.how-it-works__trigger-wrap{display:block;margin:12px 0}.how-it-works__trigger-wrap[data-align=center]{text-align:center}.how-it-works__trigger-wrap[data-align=right]{text-align:right}.how-it-works__trigger{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 6px;border:1px solid var(--color-border, #E2E2E2);border-radius:999px;background:transparent;color:var(--color-body, #151515);font-family:inherit;font-size:13px;font-weight:var(--font-body-bold-weight, 500);line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.how-it-works__trigger:hover{background:rgba(var(--color-body-rgb, 21, 21, 21),.04)}.how-it-works__trigger:focus-visible{outline:2px solid var(--color-body, #151515);outline-offset:2px}.how-it-works__trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(var(--color-body-rgb, 21, 21, 21),.06);flex-shrink:0}.how-it-works__trigger-icon svg{width:14px;height:14px;fill:var(--color-body, #151515)}.how-it-works__trigger-text{white-space:nowrap}.how-it-works__modal[hidden]{display:none}.how-it-works__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding:10vh 20px 20px;opacity:0;transition:opacity .18s ease;overscroll-behavior:contain}.how-it-works__modal.is-open{opacity:1}.how-it-works__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-body-rgb, 21, 21, 21),.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.how-it-works__backdrop{background:rgba(var(--color-body-rgb, 21, 21, 21),.65)}}.how-it-works__content{position:relative;width:100%;max-width:100%;max-height:85vh;padding:20px;background:var(--bg-body, #ffffff);border-radius:18px;box-shadow:0 20px 60px #00000026;overflow:hidden;transform:scale(.96);transition:transform .22s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.how-it-works__modal.is-open .how-it-works__content{transform:scale(1)}@media(min-width:640px){.how-it-works__content{max-width:500px;max-height:80vh;padding:24px}}@media(min-width:1024px){.how-it-works__content{max-width:800px}}.how-it-works__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:24px}.how-it-works__heading{margin:0;font-family:inherit;font-size:16px;font-weight:var(--font-body-bold-weight, 600);color:var(--color-body, #151515);line-height:1.3}.how-it-works__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:-8px -8px -8px 0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.how-it-works__close:hover{background:rgba(var(--color-body-rgb, 21, 21, 21),.06)}.how-it-works__close:focus-visible{outline:2px solid var(--color-body, #151515);outline-offset:2px}.how-it-works__close svg{display:block;width:16px;height:16px}.how-it-works__tabs{display:inline-flex;align-self:center;margin:0 auto 16px;padding:4px;background:#1a1a1a;border-radius:999px;gap:2px}.how-it-works__tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:#ffffffbf;font-family:inherit;font-size:13px;font-weight:var(--font-body-bold-weight, 600);line-height:1;cursor:pointer;transition:background-color .18s ease,color .18s ease}.how-it-works__tab:hover{color:#fff}.how-it-works__tab.is-active{background:#fff;color:#111}.how-it-works__tab:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.how-it-works__tab-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.how-it-works__tab-icon svg{width:100%;height:100%}.how-it-works__tab-label{white-space:nowrap}.how-it-works__panel{display:flex;flex-direction:column}.how-it-works__panel[hidden]{display:none}.how-it-works__empty{display:flex;align-items:center;justify-content:center;min-height:240px;padding:24px;border-radius:12px;background:rgba(var(--color-body-rgb, 21, 21, 21),.04);color:rgba(var(--color-body-rgb, 21, 21, 21),.6);font-size:14px;text-align:center}.how-it-works__empty p{margin:0}.how-it-works__viewport{position:relative;overflow:hidden;border-radius:12px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.how-it-works__track{display:flex;width:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);will-change:transform}.how-it-works__track.is-dragging{transition:none}.how-it-works__slide{position:relative;flex:0 0 100%;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-body-rgb, 21, 21, 21),.05)}@media(min-width:640px){.how-it-works__slide{aspect-ratio:16 / 10}}.how-it-works__slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.how-it-works__slide[data-text-position=bottom]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 40%);pointer-events:none}.how-it-works__slide[data-text-position=top]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000008c,#0000 40%);pointer-events:none}.how-it-works__slide[data-text-position=center]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;pointer-events:none}.how-it-works__slide[data-text-color=dark][data-text-position=bottom]:before{background:linear-gradient(to top,#ffffffb3,#fff0 40%)}.how-it-works__slide[data-text-color=dark][data-text-position=top]:before{background:linear-gradient(to bottom,#ffffffb3,#fff0 40%)}.how-it-works__slide[data-text-color=dark][data-text-position=center]:before{background:#ffffff8c}.how-it-works__slide-content{position:absolute;left:0;right:0;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.how-it-works__slide[data-text-position=bottom] .how-it-works__slide-content{bottom:0}.how-it-works__slide[data-text-position=top] .how-it-works__slide-content{top:0}.how-it-works__slide[data-text-position=center] .how-it-works__slide-content{top:50%;transform:translateY(-50%)}.how-it-works__slide[data-text-color=light] .how-it-works__slide-content{color:#fff}.how-it-works__slide[data-text-color=dark] .how-it-works__slide-content{color:#151515}.how-it-works__slide-heading{margin:0;font-family:inherit;font-size:24px;font-weight:var(--font-body-bold-weight, 600);line-height:1.2;max-width:85%}.how-it-works__slide-subline{margin:0;font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;max-width:85%}@media(min-width:640px){.how-it-works__slide-heading{font-size:28px}.how-it-works__slide-subline{font-size:15px}}.how-it-works__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:4px 0}.how-it-works__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(var(--color-body-rgb, 21, 21, 21),.3);cursor:pointer;transition:width .2s ease,background-color .2s ease}.how-it-works__dot.is-active{width:20px;background:var(--color-body, #151515);border-radius:4px}.how-it-works__dot:focus-visible{outline:2px solid var(--color-body, #151515);outline-offset:3px}.how-it-works__dots[data-count="1"]{display:none}body.how-it-works-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.how-it-works__modal,.how-it-works__content,.how-it-works__track,.how-it-works__dot,.how-it-works__trigger,.how-it-works__close{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/how-it-works.css.map */