.pf-color-mixer .pf-colmix-tiles{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scroll-snap-type:x proximity!important;gap:10px!important;padding-bottom:4px!important;scrollbar-width:none!important;cursor:grab!important}.pf-color-mixer .pf-colmix-tiles.is-dragging{cursor:grabbing!important;scroll-snap-type:none!important}.pf-color-mixer .pf-colmix-tiles::-webkit-scrollbar{display:none!important}.pf-color-mixer .pf-colmix-tile{flex:0 0 auto!important;width:80px!important;height:80px!important;scroll-snap-align:start!important}.pf-color-mixer .pf-colmix-empty span{font-size:18px!important}.pf-color-mixer .pf-colmix-remove{width:26px!important;height:26px!important;top:2px!important;right:2px!important}.pf-color-mixer .pf-colmix-remove svg{width:12px!important;height:12px!important}.pf-color-mixer .pf-colmix-variant,.pf-color-mixer .pf-colmix-unavailable{font-size:10px!important;padding:3px 5px!important;bottom:5px!important;width:calc(100% - 8px)!important}@media screen and (max-width:480px){.pf-color-mixer .pf-colmix-tile{width:68px!important;height:68px!important}.pf-color-mixer .pf-colmix-remove{width:22px!important;height:22px!important}.pf-color-mixer .pf-colmix-remove svg{width:10px!important;height:10px!important}}.pf-colmix-carousel{position:relative}.pf-color-mixer .pf-colmix-carousel .pf-colmix-tiles{padding-inline:34px!important;scroll-padding-inline:34px!important}.pf-colmix-carousel__arrow{position:absolute;top:40px;transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 1px 4px #0003;cursor:pointer;color:#000}.pf-colmix-carousel__arrow--prev{left:4px}.pf-colmix-carousel__arrow--next{right:4px}.pf-colmix-carousel__arrow[hidden]{display:none}.pf-colmix-carousel__arrow svg{width:14px;height:14px;pointer-events:none}@media screen and (max-width:480px){.pf-colmix-carousel__arrow{top:34px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/colour-mixer-tiles-carousel.css.map */