html,body{height:100%;background:#f2f2f2}*,*:before,*:after{box-sizing:border-box}.mixit-section{margin-top:50px;text-align:center}.controls{display:inline-block;margin-bottom:60px}.control{position:relative;display:inline-block;background:transparent;cursor:pointer;font-family:Poppins,sans-serif!important;font-weight:600;font-size:16px;color:#402718;transition:background .15s;padding-left:30px;text-transform:uppercase;margin:0 10px}.control:hover{background:transparent}.control[data-filter]:after{content:"";position:absolute;width:20px;height:20px;top:calc(50% - 10px);left:0px;border:1px solid currentColor;border-radius:50%;background-color:#ff671f;transition:background-color .15s,border-color .15s}.control[data-sort]:after{content:"";position:absolute;width:20px;height:20px;border-top:1px solid;border-left:1px solid;top:calc(50% - 10px);left:0;transform:translateY(1px) rotate(45deg)}.control[data-sort*=":desc"]:after{transform:translateY(-4px) rotate(-135deg)}.mixitup-control-active{background:transparent}.mixitup-control-active[data-filter]:after{background:transparent}.control:first-of-type{border-radius:3px 0 0 3px}.control:last-of-type{border-radius:0 3px 3px 0}.control[data-filter]+.control[data-sort]{margin-left:.75rem}.control[data-filter=".green"]{color:#91e6c7}.control[data-filter=".blue"]{color:#5ecdde}.control[data-filter=".pink"]{color:#d595aa}.control[data-filter=none]{color:#2f2f2f}.container{padding:1rem}.container:after{content:"";display:inline-block;width:100%}.mix,.gap{display:inline-block;vertical-align:top}.mix{background:#fff;border-radius:0;position:relative;margin-bottom:.23rem}.category-title{position:absolute;bottom:25px;left:0px;right:0px;margin:0 auto;text-align:center;color:#fff;font-size:20px;font-family:Poppins,sans-serif!important;font-weight:500}.mix.green{color:#91e6c7}.mix.pink{color:#d595aa}.mix.blue{color:#5ecdde}.mix,.gap{width:calc(50% - .5rem)}@media screen and (min-width: 541px){.mix,.gap{width:calc(100%/3 - (((3 - 1) * 1rem) / 3))}}@media screen and (min-width: 961px){.mix,.gap{width:calc(25% - .75rem)}}@media screen and (min-width: 1281px){.mix,.gap{width:calc(25% - .75rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mixit-style.css.map?v=166940397466131956321650547246 */