.filters{display:flex;flex-direction:column;gap:40px}.filters .filters--item-title{margin-bottom:16px}.filters .filters--item-options ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.filters .filters--item-options ul.colors-list{flex-direction:row;flex-wrap:wrap}.filters .filters--item-options li{display:flex;align-items:center;gap:8px;justify-content:space-between;position:relative}.filters .filters--item-options ul.colors-list li{width:34px;height:34px}.filters .filters--item-options a{color:var(--color-dark)}.filters .filters--item-options a:hover,.filters .filters--item-options a:focus{text-decoration:none}.filters .filters--item-options svg{display:block;width:20px;height:20px}.filters .filters--item-options ul.colors-list svg{width:30px;height:30px}.filters .filters--item-options label{color:var(--color-dark);display:flex;width:100%;height:100%}.filters .filters--item-options ul.colors-list label{border:1px solid transparent;align-items:center;justify-content:center}.filters .filters--item-options label[for]{cursor:pointer}.filters .filters--item-options label[for]:hover{text-decoration:underline}.filters .filters--item-options input[type=checkbox]{position:absolute;top:0;left:0;width:0;height:0;visibility:hidden}.filters .filters--item-options input[type=checkbox]:checked+label{font-weight:700}.filters .filters--item-options ul.colors-list label:hover,.filters .filters--item-options ul.colors-list input[type=checkbox]:checked+label{border-color:var(--color-dark);text-decoration:none}.filters .filters--item-options ul.colors-list .filters--cta{position:absolute;top:0;left:0;z-index:1}.filters .filters--item-options ul.colors-list input[type=checkbox]:checked+label+.filters--cta{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.filters .filters--item-options .color-swatch{background-image:var(--image);background-size:cover;width:32px;height:32px;border-color:transparent;padding:0;position:relative}.filters .filters--item-options .color-swatch span{width:100%;height:100%;visibility:hidden}.filters .filters--item-options .color-swatch span:before,.filters .filters--item-options .color-swatch span:after{position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translateZ(0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;bottom:100%;left:50%}.filters .filters--item-options .color-swatch span:before{content:"";position:absolute;background:0 0;border:6px solid transparent;z-index:1000001;border-top-color:#383838;margin-bottom:-11px;left:calc(50% - 6px);bottom:100%}.filters .filters--item-options .color-swatch span:after{content:attr(data-value);text-transform:capitalize;border-radius:4px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translate(-50%);background:#383838;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px #0000004d}.filters .filters--item-options .color-swatch:hover span:before,.filters .filters--item-options .color-swatch:hover span:after{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}.filters .filters--item-options .color-swatch:hover span:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.filters .filters--item-options .color-swatch:hover span:after{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translate(-50%) translateY(-8px)}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-filters.css.map */