/* SHIFT SPECIFIC CARD */
.card.card--shift {

  .card__top {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  /* MODIFIER II: SIZE */
  &.card--small {
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    min-width: unset;

    &.card--selected {
      padding: calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.25rem - 1px) calc(0.5rem - 4px);
    }
  }

  &.card--medium {}

  &.card--large {
    min-width: var(--container-sm);
  }

  /* MODIFIER III: STATE */
  &.card--selected {
    border-left: 4px solid var(--theme-color-darker);
    box-shadow: inset -2px 4px 4px rgba(128, 128, 128, 0.25);
  }
}