.cc-dk-colors{margin:4px 0 20px}.cc-dk-colors__label{margin:0 0 12px;color:#262722;font-size:14px;line-height:1.5}.cc-dk-colors__label strong{font-weight:600}.cc-dk-colors__list{display:flex;flex-wrap:wrap;gap:12px 8px}.cc-dk-colors__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:60px;padding:3px 2px;text-decoration:none;color:#666a62}.cc-dk-colors__circle{display:block;position:relative;width:34px;height:34px;border:1px solid rgba(38,39,34,.14);border-radius:50%;background:var(--cc-dk-color);box-shadow:0 0 0 3px #fff,0 0 0 4px #e1ded5}.cc-dk-colors__code{font-size:11px;line-height:1.2;letter-spacing:.15px}.cc-dk-colors__item--selected{color:#262722;font-weight:600}.cc-dk-colors__item--selected .cc-dk-colors__circle{box-shadow:0 0 0 3px #fff,0 0 0 5px #8c795f}.cc-dk-colors__item--selected .cc-dk-colors__circle:after{content:"\2713";position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#8c795f;color:#fff;font-size:12px;line-height:1}.cc-dk-colors__item:hover .cc-dk-colors__circle{outline:1px solid #8c795f;outline-offset:3px}.cc-dk-colors__item:focus-visible{outline:2px solid #8c795f;outline-offset:4px;border-radius:4px}.cc-dk-colors__list--patterns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px 8px}.cc-dk-colors__list--patterns .cc-dk-colors__item{min-width:0}.cc-dk-colors__list--patterns .cc-dk-colors__circle{width:48px;height:48px}.cc-dk-colors__pattern-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}@media(max-width:767px){.cc-dk-colors__list--patterns{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 4px}.cc-dk-colors__list--patterns .cc-dk-colors__circle{width:40px;height:40px}.cc-dk-colors__list--patterns .cc-dk-colors__code{font-size:10px;letter-spacing:0;white-space:nowrap}.cc-dk-colors__list--qp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:12px 4px}.cc-dk-colors__list--qp .cc-dk-colors__item{min-width:0;padding:3px 0}.cc-dk-colors__list--qp .cc-dk-colors__code{font-size:10px;letter-spacing:0;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/57/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAACA */