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