@layer vendors {
  .turbo-progress-bar {
    background-color: var(--clr-brand-500) !important;
  }

  .toastify {
    position: fixed;
    z-index: 999;
    display: inline-block;
    max-inline-size: calc(50% - 1.25rem);
    padding: 0.75rem 1.25rem;
    color: #fff;
    background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    box-shadow:
        0 0.1875rem 0.375rem -0.0625rem rgba(0, 0, 0, .12),
        0 0.625rem 30.375rem -4px rgba(77, 96, 232, .3);
    border-radius: 0.5rem;
    opacity: 0;
    cursor: pointer;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);

    .toastify.on {
      opacity: 1
    }

    .toast-close {
      padding: 0 0.3125rem;
      background: 0 0;
      border: 0;
      color: #fff;
      cursor: pointer;
      font-family: inherit;
      font-size: 1rem;
      opacity: .4;
    }

    .toastify-right {
      right: 0.9375rem;
    }

    .toastify-left {
      inset-inline-start: 0.9375rem;
    }

    .toastify-top {
      top: -9.375rem;
    }

    .toastify-bottom {
      bottom: -9.375rem;
    }

    .toastify-error {
      background: #ff0000;
    }

    .toastify-rounded {
      border-radius: 1.5625rem;
    }

    .toastify-avatar {
      inline-size: 1.5rem;
      block-size: 1.5rem;
      margin: -0.4375rem 0.3125rem;
      border-radius: 0.125rem;
    }

    .toastify-center {
      inset-inline: 0;
      max-inline-size: fit-content;
      margin-inline: auto;
    }

    @media only screen and (max-width: 22.5rem) {
      .toastify-left,
      .toastify-right {
        inset-inline: 0;
        max-inline-size: fit-content;
        margin-inline: auto;
      }
    }
  }

  .ts-wrapper.single .ts-control {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .ts-wrapper.single .ts-control:not(.rtl)::after {
    right: 0.375rem !important;
  }

  .ts-dropdown {
    margin: 0.5rem -0.5rem 0 !important;
    width: auto !important;
    border: none !important;
    padding: 0.5rem !important;
  }
}