/*
 * CoreColors component - Design System 3.0
 */
/* Neutral colors */
:root {
  --neutral-0: #FFFFFF;
  --neutral-02: #F6F7F7;
  --neutral-03: #F3F4F5;
  --neutral-05: #ECEEF0;
  --neutral-08: #DEE0E1;
  --neutral-10: #CDCECE;
  --neutral-20: #B5B5B6;
  --neutral-25: #5B5C5F;
  --neutral-30: #4B4C51;
  --neutral-40: #404146;
  --neutral-50: #35363A;
  --neutral-60: #2C2D30;
  --neutral-70: #232427;
  --neutral-80: #1B1C1E;
  --neutral-85: #181A1D;
  --neutral-90: #141518;
  --neutral-95: #0E0F11;
  --neutral-100: #090A0C;
  --neutral-110: #000000;
  /* Neutral Alpha */
  --neutral-0-a04: #FFFFFF0A;
  --neutral-0-a05: #FFFFFF0D;
  --neutral-0-a06: #FFFFFF0F;
  --neutral-0-a08: #FFFFFF14;
  --neutral-0-a10: #FFFFFF1A;
  --neutral-0-a12: #FFFFFF1F;
  --neutral-0-a15: #FFFFFF26;
  --neutral-0-a85: #FFFFFFD9;
  --neutral-0-a92: #FFFFFFEB;
  --neutral-100-a04: #090A0C0A;
  --neutral-100-a05: #090A0C0D;
  --neutral-100-a06: #090A0C0F;
  --neutral-100-a08: #090A0C14;
  --neutral-100-a10: #090A0C1A;
  --neutral-100-a12: #090A0C1F;
  --neutral-100-a15: #090A0C26;
  --neutral-100-a16: #090A0C29;
  --neutral-100-a20: #090A0C33;
  --neutral-100-a32: #090A0C52;
  --neutral-100-a85: #090A0CD9;
  --neutral-100-a92: #090A0CEB;
  /* Brand colors */
  --brand-20: #F2FEF0;
  --brand-30: #E6FDE0;
  --brand-40: #D6FBD0;
  --brand-50: #BFF7BA;
  --brand-60: #9DF2A6;
  --brand-70: #75EA92;
  --brand-80: #4EE37D;
  --brand-90: #26DB69;
  --brand-100-d: #00BD54;
  --brand-100: #00D352;
  --brand-110: #00BC46;
  --brand-120: #00A73F;
  --brand-130: #009239;
  --brand-140: #00802E;
  --brand-150: #006626;
  /* Brand Alpha */
  --brand-100-a12: #00D3521F;
  --brand-100-a24: #00D3523D;
  --brand-100-d-a16: #00BD5429;
  /* Success */
  --success-40: #CFF7E6;
  --success-60: #4DCE94;
  --success-80: #26B980;
  --success-100: #00A66C;
  /* Success Alpha */
  --success-100-a12: #00A66C1F;
  --success-100-a24: #00A66C3D;
  /* Error colors */
  --error-40: #FFCDD2;
  --error-80: #F56A6A;
  --error-100-d: #801A1A;
  --error-100: #E53935;
  --error-120: #C62828;
  --error-140: #8B0000;
  --error-150: #650000;
  /* Warning colors */
  --warning-40: #FFF3E0;
  --warning-80: #FFB74D;
  --warning-100-d: #E8A039;
  --warning-100: #FB8C00;
  --warning-110: #F57C00;
  --warning-130: #E65100;
  --warning-150: #BF3600;
  /* Info colors */
  --info-40: #E3F2FD;
  --info-80: #64B5F6;
  --info-100: #1E88E5;
  --info-100-d: #1B4E89;
  --info-110: #1976D2;
  --info-130: #0D47A1;
  --info-150: #08306C;
}
/*
 * AliasColor component - Design System 3.0
 */
