.discord-activity-preview{background:linear-gradient(145deg,#141414,#0b0b0b);border:1px solid #ffffff17;border-radius:18px;min-width:0;padding:20px}.discord-activity-preview-heading{color:#d4d4d4;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.discord-activity-tabs{background:#080808;border:1px solid #ffffff0a;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:21px;padding:4px;display:grid}.discord-activity-tabs>button{-webkit-appearance:none;appearance:none;color:#909090;min-width:0;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 3px;font-size:10px;font-weight:600;line-height:1.4;transition:color .16s,background .16s,box-shadow .16s;display:block}.discord-activity-tabs>button:hover{color:#e6e6e6;background:#ffffff07}.discord-activity-tabs>button[aria-selected=true]{color:#f1f1f1;background:#242424;box-shadow:0 1px 4px #0005,inset 0 1px #ffffff08}.discord-activity-tabs>button:focus-visible{outline-offset:3px;outline:2px solid #bcbcbc}.discord-activity-panel:focus-visible{outline-offset:3px;outline:2px solid #bcbcbc}.discord-activity-panel{border-radius:10px;align-items:center;min-height:112px;display:flex}.discord-activity-example{align-items:center;gap:17px;width:100%;min-width:0;animation:.18s ease-out discord-activity-reveal;display:flex}.discord-activity-artwork{flex:0 0 88px;width:88px;height:88px;position:relative}.discord-activity-artwork>img{object-fit:cover;object-position:50% 35%;background:#0b0b0b;border-radius:13px;width:100%;height:100%;display:block}.discord-activity-playing{color:#203d28;background:#c3dcc7;border:3px solid #111;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:24px;height:24px;display:flex;position:absolute;bottom:-4px;right:-5px}.discord-activity-playing.is-browsing{color:#303030;background:#d0d0d0}.discord-activity-playing i{background:#203d28;border-radius:2px;width:2px;height:7px;display:block}.discord-activity-playing i:nth-child(2){height:11px}.discord-activity-playing i:nth-child(3){height:5px}.discord-activity-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.discord-activity-type{letter-spacing:.055em;text-transform:uppercase;color:#9d9d9d;font-size:10px;font-weight:650}.discord-activity-copy>strong{letter-spacing:-.015em;color:#f2f2f2;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.45}.discord-activity-state{color:#b3b3b3;font-size:12px;line-height:1.5}.discord-activity-progress{flex-direction:column;gap:5px;max-width:320px;margin-top:5px;display:flex}.discord-activity-progress>div{background:#ffffff1f;border-radius:3px;height:3px;overflow:hidden}.discord-activity-progress>div>span{border-radius:inherit;background:#bcd9c2;width:29.166%;height:100%;display:block}.discord-activity-progress>span{color:#989898;font-variant-numeric:tabular-nums;font-size:10px}@keyframes discord-activity-reveal{0%{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}@media (max-width:440px){.discord-activity-preview{padding:17px}.discord-activity-example{gap:13px}.discord-activity-artwork{flex-basis:72px;width:72px;height:72px}.discord-activity-copy>strong{font-size:13px}.discord-activity-preview-heading{font-size:11px}}@media (prefers-reduced-motion:reduce){.discord-activity-example{animation:none}.discord-activity-tabs>button{transition:none}}