.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:opacity .3s,visibility .3s}.card--product-compare .card__compare{position:absolute;z-index:3;bottom:calc(2 * var(--space-unit));inset-inline-start:calc(2 * var(--space-unit));max-height:none;margin:0;overflow:visible;pointer-events:none}.card--product-compare .card__compare .compare-checkbox{display:inline-flex;align-items:center;padding:2px 8px;border-radius:0;background-color:#1a5b4f;color:#c0ff7f;box-shadow:none;font-size:1.1rem;line-height:1.7rem;font-weight:600;pointer-events:auto}.card--product-compare .card__compare .checkbox--compare+label{align-items:center;color:#c0ff7f;font-size:inherit;line-height:inherit;font-weight:inherit}.card--product-compare .card__compare .checkbox--compare+label:before{width:14px;height:14px;margin-top:0;margin-inline-end:.5em;border-color:#c0ff7f;background-color:transparent}.card--product-compare .card__compare .checkbox--compare:checked+label:before{border-color:#c0ff7f;background-color:#c0ff7f}.card--product-compare .card__compare .checkbox--compare:checked+label:after{top:50%;left:calc(.5em + 7px);width:3px;height:7px;transform:translate(-50%,-58%) rotate(45deg);border-color:#1a5b4f}.main-products-grid[data-layout=grid] .card__compare,.main-products-grid[data-layout=list][data-compare=false] .card__compare{visibility:hidden;opacity:0}.main-products-grid[data-layout=grid][data-compare=true] .card__compare,.main-products-grid[data-layout=list][data-compare=true] .card__compare{visibility:visible;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,.main-products-grid[data-layout=list][data-compare=true] .card--product-compare.card--highlight-product:not(.card--product-contained){padding-top:calc(6 * var(--space-unit))}.main-products-grid[data-layout=list][data-compare=false] .card--product-compare.card--product-contained{padding-top:calc(5 * var(--space-unit))}
/*# sourceMappingURL=/cdn/shop/t/13/assets/compare-toggle.css.map */