@import url('./music-reference.css');
.activity-scale{width:412px;position:relative;display:grid;place-items:center;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",sans-serif;font-synthesis:none;--accent:#fe8002;-webkit-font-smoothing:antialiased}
.activity-scale *{box-sizing:border-box}.activity-body{position:relative;flex:none;width:412px;height:100%}.activity-shadow{position:absolute;left:50%;top:0;translate:-50% 0;border-radius:48px;box-shadow:0 8px 22px #0000001a;pointer-events:none}.activity-surface{position:absolute;left:50%;top:0;width:412px;height:88px;border-radius:48px;transform:translate(-50%,var(--surface-y,0px));transform-origin:center top;background:#000;color:#c6c6c6;overflow:hidden;transition:background .28s;outline-offset:5px}.activity-surface:focus-visible{outline:2px solid #a1ccff;outline-offset:-3px}.activity-content{position:absolute;left:50%;top:0;transform:translateX(-50%)}.activity-content>.expanded-content{transform-origin:center top}.activity-scale[data-activity=music] .activity-surface[data-presentation=expanded]{height:208px}.activity-surface[data-presentation=compact]{width:226px;height:37.33px;border-radius:24px}.activity-surface[data-presentation=minimal]{width:126px;height:44px;border-radius:22px}.activity-surface .motion-outgoing{position:absolute!important;left:50%!important;top:0!important;translate:-50% 0;z-index:3!important;pointer-events:none!important;margin:0!important;overflow:hidden;height:100%}
.activity-surface button{border:0;cursor:pointer;color:inherit;user-select:none;-webkit-user-select:none;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.activity-surface button:focus-visible{outline:2px solid #a1ccff;outline-offset:-2px}.activity-surface button svg{pointer-events:none;display:block}.activity-surface svg{max-width:none}
.activity-surface .figma-symbol{display:block;background:currentColor;mask-image:var(--symbol);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:var(--symbol);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;width:100%;height:100%}.activity-surface .figma-play{width:22px;height:26px}
.expanded-content.timer{height:88px;padding:19px 29.333px 19px 17px}.timer-native{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-width:0}.timer-controls{display:flex;gap:8px}.timer-controls .round-button{position:relative;width:50px;height:50px;background:#2d2d2d;color:#cecece;display:grid;place-items:center;flex-shrink:0;border-radius:50%;transition:scale .22s,background .15s}.timer-controls .round-button.tint{background:#492d16;color:#be702b}.timer-controls .round-button svg{width:17.67px;height:21px}.timer-controls .round-button[data-action=timer-cancel] svg{width:18.67px;height:18.67px}.round-button .glyph-outgoing{position:absolute}
.timer-reading{display:flex;justify-content:flex-end;gap:22.667px;align-items:flex-end;flex:0 1 auto;min-width:0;color:var(--accent)}.timer-reading .activity-label{padding:0;margin-bottom:8.333px;line-height:1;max-width:105px;flex-shrink:1;font-size:16px}.timer-reading .reference-label{display:block;overflow:visible;flex:0 0 45.333px;height:14px}.reference-label svg{width:45.333px;height:14px}.timer-value[data-live]{display:inline-flex;height:50px;line-height:1;letter-spacing:0;flex-shrink:0;gap:0;color:var(--accent);white-space:nowrap}
.number-slot{display:inline-block;position:relative;overflow:hidden}.timer-value .number-slot{width:29px;height:50px;line-height:1;vertical-align:0}.timer-value .number-slot.punctuation{width:9.667px}.number-digit{display:inline-block}.timer-value .number-digit{width:100%;height:50px;line-height:1}.timer-value .number-digit svg{width:100%;height:50px;max-width:none}.album{flex-shrink:0}.seek-track{overflow:hidden}.seek-track>span{display:block;height:100%;width:0}
.activity-compact{width:210px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;cursor:pointer}.activity-compact .album{height:24px;width:24px;border-radius:5px}.activity-compact>svg{width:22px;height:22px}.activity-compact.music.paused .album-image{transform:scale(1);filter:brightness(.8)}.music-wave{display:flex;gap:2px;align-items:center;height:24px;color:#d1d69c}.music-wave i{display:block;width:3px;border-radius:2px;background:currentColor;animation:meter 800ms ease-in-out infinite alternate;animation-delay:var(--delay)}.paused .music-wave i{animation-play-state:paused;transform:scaleY(.4)}
.activity-scale[data-presentation=lock] .activity-shadow{border-radius:30px;box-shadow:0 10px 26px #00000012}.activity-scale[data-presentation=lock] .activity-surface{border-radius:30px!important;clip-path:none!important;background:#4c53586b;backdrop-filter:blur(28px) saturate(1.3);-webkit-backdrop-filter:blur(28px) saturate(1.3);box-shadow:inset 0 .7px .8px #fff6,inset 0 -.5px .6px #0002}.activity-scale[data-presentation=lock] .music-title,.activity-scale[data-presentation=lock] .music-control{color:#fff}.activity-scale[data-presentation=lock] .music-artist,.activity-scale[data-presentation=lock] .music-progress{color:#ffffffae}.activity-scale[data-presentation=lock] .music-seek .seek-track{background:#ffffff36}.activity-scale[data-presentation=lock] .music-seek .seek-track>span{background:#fff9}.activity-scale[data-presentation=lock] .timer-reading{--accent:#ffd4a6}
.activity-scale[data-presentation=lock] .music-progress.is-scrubbing{color:#fff}.activity-scale[data-presentation=lock] .music-progress.is-scrubbing .seek-track>span{background:#fff}
.activity-cancelled-content{height:44px;width:126px}.activity-cancelled{height:44px;width:126px;border-radius:22px;background:#ffffffef;color:#252527!important;font-size:14px;font-weight:500}.activity-scale[data-cancelled=true] .activity-surface{background:transparent}.activity-cancelled:active{background:#e8e8e8}
.output-popover{position:absolute;top:50%;left:20px;right:20px;translate:0 -50%;padding:18px;background:#edf0f3d9;color:#252527;border-radius:26px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 0 1px 1px #fff,0 14px 50px #0003;z-index:5}.output-popover[hidden]{display:none}.output-popover button{font:inherit;border:0;cursor:pointer;transition:background .15s}.output-popover button:focus-visible{outline:2px solid #007aff;outline-offset:2px}.output-popover .output-header{margin-bottom:14px}.output-popover .music-title{color:#252527;font-size:16px}.output-popover .music-artist{font-size:14px;color:#707076}.output-popover .output-options button{background:#fff5;color:#555;min-height:48px}.output-popover .output-options button[aria-pressed=true]{background:#fff;color:#171717}.output-popover .output-header .album{width:45px;height:45px;flex-basis:45px}.output-popover .output-options button small{display:none}
.activity-scale[data-preview] .activity-shadow{box-shadow:0 12px 24px #00000012}.activity-scale[data-preview] button{pointer-events:none}
@keyframes meter{to{transform:scaleY(.4)}}
.activity-scale[data-preview-paused=true] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.activity-surface,.activity-scale *{animation:none!important;transition:none!important}}
/* Shared source geometry for the compact presentation. */
.activity-compact{width:226px;height:37.33px}.activity-compact .album{width:23px;height:23px;border-radius:7px}.activity-compact>svg{width:25px;height:25px}

/* Decorative playback motion follows presentation visibility, independently of elapsed time. */
.activity-scale[data-lifecycle-paused="true"] .music-wave i{animation-play-state:paused}