.imperium-color-selector{margin-top:1rem}.imperium-color-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.05rem;text-transform:uppercase;margin-bottom:.5rem;color:var(--color-foreground)}.imperium-color-buttons{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.imperium-color-button{width:42px;height:42px;border-radius:50%;border:none;padding:0;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;position:relative;flex-shrink:0;text-decoration:none}.imperium-color-button:hover{transform:scale(1.1)}.imperium-color-button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.imperium-color-swatch{width:100%;height:100%;border-radius:50%;display:block;background-color:var(--color-hex);border:2px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001f;transition:all .2s ease-in-out}.imperium-color-button--selected{position:relative}.imperium-color-button--selected .imperium-color-swatch{border:3px solid var(--color-foreground);box-shadow:0 2px 4px #00000026}.imperium-color-button--selected:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:30px;height:2px;background-color:var(--color-foreground);border-radius:1px}@media (prefers-reduced-motion: reduce){.imperium-color-button,.imperium-color-swatch{transition:none}.imperium-color-button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/component-imperium-color-selector.css.map */