.Card_cardBase_4ec5b {
  --transition-duration: 0.25s;
  --transition-delay: 0.05s;
  --outside-padding: var(--spacing-lg);
  color: var(--theme-surface-on);
  display: flex;
  flex-direction: column;
  max-width: fit-content;
  position: relative;
}
.Card_cardBase_4ec5b .Card_action_4ec5b {
  background-color: inherit;
  opacity: 0;
  padding-bottom: var(--spacing-xs-2);
  padding-left: var(--spacing-xs-2);
  position: absolute;
  right: var(--outside-padding);
  top: var(--outside-padding);
  transition: all var(--transition-duration);
  transition-delay: var(--transition-delay);
}
.Card_cardBase_4ec5b .Card_content_4ec5b {
  flex-grow: 1;
}
.Card_cardBase_4ec5b .Card_content_4ec5b > * {
  flex-grow: 1;
}
.Card_cardBase_4ec5b.Card_clickable_4ec5b {
  cursor: pointer;
}
.Card_cardBase_4ec5b:hover, .Card_cardBase_4ec5b:focus-within {
  color: var(--theme-surface-on);
}
.Card_cardBase_4ec5b:hover .Card_action_4ec5b, .Card_cardBase_4ec5b:focus-within .Card_action_4ec5b {
  opacity: 1;
}
.Card_cardBase_4ec5b:focus-visible {
  outline: var(--theme-stroke-width-strong) solid var(--theme-ix-border-active);
}
.Card_cardBase_4ec5b.Card_smallCard_4ec5b {
  --outside-padding: var(--spacing-md);
  min-height: 64px;
  min-width: 143px;
}
.Card_cardBase_4ec5b.Card_mediumCard_4ec5b {
  --outside-padding: var(--spacing-lg);
  min-height: 110px;
  min-width: 302px;
}

.Card_groupBase_4ec5b .Card_cardBase_4ec5b {
  max-width: 100%;
}