.ek-colors__grid{display:grid;gap:2.5rem;align-items:center}.ek-colors__stage{position:relative;aspect-ratio:1;border-radius:var(--ek-radius);overflow:hidden;background:var(--ek-media-bg)}.ek-colors__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(.96);transition:opacity .6s var(--ek-ease-out),transform .9s var(--ek-ease-out)}.ek-colors__frame.is-active{opacity:1;transform:none}.ek-colors__media{height:100%;--ek-media-bg: transparent}.ek-colors__content{display:grid;justify-items:start;gap:1.25rem}.ek-colors__picker{margin:.5rem 0 .75rem;padding:0;border:0}.ek-colors__legend{margin-block-end:1rem;padding:0;font-size:1rem;color:var(--ek-section-muted)}.ek-colors__legend span{font-weight:600;color:var(--ek-section-ink)}.ek-colors__swatches{display:flex;flex-wrap:wrap;gap:.875rem}.ek-colors__swatch{position:relative;display:block;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f;cursor:pointer;transition:transform .4s var(--ek-ease)}.ek-colors__swatch:after{content:"";position:absolute;top:-.3125rem;right:-.3125rem;bottom:-.3125rem;left:-.3125rem;border:2px solid transparent;border-radius:50%;transition:border-color .3s var(--ek-ease)}.ek-colors__swatch:has(:checked):after{border-color:var(--ek-section-ink)}.ek-colors__swatch:has(:focus-visible):after{border-color:var(--ek-accent)}.ek-colors__swatch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}@media(hover:hover){.ek-colors__swatch:hover{transform:scale(1.06)}}@media screen and (min-width:1000px){.ek-colors__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(4rem,8vw,8rem)}}@media(prefers-reduced-motion:reduce){.ek-colors__frame,.ek-colors__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/earklip-colors.css.map */