.vs-quiz{--vs-quiz-bg: rgb(var(--color-background));--vs-quiz-surface: rgb(var(--color-background-2));--vs-quiz-ink: rgb(var(--color-foreground));--vs-quiz-muted: rgb(var(--color-foreground) / .6);--vs-quiz-line: rgb(var(--color-border));--vs-quiz-soft: rgb(var(--color-border-light));--vs-quiz-accent: rgb(var(--color-highlight));--vs-quiz-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--vs-quiz-display: var(--font-heading-family);--vs-quiz-column: calc(var(--sp-96) + var(--sp-20))}.topbar-section,.vs-quiz [hidden]{display:none}.vs-quiz__app{--cur: var(--vs-quiz-accent);max-width:var(--vs-quiz-column);margin-inline:auto;min-height:100%;display:flex;flex-direction:column;padding-inline:max(var(--sp-4),env(safe-area-inset-left,0px)) max(var(--sp-4),env(safe-area-inset-right,0px));padding-block-end:var(--sp-2);background:var(--vs-quiz-bg);color:var(--vs-quiz-ink);font-family:var(--font-body-family);font-size:var(--text-base);line-height:var(--font-body-line-height)}.vs-quiz__app :focus-visible{outline:var(--sp-0d5) solid var(--cur);outline-offset:var(--sp-0d5)}:where(.vs-quiz__app) :where(button,input){font:inherit;color:inherit}:where(.vs-quiz__app) p{margin:0}.vs-quiz__probe{position:absolute;width:0;height:0;overflow:hidden}.vs-quiz__shape{position:sticky;top:var(--sticky-header-height);z-index:3;background:var(--vs-quiz-bg);padding-block:var(--sp-3) var(--sp-2d5);border-bottom:1px solid var(--vs-quiz-line)}.vs-quiz__counter,.vs-quiz__eyebrow,.vs-quiz__legend,.vs-quiz__price,.vs-quiz__intro-list b,.vs-quiz__bands span{font-family:var(--vs-quiz-mono);font-variant-numeric:tabular-nums}.vs-quiz__counter,.vs-quiz__eyebrow{font-size:var(--text-2xs);color:var(--vs-quiz-muted);text-transform:uppercase;letter-spacing:var(--font-heading-letter-spacing)}.vs-quiz__curve{display:block;width:100%;height:var(--sp-28)}.vs-quiz__bands{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-0d5);margin-top:var(--sp-1)}.vs-quiz__bands span{font-size:var(--text-3xs);line-height:var(--font-heading-line-height);color:var(--vs-quiz-muted);text-align:center}.vs-quiz__screen{flex:1;display:flex;flex-direction:column;gap:var(--sp-4d5);padding-block:var(--sp-5d5) 0}.vs-quiz__head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.vs-quiz__back{background:none;border:0;padding:var(--sp-1d5) 0;color:var(--vs-quiz-muted);font-size:var(--text-sm);cursor:pointer;display:inline-flex;gap:var(--sp-1d5);align-items:center}.vs-quiz__h1,.vs-quiz__h2,.vs-quiz__model{font-family:var(--vs-quiz-display);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:var(--font-heading-line-height);text-wrap:balance;margin:0}.vs-quiz__h1{font-size:clamp(var(--text-3xl),7.4vw,var(--text-4xl))}.vs-quiz__h2{font-size:var(--text-2xl)}.vs-quiz__sub{margin-top:calc(var(--sp-1d5) * -1);color:var(--vs-quiz-muted);font-size:var(--text-sm)}.vs-quiz__lede{font-size:var(--text-lg)}.vs-quiz__small{font-size:var(--text-2sm);color:var(--vs-quiz-muted)}.vs-quiz__gate-text{font-size:var(--text-sm)}.vs-quiz__opts{display:flex;flex-direction:column;gap:var(--sp-2d5)}.vs-quiz__opt{width:100%;text-align:start;padding:var(--sp-3d5) var(--sp-4d5);min-height:var(--sp-15);border:var(--sp-0d5) solid var(--vs-quiz-line);border-radius:var(--rounded-input);background:var(--vs-quiz-surface);cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-0d5);transition:border-color var(--animation-short),background-color var(--animation-short),transform var(--animation-short)}.vs-quiz__opt:active{transform:scale(.99)}.vs-quiz__opt-label{font-size:var(--text-lg);line-height:var(--font-heading-line-height)}.vs-quiz__opt-sub{font-size:var(--text-2sm);color:var(--vs-quiz-muted)}.vs-quiz__opt[aria-pressed=true],.vs-quiz__tile[aria-pressed=true]{border-color:var(--cur);background:color-mix(in srgb,var(--cur) 11%,var(--vs-quiz-surface))}.vs-quiz__opt--vis{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--sp-3d5)}.vs-quiz__opt-text{display:flex;flex-direction:column;gap:var(--sp-0d5);min-width:0}.vs-quiz__vis{width:var(--sp-14);height:var(--sp-10);flex:none}.vs-quiz__vis .vs-quiz__ln{stroke:var(--vs-quiz-muted)}.vs-quiz__vis .vs-quiz__dot{fill:var(--vs-quiz-ink)}.vs-quiz__opt[aria-pressed=true] .vs-quiz__ln{stroke:var(--cur)}.vs-quiz__opt[aria-pressed=true] .vs-quiz__dot{fill:var(--cur)}.vs-quiz__genres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}.vs-quiz__tile{border:var(--sp-0d5) solid var(--vs-quiz-line);border-radius:var(--rounded-input);background:var(--vs-quiz-surface);padding:var(--sp-2d5) var(--sp-2) var(--sp-3);cursor:pointer;display:flex;flex-direction:column;gap:var(--sp-2);text-align:start;min-width:0;transition:border-color var(--animation-short),background-color var(--animation-short)}.vs-quiz__tile svg{width:100%;height:var(--sp-8d5);display:block}.vs-quiz__tile svg rect{fill:var(--vs-quiz-line);transition:fill var(--animation-short)}.vs-quiz__tile[aria-pressed=true] svg rect{fill:var(--cur)}.vs-quiz__tile-label{font-size:var(--text-2sm);line-height:var(--font-heading-line-height);overflow-wrap:anywhere}.vs-quiz__tile:disabled{opacity:.45;cursor:default}.vs-quiz__field{display:flex;flex-direction:column;gap:var(--sp-1d5)}.vs-quiz__field label{font-size:var(--text-sm)}.vs-quiz__field input{width:100%;padding:var(--sp-3d5) var(--sp-4);border:var(--sp-0d5) solid var(--vs-quiz-line);border-radius:var(--inputs-radius);background:var(--vs-quiz-surface);font-size:var(--text-base)}.vs-quiz__field input:focus{border-color:var(--cur);outline:none}.vs-quiz__actions{margin-top:auto;position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:var(--sp-2d5);padding-block:var(--sp-4d5) calc(var(--sp-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,var(--vs-quiz-bg) 26%)}.vs-quiz__cta{width:100%;border:0;border-radius:var(--buttons-radius);background:var(--vs-quiz-ink);color:var(--vs-quiz-bg);padding:var(--sp-4) var(--sp-5);font-family:var(--font-button-family);font-size:var(--text-lg);font-weight:var(--font-button-weight);cursor:pointer;text-align:center;text-decoration:none;display:block}.vs-quiz__cta:disabled{opacity:.35;cursor:default}.vs-quiz__cta--accent{background:var(--cur);color:var(--vs-quiz-bg)}.vs-quiz__link{background:none;border:0;color:var(--vs-quiz-muted);text-decoration:underline;text-underline-offset:var(--sp-1);cursor:pointer;padding:var(--sp-1d5);font-size:var(--text-sm);align-self:center}.vs-quiz__words{margin:0;display:flex;flex-direction:column;gap:var(--sp-3d5);border-top:1px solid var(--vs-quiz-line);padding-top:var(--sp-4)}.vs-quiz__word dt{font-size:var(--text-lg)}.vs-quiz__word dd{margin:0;color:var(--vs-quiz-muted);font-size:var(--text-sm)}.vs-quiz__gate{background:var(--vs-quiz-surface);border:1px solid var(--vs-quiz-line);border-radius:var(--rounded-block);padding:var(--sp-4d5);display:flex;flex-direction:column;gap:var(--sp-3d5)}.vs-quiz__form{display:flex;flex-direction:column;gap:var(--sp-3)}.vs-quiz__err{color:rgb(var(--color-error-text));font-size:var(--text-sm)}.vs-quiz__err:empty{display:none}.vs-quiz__pick{background:var(--vs-quiz-surface);border:1px solid var(--vs-quiz-line);border-radius:var(--rounded-card);overflow:hidden;display:flex;flex-direction:column}.vs-quiz__pick-vis{background:color-mix(in srgb,var(--cur) 14%,var(--vs-quiz-surface));padding:var(--sp-4) var(--sp-4) var(--sp-2d5);display:flex;flex-direction:column;gap:var(--sp-1d5)}.vs-quiz__photo{aspect-ratio:4 / 3}.vs-quiz__photo img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.vs-quiz__pick-vis canvas{width:100%;height:var(--sp-28);display:block}.vs-quiz__legend{display:flex;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--text-3xs);color:var(--vs-quiz-muted)}.vs-quiz__legend b{font-weight:inherit;display:inline-flex;align-items:center;gap:var(--sp-1d5)}.vs-quiz__key{display:inline-block;width:var(--sp-4);height:0;border-top:var(--sp-0d5) dashed var(--vs-quiz-ink)}.vs-quiz__key--fill{border-top:var(--sp-1d5) solid var(--cur);border-radius:var(--sp-0d5)}.vs-quiz__pick-body{padding:var(--sp-4d5);display:flex;flex-direction:column;gap:var(--sp-2d5)}.vs-quiz__mk{font-size:var(--text-sm);color:var(--vs-quiz-muted)}.vs-quiz__model{font-size:var(--text-4xl)}.vs-quiz__row{display:flex;align-items:center;gap:var(--sp-2d5);flex-wrap:wrap}.vs-quiz__pill,.vs-quiz__price{font-size:var(--text-sm)}.vs-quiz__hearwrap{display:flex;flex-direction:column;gap:var(--sp-2);border-top:1px solid var(--vs-quiz-line);border-bottom:1px solid var(--vs-quiz-line);padding-block:var(--sp-3)}.vs-quiz__hear{display:grid;grid-template-columns:1fr auto var(--sp-3d5);gap:var(--sp-2) var(--sp-3);font-size:var(--text-sm);align-items:center}.vs-quiz__hear-k{color:var(--vs-quiz-muted)}.vs-quiz__hear-w{text-align:end}.vs-quiz__mark{display:inline-block;width:var(--sp-2d5);height:var(--sp-2d5);border-radius:var(--rounded-full);justify-self:center}.vs-quiz__mark--close{background:var(--cur)}.vs-quiz__mark--far{border:var(--sp-0d5) solid var(--vs-quiz-muted)}.vs-quiz__legend2{display:flex;align-items:center;gap:var(--sp-1d5);flex-wrap:wrap;font-size:var(--text-xs);color:var(--vs-quiz-muted)}.vs-quiz__legend2 .vs-quiz__mark--far{margin-left:var(--sp-2)}.vs-quiz__note{border-left:var(--sp-1) solid var(--cur);padding:var(--sp-0d5) 0 var(--sp-0d5) var(--sp-3);font-size:var(--text-sm);color:var(--vs-quiz-muted)}.vs-quiz__how{border-top:1px solid var(--vs-quiz-line);padding-top:var(--sp-3)}.vs-quiz__how summary{cursor:pointer;font-size:var(--text-sm);color:var(--vs-quiz-muted)}.vs-quiz__tablewrap{overflow-x:auto;margin-top:var(--sp-3)}.vs-quiz__table{width:100%;border-collapse:collapse;font-size:var(--text-2sm);font-variant-numeric:tabular-nums}.vs-quiz__table th,.vs-quiz__table td{text-align:start;padding:var(--sp-1) var(--sp-2) var(--sp-1) 0;border-bottom:1px solid var(--vs-quiz-line)}.vs-quiz__table th{color:var(--vs-quiz-muted);font-weight:inherit}.vs-quiz__table .is-win td{font-weight:var(--font-bold)}.vs-quiz__coverage{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-6)}.vs-quiz__h3{margin-top:var(--sp-4);font-size:var(--text-sm)}.vs-quiz__facts{margin:var(--sp-3) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-2sm);color:var(--vs-quiz-muted)}.vs-quiz__intro-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--text-sm);color:var(--vs-quiz-muted)}.vs-quiz__intro-list li{display:flex;gap:var(--sp-2d5)}.vs-quiz__intro-list b{font-weight:inherit;font-size:var(--text-xs);color:var(--vs-quiz-ink);min-width:var(--sp-11);padding-top:var(--sp-0d5)}@media screen and (min-width:1024px){.vs-quiz__app{max-width:calc(var(--vs-quiz-column) * 2 + var(--sp-16));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--sp-16);align-items:start}.vs-quiz__app{min-height:calc(100vh - var(--header-height, 0px) - var(--section-padding-top, 0px) - var(--section-padding-bottom, 0px));min-height:calc(100svh - var(--header-height, 0px) - var(--section-padding-top, 0px) - var(--section-padding-bottom, 0px))}.vs-quiz__screen{grid-column:1;grid-row:1;align-self:stretch}.vs-quiz__shape{grid-column:2;grid-row:1;top:calc(var(--sticky-header-height) + var(--sp-6));margin-top:var(--sp-5d5);padding-block:0;border-bottom:0}.vs-quiz__curve{height:var(--sp-60)}.vs-quiz__actions{position:static;background:none;margin-top:var(--sp-8);padding-block:0}}@media(pointer:fine){.vs-quiz__opt:hover{border-color:var(--vs-quiz-muted)}.vs-quiz__back:hover{color:var(--vs-quiz-ink)}}@media(prefers-reduced-motion:reduce){.vs-quiz__opt,.vs-quiz__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/vs-sound-quiz.css.map */