/* Светлая тема */
:root.light {
  /* Bg */
  --bg-hero: var(--neutral-03);
  --bg-section-elevated: var(--neutral-0);
  /* Card */
  --card-bg: var(--neutral-0-a85);
  --card-stroke: var(--neutral-0-a15);
  --card-text: var(--neutral-90);
  --card-shadow-weak: var(--neutral-0-a15);
  /* Text */
  --text-primary: var(--neutral-90);
  --text-table-label: var(--neutral-70);
  --text-secondary: var(--neutral-70);
  --text-section-title: var(--neutral-100);
  --text-card-title-lg: var(--neutral-100);
  --text-card-body-lg: var(--neutral-60);
  --text-table-value: var(--neutral-90);
  --text-link-md: var(--info-110);
  --text-hint: var(--neutral-60);
  --text-hint-on-dark: var(--neutral-20);
  /* Control */
  --control-hover-bg: var(--neutral-100-a08);
  --control-btn-primary-bg: var(--neutral-100);
  --control-btn-primary-bg-hover: var(--neutral-85);
  --control-btn-primary-bg-press: var(--neutral-110);
  --control-btn-primary-bg-disabled: var(--neutral-08);
  --control-btn-primary-content: var(--neutral-0);
  --control-btn-primary-content-disabled: var(--neutral-20);
  --control-btn-trettiary-navigation-active: var(--brand-100);
  --control-btn-segmented-bg: var(--neutral-03);
  --control-btn-segmented-segmenter-active: var(--neutral-0-a85);
  --control-btn-segmented-content: var(--neutral-100);
  --control-btn-segmented-lead-icon: var(--brand-100);
  /* Surface */
  --surface-card: var(--neutral-02);
  --surface-table-row: var(--neutral-02);
  --surface-calculator-card: var(--neutral-02);
  --surface-calculator-inner: var(--neutral-0);
  --surface-chip: var(--neutral-0);
  /* Border */
  --border-subtle: var(--neutral-100-a05);
  --border-hairline: var(--neutral-100-a04);
  --border-image-thumb: var(--neutral-100-a06);
  --border-selected: var(--brand-100);
  /* Badge */
  --badge-bg: var(--brand-80);
  --badge-on-bg: var(--neutral-70);
}
/* Тёмная тема */
:root.dark {
  /* Bg */
  --bg-hero: var(--neutral-80);
  --bg-section-elevated: var(--neutral-90);
  /* Card */
  --card-bg: var(--neutral-100-a85);
  --card-stroke: var(--neutral-100-a15);
  --card-text: var(--neutral-05);
  --card-shadow-weak: var(--neutral-100-a15);
  /* Text */
  --text-primary: var(--neutral-05);
  --text-table-label: var(--neutral-20);
  --text-secondary: var(--neutral-20);
  --text-section-title: var(--neutral-05);
  --text-card-title-lg: var(--neutral-03);
  --text-card-body-lg: var(--neutral-20);
  --text-table-value: var(--neutral-05);
  --text-link-md: var(--info-80);
  --text-hint: var(--neutral-20);
  --text-hint-on-dark: var(--neutral-25);
  /* Control */
  --control-hover-bg: var(--neutral-0-a08);
  --control-btn-primary-bg: var(--neutral-0);
  --control-btn-primary-bg-hover: var(--neutral-05);
  --control-btn-primary-bg-press: var(--neutral-10);
  --control-btn-primary-bg-disabled: var(--neutral-50);
  --control-btn-primary-content: var(--neutral-100);
  --control-btn-primary-content-disabled: var(--neutral-25);
  --control-btn-trettiary-navigation-active: var(--brand-100-d);
  --control-btn-segmented-bg: var(--neutral-60);
  --control-btn-segmented-segmenter-active: var(--neutral-100-a85);
  --control-btn-segmented-content: var(--neutral-0);
  --control-btn-segmented-lead-icon: var(--brand-100-d);
  /* Surface */
  --surface-card: var(--neutral-85);
  --surface-table-row: var(--neutral-85);
  --surface-calculator-card: var(--neutral-85);
  --surface-calculator-inner: var(--neutral-100);
  --surface-chip: var(--neutral-95);
  /* Border */
  --border-subtle: var(--neutral-0-a05);
  --border-hairline: var(--neutral-0-a05);
  --border-image-thumb: var(--neutral-0-a12);
  --border-selected: var(--brand-100-d);
  /* Badge */
  --badge-bg: var(--brand-100-d);
  --badge-on-bg: var(--neutral-110);
}
/*
 * CoreNumbers component - Design System 3.0
 */
