:root{--compare-tray-height: 0px}compare-toggle{position:relative;z-index:2;display:block;text-align:center;padding-top:1.9rem;margin-bottom:-.5rem}.compare-toggle__label{display:inline-flex;align-items:center;text-transform:capitalize;gap:.8rem;cursor:pointer;font-size:1.5rem;line-height:1.3;color:rgba(var(--color-foreground),.72);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.product-card-wrapper:hover .compare-toggle__text{color:#fff!important}.compare-toggle__label:hover{color:rgb(var(--color-foreground))}.compare-toggle__input{position:absolute;width:.1rem;height:.1rem;margin:0;padding:0;opacity:0;pointer-events:none}.compare-toggle__box{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.4rem;background-color:rgb(var(--color-background));transition:background-color .18s ease,border-color .18s ease}.compare-toggle__box svg{width:1.1rem;height:1.1rem;color:rgb(var(--color-background));opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .18s ease}.compare-toggle__label:hover .compare-toggle__box{border-color:rgba(var(--color-foreground),.6)}.compare-toggle__input:focus-visible+.compare-toggle__box{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}compare-toggle.is-active .compare-toggle__box{border-color:rgb(var(--color-foreground));background-color:rgb(var(--color-foreground))}compare-toggle.is-active .compare-toggle__box svg{opacity:1;transform:scale(1)}compare-toggle.is-active .compare-toggle__text{color:rgb(var(--color-foreground));font-weight:600}body.compare-tray-open{padding-bottom:var(--compare-tray-height)}compare-tray{position:fixed;z-index:9999999999;right:0;bottom:0;left:0;display:block;pointer-events:none;background-color:transparent!important}body.compare-tray-open #back-top-button{bottom:calc(80px + var(--compare-tray-height));transition:bottom .32s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease}@media screen and (min-width:750px){body.compare-tray-open #back-top-button{bottom:calc(100px + var(--compare-tray-height))}}.compare-tray__panel{--compare-tray-radius: 1.6rem;position:relative;width:100%;max-width:var(--page-width, 140rem);margin:0 auto;padding:1.2rem 1.5rem calc(1.2rem + env(safe-area-inset-bottom,0px));border-top:.1rem solid rgba(var(--color-foreground),.08);border-radius:var(--compare-tray-radius) var(--compare-tray-radius) 0 0;background-color:rgb(var(--color-background));box-shadow:0 -.4rem 3rem rgba(var(--color-shadow),.16);opacity:0;transform:translateY(105%);transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .24s ease;pointer-events:auto}compare-tray.is-visible .compare-tray__panel{opacity:1;transform:translateY(0)}compare-tray[aria-hidden=true] .compare-tray__panel{visibility:hidden;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .24s ease,visibility 0s linear .32s}.compare-tray__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.compare-tray__heading{margin:0;display:none;font-size:1.4rem;font-weight:600;letter-spacing:.04rem;color:rgb(var(--color-foreground))}.compare-tray__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;background:none;color:rgba(var(--color-foreground),.6);cursor:pointer;transition:background-color .18s ease,color .18s ease}.compare-tray__close:hover{background-color:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.compare-tray__close svg{width:1.4rem;height:1.4rem}.compare-tray__body{display:flex;flex-direction:column;gap:1.2rem}.compare-tray__scroller{position:relative;flex:1 1 auto;min-width:0}.compare-tray__list{display:flex;align-items:stretch;gap:1rem;margin:0;padding:.2rem;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.compare-tray__list::-webkit-scrollbar{height:.4rem}.compare-tray__list::-webkit-scrollbar-thumb{border-radius:.4rem;background-color:rgba(var(--color-foreground),.2)}.compare-tray__scroller:before,.compare-tray__scroller:after{content:"";position:absolute;top:0;bottom:0;width:3rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.compare-tray__scroller:before{left:0;background:linear-gradient(to right,rgb(var(--color-background)),transparent)}.compare-tray__scroller:after{right:0;background:linear-gradient(to left,rgb(var(--color-background)),transparent)}.compare-tray__scroller.is-overflowing:after{opacity:1}.compare-tray__scroller.is-scroll-start:before{opacity:1}.compare-tray__scroller.is-scroll-end:after{opacity:0}.compare-tray__item{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:.8rem;width:15rem;padding:.6rem 2.4rem .6rem .6rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1rem;background-color:rgb(var(--color-background));scroll-snap-align:start;transition:opacity .22s ease,transform .22s ease,border-color .18s ease}.compare-tray__item:hover{border-color:rgba(var(--color-foreground),.28)}.compare-tray__item.is-entering{opacity:0;transform:translateY(.8rem) scale(.92)}.compare-tray__item.is-leaving{opacity:0;transform:scale(.86)}.compare-tray__item-link{display:flex;align-items:center;gap:.8rem;min-width:0;text-decoration:none;color:inherit}.compare-tray__item-media{flex:0 0 auto;display:block;width:4.8rem;height:4.8rem;border-radius:.6rem;background-color:rgba(var(--color-foreground),.04);overflow:hidden}.compare-tray__item-media img{width:100%;height:100%;object-fit:contain}.compare-tray__item-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.2rem;line-height:1.35;color:rgb(var(--color-foreground))}.compare-tray__item-remove{position:absolute;top:.4rem;right:.4rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:50%;background:none;color:rgba(var(--color-foreground),.45);cursor:pointer;transition:background-color .18s ease,color .18s ease}.compare-tray__item-remove:hover{background-color:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.compare-tray__item-remove svg{width:1rem;height:1rem}.compare-tray__actions{display:flex;flex-direction:row-reverse;align-items:center;gap:1.2rem}.compare-tray__hint{flex:1 1 auto;min-width:0;margin:0;font-size:1.2rem;line-height:1.3;color:rgba(var(--color-foreground),.6)}.compare-tray__hint.is-flashing{animation:compare-hint-flash .5s ease;color:rgb(var(--color-foreground))}@keyframes compare-hint-flash{0%,to{transform:translate(0)}25%{transform:translate(-.4rem)}75%{transform:translate(.4rem)}}.compare-tray__clear{flex:0 0 auto;padding:0 1rem;border:0;background:none;font-size:1.5rem;color:rgba(var(--color-foreground),.6);text-decoration:underline;text-underline-offset:.3rem;cursor:pointer;transition:color .18s ease}.compare-tray__clear:hover{color:rgb(var(--color-foreground))}.compare-tray__cta{flex:1 1 auto;min-width:0;margin:0;text-align:center}.compare-tray__cta.is-disabled{opacity:.45;cursor:not-allowed}.compare-tray__reopen{position:fixed;left:5rem;bottom:calc(3.5rem + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:.6rem;padding:1rem 1.8rem;border:0;border-radius:5rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.3rem;font-weight:600;cursor:pointer;box-shadow:0 .4rem 1.6rem rgba(var(--color-shadow),.24);pointer-events:auto;animation:compare-reopen-in .28s cubic-bezier(.4,0,.2,1)}.compare-tray__reopen[hidden]{display:none}@keyframes compare-reopen-in{0%{opacity:0;transform:translateY(1rem) scale(.9)}to{opacity:1;transform:none}}@media screen and (min-width:750px){.compare-tray__panel{padding:1.6rem 2.4rem calc(1.6rem + env(safe-area-inset-bottom,0px))}.compare-tray__item{width:18rem;padding:.8rem 2.6rem .8rem .8rem}.compare-tray__item-media{width:5.6rem;height:5.6rem}.compare-tray__item-title{font-size:1.3rem}}@media screen and (min-width:990px){.compare-tray__panel{display:flex;align-items:center;gap:2.4rem;padding:1.6rem 5rem 1.6rem 2.4rem}.compare-tray__head{flex:0 0 auto;flex-direction:column;align-items:flex-start;margin-bottom:0}.compare-tray__close{position:absolute;top:.8rem;right:.8rem}.compare-tray__body{flex:1 1 auto;flex-direction:row;align-items:center;gap:2.4rem;min-width:0}.compare-tray__actions{flex:0 0 auto}.compare-tray__hint{flex:0 0 auto;max-width:16rem;text-align:right}.compare-tray__cta{flex:0 0 auto;min-width:18rem}}@media(prefers-reduced-motion:reduce){.compare-tray__panel,.compare-tray__item,.compare-toggle__box,.compare-toggle__box svg{transition:none}.compare-tray__reopen,.compare-tray__hint.is-flashing{animation:none}.compare-tray__item.is-entering,.compare-tray__item.is-leaving{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/compare.css.map */