.hw{--hw-ink: #17140f;--tc-cream: #fbf9f2;--tc-petrol: #0e5a61;--tc-honey: #f0b840;--tc-bear: #a9713f;--tc-petrol-tint: #e4efee;--tc-soft: rgba(23, 20, 15, .72);--hw-title: clamp(26px, 2.4vw, 36px);--hw-card-title: clamp(16px, 1.25vw, 20px);--hw-body: clamp(13.5px, .95vw, 15px);--hw-ico: clamp(34px, 2.6vw, 40px);color:var(--hw-ink);background:var(--tc-cream)}.hw__track{position:relative}.hw__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;align-content:center;isolation:isolate;padding-block:clamp(28px,5vh,56px);box-sizing:border-box}.hw--pin .hw__stage{pointer-events:none}.hw--pin .hw__inner,.hw--pin .hw__dots{pointer-events:auto}.hw__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--tc-cream);transition:none;pointer-events:none}.hw__inner{position:relative;z-index:2;width:min(720px,calc(100% - 48px));margin-inline:clamp(1.25rem,6vw,5rem);justify-self:start;align-self:center;display:flex;flex-direction:column;gap:0}.hw__title{margin:0 0 clamp(14px,1.5vw,22px);font-family:var(--font-heading-family);font-weight:800;font-size:var(--hw-title);line-height:1.15;letter-spacing:-.03em;color:var(--hw-ink);overflow:visible;padding-block:.06em}.hw__cards{list-style:none;margin:0;padding:clamp(8px,.7vw,12px);background:#ffffff9e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:clamp(18px,1.6vw,26px);transition:none;align-self:center;width:min(720px,44vw);max-width:100%;height:auto}.hw__card{padding:clamp(12px,1.2vw,18px) clamp(14px,1.4vw,22px)}.hw__card+.hw__card{border-top:1px solid rgba(23,20,15,.08)}.hw__row{display:flex;align-items:center;gap:clamp(14px,1.2vw,22px);min-height:var(--hw-ico)}.hw__ico{flex:none;width:var(--hw-ico);height:var(--hw-ico);border-radius:50%;display:grid;place-items:center;color:#fff}.hw__ico--petrol{background:var(--tc-petrol);color:#fff}.hw__ico--honey{background:var(--tc-honey);color:#2a2109}.hw__ico--bear{background:var(--tc-bear);color:#fff}.hw__ico svg{display:block;width:46%;height:46%;stroke-width:1.8}.hw__card-title,.hw__card h3{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:var(--hw-card-title);line-height:1.12;letter-spacing:-.03em;color:var(--hw-ink)}.hw__bodywrap{display:block}.hw__body{margin:0;padding:4px 0 0 calc(var(--hw-ico) + clamp(14px,1.2vw,22px));color:#17140fe0;min-width:0}.hw__bodywrap p,.hw__bodywrap li{font-size:var(--hw-body);line-height:1.5;max-width:44ch}.hw__bodywrap .hw__intro{margin:0;color:var(--tc-soft)}.hw__bodywrap ul{margin:clamp(8px,.7vw,12px) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(5px,.45vw,8px)}.hw__bodywrap li{position:relative;padding-left:20px}.hw__bodywrap li:before{content:"";position:absolute;left:4px;top:.62em;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.38}.hw__bodywrap .hw__link{display:inline-block;margin-top:clamp(12px,1vw,18px);font-size:var(--hw-body);font-weight:600;line-height:1.5;color:var(--tc-petrol);border-bottom:1px solid currentColor;padding-bottom:2px;text-decoration:none}.hw__bodywrap .hw__link:hover,.hw__bodywrap .hw__link:focus-visible{opacity:.85}.hw__cards.hw--measure .hw__bodywrap{display:grid;grid-template-rows:1fr!important;opacity:0!important}.hw__cards.hw--measure .hw__card{opacity:0!important;transform:none!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;pointer-events:none!important;border-top-color:#17140f14!important}.hw--measuring .hw__card,.hw--measuring .hw__bodywrap{transition:none!important}.hw--pin.hw--enhanced .hw__card{opacity:0;transform:translateY(20px);transition:opacity .45s cubic-bezier(.2,.7,.3,1),transform .45s cubic-bezier(.2,.7,.3,1)}.hw--pin.hw--enhanced .hw__card.is-active{opacity:1;transform:none}.hw--pin.hw--enhanced .hw__card.is-past{opacity:.5;transform:none}.hw--pin.hw--enhanced .hw__bodywrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.3,1),opacity .3s ease;opacity:0}.hw--pin.hw--enhanced .hw__card.is-active .hw__bodywrap{grid-template-rows:1fr;opacity:1}.hw--pin.hw--enhanced .hw__card:not(.is-active):not(.is-past){height:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;overflow:hidden;border-top-color:transparent;pointer-events:none}.hw--pin.hw--enhanced .hw__card.is-active .hw__row,.hw--pin.hw--enhanced .hw__card.is-past .hw__row{cursor:pointer;pointer-events:auto;border:0;background:none;width:100%;text-align:left;font:inherit;color:inherit;padding:0;transition:opacity .2s ease}.hw--pin.hw--enhanced .hw__card.is-active .hw__row:hover,.hw--pin.hw--enhanced .hw__card.is-past .hw__row:hover{opacity:.82}.hw--pin.hw--enhanced .hw__card.is-active .hw__row:hover .hw__card-title,.hw--pin.hw--enhanced .hw__card.is-past .hw__row:hover .hw__card-title{color:var(--tc-petrol)}.hw--pin.hw--enhanced .hw__row:focus-visible{outline:2px solid var(--tc-petrol);outline-offset:4px;border-radius:8px}.hw--enhanced .hw__bodywrap>.hw__body{overflow:hidden;min-height:0}.hw__product{position:absolute;right:-6%;top:50%;width:min(620px,52vw);z-index:1;transform:translateY(calc(-50% + var(--ty, 0%))) rotate(var(--rot, 0deg)) scale(var(--scale, 1));transform-origin:60% 45%;will-change:transform;pointer-events:none}.hw__product img{display:block;width:100%;height:auto}.hw__placeholder{aspect-ratio:1;border-radius:50%;background:var(--tc-petrol-tint);display:grid;place-items:center;text-align:center;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;line-height:1.4;color:var(--tc-petrol)}.hw__dots{position:absolute;left:clamp(1rem,3vw,2rem);bottom:clamp(1.25rem,4vh,2.5rem);z-index:2;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hw__dots li{width:9px;height:9px;border-radius:50%;background:#17140f2e;transition:background .3s ease,transform .3s ease}.hw__dots li.is-on{background:var(--tc-petrol);transform:scale(1.35)}@media(max-width:899px){.hw--pin .hw__track{height:auto}.hw--pin .hw__stage{position:sticky;top:0;height:100svh;height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title" "product" "cards" "dots";align-content:stretch;padding:max(10px,env(safe-area-inset-top,0px)) 0 calc(max(10px,env(safe-area-inset-bottom,0px)) + var(--ted-sp-sticky-offset, 0px));box-sizing:border-box}.hw--pin .hw__bg{display:block}.hw--pin .hw__inner{display:contents}.hw--pin .hw__title{grid-area:title;width:min(720px,calc(100% - 32px));margin:0 auto 6px;padding-inline:16px;font-size:clamp(24px,6.4vw,32px)}.hw--pin .hw__product{grid-area:product;position:static;width:min(46vw,190px);max-width:190px;margin:0 auto 2px;transform:translateY(var(--ty, 0%)) rotate(var(--rot, 0deg)) scale(var(--scale, 1));transform-origin:center center;will-change:transform,opacity;transition:opacity .35s ease,transform .35s ease,max-height .35s ease,margin .35s ease}.hw--pin.hw--product-hidden .hw__product{display:none}.hw--pin.hw--product-hidden .hw__stage{grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title" "cards" "dots"}.hw--pin.hw--enhanced .hw__card.is-past{display:none}.hw--pin.hw--enhanced .hw__card.is-active{opacity:1}.hw--pin.hw--enhanced .hw__card:not(.is-active){height:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;overflow:hidden;border-top-color:transparent;pointer-events:none;opacity:0}.hw--pin .hw__cards{grid-area:cards;align-self:stretch;width:min(720px,calc(100% - 24px));margin-inline:auto;min-height:0!important;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.hw--pin .hw__cards::-webkit-scrollbar{display:none}.hw--pin .hw__card.is-active .hw__bodywrap>.hw__body{overflow:visible}.hw--pin .hw__dots{grid-area:dots;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;position:static;left:auto;bottom:auto;padding:10px 0 2px}.hw--pin .hw__dots li{width:7px;height:7px}.hw--enhanced:not(.hw--pin) .hw__track{height:auto!important}.hw--enhanced:not(.hw--pin) .hw__stage{position:static;height:auto;overflow:visible;padding:48px 0;display:block}.hw--enhanced:not(.hw--pin) .hw__bg{display:none}.hw--enhanced:not(.hw--pin) .hw__inner{width:min(720px,calc(100% - 32px));margin-inline:auto;display:flex;flex-direction:column}.hw--enhanced:not(.hw--pin) .hw__cards{width:100%;min-height:0!important}.hw--enhanced:not(.hw--pin) .hw__product{position:static;width:70%;max-width:320px;margin:0 auto 24px;transform:none!important;will-change:auto}.hw--enhanced:not(.hw--pin) .hw__dots{display:none}}@media(prefers-reduced-motion:reduce){.hw--pin .hw__track,.hw__track{height:auto!important}.hw--pin .hw__stage,.hw__stage{position:static;height:auto;overflow:visible;padding:48px 0;display:block}.hw__cards{min-height:0!important}.hw--pin.hw--enhanced .hw__card,.hw--enhanced .hw__card{opacity:1!important;transform:none!important;transition:none;height:auto!important;max-height:none!important;padding:clamp(12px,1.2vw,18px) clamp(14px,1.4vw,22px)!important;overflow:visible!important;pointer-events:auto!important;border-top-color:#17140f14!important}.hw--pin.hw--enhanced .hw__bodywrap,.hw--enhanced .hw__bodywrap{display:block!important;grid-template-rows:1fr!important;opacity:1!important;transition:none}.hw__product{transform:none!important;will-change:auto}.hw__bg{background-color:var(--tc-cream)!important}.hw--pin .hw__inner{display:flex;flex-direction:column;width:min(720px,calc(100% - 32px));margin-inline:auto}.hw--pin .hw__dots{display:none}}@media(min-width:900px)and (max-height:760px){.hw__card{padding:clamp(14px,1.4vw,22px) clamp(16px,1.6vw,26px)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ted-how-works.css.map */