.filter-container{margin:5% 0}.filter-container .carousel-wrapper{position:relative;margin:20px auto;overflow:hidden;width:100%;max-width:100%}.filter-metafield__title{font-family:Glacial Indifference Bold!important;font-size:20px;line-height:24px;letter-spacing:.1em;text-transform:uppercase;color:#000;margin:12px 0}.filter-container>br{content:"";display:block;background-color:#bfbfbf;height:1px}.carousel-track-container{width:95%;overflow:hidden;margin:auto}.carousel-track{display:flex;justify-content:center;align-items:center;transition:transform .5s ease;flex-wrap:wrap}.filter-circle{width:80px;height:auto;margin:0 5px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.filter-circle.carousel-item{width:80px;height:80px;border-radius:50%;margin:0 5px;cursor:pointer}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:none;font-size:24px;cursor:pointer;z-index:1000}.left-control{left:10px}.right-control{right:10px}.filter-content{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center}.remove-filter{display:none}.filter-content img{border-radius:50%;width:100%;height:100%;object-fit:cover}.filter-circle.active{border:4px solid #000}.filter-circle.active .remove-filter{display:none}.filter-color-name{text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@media (max-width: 768px){.filter-circle.carousel-item{width:80px;height:80px}.carousel-control{font-size:18px}}@media (max-width: 480px){.filter-circle.carousel-item{width:60px;height:60px}.carousel-control{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/381/assets/component-filter-system.css.map */
