.c-color-set{margin-top:24px;position:relative}.c-color-set__main{display:block;height:19vw;opacity:1;transition:opacity .3s ease-in-out;width:100%}@media(max-width:992px){.c-color-set__main{display:none}}.c-color-set__main.fade{opacity:0}.c-color-set__main-label{align-items:center;background-color:var(--white);border-radius:42px;color:var(--black);display:flex;font-size:18px;font-weight:500;justify-content:center;left:24px;letter-spacing:-.03em;line-height:124%;padding:16px 24px;position:absolute;text-align:center;top:24px;vertical-align:bottom}.c-color-set__main-pallet{height:100%;width:100%}.c-color-set__main-pallet-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-color-set__grid{display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin-top:16px}@media(max-width:1200px){.c-color-set__grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}}@media(max-width:768px){.c-color-set__grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:576px){.c-color-set__grid{grid-template-columns:1fr}}.c-color-set__grid--img{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}@media(max-width:1200px){.c-color-set__grid--img{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:768px){.c-color-set__grid--img{grid-template-columns:1fr 1fr}}@media(max-width:576px){.c-color-set__grid--img{grid-template-columns:1fr}}.c-color-set__thumb{align-items:stretch;cursor:pointer;display:flex;flex-direction:column;justify-content:stretch}.c-color-set__thumb-header{height:64px;width:100%}@media(max-width:992px){.c-color-set__thumb-header{height:96px}}.c-color-set__thumb-header-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-color-set__thumb-footer{align-items:center;background-color:var(--gray-05);border:1px solid var(--gray-05);border-top:none;display:flex;flex-grow:1;justify-content:center;padding:16px;transition:all .2s ease-out}.c-color-set__thumb-title{color:var(--black);font-size:16px;font-weight:400;letter-spacing:-.03em;line-height:124%;position:relative;vertical-align:bottom}.c-color-set__thumb-title-text{display:inline-block;text-align:center;transform:translateX(0);transition:all .2s linear}.c-color-set__thumb-title svg{left:-19px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s linear}.c-color-set__thumb.active .c-color-set__thumb-footer,.c-color-set__thumb:hover .c-color-set__thumb-footer{background-color:var(--white)}.c-color-set__thumb.active .c-color-set__thumb-title-text,.c-color-set__thumb:hover .c-color-set__thumb-title-text{transform:translateX(5px)}.c-color-set__thumb.active .c-color-set__thumb-title svg,.c-color-set__thumb:hover .c-color-set__thumb-title svg{opacity:1}.c-color-set__thumb.active{pointer-events:none}