vr-headset-picker{display:block;position:relative;width:100%;background:var(--vr-ink, #0A0A0C);color:#ededef;overflow:hidden;isolation:isolate}@media(min-width:768px){vr-headset-picker{width:100vw;margin-inline:calc(50% - 50vw);min-height:100vh;display:flex;align-items:center}.vr-picker__inner{width:100%}}.vr-picker__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.vr-picker__fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(50% 50% at 50% 50%,rgba(139,95,255,.28),transparent 70%),linear-gradient(180deg,#0a0a1f,#18112e);opacity:0;transition:opacity var(--vr-dur-med, .3s) ease}vr-headset-picker[data-shader=off] .vr-picker__fallback{opacity:1}vr-headset-picker[data-shader=off] .vr-picker__canvas{display:none}.vr-picker__inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,3vw,2.5rem)}.vr-picker__header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-bottom:3.5rem}.vr-picker__eyebrow{font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-weight:var(--font-subheading-weight, 500);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--vr-coral, #F25C45)}.vr-picker__eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--vr-coral, #F25C45);margin-right:10px;vertical-align:middle;transform:translateY(-1px)}.vr-picker__heading{font-family:var(--font-heading-family, ui-sans-serif, system-ui, sans-serif);font-weight:var(--font-heading-weight, 600);letter-spacing:var(--font-heading-letter-spacing, -.01em);font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.05;color:#fff;margin:1.25rem 0 0;max-width:20ch}.vr-picker__lineup{font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-size:12px;color:#ffffff73;letter-spacing:.08em}.vr-picker__grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:820px){.vr-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.vr-picker__card{all:unset;cursor:pointer;position:relative;display:block;padding:1.5rem;border-radius:18px;background:linear-gradient(180deg,#121116,#0d0c11);border:1px solid rgba(255,255,255,.08);transition:transform var(--vr-dur-med, .35s) var(--vr-ease, cubic-bezier(.2, .7, .2, 1)),border-color var(--vr-dur-fast, .25s) ease,box-shadow var(--vr-dur-fast, .25s) ease;overflow:hidden}@media(min-width:820px){.vr-picker__card{padding:1.75rem}}.vr-picker__card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--vr-accent, #6D5FEF) 45%,transparent)}.vr-picker__card:focus-visible{outline:2px solid var(--vr-accent, #6D5FEF);outline-offset:3px;border-radius:20px}.vr-picker__card.is-active{border-color:color-mix(in srgb,var(--vr-accent, #6D5FEF) 60%,transparent);box-shadow:0 30px 80px -30px color-mix(in srgb,var(--vr-accent, #6D5FEF) 60%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--vr-accent, #6D5FEF) 20%,transparent)}.vr-picker__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);transform:translate(-100%);transition:transform .9s ease}.vr-picker__card:hover:before{transform:translate(100%)}.vr-picker__card-top{display:flex;align-items:center;justify-content:space-between}.vr-picker__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-size:11px;letter-spacing:.08em;color:#cfcfd6}.vr-picker__chip-dot{width:6px;height:6px;border-radius:999px;background:#4a4a55;transition:background var(--vr-dur-fast, .25s) ease}.vr-picker__card.is-active .vr-picker__chip-dot{background:var(--vr-accent, #6D5FEF)}.vr-picker__index{font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-size:11px;color:#ffffff80;letter-spacing:.08em}.vr-picker__visual{aspect-ratio:5 / 3;margin-top:1.5rem;border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--vr-accent, #6D5FEF) 12%,transparent),#0a0a0ccc)}.vr-picker__visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 40%,transparent 75%)}.vr-picker__visual-headset{position:absolute;top:1.5rem;right:1.5rem;bottom:1.5rem;left:1.5rem;display:flex;align-items:center;justify-content:center}.vr-picker__visual-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.vr-picker__img{width:100%;height:100%;object-fit:cover;display:block}.vr-picker__svg{width:100%;height:100%}.vr-picker__svg-sheen{fill:#3a3545;transition:fill var(--vr-dur-med, .3s) ease}.vr-picker__card.is-active .vr-picker__svg-sheen{fill:var(--vr-accent-soft, rgba(139, 127, 255, .85))}.vr-picker__svg-hot-violet{fill:#1a1a22;transition:fill var(--vr-dur-med, .3s) ease}.vr-picker__card.is-active .vr-picker__svg-hot-violet{fill:var(--vr-accent, #6D5FEF)}.vr-picker__svg-hot-coral{fill:#1a1a22;transition:fill var(--vr-dur-med, .3s) ease}.vr-picker__card.is-active .vr-picker__svg-hot-coral{fill:var(--vr-coral, #F25C45)}.vr-picker__svg-ring{stroke:#2a2a32;transition:stroke var(--vr-dur-med, .3s) ease}.vr-picker__card.is-active .vr-picker__svg-ring{stroke:var(--vr-accent, #6D5FEF)}.vr-picker__svg-ring-coral{stroke:#2a2a32;transition:stroke var(--vr-dur-med, .3s) ease}.vr-picker__card.is-active .vr-picker__svg-ring-coral{stroke:var(--vr-coral, #F25C45)}.vr-picker__card-middle{margin-top:1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vr-picker__name{font-family:var(--font-heading-family, ui-sans-serif, system-ui, sans-serif);font-weight:var(--font-heading-weight, 500);letter-spacing:var(--font-heading-letter-spacing, -.025em);color:#fff;font-size:22px;line-height:1.2}.vr-picker__tag{color:#ffffff8c;font-size:13px;margin-top:.25rem}.vr-picker__price{font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-size:12px;color:#ffffffd9;letter-spacing:.05em;white-space:nowrap}.vr-picker__card-bottom{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:1rem}.vr-picker__note{font-family:var(--font-subheading-family, "JetBrains Mono", ui-monospace, monospace);font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.18em}.vr-picker__configure{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#ffffffb3;transition:color var(--vr-dur-fast, .25s) ease}.vr-picker__card.is-active .vr-picker__configure{color:var(--vr-accent-soft, #8B7FFF)}.vr-picker__configure svg{width:12px;height:12px}@media(max-width:767px){.vr-picker__header{flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.vr-picker__heading{margin-inline:auto}}@media(prefers-reduced-motion:reduce){.vr-picker__card,.vr-picker__card:before,.vr-picker__svg-sheen,.vr-picker__svg-hot-violet,.vr-picker__svg-hot-coral,.vr-picker__svg-ring,.vr-picker__svg-ring-coral{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/vr-headset-picker.css.map */