*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-\[100dvh\]{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-\[min\(92dvh\,calc\(100dvh-env\(safe-area-inset-top\)-env\(safe-area-inset-bottom\)-1rem\)\)\]{max-height:min(92dvh, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem))}.min-h-0{min-height:0}.min-h-\[100dvh\]{min-height:100dvh}.w-10{width:2.5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-72{width:18rem}.w-\[calc\(100vw-1\.5rem\)\]{width:calc(100vw - 1.5rem)}.w-\[min\(100vw-2rem\,20rem\)\]{width:min(100vw - 2rem,20rem)}.w-\[min\(16rem\,calc\(100vw-2rem\)\)\]{width:min(16rem,100vw - 2rem)}.w-full{width:100%}.w-max{width:max-content}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.min-w-\[min\(100vw-2rem\,16rem\)\]{min-width:min(100vw - 2rem,16rem)}.max-w-\[100vw\]{max-width:100vw}.max-w-\[24rem\]{max-width:24rem}.max-w-\[46\%\]{max-width:46%}.max-w-\[692px\]{max-width:692px}.max-w-\[70\%\]{max-width:70%}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-0{border-width:0}.bg-\[\#E5E7EB\]{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-\[var\(--line\)\]{background-color:var(--line)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-repeat{background-repeat:repeat}.object-cover{object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[max\(1\.5rem\,env\(safe-area-inset-left\,0px\)\)\]{padding-left:max(1.5rem, env(safe-area-inset-left,0px));padding-right:max(1.5rem, env(safe-area-inset-left,0px))}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-3{padding-bottom:.75rem}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(1.5rem, env(safe-area-inset-bottom,0px))}.pb-\[max\(3rem\,env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:max(3rem, env(safe-area-inset-bottom,0px))}.pl-8{padding-left:2rem}.pl-\[max\(1\.5rem\,env\(safe-area-inset-left\,0px\)\)\]{padding-left:max(1.5rem, env(safe-area-inset-left,0px))}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-\[max\(1\.5rem\,env\(safe-area-inset-right\,0px\)\)\]{padding-right:max(1.5rem, env(safe-area-inset-right,0px))}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.pt-\[max\(1\.5rem\,env\(safe-area-inset-top\,0px\)\)\]{padding-top:max(1.5rem, env(safe-area-inset-top,0px))}.pt-\[max\(3rem\,env\(safe-area-inset-top\,0px\)\)\]{padding-top:max(3rem, env(safe-area-inset-top,0px))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:system-ui,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--text-heading\)\]{color:var(--text-heading)}.text-\[var\(--text-sub\)\]{color:var(--text-sub)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-70{opacity:.7}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.running{animation-play-state:running}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, monospace;--text-heading:#111;--text-body:#444;--text-sub:#767676;--accent:#c24714;--bg:#fff;--bg-hover:#f5f4f4;--focus:var(--text-heading);--line:color-mix(in srgb, var(--text-heading) 18%, transparent);--line-strong:var(--text-heading);--space-xl:1.5rem;--space-page-x:var(--space-xl);--font-size:16px;--font-size-ui:.875rem;--font-size-caption:.8125rem;--leading:1.6;--leading-tight:1.25;--weight-regular:400;--weight-medium:500;--control-min:1.75rem;--control-pad-y:.25rem;--control-pad-x:.75rem;--control-gap:.35rem;--radius:.75rem;--radius-pill:999px;--glass:#ffffff47;--glass-strong:#ffffffad;--glass-hover:#ffffff6b;--glass-line:#ffffff94;--glass-blur:4px;--ease-out:cubic-bezier(.23, 1, .32, 1)}@media (pointer:coarse){:root{--control-min:2.75rem;--control-pad-y:.625rem;--control-pad-x:1rem}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;touch-action:manipulation;min-height:100%;overflow-x:clip}body{min-height:100%;font-family:var(--font-sans);font-size:var(--font-size);font-weight:var(--weight-regular);line-height:var(--leading);color:var(--text-body);background:var(--bg);-webkit-tap-highlight-color:transparent;margin:0;overflow-x:clip}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text-heading)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skip-link{left:calc(var(--space-page-x) + env(safe-area-inset-left,0px));top:calc(.75rem + env(safe-area-inset-top,0px));z-index:100;background:var(--bg);color:var(--text-heading);border-radius:var(--radius);padding:.4rem .8rem;text-decoration:none;position:absolute;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}@media (prefers-reduced-motion:reduce){.skip-link{opacity:0;pointer-events:none;transform:none}.skip-link:focus-visible{opacity:1;pointer-events:auto}}.text-link{color:inherit;text-underline-offset:.3em;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-skip-ink:auto}@media (hover:hover){.text-link:hover{text-decoration-color:currentColor}}.chrome-btn,.chrome-chip{isolation:isolate;justify-content:center;align-items:center;gap:var(--control-gap);min-height:var(--control-min);min-width:var(--control-min);padding:var(--control-pad-y) var(--control-pad-x);border:1px solid var(--glass-line);border-radius:var(--radius-pill);background:var(--glass);color:var(--text-heading);font:inherit;font-size:var(--font-size-ui);line-height:var(--leading-tight);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(1.08);backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(1.08);transition:transform .16s var(--ease-out);text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,inset 0 1px 1px #ffffffb8,inset 0 -1px 1px #ffffff47,inset 1px 0 1px #ffffff38,inset -1px 0 1px #ffffff38}.chrome-btn:after,.chrome-chip:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(165deg,#ffffffb8 0%,#ffffff24 34%,#0000 58%);position:absolute;inset:0}@supports ((-webkit-backdrop-filter:url("#record-lg-refract")) or (backdrop-filter:url("#record-lg-refract"))){.chrome-btn,.chrome-chip{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(1.08) url(#record-lg-refract);backdrop-filter:blur(var(--glass-blur)) saturate(180%) brightness(1.08) url(#record-lg-refract)}}.chrome-btn svg,.chrome-chip svg{width:.875rem;height:.875rem}.chrome-icon-swap{flex-shrink:0;width:.875rem;height:.875rem;display:inline-block;position:relative}.chrome-icon-swap svg{transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);position:absolute;inset:0}.chrome-icon-swap-from{opacity:1;transform:scale(1)}.chrome-icon-swap-to,.chrome-icon-swap[data-copied] .chrome-icon-swap-from{opacity:0;transform:scale(.95)}.chrome-icon-swap[data-copied] .chrome-icon-swap-to{opacity:1;transform:scale(1)}.chrome-btn-icon{width:var(--control-min);min-width:var(--control-min);padding:0}@media (hover:hover){.chrome-btn:hover:not(:disabled),.chrome-chip:hover{background:var(--glass-hover);color:var(--text-heading);text-decoration:none}}.chrome-btn:disabled{opacity:.45;cursor:not-allowed}.chrome-btn:active:not(:disabled),.chrome-chip:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.chrome-btn,.chrome-chip,.chrome-list-btn{-webkit-backdrop-filter:blur(10px)saturate(150%);transition:none}.chrome-btn:active:not(:disabled),.chrome-chip:active,.chrome-list-btn:active{transform:none}.chrome-icon-swap svg{transition:opacity .16s}.chrome-icon-swap-from,.chrome-icon-swap-to,.chrome-icon-swap[data-copied] .chrome-icon-swap-from,.chrome-icon-swap[data-copied] .chrome-icon-swap-to{transform:none}}.chrome-kicker{color:var(--text-sub);font-size:var(--font-size-caption);line-height:var(--leading-tight)}.chrome-title{color:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.chrome-overlay{background:color-mix(in srgb, var(--text-heading) 24%, transparent)}.chrome-panel{background:var(--glass-strong);color:var(--text-body);border:1px solid var(--glass-line);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px)saturate(170%)brightness(1.06);backdrop-filter:blur(16px)saturate(170%)brightness(1.06);box-shadow:0 8px 28px #00000014,inset 0 1px 1px #ffffffa6,inset 0 -1px 1px #ffffff38}.chrome-field{min-height:calc(1em * var(--leading) + 1.4rem);border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);backdrop-filter:blur(var(--glass-blur)) saturate(160%);align-items:center;gap:.65rem;padding:0 .75rem;display:flex}.chrome-field:focus-within{border-color:var(--line-strong)}.chrome-field input{appearance:none;width:100%;min-height:2.25rem;color:var(--text-heading);font:inherit;background:0 0;border:0;outline:none}.chrome-field input::placeholder{color:var(--text-sub)}.chrome-field-compact{min-height:var(--control-min);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffffeb;border-radius:.35rem;gap:.35rem;padding:0 .65rem;box-shadow:inset 0 1px 2px #00000014}.chrome-field-compact:focus-within{border-color:var(--text-heading);box-shadow:inset 0 1px 2px #00000014}.chrome-field-compact input{min-height:0;height:calc(var(--control-min) - 2px);font-size:var(--font-size-ui);font-family:var(--font-mono);letter-spacing:.04em}.chrome-swatch{width:var(--control-min);height:var(--control-min);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;flex-shrink:0;display:block;position:relative;overflow:hidden}.chrome-swatch input{cursor:pointer;appearance:none;background:0 0;border:0;width:200%;height:200%;margin:0;padding:0;position:absolute;inset:-50%}.chrome-swatch input::-webkit-color-swatch-wrapper{padding:0}.chrome-swatch input::-webkit-color-swatch{border:none}.chrome-swatch input::-moz-color-swatch{border:none}.chrome-menu-item{min-height:var(--control-min);font-size:var(--font-size-ui);line-height:var(--leading-tight)}.chrome-list-btn{border-radius:var(--radius);width:100%;min-height:2.75rem;color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:transform .16s ease-out;display:flex}.chrome-list-btn:active{transform:scale(.97)}@media (hover:hover){.chrome-list-btn:hover{background:var(--bg-hover)}}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-disc-spin{transform-origin:50%;will-change:transform;backface-visibility:hidden;animation:8s linear infinite vinyl-spin}.vinyl-disc-spin.is-manual{animation:none}.vinyl-cover{transition:transform .7s cubic-bezier(.77,0,.18,1),box-shadow .7s cubic-bezier(.77,0,.18,1)}.vinyl-platter{transition:box-shadow .5s ease-out;box-shadow:inset 0 2px 18px #00000038,0 2px 6px #0003,0 10px 28px -8px #00000047}@media (hover:hover){.vinyl-case:hover .vinyl-platter{box-shadow:inset 0 3px 22px #00000047,0 3px 10px #00000047,0 14px 36px -6px #00000059}}.vinyl-grooves{background:repeating-radial-gradient(circle at center, transparent 0, transparent calc(var(--groove-gap) - 1px), #00000038 calc(var(--groove-gap) - 1px), #00000038 var(--groove-gap));-webkit-mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px));-webkit-mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px));mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px))}.vinyl-sheen{-webkit-mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px));-webkit-mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px));mask-image:radial-gradient(circle, transparent var(--label-r), #000 calc(var(--label-r) + 1px));background:radial-gradient(circle at 75% 75%,#ffffffb3 0%,#fff6 20%,#fff3 35%,#0000 50%),radial-gradient(circle at 25% 25%,#0006 0%,#0003 30%,#0000 50%);box-shadow:inset -10px -10px 30px #ffffff4d,inset 10px 10px 30px #0006}@keyframes barcode-bar{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}.vinyl-barcode-bar{transform-origin:bottom;animation:1.1s ease-in-out infinite barcode-bar}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vinyl-cover,.vinyl-platter{transition:none}.vinyl-disc-spin{animation:none}.vinyl-barcode-bar{animation:none;transform:scaleY(.72)}}.hover\:opacity-100:hover{opacity:1}.focus\:bg-\[var\(--bg-hover\)\]:focus{background-color:var(--bg-hover)}.focus\:text-\[var\(--text-heading\)\]:focus{color:var(--text-heading)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.disabled\:pointer-events-none:disabled,.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}@media (min-width:640px){.sm\:inline{display:inline}.sm\:w-full{width:100%}.sm\:min-w-\[240px\]{min-width:240px}.sm\:flex-none{flex:none}.sm\:pr-5{padding-right:1.25rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}}.\[\&\>button\]\:right-3>button{right:.75rem}.\[\&\>button\]\:top-\[max\(0\.75rem\,env\(safe-area-inset-top\,0px\)\)\]>button{top:max(.75rem, env(safe-area-inset-top,0px))}.\[\&\>button\]\:flex>button{display:flex}.\[\&\>button\]\:h-\[var\(--control-min\)\]>button{height:var(--control-min)}.\[\&\>button\]\:w-\[var\(--control-min\)\]>button{width:var(--control-min)}.\[\&\>button\]\:items-center>button{align-items:center}.\[\&\>button\]\:justify-center>button{justify-content:center}.\[\&\>button\]\:p-0>button{padding:0}.\[\&\>button\]\:text-\[var\(--text-sub\)\]>button{color:var(--text-sub)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
