@layer clickui {.panel__4VWNp {
  --panel-width: initial;
  --panel-height: initial;

  display: flex;
  width: var(--panel-width, auto);
  height: var(--panel-height, auto);
}

.panel_cursor__YcG6H {
  cursor: var(--panel-cursor);
}

.panel_orientation_horizontal__nB0T- {
  flex-flow: row wrap;
}

.panel_orientation_vertical__7EE-3 {
  flex-flow: column;
}

.panel_align-items_start__Xr8t8 {
  align-items: flex-start;
}

.panel_align-items_center__5LLFt {
  align-items: center;
}

.panel_align-items_end__qi2wL {
  align-items: flex-end;
}

.panel_color_default__pIwqp {
  background-color: var(--click-panel-color-background-default);
}

.panel_color_muted__fVquA {
  background-color: var(--click-panel-color-background-muted);
}

.panel_color_transparent__fIvMl {
  background-color: var(--click-panel-color-background-transparent);
}

.panel_radii_none__JyEKv {
  border-radius: var(--click-panel-radii-none);
}

.panel_radii_sm__b7A6v {
  border-radius: var(--click-panel-radii-sm);
}

.panel_radii_md__5Pzsu {
  border-radius: var(--click-panel-radii-md);
}

.panel_radii_lg__q1FPq {
  border-radius: var(--click-panel-radii-lg);
}

.panel_padding_none__OGHd- {
  padding: var(--click-panel-space-y-none);
}

.panel_padding_xs__U6RZS {
  padding: var(--click-panel-space-y-xs);
}

.panel_padding_sm__rKoLB {
  padding: var(--click-panel-space-y-sm);
}

.panel_padding_md__9PCRi {
  padding: var(--click-panel-space-y-md);
}

.panel_padding_lg__aKwpW {
  padding: var(--click-panel-space-y-lg);
}

.panel_padding_xl__Q1IVo {
  padding: var(--click-panel-space-y-xl);
}

.panel_border__dGg-4 {
  border: 1px solid var(--click-global-color-stroke-default);
}

.panel_shadow__8WSfn {
  box-shadow: var(--shadow-1);
}

.panel_gap_none__-LwaY {
  gap: var(--click-panel-space-gap-none);
}

.panel_gap_xs__sbYm7 {
  gap: var(--click-panel-space-gap-xs);
}

.panel_gap_sm__8NpJA {
  gap: var(--click-panel-space-gap-sm);
}

.panel_gap_md__RM459 {
  gap: var(--click-panel-space-gap-md);
}

.panel_gap_lg__MNfVH {
  gap: var(--click-panel-space-gap-lg);
}

.panel_gap_xl__Te3bQ {
  gap: var(--click-panel-space-gap-xl);
}
}