.cart-drawer__dialog {
  /* Header */
  .cart-drawer__heading {
    .cart-bubble__background {
      height: var(--margin-2xl);
      min-width: var(--margin-2xl);
      border-radius: var(--style-border-radius-inputs);
      background: rgba(from var(--color-border) r g b / 40%);
    }
  }

  .cart-drawer__close-button {
    .svg-wrapper,
    .svg-wrapper svg {
      width: var(--icon-size-lg);
      height: var(--icon-size-lg);
    }

    &:hover,
    &:focus-visible {
      background-color: var(--color-secondary-button-hover-background);
    }
  }

  /* Content */
  .cart-drawer__items {
    overflow: auto;
    padding-block-end: var(--padding-lg);
  }

  /* Line item */
  .cart-items__remove {
    background-color: var(--button-background-color);
    color: var(--button-color);
  }

  .cart-items__title {
    font-weight: var(--font-weight--bold);
  }

  .cart-items__details .money {
    color: var(--color-caption);
    font-weight: var(--font-weight--medium);
  }

  .cart-items__price {
    .money {
      font-weight: var(--font-weight--bold);
    }
  }

  text-component {
    transition: opacity 0.25s ease-in-out;
  }

  text-component[shimmer] {
    color: var(--color-foreground);
    opacity: 0.5;

    &::after {
      display: none;
    }
  }

  /* Cart totals */
  .cart__total-label {
    color: var(--color-caption);
    font-weight: var(--font-weight--semibold);
  }

  .cart__total-value {
    font-weight: var(--font-weight--medium);
    font-size: var(--cart-font-size--xl);
  }

  .cart__ctas .cart__checkout-button {
    justify-content: space-between;
  }
}