:root{--compare-accent: 0, 128, 0}.compare-toggle{position:relative;z-index:2;display:inline-flex}.compare-toggle__label{display:inline-flex;align-items:center;gap:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.compare-toggle__input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.compare-toggle__box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.8rem;height:1.8rem;border:1.5px solid rgba(var(--color-foreground),.35);border-radius:.4rem;background:rgb(var(--color-background));color:#fff;transition:background-color .15s ease,border-color .15s ease}.compare-toggle__box svg{width:1.1rem;height:1.1rem;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease}.compare-toggle__text{font-size:1.3rem;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.compare-toggle__input:checked+.compare-toggle__box{background:rgb(var(--compare-accent));border-color:rgb(var(--compare-accent))}.compare-toggle__input:checked+.compare-toggle__box svg{opacity:1;transform:none}.compare-toggle.is-checked .compare-toggle__text{color:rgb(var(--compare-accent))}.compare-toggle__input:focus-visible+.compare-toggle__box{outline:2px solid rgb(var(--compare-accent));outline-offset:2px}@media(hover:hover){.compare-toggle__label:hover .compare-toggle__box{border-color:rgb(var(--compare-accent))}.compare-toggle__label:hover .compare-toggle__text{color:rgb(var(--color-foreground))}}.card-information .compare-toggle{margin-top:.8rem}.compare-toggle--product{display:flex;margin:1.2rem 0 .4rem;max-width:44rem}.product-ladder .compare-toggle--product{margin:-.8rem 0 2.4rem}.compare-toggle--product .compare-toggle__label{flex:1;min-height:4.6rem;padding:0 1.6rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:.8rem;transition:border-color .15s ease,background-color .15s ease}.compare-toggle--product .compare-toggle__text{font-size:1.5rem;color:rgb(var(--color-foreground))}.compare-toggle--product.is-checked .compare-toggle__label{border-color:rgba(var(--compare-accent),.5);background:rgba(var(--compare-accent),.04)}@media(hover:hover){.compare-toggle--product .compare-toggle__label:hover{border-color:rgb(var(--compare-accent))}}html.has-compare-tray body{padding-bottom:var(--compare-tray-height, 0px)}.compare-tray{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgb(var(--color-background));border-top:1px solid rgba(var(--color-foreground),.1);box-shadow:0 -8px 24px #12121214;transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom)}.compare-tray.is-visible{transform:none}.compare-tray.is-shaking{animation:compare-tray-shake .4s ease}@keyframes compare-tray-shake{0%,to{translate:0}25%{translate:-6px}75%{translate:6px}}.compare-tray__inner{position:relative;display:flex;align-items:center;gap:1.2rem 2.4rem;padding-top:1.2rem;padding-bottom:1.2rem}.compare-tray__head{display:none;flex-direction:column;flex-shrink:0;line-height:1.2}.compare-tray__title{font-family:var(--font-heading-family);font-size:1.7rem;color:rgb(var(--color-foreground))}.compare-tray__count{font-size:1.3rem;color:rgba(var(--color-foreground),.6);font-variant-numeric:tabular-nums}.compare-tray__slots{--compare-tray-gap: .8rem;display:flex;gap:var(--compare-tray-gap);flex:1;min-width:0;margin:-.6rem 0 0;padding:.6rem .6rem 0 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.compare-tray__slot{position:relative;flex:0 0 calc((100% - .6rem - 3 * var(--compare-tray-gap)) / 4);min-width:0;scroll-snap-align:start;height:4.8rem;border-radius:.8rem}.compare-tray__slot.is-empty{border:1.5px dashed rgba(var(--color-foreground),.15);transition:border-color .15s ease}.compare-tray__placeholder{display:block;width:100%;height:100%}@media(hover:hover){.compare-tray__slot.is-empty:hover{border-color:rgb(var(--compare-accent))}}.compare-tray__slot.is-filled{background:rgba(var(--color-foreground),.04);animation:compare-tray-in .25s ease}@keyframes compare-tray-in{0%{opacity:0;transform:scale(.92)}}.compare-tray__bike{display:flex;align-items:center;gap:1rem;height:100%;padding:.4rem;color:rgb(var(--color-foreground));text-decoration:none}.compare-tray__bike img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.compare-tray__name{display:none}.compare-tray__remove{position:absolute;top:-.6rem;right:-.6rem;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-shadow:0 1px 3px #1212121f}.compare-tray__remove:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem}.compare-tray__remove svg{width:1rem;height:1rem}.compare-tray__remove:hover,.compare-tray__remove:focus-visible{background:rgb(var(--compare-accent));border-color:rgb(var(--compare-accent));color:#fff}.compare-tray__actions{display:flex;align-items:center;gap:1.6rem;flex-shrink:0}.compare-tray__go{box-sizing:border-box;min-height:4.4rem;min-width:0;padding:0 1.6rem;font-size:1.4rem;white-space:nowrap}.compare-tray__clear{display:none;font-size:1.4rem;white-space:nowrap;color:rgba(var(--color-foreground),.75);background:none;border:0;padding:0;cursor:pointer}.compare-tray__message{position:absolute;left:50%;bottom:calc(100% + 1.2rem);translate:-50% 0;width:max-content;max-width:calc(100vw - 3.2rem);margin:0;padding:1rem 1.6rem;border-radius:.8rem;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.4rem;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s ease}.compare-tray.has-message .compare-tray__message{opacity:1}@media screen and (max-width:749px){.compare-tray__inner{gap:1.2rem;padding-top:1rem;padding-bottom:1rem}.compare-tray__slots{--compare-tray-gap: .6rem}.compare-tray__slot{height:4.4rem}.compare-tray__go{padding:0 1.2rem;font-size:1.3rem;min-height:4.4rem}}@media screen and (min-width:750px){.compare-tray__head{display:flex}.compare-tray__clear{display:inline}.compare-tray__slot{height:6rem}.compare-tray__bike img{width:7.2rem;flex-shrink:0}.compare-tray__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.3rem;line-height:1.3;padding-right:.8rem}}@media screen and (min-width:990px){.compare-tray__go{min-width:20rem}}@media(prefers-reduced-motion:reduce){.compare-tray,.compare-toggle__box,.compare-toggle__box svg{transition:none}.compare-tray.is-shaking,.compare-tray__slot.is-filled{animation:none}}@media print{.compare-tray,.compare-toggle{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-compare-tray.css.map */