@layer clickui {.wrapper__zCfLE {
  display: flex;
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  border: 1px solid var(--click-card-primary-color-stroke-default);
  border-radius: var(--click-card-primary-radii-all);
  background-color: var(--click-card-primary-color-background-default);
  text-align: center;
}

.wrapper_align_start__37pdg {
  text-align: left;
}

.wrapper_align_center__37eoU {
  text-align: center;
}

.wrapper_align_end__xbC8w {
  text-align: right;
}

.wrapper_size_md__tu4Nx {
  padding: var(--click-card-primary-space-md-x) var(--click-card-primary-space-md-y);
  gap: var(--click-card-primary-space-md-gap);
}

.wrapper_size_sm__8H2nS {
  padding: var(--click-card-primary-space-sm-x) var(--click-card-primary-space-sm-y);
  gap: var(--click-card-primary-space-sm-gap);
}

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

.wrapper_selected__eO9y0 {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

.wrapper__zCfLE:hover,
.wrapper__zCfLE:focus {
  background-color: var(--click-card-secondary-color-background-hover);
  cursor: pointer;
}

.wrapper__zCfLE:hover button,
.wrapper__zCfLE:focus button {
  border-color: var(--click-button-basic-color-primary-stroke-hover);
  background-color: var(--click-button-basic-color-primary-background-hover);
}

.wrapper__zCfLE:hover button:active,
.wrapper__zCfLE:focus button:active {
  border-color: var(--click-button-basic-color-primary-stroke-active);
  background-color: var(--click-button-basic-color-primary-background-active);
}

.wrapper__zCfLE:active {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

/* stylelint-disable no-descending-specificity -- disabled state intentionally
   defined after hover/active to mirror the source cascade order;
   pointer-events:none prevents the hover/active rules from applying when disabled. */
.wrapper__zCfLE[aria-disabled='true'],
.wrapper__zCfLE[aria-disabled='true']:hover,
.wrapper__zCfLE[aria-disabled='true']:focus,
.wrapper__zCfLE[aria-disabled='true']:active {
  border: 1px solid var(--click-card-primary-color-stroke-disabled);
  background-color: var(--click-card-primary-color-background-disabled);
  color: var(--click-card-primary-color-title-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper__zCfLE[aria-disabled='true'] button,
.wrapper__zCfLE[aria-disabled='true']:hover button,
.wrapper__zCfLE[aria-disabled='true']:focus button,
.wrapper__zCfLE[aria-disabled='true']:active button,
.wrapper__zCfLE[aria-disabled='true'] button:active,
.wrapper__zCfLE[aria-disabled='true']:hover button:active,
.wrapper__zCfLE[aria-disabled='true']:focus button:active,
.wrapper__zCfLE[aria-disabled='true']:active button:active {
  border-color: var(--click-button-basic-color-primary-stroke-disabled);
  background-color: var(--click-button-basic-color-primary-background-disabled);
}
/* stylelint-enable no-descending-specificity */

.header__8rODG {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header_align_start__M1I-O {
  align-items: flex-start;
}

.header_align_center__BztmN {
  align-items: center;
}

.header_align_end__3XI7U {
  align-items: flex-end;
}

.header_size_md__VoWrw {
  gap: var(--click-card-primary-space-md-gap);
}

.header__8rODG.header_size_md__VoWrw svg,
.header__8rODG.header_size_md__VoWrw img {
  width: var(--click-card-primary-size-icon-md-all);
  height: var(--click-card-primary-size-icon-md-all);
}

.header_size_sm__voZ7g {
  gap: var(--click-card-primary-space-sm-gap);
}

.header__8rODG.header_size_sm__voZ7g svg,
.header__8rODG.header_size_sm__voZ7g img {
  width: var(--click-card-primary-size-icon-sm-all);
  height: var(--click-card-primary-size-icon-sm-all);
}

.header__8rODG.header__8rODG h3 {
  color: var(--click-global-color-text-default);
}

.header__8rODG.header_disabled__SJxQn h3 {
  color: var(--click-global-color-text-muted);
}

.content__zhXwY {
  display: flex;
  width: 100%;
  flex: 1;
  flex-direction: column;
  align-self: center;
}

.content_align_start__T730K {
  align-self: flex-start;
}

.content_align_center__zIpiO {
  align-self: center;
}

.content_align_end__L62bf {
  align-self: flex-end;
}

.content_size_md__MrRdD {
  gap: var(--click-card-primary-space-md-gap);
}

.content_size_sm__fy4p3 {
  gap: var(--click-card-primary-space-sm-gap);
}

.topbadgewrapper__uA9pl {
  position: relative;
}

.topbadge__E79OZ {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.topbadge_selected__zrz5r {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}

div:active + .topbadge__E79OZ {
  border-color: var(--click-button-basic-color-primary-stroke-active);
}
}