.shape-selector{margin:0}.shape-selector .ccs-label{margin:0 0 1rem;font-size:1.6rem;font-weight:600;line-height:1.6;color:rgb(var(--heading-color))}.shape-selector .ccs-selected{color:inherit}.shape-selector .ccs-options{display:flex;flex-wrap:wrap;gap:var(--ccs-gap, 8px)}.shape-selector .ccs-option{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;flex:0 0 auto;width:var(--ccs-box, 48px);min-height:var(--ccs-box, 48px);padding:.6rem;border:.1rem solid var(--ccs-border, #d9dce2);border-radius:var(--ccs-radius, 10px);background-color:var(--ccs-bg, transparent);color:var(--ccs-icon-color, #a3a3a3);text-decoration:none;transition:border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease}.shape-selector .ccs-icon{display:flex;align-items:center;justify-content:center;width:var(--ccs-icon, 30px);height:var(--ccs-icon, 30px)}.shape-selector .ccs-icon svg{width:100%;height:100%;overflow:visible;transition:transform .2s ease}.shape-selector .cc-shape-icon g,.shape-selector .cc-shape-icon path,.shape-selector .cc-shape-icon polygon,.shape-selector .cc-shape-icon polyline{stroke-width:var(--ccs-stroke, .6)}.shape-selector .ccs-name{font-size:1.2rem;line-height:1.2;text-align:center;color:rgba(var(--text-color),.75)}.shape-selector.ccs--names .ccs-option{width:auto;min-width:var(--ccs-box, 48px);padding:.8rem 1rem}@media(hover:hover){.shape-selector .ccs-option:hover{border-color:var(--ccs-active-border, #0d245c);color:var(--ccs-active-icon, #0d245c)}.shape-selector .ccs-option:hover svg{transform:scale(1.08)}}.shape-selector .ccs-option:focus-visible{outline:.2rem solid var(--ccs-active-border, #0d245c);outline-offset:.2rem}.shape-selector .ccs-option.is-active{border-color:var(--ccs-active-border, #0d245c);background-color:var(--ccs-active-bg, transparent);color:var(--ccs-active-icon, #0d245c);box-shadow:inset 0 0 0 .1rem var(--ccs-active-border, #0d245c)}.shape-selector .ccs-option.is-active .ccs-name{color:var(--ccs-active-icon, #0d245c);font-weight:600}.shape-selector .ccs-option.is-loading{opacity:.6;pointer-events:none}@media(max-width:767px){.shape-selector.ccs--scroll .ccs-options{flex-wrap:nowrap;overflow-x:auto;margin:0 -1.5rem;padding:.2rem 1.5rem .4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shape-selector.ccs--scroll .ccs-options::-webkit-scrollbar{display:none}}.shape-selector .ccs-icon--image img{display:block;width:100%;height:100%;object-fit:var(--ccs-image-fit, contain);border-radius:calc(var(--ccs-radius, 10px) * .4);transition:opacity .2s ease,transform .2s ease}.shape-selector.ccs--fade .ccs-option:not(.is-active) .ccs-icon--image img{opacity:.55}@media(hover:hover){.shape-selector .ccs-option:hover .ccs-icon--image img{opacity:1;transform:scale(1.08)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/shape-selector.css.map */