.compare-bar{position:fixed;bottom:0;width:100%;display:none;justify-content:center;align-items:center;gap:20px;padding:20px;background:#fff;box-shadow:0 -1px 7px #00000014,0 -1px 1px #00000008;height:0;transition:height .3s ease}.compare-bar.is-visible{height:90px;display:flex}.compare-slot{width:48px;height:48px;border-radius:4px;background:#e0e0e0;position:relative;overflow:hidden}.compare-slot.is-filled{background:transparent}.compare-slot img{width:100%;height:100%;object-fit:cover}.compare-slot__content{width:100%;height:100%;opacity:0;transform:scale(.7);filter:blur(6px);transition:opacity .25s ease,transform .25s ease,filter .25s ease}.compare-slot__content.is-visible{opacity:1;transform:scale(1);filter:blur(0)}.compare-slot__remove{position:absolute;top:-5px;right:-5px;width:28px;height:28px;border-radius:5px;background:#000;color:#fff;font-size:18px;line-height:30px;text-align:center;cursor:pointer}.card__compare-toggle{position:relative;padding-right:25px;background:none;border:none;color:#000;cursor:pointer;width:100px}.card__compare-toggle:after{content:"";display:block;position:absolute;top:0;right:0;width:17px;height:17px;border-radius:5px;background-color:#fff;border:1px solid #121212;transition:background-color ease .3s}.card__compare-toggle.is-active:after{background-color:#000}.card__compare-toggle.is-disabled{cursor:not-allowed;opacity:.4}.card__compare-toggle.is-disabled .compare-checkbox{pointer-events:none}.compare-slider{position:relative;aspect-ratio:1 / 1;overflow:hidden}.compare-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.compare-slider__prev,.compare-slider__next{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:50%;background:#fffc;cursor:pointer}.compare-slider__prev{left:8px}.compare-slider__next{right:8px}.compare-slider__dots{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:4px;width:100%;overflow-x:auto;justify-content:center}.compare-modal::backdrop{background:#0006;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.compare-modal__close{position:absolute;z-index:20;top:10px;right:10px;width:30px;height:30px;border-radius:5px;background:#000;color:#fff;font-size:20px;cursor:pointer}.compare-modal__columns{max-height:calc(100% - 120px);overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-right:6px}.compare-column{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0;max-height:100%}.compare-column h3{min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:12px;margin-top:0;flex-shrink:0}.compare-column .compare-slider{width:100%;aspect-ratio:1 / 1;margin-bottom:12px}.compare-column .price{margin-bottom:12px;flex-shrink:0}.compare-column__footer{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid lightgray;flex-shrink:0}.component-button__inner{background-color:#000;color:#fff}.compare-modal{width:100%;max-height:95vh;padding:4rem 5rem;border:none;border-radius:10px;box-shadow:0 -1px 7px #00000014,0 -1px 1px #00000008;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.compare-modal__columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;height:100%}.compare-column{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:0}.compare-column h3,.compare-column .price{flex-shrink:0;margin-bottom:12px}.compare-column__footer{flex-shrink:0;margin-top:auto;width:100%;display:flex;justify-content:space-between;gap:12px}.compare-column .compare-slider{width:100%;flex:1 1 auto;aspect-ratio:1 / 1;max-height:100%;overflow:hidden}.compare-slider__image{width:100%;height:auto;max-height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s ease}.compare-slider__image.is-active{opacity:1}.compare-modal:not([open]){display:none}.dot-img{cursor:pointer}.dot-img.is-active{border:2px solid #000;border-radius:10px}@media screen and (max-width:1280px){.card__compare-toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/compare.css.map */