/* Music measurements follow the supplied 896 × 512 reference at 440 pt width. */
.device-preview[data-activity=music] .island{border-radius:0!important}
.device-preview[data-activity=music] .island[data-presentation=expanded]{width:calc(100% - 28px);height:208px}
.device-preview[data-activity=music] .compact-content{padding:0 9px}
.device-preview[data-activity=music] .compact-content .album{width:24px;height:24px;border-radius:5px}
.device-preview[data-activity=music] .compact-content .album-image{border-radius:inherit}
.expanded-content.music,.lock-content.music{position:relative;height:208px;padding:0;color:#bcbcbc}
.music-top{position:absolute;top:24px;left:21px;right:21px;height:66.786px;gap:18.17px;display:flex;align-items:center}
.album{width:66.786px;height:66.786px;border-radius:12px;background:none;overflow:visible;position:relative}
.album-image{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;overflow:hidden;background:#252c29;color:#bcbcbc;transform:scale(1);transition:transform .48s cubic-bezier(.18,1.14,.28,1),filter .28s}
.album-image img{width:100%;height:100%;object-fit:cover;max-width:none;display:block}
.music.paused .album-image{transform:scale(.8);filter:brightness(.86)}
.compact-content.music.paused .album-image{transform:scale(1);filter:brightness(.8)}
.music-text{flex:1;min-width:0}
.music-top>.music-text{padding-right:45px}
.music-title{font-size:18px;font-weight:600;line-height:22px;letter-spacing:-.25px;color:#bcbcbc}
.music-artist{font-size:18px;font-weight:400;line-height:22px;letter-spacing:-.25px;color:#676767;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reference-track{height:42.234px;display:flex;flex-direction:column;justify-content:flex-start;gap:4.911px}
.reference-track .music-title{height:19.152px;flex-shrink:0}
.reference-track .music-title svg{width:31.429px;height:19.152px}
.reference-track .music-artist{margin:0;height:18.17px;flex-shrink:0}
.reference-track .music-artist svg{width:99.688px;height:18.17px}
.music-control{position:relative;display:grid;place-items:center;isolation:isolate;padding:0;background:transparent;touch-action:manipulation}
.music-control:before{content:"";position:absolute;inset:0;border-radius:50%;background:#141414;opacity:0;z-index:-1;transition:opacity .15s}
.music-control.control-pressed:before{opacity:1;transition-duration:.08s}
.music-control:active:not(:disabled){filter:none}
.music-control .music-symbol{display:block;position:relative;width:30px;height:33px}
.music-symbol svg{width:100%;height:100%}
.music-haptics{position:absolute;right:4px;top:5px;width:38px;height:38px;color:#56563d}
.music-haptics .music-symbol{width:35.36px;height:32.9px}
.music-haptics>span{grid-area:1/1;transition:opacity .14s,transform .25s}
.haptics-on{opacity:0;transform:scale(.8)}
.music-haptics[aria-pressed=true] .haptics-on{opacity:1;transform:scale(1)}
.music-haptics[aria-pressed=true] .haptics-off{opacity:0;transform:scale(.8)}
.music-progress{position:absolute;left:24px;right:24px;top:99.5px;height:36px;margin:0;display:grid;grid-template-columns:25px minmax(0,1fr) 32px;gap:8px;align-items:center;font-size:12px;color:#747474;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0}
.music-progress>[data-live]{display:block;height:auto;line-height:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.music-progress [data-live=music-remaining]{text-align:right}
.music-seek{height:36px;position:relative;display:flex;align-items:center}
.music-seek .seek-track{width:100%;height:7px;background:#242326;border-radius:30px;transition:height .24s cubic-bezier(.2,.8,.2,1),background-color .18s}
.music-seek .seek-track>span{background:#77767b;border-radius:0;transition:background-color .18s;will-change:width}
.music-progress.is-scrubbing{color:#bcbcbc}
.music-progress.is-scrubbing .seek-track{height:13px}
.music-progress.is-scrubbing .seek-track>span{background:#bcbcbc}
.activity-seek{position:absolute;inset:0;margin:0!important;min-height:36px!important;height:36px;width:100%;opacity:0;appearance:none;-webkit-appearance:none;padding:0;cursor:ew-resize;touch-action:none}
.activity-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:0;height:0}
.activity-seek::-moz-range-thumb{width:0;height:0;border:0}
.music-seek:has(input:focus-visible){outline:2px solid #bcbcbc;outline-offset:2px;border-radius:18px}
.music-playback{position:absolute;left:17px;right:17px;bottom:17.33px;display:flex;align-items:center;justify-content:space-between;gap:0;margin:0;padding:0;height:58px}
.music-playback>button,.music-playback>.audio-device{position:relative;right:auto;width:58px;max-width:58px;min-width:0;height:58px;flex:1 1 58px;color:#bcbcbc}
.press-glyph{width:36px;height:36px;position:relative;display:grid;place-items:center;transform-origin:center}
.music-playback .press-glyph>svg{width:36px;height:24px}
.main-play .press-glyph>span{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .12s,transform .17s cubic-bezier(.22,1,.36,1)}
.music-playback>button.main-play svg{width:28px;height:34px}
.music-playback>.previous-button svg{transform:translateY(-1.5px)}
.play-glyph{opacity:0;transform:scale(.65)}
.pause-glyph{opacity:1;transform:scale(1)}
.music.paused .play-glyph{opacity:1;transform:scale(1)}
.music.paused .pause-glyph{opacity:0;transform:scale(.65)}
.music-playback>.favorite-button,.music-playback>.audio-device{color:#626262}
.favorite-symbol{display:grid;place-items:center;position:relative;width:31.429px;height:33.393px}
.favorite-symbol>span{grid-area:1/1;transition:opacity .1s}
.favorite-symbol .music-symbol{width:31.429px;height:33.393px}
.music-playback .favorite-symbol svg{width:100%;height:100%}
.star-on{opacity:0}.favorite-button[aria-pressed=true] .star-on{opacity:1}.favorite-button[aria-pressed=true] .star-off{opacity:0}
.favorite-glow{position:absolute;inset:-8px;background:radial-gradient(circle,#ffffff18,transparent 67%);opacity:0;pointer-events:none;z-index:-1}
.music-playback>.audio-device .music-symbol{width:30.446px;height:30.937px}
.music-playback>.audio-device svg{width:100%;height:100%}
.device-preview[data-view=island][data-second-activity=true]:has(.island[data-presentation=compact]) #recording-bubble{opacity:1;transform:translateX(0) scale(1)}
.island{transform:translate(-50%,var(--surface-y,0px)) scale(var(--view-scale,1))}
.motion-replay-buttons{display:flex;gap:8px;margin-top:18px}
.motion-replay-buttons button{flex:1}
#audio-output-shade{position:absolute;inset:55px 0 0;z-index:4;background:#00000015;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:0;padding:0}
#audio-output-sheet{position:absolute;top:62.5px;left:41.25px;right:40.25px;padding:20px 15.7px 18px;border-radius:30px;background:linear-gradient(#91a2a94d,#242a32ad 48%,#36526094);box-shadow:inset 0 1px 1px #ffffff25,inset 0 -1px 1px #ffffff10,0 14px 32px #0005;backdrop-filter:blur(34px) saturate(1.35);-webkit-backdrop-filter:blur(34px) saturate(1.35);z-index:5;transform-origin:50% 0;color:#c6c6c6}
#audio-output-sheet[hidden],#audio-output-shade[hidden]{display:none}
.output-header{display:flex;align-items:center;gap:13.3px;margin:0 4.9px 20px}
.output-header .album{width:63px;height:63px;border-radius:11px;flex:0 0 63px}
.output-header .music-title{font-size:15px;line-height:20px}
.output-header .music-artist{font-size:14px;line-height:20px;color:#c0c0c08c}
.output-header .reference-track{height:46.8px;gap:5px}
.output-header .reference-track .music-title{height:21.45px}.output-header .reference-track .music-title svg{width:35.2px;height:21.45px}.output-header .reference-track .music-artist{height:20.35px}.output-header .reference-track .music-artist svg{width:111.65px;height:20.35px}
.output-options{display:grid;gap:8px}
.output-options button{display:flex;align-items:center;gap:9px;width:100%;min-height:48px;text-align:left;padding:8px 15px;border-radius:24px;background:#ffffff19;color:#ddd;font-size:17px;line-height:20px}
.output-options button[aria-pressed=true]{background:#d9e0e072;color:#111b20}
.output-options button>svg{width:20px;height:23px;flex:0 0 20px}
.output-options button small{display:block;color:#ccd6de;font-size:11px;line-height:12px}
.output-check{margin-left:auto;font-size:23px}
.device-preview:has(#audio-output-sheet:not([hidden])){overflow:visible}
.device-preview:has(#audio-output-sheet:not([hidden])) .wallpaper{border-radius:inherit}
@media(max-width:650px){body.focus .device-preview[data-activity=music] .island[data-presentation=expanded]{width:calc(100% - 28px)}}
@media(max-width:375px){body.focus .music-playback{left:11px;right:11px}body.focus .music-playback>button{width:48px;flex-basis:48px}body.focus .music-top{gap:12px}#audio-output-sheet{left:24px;right:24px}}
@media(prefers-reduced-motion:reduce){.album-image,.music-control:before,.favorite-symbol>span,.music-seek .seek-track,.music-seek .seek-track>span,.main-play .press-glyph>span{transition:none}.music-seek .seek-track>span{will-change:auto}}

.stage-island .phone-wrap,.stage-island .device-preview{transition:height .3s cubic-bezier(.22,1,.36,1)}