.app-header {
  z-index: 10;
  top: min(32px, 32 / 1490 * 100vw);
  width: 100%;
  height: min(60px, 60 / 1490 * 100vw);
  position: absolute;
  pointer-events: none;
}
.app-header .global-container {
  gap: min(58px, 58 / 1490 * 100vw);
  display: grid;
  position: relative;
  grid-template-columns: auto 1fr auto;
}
.app-header .logo img {
  height: min(32px, 32 / 1490 * 100vw);
  pointer-events: auto;
}
.app-header .main-nav {
  gap: min(48px, 48 / 1490 * 100vw);
}
.app-header .nav-link {
  pointer-events: auto;
  font-weight: 500;
  font-size: calc(min(16px, 16 / 1490 * 100vw) * var(--font-scale));
  color: #1c1c1c;
  text-decoration: none;
}
.app-header .nav-link:hover {
  color: #854AFB;
}
.app-header .demo-btn {
  color: white;
  height: min(60px, 60 / 1490 * 100vw);
  font-size: min(18px, 18 / 1490 * 100vw);
  padding: 0 min(25px, 25 / 1490 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.app-header .burger-btn {
  font-size: min(24px, 24 / 1490 * 100vw);
}
body.mobile .app-header {
  top: 0;
  height: unset;
  position: absolute;
  padding: calc(32 / 375 * 100dvw) 0;
}
body.mobile .app-header .logo img {
  height: calc(22 / 375 * 100dvw);
  pointer-events: auto;
}
body.mobile .app-header .burger-btn {
  color: white;
  width: calc(44 / 375 * 100dvw);
  height: calc(44 / 375 * 100dvw);
  font-size: calc(9.5 / 375 * 100dvw);
  border-radius: 50%;
  pointer-events: auto;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.floating-header {
  position: fixed;
  z-index: 10;
  top: min(18px, 18 / 1490 * 100vw);
  width: 100%;
  height: min(84px, 84 / 1490 * 100vw);
  pointer-events: none;
}
.floating-header .floating-header__wrapper {
  gap: min(58px, 58 / 1490 * 100vw);
  display: grid;
  background: white;
  position: relative;
  border-radius: min(24px, 24 / 1490 * 100vw);
  padding: min(10px, 10 / 1490 * 100vw) min(10px, 10 / 1490 * 100vw) min(10px, 10 / 1490 * 100vw) min(30px, 30 / 1490 * 100vw);
  grid-template-columns: auto 1fr auto;
  box-shadow: min(30px, 30 / 1490 * 100vw) min(30px, 30 / 1490 * 100vw) min(60px, 60 / 1490 * 100vw) 0 rgba(14, 7, 34, 0.1019607843);
}
.floating-header .logo img {
  height: min(32px, 32 / 1490 * 100vw);
  pointer-events: auto;
}
.floating-header .main-nav {
  gap: min(48px, 48 / 1490 * 100vw);
}
.floating-header .nav-link {
  pointer-events: auto;
  font-weight: 500;
  font-size: calc(min(16px, 16 / 1490 * 100vw) * var(--font-scale));
  color: #1c1c1c;
  text-decoration: none;
}
.floating-header .nav-link:hover {
  color: #854AFB;
}
.floating-header .demo-btn {
  color: white;
  height: min(60px, 60 / 1490 * 100vw);
  font-size: min(18px, 18 / 1490 * 100vw);
  padding: 0 min(25px, 25 / 1490 * 100vw);
  font-weight: 600;
  pointer-events: auto;
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.fade-enter-active,
.fade-leave-active {
  transition: all ease-in-out 0.3s;
}
.fade-enter-from,
.fade-leave-to {
  transform: translateY(min(-100px, -100 / 1490 * 100vw));
}
.fade-enter-to,
.fade-leave-from {
  transform: translateY(0);
}.app-footer {
  overflow: hidden;
  max-width: 100vw;
  margin-top: min(308px, 308 / 1490 * 100vw);
}
.app-footer__wrapper {
  background: #0E0722;
  padding: min(63px, 63 / 1490 * 100vw) min(48px, 48 / 1490 * 100vw) min(30px, 30 / 1490 * 100vw);
  border-radius: min(56px, 56 / 1490 * 100vw) min(56px, 56 / 1490 * 100vw) 0 0;
}
.app-footer__content {
  display: grid;
  color: #73738A;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 0.5fr 0.5fr;
  grid-template-areas: "description navigation info" "copyright copyright copyright";
}
.app-footer__content .text-secondary {
  font-weight: 300;
}
.app-footer__logo {
  color: white;
  width: min(176px, 176 / 1490 * 100vw);
  height: min(28px, 28 / 1490 * 100vw);
}
.app-footer__logo svg {
  width: auto;
  height: auto;
}
.app-footer__title {
  font-size: min(14px, 14 / 1490 * 100vw);
  margin-bottom: min(27px, 27 / 1490 * 100vw);
}
.app-footer__description {
  font-weight: 300;
  grid-area: description;
}
.app-footer__description .text-secondary {
  line-height: 180%;
  margin: min(37px, 37 / 1490 * 100vw) 0 0;
  font-size: min(15px, 15 / 1490 * 100vw);
  color: #73738A !important;
}
.app-footer__navigation {
  grid-area: navigation;
}
.app-footer__navigation-link {
  width: 100%;
  color: white;
  display: block;
  cursor: pointer;
  font-size: min(14px, 14 / 1490 * 100vw);
  position: relative;
  margin-bottom: min(32px, 32 / 1490 * 100vw);
  text-decoration: none;
}
.app-footer__info {
  grid-area: info;
}
.app-footer__info .text-h4 {
  color: white;
  font-size: min(32px, 32 / 1490 * 100vw);
  font-weight: 700;
  letter-spacing: -2%;
  margin-top: min(-14px, -14 / 1490 * 100vw);
  margin-bottom: min(16px, 16 / 1490 * 100vw);
  text-decoration: none;
}
.app-footer__copyright {
  font-size: min(15px, 15 / 1490 * 100vw);
  padding-top: min(111px, 111 / 1490 * 100vw);
  grid-area: copyright;
}
.app-footer .logo-pixity {
  color: white;
  width: min(111px, 111 / 1490 * 100vw);
  height: min(32px, 32 / 1490 * 100vw);
  margin-left: min(24px, 24 / 1490 * 100vw);
}
body.mobile .app-footer {
  max-width: 100%;
  margin-top: calc(120 / 375 * 100dvw);
}
body.mobile .app-footer__wrapper {
  padding: calc(50 / 375 * 100dvw) calc(20 / 375 * 100dvw) calc(100 / 375 * 100dvw);
  border-radius: calc(32 / 375 * 100dvw) calc(32 / 375 * 100dvw) 0 0;
}
body.mobile .app-footer__content {
  padding: 0;
  grid-gap: calc(40 / 375 * 100dvw);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-template-areas: "description" "navigation" "info" "copyright";
}
body.mobile .app-footer__logo {
  width: calc(176 / 375 * 100dvw);
  height: calc(28 / 375 * 100dvw);
}
body.mobile .app-footer__title {
  font-size: calc(14 / 375 * 100dvw);
}
body.mobile .app-footer__description .text-secondary {
  margin: calc(37 / 375 * 100dvw) 0 0;
  font-size: calc(14 / 375 * 100dvw);
}
body.mobile .app-footer__navigation-link {
  font-size: calc(14 / 375 * 100dvw);
  margin-bottom: calc(30 / 375 * 100dvw);
}
body.mobile .app-footer__navigation-link:first-of-type {
  padding-top: calc(24 / 375 * 100dvw);
}
body.mobile .app-footer__info .text-h4 {
  font-size: calc(26 / 375 * 100dvw);
  margin-top: calc(14 / 375 * 100dvw);
  margin-bottom: calc(14 / 375 * 100dvw);
}
body.mobile .app-footer__copyright {
  font-size: calc(12 / 375 * 100dvw);
  padding-top: calc(20 / 375 * 100dvw);
  line-height: 300%;
}
body.mobile .app-footer .logo-pixity {
  color: white;
  width: calc(90 / 375 * 100dvw);
  height: calc(26 / 375 * 100dvw);
  margin-left: calc(24 / 375 * 100dvw);
}.app-dialog__wrapper {
  display: flex;
  position: relative;
  background-color: #ffffff;
  max-width: none !important;
  border-radius: min(48px, 48 / 1490 * 100vw) !important;
}
.app-dialog__close {
  z-index: 1;
  top: min(19px, 19 / 1490 * 100vw);
  right: min(19px, 19 / 1490 * 100vw);
  width: min(40px, 40 / 1490 * 100vw);
  height: min(40px, 40 / 1490 * 100vw);
  color: #D4D4D4;
  min-width: min(40px, 40 / 1490 * 100vw);
  min-height: min(40px, 40 / 1490 * 100vw);
  position: absolute;
  font-size: min(12px, 12 / 1490 * 100vw);
}
.app-dialog__success-image {
  width: min(110px, 110 / 1490 * 100vw);
  height: min(110px, 110 / 1490 * 100vw);
  margin: 0 auto min(16px, 16 / 1490 * 100vw);
}
.app-dialog__form {
  padding: min(48px, 48 / 1490 * 100vw) min(60px, 60 / 1490 * 100vw) !important;
}
.app-dialog__form__main.success {
  width: min(400px, 400 / 1490 * 100vw);
  display: flex;
  text-align: center;
  flex-direction: column;
}
.app-dialog__title {
  font-weight: 700;
  font-size: min(32px, 32 / 1490 * 100vw);
  margin-bottom: min(12px, 12 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
}
.app-dialog__subtitle {
  font-size: min(14px, 14 / 1490 * 100vw);
  line-height: 160%;
}
.app-dialog__btn {
  width: 100%;
  color: white;
  height: min(64px, 64 / 1490 * 100vw);
  font-weight: 600;
  font-size: min(18px, 18 / 1490 * 100vw);
  margin-top: min(29px, 29 / 1490 * 100vw);
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.app-dialog .q-card {
  border-radius: 0 !important;
}
.app-dialog .q-field {
  background: #F2F2F9;
  border-radius: min(16px, 16 / 1490 * 100vw);
  border: min(1px, 1 / 1490 * 100vw) solid transparent;
}
.app-dialog .q-field__control {
  height: 100%;
  border: none;
  box-shadow: none;
  font-size: min(16px, 16 / 1490 * 100vw);
  padding: min(2px, 2 / 1490 * 100vw) min(3px, 3 / 1490 * 100vw);
  border-radius: min(12px, 12 / 1490 * 100vw);
  background: transparent;
  min-height: min(60px, 60 / 1490 * 100vw) !important;
}
.app-dialog .q-field__control:before {
  border-radius: min(16px, 16 / 1490 * 100vw);
  border: none !important;
  background: white !important;
}
.app-dialog .q-field__native {
  min-height: unset;
  line-height: unset;
  padding: 0 min(30px, 30 / 1490 * 100vw) !important;
}
.app-dialog .q-field__marginal {
  opacity: 0.6;
  height: 100%;
}
.app-dialog .q-field--highlighted {
  border-color: #D8D8DD;
}
.app-dialog .q-field--readonly {
  opacity: 0.6;
}
.app-dialog .q-field input {
  color: #0E0722;
}
.app-dialog .q-field input::placeholder {
  opacity: 0.4;
}
.app-dialog .q-field input:focus::placeholder {
  color: transparent;
}
.app-dialog .q-field__append {
  z-index: 1;
  padding: 0;
  color: white;
  display: flex;
  width: min(24px, 24 / 1490 * 100vw);
  height: min(24px, 24 / 1490 * 100vw);
  align-self: center;
  align-items: center;
  margin-right: min(18px, 18 / 1490 * 100vw);
  border-radius: min(10px, 10 / 1490 * 100vw);
  justify-content: center;
  opacity: 1;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.app-dialog .q-field__append i {
  color: white;
  font-size: min(12px, 12 / 1490 * 100vw);
}
.app-dialog .q-field--focused .q-field__control {
  box-shadow: none !important;
  border: none !important;
}
.app-dialog .q-field__bottom {
  display: none;
}
.app-dialog .q-field--filled .q-field__control:after {
  display: none !important;
}
.app-dialog .q-date {
  width: 100%;
  box-shadow: none;
  background: #F2F2F9;
  border-radius: min(24px, 24 / 1490 * 100vw) min(24px, 24 / 1490 * 100vw) 0 0;
}
.app-dialog .q-date__today {
  box-shadow: none;
}
.app-dialog .q-date__view {
  padding: 0;
  min-height: unset;
}
.app-dialog .q-date__navigation {
  height: min(32px, 32 / 1490 * 100vw);
  margin: min(8px, 8 / 1490 * 100vw) min(8px, 8 / 1490 * 100vw) min(16px, 16 / 1490 * 100vw);
}
.app-dialog .q-date__navigation .q-date__arrow {
  width: min(32px, 32 / 1490 * 100vw);
  height: min(32px, 32 / 1490 * 100vw);
  background: white;
  border-radius: min(8px, 8 / 1490 * 100vw);
}
.app-dialog .q-date__navigation .q-btn {
  width: 100%;
  height: 100%;
  font-weight: 700;
}
.app-dialog .q-date__navigation .q-icon {
  font-size: min(14px, 14 / 1490 * 100vw);
}
.app-dialog .q-date__navigation > :nth-child(4) {
  display: none;
}
.app-dialog .q-date__navigation > :nth-child(5) {
  display: none;
}
.app-dialog .q-date__navigation > :nth-child(6) {
  display: none;
}
.app-dialog .q-date__calendar-weekdays {
  font-weight: 500;
  font-size: min(14px, 14 / 1490 * 100vw);
  background: white;
  border-radius: min(16px, 16 / 1490 * 100vw) min(16px, 16 / 1490 * 100vw) 0 0;
}
.app-dialog .q-date__calendar-days-container {
  background: white;
  min-height: unset;
  padding: 0 min(8px, 8 / 1490 * 100vw);
  border-radius: 0 0 min(16px, 16 / 1490 * 100vw) min(16px, 16 / 1490 * 100vw);
}
.app-dialog .q-date__calendar-item {
  padding: min(8px, 8 / 1490 * 100vw) min(4px, 4 / 1490 * 100vw);
  font-size: min(14px, 14 / 1490 * 100vw);
}
.app-dialog .q-date__calendar-item--in button {
  height: min(32px, 32 / 1490 * 100vw);
  width: 100%;
  font-size: min(14px, 14 / 1490 * 100vw);
  background: #F2F2F9;
  border-radius: min(12px, 12 / 1490 * 100vw);
  display: flex;
  line-height: unset;
}
.app-dialog .q-date__main {
  width: 100%;
  padding: min(16px, 16 / 1490 * 100vw);
}
.app-dialog .q-date__months {
  width: 100%;
  padding: min(16px, 16 / 1490 * 100vw);
  background: white;
  min-height: unset;
  border-radius: min(16px, 16 / 1490 * 100vw);
}
.app-dialog .q-date__months-item {
  padding: min(8px, 8 / 1490 * 100vw) 0;
}
.app-dialog .q-date__months-item .q-btn {
  height: min(32px, 32 / 1490 * 100vw);
  font-size: min(14px, 14 / 1490 * 100vw);
  background: #F2F2F9;
  border-radius: min(12px, 12 / 1490 * 100vw);
  display: flex;
  line-height: unset;
}
.app-dialog .q-date__footer {
  background: #F2F2F9;
  padding: 0 min(16px, 16 / 1490 * 100vw) min(16px, 16 / 1490 * 100vw);
  border-radius: 0 0 min(24px, 24 / 1490 * 100vw) min(24px, 24 / 1490 * 100vw);
}
.app-dialog .q-date__footer > div {
  width: 100%;
  height: min(54px, 54 / 1490 * 100vw);
  background: white;
  border-radius: min(16px, 16 / 1490 * 100vw);
  justify-content: center;
}
.app-dialog .q-date__footer > div :first-child {
  margin-right: min(6px, 6 / 1490 * 100vw);
}
body.mobile .app-dialog__wrapper {
  overflow: visible;
  border-radius: calc(32 / 375 * 100dvw) !important;
}
body.mobile .app-dialog__success-image {
  width: calc(90 / 375 * 100dvw);
  height: calc(90 / 375 * 100dvw);
  margin: 0 auto min(16px, 16 / 1490 * 100vw);
}
body.mobile .app-dialog__close {
  top: calc(14 / 375 * 100dvw);
  right: calc(14 / 375 * 100dvw);
  width: calc(40 / 375 * 100dvw);
  height: calc(40 / 375 * 100dvw);
  min-width: calc(40 / 375 * 100dvw);
  min-height: calc(40 / 375 * 100dvw);
  font-size: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog__btn {
  height: calc(64 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  margin-top: calc(24 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .app-dialog__btn .q-icon {
  font-size: calc(22 / 375 * 100dvw);
  margin-right: calc(10 / 375 * 100dvw);
}
body.mobile .app-dialog__form {
  padding: calc(32 / 375 * 100dvw) calc(20 / 375 * 100dvw) !important;
}
body.mobile .app-dialog__form__main.success {
  width: calc(296 / 375 * 100dvw);
}
body.mobile .app-dialog .q-card {
  border-radius: calc(32 / 375 * 100dvw) !important;
}
body.mobile .app-dialog .q-dialog__inner--maximized .q-card {
  border-radius: 0 !important;
  overflow-y: scroll;
}
body.mobile .app-dialog__title {
  font-size: calc(28 / 375 * 100dvw);
  margin-bottom: calc(8 / 375 * 100dvw);
}
body.mobile .app-dialog__subtitle {
  font-size: calc(13 / 375 * 100dvw);
}
body.mobile .app-dialog .q-field {
  border-radius: calc(12 / 375 * 100dvw);
  border: calc(1 / 375 * 100dvw) solid transparent;
}
body.mobile .app-dialog .q-field__control {
  font-size: calc(13 / 375 * 100dvw);
  padding: calc(2 / 375 * 100dvw) calc(3 / 375 * 100dvw);
  border-radius: calc(12 / 375 * 100dvw);
  min-height: calc(54 / 375 * 100dvw) !important;
}
body.mobile .app-dialog .q-field__control:before {
  border-radius: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-field__native {
  padding: 0 calc(24 / 375 * 100dvw) !important;
}
body.mobile .app-dialog .q-field__append {
  width: calc(24 / 375 * 100dvw);
  height: calc(24 / 375 * 100dvw);
  margin-right: calc(15 / 375 * 100dvw);
  border-radius: calc(10 / 375 * 100dvw);
}
body.mobile .app-dialog .q-field__append i {
  font-size: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date {
  border-radius: calc(24 / 375 * 100dvw) calc(24 / 375 * 100dvw) 0 0;
}
body.mobile .app-dialog .q-date__navigation {
  height: calc(32 / 375 * 100dvw);
  margin: calc(8 / 375 * 100dvw) calc(8 / 375 * 100dvw) calc(16 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__navigation .q-date__arrow {
  width: calc(32 / 375 * 100dvw);
  height: calc(32 / 375 * 100dvw);
  border-radius: calc(8 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__navigation .q-date__arrow button {
  width: 100%;
}
body.mobile .app-dialog .q-date__navigation .q-icon {
  font-size: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__calendar-weekdays {
  font-size: calc(12 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw) calc(16 / 375 * 100dvw) 0 0;
}
body.mobile .app-dialog .q-date__calendar-days-container {
  padding: 0 calc(8 / 375 * 100dvw);
  border-radius: 0 0 calc(16 / 375 * 100dvw) calc(16 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__calendar-item {
  height: calc(36 / 375 * 100dvw) !important;
  padding: calc(8 / 375 * 100dvw) calc(4 / 375 * 100dvw);
  font-size: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__calendar-item--in button {
  height: calc(28 / 375 * 100dvw);
  font-size: calc(12 / 375 * 100dvw);
  border-radius: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__main {
  padding: calc(8 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__months {
  padding: calc(8 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__months-item {
  padding: calc(8 / 375 * 100dvw) 0;
}
body.mobile .app-dialog .q-date__months-item .q-btn {
  height: calc(32 / 375 * 100dvw);
  font-size: calc(14 / 375 * 100dvw);
  border-radius: calc(12 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__footer {
  padding: 0 calc(8 / 375 * 100dvw) calc(8 / 375 * 100dvw);
  border-radius: 0 0 calc(24 / 375 * 100dvw) calc(24 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__footer > div {
  height: calc(54 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .app-dialog .q-date__footer > div :first-child {
  margin-right: calc(6 / 375 * 100dvw);
}
body.mobile .app-dialog.fullscreen > .app-dialog__close {
  top: calc(20 / 375 * 100dvw);
  right: calc(10 / 375 * 100dvw);
}
body.mobile .app-dialog.fullscreen > .app-dialog__wrapper {
  overflow-x: hidden;
  border-radius: 0 !important;
}.dialog-demo {
  width: min(400px, 400 / 1490 * 100vw);
  display: flex;
  flex-direction: column;
}
.dialog-demo__qr {
  width: min(140px, 140 / 1490 * 100vw);
  height: min(140px, 140 / 1490 * 100vw);
  margin: min(16px, 16 / 1490 * 100vw) auto;
}
.dialog-demo__btn {
  color: white;
  height: min(64px, 64 / 1490 * 100vw);
  font-weight: 600;
  font-size: min(18px, 18 / 1490 * 100vw);
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.dialog-demo__btn .q-icon {
  font-size: min(22px, 22 / 1490 * 100vw);
  margin-right: min(10px, 10 / 1490 * 100vw);
}
.dialog-demo__under-btn {
  height: min(64px, 64 / 1490 * 100vw);
  font-weight: 600;
  font-size: min(18px, 18 / 1490 * 100vw);
  border-radius: min(16px, 16 / 1490 * 100vw);
  margin-bottom: min(-20px, -20 / 1490 * 100vw);
  text-decoration: underline;
  text-underline-offset: min(6px, 6 / 1490 * 100vw);
  text-decoration-style: dotted;
  text-decoration-thickness: min(2px, 2 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
}
.dialog-demo__form {
  padding: min(24px, 24 / 1490 * 100vw) 0;
}
.dialog-demo .q-input {
  margin-bottom: min(16px, 16 / 1490 * 100vw);
}
body.mobile .dialog-demo {
  width: 100%;
}
body.mobile .dialog-demo__btn {
  height: calc(64 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  margin-top: calc(24 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}
body.mobile .dialog-demo__btn .q-icon {
  font-size: calc(22 / 375 * 100dvw);
  margin-right: calc(10 / 375 * 100dvw);
}
body.mobile .dialog-demo__under-btn {
  height: calc(60 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
  margin-bottom: calc(-8 / 375 * 100dvw);
  text-underline-offset: calc(6 / 375 * 100dvw);
  text-decoration-thickness: calc(2 / 375 * 100dvw);
}
body.mobile .dialog-demo .q-input {
  margin-bottom: calc(16 / 375 * 100dvw);
}.dialog-request {
  width: min(932px, 932 / 1490 * 100vw);
  display: flex;
  flex-direction: column;
}
.dialog-request__title {
  font-weight: 700;
  font-size: min(17px, 17 / 1490 * 100vw);
  margin-bottom: min(24px, 24 / 1490 * 100vw);
}
.dialog-request__title:not(:first-child) {
  margin-top: min(40px, 40 / 1490 * 100vw);
}
.dialog-request__title.pricing {
  margin: min(22px, 22 / 1490 * 100vw) 0 min(4px, 4 / 1490 * 100vw);
}
.dialog-request__btn {
  width: 100%;
  color: white;
  height: min(64px, 64 / 1490 * 100vw);
  font-weight: 600;
  font-size: min(18px, 18 / 1490 * 100vw);
  margin-top: min(29px, 29 / 1490 * 100vw);
  border-radius: min(16px, 16 / 1490 * 100vw);
  font-family: "Soyuz Grotesk", sans-serif;
  background: linear-gradient(90deg, #763DFA, #B574FB);
}
.dialog-request__btn .q-icon {
  font-size: min(22px, 22 / 1490 * 100vw);
  margin-right: min(10px, 10 / 1490 * 100vw);
}
.dialog-request__form {
  display: grid;
  grid-gap: min(42px, 42 / 1490 * 100vw);
  padding: min(24px, 24 / 1490 * 100vw) 0 0;
  grid-template-columns: min(420px, 420 / 1490 * 100vw) min(470px, 470 / 1490 * 100vw);
}
.dialog-request .q-field {
  margin-bottom: min(16px, 16 / 1490 * 100vw);
}
.dialog-request .q-placeholder-select .ellipsis {
  color: #898B99;
}
.dialog-request .caption {
  font-weight: 400;
  font-size: min(12px, 12 / 1490 * 100vw);
  line-height: 160%;
}
body.mobile .dialog-request {
  width: 100%;
}
body.mobile .dialog-request__form {
  grid-gap: calc(40 / 375 * 100dvw);
  padding: calc(32 / 375 * 100dvw) 0 calc(40 / 375 * 100dvw);
  grid-template-columns: 1fr;
}
body.mobile .dialog-request__title {
  font-size: calc(15 / 375 * 100dvw);
  margin-bottom: calc(24 / 375 * 100dvw);
}
body.mobile .dialog-request__title:not(:first-child) {
  margin-top: calc(40 / 375 * 100dvw);
}
body.mobile .dialog-request__title.pricing {
  margin: calc(22 / 375 * 100dvw) 0 calc(4 / 375 * 100dvw);
}
body.mobile .dialog-request .q-field {
  margin-bottom: calc(16 / 375 * 100dvw);
}
body.mobile .dialog-request .q-checkbox {
  margin-top: calc(32 / 375 * 100dvw);
}
body.mobile .dialog-request .caption {
  font-size: calc(11 / 375 * 100dvw);
  margin-top: calc(7 / 375 * 100dvw);
}
body.mobile .dialog-request__btn {
  height: calc(64 / 375 * 100dvw);
  font-size: calc(18 / 375 * 100dvw);
  margin-top: calc(42 / 375 * 100dvw);
  border-radius: calc(16 / 375 * 100dvw);
}