@layer clickui {/* Kept at zero specificity via :where() so that modifier classes (e.g.
   .container_padding_md) and downstream styled-components overrides on a
   styled(Container) both win without needing a specificity hack — Container is
   a CSS Module, whose rules otherwise beat equal-specificity styled-components. */
:where(.container__JMoiT) {
  /* These props are only emitted as inline custom properties when the
     matching Container prop is set (grow, shrink, fillHeight, minHeight,
     maxHeight, overflow). Custom properties inherit by default, so without
     this reset a nested Container would inherit an ancestor's value — e.g. a
     parent with `fillHeight` would force `height: 100%` onto every descendant
     Container, and a parent with `grow` would make children flex-grow too.
     Resetting the variables on `.container` prevents inheritance; using `initial`
     makes the consuming declarations compute to their initial values when the prop
     is unset (the `var()` fallbacks below are an extra guard). */
  --container-height: initial;
  --container-min-height: initial;
  --container-max-height: initial;
  --container-overflow: initial;
  --container-grow: initial;
  --container-shrink: initial;
  display: var(--container-display, flex);
  width: var(--container-width, 100%);
  min-width: var(--container-min-width, auto);
  max-width: var(--container-max-width, none);
  height: var(--container-height, auto);
  min-height: var(--container-min-height, auto);
  max-height: var(--container-max-height, none);
  padding: var(--container-padding);
  overflow: var(--container-overflow, visible);
  flex: var(--container-grow, 0 1 auto);
  flex-shrink: var(--container-shrink, 1);
  /* stylelint-disable declaration-block-no-redundant-longhand-properties -- flex-direction and flex-wrap are overridden independently by modifier classes, so the flex-flow shorthand can't be used */
  flex-direction: row;
  flex-wrap: nowrap;
  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
  justify-content: start;
  align-items: center;
  gap: var(--container-gap);
}

.container_gap_none__bxc76 {
  --container-gap: var(--click-container-gap-none);
}

.container_gap_xxs__HkKAF {
  --container-gap: var(--click-container-gap-xxs);
}

.container_gap_xs__zrSVC {
  --container-gap: var(--click-container-gap-xs);
}

.container_gap_sm__lVcQZ {
  --container-gap: var(--click-container-gap-sm);
}

.container_gap_md__Vq3bB {
  --container-gap: var(--click-container-gap-md);
}

.container_gap_lg__Zei2b {
  --container-gap: var(--click-container-gap-lg);
}

.container_gap_xl__Tuq6H {
  --container-gap: var(--click-container-gap-xl);
}

.container_gap_xxl__PuJSf {
  --container-gap: var(--click-container-gap-xxl);
}

.container_padding_none__R5RME {
  --container-padding: var(--click-container-space-none);
}

.container_padding_xxs__DLsuv {
  --container-padding: var(--click-container-space-xxs);
}

.container_padding_xs__m6NTF {
  --container-padding: var(--click-container-space-xs);
}

.container_padding_sm__d92oN {
  --container-padding: var(--click-container-space-sm);
}

.container_padding_md__R9Z7f {
  --container-padding: var(--click-container-space-md);
}

.container_padding_lg__MTjzd {
  --container-padding: var(--click-container-space-lg);
}

.container_padding_xl__Q-MuJ {
  --container-padding: var(--click-container-space-xl);
}

.container_padding_xxl__yoxF6 {
  --container-padding: var(--click-container-space-xxl);
}

.container_orientation_horizontal__COuvp {
  flex-direction: row;
}

.container_orientation_vertical__ozeKX {
  flex-direction: column;
}

.container_wrap_nowrap__sQdYT {
  flex-wrap: nowrap;
}

.container_wrap_wrap__m1DNy {
  flex-wrap: wrap;
}

.container_wrap_wrap-reverse__XhrY7 {
  flex-wrap: wrap-reverse;
}

.container_align-items_start__sLi-i {
  align-items: start;
}

.container_align-items_center__tkH9z {
  align-items: center;
}

.container_align-items_end__AGbnX {
  align-items: end;
}

.container_align-items_stretch__UjUJL {
  align-items: stretch;
}

.container_justify-content_start__X4TLa {
  justify-content: start;
}

.container_justify-content_center__7BRVR {
  justify-content: center;
}

.container_justify-content_space-between__7nJKC {
  justify-content: space-between;
}

.container_justify-content_space-around__VeJeX {
  justify-content: space-around;
}

.container_justify-content_space-evenly__0gIEO {
  justify-content: space-evenly;
}

.container_justify-content_end__LWD4b {
  justify-content: end;
}

.container_justify-content_left__MGZLQ {
  justify-content: left;
}

.container_justify-content_right__RT5XP {
  justify-content: right;
}

/* The source emitted invalid values (`max-width: auto`, `flex-direction: auto`)
   in the non-responsive branches; browsers ignore them, so only `width` changes
   below the breakpoint when isResponsive is false. The responsive branch is the
   only one that overrides max-width and flex-direction. */
/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 768px) {
  .container_responsive__gaWH0 {
    width: 100%;
    max-width: none;
    flex-direction: column;
  }

  .container_non-responsive_fill__n-5dw {
    width: 100%;
  }

  .container_non-responsive_hug__TRqoP {
    width: auto;
  }
}
}