.tt-hiw,.tt-hiw *,.tt-hiw *:before,.tt-hiw *:after{box-sizing:border-box}.tt-hiw{--tt-hiw-blue: #0096d6;--tt-hiw-light-blue: #cce9fe;--tt-hiw-ink: #152b35;--tt-hiw-gap: 6rem;--tt-hiw-arrow-size: 2.6rem;--tt-hiw-circle-size: 5rem;--tt-hiw-designybit-right: 0rem;--tt-hiw-designybit-clearance: 22%;position:relative;margin:3.5rem 0 6.5rem}.tt-hiw__heading{margin:0 0 3rem;color:var(--tt-hiw-ink);font-weight:700;font-size:3rem}.tt-hiw__steps{display:grid;grid-template-columns:repeat(4,1fr);column-gap:var(--tt-hiw-gap);margin:0;padding:0;list-style:none}.tt-hiw__step{position:relative;text-align:center}.tt-hiw__icon-wrap{position:relative;display:block;width:5rem;height:5rem;margin:0 auto 1.5rem}.tt-hiw__icon-wrap:before{content:"";position:absolute;z-index:0;top:50%;left:50%;width:var(--tt-hiw-circle-size);height:var(--tt-hiw-circle-size);transform:translate(-50%,-50%);border-radius:50%;background-color:var(--tt-hiw-light-blue)}.tt-hiw__icon{position:relative;z-index:1;display:block;width:100%;height:100%;background-color:var(--tt-hiw-blue);-webkit-mask:var(--tt-hiw-icon) center / contain no-repeat;mask:var(--tt-hiw-icon) center / contain no-repeat}.tt-hiw__step-one .tt-hiw__icon{right:.3rem}.tt-hiw__title{margin:0 0 .8rem;color:var(--tt-hiw-ink);font-size:1.8rem;font-weight:700;line-height:1.2}.tt-hiw__title-note{font-size:.85em}.tt-hiw__text{margin:0;color:var(--tt-hiw-ink);font-size:1.6rem;line-height:1.4}.tt-hiw__step:not(:last-child):after{content:"";position:absolute;top:8.2rem;left:calc(100% + (var(--tt-hiw-gap) - var(--tt-hiw-arrow-size)) / 2);width:var(--tt-hiw-arrow-size);height:var(--tt-hiw-arrow-size);background-image:var(--tt-hiw-arrow-desktop);background-repeat:no-repeat;background-position:center;background-size:contain}@media screen and (min-width:750px)and (max-width:989px){.tt-hiw{--tt-hiw-gap: 3rem}.tt-hiw__title{font-size:1.6rem}.tt-hiw__text{font-size:1.4rem}}@media screen and (max-width:749px){.tt-hiw{--tt-hiw-circle-size: 8.3rem;--tt-hiw-icon-scale: 106%}.tt-hiw__heading{margin:0 0 2.5rem;font-size:3rem}.tt-hiw__steps{grid-template-columns:1fr;row-gap:3.6rem;padding-right:var(--tt-hiw-designybit-clearance);position:relative;z-index:1}.tt-hiw__step{display:flex;align-items:flex-start;gap:1.6rem;padding:0;border:0;border-radius:0;text-align:left}.tt-hiw__icon-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:var(--tt-hiw-circle-size);height:var(--tt-hiw-circle-size);margin:0}.tt-hiw__icon{flex:0 0 auto;width:var(--tt-hiw-icon-scale);height:var(--tt-hiw-icon-scale)}.tt-hiw__title{margin:0 0 2rem;font-size:2rem}.tt-hiw__text{font-size:1.4rem}.tt-hiw__title br,.tt-hiw__text br{display:none}.tt-hiw__step:not(:last-child):after{display:none}.tt-hiw:after{content:"";position:absolute;z-index:0;top:0;bottom:0;right:var(--tt-hiw-designybit-right);aspect-ratio:242.76 / 654.51;background:var(--tt-hiw-designybit) right center / contain no-repeat;pointer-events:none}}@media screen and (max-width:560px){.tt-hiw:after{display:none}.tt-hiw__steps{padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-how-it-works.css.map */