.vr-how{scroll-margin-top:var(--header-height, 80px)}@media(min-width:768px){.vr-how{width:100vw;margin-inline:calc(50% - 50vw);min-height:100vh;display:flex;align-items:center}.vr-how__inner{width:100%}}.vr-how__inner{display:block;width:100%;max-width:var(--vr-container-max, 1320px);margin-left:auto;margin-right:auto;padding-inline:clamp(1.25rem,3vw,2.5rem)}.vr-how__header{display:grid;grid-template-columns:1fr;gap:2rem;align-items:end;margin-bottom:clamp(2.5rem,5vw,4.5rem)}@media(min-width:900px){.vr-how__header{grid-template-columns:1fr auto;gap:4rem}.vr-how__intro{max-width:26rem;justify-self:end;padding-bottom:.5rem}}.vr-how__eyebrow{font-family:var(--font-subheading-family, inherit);font-weight:var(--font-subheading-weight, 500);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--vr-coral, #F25C45);display:inline-flex;align-items:center;margin-bottom:1.25rem}.vr-how__eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background:var(--vr-coral, #F25C45);margin-right:10px}.vr-how__heading{font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600);font-style:var(--font-heading-style, normal);letter-spacing:var(--font-heading-letter-spacing, -.01em);text-transform:var(--font-heading-transform, none);line-height:1.05;margin:0;color:inherit;text-wrap:balance}.vr-how__intro{font-family:var(--font-body-family, inherit);line-height:1.55;color:var(--vr-muted);max-width:42rem;margin:0}.vr-how__intro p{margin:0}.vr-how__intro p+p{margin-top:.75rem}.vr-how__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);position:relative}@media(min-width:760px)and (max-width:1079px){.vr-how__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1080px){.vr-how--connected .vr-how__grid,.vr-how__grid{grid-template-columns:repeat(var(--vr-how-cols, 3),minmax(0,1fr))}}.vr-how[data-blocks="1"] .vr-how__grid{--vr-how-cols: 1}.vr-how[data-blocks="2"] .vr-how__grid{--vr-how-cols: 2}.vr-how[data-blocks="3"] .vr-how__grid{--vr-how-cols: 3}.vr-how[data-blocks="4"] .vr-how__grid{--vr-how-cols: 4}.vr-how[data-blocks="5"] .vr-how__grid{--vr-how-cols: 5}.vr-how__card{position:relative;list-style:none}.vr-how__card-inner{background:var(--vr-card-bg, #FFFFFF);border:1px solid var(--vr-line);border-radius:var(--vr-radius, 18px);padding:clamp(1.5rem,2.6vw,2.25rem);height:100%;display:flex;flex-direction:column;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}.vr-how__card:hover .vr-how__card-inner{transform:translateY(-4px);border-color:color-mix(in srgb,var(--vr-accent, #6D5FEF) 35%,var(--vr-line));box-shadow:0 24px 60px -28px color-mix(in srgb,var(--vr-accent, #6D5FEF) 45%,transparent)}.vr-how__scene{margin:0 0 1.5rem;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(70% 70% at 50% 50%,color-mix(in srgb,var(--vr-accent, #6D5FEF) 14%,transparent),transparent 70%),var(--vr-faint);display:flex;align-items:center;justify-content:center}.vr-how__svg{width:100%;height:100%;display:block;color:inherit;transition:transform var(--vr-dur-med, .35s) var(--vr-ease, cubic-bezier(.2,.7,.2,1))}.vr-how__card:hover .vr-how__svg,.vr-how__card:hover .vr-how__scene-img{transform:scale(1.02)}.vr-how__scene-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform var(--vr-dur-med, .35s) var(--vr-ease, cubic-bezier(.2,.7,.2,1))}.vr-how__svg-accent{stroke:var(--vr-accent, #6D5FEF);fill:var(--vr-accent, #6D5FEF);fill-opacity:0}.vr-how__svg-accent path,.vr-how__svg-accent line,.vr-how__svg-accent circle{stroke:var(--vr-accent, #6D5FEF)}.vr-how__svg-coral{stroke:var(--vr-coral, #F25C45);fill:var(--vr-coral, #F25C45)}.vr-how__svg-coral circle:not([fill=currentColor]){fill:var(--vr-coral, #F25C45)}.vr-how__svg-tick circle{fill:var(--vr-coral, #F25C45)}.vr-how__chips{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem;flex-wrap:wrap}.vr-how__chip-num{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--vr-line);background:transparent;font-family:var(--font-subheading-family, ui-monospace, monospace);font-size:11px;letter-spacing:.12em;color:inherit;transition:background-color var(--vr-dur-fast, .25s) ease,color var(--vr-dur-fast, .25s) ease,border-color var(--vr-dur-fast, .25s) ease}.vr-how__card:hover .vr-how__chip-num{background:var(--vr-accent, #6D5FEF);color:#fff;border-color:var(--vr-accent, #6D5FEF)}.vr-how__chip-label{font-family:var(--font-subheading-family, ui-monospace, monospace);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vr-coral, #F25C45);display:inline-flex;align-items:center}.vr-how__chip-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:999px;background:var(--vr-coral, #F25C45);margin-right:8px}.vr-how__title{font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 600);letter-spacing:var(--font-heading-letter-spacing, -.01em);line-height:1.18;margin:0 0 .75rem;color:inherit;text-wrap:balance}.vr-how__body{font-family:var(--font-body-family, inherit);line-height:1.55;color:var(--vr-muted);margin:0}.vr-how__body p{margin:0}.vr-how__body p+p{margin-top:.5rem}.vr-how--connected .vr-how__card{position:relative}@media(min-width:1080px){.vr-how--connected .vr-how__card:not(:last-child):after{content:"";position:absolute;top:clamp(3rem,7vw,5rem);right:calc(-1*clamp(.5rem,1vw,.875rem));width:clamp(1rem,2vw,1.75rem);height:0;border-top:1px dashed color-mix(in srgb,currentColor 28%,transparent);pointer-events:none;transition:transform var(--vr-dur-fast, .25s) ease,border-color var(--vr-dur-fast, .25s) ease}.vr-how--connected .vr-how__card:not(:last-child):before{content:"";position:absolute;top:clamp(3rem,7vw,5rem);right:calc(-1*clamp(.5rem,1vw,.875rem));width:0;height:0;margin-top:-4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--vr-coral, #F25C45);transform:translate(0);pointer-events:none;transition:transform var(--vr-dur-fast, .25s) ease}.vr-how--connected .vr-how__card:hover:not(:last-child):before{transform:translate(4px)}}@media(max-width:1079px){.vr-how--connected .vr-how__card:before,.vr-how--connected .vr-how__card:after{display:none}}.vr-how__cta-wrap{margin-top:clamp(2rem,4vw,3rem);display:flex;justify-content:center}.vr-how__cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-button-family, inherit);font-weight:var(--font-button-weight, 500)}.vr-how__cta svg{width:14px;height:14px;transition:transform var(--vr-dur-fast, .25s) ease}.vr-how__cta:hover svg{transform:translate(3px)}.vr-how__card{opacity:0;transform:translateY(14px);animation:vrRise .8s var(--vr-ease, cubic-bezier(.2, .7, .2, 1)) forwards}.vr-how__card:nth-child(1){animation-delay:.05s}.vr-how__card:nth-child(2){animation-delay:.18s}.vr-how__card:nth-child(3){animation-delay:.32s}.vr-how__card:nth-child(4){animation-delay:.46s}.vr-how__card:nth-child(5){animation-delay:.6s}@media(max-width:767px){.vr-how__header{text-align:center}.vr-how__intro{margin-left:auto;margin-right:auto}}@media(prefers-reduced-motion:reduce){.vr-how__card{animation:none;opacity:1;transform:none}.vr-how__card:hover .vr-how__card-inner,.vr-how__card:hover .vr-how__svg,.vr-how__card:hover .vr-how__scene-img{transform:none}.vr-how__cta:hover svg{transform:none}.vr-how--connected .vr-how__card:hover:not(:last-child):before{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/vr-how-it-works.css.map */