.c-carousel-tones__header__inner{display:grid;gap:4px}.c-carousel-tones__item{--tone-image-transform: scale(1);display:grid;grid-template-areas:"content";aspect-ratio:1;background-color:var(--carousel-tone-bg-color);border:1px solid var(--carousel-tone-border-color);text-decoration:none;width:100%}.c-carousel-tones__item:hover{--tone-image-transform: scale(1.1)}.c-carousel-tones__item__media{grid-area:content;overflow:hidden}.c-carousel-tones__item__media__image{object-fit:cover;width:100%;height:100%;transform:var(--tone-image-transform);transition:.3s transform linear}.c-carousel-tones__item__tone{position:relative;z-index:1;grid-area:content;display:flex;flex-direction:column;color:var(--carousel-tone-text-color);padding:4px 8px;text-align:right}@media (min-width: 768px){.c-carousel-tones__item__tone{padding:12px 16px}}.c-carousel-tones__item__tone__label{font-size:10px;font-weight:400;line-height:16px;letter-spacing:.5px;text-transform:uppercase}@media (min-width: 768px){.c-carousel-tones__item__tone__label{font-size:16px;line-height:20px;letter-spacing:.8px}}.c-carousel-tones__item__tone__code{font-size:32px;font-weight:900;line-height:36px}@media (min-width: 768px){.c-carousel-tones__item__tone__code{font-size:64px;line-height:64px}}
