{ appearance: none; -webkit-appearance: none; width: 42px; height: 22px; background: #ddd; border-radius: 30px; position: relative; transition: background 0.3s ease; cursor: pointer; outline: none; } .filter-in-stock input[type="checkbox"]::before{ content: ""; width: 18px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 2px; left: 2px; transition: transform 0.3s ease; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .filter-in-stock input[type="checkbox"]:checked{ background: #1f3c5f; } .filter-in-stock input[type="checkbox"]:checked::before{ transform: translateX(20px); } .filter-in-stock .term-label{ text-decoration: none !important; color: #1f3c5f; font-size: 14px; font-weight: 400; pointer-events: none; visibility: hidden; position: relative; } .filter-in-stock .term-label::after{ content: "Only available goods"; visibility: visible; position: absolute; left: 0; top: 0px; white-space: nowrap; } .filter-items li[class^="level-"], .filter-items li[class*=" level-"]{ padding: 12px 0px; } .filter-items li[class^="level-"]:not(.level-0) label, .filter-items li[class*=" level-"]:not(.level-0) label{ font-size: 16px; color: #5F5B50; } .filter-items li[class^="level-"]:not(.level-0) label input, .filter-items li[class*=" level-"]:not(.level-0) label input{ display: none; } .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.hierarchy-collapsable .toggle-handle{ display: none; } .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a{ color: #838383; } input[type="radio"]:checked { accent-color:#990002; }" _transform_keep_proportions="yes" _transform_keep_proportions_hover="yes"]