.xts-hiw{position:relative;z-index:3;border-bottom-left-radius:32px;border-bottom-right-radius:32px;--xts-hiw-accent: #d9f72e;--xts-hiw-ink: #4a3333;--xts-hiw-muted: #525252;--xts-hiw-tab-bg: #f3f3f3;--xts-hiw-tab-text: #797979;--xts-hiw-nav: #4a3333}.xts-hiw__inner{display:flex;flex-direction:column;align-items:center}.xts-hiw__head{text-align:center;max-width:64rem;margin:0 auto}.xts-hiw__eyebrow{margin:0 0 1.2rem;font-size:1.6rem;font-weight:400;line-height:1.3;color:rgb(var(--color-foreground))}.xts-hiw__title{margin:0 0 1.6rem;font-size:2.4rem;font-weight:500;line-height:1.2;letter-spacing:-.05rem;color:var(--xts-hiw-ink)}.xts-hiw__subtitle{font-size:1.3rem;line-height:1.5;letter-spacing:-.028rem;color:rgba(var(--color-foreground),.55)}.xts-hiw__subtitle p{margin:0}.xts-hiw__tablist{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%;margin-top:2.8rem;background:var(--xts-hiw-tab-bg);border-radius:1.4rem}.xts-hiw__tab-heading{display:flex;margin:0;padding:0;font:inherit;letter-spacing:inherit;color:inherit}.xts-hiw__tab{display:flex;align-items:center;justify-content:center;width:100%;min-height:6rem;padding:1.2rem 1rem;border:0;border-radius:1.4rem;background:transparent;color:var(--xts-hiw-tab-text);font-family:inherit;font-size:1.2rem;font-weight:500;line-height:1.2;letter-spacing:-.024rem;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease}.xts-hiw__tab.is-active{background:var(--xts-hiw-accent);color:#2b2b2b}.xts-hiw__tab:focus-visible{outline:.2rem solid var(--xts-hiw-ink);outline-offset:.2rem}.xts-hiw__panels{width:100%;margin-top:3.2rem}.xts-hiw__panel{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:center}.xts-hiw__panel[hidden]{display:none}.xts-hiw__panel>*{min-width:0}.xts-hiw__col--left{display:flex;flex-direction:column;gap:2.4rem;min-width:0}.xts-hiw__media{position:relative;width:100%;max-width:34rem}.xts-hiw__jar{display:block;width:100%;height:auto;object-fit:contain}.xts-hiw__body{display:flex;flex-direction:column;gap:2.4rem;min-width:0}.xts-hiw__text{font-size:1.3rem;line-height:1.5;letter-spacing:-.028rem;color:var(--xts-hiw-muted)}.xts-hiw__text p{margin:0 0 .6rem}.xts-hiw__text p:last-child{margin-bottom:0}.xts-hiw__text strong,.xts-hiw__text b{font-weight:700}.xts-hiw__visual{position:relative;width:100%;min-width:0;max-width:100%}.xts-hiw__slider{position:relative;width:100%;max-width:100%;aspect-ratio:880 / 532;max-height:80vh;overflow:hidden}.xts-hiw__slider.swiper{height:auto}.xts-hiw__slider .swiper-wrapper{width:100%;max-width:100%;height:100%;max-height:100%;box-sizing:border-box;align-items:stretch}.xts-hiw .xts-hiw__slide{flex-shrink:0;width:100%;min-width:0;max-width:100%;height:100%;box-sizing:border-box}.xts-hiw__slide-img{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}.xts-hiw__visual-img{display:block;width:100%;height:auto;object-fit:contain}.xts-hiw__nav{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2.4rem}.xts-hiw__navbtn{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:0;border-radius:50%;background:var(--xts-hiw-nav);color:var(--xts-hiw-accent);cursor:pointer;transition:opacity .2s ease}.xts-hiw__navbtn svg{width:1.4rem;height:1.4rem}.xts-hiw__navbtn:hover{opacity:.85}.xts-hiw__navbtn:focus-visible{outline:.2rem solid var(--xts-hiw-ink);outline-offset:.2rem}.xts-hiw .xts-hiw__dots.swiper-pagination{position:static;display:inline-flex;align-items:center;gap:1rem;bottom:auto;left:auto;width:auto;transform:none;z-index:auto}.xts-hiw__dot{display:inline-block;width:1rem;height:1rem;margin:0;padding:0;border:0;border-radius:50%;background:#d9d9d9;opacity:1;cursor:pointer;transition:background-color .2s ease}.xts-hiw__dot.is-active{background:var(--xts-hiw-ink)}.xts-hiw__dot:focus-visible{outline:.2rem solid var(--xts-hiw-ink);outline-offset:.2rem}.xts-hiw__cta{display:flex;justify-content:center;width:100%;margin-top:4rem}.xts-hiw__product-form{display:flex;flex-direction:column;align-items:center;width:100%}.xts-hiw__form{display:flex;flex-direction:column;margin:0;width:100%}.xts-hiw__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:7.2rem;min-height:7.2rem;padding:0 3.2rem;border:.1rem solid var(--xts-hiw-ink);border-radius:4.2rem;background:rgb(var(--color-background));color:var(--xts-hiw-ink);font-family:inherit;font-size:1.4rem;font-weight:500;line-height:1.3;letter-spacing:-.028rem;text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease}button.xts-hiw__btn:after,button.xts-hiw__btn:before{content:none;box-shadow:none}a.xts-hiw__btn:hover,button.xts-hiw__btn:not([disabled]):hover{background:var(--xts-hiw-ink);color:#fff}.xts-hiw__btn:focus-visible{outline:.2rem solid var(--xts-hiw-ink);outline-offset:.2rem}.xts-hiw__btn[aria-disabled=true],.xts-hiw__btn[disabled]{cursor:not-allowed;opacity:.6}.xts-hiw__btn .loading__spinner{position:static;display:inline-flex;align-items:center;margin-left:1rem}.xts-hiw__btn .loading__spinner .spinner{width:1.8rem;height:1.8rem}.xts-hiw__btn.loading{cursor:progress}@media screen and (min-width:376px){.xts-hiw__product-form,.xts-hiw__form,.xts-hiw__btn{max-width:27.6rem}}@media screen and (min-width:750px){.xts-hiw__title{font-size:3.2rem;letter-spacing:-.064rem}.xts-hiw__subtitle{font-size:1.4rem;line-height:1.6}.xts-hiw__tablist{margin-top:3.2rem}.xts-hiw__tab{min-height:7.3rem;padding:1.6rem 2rem;font-size:1.4rem;line-height:1.15;letter-spacing:-.028rem}.xts-hiw__panels{margin-top:7.7rem}.xts-hiw__panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:center}.xts-hiw__media{justify-content:flex-start;max-width:none}.xts-hiw__text{font-size:1.4rem}}@media screen and (min-width:990px){.xts-hiw__title{font-size:3.2rem}}@media(prefers-reduced-motion:reduce){.xts-hiw__tab,.xts-hiw__navbtn,.xts-hiw__dot,.xts-hiw__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/xts-how-it-works.css.map */