.product-form__input--swatches:has(>.aur-case-color-carousel){min-width:0;width:100%;max-width:100%}
.aur-case-color-carousel{position:relative;min-width:0;max-width:100%;margin:0 0 4px}
.aur-case-color-carousel [data-case-color-track]{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 6px;overscroll-behavior-x:contain;max-width:100%}
.aur-case-color-carousel [data-case-color-track]::-webkit-scrollbar{display:none}
.aur-case-color-carousel .color-swatch{flex:0 0 calc((100% - 64px)/3);scroll-snap-align:start;min-width:0;margin:0}
.aur-case-color-carousel .color-swatch__image{max-width:100%}
.aur-case-color-carousel .color-swatch__label{min-height:16px!important;font-size:12px!important}
.aur-case-color-carousel .color-swatch:has(input:focus-visible) .color-swatch__image{outline:2px solid #000;outline-offset:2px}
.aur-case-color-carousel .aur-case-color-arrow{position:absolute;top:30px;z-index:2;width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #000;border-radius:50%;background:#000;color:#fff;box-shadow:0 2px 5px #0002;cursor:pointer;font:inherit;line-height:1}
.aur-case-color-arrow span{font-size:27px;line-height:1;transform:translateY(-1px)}
.aur-case-color-carousel .aur-case-color-arrow--prev{left:0}
.aur-case-color-carousel .aur-case-color-arrow--next{right:0}
.aur-case-color-carousel .aur-case-color-arrow:disabled{opacity:.3;cursor:default}
.aur-case-color-carousel .aur-case-color-arrow:focus-visible{outline:2px solid #000;outline-offset:3px}
.aur-case-color-carousel[data-case-overflow=false] .aur-case-color-arrow{display:none}
@media(min-width:750px){.aur-case-color-carousel .color-swatch{flex-basis:88px}}