.tt-up{position:relative;margin:var(--tt-up-mt, 24px) 0 var(--tt-up-mb, 16px);background:var(--tt-up-bg);color:var(--tt-up-fg);border:var(--tt-up-bw, 0) solid var(--tt-up-bc, transparent);border-radius:var(--tt-up-r, 0);overflow:hidden;isolation:isolate}.tt-up__viewport{overflow:hidden}.tt-up__track{display:flex;will-change:transform}.tt-up__slide{flex:0 0 100%;min-width:0;min-height:var(--tt-up-h, 92px);display:flex;background:var(--tt-up-sbg, var(--tt-up-bg));color:var(--tt-up-sfg, var(--tt-up-fg))}.tt-up__link{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;padding:14px var(--tt-up-px, 56px);color:inherit;text-decoration:none}.tt-up--left .tt-up__link{align-items:flex-start;text-align:left}.tt-up--left.has-arrows .tt-up__link{padding-left:var(--tt-up-px, 56px)}.tt-up__head{font-size:var(--tt-up-hs, 13px);font-weight:var(--tt-up-hw, 700);letter-spacing:var(--tt-up-ls, .08em);text-transform:var(--tt-up-tt, uppercase);line-height:1.3}.tt-up__sub{font-size:var(--tt-up-ss, 12px);letter-spacing:var(--tt-up-ls, .08em);text-transform:var(--tt-up-tt, uppercase);line-height:1.35;opacity:.92}a.tt-up__link:hover .tt-up__head{text-decoration:underline;text-underline-offset:3px}.tt-up.is-ready.tt-up--slide .tt-up__track,.tt-up.is-ready.tt-up--slide_up .tt-up__track{transition:transform var(--tt-up-speed, .5s) cubic-bezier(.4,0,.2,1)}.tt-up--slide_up .tt-up__viewport{height:var(--tt-up-h, 92px)}.tt-up--slide_up .tt-up__track{flex-direction:column;height:100%}.tt-up--slide_up .tt-up__slide{flex:0 0 100%;height:100%;min-height:0}.tt-up--fade .tt-up__track,.tt-up--none .tt-up__track{display:grid}.tt-up--fade .tt-up__slide,.tt-up--none .tt-up__slide{grid-area:1 / 1;opacity:0;visibility:hidden}.tt-up--fade .tt-up__slide:first-child,.tt-up--none .tt-up__slide:first-child{opacity:1;visibility:visible}.tt-up.is-ready.tt-up--fade .tt-up__slide,.tt-up.is-ready.tt-up--none .tt-up__slide{opacity:0;visibility:hidden}.tt-up.is-ready.tt-up--fade .tt-up__slide{transition:opacity var(--tt-up-speed, .5s) ease,visibility 0s linear var(--tt-up-speed, .5s)}.tt-up.is-ready.tt-up--fade .tt-up__slide.is-active,.tt-up.is-ready.tt-up--none .tt-up__slide.is-active{opacity:1;visibility:visible;transition-delay:0s}.tt-up__arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:calc(var(--tt-up-as, 18px) * 2);height:calc(var(--tt-up-as, 18px) * 2.6);margin-top:calc(var(--tt-up-as, 18px) * -1.3);padding:0;border:0;background:transparent;color:var(--tt-up-arrow, #fff);cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.tt-up__arrow svg{width:calc(var(--tt-up-as, 18px) * .6);height:var(--tt-up-as, 18px)}.tt-up__arrow--prev{left:6px}.tt-up__arrow--next{right:6px}.tt-up__arrow:hover{opacity:.75}.tt-up__arrow:disabled{opacity:.3;cursor:default}.tt-up--arrows-boxed .tt-up__arrow{border:1px solid currentColor}.tt-up--arrows-circle .tt-up__arrow{width:calc(var(--tt-up-as, 18px) * 2);height:calc(var(--tt-up-as, 18px) * 2);margin-top:calc(var(--tt-up-as, 18px) * -1);border:1px solid currentColor;border-radius:50%}.tt-up--arrows-circle .tt-up__arrow svg{width:calc(var(--tt-up-as, 18px) * .45);height:calc(var(--tt-up-as, 18px) * .75)}.tt-up__arrow:focus-visible,.tt-up__dot:focus-visible,.tt-up__link:focus-visible{outline:1px solid var(--tt-up-arrow, #fff);outline-offset:-4px}.tt-up__dots{position:absolute;left:50%;bottom:7px;z-index:2;display:flex;gap:6px;transform:translate(-50%)}.tt-up__dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:var(--tt-up-arrow, #fff);opacity:.35;cursor:pointer}.tt-up__dot.is-active{opacity:1}.tt-up__count{position:absolute;right:10px;bottom:6px;z-index:2;font-size:10px;letter-spacing:.08em;opacity:.75;color:var(--tt-up-arrow, #fff)}.tt-up.has-arrows .tt-up__count{right:calc(var(--tt-up-as, 18px) * 2 + 10px)}.tt-up__bar{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:2;background:#ffffff26}.tt-up__bar>span{display:block;height:100%;width:0;background:var(--tt-up-arrow, #fff)}@keyframes tt-up-bar{0%{width:0}to{width:100%}}.tt-up.is-paused .tt-up__bar>span{animation-play-state:paused!important}@media(max-width:749px){.tt-up--no-mobile{display:none}}@media(min-width:750px){.tt-up--no-desktop{display:none}}@media(prefers-reduced-motion:reduce){.tt-up.is-ready .tt-up__track,.tt-up.is-ready .tt-up__slide{transition-duration:0s!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/tt-upsell.css.map */