.custom-hiw{background:linear-gradient(180deg,var(--hiw-bg-start),var(--hiw-bg-end));padding-top:var(--hiw-pad-top);padding-bottom:var(--hiw-pad-bottom)}.custom-hiw__panel{max-width:var(--hiw-content-width);margin-inline:auto;background:var(--hiw-panel-bg);border-radius:28px;padding:28px 0 24px}.custom-hiw__head{padding-inline:28px}.custom-hiw__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--hiw-badge-bg);color:var(--hiw-badge-text);font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1;margin-bottom:18px}.custom-hiw__badge svg{width:15px;height:15px;flex:0 0 auto}.custom-hiw__heading{font-family:var(--font-display);font-size:var(--hiw-heading-size);line-height:1.1;font-weight:700;color:var(--hiw-heading-color);margin:0 0 12px;letter-spacing:-.01em}.custom-hiw__accent{color:var(--hiw-accent)}.custom-hiw__subheading{font-family:var(--font-body);font-size:var(--hiw-sub-size);line-height:1.5;color:var(--hiw-sub-color);margin:0 0 22px;max-width:90%}.custom-hiw__viewport{position:relative}.custom-hiw__track{display:flex;align-items:stretch;gap:var(--hiw-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-inline:max(16px,calc((100% - var(--hiw-card-width)) / 2));scrollbar-width:none;-ms-overflow-style:none}.custom-hiw__track::-webkit-scrollbar{display:none}.custom-hiw__track.is-grabbing{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.custom-hiw__card{flex:0 0 var(--hiw-card-width);scroll-snap-align:center;display:flex;flex-direction:column;background:var(--hiw-card-bg);border-radius:var(--hiw-card-radius);overflow:hidden;box-shadow:0 10px 30px -14px #14494659}.custom-hiw__media{position:relative;height:var(--hiw-media-height);background:var(--color-light-grey, #e0e1e1);overflow:hidden}.custom-hiw__video,.custom-hiw__media img,.custom-hiw__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.custom-hiw__placeholder svg{width:100%;height:100%;object-fit:cover}.custom-hiw__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 26px;flex:1 1 auto}.custom-hiw__step-row{display:flex;align-items:center;gap:10px}.custom-hiw__num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--hiw-step-badge-bg);color:var(--hiw-step-badge-text);font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1;flex:0 0 auto}.custom-hiw__step-label{font-family:var(--font-body);font-size:var(--hiw-step-label-size);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--hiw-step-label-color)}.custom-hiw__title{font-family:var(--font-display);font-size:var(--hiw-title-size);font-weight:700;line-height:1.25;color:var(--hiw-title-color);margin:0}.custom-hiw__desc{font-family:var(--font-body);font-size:var(--hiw-text-size);line-height:1.55;color:var(--hiw-text-color);margin:0}.custom-hiw__arrow{position:absolute;top:var(--hiw-media-height);transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;border:none;background:var(--hiw-card-bg);color:var(--hiw-heading-color);box-shadow:0 6px 18px -6px #14494680;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s,transform .2s}.custom-hiw__arrow:hover{transform:translateY(-50%) scale(1.06)}.custom-hiw__arrow--prev{left:10px}.custom-hiw__arrow--next{right:10px}.custom-hiw__arrow svg{width:16px;height:16px}.custom-hiw__dots{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px}.custom-hiw__dot{width:8px;height:8px;border-radius:999px;border:none;padding:0;background:var(--hiw-dot);cursor:pointer;transition:width .25s ease,background .25s ease}.custom-hiw__dot.is-active{width:22px;background:var(--hiw-dot-active)}@media(min-width:750px){.custom-hiw__panel{padding:40px 0 32px}.custom-hiw__head{padding-inline:44px}.custom-hiw__subheading{max-width:60ch}}@media(min-width:990px){.custom-hiw__panel{max-width:var(--hiw-desktop-width);padding:48px 44px 44px}.custom-hiw__head{padding-inline:0}.custom-hiw__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:max(var(--hiw-gap),24px);overflow:visible;padding-inline:0;scroll-snap-type:none}.custom-hiw__dots,.custom-hiw__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/custom-how-it-works.css.map */