@keyframes vcl-animation{0%{transform:translate(-30%)}to{transform:translate(30%)}}.spangles-color-guide{color:#757575;border:1px solid #e1e1e5;border-radius:4px;margin:0 6px;padding:13px 18px}.spangles-color-guide__colors-grid{grid-gap:8px;grid-template-columns:repeat(auto-fill,132px);gap:8px;max-height:500px;display:grid;overflow-y:auto}@media (min-width:1280px){.spangles-color-guide__content{margin-left:6px;margin-right:6px}}.spangles-color-guide-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}@media (min-width:1280px){.spangles-color-guide-header{margin-left:6px;margin-right:6px}}.spangles-color-guide-header__title{color:#333;margin:0}.spangles-color-guide-header__chevron{transform:rotate(180deg)}.spangles-color-guide-header__chevron.active{transform:none;transform:initial}.spangles-color-guide-header.active{margin-bottom:0}.spangle-color-block{background-color:#fff;border:1px solid #f5f5f5;border-radius:6.86px;flex-direction:column;justify-content:center;align-items:center;width:132px;height:132px;padding:8px 0;display:flex}.spangle-color-block__title{color:#333;margin-bottom:8px;font-size:16px;font-weight:700}.spangle-color-block__image{-o-object-fit:cover;object-fit:cover;border-radius:6.86px;width:56px;height:56px;margin-bottom:8px}
/*# sourceMappingURL=spangles-color-guide-e8bbc24e28e5b7c8.css.map*/