@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
@font-face {
  font-family: "GothamPro";
  src: local("GothamPro"), local("GothamPro"), url(../fonts/GothamProReg.f091cab6.woff) format("woff"), url(../fonts/GothamProReg.35347254.ttf) format("truetype"), url(../img/GothamProReg.e4c8a63f.svg#svgFontName) format("svg"), url(../fonts/GothamProReg.db405428.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamPro";
  src: local("GothamPro"), local("GothamPro"), url(../fonts/GothamProBol.085d097d.woff) format("woff"), url(../fonts/GothamProBol.6b956a15.ttf) format("truetype"), url(../img/GothamProBol.3ed732e1.svg#svgFontName) format("svg"), url(../fonts/GothamProBol.862396a1.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "PTSansNarrow";
  src: url(../fonts/ptsansnarrow.77707ddf.eot);
  src: url(../fonts/ptsansnarrow.77707ddf.eot?#iefix) format("eot"), url(../fonts/ptsansnarrow.ed188147.woff) format("woff"), url(../img/ptsansnarrow.66da3036.svg#PTSansNarrow) format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "PTSansNarrow";
  src: url(../fonts/ptsansnarrowbold.a05ff9c6.eot);
  src: url(../fonts/ptsansnarrowbold.a05ff9c6.eot?#iefix) format("eot"), url(../fonts/ptsansnarrowbold.e7936ed2.woff) format("woff"), url(../img/ptsansnarrowbold.339c8fac.svg) format("svg");
  font-weight: 700;
  font-style: normal;
}
.overflow-hidden-x {
  overflow-x: hidden;
}

.no-user-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbars {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.bordered {
  border: 1px solid var(--color-background-stroke);
}

.rounded-borders-xs {
  border-radius: 0.125rem;
}

.rounded-borders-sm {
  border-radius: 0.25rem;
}

.rounded-borders-md {
  border-radius: 0.75rem;
}

.rounded-borders-lg {
  border-radius: 1rem;
}

.rounded-borders-xl {
  border-radius: 1.5rem;
}

div.img-load-error-placeholder {
  background: url("/img/placeholder/noimage-nobg-1x1.png") no-repeat;
  background-size: contain;
  background-position: center center;
  background-color: var(--color-text-tertiary);
}

.inline-block {
  display: inline-block;
}

.contents-block {
  display: contents;
}

/* Перечеркивание элемента по диагонали */
.diagonal-strike-through {
  position: relative;
}
.diagonal-strike-through::before {
  content: "";
  position: absolute;
  top: 45%;
  left: -1%;
  height: 1px;
  width: 102%;
  border-top: 1px solid;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.break-word {
  word-break: break-word;
}

.text-capitalize-letter:first-letter {
  text-transform: uppercase;
}

.hover-underline:hover {
  text-decoration: underline;
}

.strikethrough {
  position: relative;
}
.strikethrough:before {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}

iframe {
  border: 0;
}

#buorg {
  z-index: -10;
}

.mts-theme-light,
[data-mts-theme=light] {
  --color-brand:#ff0032;
  --color-accent-active:#007cff;
  --color-accent-positive:#26cd58;
  --color-accent-warning:#fac031;
  --color-accent-negative:#f95721;
  --color-accent-active-inverted:#45b6fc;
  --color-accent-positive-inverted:#74df8b;
  --color-accent-warning-inverted:#fad67d;
  --color-accent-negative-inverted:#fa8a64;
  --color-text-headline:#000000;
  --color-text-primary:#1d2023;
  --color-text-secondary:#626c77;
  --color-text-tertiary:#969fa8;
  --color-text-inverted:#fafafa;
  --color-text-positive:#12b23f;
  --color-text-negative:#db400c;
  --color-text-primary-link:#0070e5;
  --color-text-primary-link-hover:#007cff;
  --color-text-primary-link-visited:#3396ff;
  --color-text-primary-link-inverted:#45b6fc;
  --color-text-secondary-link:#626c77;
  --color-text-secondary-link-hover:#bbc1c7;
  --color-text-secondary-link-visited:#abb2b9;
  --color-text-visited-link:#883888;
  --color-text-inactive-tab-bar:#6e7782;
  --color-background-primary:#ffffff;
  --color-background-stroke:rgba(188, 195, 208, 0.5);
  --color-background-primary-elevated:#ffffff;
  --color-background-secondary:#f2f3f7;
  --color-background-secondary-elevated:#ffffff;
  --color-background-modal:#ffffff;
  --color-background-inverted:#1d2023;
  --color-background-overlay:rgba(29, 32, 35, 0.4);
  --color-background-hover:rgba(188, 195, 208, 0.25);
  --color-background-hover-inverted:rgba(242, 243, 247, 0.2);
  --color-background-navbar-ios:rgba(255, 255, 255, 0.92);
  --color-background-disabled:#f8f8fb;
  --color-background-stroke-disabled:rgba(188, 195, 208, 0.25);
  --color-background-lower:#f2f3f7;
  --color-control-primary-active:#ff0032;
  --color-control-secondary-active:#1d2023;
  --color-control-tertiary-active:#f2f3f7;
  --color-control-inactive:rgba(188, 195, 208, 0.5);
  --color-control-alternative:#ffffff;
  --color-control-alternative-stroke-hover:#ced4dc;
  --color-control-active-tab-bar:#ff0032;
  --color-control-inactive-tab-bar:#8d969f;
  --color-control-stroke:#8d969f;
  --color-icon-primary:#1d2023;
  --color-icon-secondary:#8d969f;
  --color-icon-tertiary:#bbc1c7;
  --color-premium:linear-gradient(48deg, #9BD5FF 6.25%, #9B93FF 44.27%, #9A8DFF 58.33%, #7C86FE 84.9%);
  --blend-hover:multiply;
  --blend-hover-inverted:normal;
}

.mts-theme-dark,
[data-mts-theme=dark] {
  --color-brand:#ff0032;
  --color-accent-active:#45b6fc;
  --color-accent-positive:#74df8b;
  --color-accent-warning:#fad67d;
  --color-accent-negative:#fa8a64;
  --color-accent-active-inverted:#007cff;
  --color-accent-positive-inverted:#26cd58;
  --color-accent-warning-inverted:#fac031;
  --color-accent-negative-inverted:#f95721;
  --color-text-headline:#ffffff;
  --color-text-primary:#fafafa;
  --color-text-secondary:#969fa8;
  --color-text-tertiary:#626c77;
  --color-text-inverted:#1d2023;
  --color-text-positive:#74df8b;
  --color-text-negative:#ffa080;
  --color-text-primary-link:#45b6fc;
  --color-text-primary-link-hover:#45b6fc;
  --color-text-primary-link-visited:#0063cc;
  --color-text-primary-link-inverted:#0070e5;
  --color-text-secondary-link:#969fa8;
  --color-text-secondary-link-hover:#626c77;
  --color-text-secondary-link-visited:#787f86;
  --color-text-visited-link:#b767b7;
  --color-text-inactive-tab-bar:rgba(255, 255, 255, 0.46);
  --color-background-primary:#000000;
  --color-background-stroke:rgba(127, 140, 153, 0.35);
  --color-background-primary-elevated:#1d2023;
  --color-background-secondary:rgba(98, 108, 119, 0.25);
  --color-background-secondary-elevated:rgba(98, 108, 119, 0.25);
  --color-background-modal:#2c3135;
  --color-background-inverted:#ffffff;
  --color-background-overlay:rgba(29, 32, 35, 0.6);
  --color-background-hover:rgba(242, 243, 247, 0.2);
  --color-background-hover-inverted:rgba(188, 195, 208, 0.25);
  --color-background-navbar-ios:rgba(0, 0, 0, 0.92);
  --color-background-disabled:rgba(98, 108, 119, 0.15);
  --color-background-stroke-disabled:rgba(127, 140, 153, 0.1);
  --color-background-lower:#000000;
  --color-control-primary-active:#ff0032;
  --color-control-secondary-active:#ffffff;
  --color-control-tertiary-active:rgba(127, 140, 153, 0.35);
  --color-control-inactive:rgba(127, 140, 153, 0.35);
  --color-control-alternative:rgba(127, 140, 153, 0.35);
  --color-control-alternative-stroke-hover:#6a7278;
  --color-control-active-tab-bar:#ffffff;
  --color-control-inactive-tab-bar:rgba(255, 255, 255, 0.46);
  --color-control-stroke:#636b72;
  --color-icon-primary:#fafafa;
  --color-icon-secondary:#969fa8;
  --color-icon-tertiary:#626c77;
  --color-premium:linear-gradient(48deg, #9BD5FF 6.25%, #9B93FF 44.27%, #9A8DFF 58.33%, #7C86FE 84.9%);
  --blend-hover:normal;
  --blend-hover-inverted:multiply;
}

/*
  Описание общих базовый правил темы
*/
body {
  color: var(--color-text-primary);
  background-color: var(--color-background-primary);
}
body.mts-theme-dark {
  background-color: var(--color-background-primary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "MTS Wide", Helvetica, Arial, sans-serif;
  color: var(--color-text-primary);
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--color-text-primary-link);
}

p {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  margin: 0;
  font-weight: 400;
  letter-spacing: 0px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li {
  padding: 0;
}

/* Shadows */
/* Headers for MTC Design System */
.tl-header {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

/* Text color utils */
.tl-text-primary {
  color: var(--color-text-primary);
}

.tl-text-inverted {
  color: var(--color-text-inverted);
}

.tl-text-secondary {
  color: var(--color-text-secondary);
}

.tl-text-tertiary {
  color: var(--color-text-tertiary);
}

.tl-text-positive {
  color: var(--color-text-positive);
}

.tl-text-negative {
  color: var(--color-text-negative);
}

.tl-text-primary-link {
  color: var(--color-text-primary-link);
}

.tl-text-primary-link-visited {
  color: var(--color-text-primary-link-visited);
}

.tl-text-control-primary {
  color: var(--color-control-primary-active);
}

.tl-icons-secondary {
  color: var(--color-icon-secondary);
}

.tl-text-icon-tertiary {
  color: var(--color-icon-tertiary);
}

.tl-text-brand {
  color: #FF4800;
}

.text-icons-tertiary {
  color: var(--color-icon-tertiary);
}

/* Background color utils */
.tl-bg-primary {
  background-color: var(--color-background-primary);
}

.tl-bg-secondary {
  background-color: var(--color-background-secondary);
}

.tl-bg-primary-elevated {
  background-color: var(--color-background-primary-elevated);
}

.tl-bg-secondary-elevated {
  background-color: var(--color-background-secondary-elevated);
}

.tl-bg-inverted {
  background-color: var(--color-background-inverted);
}

.tl-bg-positive {
  background-color: var(--color-text-positive);
}

.tl-bg-disabled {
  background-color: var(--color-background-disabled);
}

.tl-bg-lightest-apple {
  background-color: #E8FAEC;
}

.tl-bg-lightest-blackberry {
  background-color: #E7EAFA;
}

.tl-bg-citrus-black {
  background-color: #07103e;
}

.tl-bg-premium-gradient {
  background: var(--color-premium);
}

/* Border utils */
.tl-border-positive {
  border: 1px solid var(--color-text-positive);
}

.tl-border-radius-md {
  border-radius: 1rem;
}

.tl-border-radius-sm {
  border-radius: 0.75rem;
}

/* Spacing */
.q-px-12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.q-py-12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.q-mt-12 {
  margin-top: 0.75rem;
}

.q-ma-20 {
  margin: 1.25rem;
}

.q-pa-20 {
  padding: 1.25rem;
}

.q-px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* Text family utils */
.tl-family-wide {
  font-family: "MTS Wide", Helvetica, Arial, sans-serif;
}

.tl-family-comp {
  font-family: "MTS Compact", Helvetica, Arial, sans-serif;
}

.tl-family-text {
  font-family: "MTS Text", Helvetica, Arial, sans-serif;
}

/* Text sizes utils */
.tl-p1 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.tl-p2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.tl-p3, .tl-select-popup, .q-radio__label {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

.tl-p4, .q-tooltip {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* Утилита для динамического размера шрифта (mobile: 14px, desktop: 17px) */
.tl-p4-up-p3 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 599px) {
  .tl-p4-up-p3 {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
}

/* Утилита для динамического размера шрифта (mobile: 17px, desktop: 20px) */
.tl-p3-up-p2 {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
@media (min-width: 599px) {
  .tl-p3-up-p2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

/* Утилита для динамического размера шрифта (mobile: 20px, desktop: 24px) */
.tl-p2-up-p1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 599px) {
  .tl-p2-up-p1 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

/* Утилита для динамического размера шрифта (mobile: 20px/24px, desktop: 24px/28px) */
.tl-h4-up-h3 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media (min-width: 599.98px) {
  .tl-h4-up-h3 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.q-btn {
  /* Второстепенная кнопка color="secondary" */
  /* Темная кнопка color="dark" */
}
.q-btn__content {
  white-space: nowrap;
}
.q-btn__content > ::first-letter {
  text-transform: uppercase;
}
.q-btn .q-icon {
  font-size: 1.5rem;
}
.q-btn .on-left {
  margin-right: 0.5rem;
}
.q-btn .on-right {
  margin-left: 0.5rem;
}
.q-btn.bg-secondary {
  color: var(--color-text-primary) !important;
}
.q-btn.bg-dark {
  color: var(--color-text-inverted) !important;
}
.q-btn.disabled {
  background-color: var(--color-control-inactive) !important;
  color: var(--color-text-tertiary) !important;
  opacity: 0.6 !important;
}

.q-breadcrumbs {
  color: var(--color-text-tertiary);
}
.q-breadcrumbs .text-primary {
  color: var(--color-text-primary-link) !important;
}

.q-stepper {
  background: transparent;
}
.q-stepper__header {
  font-family: "MTS Wide", Helvetica, Arial, sans-serif;
  height: 48px;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}
@media (min-width: 599.98px) {
  .q-stepper__header {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
}
.q-stepper__header--contracted {
  min-height: 48px;
}
.q-stepper__header--standard-labels .q-stepper__tab {
  min-height: 48px;
  padding: 0.75rem 0;
}
.q-stepper__tab {
  color: var(--color-text-tertiary);
  /* цвет текста подписи шага для успешного шага */
  /* цвет текста подписи шага для активного/текущего шага */
}
.q-stepper__tab.q-stepper__tab--done .q-stepper__label .q-stepper__title {
  color: var(--q-positive);
}
.q-stepper__tab.q-stepper__tab--active .q-stepper__label .q-stepper__title {
  color: var(--color-text-primary);
}
.q-stepper__dot span {
  font-weight: 700;
}

/* убираем фон в виде круга на шагах степпер в дефолтном состоянии (кроме указанных) */
.q-stepper__tab:not(.text-positive, .text-negative) .q-stepper__dot {
  background: transparent;
}
.q-stepper__tab:not(.text-positive, .text-negative) .q-stepper__dot span {
  color: var(--color-text-tertiary);
}

.q-time__main {
  background-color: var(--color-background-primary-elevated);
}

.q-date__main {
  background-color: var(--color-background-primary-elevated);
}
.q-date__view .q-btn {
  font-size: 1rem;
  padding: 0.285em;
}
.q-date--minimal-compact {
  width: 360px;
  min-width: 360px;
}
.q-date--minimal-compact .q-date__calendar-item {
  margin-bottom: 8px;
}
.q-date--minimal-compact .q-date__calendar-item .q-btn {
  font-size: 1.0625rem !important;
  width: 2.125rem !important;
}
.q-date--minimal-compact .q-date__calendar-item .q-btn.bg-primary {
  background: var(--q-secondary) !important;
  color: black !important;
}
.q-date--minimal-compact .q-date__calendar-weekdays .q-date__calendar-item {
  text-transform: uppercase;
  opacity: 1;
  color: var(--color-text-secondary);
}
.q-date--minimal-compact .q-date__calendar-weekdays .q-date__calendar-item:nth-child(6), .q-date--minimal-compact .q-date__calendar-weekdays .q-date__calendar-item:nth-child(7) {
  color: #FF4800;
  opacity: 1;
}
.q-date--minimal-compact .q-date__calendar-days .q-date__calendar-item .q-btn.bg-primary {
  background: var(--q-secondary) !important;
  color: black !important;
}
.q-date--minimal-compact .q-date__calendar-days .q-date__calendar-item:nth-child(7n+6) .q-btn, .q-date--minimal-compact .q-date__calendar-days .q-date__calendar-item:nth-child(7n+7) .q-btn {
  color: #FF4800 !important;
}
.q-date--minimal-compact .q-date__months {
  align-content: flex-start;
  row-gap: 4px;
}
.q-date--minimal-compact .q-date__months-item {
  padding: 0 6px;
}
.q-date--minimal-compact .q-date__months-item .q-btn {
  width: 100% !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  min-height: 2rem !important;
}
.q-date--minimal-compact .q-date__months-item .q-btn.bg-primary {
  background: var(--q-secondary) !important;
  color: black !important;
}
.q-date--minimal-compact .q-date__years {
  display: flex;
  flex-wrap: wrap;
}
.q-date--minimal-compact .q-date__years-content {
  row-gap: 4px;
}
.q-date--minimal-compact .q-date__years-item .q-btn {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
.q-date--minimal-compact .q-date__years-item .q-btn.bg-primary {
  background: var(--q-secondary) !important;
  color: black !important;
}
.q-date--minimal-compact .q-date__years .col-auto {
  margin-bottom: 0.8rem;
}
.q-date--minimal-compact .q-date__years .col-auto .q-btn {
  background-color: var(--q-secondary) !important;
  border-radius: 6px !important;
  width: 2rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
.q-date--minimal-compact .q-date__navigation {
  justify-content: space-between;
  margin-bottom: 8px;
}
.q-date--minimal-compact .q-date__navigation .q-date__arrow {
  display: none;
}
.q-date--minimal-compact .q-date__navigation .q-btn {
  background-color: var(--q-secondary) !important;
  border-radius: 6px !important;
  padding-left: 1em !important;
  padding-right: 1em !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
.q-date--minimal-compact .q-date__navigation .q-btn .q-btn__content::after {
  padding-left: 0.6em;
  content: "▼";
  font-size: 0.7em;
  -webkit-transform: scaleY(0.8) translateY(1px);
          transform: scaleY(0.8) translateY(1px);
}
.q-date--minimal-compact .q-date__navigation > .col {
  flex: unset !important;
}
.q-date--minimal-compact .q-btn.disabled {
  background-color: transparent !important;
  color: var(--color-text-secondary) !important;
}

.q-slider__inner {
  background-color: var(--color-background-stroke);
}

/*
  Доп стили для инпута в теме Granat

  - пока печатаем (инпут в фокусе) - иконка очистки
  - напечатали корректно - зеленая галочка (пока что на инпутах с имейл)
  - напечатали некорректно - иконка варнинга

*/
.q-field {
  --tl-field-height: 44px;
  --tl-field-font-size: 17px;
  font-size: var(--tl-field-font-size);
  /* настройки нативного html инпута */
  /* Цвет внутренней заливки инпута */
  /* Цвет бордера инпута */
  /* Цвет рамки при фокусе */
  /* Цвет рамки при наведении */
  /* Цвет плейсхолдера */
  /* высота инпута */
  /* дефолт цвет иконки инпута */
  /* настройки подсказки под инпутом */
  /* в статусе ошибки - скрыть все кроме иконки ошибки (иконку очистки)*/
  /* в статусе фокуса, когда нет ошибки - прячем иконку success, показываем иконку очистки */
  /* Если поле вне фокуса и нет ошибки - прячем иконку очистки (иконка очистки показана только при фокусе) */
  /* размер бордера во всех статусах подсветок */
  /* убрал анимацию, чтобы не было артифактов перехода между цветами */
  /* Настройки для плавающего label */
  /*
    Настройки для статик label вне инпута.
    Класс q-field--label-outside
  */
}
.q-field__native {
  line-height: 1.5rem;
}
.q-field__control {
  background-color: var(--color-background-secondary);
}
.q-field .q-field__control:before {
  border-color: var(--color-background-stroke);
}
.q-field--focused:not(.q-field--error) .q-field__control {
  color: var(--color-accent-active);
}
.q-field .q-field__control:hover::before {
  border-color: var(--color-control-secondary-active);
}
@media (max-width: 1024px) {
  .q-field .q-field__control:hover::before {
    border-color: var(--color-background-stroke);
  }
}
.q-field .q-placeholder::-webkit-input-placeholder {
  color: var(--color-text-tertiary);
}
.q-field .q-placeholder::-ms-input-placeholder {
  color: var(--color-text-tertiary);
}
.q-field .q-placeholder::placeholder {
  color: var(--color-text-tertiary);
}
.q-field:not(.q-textarea) .q-field__control,
.q-field:not(.q-textarea) .q-field__marginal {
  height: var(--tl-field-height);
}
.q-field__marginal, .q-field__append.q-anchor--skip {
  color: var(--color-icon-secondary);
}
.q-field .q-field__bottom {
  color: var(--color-text-secondary);
  font-size: 0.75rem;
  line-height: 16px;
  min-height: 0;
  padding: 0;
  margin-top: 4px;
}
.q-field--error .q-field__bottom {
  color: var(--color-text-negative);
}
.q-field__messages {
  line-height: inherit;
}
.q-field__messages > div:first-letter {
  text-transform: uppercase;
}
.q-field--error:not(.q-field--all-prepends-showed) .q-field__marginal + .q-field__marginal {
  display: none;
}
.q-field--focused:not(.q-field--error, .q-field--all-prepends-showed) .q-field__marginal + .q-field__marginal {
  display: none;
}
.q-field:not(.q-field--error, .q-field--focused, .q-select) .q-field__append.q-anchor--skip {
  display: none;
}
.q-field--outlined.q-field--highlighted .q-field__control:after {
  border-width: 1px;
}
.q-field--outlined .q-field__control:after {
  transition: none;
}
.q-field--outlined.q-field--labeled .q-field__label {
  top: calc(var(--tl-field-height) * 0.3);
}
.q-field--outlined.q-field--labeled.q-field--label-outside {
  padding-top: 1.5rem;
}
.q-field--outlined.q-field--labeled.q-field--label-outside .q-field__label {
  font-size: 0.875rem;
  -webkit-transform: none;
          transform: none;
  top: auto;
  left: -12px;
  bottom: 100%;
  margin-bottom: 4px;
}
.q-field--outlined.q-field--labeled.q-field--label-outside.q-field--highlighted.q-field--error .q-field__label {
  color: var(--color-text-negative);
}
.q-field--outlined.q-field--labeled.q-field--label-outside.q-field--highlighted:not(.q-field--error) .q-field__label {
  color: var(--color-text-secondary);
}
.q-field--outlined.q-field--labeled.q-field--label-outside .q-field__native {
  padding-top: 6px;
  padding-bottom: 6px;
}
.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native {
  min-height: var(--tl-field-height);
}

.tl-field-sm {
  --tl-field-height: 32px;
  --tl-field-font-size: 14px;
}

.tl-field-lg {
  --tl-field-height: 52px;
  --tl-field-font-size: 17px;
}

.tl-field-xl {
  --tl-field-height: 72px;
  --tl-field-font-size: 17px;
}

.q-card {
  background-color: var(--color-background-primary-elevated);
}

/*
DOCS:
  - Quasar: https://quasar.dev/vue-components/radio#coloring
  - MTS DS: https://www.figma.com/file/wHZx4T6n3By62Ki41sEdrP/Web-Components?node-id=106403%3A636094&t=LIjB2UQrlerju3fE-0
  - TL-MTS DS: https://www.figma.com/file/zm2jwQc5TL2XP7VDqpVnVi/%F0%9F%93%95-Ticketland.ru-(library)?type=design&node-id=1844-49740&mode=design&t=Aodjj53PCaTMnQ6S-0
  - Примеры компонентов можно посмотреть локально на странице: ```/example-mts```

  MTS radio sizes (размеры кружка в 'px')
   dot|total
  S 12
  M 18 (24)
  L 24
  _____________________
  Quasar radio sizes
  XS 15
  SM 17.5
  MD 20
  LG 25
  XL 30 (60)

  Актуальные состояния Radio согласно макетам (5шт):
  - Active=True,Selected=False,Error=False
  - Active=False,Selected=False,Error=False
  - Active=True,Selected=True,Error=False
  - Active=False,Selected=True,Error=False
  - Active=True,Selected=False,Error=True

  Размер радио по-умолчанию 36px(выставлено в boot), тк по макету размер "круга" должен быть 18px -
  а по формуле квазара размер круга = входящий размер(36px)/2
*/
.q-radio {
  /* Для состояния radio в статусе [Active=True,Selected=False,Error=True] когда круг цвета negative - тогда лейбл такого же цвета*/
  /* внешний вид активного бокса */
  /* внешний вид неактивного бокса */
  /* размер центральной точки активного бокса немного увеличен */
  /* внешний вид бокса в статусе disabled */
}
.q-radio__label {
  color: var(--color-text-primary);
}
.q-radio .q-radio__inner.text-negative ~ .q-radio__label {
  color: var(--color-accent-negative);
}
.q-radio[aria-checked=true] {
  /* внешний вид активного бокса в статусе disabled */
}
.q-radio[aria-checked=true] .q-radio__bg {
  background-color: currentColor;
  border-radius: 50%;
}
.q-radio[aria-checked=true] .q-radio__check {
  fill: #ffffff;
}
.q-radio[aria-checked=true].disabled .q-radio__inner--truthy {
  color: var(--color-background-stroke);
}
.q-radio[aria-checked=true].disabled .q-radio__check {
  fill: var(--color-control-stroke);
}
.q-radio[aria-checked=true].disabled .q-radio__bg {
  background-color: var(--color-background-stroke);
}
.q-radio[aria-checked=true].disabled .q-radio__bg path:first-of-type {
  opacity: 0;
}
.q-radio[aria-checked=false] {
  color: var(--color-control-stroke);
  /* внешний вид НЕактивного бокса в статусе disabled */
}
.q-radio[aria-checked=false] .q-radio__inner {
  color: var(--color-control-stroke);
}
.q-radio[aria-checked=false].disabled {
  /* сплошная заливка серым */
}
.q-radio[aria-checked=false].disabled .q-radio__inner {
  color: var(--color-control-inactive);
}
.q-radio[aria-checked=false].disabled .q-radio__check {
  -webkit-transform: scale3d(1.68, 1.68, 1.68);
          transform: scale3d(1.68, 1.68, 1.68);
}
.q-radio.disabled .q-radio__label {
  color: var(--color-text-tertiary);
}

.q-checkbox.disabled {
  opacity: 1 !important;
}
.q-checkbox.disabled .q-checkbox__inner {
  color: var(--color-control-inactive);
}
.q-checkbox__inner--falsy {
  color: var(--color-control-stroke);
}
.q-checkbox.disabled .q-checkbox__inner--falsy {
  color: transparent;
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cgk8cGF0aCBkPSJNMi4wNTM2NyA2LjYxNjMxQzIuMTgzNDcgNC44NzIzMiAyLjI0ODM2IDQuMDAwMzMgMy4xMjM2MSAzLjEyNTA4QzMuOTk4ODYgMi4yNDk4MyA0Ljg3MDg2IDIuMTg0OTMgNi42MTQ4NSAyLjA1NTEzQzcuMDY2OTQgMi4wMjE0OSA3LjUzMzI5IDIuMDAxMSA3Ljk5OTYzIDIuMDAxMUM4LjQ2NTk4IDIuMDAxMSA4LjkzMjMzIDIuMDIxNDkgOS4zODQ0MiAyLjA1NTEzQzExLjEyODQgMi4xODQ5MyAxMi4wMDA0IDIuMjQ5ODMgMTIuODc1NyAzLjEyNTA4QzEzLjc1MDkgNC4wMDAzMyAxMy44MTU4IDQuODcyMzIgMTMuOTQ1NiA2LjYxNjMxQzEzLjk3OTIgNy4wNjg0IDEzLjk5OTYgNy41MzQ3NSAxMy45OTk2IDguMDAxMUMxMy45OTk2IDguNDY3NDUgMTMuOTc5MiA4LjkzMzggMTMuOTQ1NiA5LjM4NTg4QzEzLjgxNTggMTEuMTI5OSAxMy43NTA5IDEyLjAwMTkgMTIuODc1NyAxMi44NzcxQzEyLjAwMDQgMTMuNzUyNCAxMS4xMjg0IDEzLjgxNzMgOS4zODQ0MiAxMy45NDcxQzguOTMyMzMgMTMuOTgwNyA4LjQ2NTk4IDE0LjAwMTEgNy45OTk2MyAxNC4wMDExQzcuNTMzMjggMTQuMDAxMSA3LjA2Njk0IDEzLjk4MDcgNi42MTQ4NSAxMy45NDcxQzQuODcwODYgMTMuODE3MyAzLjk5ODg2IDEzLjc1MjQgMy4xMjM2MSAxMi44NzcxQzIuMjQ4MzYgMTIuMDAxOSAyLjE4MzQ3IDExLjEyOTkgMi4wNTM2NyA5LjM4NTg4QzIuMDIwMDIgOC45MzM4IDEuOTk5NjMgOC40Njc0NSAxLjk5OTYzIDguMDAxMUMxLjk5OTYzIDcuNTM0NzUgMi4wMjAwMiA3LjA2ODQgMi4wNTM2NyA2LjYxNjMxWiIgZmlsbD0iI0JDQzNEMCIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.q-checkbox__label {
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.q-checkbox--dense .q-checkbox__label {
  padding-left: 0.375rem;
}

.q-dialog__inner {
  /* Скругления для содержимого модалки */
}
.q-dialog__inner--minimized {
  padding: 1rem;
}
.q-dialog--no-paddings .q-dialog__inner {
  padding: 0;
}
.q-dialog__inner > div {
  border-radius: 1rem;
  box-shadow: none;
}

/* Компонент SimpleDialog */
.simple-dialog .q-dialog__inner--bottom {
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
}
.simple-dialog__icon svg path {
  -webkit-transform: translate(-4px, -4px) scale(1.3334);
          transform: translate(-4px, -4px) scale(1.3334);
}

.q-table th {
  color: var(--color-text-secondary);
}

.q-table__card {
  color: var(--color-text-primary);
}

.q-toggle__inner {
  padding: 0;
  height: 24px;
  width: 44px;
  min-width: 0;
}
.q-toggle__track {
  height: 100%;
  border-radius: 99px;
  opacity: 1;
  background-color: var(--color-control-inactive);
}
.q-toggle__inner--truthy .q-toggle__track {
  opacity: 1;
  background-color: currentColor;
}
.q-toggle__thumb {
  color: white;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 3px;
}
.q-toggle__thumb::before {
  display: none;
}
.q-toggle__thumb::after {
  box-shadow: var(--shadow-lowest);
}
.q-toggle__inner--truthy .q-toggle__thumb {
  left: 20px;
}

/**
Кастомизация базового компонента Quasar QTooltip

По-умолчанию granat tooltip:
- адаптирован под светлую/темную тему
- имеет granat цвета
- имеет granat шрифт и размеры
- с помощью класса .q-tooltip-arrowed можно добавить "стрелку" к тултипу

Доступные утилиты для добавления стрелок смотреть локально по адресу /example-mts или в (src/layouts/ExampleLayoutMTS.vue)

Figma: https://www.figma.com/file/zm2jwQc5TL2XP7VDqpVnVi/%F0%9F%93%95-Ticketland.ru-(library)?type=design&node-id=1792-716&mode=design&t=nOKfwL8y4rGQr2Ri-0
SVG mask usage: https://pqina.nl/blog/set-svg-background-image-fill-color/
*/
.q-tooltip {
  background-color: var(--color-background-inverted);
  color: var(--color-text-inverted);
  padding: 10px 12px;
  /* svg-arrow background for tooltip - from Figma */
  --svg-arrow: url("data:image/svg+xml,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8C13 8 15.9999 0 20 0L0 0C3.9749 0 7 8 10 8Z' fill='%231D2023'/%3E%3C/svg%3E%0A");
  /* .q-tooltip--events-on класс модификатор для взаимодействия с q-tooltip, по-умолчанию он не кликабелен */
}
@media (max-width: 1024px) {
  .q-tooltip {
    margin-left: 6px !important;
  }
}
.q-tooltip-arrowed {
  position: relative;
  overflow: initial;
  /* top tooltip & bottom arrow (+left/right)*/
  /* bottom tooltip & top arrow (+left/right)*/
  /* left tooltip & right arrow */
  /* right tooltip & left arrow */
}
.q-tooltip-arrowed::after {
  content: "";
  display: block;
  width: 20px;
  height: 8px;
  position: absolute;
  left: 50%;
  top: 98%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-color: var(--color-background-inverted);
  /* за счет использования svg-маски - можем красить стрелку тултипа в цвет самого тултипа (при смене цветовой схемы)*/
  -webkit-mask: var(--svg-arrow);
  mask: var(--svg-arrow);
}
.q-tooltip-arrowed--top-left::after {
  right: 0;
  left: unset;
}
.q-tooltip-arrowed--top-right::after {
  left: 20px;
}
.q-tooltip-arrowed--bottom::after {
  bottom: 98%;
  top: unset;
  -webkit-transform: translate(-50%, 0%) scale(1, -1);
          transform: translate(-50%, 0%) scale(1, -1);
}
.q-tooltip-arrowed--bottom-left::after {
  bottom: 98%;
  top: unset;
  right: 0;
  left: unset;
  -webkit-transform: translate(-50%, 0%) scale(1, -1);
          transform: translate(-50%, 0%) scale(1, -1);
}
.q-tooltip-arrowed--bottom-right::after {
  bottom: 98%;
  top: unset;
  left: 20px;
  -webkit-transform: translate(-50%, 0%) scale(1, -1);
          transform: translate(-50%, 0%) scale(1, -1);
}
.q-tooltip-arrowed--left::after {
  left: 101%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
  top: 50%;
  bottom: 50%;
}
.q-tooltip-arrowed--right::after {
  left: -12px;
  -webkit-transform: translate(0%, -50%) rotate(90deg);
          transform: translate(0%, -50%) rotate(90deg);
  top: 50%;
  bottom: 50%;
}
.q-tooltip--events-on {
  pointer-events: all !important;
}

.q-virtual-scroll__content {
  background-color: var(--color-background-primary-elevated);
}

.info-block {
  display: flex;
  max-width: -webkit-max-content;
  max-width: max-content;
  gap: 6px;
  border-radius: 12px;
  background: rgb(242, 243, 247);
  padding: 10px 12px 10px 10px;
  margin-bottom: 3px;
}

.personal-form {
  max-width: 648px;
}
.personal-form__fio-container .q-field .q-field__bottom {
  display: none;
}
.personal-form__fio-container > .q-field .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-bottom: none !important;
}
.personal-form__fio-container > .q-field .q-field__control:hover:before {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-bottom: none !important;
}
.personal-form__fio-container > .q-field:first-child .q-field__control {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.personal-form__fio-container > .q-field:last-child .q-field__control {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.personal-form__fio-container > .q-field:last-child .q-field__control:before {
  border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
}
.personal-form__fio-container > .q-field:last-child .q-field__control:hover:before {
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.personal-form__document-input-container > .q-field:first-child .q-field__control {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.personal-form__document-input-container > .q-field .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.14);
  border-bottom: none !important;
}
.personal-form__document-input-container > .q-field .q-field__control:hover:before {
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-bottom: none !important;
}
.personal-form__birth-date-container {
  max-width: 648px;
}
.personal-form__birth-date-container > .q-field .q-field__control:before {
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
}
.personal-form__child-14 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
  color: rgb(29, 32, 35);
}

.q-btn-toggle {
  background: #F2F3F7;
}
.q-btn-toggle .q-btn {
  margin: 0.25rem;
}
.q-btn-toggle .q-btn.disabled {
  background-color: unset !important;
}
.q-btn-toggle > .q-btn.q-btn-item {
  border-radius: 6px;
}
.q-btn-toggle > [aria-pressed=true] {
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08), 0px 4px 16px rgba(0, 0, 0, 0.08);
}

.q-pagination .q-btn {
  height: 32px;
  min-width: 32px !important;
  padding: 0 2px !important;
  border-radius: 6px;
  border: 2px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.q-pagination .q-btn:hover, .q-pagination .q-btn:focus-visible {
  border-color: var(--color-background-hover);
}
.q-pagination .q-btn[aria-current=true] {
  box-shadow: var(--shadow-low);
  border-color: transparent;
}
.q-pagination .q-btn[disabled] {
  display: none !important;
}
.q-pagination .q-btn .q-focus-helper {
  display: none;
}

/*
  Темезация компонента q-chip под мини-кнопку
*/
.q-chip {
  border-radius: 0.375rem;
  padding: 0.125rem 0.375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.q-chip__icon {
  font-size: 1.6em;
  margin: 0;
}
.q-chip__icon--left {
  margin-right: 0.25rem;
}
.q-chip__icon--right {
  margin-left: 0.25rem;
}
.q-chip__content {
  font-size: 1.4em;
  line-height: 1.43em;
  font-weight: 500;
}
body.desktop .q-chip--clickable:focus {
  box-shadow: none;
}

.q-select__dialog .q-select--without-input {
  display: none;
}

.tl-select-popup {
  padding: 0.5rem;
  box-shadow: var(--shadow-high);
}
.tl-select-popup .q-item {
  min-height: 44px;
  padding: 0.5rem;
  border-radius: 0.24rem;
}
.tl-select-popup .q-item + .tl-select-popup .q-item {
  margin-top: 0.25rem;
}
.tl-select-popup .q-item--active {
  color: inherit;
  background-color: var(--color-background-secondary);
}
.tl-select-popup .q-item.q-manual-focusable--focused {
  background-color: transparent;
}
.tl-select-popup .q-item.q-manual-focusable--focused > .q-focus-helper {
  background-color: var(--color-accent-active);
}

.q-menu {
  box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.0784313725), 0px 6px 24px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 1rem;
}

.q-toggle__inner {
  padding: 0;
  height: 24px;
  width: 44px;
  min-width: 0;
}
.q-toggle__track {
  height: 100%;
  border-radius: 99px;
  opacity: 1;
  background-color: var(--color-control-inactive);
}
.q-toggle__inner--truthy .q-toggle__track {
  opacity: 1;
  background-color: currentColor;
}
.q-toggle__thumb {
  color: white;
  width: 18px;
  height: 18px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 3px;
}
.q-toggle__thumb::before {
  display: none;
}
.q-toggle__thumb::after {
  box-shadow: var(--shadow-lowest);
}
.q-toggle__inner--truthy .q-toggle__thumb {
  left: 20px;
}

.q-notifications__list {
  margin-bottom: 1rem;
  padding: 0 0.375rem;
}

.q-notification {
  background: var(--color-background-inverted);
  color: var(--color-text-inverted);
  box-shadow: none;
  transition-duration: 0.3s;
}
@media (min-width: 599.98px) {
  .q-notification {
    min-width: 360px;
  }
}
.q-notification--standard {
  padding: 0 0.75rem;
}
.q-notification__content {
  align-items: flex-start;
}
.q-notification__message {
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 500;
}
@media (min-width: 599.98px) {
  .q-notification__message {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
.q-notification__message a {
  color: var(--color-text-primary-link-inverted);
}
.q-notification__caption {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: normal;
  opacity: 1;
}
@media (min-width: 599.98px) {
  .q-notification__caption {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
}
.q-notification__icon--additional {
  margin: 0.375rem 0.375rem 0.375rem -0.125rem;
}

.mts-theme-light {
  --q-primary: #ff0032;
  --q-secondary: #f2f3f7;
  --q-accent: #007cff;
  --q-dark: #1d2023;
  --q-dark-page: #ffffff;
  --q-positive: #26cd58;
  --q-negative: #f95721;
  --q-info: #0070e5;
  --q-warning: #fac031;
}

.mts-theme-dark {
  --q-primary: #ff0032;
  --q-secondary: rgba(127, 140, 153, 0.35);
  --q-accent: #45b6fc;
  --q-dark: #fafafa;
  --q-dark-page: #000000;
  --q-positive: #74df8b;
  --q-negative: #fa8a64;
  --q-info: #45b6fc;
  --q-warning: #fad67d;
}

/*
  Этот класс дает доступ к оригинальным цветам MTS.
  на фреймах, у которых есть кастомные цвета (ставятся тут services/Theme/ThemeService.ts)
  некоторые DOM элементы можно исключить таким классом из кастомных цветовых правил (те применить стандартные цвета МТС)
*/
.mode-iframe .exclude-iframe-custom-css, .mode-iframe .q-field {
  --q-primary: #ff0032;
  --q-secondary: #f2f3f7;
  --color-text-primary: #1d2023;
  --color-text-secondary: #626c77;
  --color-text-headline: #000000;
  --color-text-primary-link: #0070e5;
  --color-background-primary: #ffffff;
  --color-background-secondary: #f2f3f7;
  --color-background-primary-elevated: #ffffff;
  --color-control-primary-active: #ff0032;
  --color-accent-active: #007cff;
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 980px) {
  .container {
    max-width: 980px;
  }
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
.header__wrapper[data-v-1c7314b4] .q-btn {
  padding: 0;
}
.header__wrapper--desktop[data-v-1c7314b4] {
  display: none;
}
.header__wrapper--mobile[data-v-1c7314b4] {
  display: block;
}
.header__links a[data-v-1c7314b4] {
  color: var(--color-text-primary);
}
.header__links a[data-v-1c7314b4]:hover {
  color: var(--color-control-primary-active);
}

/** Desktop styles */
@media (min-width: 599.98px) {
.header[data-v-1c7314b4] {
    height: 128px;
    width: 100%;
    position: relative;
}
.header__wrapper--desktop[data-v-1c7314b4] {
    display: block;
}
.header__wrapper--mobile[data-v-1c7314b4] {
    display: none;
}
}
[data-v-1c7314b4] .q-focus-helper {
  display: none;
}
.header-icon[data-v-1c7314b4] .q-focus-helper {
  display: none;
}
.q-badge[data-v-1c7314b4] {
  top: -0.3rem;
  right: -0.3rem;
}
[data-v-1c7314b4] .q-btn {
  min-height: 1rem;
  min-width: 1rem;
}
[data-v-1c7314b4] .text-h6 {
  line-height: 1;
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
.region-select[data-v-2f090ed2] {
  z-index: 2002;
}
.region-select__btn[data-v-2f090ed2] {
  color: var(--color-background-stroke);
  min-width: 120px;
}
.region-select__btn[data-v-2f090ed2]::before {
  transition: color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}
.region-select__btn.q-hoverable[data-v-2f090ed2]:hover, .region-select__btn.q-focusable[data-v-2f090ed2]:focus {
  color: var(--color-text-primary);
}
.region-select__btn[data-v-2f090ed2] .q-focus-helper {
  display: none;
}
.region-select_in-drawer .region-select__btn[data-v-2f090ed2] {
  font-size: 1.25rem;
  background: inherit;
  color: white;
  font-family: "MTS Wide", Helvetica, Arial, sans-serif;
  padding: 0;
}
.region-select_in-drawer .region-select__btn[data-v-2f090ed2]::before, .region-select_in-drawer .region-select__btn[data-v-2f090ed2]::after {
  content: none;
}
.region-select_in-drawer .region-select__btn-content[data-v-2f090ed2] {
  flex-direction: row-reverse;
}
.region-select__list[data-v-2f090ed2] {
  top: 60px;
  left: 0;
  width: 500px;
  border: 1px solid #caced2;
}
.region-select_in-drawer .region-select__list[data-v-2f090ed2] {
  width: 100%;
  padding: 1rem;
}
.region-select_in-drawer .region-select__list-item[data-v-2f090ed2] {
  flex-basis: 100%;
  min-height: unset;
  padding: 0.25rem 0;
  text-transform: uppercase;
  color: #3d4349;
  font-weight: bold;
}
.btn[data-v-4213e8e1] {
  min-width: 250px;
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
.live-search-results[data-v-fd8a669e] {
  top: 4rem;
  z-index: 9999;
}
@media (max-width: 1023px) {
.live-search-results[data-v-fd8a669e] {
    top: 4.75rem;
    box-shadow: none;
    padding-bottom: 11rem;
}
}
@media (max-width: 599px) {
.live-search-results[data-v-fd8a669e] {
    padding-bottom: 5rem;
}
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
.search-bar--overlay-mode[data-v-05d30f98] {
  min-height: 100vh;
  z-index: 2999;
  padding-top: 1.25rem;
}
@media (max-width: 1023.98px) {
.search-bar[data-v-05d30f98] {
    overflow: auto;
}
}
.footer__payment-icon[data-v-3326d970] {
  width: 48px;
  height: 32px;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
[data-v-c1fd4308] .q-drawer {
  height: calc(100% - 54px);
  top: 54px !important;
}
[data-v-c1fd4308] .q-drawer--dark {
  background: #2C3135;
}
[data-v-c1fd4308] .q-drawer__opener {
  height: calc(100% - 54px);
  top: 54px !important;
}
[data-v-c1fd4308] .q-drawer__backdrop {
  max-height: calc(100vh - 54px);
  top: 54px !important;
}
[data-v-c1fd4308] .m-menu-link__heading {
  font-family: "MTS Wide", Helvetica, Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
}
[data-v-c1fd4308] .q-expansion-item__toggle-icon--rotated {
  color: white;
}
@charset "UTF-8";
/*
  Тема МТС Гранат для перезаписи базовый настроек переменных Quasar
  (тут импортируем только переменные, иначе будут дубли стилей)
*/
/*
Определение базовых цветов Quasar на основе дизайна МТС

Цвета МТС:    https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=345%3A1364&t=v9czJtrRpCZHOvk2-0
Описание ДС:  https://design.mts.ru/ds/onboarding/razrabotchik-web#toc-5
*/
@font-face {
  font-family: "MTS Compact";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot);
  src: url(../fonts/MTSCompact-Bold.5cc29bd0.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Bold.d9c59dde.woff2) format("woff2"), url(../fonts/MTSCompact-Bold.3bcb75e1.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot);
  src: url(../fonts/MTSCompact-Medium.fb2e3272.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Medium.b9fc824d.woff2) format("woff2"), url(../fonts/MTSCompact-Medium.ba905116.woff) format("woff");
}
@font-face {
  font-family: "MTS Compact";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot);
  src: url(../fonts/MTSCompact-Regular.a8e07b58.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSCompact-Regular.2fe72fba.woff2) format("woff2"), url(../fonts/MTSCompact-Regular.16ef6b3f.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/MTSText-Regular.b4d07b88.eot);
  src: url(../fonts/MTSText-Regular.b4d07b88.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Regular.a338dccb.woff2) format("woff2"), url(../fonts/MTSText-Regular.bfaf96ea.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot);
  src: url(../fonts/MTSWide-Medium.b4ba6d84.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Medium.cd070dfc.woff2) format("woff2"), url(../fonts/MTSWide-Medium.b0fd6be3.woff) format("woff");
}
@font-face {
  font-family: "MTS Text";
  font-weight: 500;
  font-style: normal;
  src: url(../fonts/MTSText-Medium.d26ae12e.eot);
  src: url(../fonts/MTSText-Medium.d26ae12e.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSText-Medium.b45f7410.woff2) format("woff2"), url(../fonts/MTSText-Medium.926c268d.woff) format("woff");
}
@font-face {
  font-family: "MTS Wide";
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/MTSWide-Bold.439d689a.eot);
  src: url(../fonts/MTSWide-Bold.439d689a.eot?#iefix) format("embedded-opentype"), url(../fonts/MTSWide-Bold.0171fead.woff2) format("woff2"), url(../fonts/MTSWide-Bold.467575e5.woff) format("woff");
}
/*
MTS DS: https://www.figma.com/file/naQ5PQP9TK0PGJN424Vynl/Base?node-id=22780%3A4593&t=uKW3Z2oJAby5Xqjl-0
DOC:    https://design.mts.ru/ds/components/base/base-typography
*/
.header[data-v-cea531b8] {
  box-shadow: var(--shadow-low);
  background-color: var(--color-background-primary-elevated);
  border-bottom: 2px solid var(--color-text-primary);
}
@media (min-width: 599.98px) {
.header[data-v-cea531b8] {
    border-bottom: none;
}
}
.footer[data-v-cea531b8] {
  background-color: var(--color-background-primary-elevated);
  box-shadow: var(--shadow-low);
  color: var(--color-text-primary);
  padding-left: 1rem;
  padding-right: 1rem;
}
.theme-settings[data-v-55237e2e] {
  --q-primary: #ff0032;
  --color-text-primary:#1d2023;
  --color-text-secondary:#626c77;
  --color-text-tertiary:#969FA8;
  --color-text-headline:#1d2023;
  --color-background-primary: #ffffff;
  --color-background-secondary: #ffffff;
  --color-background-primary-elevated: #ffffff;
  color: var(--color-text-primary);
}

/*# sourceMappingURL=https://sourcemap.ticketland.ru/app/css/app.51ab06e5.css.map*/