.variant-picker__option-values .swatch-container{display:flex;gap:8px;position:relative;left:0;scroll-behavior:smooth;transition:all .3s ease-in-out}@media screen and (max-width: 699px){.variant-picker__option-values .swatch-container{max-width:calc(var(--swatch-size) * 4 + 32px);overflow-x:hidden;transition:max-width .3s ease-in-out,transform .3s ease-in-out}.variant-picker__option-values .swatch-container.show-all{max-width:none;overflow-x:visible}.variant-picker__option-values .swatch-container .color-swatch:nth-child(n+5){opacity:0;transform:translate(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none}.variant-picker__option-values .swatch-container.show-all .color-swatch:nth-child(n+5){opacity:1;transform:translate(0);pointer-events:auto}}.variant-picker__option-values .color-swatch-toggle{display:none}@media screen and (max-width: 699px){.variant-picker__option-values .color-swatch-toggle{display:flex;align-items:center;justify-content:center;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;border:1px solid var(--color-border);background:#fff;cursor:pointer;position:sticky;right:0;margin-left:8px;z-index:1;transition:transform .3s ease}.variant-picker__option-values .color-swatch-toggle .icon{transition:transform .3s ease}.variant-picker__option-values .color-swatch-toggle.is-active .icon{transform:rotate(45deg)}}@media screen and (min-width: 700px){.variant-picker__option-values .color-swatch-toggle{display:none}.variant-picker__option-values .swatch-container .color-swatch:nth-child(n+5){display:flex}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/variant-swatch-styles.css.map */