:root {
  /* Size (rem) */
  --size-0: 0rem;
  --size-0-5: 0.125rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 0.75rem;
  --size-4: 1rem;
  --size-5: 1.25rem;
  --size-6: 1.5rem;
  --size-7: 1.75rem;
  --size-8: 2rem;
  --size-9: 2.25rem;
  --size-10: 2.5rem;
  --size-11: 2.75rem;
  --size-12: 3rem;
  --size-13: 3.25rem;
  --size-14: 3.5rem;
  --size-15: 3.75rem;
  --size-16: 4rem;
  --size-17: 4.25rem;
  --size-18: 4.5rem;
  --size-19: 4.75rem;
  --size-20: 5rem;
  /* Border (rem) */
  --border-1: 0.0625rem;
  --border-0-5: 0.03125rem;
  --border-2: 0.125rem;
  --border-3: 0.1875rem;
  /* Radius */
  --radius-0: var(--size-0);
  --radius-2: var(--size-0-5);
  --radius-4: var(--size-1);
  --radius-8: var(--size-2);
  --radius-12: var(--size-3);
  --radius-16: var(--size-4);
  --radius-full: 999999rem;
  /* Spacing */
  --spacing-0: var(--size-0);
  --spacing-2: var(--size-0-5);
  --spacing-4: var(--size-1);
  --spacing-8: var(--size-2);
  --spacing-12: var(--size-3);
  --spacing-16: var(--size-4);
  --spacing-20: var(--size-5);
  --spacing-24: var(--size-6);
  --spacing-32: var(--size-8);
  --spacing-40: var(--size-10);
  --spacing-48: var(--size-12);
  --spacing-64: var(--size-16);
}
@font-face {
  font-family: "Abank Sans";
  src: url(/AbankSans-Regular-9c5f68a8da1cc1c709781dfa7e9f0908.woff) format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Abank Sans";
  src: url(/AbankSans-Bold-7c8d92648871bb468f4360222b338bdc.woff) format("woff");
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Thin-c07ff0e0a1a660a0ab28ce99bf2abe21.woff2) format("woff");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-ExtraLight-2b538c6029a3d152fd642e1eea9e520a.woff2) format("woff");
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Light-a6444459ddf71636e02e7bc87e4630dd.woff2) format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Regular-0030fa5586360a29f90764c5bff5147d.woff2) format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Medium-c92a2e56edf6522066316bc22b9645c5.woff2) format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-SemiBold-0c998ae40d18a7d96809ced49502b7ce.woff2) format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Bold-164db87bdc87f05f791bf8241ce3dc16.woff2) format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-ExtraBold-8a150a1525e202b2818e7b0026bf0bf0.woff2) format("woff");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-Black-16caa1e6f49123fc362e10cf733ef9a2.woff2) format("woff");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-ThinItalic-1e39574ce2fda9b254565afa327b6c8b.woff2) format("woff");
  font-style: italic;
  font-weight: 100;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-ExtraLightItalic-64401a51ea09901ba7b2e8bd8932154d.woff2) format("woff");
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-LightItalic-06b10e221b940668375f00a6c156523c.woff2) format("woff");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-RegularItalic-070d07a55673de5a83b044bc273d2ee4.woff2) format("woff");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-MediumItalic-cdbd8b39846c459e96c57f574696e227.woff2) format("woff");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-SemiBoldItalic-2c731772db2beed47a5adcec8a666684.woff2) format("woff");
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-BoldItalic-fee6ed55fb2d0e59fdfa704933077adb.woff2) format("woff");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-ExtraBoldItalic-49a2211609565d83310f4263ed35c75e.woff2) format("woff");
  font-style: italic;
  font-weight: 800;
}
@font-face {
  font-family: "Fixel Display";
  src: url(/FixelDisplay-BlackItalic-30fa62887075f73a55a844e609f9a168.woff2) format("woff");
  font-style: italic;
  font-weight: 900;
}
/*
 * CoreTypography component - Design System 3.0
 */
