@layer clickui {.header__Cn2aH {
  max-width: 100%;
  gap: inherit;
}

.description__4EWfD {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  align-self: start;
  gap: var(--click-card-horizontal-space-md-gap);
}

.cardicon__VX2fX {
  width: var(--click-card-horizontal-icon-size-all);
  height: var(--click-card-horizontal-icon-size-all);
}

.contentwrapper__u9SOr {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.contentwrapper_size_md__lNQPZ {
  gap: var(--click-card-horizontal-space-md-gap);
}

.contentwrapper_size_sm__GDVYr {
  gap: var(--click-card-horizontal-space-sm-gap);
}

/* stylelint-disable-next-line media-feature-range-notation -- prefix notation
   required for browser compatibility per .browserslistrc */
@media (max-width: 768px) {
  .contentwrapper__u9SOr {
    flex-direction: column;
  }
}

.icontextcontentwrapper__D6gbe {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}

.icontextcontentwrapper_alignment_top__rsOIa {
  align-items: flex-start;
}

.icontextcontentwrapper_alignment_center__GiQqi {
  align-items: center;
}

.icontextcontentwrapper_size_md__vl0h- {
  gap: var(--click-card-horizontal-space-md-gap);
}

.icontextcontentwrapper_size_sm__VNsIL {
  gap: var(--click-card-horizontal-space-sm-gap);
}

.wrapper__gPLR5 {
  display: inline-flex;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  align-items: center;
  align-self: auto;
  border: 1px solid var(--card-stroke-default);
  border-radius: var(--click-card-horizontal-radii-all);
  background: var(--card-bg-default);
  color: var(--card-title-default);
  font: var(--click-card-horizontal-typography-title-default);
}

.wrapper_color_default__cSCG8 {
  --card-bg-default: var(--click-card-horizontal-default-color-background-default);
  --card-bg-hover: var(--click-card-horizontal-default-color-background-hover);
  --card-bg-active: var(--click-card-horizontal-default-color-background-active);
  --card-bg-disabled: var(--click-card-horizontal-default-color-background-disabled);
  --card-title-default: var(--click-card-horizontal-default-color-title-default);
  --card-title-hover: var(--click-card-horizontal-default-color-title-hover);
  --card-title-active: var(--click-card-horizontal-default-color-title-active);
  --card-title-disabled: var(--click-card-horizontal-default-color-title-disabled);
  --card-stroke-default: var(--click-card-horizontal-default-color-stroke-default);
  --card-stroke-hover: var(--click-card-horizontal-default-color-stroke-hover);
  --card-stroke-active: var(--click-card-horizontal-default-color-stroke-active);
  --card-stroke-disabled: var(--click-card-horizontal-default-color-stroke-disabled);
  --card-desc-default: var(--click-card-horizontal-default-color-description-default);
  --card-desc-hover: var(--click-card-horizontal-default-color-description-hover);
  --card-desc-active: var(--click-card-horizontal-default-color-description-active);
  --card-desc-disabled: var(--click-card-horizontal-default-color-description-disabled);
}

.wrapper_color_muted__DFlsG {
  --card-bg-default: var(--click-card-horizontal-muted-color-background-default);
  --card-bg-hover: var(--click-card-horizontal-muted-color-background-hover);
  --card-bg-active: var(--click-card-horizontal-muted-color-background-active);
  --card-bg-disabled: var(--click-card-horizontal-muted-color-background-disabled);
  --card-title-default: var(--click-card-horizontal-muted-color-title-default);
  --card-title-hover: var(--click-card-horizontal-muted-color-title-hover);
  --card-title-active: var(--click-card-horizontal-muted-color-title-active);
  --card-title-disabled: var(--click-card-horizontal-muted-color-title-disabled);
  --card-stroke-default: var(--click-card-horizontal-muted-color-stroke-default);
  --card-stroke-hover: var(--click-card-horizontal-muted-color-stroke-hover);
  --card-stroke-active: var(--click-card-horizontal-muted-color-stroke-active);
  --card-stroke-disabled: var(--click-card-horizontal-muted-color-stroke-disabled);
  --card-desc-default: var(--click-card-horizontal-muted-color-description-default);
  --card-desc-hover: var(--click-card-horizontal-muted-color-description-hover);
  --card-desc-active: var(--click-card-horizontal-muted-color-description-active);
  --card-desc-disabled: var(--click-card-horizontal-muted-color-description-disabled);
}

.wrapper_alignment_top__QcYt3 {
  align-items: flex-start;
  align-self: stretch;
}

.wrapper_alignment_center__X8Sjf {
  align-items: center;
  align-self: auto;
}

.wrapper_size_md__cIFpL {
  padding: var(--click-card-horizontal-space-md-y) var(--click-card-horizontal-space-md-x);
}

.wrapper_size_sm__alRqs {
  padding: var(--click-card-horizontal-space-sm-y) var(--click-card-horizontal-space-sm-x);
}

.wrapper__gPLR5 .description__4EWfD {
  color: var(--card-desc-default);
  font: var(--click-card-horizontal-typography-description-default);
}

.wrapper__gPLR5.wrapper_selectable__shWc3 {
  border-color: var(--card-stroke-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3.wrapper_selected__FUouc {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5:hover {
  font: var(--click-card-horizontal-typography-title-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:hover {
  border-color: var(--card-stroke-default);
  background-color: var(--card-bg-hover);
  color: var(--card-title-hover);
  cursor: pointer;
}

.wrapper__gPLR5.wrapper_selectable__shWc3.wrapper_selected__FUouc:hover {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:hover .description__4EWfD {
  color: var(--card-desc-hover);
  font: var(--click-card-horizontal-typography-description-hover);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:active,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus-within {
  border-color: var(--card-stroke-active);
  background-color: var(--card-bg-active);
  color: var(--card-title-active);
}

.wrapper__gPLR5.wrapper_selectable__shWc3:active .description__4EWfD,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus .description__4EWfD,
.wrapper__gPLR5.wrapper_selectable__shWc3:focus-within .description__4EWfD {
  color: var(--card-desc-active);
  font: var(--click-card-horizontal-typography-description-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/active to mirror the source cascade order;
   pointer-events:none plus tabIndex=-1 prevent hover/focus/active from firing. */
.wrapper__gPLR5.wrapper_disabled__QRVx8,
.wrapper__gPLR5.wrapper_disabled__QRVx8:hover,
.wrapper__gPLR5.wrapper_disabled__QRVx8:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus-within {
  border: 1px solid var(--card-stroke-disabled);
  background-color: var(--card-bg-disabled);
  color: var(--card-title-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:hover,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8.wrapper_selected__FUouc:focus-within {
  border-color: var(--card-stroke-active);
}

.wrapper__gPLR5.wrapper_disabled__QRVx8 .description__4EWfD {
  color: var(--card-desc-disabled);
  font: var(--click-card-horizontal-typography-description-disabled);
}

.wrapper__gPLR5.wrapper_disabled__QRVx8:active,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus,
.wrapper__gPLR5.wrapper_disabled__QRVx8:focus-within {
  border: 1px solid var(--card-stroke-active);
}
/* stylelint-enable no-descending-specificity */
}