.mixit-color-filter{align-items:center;display:flex;height:100%;padding-right:.7rem;position:relative}@media screen and (min-width:651px){.mixit-color-filter{margin-right:-1rem}}.mixit-color-filter.active .mixit-color-filter__color-form{opacity:1;visibility:visible}@media screen and (hover:hover){.mixit-color-filter:hover .mixit-color-filter__color-form{opacity:1;visibility:visible}}.mixit-color-filter__button-color{align-items:center;border-bottom:.1rem solid #202020;-moz-column-gap:1rem;column-gap:1rem;display:flex;font-size:1.2rem;font-weight:500;height:100%;padding-bottom:.8rem;padding-top:.8rem;width:100%}@media screen and (min-width:651px){.mixit-color-filter__button-color{font-size:1.4rem;padding-top:0}}.mixit-color-filter__button-color:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' fill='none' viewBox='0 0 11 6'%3E%3Cpath stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' d='M1 .5 5.5 5 10 .5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:.5rem;margin-left:auto;width:.8rem}@media screen and (min-width:651px){.mixit-color-filter__button-color:after{height:.7rem;width:1.3rem}}.mixit-color-filter__color-span{border-radius:50%;height:2.5rem;position:relative;transition:.3s;width:2.5rem}.mixit-color-filter__color-span.disabled{box-shadow:0 0 0 .2rem #fff,0 0 0 .3rem #8a8a8a}.mixit-color-filter__color-span.disabled:before{background-color:#8a8a8a;content:"";height:.1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-40deg);width:100%}.mixit-color-filter__color-span.checked{box-shadow:0 0 0 .2rem #fff,0 0 0 .3rem #202020}.mixit-color-filter__color-form{display:flex;flex-direction:column}@media screen and (min-width:651px){.mixit-color-filter__color-form{background-color:#fff;box-shadow:0 -.2rem 2rem #82828240;left:0;max-height:27.1rem;opacity:0;padding-bottom:1rem;padding-top:1rem;position:absolute;right:0;top:101%;transition:.3s;visibility:hidden;z-index:5}}.mixit-color-filter__color-label{align-items:center;-moz-column-gap:1.3rem;column-gap:1.3rem;cursor:pointer;display:flex;font-weight:500;padding:1.6rem 2rem}.mixit-color-filter__color-label:hover{cursor:pointer}@media screen and (min-width:651px){.mixit-color-filter__color-label{-moz-column-gap:1rem;column-gap:1rem;padding:1rem 2rem}}.mixit-color-filter__color-label:has(.mixit-color-filter__color-span.disabled){color:#8a8a8a}.mixit-color-filter__color-input{display:block;height:0;opacity:0;position:absolute;width:0;z-index:-1}