@layer normalize,base,demo;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{:root{--font-size-min: 16;--font-size-max: 20;--font-ratio-min: 1.2;--font-ratio-max: 1.33;--font-width-min: 375;--font-width-max: 1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}:where(.fluid){--fluid-min: calc( var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)) );--fluid-max: calc( var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)) );--fluid-preferred: calc( (var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)) );--fluid-type: clamp( (var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit, 100vi)), (var(--fluid-max) / 16) * 1rem );font-size:var(--fluid-type)}*,*:after,*:before{box-sizing:border-box}:root{--dark-rim: .3;--dark-sheen: .14;--sheen: light-dark(transparent, rgb(255 255 255 / var(--dark-sheen)));--sheen-low: light-dark(transparent, rgb(255 255 255 / calc(var(--dark-sheen) * .75)))}body{background:light-dark(#fff,#000);display:grid;place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui}body:before{--size: 45px;--line: color-mix(in hsl, canvasText, transparent 80%);content:"";height:100vh;width:100vw;position:fixed;background:linear-gradient(90deg,var(--line) 1px,transparent 1px var(--size)) calc(var(--size) * .36) 50% / var(--size) var(--size),linear-gradient(var(--line) 1px,transparent 1px var(--size)) 0% calc(var(--size) * .32) / var(--size) var(--size);-webkit-mask:linear-gradient(-20deg,transparent 50%,white);mask:linear-gradient(-20deg,transparent 50%,white);top:0;transform-style:flat;pointer-events:none;z-index:-1}.brand-link{color:canvasText;position:fixed;top:1rem;left:1rem;width:48px;aspect-ratio:1;display:grid;place-items:center;opacity:.8}:where(.brand-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.craft-link .spinner{width:24px}.gem__facet{transform-box:fill-box;transform-origin:center}.gem__facet--top{--spin-to: 360deg;transform:scaleY(-1)}@media(prefers-reduced-motion:no-preference){.gem__facet{animation:gem-spin 30s infinite linear;animation-composition:add}.brand-link:is(:hover,:focus-visible) .gem__facet{animation:gem-spin 30s infinite linear,gem-hover .65s cubic-bezier(.215,.61,.355,1);animation-composition:add,add}}@keyframes gem-spin{to{rotate:var(--spin-to, -360deg)}}@keyframes gem-hover{to{rotate:calc(var(--spin-to, -360deg) / 4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}div.tp-dfwv{width:256px;position:fixed;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv{max-height:calc(100vh - 16px);overflow:auto;border-radius:var(--bs-br)}div.tp-dfwv .tp-rotv>.tp-rotv_b{position:sticky;top:0;z-index:2;background:#45474c}@layer demo{.deck{z-index:1}.stage{display:grid;justify-items:center;gap:64px}.crate{--ink: light-dark(#1d1d1f, #f2f2f3);--field: light-dark(#fff, #18181a);--rim-field: light-dark(rgb(0 0 0 / .14), rgb(255 255 255 / .24));--rim-focus: light-dark(rgb(0 0 0 / .26), rgb(255 255 255 / .42));--hush: light-dark(rgb(0 0 0 / .55), rgb(255 255 255 / .62));position:relative;z-index:2;width:min(240px,82vw);color:var(--ink)}.slot{position:fixed;inset:0;z-index:0;pointer-events:none}.slot__origin{position:absolute;width:0;height:0;filter:drop-shadow(1.5px 2.5px 0 rgb(30 24 16 / .13)) drop-shadow(3px 8px 12px rgb(30 24 16 / .16))}.search{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;-moz-column-gap:8px;column-gap:8px;height:36px;padding:0 12px 0 11px;border-radius:10px;background:var(--field);box-shadow:inset 0 1px 2.5px light-dark(rgb(0 0 0 / .16),rgb(0 0 0 / .8)),inset 0 0 0 1px var(--rim-field),0 1px 0 light-dark(rgb(255 255 255 / .95),rgb(255 255 255 / .1));transition:box-shadow .18s,opacity .5s ease}.crate.playing .search:not(:hover,:focus-within){opacity:var(--dim, .28);transition:box-shadow .18s,opacity 1.2s ease .4s}.search:focus-within{box-shadow:inset 0 1px 2.5px light-dark(rgb(0 0 0 / .16),rgb(0 0 0 / .8)),inset 0 0 0 1px var(--rim-focus),0 1px 0 light-dark(rgb(255 255 255 / .95),rgb(255 255 255 / .1)),0 0 0 4px light-dark(rgb(0 0 0 / .045),rgb(255 255 255 / .08))}.search__icon{width:14px;height:14px;color:var(--hush)}.search input{min-width:0;height:100%;border:0;outline:0;padding:0;background:none;color:inherit;font:400 13px/1 system-ui,-apple-system,SF Pro Text,sans-serif;letter-spacing:-.005em}.search input::-moz-placeholder{color:var(--hush)}.search input::placeholder{color:var(--hush)}.search__end{display:grid;place-items:center end}.search__end>*{grid-area:1 / 1}.search__score{display:none;width:34px;height:16px;color:var(--hush)}.search.busy .search__score{display:block;animation:appear .15s ease-out}@keyframes appear{0%{opacity:0}}.search__score .stave path{fill:none;stroke:currentColor;stroke-width:.65;opacity:.85}.search__score .note{color:var(--ink)}.search__score .note ellipse{fill:currentColor}.search__score .note path{fill:none;stroke:currentColor;stroke-width:.9;stroke-linecap:round}@media(prefers-reduced-motion:no-preference){.search.busy .search__score .note{animation:write 1.35s calc(var(--i) * .16s) infinite cubic-bezier(.3,.7,.4,1) both}}@keyframes write{0%{opacity:0;translate:0 -2.5px}16%{opacity:1;translate:0 0}72%{opacity:1;translate:0 0}88%,to{opacity:0;translate:0 0}}.search__esc{display:none;padding:0;border:0;background:none;cursor:pointer}.search.filled:not(.busy) .search__esc{display:block}.search__esc kbd{display:block;padding:2px 5px 3px;border-radius:5px;font:500 10px/1 system-ui,-apple-system,sans-serif;letter-spacing:.02em;color:var(--hush);background:light-dark(#f6f6f7,#111);box-shadow:inset 0 0 0 1px light-dark(rgb(0 0 0 / .1),rgb(255 255 255 / .12)),inset 0 -1px 0 light-dark(rgb(0 0 0 / .1),rgb(0 0 0 / .6))}.search__esc:hover kbd{color:var(--ink)}.search__results{position:absolute;left:-4px;right:-4px;top:calc(100% + 8px);margin:0;padding:4px;list-style:none;border-radius:13px;background:light-dark(#fff,#1c1c1e);box-shadow:0 0 0 1px light-dark(rgb(0 0 0 / .07),rgb(255 255 255 / .16)),0 2px 4px light-dark(rgb(0 0 0 / .04),rgb(0 0 0 / .4)),0 12px 32px -8px light-dark(rgb(0 0 0 / .16),rgb(0 0 0 / .7));max-height:min(296px,var(--room, 46vh));overflow-y:auto;scrollbar-width:thin;transform-origin:50% 0;opacity:0;translate:0 -4px;scale:.98;transition:opacity .12s ease-in,translate .12s ease-in,scale .12s ease-in}.search__results.open{opacity:1;translate:0 0;scale:1;transition:none}@media(prefers-reduced-motion:reduce){.search__results,.search__results.open{translate:none;scale:none}}.search__results li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:6px;border-radius:9px;cursor:pointer;font:13px/1.25 system-ui,-apple-system,SF Pro Text,sans-serif}.search__results li[aria-selected=true]{background:light-dark(rgb(0 0 0 / .05),rgb(255 255 255 / .08))}.search__results img{width:32px;height:32px;border-radius:4px;display:block;background:light-dark(#eee,#2a2a2b);outline:1px solid light-dark(rgb(0 0 0 / .08),rgb(255 255 255 / .1));outline-offset:-1px}.search__results .t{min-width:0}.search__results :is(b,span){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__results b{font-weight:500;letter-spacing:-.005em}.search__results .t span{font-size:12px;color:var(--hush)}.search__results .note{display:block;padding:9px 10px;cursor:default;color:var(--hush)}.sleeve{position:absolute;left:calc(var(--size) / -2);top:calc(var(--size) / -2);width:var(--size);height:var(--size);will-change:transform}.sleeve__front{pointer-events:auto;cursor:pointer;padding:0;border:0;position:absolute;inset:0;border-radius:2px;overflow:hidden;background:#ddd center / cover;box-shadow:inset 0 0 0 1px light-dark(rgb(0 0 0 / .22),rgb(255 255 255 / var(--dark-rim)))}.sleeve__front.cut{background-color:transparent;box-shadow:none}.sleeve__front.cut:after{display:none}.sleeve__front:focus-visible{outline:2px dashed #4c8dff;outline-offset:3px}.sleeve__front:before{content:"";position:absolute;inset:0 0 auto;height:9%;background:linear-gradient(rgb(0 0 0 / .3),transparent)}.sleeve__front:after{content:"";position:absolute;inset:4.5%;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ffffff29,0 0 0 1px #00000012;mix-blend-mode:soft-light}.vinyl{pointer-events:auto;position:absolute;left:50%;top:50%;width:var(--disc-size);height:var(--disc-size);margin:calc(var(--disc-size) / -2) 0 0 calc(var(--disc-size) / -2);padding:0;border:0;border-radius:50%;background:none;cursor:grab;touch-action:none}.vinyl:after,.loose:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 281deg,transparent,var(--sheen) 34deg,transparent 68deg 180deg,var(--sheen-low) 214deg,transparent 248deg);-webkit-mask:radial-gradient(closest-side,transparent 33.5%,#000 35% 95%,transparent 97%);mask:radial-gradient(closest-side,transparent 33.5%,#000 35% 95%,transparent 97%)}.vinyl:after{rotate:calc(var(--lean, 0) * -1deg)}.vinyl [data-part=disc-edge],.loose [data-part=disc-edge]{stroke:light-dark(transparent,rgb(255 255 255 / var(--dark-rim)));stroke-width:1px;vector-effect:non-scaling-stroke}.loose:after,.loose [data-part=disc-edge]{transition:opacity .2s ease-out}.loose.flat:after,.loose.flat [data-part=disc-edge]{opacity:0}.vinyl:focus-visible{outline:2px dashed #4c8dff;outline-offset:3px}.turntable-record{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.hand{position:fixed;inset:0;z-index:10;pointer-events:none}.loose{position:absolute;left:0;top:0;width:var(--disc-size);height:var(--disc-size);filter:drop-shadow(1px 3px 4px rgb(30 24 16 / .14)) drop-shadow(4px 12px 18px rgb(30 24 16 / .18))}.loose.near{filter:drop-shadow(.5px 1.5px 2px rgb(30 24 16 / .16)) drop-shadow(2px 5px 8px rgb(30 24 16 / .16))}.loose__spin,.loose__view,.loose__toss,.loose__twirl,.loose__turn,.loose__face{position:absolute;inset:0}.loose__view{transform:perspective(calc(var(--disc-size) * var(--flip-depth, 6)))}.loose__view,.loose__toss,.loose__twirl,.loose__turn{transform-style:preserve-3d}.loose__face{backface-visibility:hidden}.loose__face+.loose__face{transform:rotateX(180deg)}.loose.flipping{--toss: calc(var(--flip-time, 1) * 1s);--toss-up: calc(var(--toss) * var(--flip-peak, .48));--toss-down: calc(var(--toss) * .88 - var(--toss-up));--toss-landed: calc(var(--toss) * .88);--toss-height: calc(var(--disc-size) * var(--flip-height, 1.4));--toss-bounce: calc(var(--disc-size) * var(--flip-bounce, .04));--rise-ease: var(--flip-rise-ease, cubic-bezier(.33, 1, .68, 1));--fall-ease: var(--flip-fall-ease, cubic-bezier(.32, 0, .67, 0));--toss-shadow: drop-shadow(0 calc(var(--toss-height) * .05) calc(var(--toss-height) * .05) rgb(30 24 16 / .1)) drop-shadow(0 calc(var(--toss-height) * .16) calc(var(--toss-height) * .2) rgb(30 24 16 / .14));animation:shadow-rise var(--toss-up) var(--rise-ease) forwards,shadow-fall var(--toss-down) var(--fall-ease) var(--toss-up) forwards}.loose.flipping .loose__toss{animation:toss-rise var(--toss-up) var(--rise-ease) forwards,toss-fall var(--toss-down) var(--fall-ease) var(--toss-up) forwards,toss-settle calc(var(--toss) * .12) linear var(--toss-landed) forwards}.loose.flipping .loose__turn{animation:turn-over var(--toss-landed) var(--flip-turn-ease, cubic-bezier(.3, .35, .45, 1)) forwards}.loose.flipping.twice .loose__twirl{animation:twirl calc(var(--toss) * .5) var(--flip-spin-ease, cubic-bezier(.2, .6, .35, 1)) forwards}@keyframes toss-rise{0%{translate:0 0 0}to{translate:0 0 var(--toss-height)}}@keyframes toss-fall{0%{translate:0 0 var(--toss-height)}to{translate:0 0 0}}@keyframes toss-settle{0%{translate:0 0 0;animation-timing-function:cubic-bezier(.5,1,.89,1)}50%{translate:0 0 var(--toss-bounce);animation-timing-function:cubic-bezier(.11,0,.5,0)}to{translate:0 0 0}}@keyframes turn-over{0%{rotate:x 0deg}to{rotate:x 180deg}}@keyframes twirl{to{transform:rotateX(calc(var(--flip-spins, 1) * 360deg))}}@keyframes shadow-rise{0%{filter:drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent)}to{filter:var(--toss-shadow)}}@keyframes shadow-fall{0%{filter:var(--toss-shadow)}to{filter:drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent)}}@media(prefers-reduced-motion:reduce){.loose.flipping,.loose.flipping *{animation-duration:1ms!important;animation-delay:0s!important}}.loose.flipping:after{opacity:0;transition:none}.loose{transition:filter .3s ease-out}.loose.resting{filter:drop-shadow(1.5px 2.5px 0 rgb(30 24 16 / .13)) drop-shadow(3px 8px 12px rgb(30 24 16 / .16));transition:none}.loose.flat{filter:drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent)}body.dragging,body.dragging *{cursor:grabbing!important}.hints{position:fixed;inset:0;z-index:5;pointer-events:none}.hint__note{position:absolute;margin:0;white-space:nowrap;color:light-dark(rgb(0 0 0 / .6),rgb(255 255 255 / .62));font-family:Nanum Pen Script,Bradley Hand,Segoe Print,cursive;font-size:1.4rem;line-height:1;rotate:-6deg;text-shadow:0 0 2px light-dark(#fff,#000),0 0 4px light-dark(#fff,#000),0 0 7px light-dark(rgb(255 255 255 / .8),rgb(0 0 0 / .8));opacity:0;translate:.3rem .3rem;transition:opacity .3s ease,translate .5s cubic-bezier(.2,.8,.2,1)}.hint__arrow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .25s ease}.hint__line{stroke:light-dark(rgb(0 0 0 / .62),rgb(255 255 255 / .66));stroke-width:1.6}.hint__halo{stroke:light-dark(#fff,#000);stroke-width:5;opacity:.9}.hint__arrow path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .45s cubic-bezier(.6,0,.4,1)}.hint.in .hint__note{opacity:1;translate:0 0}.hint.in .hint__arrow{opacity:1;transition-delay:.3s}.hint.in .hint__shaft{stroke-dashoffset:0;transition-delay:.3s}.hint.in .hint__head{stroke-dashoffset:0;transition-delay:.72s;transition-duration:.2s}.hint.out{opacity:0;transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){.hint__note,.hint__arrow path{transition-duration:.01s}}[data-raw=true] :is(div.tp-dfwv,.brand-link){display:none}}@layer demo{.crate{width:min(272px,86vw)}.search__file{display:grid;place-items:center;width:22px;height:22px;margin-right:-3px;padding:0;border:0;border-radius:6px;background:none;color:var(--hush);cursor:pointer}.search__file svg{width:17px;height:17px}.search__file:hover,.search__file:focus-visible{color:var(--ink)}.search__file:focus-visible{outline:2px solid #4c8dff;outline-offset:1px}.search.filled .search__file,.search.busy .search__file{display:none}.drop{position:fixed;inset:12px;z-index:20;display:grid;place-items:end center;padding-bottom:18vh;border:2px dashed light-dark(rgb(0 0 0 / .28),rgb(255 255 255 / .32));border-radius:18px;background:light-dark(rgb(255 255 255 / .6),rgb(0 0 0 / .55));pointer-events:none;opacity:0;transition:opacity .18s}.drop p{margin:0;font:400 30px/1 Nanum Pen Script,cursive;color:light-dark(rgb(0 0 0 / .65),rgb(255 255 255 / .7))}body.dropping .drop{opacity:1}}@layer turntable{.turntable{--shell: #f3ede1;--part: #f4efe3;--edge: #5f5247;--disc: #1a1a1a;--led: #f22e30;--lw: .8;--shell-hi: oklch(from var(--shell) calc(l + .05) c h);--shell-lo: oklch(from var(--shell) calc(l*.89) calc(c*1.2) h);--well: oklch(from var(--shell) calc(l*.67) calc(c*.9) h);--seat: oklch(from var(--shell) calc(l*.945) c h);--seat-lo: oklch(from var(--shell) calc(l*.87) c h);--bezel: oklch(from var(--shell) calc(l*.94) c h);--lamp-ring: oklch(from var(--shell) calc(l*.91) c h);--part-hi: oklch(from var(--part) calc(l + .05) c h);--part-lo: oklch(from var(--part) calc(l*.83) calc(c*1.3) h);--part-mid: oklch(from var(--part) calc(l*.9) calc(c*1.15) h);--groove: color-mix(in srgb, var(--disc), #000 55%);--cast: oklch(from var(--shell) calc(.5 + l*.4) calc(c*.6) h);--led-hi: color-mix(in srgb, var(--led), #fff 22%);--led-lo: color-mix(in srgb, var(--led), #000 28%);--led-rim: color-mix(in srgb, var(--led), #000 66%);--led-off: color-mix(in srgb, var(--led), #000 80%);--led-off-rim: color-mix(in srgb, var(--led), #000 88%);--label: #f3eee3;--tick: var(--part-lo);--focus: #4c8dff;--tint: transparent;--tint-k: 1;--arm-src: var(--part);--arm: var(--arm-src);--arm-hi: oklch(from var(--arm-src) calc(l + .06) c h);--arm-lo: oklch(from var(--arm-src) calc(l*.83) calc(c*1.2) h);--arm-mid: oklch(from var(--arm-src) calc(l*.9) calc(c*1.1) h);--arm-face: oklch(from var(--arm-src) calc(l*.88) calc(c*1.15) h);--ch-src: #808080;--ch-0: oklch(from var(--ch-src) .47 calc(c * var(--tint-k)) h);--ch-1: oklch(from var(--ch-src) .3 calc(c * var(--tint-k) * .9) h);--ch-2: oklch(from var(--ch-src) .66 calc(c * var(--tint-k)) h);--ch-3: oklch(from var(--ch-src) .88 calc(c * var(--tint-k) * .5) h);--ch-4: oklch(from var(--ch-src) 1 0 h);--ch-5: oklch(from var(--ch-src) .95 calc(c * var(--tint-k) * .2) h);--ch-6: oklch(from var(--ch-src) .73 calc(c * var(--tint-k) * .9) h);--ch-7: oklch(from var(--ch-src) .52 calc(c * var(--tint-k)) h);--ch-8: oklch(from var(--ch-src) .7 calc(c * var(--tint-k) * .9) h);position:relative;width:min(var(--size, 520px),92vw);aspect-ratio:var(--aspect, 385.8 / 300);touch-action:none;-webkit-tap-highlight-color:transparent}.turntable.tinted{--arm-src: color-mix(in oklch, var(--part), var(--tint) calc(var(--tint-k) * 100%))}.turntable.chrome{--arm: var(--ch-3);--arm-lo: var(--ch-0);--arm-mid: var(--ch-2);--arm-face: var(--ch-7)}.turntable.chrome.tinted{--ch-src: var(--tint)}.turntable .layer{position:absolute;display:block;overflow:visible;pointer-events:none}.turntable .layer--base,.turntable .layer--top{inset:0;width:100%;height:100%}.turntable .layer--record,.turntable .layer--arm,.turntable .layer--arm-shadow{will-change:transform}.turntable .layer--arm-shadow{mix-blend-mode:multiply}.turntable .ln,.turntable-record .ln{stroke:var(--edge);stroke-width:calc(var(--lw) * 1px);stroke-linejoin:round}.turntable .hit{fill:transparent;outline:none;pointer-events:all;cursor:grab}body.turntable-dragging .hit{cursor:grabbing}.turntable .hit:focus-visible{stroke:var(--focus);stroke-width:1.6px;stroke-dasharray:3 2.4}[data-part=led-bloom],[data-part=led-lit]{opacity:0;transition:opacity .22s ease-out}.turntable.lit [data-part=led-bloom]{opacity:.3}.turntable.lit [data-part=led-lit]{opacity:1}@media(prefers-reduced-motion:reduce){[data-part=led-bloom],[data-part=led-lit]{transition:none}}.turntable{--mat: oklch(from var(--disc) calc(l + .07) c h);--mat-rib: oklch(from var(--disc) calc(l + .11) c h);--mat-strobe: oklch(from var(--shell) calc(l*.78) c h)}.turntable:not(.liftable) [data-part=label-hit],.turntable.empty [data-part=label-hit]{display:none}.turntable.armout [data-part=label-hit]{pointer-events:none}.turntable.empty [data-part=record]{visibility:hidden}.turntable-record{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.turntable.pose *{transition:none!important}}