.product__card--compare-select{--compare-select-size: 2.3rem;--compare-select-inset: 1.5rem;position:absolute;left:var(--compare-select-inset);top:var(--compare-select-inset);z-index:9;display:none;top:2rem}:root[data-compare-grid-active] .product__card--compare-select{display:block}:root[data-compare-grid-active] .product__card__thumbnail .product__card__badges{left:calc(1.5rem + 2.6rem + .8rem)}@media only screen and (max-width:575px){.product__card--compare-select{--compare-select-size: 2.2rem;--compare-select-inset: 1rem}:root[data-compare-grid-active] .product__card__thumbnail .product__card__badges{left:calc(1rem + 2.2rem + .6rem)}}:root[dir=rtl] .product__card--compare-select{left:auto;right:var(--compare-select-inset)}:root[dir=rtl][data-compare-grid-active] .product__card__thumbnail .product__card__badges{left:auto;right:calc(1.5rem + 2.6rem + .8rem)}@media only screen and (max-width:575px){:root[dir=rtl][data-compare-grid-active] .product__card__thumbnail .product__card__badges{right:calc(1rem + 2.2rem + .6rem)}}.product__card--compare-select-label{display:flex;align-items:center;justify-content:center;cursor:pointer}.product__card--compare-select-input{position:absolute;opacity:0;width:1px;height:1px}.product__card--compare-select-box{display:flex;align-items:center;justify-content:center;width:var(--compare-select-size, 2.3rem);height:var(--compare-select-size, 2.3rem);border-radius:.4rem;background:rgb(var(--color-background));border:.15rem solid rgba(var(--color-foreground),.3);box-shadow:0 0 1rem rgba(var(--color-foreground),.08);transition:var(--transition)}.product__card--compare-select-box:after{content:"";width:.6rem;height:1.1rem;border-right:.2rem solid rgb(var(--color-button-text));border-bottom:.2rem solid rgb(var(--color-button-text));transform:rotate(45deg) scale(0);transition:var(--transition);margin-top:-.15rem}.product__card--compare-select-input:checked+.product__card--compare-select-box{background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.product__card--compare-select-input:checked+.product__card--compare-select-box:after{transform:rotate(45deg) scale(1)}.product__card--compare-select-input:focus-visible+.product__card--compare-select-box{box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.3)}.product__card--compare-select-input:disabled+.product__card--compare-select-box{opacity:.4;cursor:not-allowed}compare-grid-select.is-compare-full .product__card--compare-select-box{animation:collection-compare-shake .4s ease;border-color:rgb(var(--color-button))}@keyframes collection-compare-shake{25%{transform:translate(-.3rem)}75%{transform:translate(.3rem)}}.collection-compare-bar{--compare-bar-gap: 1.6rem;position:fixed;left:50%;bottom:var(--compare-bar-gap);z-index:97;box-sizing:border-box;width:min(120rem,calc(100% - 3.2rem));display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem 2rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.6rem;box-shadow:0 1rem 4rem rgba(var(--color-foreground),.14);transform:translate(-50%,calc(100% + 3.2rem));opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease}:root[data-compare-grid-active] .collection-compare-bar{transform:translate(-50%);opacity:1;pointer-events:auto}:root[data-compare-grid-active] .collection-compare-bar.is-hidden{transform:translate(-50%,calc(100% + 3.2rem));opacity:0;pointer-events:none}.collection-compare-bar__primary{display:flex;align-items:center;gap:1.2rem}.collection-compare-bar__count{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap}button.button.collection-compare-bar__open{margin:0;flex-shrink:0}.collection-compare-bar__open:disabled{opacity:.5;cursor:not-allowed}.collection-compare-bar__collapse{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;margin:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.collection-compare-bar__collapse .icon{width:1.6rem;height:1.6rem;transition:transform .25s ease}.collection-compare-bar.is-expanded .collection-compare-bar__collapse .icon{transform:rotate(180deg)}.collection-compare-bar__collapsible{display:flex;align-items:center;gap:1.6rem}.collection-compare-bar__slots{display:flex;align-items:center;gap:1rem;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}.collection-compare-bar__slots::-webkit-scrollbar{height:.4rem}.collection-compare-bar__slots::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.25);border-radius:.4rem}.collection-compare-bar__slot{position:relative;flex:0 0 auto;width:6.4rem;height:6.4rem;border-radius:.8rem;overflow:hidden;scroll-snap-align:start;border:.1rem solid rgba(var(--color-foreground),.15);background:rgba(var(--color-foreground),.04)}.collection-compare-bar__slot.is-empty{border:.15rem dashed rgba(var(--color-foreground),.25);background:transparent}.collection-compare-bar__thumb{width:100%;height:100%}.collection-compare-bar__thumb img{width:100%;height:100%;object-fit:cover;display:block}.collection-compare-bar__remove{position:absolute;top:.3rem;inset-inline-end:.3rem;width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .1rem .4rem rgba(var(--color-foreground),.25);cursor:pointer;font-size:1.3rem;line-height:1}.collection-compare-bar__remove .icon{width:.9rem;height:.9rem}.collection-compare-bar__clear{flex-shrink:0;white-space:nowrap;padding:0;border:none;background:none;font-size:1.3rem;color:rgba(var(--color-foreground),.75);text-decoration:underline;text-underline-offset:.2rem;cursor:pointer}.collection-compare-bar__clear:hover{color:rgb(var(--color-foreground))}@media screen and (min-width:992px){.collection-compare-bar{flex-direction:row;align-items:center;gap:2rem}.collection-compare-bar__collapsible{order:1;flex:1 1 auto;min-width:0;max-height:none;opacity:1}.collection-compare-bar__primary{order:2;gap:2rem}.collection-compare-bar__collapse{display:none}}@media screen and (max-width:991.98px){.collection-compare-bar{left:0;right:0;bottom:0;width:100%;max-width:100%;gap:0;border-inline:none;border-bottom:none;border-radius:1.6rem 1.6rem 0 0;transform:translateY(100%)}:root[data-compare-grid-active] .collection-compare-bar{transform:translateY(0)}:root[data-compare-grid-active] .collection-compare-bar.is-hidden{transform:translateY(0);opacity:1;pointer-events:auto}.collection-compare-bar__primary{width:100%}.collection-compare-bar__open{margin-inline-start:auto}button.button.collection-compare-bar__open{padding:.9rem 1.6rem}.collection-compare-bar__collapsible{flex-wrap:wrap;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.collection-compare-bar.is-expanded .collection-compare-bar__collapsible{max-height:40rem;opacity:1;margin-top:1.4rem}.collection-compare-bar__slots{flex-basis:100%;padding-bottom:.6rem}.collection-compare-bar__clear{flex-basis:100%}:root[data-compare-grid-active] body{padding-bottom:calc(var(--mobile-navigation-bar-height, 0px) + var(--compare-bar-space, 0px))}}@media screen and (max-width:749px){.collection-compare-bar{bottom:var(--mobile-navigation-bar-height, 0px)}}@media(prefers-reduced-motion:reduce){.collection-compare-bar,.collection-compare-bar__collapsible,.collection-compare-bar__collapse .icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-compare.css.map */