:root{--ipod-backdrop-color:#e9e9eb;--ipod-backdrop-light:#ffffffbf;--ipod-backdrop-shade:#0000001a;--ipod-backdrop:radial-gradient(120% 80% at 50% 28%, var(--ipod-backdrop-light), transparent 58%), radial-gradient(150% 125% at 50% 42%, transparent 52%, var(--ipod-backdrop-shade)), var(--ipod-backdrop-color)}@supports (color:light-dark(red, red)){:root{--ipod-backdrop-color:var(--lightningcss-light,#e9e9eb)var(--lightningcss-dark,#161617);--ipod-backdrop-light:var(--lightningcss-light,#ffffffbf)var(--lightningcss-dark,#ffffff12);--ipod-backdrop-shade:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#00000080)}}:root body{background:var(--ipod-backdrop);background-repeat:no-repeat}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a0a0a);margin:0}.preview-page{--preview-gutter:clamp(.75rem, 3vmin, 1.5rem);--preview-credit-size:3rem;grid-template-rows:1fr var(--preview-credit-size);box-sizing:border-box;min-height:100svh;padding:var(--preview-gutter) var(--preview-gutter) 0;place-items:center;display:grid}.preview-player{width:100%;max-width:var(--preview-player-width,56rem)}.preview-page .media-skin{--ipod-max-block-size:calc(100svh - var(--preview-gutter) - var(--preview-credit-size))}.preview-credit{color:var(--lightningcss-light,#5e5e63)var(--lightningcss-dark,#98989d);margin:0;font:.8125rem/1 Helvetica Neue,Helvetica,Arial,sans-serif}.preview-credit a{color:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f5f5f7);-webkit-text-decoration:underline 1px color-mix(in srgb, currentColor 35%, transparent);text-decoration:underline 1px color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:.2em;border-radius:2px;padding-block:.5rem;display:inline-block}@media (hover:hover){.preview-credit a:hover{text-decoration-color:currentColor}}.preview-credit a:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#0a63e6)var(--lightningcss-dark,#6bb1ff)}.preview-player[style*=--preview-player-ratio] .media-skin{aspect-ratio:var(--preview-player-ratio)}media-i18n,video-player,live-video-player,audio-player,live-audio-player{display:contents}@layer base{@scope(.media-skin){:scope{text-align:start;text-transform:none;letter-spacing:normal;font-style:normal;font-weight:400}:scope,*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}button{font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;appearance:none;background:0 0}img,svg,media-icon{max-width:100%;display:block}svg[fill=currentColor]{fill:currentColor}svg[fill=none]{fill:none}svg[stroke=currentColor]{stroke:currentColor}video{border-radius:inherit;object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;max-width:100%;height:100%;display:block}media-icon>svg{width:100%;height:100%}media-tooltip-group,media-dialog,media-alert-dialog,media-error-dialog,media-controls{display:contents}[hidden][hidden]{display:none!important}}@media (prefers-reduced-motion:no-preference){.media-skin{interpolate-size:allow-keywords}}@supports not selector(:popover-open){:where(.media-skin) [popover]:not([data-open],[data-ending-style]){display:none!important}.media-skin:is([data-preset=audio],[data-preset=live-audio]){overflow:visible!important}}}@layer components{@scope(.media-skin[data-theme=scaffold][data-preset=video]){:scope{--ipod-fit:.94;--ipod-max-block-size:calc(100svh - 3rem);--ipod-min-block-size:26rem;--ipod-block-limit:max(var(--ipod-max-block-size), var(--ipod-min-block-size));--ipod-tilt:3.5deg;--ipod-face-light:#d8dadd;--ipod-face:#cbcdd0;--ipod-face-shade:#b0b2b6;--ipod-key-light:#ffffff3d;--ipod-rim-light:#ffffffb3;--ipod-rim-shade:#00000057;--ipod-rim-side:#00000029;--ipod-seam:#0006;--ipod-seam-light:#ffffffd9;--ipod-seam-shade:#0000002e;--ipod-wheel-light:#fdfdfd;--ipod-wheel:#f2f2f3;--ipod-wheel-shade:#e2e3e5;--ipod-wheel-gloss:#fffffff2;--ipod-wheel-rim:#0000001a;--ipod-legend:#a3a8af;--ipod-center-top:#b2b4b8;--ipod-center-bottom:#dddee1;--ipod-center-gloss:#ffffff8c;--ipod-press-shade:#00000024;--ipod-grain-veil:#80808000;--ipod-shadow-color:#00000057;--ipod-sheen:#ffffff24;--media-ring:#0a63e6;--ipod-chrome:conic-gradient(from 205deg, #f6f7f8, #7c8084 7%, #e9ebed 15%, #9a9ea2 26%, #fdfdfd 37%, #6b6f73 49%, #e0e2e4 60%, #8a8e92 71%, #f3f4f5 83%, #767a7e 93%, #f6f7f8);--ipod-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.35' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 1'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.4' intercept='-.7'/%3E%3CfeFuncG type='linear' slope='2.4' intercept='-.7'/%3E%3CfeFuncB type='linear' slope='2.4' intercept='-.7'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--ipod-gloss-blue:linear-gradient(to bottom, #7cc1fa, #3d98f0 50%, #1c75e1 50%, #2e86ec);--ipod-gloss-silver:linear-gradient(to bottom, #fcfcfc, #dfe0e2 50%, #c9cbce 50%, #d6d8db);--ipod-gloss-dark:linear-gradient(to bottom, #686a6edb, #343538db 50%, #141416e0 50%, #222325e0);--ipod-battery-charge:#58c043;aspect-ratio:618/1035;inline-size:100%;max-block-size:var(--ipod-block-limit);overflow-clip-margin:6rem;font-family:var(--media-font-family,"Helvetica Neue", Helvetica, Arial, sans-serif);color:#fff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline-style:none;display:block;position:relative;overflow:clip;container:media-root/inline-size}@supports (color:light-dark(red, red)){:scope{--ipod-face-light:var(--lightningcss-light,#d8dadd)var(--lightningcss-dark,#5b5c60);--ipod-face:var(--lightningcss-light,#cbcdd0)var(--lightningcss-dark,#3a3b3e);--ipod-face-shade:var(--lightningcss-light,#b0b2b6)var(--lightningcss-dark,#232426);--ipod-key-light:var(--lightningcss-light,#ffffff3d)var(--lightningcss-dark,#ffffff1f);--ipod-rim-light:var(--lightningcss-light,#ffffffb3)var(--lightningcss-dark,#ffffff52);--ipod-rim-shade:var(--lightningcss-light,#00000057)var(--lightningcss-dark,#0009);--ipod-rim-side:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#0006);--ipod-seam:var(--lightningcss-light,#0006)var(--lightningcss-dark,#000000e6);--ipod-seam-light:var(--lightningcss-light,#ffffffd9)var(--lightningcss-dark,#fff3);--ipod-seam-shade:var(--lightningcss-light,#0000002e)var(--lightningcss-dark,#00000080);--ipod-wheel-light:var(--lightningcss-light,#fdfdfd)var(--lightningcss-dark,#262628);--ipod-wheel:var(--lightningcss-light,#f2f2f3)var(--lightningcss-dark,#161617);--ipod-wheel-shade:var(--lightningcss-light,#e2e3e5)var(--lightningcss-dark,#0a0a0b);--ipod-wheel-gloss:var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#ffffff24);--ipod-wheel-rim:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0009);--ipod-legend:var(--lightningcss-light,#a3a8af)var(--lightningcss-dark,#d6d7da);--ipod-center-top:var(--lightningcss-light,#b2b4b8)var(--lightningcss-dark,#2b2c2e);--ipod-center-bottom:var(--lightningcss-light,#dddee1)var(--lightningcss-dark,#4d4e52);--ipod-center-gloss:var(--lightningcss-light,#ffffff8c)var(--lightningcss-dark,#ffffff1a);--ipod-press-shade:var(--lightningcss-light,#00000024)var(--lightningcss-dark,#0000008c);--ipod-grain-veil:var(--lightningcss-light,#80808000)var(--lightningcss-dark,#80808073);--ipod-shadow-color:var(--lightningcss-light,#00000057)var(--lightningcss-dark,#000000b3);--ipod-sheen:var(--lightningcss-light,#ffffff24)var(--lightningcss-dark,#ffffff0f);--media-ring:var(--lightningcss-light,#0a63e6)var(--lightningcss-dark,#6bb1ff)}}:scope:before{content:"";padding-block-start:min(calc(1035 / 618 * 100%), var(--ipod-block-limit));display:block}.ipod-stage{place-items:center;display:grid;position:absolute;inset:0;container:ipod-stage/size}:scope:fullscreen{background:var(--ipod-backdrop,#000);max-block-size:none}@media (prefers-reduced-motion:reduce){:scope{--ipod-tilt:0deg}}:scope:focus-visible .ipod-body{outline:max(2px, calc(3 * var(--ipod-u))) solid var(--media-ring);outline-offset:calc(6 * var(--ipod-u))}.media-status-announcer{white-space:nowrap;clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.ipod{--ipod-u:calc(min(100cqw, 100cqh * 618 / 1035) * var(--ipod-fit) / 618);--ipod-px:calc(var(--ipod-u) * 508 / 320);width:calc(618 * var(--ipod-u));height:calc(1035 * var(--ipod-u));position:relative}.ipod-shadow,.ipod-body{border-radius:calc(52 * var(--ipod-u));position:absolute;inset:0}.ipod-shadow{translate:calc(var(--ipod-look-x) * -9 * var(--ipod-u)) calc(var(--ipod-look-y) * -7 * var(--ipod-u))}.ipod-shadow:before,.ipod-shadow:after{content:"";border-radius:inherit;background-color:var(--ipod-shadow-color);position:absolute}.ipod-shadow:before{inset:calc(3 * var(--ipod-u));translate:0 calc(6 * var(--ipod-u));filter:blur(calc(7 * var(--ipod-u)))}.ipod-shadow:after{inset:calc(30 * var(--ipod-u)) calc(22 * var(--ipod-u)) calc(-4 * var(--ipod-u));translate:0 calc(30 * var(--ipod-u));filter:blur(calc(30 * var(--ipod-u)))}.ipod-body{background:var(--ipod-chrome);box-shadow:0 0 0 calc(.6 * var(--ipod-u)) #0000004d;transform:perspective(calc(2800 * var(--ipod-u))) rotateX(calc(var(--ipod-look-y) * -1 * var(--ipod-tilt))) rotateY(calc(var(--ipod-look-x) * var(--ipod-tilt)))}.ipod-face{inset:calc(2.6 * var(--ipod-u));border-radius:calc(49.5 * var(--ipod-u));background:radial-gradient(130% 55% at 26% -6%, var(--ipod-key-light), transparent 64%), linear-gradient(to bottom, var(--ipod-face-light), var(--ipod-face) 38%, var(--ipod-face) 64%, var(--ipod-face-shade));box-shadow:inset 0 0 0 calc(.7 * var(--ipod-u)) var(--ipod-seam-light), inset 0 calc(5 * var(--ipod-u)) calc(6 * var(--ipod-u)) calc(-3 * var(--ipod-u)) var(--ipod-rim-light), inset 0 calc(-11 * var(--ipod-u)) calc(14 * var(--ipod-u)) calc(-6 * var(--ipod-u)) var(--ipod-rim-shade), inset calc(10 * var(--ipod-u)) 0 calc(12 * var(--ipod-u)) calc(-8 * var(--ipod-u)) var(--ipod-rim-side), inset calc(-10 * var(--ipod-u)) 0 calc(12 * var(--ipod-u)) calc(-8 * var(--ipod-u)) var(--ipod-rim-shade);isolation:isolate;position:absolute;overflow:hidden}.ipod-face:before{content:"";background:linear-gradient(104deg, transparent 36%, var(--ipod-sheen) 50%, transparent 64%);translate:calc(var(--ipod-look-x) * -14%) calc(var(--ipod-look-y) * -6%);position:absolute;inset:-10% -45%}.ipod-face:after,.ipod-wheel-plate:after,.ipod-wheel-center:after{content:"";border-radius:inherit;background:linear-gradient(var(--ipod-grain-veil), var(--ipod-grain-veil)), var(--ipod-grain) 0 0 / 220px;mix-blend-mode:overlay;opacity:var(--ipod-grain-opacity);pointer-events:none;position:absolute;inset:0}.ipod{--ipod-grain-opacity:.42}@container ipod-stage (height<40rem) or (width<23rem){.ipod{--ipod-grain-opacity:.27}}@container ipod-stage (height<28rem) or (width<16rem){.ipod{--ipod-grain-opacity:.15}}@media (resolution<1.5x){.ipod-face:after,.ipod-wheel-center:after{opacity:calc(var(--ipod-grain-opacity) * .65)}}.ipod-window{left:calc(38.5 * var(--ipod-u));top:calc(39 * var(--ipod-u));width:calc(541 * var(--ipod-u));height:calc(411 * var(--ipod-u));border-radius:calc(7 * var(--ipod-u));box-shadow:0 0 0 calc(1.1 * var(--ipod-u)) var(--ipod-seam), 0 calc(1.8 * var(--ipod-u)) calc(1.2 * var(--ipod-u)) calc(1 * var(--ipod-u)) var(--ipod-seam-light), 0 calc(-1.4 * var(--ipod-u)) calc(1.2 * var(--ipod-u)) calc(.8 * var(--ipod-u)) var(--ipod-seam-shade);pointer-events:none;background-color:#030303;position:absolute}.ipod-lcd{--media-ring:#fff;left:calc(16.5 * var(--ipod-u));top:calc(15 * var(--ipod-u));width:calc(508 * var(--ipod-u));height:calc(381 * var(--ipod-u));font-size:calc(12 * var(--ipod-px));background-color:#000;font-weight:700;line-height:1;position:absolute;overflow:hidden}.ipod-lcd:after{content:"";box-shadow:inset 0 0 calc(3 * var(--ipod-u)) #0000008c;background-color:#aabad80a;position:absolute;inset:0}.ipod-glass{border-radius:inherit;box-shadow:inset 0 0 0 calc(.8 * var(--ipod-u)) #ffffff17, inset 0 calc(1.5 * var(--ipod-u)) calc(3 * var(--ipod-u)) #0009;background:linear-gradient(#ffffff0d,#fff0 9%);position:absolute;inset:0;overflow:hidden}.ipod-glass:before{content:"";translate:calc(var(--ipod-look-x) * -6%) calc(var(--ipod-look-y) * -4%);background:linear-gradient(117deg,#ffffff1a,#ffffff09 36%,#fff0 36.4%);position:absolute;inset:-12%}.ipod-playback,.ipod-picture,.ipod-poster,.ipod-buffering,.ipod-menu,.ipod-dialog-backdrop{position:absolute;inset:0}.ipod-playback{transition:translate var(--media-duration-menu) ease-in-out}.ipod[data-mode=menu] .ipod-playback{translate:100%}.ipod-poster:not([data-visible]),.ipod-buffering:not([data-visible]){display:none}.ipod-poster{background-color:#000}.ipod[data-ended] .ipod-poster{display:block}.ipod-picture iframe{transform-origin:0 0;width:300%;height:540%;position:absolute;top:-40%;left:0;scale:.333333}.ipod-poster-image{object-fit:var(--media-object-fit,contain);object-position:var(--media-object-position,center);width:100%;height:100%}video::-webkit-media-text-track-container{transition:translate var(--media-duration-controls) ease-out;font-family:inherit}.ipod[data-osd] video::-webkit-media-text-track-container{translate:0 calc(-30 * var(--ipod-px))}.ipod-buffering{background-color:#00000059;place-items:center;display:grid}.ipod-spinner{width:calc(28 * var(--ipod-px));height:calc(28 * var(--ipod-px));animation:var(--media-spinner-animation,ipod-spin 1s steps(12) infinite)}.ipod-statusbar,.ipod-bar{background:var(--ipod-gloss-dark);text-shadow:0 calc(-1 * var(--ipod-px)) 0 #0000008c;opacity:0;transition:opacity var(--media-duration-slower) ease-out;position:absolute;inset-inline:0}.ipod[data-osd] :is(.ipod-statusbar,.ipod-bar){opacity:1;transition-duration:0s}.ipod-playback:has(.ipod-slider-thumb:focus-visible) :is(.ipod-statusbar,.ipod-bar){opacity:1;transition-duration:0s}.ipod-statusbar,.ipod-titlebar{align-items:center;column-gap:calc(6 * var(--ipod-px));height:calc(20 * var(--ipod-px));padding-inline:calc(6 * var(--ipod-px));grid-template-columns:1fr auto 1fr;display:grid}.ipod-statusbar{box-shadow:0 calc(1 * var(--ipod-px)) 0 #0009;top:0}.ipod-statusbar-title,.ipod-titlebar-title{white-space:nowrap;text-overflow:ellipsis;grid-column:2;min-width:0;overflow:hidden}.ipod-play-state{width:calc(11 * var(--ipod-px));height:calc(11 * var(--ipod-px));grid-column:1}.ipod:not([data-paused]) .ipod-play-state-paused,.ipod[data-paused] .ipod-play-state-playing{display:none}.ipod-battery{width:calc(23 * var(--ipod-px));height:calc(11 * var(--ipod-px));grid-column:3;justify-self:end}.ipod-battery-charge{fill:var(--ipod-battery-charge)}.ipod-bar{height:calc(30 * var(--ipod-px));box-shadow:0 calc(-1 * var(--ipod-px)) 0 #0009;display:grid;bottom:0}.ipod-progress,.ipod-volume{align-items:center;gap:calc(7 * var(--ipod-px));padding-inline:calc(8 * var(--ipod-px));grid-area:1/1;display:flex}.ipod-volume,.ipod[data-mode=volume] .ipod-progress{opacity:0}.ipod-bar:has(.ipod-volume .ipod-slider-thumb:focus-visible) .ipod-progress{opacity:0}.ipod[data-mode=volume] .ipod-volume{opacity:1}.ipod-bar:has(.ipod-volume .ipod-slider-thumb:focus-visible) .ipod-volume{opacity:1}.ipod-bar:has(.ipod-progress .ipod-slider-thumb:focus-visible) .ipod-progress{opacity:1}.ipod-bar:has(.ipod-progress .ipod-slider-thumb:focus-visible) .ipod-volume{opacity:0}.ipod-time{font-size:calc(11 * var(--ipod-px));font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:none}.ipod-speaker{width:calc(14 * var(--ipod-px));height:calc(12 * var(--ipod-px));flex:none}.ipod-slider{height:calc(9 * var(--ipod-px));border-radius:calc(2.5 * var(--ipod-px));flex:1;position:relative}.ipod-slider:has(.ipod-slider-thumb:focus-visible){outline:max(2px, calc(1.5 * var(--ipod-px))) solid var(--media-ring);outline-offset:calc(2.5 * var(--ipod-px))}.ipod-slider-track{border-radius:inherit;box-shadow:inset 0 0 0 calc(1 * var(--ipod-px)) #ffffff80, inset 0 calc(2 * var(--ipod-px)) calc(2 * var(--ipod-px)) #0009;background-color:#00000080;position:absolute;inset:0;overflow:hidden}.ipod-slider-fill{width:var(--ipod-elapsed,var(--media-slider-fill));background:var(--ipod-gloss-blue);box-shadow:inset 0 0 0 calc(1 * var(--ipod-px)) #ffffff59;position:absolute;inset-block:0;inset-inline-start:0}.ipod-slider-mark{width:calc(1 * var(--ipod-px));background-color:#ffffffb3;position:absolute;inset-block:0}.ipod-slider-thumb{top:50%;width:calc(8.5 * var(--ipod-px));height:calc(8.5 * var(--ipod-px));box-shadow:0 0 0 calc(1 * var(--ipod-px)) #000000a6, 0 calc(1 * var(--ipod-px)) calc(2 * var(--ipod-px)) #0009;opacity:0;background:linear-gradient(135deg,#fff,#c7cbd1);outline-style:none;position:absolute;inset-inline-start:var(--ipod-elapsed,var(--media-slider-fill));translate:-50% -50%;rotate:45deg}:scope:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .ipod-slider-thumb{translate:50% -50%}.ipod[data-mode=scrub] .ipod-progress .ipod-slider-thumb,.ipod-progress .ipod-slider-thumb:focus-visible{opacity:1}.ipod-menu{color:#000;visibility:hidden;transition:translate var(--media-duration-menu) ease-in-out, visibility 0s linear var(--media-duration-menu);background-color:#fff;flex-direction:column;display:flex;translate:-100%}.ipod[data-mode=menu] .ipod-menu{visibility:visible;transition-delay:0s;translate:0}.ipod-titlebar{background:var(--ipod-gloss-silver);box-shadow:0 calc(1 * var(--ipod-px)) 0 #7d8085;font-size:calc(13 * var(--ipod-px));flex:none}.ipod-titlebar .ipod-play-state{color:#2a7fe6}.ipod-titlebar .ipod-battery{color:#5e6166}.ipod-menu-list{flex:1;padding-block-start:calc(1 * var(--ipod-px));overflow:hidden}.ipod-menu-row{justify-content:space-between;align-items:center;gap:calc(8 * var(--ipod-px));width:100%;height:calc(21 * var(--ipod-px));padding-inline:calc(8 * var(--ipod-px));font-size:calc(13.5 * var(--ipod-px));text-align:start;white-space:nowrap;outline-style:none;font-weight:700;display:flex}.ipod-menu-row[data-highlighted]{background:var(--ipod-gloss-blue);color:#fff;text-shadow:0 calc(-1 * var(--ipod-px)) 0 #0000004d}.ipod-menu-row:focus-visible{outline:max(2px, calc(1.5 * var(--ipod-px))) solid var(--media-ring);outline-offset:calc(-3 * var(--ipod-px))}.ipod-menu-label,.ipod-menu-value{text-overflow:ellipsis;min-width:0;overflow:hidden}.ipod-menu-value{flex:none;max-width:60%}.ipod-dialog-backdrop{background-color:#0009}.ipod-dialog-backdrop:not([data-open]),.ipod-dialog:not([data-open]){display:none}.ipod-dialog{gap:calc(8 * var(--ipod-px));width:calc(264 * var(--ipod-px));max-height:calc(220 * var(--ipod-px));padding:calc(12 * var(--ipod-px)) calc(12 * var(--ipod-px)) calc(10 * var(--ipod-px));border-radius:calc(6 * var(--ipod-px));box-shadow:0 0 0 calc(1 * var(--ipod-px)) #000000b3, 0 calc(4 * var(--ipod-px)) calc(12 * var(--ipod-px)) #00000080;color:#000;text-align:center;pointer-events:auto;background:linear-gradient(#fff,#e6e7ea);outline-style:none;grid-template-columns:minmax(0,1fr);line-height:1.25;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.ipod-dialog-title{font-size:calc(13.5 * var(--ipod-px))}.ipod-dialog-description{font-size:calc(11 * var(--ipod-px));overflow-wrap:anywhere;font-weight:400}.ipod-dialog-close{height:calc(21 * var(--ipod-px));border-radius:calc(3 * var(--ipod-px));background:var(--ipod-gloss-blue);color:#fff;font-size:calc(13 * var(--ipod-px));text-shadow:0 calc(-1 * var(--ipod-px)) 0 #0000004d;cursor:pointer;outline-style:none;font-weight:700}.ipod-dialog-close:focus-visible{outline:max(2px, calc(1.5 * var(--ipod-px))) solid var(--media-ring);outline-offset:calc(-3 * var(--ipod-px))}.ipod-wheel{left:calc(117 * var(--ipod-u));top:calc(540 * var(--ipod-u));width:calc(384 * var(--ipod-u));height:calc(384 * var(--ipod-u));box-shadow:0 0 0 calc(1.1 * var(--ipod-u)) var(--ipod-seam), 0 calc(1.8 * var(--ipod-u)) calc(1.2 * var(--ipod-u)) calc(1 * var(--ipod-u)) var(--ipod-seam-light), 0 calc(-1.4 * var(--ipod-u)) calc(1.2 * var(--ipod-u)) calc(.8 * var(--ipod-u)) var(--ipod-seam-shade);cursor:pointer;touch-action:none;border-radius:50%;position:absolute}.ipod-wheel-plate{--ipod-press-from:to bottom;background:radial-gradient(circle at 50% 50%, transparent 58%, var(--ipod-wheel-rim) 100%), linear-gradient(to bottom, var(--ipod-wheel-light), var(--ipod-wheel) 45%, var(--ipod-wheel-shade));box-shadow:inset 0 calc(2 * var(--ipod-u)) calc(2 * var(--ipod-u)) var(--ipod-wheel-gloss), inset 0 calc(-3 * var(--ipod-u)) calc(5 * var(--ipod-u)) var(--ipod-wheel-rim);color:var(--ipod-legend);isolation:isolate;transition:transform var(--media-duration-fast) ease-out;border-radius:50%;position:absolute;inset:0}.ipod-wheel-plate:after{opacity:calc(var(--ipod-grain-opacity) * .45)}.ipod-wheel-plate:before{content:"";border-radius:inherit;background:linear-gradient(var(--ipod-press-from), var(--ipod-press-shade), transparent 42%);opacity:0;transition:opacity var(--media-duration-fast) ease-out;position:absolute;inset:0}.ipod-wheel-legends{width:100%;height:100%;font-family:Myriad Pro,Myriad Set Pro,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;position:absolute;inset:0}.ipod-wheel:is([data-pressed=menu],:has(.ipod-wheel-menu:active)) .ipod-wheel-plate{transform:perspective(calc(900 * var(--ipod-u))) rotateX(3deg)}.ipod-wheel:is([data-pressed=next],:has(.ipod-wheel-next:active)) .ipod-wheel-plate{--ipod-press-from:to left;transform:perspective(calc(900 * var(--ipod-u))) rotateY(3deg)}.ipod-wheel:is([data-pressed=play],:has(.ipod-wheel-play:active)) .ipod-wheel-plate{--ipod-press-from:to top;transform:perspective(calc(900 * var(--ipod-u))) rotateX(-3deg)}.ipod-wheel:is([data-pressed=prev],:has(.ipod-wheel-prev:active)) .ipod-wheel-plate{--ipod-press-from:to right;transform:perspective(calc(900 * var(--ipod-u))) rotateY(-3deg)}.ipod-wheel:is([data-pressed]:not([data-pressed=select]),:has(.ipod-wheel-button:active)) .ipod-wheel-plate:before{opacity:1}.ipod-wheel-button,.ipod-wheel-center{border-radius:calc(16 * var(--ipod-u));cursor:pointer;outline-style:none;position:absolute}.ipod-wheel-button:focus-visible,.ipod-wheel-center:focus-visible{outline:max(2px, calc(3 * var(--ipod-u))) solid var(--media-ring);outline-offset:calc(3 * var(--ipod-u))}.ipod-wheel-menu,.ipod-wheel-play{left:calc(132 * var(--ipod-u));width:calc(120 * var(--ipod-u));height:calc(72 * var(--ipod-u))}.ipod-wheel-menu{top:calc(8 * var(--ipod-u))}.ipod-wheel-play{bottom:calc(8 * var(--ipod-u))}.ipod-wheel-prev,.ipod-wheel-next{top:calc(132 * var(--ipod-u));width:calc(72 * var(--ipod-u));height:calc(120 * var(--ipod-u))}.ipod-wheel-prev{left:calc(8 * var(--ipod-u))}.ipod-wheel-next{right:calc(8 * var(--ipod-u))}.ipod-wheel-center{left:calc(123.5 * var(--ipod-u));top:calc(123.5 * var(--ipod-u));width:calc(137 * var(--ipod-u));height:calc(137 * var(--ipod-u));background:radial-gradient(circle at 50% 118%, var(--ipod-center-gloss), transparent 62%), linear-gradient(to bottom, var(--ipod-center-top), var(--ipod-center-bottom));box-shadow:0 0 0 calc(1.1 * var(--ipod-u)) var(--ipod-seam), 0 calc(1.4 * var(--ipod-u)) calc(1 * var(--ipod-u)) calc(1 * var(--ipod-u)) var(--ipod-wheel-gloss), inset 0 calc(3 * var(--ipod-u)) calc(5 * var(--ipod-u)) #0003, inset 0 calc(-2 * var(--ipod-u)) calc(3 * var(--ipod-u)) var(--ipod-center-gloss);isolation:isolate;transition:transform var(--media-duration-fast) ease-out, filter var(--media-duration-fast) ease-out;border-radius:50%}.ipod-wheel[data-pressed=select] .ipod-wheel-center,.ipod-wheel-center:active{filter:brightness(.94);transform:scale(.985)}@media (forced-colors:active){.ipod-body,.ipod-window,.ipod-wheel,.ipod-wheel-button,.ipod-wheel-center{border:1px solid canvastext}.ipod-wheel-plate{color:canvastext}.ipod-menu-row[data-highlighted]{forced-color-adjust:none;color:highlighttext;background:highlight}}}}@layer utilities;@layer base.theme{.media-skin{--media-background:#000;--media-foreground:#fff;--media-controls:#00000059;--media-controls-foreground:var(--media-foreground);--media-popover:#ffffff1a;--media-popover-foreground:var(--media-foreground);--media-primary:var(--media-accent-color,var(--media-default-accent-color));--media-primary-foreground:var(--media-accent-text-color,var(--media-default-accent-text-color));--media-accent:var(--media-accent-color,#ffffff1a);--media-accent-foreground:var(--media-accent-text-color,currentColor);--media-muted:#ffffff26;--media-muted-foreground:#ffffffa6;--media-border:#0000001a;--media-ring:#fff;--media-backdrop:#000;--media-live-color:#f9423d;--media-shadow-surface:0 1px 3px 0 #00000026, 0 1px 2px -1px #00000026;--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff1a, inset 0 0 0 1px #ffffff0d;--media-shadow-thumb:0 0 0 1px #0000001a, 0 1px 3px 0 #00000059, 0 1px 2px -1px #00000059;--media-shadow-tooltip:0 0 0 1px var(--media-border), var(--media-shadow-surface);--media-shadow-separator:0 1px 0 0 #ffffff13;--media-shadow-current-color:oklch(from currentColor 0 0 0 / clamp(0, calc((l - .5) * .5), .15));--media-shadow-subtle-current-color:transparent;--media-text-shadow-dialog:0 1px 0 #00000040;--media-backdrop-filter-surface:blur(16px) saturate(125%);--media-backdrop-filter-indicator:blur(8px);--media-backdrop-filter-dialog:blur(16px) saturate(125%);--media-control-corner-shape:round;--media-control-radius:99px;--media-control-size:calc(var(--media-spacing) * 9);--media-controls-radius:var(--media-control-radius);--media-default-accent-color:#fff;--media-default-accent-text-color:#000;--media-duration-instant:50ms;--media-duration-fast:.1s;--media-duration:.15s;--media-duration-slow:.2s;--media-duration-slower:.25s;--media-duration-controls:.1s;--media-duration-dialog:.35s;--media-duration-indicator:var(--media-duration-slower);--media-duration-menu:.25s;--media-duration-slider:var(--media-duration-fast);--media-delay-dialog:.1s;--media-hidden-scale:.95;--media-hidden-blur:8px;--media-hidden-offset:calc(var(--media-spacing) * 1);--media-hidden-icon-scale:0;--media-hidden-indicator-scale:.9;--media-hidden-indicator-offset:-25%;--media-hidden-playback-scale:.85;--media-hidden-popup-scale:.95;--media-hidden-popup-blur:4px;--media-hidden-preview-scale:.8;--media-hidden-preview-offset:calc(var(--media-spacing) * 2);--media-hidden-seek-offset:60%;--media-menu-item-radius:calc(var(--media-spacing) * 2);--media-popover-boundary-offset:calc(var(--media-spacing) * 3);--media-popover-side-offset:calc(var(--media-spacing) * 3);--media-popup-radius:calc(var(--media-spacing) * 3);--media-popup-translate-distance:calc(var(--media-spacing) * 2);--media-tooltip-boundary-offset:var(--media-popover-boundary-offset);--media-tooltip-side-offset:var(--media-popover-side-offset);--media-dialog-radius:calc(var(--media-spacing) * 7);--media-dialog-width:calc(100% - var(--media-spacing) * 6);--media-dialog-max-width:calc(var(--media-spacing) * 72);--media-slider-preview-label-offset:calc(var(--media-spacing) * 10.5);--media-video-border-radius:var(--media-border-radius,28px);--media-scale:1;--media-scrollbar-thumb-color:#80808080;--media-spacing:calc(var(--media-scale-unit,16px) * var(--media-scale) / 4);scrollbar-color:var(--media-scrollbar-thumb-color) transparent;scrollbar-width:thin}@supports (color:color-mix(in oklab, red, red)){.media-skin{--media-accent:var(--media-accent-color,color-mix(in oklab, var(--media-default-accent-color) 10%, transparent));--media-muted-foreground:color-mix(in oklab, var(--media-foreground) 65%, transparent);--media-shadow-subtle-current-color:color-mix(in oklab, var(--media-shadow-current-color) 40%, transparent);--media-scrollbar-thumb-color:color-mix(in oklab, currentColor 30%, transparent)}}@supports (color:oklch(0 0 0)){.media-skin{--media-live-color:oklch(65% .22 27)}}@supports (color:contrast-color(red)){.media-skin{--media-primary-foreground:var(--media-accent-text-color,contrast-color(var(--media-primary)));--media-accent-foreground:var(--media-accent-text-color,contrast-color(var(--media-accent-color,var(--media-internal-accent-text-fallback,#000))))}}@supports (color:oklch(from red l c h)){.media-skin{--media-shadow-subtle-current-color:oklch(from var(--media-shadow-current-color) l c h / calc(alpha * .4))}}@supports (color:oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color:oklch(from currentColor l c h / .3)}}.media-skin::-webkit-scrollbar-thumb{background:var(--media-scrollbar-thumb-color);border-radius:9999px}.media-skin:fullscreen{--media-object-fit:contain;--media-video-border-radius:0}@media (width>=1280px){.media-skin:fullscreen{--media-scale:1.25}}@media (width>=1536px){.media-skin:fullscreen{--media-scale:1.5}}@media (width>=1920px){.media-skin:fullscreen{--media-scale:1.75}}}@layer base.preset;@layer base.preferences{@media (pointer:fine) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.3s}}@media (pointer:coarse) and (prefers-reduced-motion:no-preference){.media-skin:not([data-controls-visible]){--media-duration-controls:.15s}}@media (prefers-reduced-motion:reduce){.media-skin{--media-duration-fast:var(--media-duration-instant);--media-duration:var(--media-duration-instant);--media-duration-slow:var(--media-duration-instant);--media-duration-slower:var(--media-duration-instant);--media-duration-controls:var(--media-duration-instant);--media-duration-dialog:var(--media-duration-instant);--media-duration-indicator:var(--media-duration-instant);--media-duration-menu:0s;--media-duration-slider:0s;--media-delay-dialog:0s;--media-hidden-scale:1;--media-hidden-blur:0px;--media-hidden-offset:0px;--media-hidden-icon-scale:1;--media-hidden-indicator-scale:1;--media-hidden-indicator-offset:0px;--media-hidden-playback-scale:1;--media-hidden-popup-scale:1;--media-hidden-popup-blur:0px;--media-hidden-preview-scale:1;--media-hidden-preview-offset:0px;--media-hidden-seek-offset:0px;--media-popup-translate-distance:0px;--media-spinner-animation:none;--media-icon-airplay-fill-animation:none;--media-icon-airplay-triangle-animation:none}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.media-skin{--media-popover:var(--media-background);--media-scrollbar-thumb-color:currentColor;--media-backdrop-filter-surface:none;--media-backdrop-filter-indicator:none;--media-backdrop-filter-dialog:none;--media-shadow-surface-inset:inset 0 1px 0 0 #ffffff40, inset 0 0 0 1px #ffffff20;scrollbar-width:auto}@supports (color:color-mix(in oklab, red, red)){.media-skin{--media-scrollbar-thumb-color:color-mix(in oklab, currentColor 80%, transparent)}}@supports (color:oklch(from currentColor l c h)){.media-skin{--media-scrollbar-thumb-color:oklch(from currentColor l c h / .8)}}}@media (forced-colors:active){.media-skin{--media-border:CanvasText;--media-frame-border:CanvasText;--media-popover:Canvas;--media-popover-foreground:CanvasText;--media-ring:CanvasText;--media-shadow-surface-inset:inset 0 1px 0 0 CanvasText, inset 0 0 0 1px CanvasText}}}@property --media-slider-fill{syntax:"<percentage>";inherits:true;initial-value:0%}@property --media-slider-buffer{syntax:"<percentage>";inherits:true;initial-value:0%}@property --ipod-u{syntax:"<length>";inherits:true;initial-value:1px}@property --ipod-px{syntax:"<length>";inherits:true;initial-value:1px}@property --ipod-look-x{syntax:"<number>";inherits:true;initial-value:0}@property --ipod-look-y{syntax:"<number>";inherits:true;initial-value:0}@keyframes ipod-spin{to{rotate:1turn}}