/* ------ buttons ----- */
/* ------ typography ----- */
@keyframes hide-feedback {
  0% {
    opacity: 1;
    visibility: inherit;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes show-feedback {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: inherit;
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
.cds--data-table.cds--skeleton th {
  padding-left: 1rem;
  vertical-align: middle;
}
.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 4rem;
  height: 1rem;
}
.cds--data-table.cds--skeleton th span:hover, .cds--data-table.cds--skeleton th span:focus, .cds--data-table.cds--skeleton th span:active,
.cds--data-table.cds--skeleton td span:hover,
.cds--data-table.cds--skeleton td span:focus,
.cds--data-table.cds--skeleton td span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table.cds--skeleton th span::before,
.cds--data-table.cds--skeleton td span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table.cds--skeleton th span::before,
  .cds--data-table.cds--skeleton td span::before {
    animation: none;
  }
}
.cds--data-table.cds--skeleton tr:hover td {
  border-color: var(--cds-border-subtle);
  background: transparent;
}
.cds--data-table.cds--skeleton tr:hover td:first-of-type,
.cds--data-table.cds--skeleton tr:hover td:last-of-type {
  border-color: var(--cds-border-subtle);
}
.cds--data-table.cds--skeleton .cds--table-sort {
  pointer-events: none;
}
.cds--data-table.cds--skeleton th span {
  background: var(--cds-skeleton-element, #c6c6c6);
}
.cds--data-table.cds--skeleton th span::before {
  background: var(--cds-skeleton-background, #e8e8e8);
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 7.5rem;
  height: 1.5rem;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
    animation: none;
  }
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 10rem;
  height: 1rem;
  margin-top: 0.5rem;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
    animation: none;
  }
}
.cds--icon--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--icon--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--icon--skeleton::before {
    animation: none;
  }
}
.cds--skeleton__placeholder {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 6.25rem;
}
.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__placeholder::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__placeholder::before {
    animation: none;
  }
}
.cds--skeleton__text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
  height: 1rem;
  margin-bottom: 0.5rem;
}
.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__text::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__text::before {
    animation: none;
  }
}
.cds--skeleton__heading {
  height: 1.5rem;
}
.cds--data-table.cds--skeleton th {
  padding-left: 1rem;
  vertical-align: middle;
}
.cds--data-table.cds--skeleton th span,
.cds--data-table.cds--skeleton td span {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: block;
  width: 4rem;
  height: 1rem;
}
.cds--data-table.cds--skeleton th span:hover, .cds--data-table.cds--skeleton th span:focus, .cds--data-table.cds--skeleton th span:active,
.cds--data-table.cds--skeleton td span:hover,
.cds--data-table.cds--skeleton td span:focus,
.cds--data-table.cds--skeleton td span:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table.cds--skeleton th span::before,
.cds--data-table.cds--skeleton td span::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table.cds--skeleton th span::before,
  .cds--data-table.cds--skeleton td span::before {
    animation: none;
  }
}
.cds--data-table.cds--skeleton tr:hover td {
  border-color: var(--cds-border-subtle);
  background: transparent;
}
.cds--data-table.cds--skeleton tr:hover td:first-of-type,
.cds--data-table.cds--skeleton tr:hover td:last-of-type {
  border-color: var(--cds-border-subtle);
}
.cds--data-table.cds--skeleton .cds--table-sort {
  pointer-events: none;
}
.cds--data-table.cds--skeleton th span {
  background: var(--cds-skeleton-element, #c6c6c6);
}
.cds--data-table.cds--skeleton th span::before {
  background: var(--cds-skeleton-background, #e8e8e8);
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 7.5rem;
  height: 1.5rem;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__title:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__title::before {
    animation: none;
  }
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 10rem;
  height: 1rem;
  margin-top: 0.5rem;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description:hover, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:focus, .cds--data-table-container.cds--skeleton .cds--data-table-header__description:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--data-table-container.cds--skeleton .cds--data-table-header__description::before {
    animation: none;
  }
}
.cds--icon--skeleton {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}
.cds--icon--skeleton:hover, .cds--icon--skeleton:focus, .cds--icon--skeleton:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--icon--skeleton::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--icon--skeleton::before {
    animation: none;
  }
}
.cds--skeleton__placeholder {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 6.25rem;
  height: 6.25rem;
}
.cds--skeleton__placeholder:hover, .cds--skeleton__placeholder:focus, .cds--skeleton__placeholder:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__placeholder::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__placeholder::before {
    animation: none;
  }
}
.cds--skeleton__text {
  position: relative;
  padding: 0;
  border: none;
  background: var(--cds-skeleton-background, #e8e8e8);
  box-shadow: none;
  pointer-events: none;
  width: 100%;
  height: 1rem;
  margin-bottom: 0.5rem;
}
.cds--skeleton__text:hover, .cds--skeleton__text:focus, .cds--skeleton__text:active {
  border: none;
  cursor: default;
  outline: none;
}
.cds--skeleton__text::before {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: 3000ms ease-in-out skeleton infinite;
  background: var(--cds-skeleton-element, #c6c6c6);
  content: "";
  will-change: transform-origin, transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
  .cds--skeleton__text::before {
    animation: none;
  }
}
.cds--skeleton__heading {
  height: 1.5rem;
}