.styles_paletteSwatch__w_nOV{color:var(--palette-primaryText);background-color:var(--palette-primaryBg);border:3px solid var(--palette-accentBg);padding:1.5rem;border-radius:8px;margin-bottom:1rem;min-height:100px}.styles_heavyDivider__YTyHn{border:1px solid var(--palette-accentBg)}.styles_lightDivider__0JuAy{border:1px solid color-mix(in srgb,var(--palette-accentBg) 25%,var(--palette-primaryBg))}.styles_paletteSwatch__w_nOV h4{margin:0 0 .5rem;font-size:1.1rem}.styles_description__6Z9SN{margin:0 0 1rem;font-size:.9rem}.styles_colorChips__hnFqD{display:flex;gap:1rem;flex-wrap:wrap}.styles_colorChip__YKciB{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:color-mix(in srgb,var(--palette-primaryInteraction) 20%,var(--palette-primaryBg));border-radius:6px;border:2px solid color-mix(in srgb,var(--palette-accentBg) 40%,var(--palette-primaryBg) 60%)}.styles_colorSample__Yg3Wa{width:50px;height:40px;border-radius:4px;border:1px solid #ddd;flex-shrink:0}.styles_colorInfo__ZNo_p{min-width:0}.styles_colorName__iXmhU{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.styles_colorInfo__ZNo_p code{font-size:.8rem;word-break:break-all}.styles_buttonBar__7D4Tb{display:flex;gap:1rem}.styles_button__AkWbP{padding:1rem}.styles_button__AkWbP.styles_primary____FkZ{background-color:var(--palette-accentBg);color:var(--palette-accentText);&:hover{background-color:color-mix(in srgb,var(--palette-accentBg),var(--palette-accentInteraction) 15%)}}.styles_button__AkWbP.styles_secondary__mYQfu{background-color:color-mix(in srgb,var(--palette-accentBg),var(--palette-primaryBg) 50%);color:var(--palette-accentText);&:hover{background-color:color-mix(in srgb,var(--palette-accentBg),var(--palette-accentInteraction) 15%)}}.styles_button__AkWbP.styles_outline__85x68{background-color:rgb(var(--palette-primaryBg) calc(r+20) calc(g+20) calc(b+20)/.5);border:2px solid color-mix(in srgb,var(--palette-accentBg),var(--palette-primaryBg) 50%);border-radius:1rem;color:var(--palette-text);&:hover{background-color:color-mix(in srgb,var(--palette-accentBg),var(--palette-accentInteraction) 15%);color:var(--palette-accentText);border:2px solid var(--palette-accentBg)}}