[dir=ltr] .spacing {
  margin-right: var(--lib_size_20);
  margin-left: var(--lib_size_20);
}[dir=rtl] .spacing {
  margin-left: var(--lib_size_20);
  margin-right: var(--lib_size_20);
}

.absposition {
  position: absolute;
  top: 0;
}

[dir=ltr] .absposition {
  right: 0;
}

[dir=rtl] .absposition {
  left: 0;
}
/* types  */
.variantcommon {
  width: var(--lib_size_300);
  position: relative;
  margin: var(--lib_size_20);
  padding: var(--lib_size_20);
  box-shadow: 0px 0px 10px transparent;
}
.primary {
  composes: variantcommon;
  border: 1px solid var(--lib_base_card_primary_border);
}
.primary:hover {
  box-shadow: 0px 0px 10px var(--lib_base_card_primary_hover_shadow);
}

.secondary {
  composes: variantcommon;
  border: 1px solid var(--lib_base_card_secondary_border);
}
.secondary:hover {
  box-shadow: 0px 0px 10px var(--lib_base_card_secondary_hover_shadow);
}

.success {
  composes: variantcommon;
  border: 1px solid var(--lib_base_card_success_border);
}
.success:hover {
  box-shadow: 0px 0px 10px var(--lib_base_card_success_hover_shadow);
}

.danger {
  composes: variantcommon;
  border: 1px solid var(--lib_base_card_danger_border);
}
.danger:hover {
  box-shadow: 0px 0px 10px var(--lib_base_card_danger_hover_shadow);
}
.headeractions,
.footeractions {
  visibility: hidden;
}

.base:hover .headeractions,
.base:hover .footeractions {
  visibility: visible;
}
