.switch{position:absolute;opacity:0}.switch+label{display:inline-flex;position:relative;align-items:center;margin:0;border-radius:48px;font-size:.88em;font-weight:700;line-height:1.5em;vertical-align:top;cursor:pointer;-webkit-user-select:none;user-select:none}.switch+label:after{content:"";display:block;width:48px;height:24px;margin-inline-start:.85em;transition:background-color .3s;border-radius:48px;background-color:rgba(var(--text-color)/.6)}.switch+label:hover:after{background-color:rgba(var(--text-color)/.9)}.switch:checked+label:after{background-color:rgb(var(--text-color))}.switch:focus-visible+label:after{outline:auto Highlight;outline:auto -webkit-focus-ring-color}.switch.is-focused+label:after,.no-js .switch:focus+label:after{outline:auto Highlight;outline:auto -webkit-focus-ring-color}.no-js .switch:focus:not(:focus-visible)+label:after{outline:0}.switch+label:before{content:"";position:absolute;top:50%;right:1px;width:22px;height:22px;padding-top:2px;transform:translate(-24px,-50%);border-radius:50%;background-color:#fff;box-shadow:0 0 2px 2px #00000040;text-align:center}[dir=rtl] .switch+label:before{right:auto;left:1px;transform:translate(24px,-50%)}.transition-ready .switch+label:before{transition:transform .3s}.switch:checked+label:before{content:"";transform:translateY(-50%);background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Im0xMy4xOTUgMy44NzUuNzA3LjcwNy03Ljg5NyA3Ljg5Ny0zLjkwNy0zLjkwNy43MDctLjcwNyAzLjIgMy4xOTl6IiBmaWxsPSIjMjEyQjM2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4KPC9zdmc+Cg==);background-repeat:no-repeat;background-position:center center;background-size:15px 15px}.checkbox--compare+label:before{width:16px;height:16px;margin-top:calc(.75em - 8px);margin-inline-end:.5em}.checkbox--compare:checked+label:before{border-color:rgb(var(--text-color));background-color:rgb(var(--text-color))}.checkbox--compare:checked+label:after{top:calc(.75em - 1px);left:8px;width:4px;height:9px;border-width:0 1px 1px 0;border-color:rgba(var(--bg-color))}[dir=rtl] .checkbox--compare:checked+label:after{right:8px}.main-products-grid[data-layout=grid].transition-ready .card__compare{transition:max-height .3s,opacity .3s}.main-products-grid[data-layout=grid] .card__compare{max-height:0;overflow:hidden;opacity:0}.main-products-grid[data-layout=grid][data-compare=true] .card__compare{max-height:25px;margin-bottom:calc(2 * var(--space-unit));opacity:1}.main-products-grid[data-layout=list][data-compare=false] .card__compare{display:none}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare{padding-top:calc(11 * var(--space-unit) + 1px)}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare .card__compare{position:absolute;top:calc(4 * var(--space-unit))}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare.card--highlight-product:not(.card--product-contained){padding-top:calc(8 * var(--space-unit))}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare.card--highlight-product:not(.card--product-contained) .card__compare{top:1px}.main-products-grid[data-layout=list][data-compare=false] .card--product-compare.card--product-contained{padding-top:calc(5 * var(--space-unit))}.header__icon--compare{position:relative}.header__icon--compare .icon-compare{width:24px;height:24px}@media(min-width:1024px){.header__icon--compare .icon-compare{width:32px;height:32px}}.header__compare-count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:700;line-height:18px}.header__compare-count-number{position:relative;top:-.05em}@media(min-width:769px){.header__compare-count{top:0;right:0}}.btn-compare-icon{display:inline-flex;align-items:center;justify-content:center;padding:8px;background:transparent;border:none;cursor:pointer;transition:color .2s ease,background-color .2s ease,opacity .2s ease;color:rgb(var(--text-color));opacity:.6;border-radius:4px}.btn-compare-icon:hover{opacity:.9;background:rgb(var(--text-color) / .05)}.btn-compare-icon:focus-visible{outline:2px solid currentColor;outline-offset:2px}.btn-compare-icon.is-active{color:rgb(var(--text-color))!important;opacity:1!important;background:rgb(var(--text-color) / .1)!important}.btn-compare-icon.is-active:hover{color:rgb(var(--text-color))!important;opacity:1!important;background:rgb(var(--text-color) / .15)!important}.btn-compare-icon.is-active .icon-compare{color:rgb(var(--text-color))!important}.btn-compare-icon .icon-compare{width:24px;height:24px;transition:transform .2s ease}.btn-compare-icon:hover .icon-compare{transform:scale(1.1)}.card__compare-btn{position:absolute;top:12px;right:12px;z-index:2;background:rgba(var(--bg-color),.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;width:40px;height:40px;padding:0;box-shadow:0 2px 8px #0000001a}.card__compare-btn:hover{background:rgba(var(--bg-color),1);box-shadow:0 2px 12px #00000026}.card__compare-btn.is-active{background:rgb(var(--text-color))!important;color:rgb(var(--bg-color))!important}.card__compare-btn.is-active:hover{background:rgba(var(--text-color),.9)!important}.card__compare-btn.is-active .icon-compare{color:rgb(var(--bg-color))!important}.card__compare-btn .icon-compare{width:20px;height:20px}.product-info__compare{display:flex;align-items:center;gap:12px}.product-info__compare-label{color:var(--link-color);text-decoration:underline}.product-info__compare-label:hover{color:rgb(var(--text-color))}.product-info__compare .btn-compare-icon{flex-shrink:0}.main-products-grid[data-layout=grid].transition-ready .card__compare{transition:none}.main-products-grid[data-layout=grid] .card__compare{max-height:none;overflow:visible;opacity:1}.main-products-grid[data-layout=grid][data-compare=true] .card__compare{max-height:none;margin-bottom:0;opacity:1}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare{padding-top:0}.main-products-grid[data-layout=list][data-compare=true] .card--product-compare .card__compare{position:absolute;top:12px;right:12px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/compare-toggle.css.map */
