.how-it-works-v21{--page-width: 1240px;background:var(--hiw21-bg, #fdf8f0)}.how-it-works-v21__inner{padding-top:var(--hiw21-pad-y, 40px);padding-bottom:var(--hiw21-pad-y, 40px)}.how-it-works-v21__header{margin-bottom:28px}.how-it-works-v21__heading{margin:0;font-family:var(--ng21-ff, var(--font-heading-family), sans-serif);font-size:var(--ng21-fs, 28px);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-transform:uppercase;color:var(--hiw21-heading, #111111)}.how-it-works-v21__heading+.how-it-works-v21__heading{margin-top:.08em}.how-it-works-v21__accent{color:var(--hiw21-accent, #0e7b38)}.how-it-works-v21__subheading{margin:12px 0 0;font-family:var(--ng21-ff, var(--font-body-family), sans-serif);font-size:var(--ng21-fs, 15px);line-height:1.5;color:var(--hiw21-sub, #111111)}.how-it-works-v21__subheading p{margin:0}.how-it-works-v21__layout{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}.how-it-works-v21__media{position:relative;aspect-ratio:var(--hiw21-aspect, 1)}.how-it-works-v21__img-wrap{overflow:hidden;border:var(--hiw21-outline, 2px) solid var(--hiw21-outline-color, #111111);border-radius:var(--hiw21-img-radius, 28px);background:var(--hiw21-img-bg, #f2efe4);aspect-ratio:var(--hiw21-aspect, 1);position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(.98);pointer-events:none;transition:opacity .45s ease,transform .45s ease}.how-it-works-v21__img-wrap.is-active{opacity:1;transform:none;pointer-events:auto;z-index:1}.how-it-works-v21__img-wrap[hidden]{display:block}.how-it-works-v21__img-wrap img,.how-it-works-v21__img-wrap svg,.how-it-works-v21__img-wrap video,.how-it-works-v21__video{display:block;width:100%;height:100%;object-fit:cover}.how-it-works-v21__copy{display:flex;flex-direction:column;gap:18px}.how-it-works-v21__tabs{display:grid;grid-template-columns:100%;gap:10px}.how-it-works-v21__tab{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 20px;border:1px solid var(--hiw21-tab-border, #e6e1d4);border-radius:var(--hiw21-tab-radius, 16px);background:var(--hiw21-tab-bg, #ffffff);color:var(--hiw21-tab-text, #111111);font-family:var(--ng21-ff, var(--font-heading-family), sans-serif);font-size:var(--hiw21-tab-fs, 12px);font-weight:700;letter-spacing:0;text-transform:none;line-height:1.2;cursor:pointer;transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.how-it-works-v21__tab:hover,.how-it-works-v21__tab.is-active{background:var(--hiw21-tab-active-bg, #0e7b38);border-color:var(--hiw21-tab-active-border, #0e7b38);color:var(--hiw21-tab-active-text, #ffffff)}.how-it-works-v21__tab-icon{width:var(--hiw21-tab-icon-m, 40px);flex-shrink:0}.how-it-works-v21__tab-icon img,.how-it-works-v21__tab-icon svg{display:block;width:100%;height:auto}.how-it-works-v21__tab:hover .how-it-works-v21__tab-icon,.how-it-works-v21__tab.is-active .how-it-works-v21__tab-icon{filter:brightness(0) invert(1)}.how-it-works-v21__panel{animation:hiw21-panel-in .4s ease}.how-it-works-v21__panel[hidden]{display:none}@keyframes hiw21-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.how-it-works-v21__tab,.how-it-works-v21__img-wrap,.how-it-works-v21__panel{transition:none!important;animation:none!important}}.how-it-works-v21__panel-title{margin:0 0 8px;font-family:var(--ng21-ff, var(--font-heading-family), sans-serif);font-size:var(--ng21-fs, 20px);font-weight:800;text-transform:uppercase;color:var(--hiw21-panel-title, #111111)}.how-it-works-v21__panel-text{margin:0 0 14px;font-family:var(--ng21-text-ff, var(--font-body-family), sans-serif);font-size:var(--ng21-text-fs, 15px);line-height:1.55;color:var(--hiw21-panel-text, #111111)}.how-it-works-v21__panel-text p{margin:0}.how-it-works-v21__tags-label{margin:0 0 8px;font-size:var(--hiw21-tags-label-fs, 12px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hiw21-tags-label, #111111)}.how-it-works-v21__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.how-it-works-v21__tag{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--hiw21-pill-border, #0e7b38);border-radius:999px;background:var(--hiw21-pill-bg, #f2efe4);color:var(--hiw21-pill-text, #0e7b38);font-size:var(--hiw21-tag-fs, 12px);font-weight:700}@media screen and (min-width:750px){.how-it-works-v21__layout{grid-template-columns:minmax(0,.75fr) minmax(0,.95fr);gap:36px}}@media screen and (min-width:990px){.how-it-works-v21__layout{gap:60px}.how-it-works-v21__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.how-it-works-v21__tab{gap:16px;padding:20px}.how-it-works-v21__tab-icon{width:var(--hiw21-tab-icon-d, 60px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/how-it-works_v21.css.map */