@layer properties,theme,base;@layer components{.tx-NpW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.tx-NpW_controls{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:48rem){.tx-NpW_controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.tx-NpW_preview{align-items:center;gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.tx-NpW_plane{width:100%;max-width:calc(var(--spacing) * 80);aspect-ratio:1;border-radius:var(--radius-lg);background-color:var(--color-bg-subtle);position:relative;overflow:hidden}.tx-NpW_axisY{background-color:var(--color-fg-subtle);width:1px;height:100%;position:absolute;top:0;left:50%}.tx-NpW_axisX{background-color:var(--color-fg-subtle);width:100%;height:1px;position:absolute;top:50%;left:0}.tx-NpW_point{z-index:var(--z-index-raised);width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);border-radius:var(--radius-full);transition:all var(--duration-slow) var(--easing-out);position:absolute}.tx-NpW_readout{top:calc(var(--spacing) * 2);left:calc(var(--spacing) * 2);color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);position:absolute}.tx-NpW_notes{align-items:flex-start;gap:calc(var(--spacing) * 2);color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex-direction:column;display:flex}@media (min-width:48rem){.tx-NpW_notes{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}}@layer utilities;
@layer properties,theme,base;@layer components{._8RDgaW_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}._8RDgaW_samples{gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}._8RDgaW_sample{gap:var(--spacing);flex-direction:column;display:flex}._8RDgaW_swatch{border-radius:var(--radius-md);overflow:hidden}._8RDgaW_bar{height:calc(var(--spacing) * 12)}._8RDgaW_note{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}@layer utilities;
@layer properties,theme,base;@layer components{.iQVGOq_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.iQVGOq_samples{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.iQVGOq_badge{padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);border-radius:var(--radius-full);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}.iQVGOq_input{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);border-radius:var(--radius-md);color:var(--color-fg-base);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.iQVGOq_note{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}}@layer utilities;
@layer properties,theme,base;@layer components{.vZ3yYq_root{gap:calc(var(--spacing) * 6);flex-direction:column;display:flex}.vZ3yYq_controls{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.vZ3yYq_target{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);border-radius:var(--radius-lg);background-color:var(--color-primary-bg)}.vZ3yYq_section{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.vZ3yYq_heading{color:var(--color-fg-base);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}.vZ3yYq_note{color:var(--color-fg-mute);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.vZ3yYq_entries{gap:var(--spacing);flex-direction:column;display:flex}.vZ3yYq_entry{column-gap:calc(var(--spacing) * 3);color:var(--color-fg-mute);font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:var(--line-height-xs);flex-wrap:wrap;display:flex}.vZ3yYq_entryType{color:var(--color-fg-base);font-weight:var(--font-weight-bold)}.vZ3yYq_value{color:var(--color-fg-base)}.vZ3yYq_code{color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs);margin-block:0;overflow-x:auto}}@layer utilities;