.color-swatch{position:relative;display:grid;max-width:48px;max-height:58.8px;margin:0 auto}.color-swatch.open picture,.color-swatch:hover picture{transform:translateY(-10%)}.color-swatch.open picture:last-of-type,.color-swatch:hover picture:last-of-type{transform:translateY(30%)}@media (min-width: 1920px){.color-swatch .js-loading{width:540px}}.color-swatch.size--large{max-width:80px;max-height:100%}@media (min-width: 1028px){.color-swatch.size--large{max-width:100%}}.color-swatch.size--large:hover picture{transform:translateY(-7.5px)}@media (min-width: 1028px){.color-swatch.size--large:hover picture{transform:translateY(-20px)}}.color-swatch.size--large:hover picture:last-of-type{transform:translateY(7.5px)}@media (min-width: 1028px){.color-swatch.size--large:hover picture:last-of-type{transform:translateY(20px)}}.color-swatch.size--large .color-swatch{max-width:80px;max-height:100%}.color-swatch.size--large .color-swatch picture{transform:translateY(-7.5px)}@media (min-width: 1028px){.color-swatch.size--large .color-swatch picture{transform:translateY(-11px)}}.color-swatch.size--large .color-swatch picture:last-of-type{transform:translateY(7.5px)}@media (min-width: 1028px){.color-swatch.size--large .color-swatch picture:last-of-type{transform:translateY(11px)}}@media (min-width: 1028px){.color-swatch{max-width:114px;max-height:100%}}.color-swatch picture{z-index:2;display:flex;align-self:center;justify-content:center;width:100%;height:auto;transition:transform .3s ease;transform:translateY(0);grid-column:1;justify-self:center;grid-row:1;object-fit:cover}.color-swatch picture:first-child{transform:translateY(-4px)}@media (min-width: 1028px){.color-swatch picture:first-child{transform:translateY(-11px)}}.color-swatch picture:last-of-type{z-index:1;transform:translateY(4px)}@media (min-width: 1028px){.color-swatch picture:last-of-type{transform:translateY(11px)}}.color-swatch picture img{width:100%;object-fit:contain}@media (min-width: 1028px){.color-swatch picture img{width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/snippets-color-swatch.css.map */