:root {
  /* Font Family */
  --font-family-display: 'Fixel Display', sans-serif;
  --font-family-text: 'Fixel Display', sans-serif;
  /* Font Weight */
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  /* Font Size */
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: var(--size-4);
  --font-size-18: 18px;
  --font-size-20: var(--size-5);
  --font-size-24: var(--size-6);
  --font-size-32: var(--size-8);
  --font-size-44: var(--size-11);
  --font-size-48: var(--size-12);
  --font-size-72: var(--size-18);
  /* Line Height */
  --line-height-16: var(--size-5);
  --line-height-20: var(--size-5);
  --line-height-24: var(--size-6);
  --line-height-28: var(--size-7);
  --line-height-32: var(--size-8);
  --line-height-40: var(--size-10);
  --line-height-48: var(--size-12);
  --line-height-52: var(--size-13);
  --line-height-56: var(--size-14);
  --line-height-80: var(--size-20);
  /* Tracking (px) */
  --track-neg-15: -1.5px;
  --track-neg-125: -1.25px;
  --track-neg-10: -1px;
  --track-neg-05: -0.5px;
  --track-pos-025: 0.25px;
  --track-pos-05: 0.5px;
}
.card-order-modal {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(5.4000001px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
@media (max-width: 640px) {
  .card-order-modal {
    overflow: auto;
    display: block;
  }
}
.card-order-modal__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--spacing-48);
  flex: 0 0 1131px;
  width: 1131px;
  height: 328px;
  background: var(--surface-table-row);
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--border-hairline);
  backdrop-filter: blur(5.25px);
}
@media (max-width: 1180px) and (max-height: 600px) {
  .card-order-modal__body {
    overflow: auto;
    max-height: 90vh;
  }
}
@media (max-width: 1180px) {
  .card-order-modal__body {
    height: auto;
    flex: 0 0 702px;
    width: 702px;
    display: block;
    padding: 0 var(--spacing-48) var(--line-height-56) var(--spacing-48);
  }
}
@media (max-width: 820px) {
  .card-order-modal__body {
    flex: 0 0 547px;
    width: 547px;
    padding: 0 var(--spacing-32) var(--spacing-32) var(--spacing-32);
  }
}
@media (max-width: 640px) {
  .card-order-modal__body {
    overflow: initial;
    max-height: none;
    z-index: 1001;
    width: 100%;
    min-height: 100%;
    padding: 72px var(--spacing-16);
    border-radius: 0;
  }
}
.card-order-modal__close {
  color: var(--text-secondary);
  width: 32px;
  height: 32px;
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
@media (max-width: 1180px) {
  .card-order-modal__close {
    top: 24px;
    right: 24px;
  }
}
@media (max-width: 640px) {
  .card-order-modal__close {
    display: none;
  }
}
.card-order-modal__left {
  order: 1;
}
.card-order-modal__title {
  color: var(--text-section-title);
  margin: 0 0 var(--spacing-4) 0;
  font-family: var(--font-family-display);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-600);
  line-height: var(--line-height-40);
  letter-spacing: var(--track-neg-05);
}
@media (max-width: 640px) {
  .card-order-modal__title {
    font-family: var(--font-family-display);
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-600);
    line-height: var(--line-height-32);
    letter-spacing: var(--track-neg-05);
  }
}
.card-order-modal__subtitle {
  color: var(--text-secondary);
  margin-bottom: var(--spacing-24);
  font-family: var(--font-family-text);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-28);
  letter-spacing: 0;
}
@media (max-width: 640px) {
  .card-order-modal__subtitle {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
.card-order-modal__image {
  order: 2;
  width: 328px;
  flex: 0 0 328px;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}
.card-order-modal__image img {
  width: 328px;
  flex: 0 0 328px;
}
@media (max-width: 1180px) {
  .card-order-modal__image {
    flex: 1 1 auto;
    width: auto;
    margin: -78px 0 var(--line-height-24) 0;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1180px) and (max-height: 600px) {
  .card-order-modal__image {
    margin: 0 0 var(--line-height-24) 0;
  }
}
@media (max-width: 820px) and (max-height: 600px) {
  .card-order-modal__image {
    margin: 0 0 var(--line-height-24) 0;
  }
}
@media (max-width: 640px) {
  .card-order-modal__image {
    margin: 0 0 var(--spacing-24) 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .card-order-modal__image img {
    flex: 1 1 100%;
    width: 100%;
    max-width: 374px;
  }
}
.card-order-modal__error {
  display: none;
  margin-top: 4px;
  font-family: var(--font-family-text);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-20);
  letter-spacing: 0;
}
@media (max-width: 640px) {
  .card-order-modal__error {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
.card-order-modal__input {
  margin-bottom: var(--spacing-12);
  max-width: 606px;
}
.card-order-modal__input input {
  width: 100%;
  padding: var(--spacing-16);
  color: var(--text-card-body-lg);
  border-radius: 16px;
  border: 1px solid var(--border-hairline);
  background: var(--bg-section-elevated);
  backdrop-filter: blur(5.25px);
  font-family: var(--font-family-text);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-28);
  letter-spacing: 0;
}
.card-order-modal__input input:focus {
  outline: none;
}
.card-order-modal__input input::placeholder {
  color: var(--text-card-body-lg);
  font-family: var(--font-family-text);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-28);
  letter-spacing: 0;
}
@media (max-width: 640px) {
  .card-order-modal__input input::placeholder {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
@media (max-width: 640px) {
  .card-order-modal__input input {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
.card-order-modal__input_error input {
  color: var(--error-100);
  border: 1px solid var(--error-100);
}
.card-order-modal__input_error .card-order-modal__error {
  display: block;
  color: var(--error-100);
}
.card-order-modal__checkbox-block {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-bottom: var(--spacing-12);
  cursor: pointer;
}
.card-order-modal__checkbox {
  border-radius: 8px;
  border: 1px solid rgba(9, 10, 12, 0.1);
  background: var(--bg-section-elevated);
  backdrop-filter: blur(5.25px);
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-order-modal__checkbox div {
  display: none;
}
.card-order-modal__checkbox svg {
  fill: var(--control-btn-primary-bg);
}
.card-order-modal__checkbox_checked div {
  display: block;
}
.card-order-modal__checkbox-text {
  color: var(--text-card-body-lg);
  font-family: var(--font-family-text);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-28);
  letter-spacing: 0;
}
@media (max-width: 640px) {
  .card-order-modal__checkbox-text {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
.card-order-modal__button,
.card-order-modal__btn {
  padding: var(--spacing-12) var(--spacing-24);
  border-radius: var(--radius-12);
  background: var(--control-btn-primary-bg);
  color: var(--control-btn-primary-content);
  font-family: var(--font-family-text);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-24);
  letter-spacing: 0;
  cursor: pointer;
  border: none;
}
@media (max-width: 640px) {
  .card-order-modal__button,
  .card-order-modal__btn {
    font-family: var(--font-family-text);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-400);
    line-height: var(--line-height-20);
    letter-spacing: 0;
  }
}
.card-order-modal__button_disabled,
.card-order-modal__btn_disabled {
  cursor: auto;
}
@media (max-width: 640px) {
  .card-order-modal__button,
  .card-order-modal__btn {
    width: 100%;
  }
}
.card-order-modal__back-btn {
  all: unset;
  width: 100%;
  text-align: center;
  padding: var(--spacing-12) 0px;
  color: #E73A4C;
  font-family: var(--font-family-text);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-24);
  letter-spacing: 0;
  cursor: pointer;
}
.card-order-modal .download__item {
  display: flex;
  align-items: center;
  border-radius: var(--radius-12);
  background: var(--control-btn-primary-bg);
  padding: var(--spacing-12) var(--spacing-24);
  column-gap: var(--spacing-8);
  margin-bottom: var(--spacing-4);
  text-decoration: none;
  color: var(--control-btn-primary-content);
}
.card-order-modal .download__item:last-child {
  margin-bottom: 0;
}
.card-order-modal .download__image_1,
.card-order-modal .download__image_1 div,
.card-order-modal .download__image_1 div svg {
  width: 24px;
  height: 26px;
}
.card-order-modal .download__image_2,
.card-order-modal .download__image_2 div,
.card-order-modal .download__image_2 div svg {
  width: 19px;
  height: 24px;
}
.card-order-modal .download__image_3,
.card-order-modal .download__image_3 div,
.card-order-modal .download__image_3 div svg {
  width: 24px;
  height: 24px;
}
.card-order-modal .download__text {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-500);
  line-height: var(--line-height-24);
  flex-grow: 1;
  text-align: center;
  font-family: var(--font-family-text);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-400);
  line-height: var(--line-height-20);
  letter-spacing: 0;
}
.card-order-modal.success-screen .card-order-modal__image,
.card-order-modal.error-screen .card-order-modal__image {
  flex: 0 0 256px;
  width: 256px;
  height: 256px;
}
.card-order-modal.success-screen .card-order-modal__image img,
.card-order-modal.error-screen .card-order-modal__image img {
  flex: 0 0 256px;
  width: 256px;
  height: 256px;
}
@media (max-width: 1180px) {
  .card-order-modal.success-screen .card-order-modal__image,
  .card-order-modal.error-screen .card-order-modal__image {
    flex: 1 1 auto;
    width: auto;
    height: auto;
  }
  .card-order-modal.success-screen .card-order-modal__image img,
  .card-order-modal.error-screen .card-order-modal__image img {
    flex: 0 0 328px;
    width: 328px;
    height: 328px;
  }
}
@media (max-width: 640px) {
  .card-order-modal.success-screen .card-order-modal__image,
  .card-order-modal.error-screen .card-order-modal__image {
    width: 100%;
  }
  .card-order-modal.success-screen .card-order-modal__image img,
  .card-order-modal.error-screen .card-order-modal__image img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1180px) {
  .card-order-modal.success-screen .card-order-modal__left,
  .card-order-modal.error-screen .card-order-modal__left {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 820px) {
  .card-order-modal.success-screen .card-order-modal__left,
  .card-order-modal.error-screen .card-order-modal__left {
    display: block;
  }
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.modal-content {
  width: 448px;
  height: 376px;
  padding: 24px 24px 32px 24px;
  border-radius: 20px;
  background: #041C24;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #B4BBBD;
}
.modal-title {
  margin-bottom: 20px;
  color: #E8E8E9;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  /* 125% */
  letter-spacing: -0.512px;
}
.modal-qrcode,
.modal-qr-wrapper {
  max-width: 100%;
  width: 220px;
}
.modal-qr-wrapper {
  background-color: #FFF;
  height: 220px;
}


/*# sourceMappingURL=auxiliary-components-DownloadAppBottom~pages-BrightStartPromo~pages-NewCardGame.8a31f419b7c93faa7467.css.map*/