@layer properties,theme,base;@layer components{.SR93qW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.SR93qW_columns{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.SR93qW_columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.SR93qW_column{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.SR93qW_columnHeader{justify-content:space-between;align-items:center;display:flex}.SR93qW_label{font-weight:var(--font-weight-bold)}.SR93qW_box{height:calc(var(--spacing) * 96);padding:calc(var(--spacing) * 4);border-radius:var(--radius-xl);background-color:var(--color-bg-subtle)}.SR93qW_heading{margin-bottom:calc(var(--spacing) * 2);font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-bold)}.SR93qW_text{margin-bottom:calc(var(--spacing) * 4)}}@layer utilities;
@layer properties,theme,base;@layer components{.OqmRbW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.OqmRbW_picker{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.OqmRbW_swatch{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);border-style:solid;border-width:2px;border-color:var(--color-border-base);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;position:relative;overflow:hidden}.OqmRbW_colorInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.OqmRbW_preview{height:calc(var(--spacing) * 40);padding:calc(var(--spacing) * 8);border-radius:var(--radius-xl);font-size:var(--font-size-xl);line-height:var(--line-height-xl);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.OqmRbW_code{color:var(--color-fg-mute);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}@layer utilities;