/* Color palette */
/* Typography */
/* Design tokens */
/* Breakpoints */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  block-size: 100%;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #484b98 #e7e7ea;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: "Nunito", Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  background-color: #f0f1f1;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-block-size: 100%;
}
body.is-modal-open {
  overflow: hidden;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

ul {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

img {
  max-inline-size: 100%;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

*::-webkit-scrollbar {
  inline-size: 0.63rem;
  block-size: 0.63rem;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment,
*::-webkit-scrollbar-button:single-button {
  display: none;
  inline-size: 0;
  block-size: 0;
}

*::-webkit-scrollbar-track {
  margin-block: 0.38rem;
  margin-inline: 0;
  background: #e7e7ea;
  border-radius: 62.44rem;
}

*::-webkit-scrollbar-thumb {
  background-color: #484b98;
  background-clip: padding-box;
  border: 0.13rem solid transparent;
  border-radius: 62.44rem;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #383b83;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

.container {
  inline-size: 100%;
  max-inline-size: 74.25rem;
  block-size: 100%;
  margin-block: 0;
  margin-inline: auto;
  padding-block: 0;
  padding-inline: 1.5rem;
}

.visually-hidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.reset-button {
  inline-size: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  text-align: inherit;
  background: transparent;
  border: none;
}
.reset-button:focus {
  outline: none;
}
.reset-button:focus-visible {
  outline: 0.13rem solid #e8c5ed;
  outline-offset: 0.13rem;
}

.cards {
  inline-size: 100%;
}
.cards__toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-padding-before: 1.75rem;
          padding-block-start: 1.75rem;
  -webkit-padding-after: 0;
          padding-block-end: 0;
  padding-inline: 1.5rem;
}
.cards__status {
  margin: 0;
  padding-block: 0.5rem;
  padding-inline: 1rem;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 0.78;
  color: #6e6e6e;
  background-color: #ffffff;
  border-radius: 62.44rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
  -webkit-animation: cards-status-in 320ms ease;
          animation: cards-status-in 320ms ease;
}
.cards__board {
  -webkit-padding-before: 1.5rem;
          padding-block-start: 1.5rem;
  -webkit-padding-after: 7.5rem;
          padding-block-end: 7.5rem;
  -webkit-columns: 4 16.44rem;
     -moz-columns: 4 16.44rem;
          columns: 4 16.44rem;
  -webkit-column-gap: 1.88rem;
     -moz-column-gap: 1.88rem;
          column-gap: 1.88rem;
}
@media (max-width: 47rem) {
  .cards__board {
    -webkit-padding-after: 4rem;
            padding-block-end: 4rem;
  }
}
.cards__add-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 100%;
  block-size: 10.94rem;
  margin-block: 0 1.88rem;
  margin-inline: 0;
  color: #c8c9d9;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.55);
  border: 0.13rem dashed #e0e1e5;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  -webkit-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
@media (max-width: 35rem) {
  .cards__add-button {
    block-size: 3.75rem;
  }
}
.cards__add-button:hover, .cards__add-button:focus-visible {
  color: #e8c5ed;
  background-color: #ffffff;
  border-color: #e8c5ed;
  -webkit-box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
          box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
}
.cards__add-button:hover .cards__tooltip, .cards__add-button:focus-visible .cards__tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.cards__tooltip {
  position: absolute;
  inset-block-start: -2.63rem;
  inset-inline-start: 50%;
  z-index: 2;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
  font-size: 0.81rem;
  font-weight: 600;
  line-height: 1.2;
  color: #ffffff;
  white-space: nowrap;
  pointer-events: none;
  visibility: hidden;
  background-color: #484b98;
  border-radius: 62.44rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
  opacity: 0;
  -webkit-transform: translate(-50%, 0.38rem);
      -ms-transform: translate(-50%, 0.38rem);
          transform: translate(-50%, 0.38rem);
  -webkit-transition: opacity 220ms ease, visibility 220ms ease, -webkit-transform 220ms ease;
  transition: opacity 220ms ease, visibility 220ms ease, -webkit-transform 220ms ease;
  -o-transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
  transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease;
  transition: opacity 220ms ease, transform 220ms ease, visibility 220ms ease, -webkit-transform 220ms ease;
}
.cards__tooltip::after {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 50%;
  -webkit-margin-start: -0.31rem;
          margin-inline-start: -0.31rem;
  border: 0.31rem solid transparent;
  border-block-start-color: #484b98;
}

.card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-block: 0 1.88rem;
  margin-inline: 0;
  overflow: hidden;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
          box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -webkit-transition: -webkit-box-shadow 280ms ease;
  transition: -webkit-box-shadow 280ms ease;
  -o-transition: box-shadow 280ms ease;
  transition: box-shadow 280ms ease;
  transition: box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
  -webkit-animation: card-in 360ms ease both;
          animation: card-in 360ms ease both;
}
.card__item:hover {
  -webkit-box-shadow: 0 0.88rem 2rem rgba(56, 59, 131, 0.16);
          box-shadow: 0 0.88rem 2rem rgba(56, 59, 131, 0.16);
}
.card__item--small {
  min-block-size: 10.94rem;
}
.card__item--large {
  min-block-size: 21.88rem;
}
.card__item--white {
  background-color: #ffffff;
}
.card__item--pink {
  background-color: #fdf1ff;
}
.card__item--completed {
  opacity: 0.72;
}
.card__item--completed .card__title {
  text-decoration: line-through;
}
.card__period {
  margin: 0;
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
  -webkit-padding-after: 0;
          padding-block-end: 0;
  padding-inline: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 0.83;
  color: #6e6e6e;
  letter-spacing: 0.02em;
}
.card__image {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 420ms ease;
  transition: -webkit-transform 420ms ease;
  -o-transition: transform 420ms ease;
  transition: transform 420ms ease;
  transition: transform 420ms ease, -webkit-transform 420ms ease;
}
.card__item:hover .card__image {
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.card__image--small {
  block-size: 10.88rem;
}
.card__image--large {
  block-size: 15.94rem;
}
.card__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding: 1.25rem;
}
.card__title {
  margin-block: 0 0.75rem;
  margin-inline: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 0.83;
  color: #6e6e6e;
}
.card__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.75rem;
}
.card__date, .card__time {
  font-size: 1rem;
  font-weight: 600;
  line-height: 0.84;
  color: #484b98;
}
.card__date {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.card__time {
  text-transform: lowercase;
}
.card__link {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
  overflow-wrap: anywhere;
  font-size: 1rem;
  line-height: 0.67;
  color: #6e6e6e;
  -webkit-transition: color 280ms ease;
  -o-transition: color 280ms ease;
  transition: color 280ms ease;
}
.card__link:hover, .card__link:focus-visible {
  color: #484b98;
}
.card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.63rem;
  -webkit-margin-before: 0.88rem;
          margin-block-start: 0.88rem;
}
.card__meta {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75;
  color: #c8c9d9;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}
.card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.card__button {
  padding-block: 0.38rem;
  padding-inline: 0.75rem;
  font-size: 0.81rem;
  font-weight: 600;
  line-height: 0.81;
  color: #484b98;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
  -webkit-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.card__button:hover, .card__button:focus-visible {
  color: #ffffff;
  background-color: #484b98;
  border-color: #484b98;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}

.plan-dialog {
  inline-size: min(100% - 2rem, 28.75rem);
  max-block-size: min(90vh, 45rem);
  padding: 0;
  overflow: hidden;
  font-family: "Nunito", Arial, sans-serif;
  background-color: #ffffff;
  border: none;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
          box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
  opacity: 0;
  -webkit-transform: translateY(0.63rem) scale(0.98);
      -ms-transform: translateY(0.63rem) scale(0.98);
          transform: translateY(0.63rem) scale(0.98);
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
  -o-transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
}
.plan-dialog[open] {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@starting-style {
  .plan-dialog[open] {
    opacity: 0;
    -webkit-transform: translateY(0.63rem) scale(0.98);
        -ms-transform: translateY(0.63rem) scale(0.98);
            transform: translateY(0.63rem) scale(0.98);
  }
}
.plan-dialog::-webkit-backdrop {
  background-color: rgba(56, 59, 131, 0.35);
  opacity: 0;
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
}
.plan-dialog::backdrop {
  background-color: rgba(56, 59, 131, 0.35);
  opacity: 0;
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  -o-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
}
.plan-dialog[open]::-webkit-backdrop {
  opacity: 1;
}
.plan-dialog[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .plan-dialog[open]::-webkit-backdrop {
    opacity: 0;
  }
  .plan-dialog[open]::backdrop {
    opacity: 0;
  }
}
.plan-dialog__form {
  display: grid;
  gap: 1rem;
  max-block-size: min(90vh, 45rem);
  padding: 1.5rem;
  overflow-inline: hidden;
  overflow-block: auto;
  scrollbar-width: thin;
  scrollbar-color: #484b98 #f0f1f1;
}
.plan-dialog__form::-webkit-scrollbar {
  inline-size: 0.63rem;
}
.plan-dialog__form::-webkit-scrollbar-button, .plan-dialog__form::-webkit-scrollbar-button:start:decrement, .plan-dialog__form::-webkit-scrollbar-button:end:increment, .plan-dialog__form::-webkit-scrollbar-button:single-button {
  display: none;
  inline-size: 0;
  block-size: 0;
}
.plan-dialog__form::-webkit-scrollbar-track {
  margin-block: 0.88rem;
  margin-inline: 0.25rem;
  background: #f0f1f1;
  border-radius: 62.44rem;
}
.plan-dialog__form::-webkit-scrollbar-thumb {
  background-color: #484b98;
  background-clip: padding-box;
  border: 0.13rem solid transparent;
  border-radius: 62.44rem;
}
.plan-dialog__form::-webkit-scrollbar-thumb:hover {
  background-color: #383b83;
}
.plan-dialog__header, .plan-dialog__actions, .plan-dialog__priority {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plan-dialog__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.plan-dialog__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6e6e6e;
}
.plan-dialog__close {
  font-size: 1.75rem;
  color: #6e6e6e;
  cursor: pointer;
  -webkit-transition: color 280ms ease;
  -o-transition: color 280ms ease;
  transition: color 280ms ease;
}
.plan-dialog__close:hover, .plan-dialog__close:focus-visible {
  color: #484b98;
}
.plan-dialog__field {
  display: grid;
  gap: 0.38rem;
  color: #6e6e6e;
}
.plan-dialog__input {
  inline-size: 100%;
  min-block-size: 2.63rem;
  padding-block: 0.5rem;
  padding-inline: 0.88rem;
  font: inherit;
  color: #6e6e6e;
  background-color: #f0f1f1;
  border: 1px solid #e7e7ea;
  border-radius: 0.75rem;
  -webkit-transition: border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: border-color 280ms ease, box-shadow 280ms ease;
  transition: border-color 280ms ease, box-shadow 280ms ease;
  transition: border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.plan-dialog__input:focus {
  border-color: #e8c5ed;
  outline: none;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
.plan-dialog__priority {
  gap: 1.13rem;
  margin: 0;
  padding: 0;
  border: none;
}
.plan-dialog__priority legend {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.plan-dialog__error {
  min-block-size: 1.13rem;
  font-size: 0.88rem;
  color: #484b98;
}
.plan-dialog__actions {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 0.75rem;
}
.plan-dialog__button {
  padding-block: 0.63rem;
  padding-inline: 1.13rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  background-color: #484b98;
  border-radius: 62.44rem;
  -webkit-transition: color 280ms ease, background-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.plan-dialog__button:hover, .plan-dialog__button:focus-visible {
  background-color: #434791;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
.plan-dialog__button--secondary {
  color: #6e6e6e;
  background-color: #e7e7ea;
}
.plan-dialog__button--secondary:hover, .plan-dialog__button--secondary:focus-visible {
  background-color: #c8c9d9;
}

.deleted-dialog {
  inline-size: min(100% - 2rem, 47.5rem);
  max-block-size: min(90vh, 32.5rem);
  padding: 0;
  overflow: hidden;
  font-family: "Nunito", Arial, sans-serif;
  background-color: #ffffff;
  border: none;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
          box-shadow: 0 0.63rem 1.75rem rgba(56, 59, 131, 0.12);
  opacity: 0;
  -webkit-transform: translateY(0.63rem) scale(0.98);
      -ms-transform: translateY(0.63rem) scale(0.98);
          transform: translateY(0.63rem) scale(0.98);
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
  -o-transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, transform 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete, -webkit-transform 240ms ease;
}
.deleted-dialog[open] {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@starting-style {
  .deleted-dialog[open] {
    opacity: 0;
    -webkit-transform: translateY(0.63rem) scale(0.98);
        -ms-transform: translateY(0.63rem) scale(0.98);
            transform: translateY(0.63rem) scale(0.98);
  }
}
.deleted-dialog::-webkit-backdrop {
  background-color: rgba(56, 59, 131, 0.35);
  opacity: 0;
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
}
.deleted-dialog::backdrop {
  background-color: rgba(56, 59, 131, 0.35);
  opacity: 0;
  -webkit-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  -o-transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
  transition: opacity 240ms ease, overlay 240ms allow-discrete, display 240ms allow-discrete;
}
.deleted-dialog[open]::-webkit-backdrop {
  opacity: 1;
}
.deleted-dialog[open]::backdrop {
  opacity: 1;
}
@starting-style {
  .deleted-dialog[open]::-webkit-backdrop {
    opacity: 0;
  }
  .deleted-dialog[open]::backdrop {
    opacity: 0;
  }
}
.deleted-dialog__panel {
  display: grid;
  gap: 1rem;
  max-block-size: min(90vh, 32.5rem);
  padding: 1.5rem;
}
.deleted-dialog__header, .deleted-dialog__toolbar, .deleted-dialog__controls, .deleted-dialog__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deleted-dialog__header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.deleted-dialog__heading {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.25rem;
  min-inline-size: 0;
}
.deleted-dialog__title {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #6e6e6e;
}
.deleted-dialog__status {
  margin: 0;
  font-size: 0.88rem;
  font-weight: 600;
  color: #c8c9d9;
}
.deleted-dialog__toolbar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 0.63rem;
}
.deleted-dialog__controls {
  gap: 0.5rem;
}
.deleted-dialog__nav, .deleted-dialog__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 2.38rem;
  block-size: 2.38rem;
  color: #484b98;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
  -webkit-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease;
}
.deleted-dialog__nav:hover, .deleted-dialog__nav:focus-visible, .deleted-dialog__close:hover, .deleted-dialog__close:focus-visible {
  color: #ffffff;
  background-color: #484b98;
  border-color: #484b98;
}
.deleted-dialog__nav:disabled {
  cursor: default;
  opacity: 0.4;
}
.deleted-dialog__close {
  font-size: 1.75rem;
  line-height: 1;
}
.deleted-dialog__viewport {
  overflow: hidden;
}
.deleted-dialog__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.88rem;
  padding-block: 0.25rem 0.63rem;
  padding-inline: 0.13rem;
  overflow-inline: auto;
  -ms-scroll-snap-type: inline mandatory;
      scroll-snap-type: inline mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #484b98 #e7e7ea;
}
.deleted-dialog__track::-webkit-scrollbar {
  block-size: 0.5rem;
}
.deleted-dialog__track::-webkit-scrollbar-button {
  display: none;
  inline-size: 0;
  block-size: 0;
}
.deleted-dialog__track::-webkit-scrollbar-track {
  background: #e7e7ea;
  border-radius: 62.44rem;
}
.deleted-dialog__track::-webkit-scrollbar-thumb {
  background-color: #484b98;
  border-radius: 62.44rem;
}
.deleted-dialog__empty {
  margin: 0;
  padding-block: 1.75rem;
  padding-inline: 1rem;
  font-weight: 600;
  color: #c8c9d9;
  text-align: center;
  background-color: #f0f1f1;
  border-radius: 1.13rem;
}
.deleted-dialog__empty[hidden] {
  display: none;
}

.plans-carousel__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(100%, 18.75rem);
          flex: 0 0 min(100%, 18.75rem);
  scroll-snap-align: start;
}
.plans-carousel__card {
  display: grid;
  grid-template-columns: 4.5rem 1fr;
  gap: 0.75rem;
  min-block-size: 7rem;
  padding: 0.75rem;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e7e7ea;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
.plans-carousel__card.card__item--pink {
  background-color: #fdf1ff;
}
.plans-carousel__thumb {
  display: block;
  inline-size: 100%;
  block-size: 5.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #e7e7ea;
  border-radius: 0.75rem;
}
.plans-carousel__thumb--placeholder {
  background: -o-linear-gradient(315deg, rgba(72, 75, 152, 0.12), rgba(232, 197, 237, 0.55));
  background: linear-gradient(135deg, rgba(72, 75, 152, 0.12), rgba(232, 197, 237, 0.55));
}
.plans-carousel__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-inline-size: 0;
}
.plans-carousel__title {
  margin: 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.8;
  color: #6e6e6e;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.plans-carousel__meta {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  margin-inline: 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 0.75;
  color: #c8c9d9;
}
.plans-carousel__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-margin-before: auto;
          margin-block-start: auto;
  -webkit-padding-before: 0.5rem;
          padding-block-start: 0.5rem;
}

@-webkit-keyframes cards-status-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.38rem);
            transform: translateY(0.38rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes cards-status-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.38rem);
            transform: translateY(0.38rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes card-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes card-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-block-size: 1.25rem;
  -webkit-padding-start: 2.25rem;
          padding-inline-start: 2.25rem;
  font-weight: 600;
  line-height: 1.25;
  color: #6e6e6e;
  cursor: pointer;
}
.checkbox:hover .checkbox__mark, .checkbox:focus-within .checkbox__mark {
  background-color: #e8c5ed;
}
.checkbox__input:checked ~ .checkbox__mark {
  background-color: #fdf1ff;
}
.checkbox__input:checked ~ .checkbox__mark::after {
  display: block;
}
.checkbox__mark {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 0;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  -webkit-margin-before: -0.63rem;
          margin-block-start: -0.63rem;
  background-color: #e7e7ea;
  border-radius: 0.63rem;
  -webkit-transition: background-color 280ms ease;
  -o-transition: background-color 280ms ease;
  transition: background-color 280ms ease;
}
.checkbox__mark::after {
  content: "";
  position: absolute;
  inset-block-start: 0.31rem;
  inset-inline-start: 0.25rem;
  display: none;
  inline-size: 0.69rem;
  block-size: 0.38rem;
  border-style: solid;
  border-color: #484b98;
  border-block-start-width: 0;
  border-inline-end-width: 0;
  border-block-end-width: 1.5px;
  border-inline-start-width: 1.5px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.footer {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 30;
  block-size: 5.63rem;
  background-color: #484b98;
}
@media (max-width: 47rem) {
  .footer {
    block-size: 3rem;
  }
}
.footer__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  block-size: 100%;
}
@media (max-width: 47rem) {
  .footer__wrapper {
    max-inline-size: none;
    gap: 0;
    padding: 0;
  }
}
@media (max-width: 47rem) {
  .footer .nav--footer {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    inline-size: auto;
    min-inline-size: 0;
  }
}
@media (min-width: 48rem) {
  .footer .socials {
    -webkit-margin-start: 0.5rem;
            margin-inline-start: 0.5rem;
  }
}

.form {
  inline-size: 100%;
  -webkit-padding-before: 2rem;
          padding-block-start: 2rem;
  -webkit-padding-after: 1.75rem;
          padding-block-end: 1.75rem;
  padding-inline: 0;
  background-color: #fdfdfd;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-end-radius: 1.13rem;
  border-end-start-radius: 1.13rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
@media (max-width: 47rem) {
  .form {
    -webkit-padding-before: 1.13rem;
            padding-block-start: 1.13rem;
    -webkit-padding-after: 1rem;
            padding-block-end: 1rem;
  }
}
.form__wrapper {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.25rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 61rem) {
  .form__wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
@media (max-width: 47rem) {
  .form__wrapper {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
}
.form__zone {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.75rem;
  min-inline-size: 0;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.72);
  border: 1px solid #e7e7ea;
  border-radius: 1.13rem;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
@media (max-width: 61rem) {
  .form__zone--find {
    grid-column: 1/-1;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media (max-width: 47rem) {
  .form__zone--manage {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.form__checkbox {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  gap: 0.75rem 1.38rem;
}
@media (max-width: 47rem) {
  .form__checkbox {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 0.88rem;
  }
}
.form__group {
  display: grid;
  grid-template-columns: 10.5rem minmax(12.5rem, 1fr);
  gap: 0.75rem;
  min-inline-size: 0;
}
@media (max-width: 47rem) {
  .form__group {
    grid-template-columns: 1fr;
  }
}
.form__select, .form__switcher {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  inline-size: 100%;
  block-size: 2.63rem;
  min-block-size: 2.63rem;
}
.form__select .select, .form__switcher.switcher {
  inline-size: 100%;
  block-size: 100%;
}
.form__search {
  display: block;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: 2.88rem;
}
.form__search .search {
  inline-size: 100%;
  block-size: 100%;
}
.form__actions {
  display: grid;
  gap: 0.63rem;
}
@media (max-width: 61rem) {
  .form__actions {
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    block-size: 100%;
  }
}
@media (max-width: 47rem) {
  .form__actions {
    grid-template-columns: 1fr 1fr;
  }
}
.form__basket, .form__clear {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  inline-size: 100%;
  min-inline-size: 8.75rem;
  block-size: 2.63rem;
  padding-block: 0.63rem;
  padding-inline: 1rem;
  font-weight: 600;
  color: #6e6e6e;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
  -webkit-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.form__basket:hover, .form__basket:focus-visible, .form__clear:hover, .form__clear:focus-visible {
  color: #484b98;
  border-color: #e8c5ed;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}
.form__basket {
  position: relative;
}
.form__basket--active {
  color: #484b98;
  border-color: #e8c5ed;
}
.form__basket-count {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-inline-size: 1.38rem;
  block-size: 1.38rem;
  padding-block: 0;
  padding-inline: 0.38rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  background-color: #484b98;
  border-radius: 62.44rem;
}
.form__basket-count[hidden] {
  display: none;
}

.header {
  position: relative;
  background-color: #484b98;
}
.header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-block-size: 4.5rem;
  -webkit-padding-before: 1rem;
          padding-block-start: 1rem;
  -webkit-padding-after: 0.88rem;
          padding-block-end: 0.88rem;
}
@media (max-width: 47rem) {
  .header__wrapper {
    min-block-size: 3rem;
    -webkit-padding-before: 0.5rem;
            padding-block-start: 0.5rem;
    -webkit-padding-after: 0.5rem;
            padding-block-end: 0.5rem;
  }
}

.logo {
  position: relative;
  display: inline-block;
  margin: 0;
  font-family: "Nunito", Arial, sans-serif;
  font-size: 2.19rem;
  font-weight: 700;
  line-height: 0.83;
  color: #ffffff;
  letter-spacing: 0.01em;
  text-transform: lowercase;
  -webkit-transition: color 280ms ease;
  -o-transition: color 280ms ease;
  transition: color 280ms ease;
}
.logo::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inline-size: 0.75rem;
  block-size: 0.75rem;
  -webkit-margin-before: -0.38rem;
          margin-block-start: -0.38rem;
  -webkit-margin-start: 0.19rem;
          margin-inline-start: 0.19rem;
  background-color: currentColor;
  border-radius: 50%;
}
.logo:hover, .logo:focus-visible {
  color: #e8c5ed;
}
@media (max-width: 47rem) {
  .logo--header {
    font-size: 1.5rem;
    line-height: 0.86;
  }
  .logo--header::after {
    inline-size: 0.5rem;
    block-size: 0.5rem;
    -webkit-margin-before: -0.25rem;
            margin-block-start: -0.25rem;
    -webkit-margin-start: 0.13rem;
            margin-inline-start: 0.13rem;
  }
}
@media (max-width: 47rem) {
  .logo--footer {
    display: none;
  }
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  inline-size: 100%;
}
.nav__item {
  list-style: none;
}
.nav__item:not(:first-child) {
  -webkit-margin-start: 3.25rem;
          margin-inline-start: 3.25rem;
}
.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 0.84;
  color: rgba(255, 255, 255, 0.82);
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 280ms ease, background-color 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease;
  transition: color 280ms ease, background-color 280ms ease;
}
.nav__link:hover, .nav__link:focus-visible, .nav__link--hover {
  color: rgba(232, 197, 237, 0.9);
}
.nav__link--active {
  color: #ffffff;
}
.nav__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 1rem;
  block-size: 1rem;
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
  line-height: 1;
}
.nav__label {
  display: inline-block;
  line-height: 1.2;
}
@media (max-width: 47rem) {
  .nav--header {
    display: none;
  }
}
.nav--header .nav__icon {
  display: none;
}
.nav--footer .nav__link:hover, .nav--footer .nav__link:focus-visible, .nav--footer .nav__link--hover {
  color: rgba(232, 197, 237, 0.9);
}
.nav--footer .nav__link--active {
  color: #ffffff;
}
.nav--footer .nav__icon {
  display: none;
}
@media (max-width: 47rem) {
  .nav--footer .nav__icon {
    display: block;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
  }
}
@media (max-width: 47rem) {
  .nav--footer {
    inline-size: 100%;
    block-size: 100%;
  }
  .nav--footer .nav__list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    block-size: 100%;
  }
  .nav--footer .nav__item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-inline-size: 0;
    block-size: 100%;
    margin: 0;
  }
  .nav--footer .nav__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.19rem;
    inline-size: 100%;
    block-size: 100%;
    padding-block: 0.25rem;
    padding-inline: 0.13rem;
    font-size: 0.69rem;
    font-weight: 600;
    line-height: 1;
    background-color: transparent;
    border-radius: 0;
  }
  .nav--footer .nav__link--active {
    color: #ffffff;
    background-color: #383b83;
  }
  .nav--footer .nav__link:hover, .nav--footer .nav__link:focus-visible, .nav--footer .nav__link--hover {
    color: #ffffff;
    background-color: rgba(56, 59, 131, 0.55);
  }
  .nav--footer .nav__link--active:hover, .nav--footer .nav__link--active:focus-visible {
    background-color: rgba(56, 59, 131, 0.85);
  }
  .nav--footer .nav__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    inline-size: 0.88rem;
    block-size: 0.88rem;
    margin: 0;
    font-size: 0.88rem;
    line-height: 1;
  }
  .nav--footer .nav__label {
    display: block;
    max-inline-size: 100%;
    overflow: hidden;
    line-height: 1.1;
    text-align: center;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
}

.search {
  inline-size: 100%;
  padding-block: 0.63rem;
  -webkit-padding-start: 2.25rem;
          padding-inline-start: 2.25rem;
  -webkit-padding-end: 0.88rem;
          padding-inline-end: 0.88rem;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
  color: #6e6e6e;
  text-transform: none;
  background: #ffffff url(../../content/images/website/search.svg?v=fb4dfd65e37e4121d37ba7cd6bf95f74) 0.63rem center/1.25rem 1.25rem no-repeat;
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
  -webkit-transition: background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.search::-webkit-search-decoration {
  display: none;
}
.search::-webkit-input-placeholder {
  color: #c8c9d9;
}
.search::-moz-placeholder {
  color: #c8c9d9;
}
.search:-ms-input-placeholder {
  color: #c8c9d9;
}
.search::-ms-input-placeholder {
  color: #c8c9d9;
}
.search::placeholder {
  color: #c8c9d9;
}
.search:hover {
  border-color: #e0e1e5;
}
.search:focus {
  border-color: #e8c5ed;
  outline: none;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}

.select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  inline-size: 100%;
  block-size: 2.63rem;
  min-block-size: 2.63rem;
  padding-block: 0;
  -webkit-padding-start: 1rem;
          padding-inline-start: 1rem;
  -webkit-padding-end: 2.5rem;
          padding-inline-end: 2.5rem;
  font-family: inherit;
  font-size: inherit;
  font-weight: 600;
  line-height: 0.89;
  color: #6e6e6e;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: #ffffff;
  background-image: url(../../content/images/website/arrow.svg?v=f00dace63825a128617c15d6623a0c62);
  background-repeat: no-repeat;
  background-position: calc(100% - 0.88rem) center;
  background-size: 0.88rem;
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
  -webkit-transition: background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
  transition: background-color 280ms ease, border-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.select:hover {
  background-color: #ffffff;
  border-color: #e0e1e5;
}
.select:focus {
  border-color: #e8c5ed;
  outline: none;
  -webkit-box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
          box-shadow: 0 0.38rem 1.13rem rgba(56, 59, 131, 0.08);
}

.socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
}
@media (max-width: 47rem) {
  .socials {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: 2.75rem;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #383b83;
  }
}
.socials--open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.socials__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  block-size: 100%;
}
@media (min-width: 48rem) {
  .socials__item {
    -webkit-margin-start: 2.88rem;
            margin-inline-start: 2.88rem;
  }
}
.socials__item--dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 2.88rem;
  block-size: 100%;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  background-color: rgba(253, 241, 255, 0.2);
}
@media (min-width: 48rem) {
  .socials__item--dropdown {
    display: none;
  }
}
.socials__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inline-size: 2.81rem;
  block-size: 2.81rem;
  color: #fdfdfd;
  -webkit-transition: color 280ms ease;
  -o-transition: color 280ms ease;
  transition: color 280ms ease;
}
.socials__link:hover, .socials__link:focus-visible {
  color: #e8c5ed;
}
@media (max-width: 47rem) {
  .socials__icon {
    font-size: 1rem;
  }
}

.switcher {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  inline-size: 100%;
  block-size: 2.63rem;
  min-block-size: 2.63rem;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #e7e7ea;
  border-radius: 62.44rem;
}
.switcher__input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.switcher__input:checked + label {
  color: #ffffff;
  background-color: #484b98;
}
.switcher__input:focus-visible + label {
  -webkit-box-shadow: inset 0 0 0 0.13rem #e8c5ed;
          box-shadow: inset 0 0 0 0.13rem #e8c5ed;
}
.switcher__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-inline-size: 0;
  block-size: auto;
  margin: 0;
  padding-block: 0;
  padding-inline: 0.5rem;
  font-weight: 600;
  line-height: 1;
  color: #6e6e6e;
  cursor: pointer;
  -webkit-transition: color 280ms ease, background-color 280ms ease, -webkit-box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, -webkit-box-shadow 280ms ease;
  -o-transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease;
  transition: color 280ms ease, background-color 280ms ease, box-shadow 280ms ease, -webkit-box-shadow 280ms ease;
}
.switcher__label-all {
  background-color: #ffffff;
}
.switcher__label-all:hover {
  background-color: #f0f1f1;
}
.switcher__label-major {
  background-color: #fdf1ff;
}
.switcher__label-major:hover {
  background-color: #e8c5ed;
}
.switcher__label-minor {
  background-color: #ffffff;
}
.switcher__label-minor:hover {
  background-color: #f0f1f1;
}
/*# sourceMappingURL=styles.css.map*/