@font-face {
  font-family: "EurofontExtendedC";
  src: url("./assets/font-files/EurofontExtendedC-Bold.woff2") format("woff2"), url("./assets/font-files/EurofontExtendedC-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./assets/font-files/Inter-Medium.woff2") format("woff2"), url("./assets/font-files/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./assets/font-files/Inter-SemiBold.woff2") format("woff2"), url("./assets/font-files/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("./assets/font-files/Inter-Regular.woff2") format("woff2"), url("./assets/font-files/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  /* Ui Kit Variables */
  /* Animation */
  --transition: 0.4s;
  /* Backdrop-filter */
  --backdrop-filter-overlay: blur(15px);
  --backdrop-filter-button: blur(15px);
  /* Background */
  --background: #000000;
  --background-add: linear-gradient(151.47deg, #8a67ff -7.28%, #49d4ff 29.09%, #fe673c 65.78%, #a6498f 107.39%);
  /* Borders */
  --border-radius-none: 0px;
  --border-radius-full: 50%;
  --border-radius-5xs: 2px;
  --border-radius-4xs: 4px;
  --border-radius-3xs: 6px;
  --border-radius-2xs: 8px;
  --border-radius-xs: 10px;
  --border-radius-s: 12px;
  --border-radius-m: 16px;
  --border-radius-l: 18px;
  --border-radius-xl: 20px;
  --border-radius-2xl: 26px;
  --border-radius-big: 53px;
  --border-width-0: 0px;
  --border-width-xs: 1px;
  --border-width-s: 2px;
  --border-color-popup-gradient: var(--gradient-primary-orange);
  --border-shadow-popup: var(--box-shadow-modal-lighting);
  --border-color-table: var(--color-orange-500);
  --border-color-select-gradient: var(--gradient-primary-orange);
  --border-shadow-select: var(--box-shadow-modal-lighting);
  --border-color-select-active: var(--color-green-promo);
  --border-color-error: var(--color-red-500);
  --border-shadow-error: var(--box-shadow-modal-lighting);
  --border-color-select-price-gradient: var(--gradient-primary-green);
  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-green-promo: #00cb82;
  --color-gray: #827f7f;
  --color-grey: #827f7f;
  --color-primary-blue: #4e7ffe;
  /* Colors Dark */
  --color-dark-50: #94969a;
  --color-dark-100: #686a6e;
  --color-dark-200: #686a6e;
  --color-dark-300: #515460;
  --color-dark-400: #24252d;
  --color-dark-500: #2a2b32;
  --color-dark-600: #2c2c2e;
  --color-dark-700: #2a2a2c;
  --color-dark-800: #1b1b1c;
  --color-dark-900: #0b0b0b;
  --color-dark-950: #000000;
  /* Colors Orange */
  --color-orange-50: #ffbfad;
  --color-orange-100: #f89a7f;
  --color-orange-200: #f08160;
  --color-orange-300: #df603b;
  --color-orange-400: #cf4f29;
  --color-orange-500: #bc401c;
  --color-orange-600: #b63b17;
  --color-orange-700: #ad3613;
  --color-orange-800: #a53717;
  --color-orange-900: #8d2d11;
  --color-orange-950: #74250e;
  /* Colors Green*/
  --color-green-50: #aaefe3;
  --color-green-100: #80decd;
  --color-green-200: #64cebb;
  --color-green-300: #49bda9;
  --color-green-400: #3bb19c;
  --color-green-500: #279783;
  --color-green-600: #228f7c;
  --color-green-700: #1b7e6d;
  --color-green-800: #177161;
  --color-green-900: #125c4f;
  --color-green-950: #0d4a3f;
  /* Colors Red*/
  --color-red-50: #eea3a7;
  --color-red-100: #e37d84;
  --color-red-200: #cf6268;
  --color-red-300: #c24f56;
  --color-red-400: #ae3c43;
  --color-red-500: #9a2c33;
  --color-red-600: #90272d;
  --color-red-700: #862228;
  --color-red-800: #801c22;
  --color-red-900: #74161c;
  --color-red-950: #661015;
  /* Colors overlay*/
  --color-overlay: rgba(27, 27, 28, 0.6);
  /* Colors Btn Border*/
  --color-btn-outline-border: rgba(255, 255, 255, 0.1);
  --color-btn-outline-border-disabled: rgba(255, 255, 255, 0.1);
  /* Colors Btn Bg*/
  --color-btn-bg-disabled: #d7beb7;
  /* Colors Badge Bg*/
  --color-badge-bg: #d7beb7;
  /* Font sizes */
  --font-size-H1: 32px;
  --font-size-H2: 24px;
  --font-size-H3: 28px;
  --font-size-promo-32: 32px;
  --font-size-promo-20: 20px;
  --font-size-promo-18: 18px;
  --font-size-promo-16: 16px;
  --font-size-promo-14: 14px;
  --font-size-promo-12: 12px;
  --font-size-promo-11: 11px;
  --font-size-promo-10: 10px;
  --font-size-28: 28px;
  --font-size-24: 24px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-11: 11px;
  --font-size-10: 10px;
  /* Font sizes mobile */
  --font-size-mob-H1: 24px;
  --font-size-mob-H2: 20px;
  --font-size-mob-H3: 24px;
  --font-size-mob-promo-20: 16px;
  --font-size-mob-promo-16: 14px;
  --font-size-mob-promo-14: 12px;
  --font-size-mob-promo-12: 11px;
  --font-size-mob-promo-11: 10px;
  --font-size-mob-24: 20px;
  --font-size-mob-16: 14px;
  --font-size-mob-14: 12px;
  --font-size-mob-12: 11px;
  /* Height */
  --btn-height-xl: 64px;
  --btn-height-lg: 56px;
  --btn-height-m: 48px;
  --btn-height-s: 40px;
  --btn-height-sm: 32px;
  --btn-height-xs: 28px;
  /* Gradient*/
  --gradient-primary-orange: linear-gradient(266.47deg, #c77326 10.33%, #981807 102.01%);
  --gradient-bright-orange: linear-gradient(263.9deg, #c74a26 3.46%, #e24400 50.09%, #981807 105.19%);
  --gradient-hovers-orange: linear-gradient(263.9deg, #ff693e 3.46%, #e24400 50.09%, #f36f24 105.19%);
  --gradient-bright-dark: linear-gradient(266.47deg, #212124 10.33%, #4d4f56 53.78%, #1e2022 102.01%);
  --gradient-button-background: linear-gradient(
  	266.47deg,
  	rgba(199, 115, 38, 0.1) 10.33%,
  	rgba(152, 24, 7, 0.1) 102.01%
  );
  --gradient-primary-green: linear-gradient(266.47deg, #4ad0a8 10.33%, #027055 102.01%);
  --gradient-linear: linear-gradient(103.4deg, #ff6639 11.82%, #7e25b5 89.19%);
  /* Icons */
  --icon-6xs: 3px;
  --icon-5xs: 6px;
  --icon-4xs: 8px;
  --icon-3xs: 10px;
  --icon-2xs: 14px;
  --icon-xs: 16px;
  --icon-1s: 18px;
  --icon-s: 20px;
  --icon-m: 24px;
  --icon-l: 32px;
  /* Line heights. */
  --line-height-2xs: 12px;
  --line-height-xs: 14px;
  --line-height-s: 16px;
  --line-height-m: 18px;
  --line-height-l: 20px;
  --line-height-xl: 24px;
  --line-height-2xl: 28px;
  --line-height-3xl: 30px;
  --line-height-4xl: 32px;
  --line-height-5xl: 36px;
  --line-height-6xl: 38px;
  /* Letter-spacing. */
  --letter-spacing-s: -0.1px;
  /* Meida */
  --media-sm: 576;
  --media-md: 768px;
  --media-lg: 992px;
  --media-xl: 1200px;
  --media-2xl: 1400px;
  --media-3xl: 1600px;
  /* Opacity */
  --opacity-0: 0;
  --opacity-10: 0.1;
  --opacity-15: 0.15;
  --opacity-20: 0.2;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-90: 0.9;
  --opacity-100: 1;
  /* Positioning */
  --z-index-auto: auto;
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-500: 500;
  --z-index-max: 1000;
  /* Shadow */
  --box-shadow-modal-lighting: 0px 35px 71px -30px rgba(234, 101, 44, 0.14);
  /* Spacers */
  --space-4xs: 2px;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-s: 16px;
  --space-m: 20px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 72px;
  --space-6xl: 96px;
  /* Typography */
  --font-main: "Inter", sans-serif;
  --font-second: "EurofontExtendedC", sans-serif;
  /* Text ellipsis */
  --text-ellipsis-width-x: 50px;
  --text-ellipsis-width-1x: 52px;
  --text-ellipsis-width-2x: 60px;
  --text-ellipsis-width-m: 68px;
  --text-ellipsis-width-2m: 80px;
  --text-ellipsis-width-3m: 100px;
  --text-ellipsis-width-4m: 110px;
  --text-ellipsis-width-l: 150px;
  /* Width */
  --container-width-media-sm: 540px;
  --container-width-media-md: 720px;
  --container-width-media-lg: 960px;
  --container-width-media-xl: 1140px;
  --container-width-2xs: 632px;
  --container-width-xs: 732px;
  --container-width-s: 1074px;
  --container-width-m: 1150px;
  --container-width: 1464px;
  --bases-gutter-mob-x: 16px;
  --bases-gutter-x: 16px;
  --img-width-s: 359px;
  --img-checkbox-width: 18px;
  --img-width-m: 449px;
  --btn-width-5xs: 48px;
  --btn-width-4xs: 64px;
  --btn-width-xs: 110px;
  --btn-width-1s: 154px;
  --btn-width-s: 166px;
  --btn-width-m: 170px;
  --btn-width-l: 206px;
  --btn-width-height: 48px;
  /* Components Variables */
  /* Actions Dropdown */
  --actions-drop-down-body-width-m: 110px;
  --actions-drop-down-body-top: 24px;
  /* Badge */
  --badg-big-height: 20px;
  --badg-sm-height: 16px;
  --badg-big-border-radius: 53px;
  --badge-red-light-bg: #321913;
  /* Badge step */
  --badge-step-height: 24px;
  --badge-step-spacer-x: 6px;
  /* Banner */
  --banner-promo-height-bg-s: 164px;
  --banner-promo-height-bg-s-mob: 192px;
  /* Banner Styles*/
  --banner-styles-promo-height-bg-s: 164px;
  --banner-styles-promo-height-bg-s-mob: 192px;
  /* Bids-item */
  --bids-item-active-bg: #1c0a04;
  --bids-item-badge-height: 16px;
  --bids-item-badge-border-radius: 53px;
  --bids-item-badge-bg: linear-gradient(
  	263.9deg,
  	rgba(199, 74, 38, 0.2) 3.46%,
  	rgba(226, 68, 0, 0.2) 50.09%,
  	rgba(152, 24, 7, 0.2) 105.19%
  );
  /* Button */
  --button-icon-bg: #0d0d0d;
  /* ButtonPlus */
  --button-plus-width: 48px;
  --button-plus-height: 48px;
  --button-plus-shadow: 0px 0px 15px 5px rgba(255, 91, 55, 0.3);
  --button-plus-body-width: 38px;
  --button-plus-body-height: 38px;
  /* Calendar */
  --calendar-width-m: 250px;
  --calendar-day-width-m: 32px;
  --calendar-day-height-m: 32px;
  /* Card-short-wallet*/
  --card-short-wallet--bg: #202125;
  /* Card Wallet Offer*/
  --card-wallet-offer-bg: #260d06;
  --card-wallet-offer-height: 81px;
  --card-wallet-offer-total-before-size: 13px;
  /* Checkbox */
  --checkbox-width-m: 18px;
  --checkbox-height-m: 18px;
  --checkbox-width-before: 11px;
  --checkbox-height-before: 11px;
  /* Checkbox  Styles*/
  --checkbox-styles-width-m: 18px;
  --checkbox-styles-height-m: 18px;
  --checkbox-styles-width-before: 11px;
  --checkbox-styles-height-before: 11px;
  /* Connect-wallet*/
  --connect-wallet-loader-width: 56px;
  --connect-wallet-loader-height: 56px;
  --connect-wallet-img-width: 48px;
  --connect-wallet-text-width: 280px;
  --connect-wallet-error-img-width: 64px;
  --connect-wallet-error-img-height: 64px;
  --connect-wallet-error-bg: #1c0002;
  --connect-wallet-error-card-short-wallet-bg: #2c191e;
  /* Connect Bidst*/
  --connect-bids-top-width: 165px;
  --connect-bids-top-height: 165px;
  --connect-bids-top-loader: 48px;
  /* Created bids window */
  --created-bids-window-bids-list-offer-detailsitem-height: 36px;
  --created-bids-window-top-width: 325px;
  /* Create Offer Form Container Styles */
  --create-offer-form-styles-container-width: 700px;
  /* Create Offer Form Stage Styles */
  --create-offer-form-stage-styles-indicator-size: 24px;
  /* Create Offer Step Styles */
  --create-offer-step-style-number-width: 36px;
  --create-offer-step-style-number-height: 36px;
  /* Create Offer Card Styles*/
  --create-offer-card-styles-height: 81px;
  /* Created Window */
  --created-window-img-width: 325px;
  /* Currency Pair Icons */
  --currency-pair-icons-icon-img-last-child-margin-left: -5px;
  /* Description */
  --description-bg: #130603;
  /* Divider */
  --divider-height: 1px;
  /* Footer */
  --footer-desc-width: 308px;
  /* Filling Interest */
  --filling-interest-loader-width: 12px;
  /* Filter*/
  --filter-color-bg: #141415;
  --filter-badge-width: 10px;
  --filter-badge-height: 10px;
  /* Filters Check*/
  --filters-check-rigth-width: 152px;
  --filters-check-toggle-before-top: -3px;
  --filters-check-toggle-before-width: 1px;
  --filters-check-toggle-before-height: 24px;
  /* Fin Conditions*/
  --fin-conditions-mob-width: 342px;
  --fin-conditions-bg: #130603;
  --fin-conditions-border-radius: 120px;
  --fin-conditions-border-mob-radius: 200px;
  /* Hamburger */
  --hamburger-width: 40px;
  --hamburger-height: 40px;
  --hamburger-bg: #121314;
  --hamburger-visual-width: 18px;
  --hamburger-visual-open-width: 14px;
  --hamburger-visual-before-after-top: 6px;
  --hamburger-open-hamburger-visual-before-after-top: 5px;
  --hamburger-visual-height: 1px;
  /* Header */
  --header-height-m: 81px;
  --header-before-height: 1px;
  /* History Top Info*/
  --history-yop-info-bg: #1a191d;
  /* Icon Bg*/
  --icon-bg-width: 32px;
  --icon-bg-height: 32px;
  --icon-bg-width-sm: 24px;
  --icon-bg-height-sm: 24px;
  --icon-bg-width-m: 28px;
  --icon-bg-height-m: 28px;
  /*Img */
  --img-icon-6xs: 3px;
  --img-icon-5xs: 6px;
  --img-icon-4xs: 8px;
  --img-icon-3xs: 10px;
  --img-icon-2xs: 14px;
  --img-icon-xs: 16px;
  --img-icon-1s: 18px;
  --img-icon-s: 20px;
  --img-icon-m: 24px;
  --img-icon-l: 32px;
  --img-icon-xl: 40px;
  --img-icon-2xl: 48px;
  /*Info Best Offer */
  --info-best-offer-bg: #041613;
  --info-best-offer-bottom-bg: linear-gradient(90deg, #07765b 0%, #4ad1a8 102.28%);
  --info-best-offer-bottom-shadow: 0px 10px 40px rgba(45, 170, 135, 0.5);
  --info-best-offer-list-bg: #05211c;
  /* Offer Tab Item*/
  --offer-tab-item--number-width: 36px;
  --offer-tab-item--number-height: 36px;
  --offer-tab-item--bg: #131011;
  --offer-tab-item--bg-active: #280d06;
  /* Offer Currency */
  --offer-currency-left-bg: #260d06;
  /* Page */
  --page-circle-1-width: 782px;
  --page-circle-1-height: 782px;
  --page-circle-1-bg: rgba(188, 64, 28, 0.15);
  --page-circle-1-blur: blur(555px);
  --page-circle-1-top: -371px;
  --page-circle-1-right: -390px;
  /* Page Body */
  --page-body-min-height: 560px;
  /* Page Header*/
  --page-header-desc-width: 490px;
  /* Page Header Create Bids*/
  --page-header-create-bids-title-icon: 24px;
  /* Paginations */
  --paginations-item-width-m: 28px;
  --paginations-item-height-m: 28px;
  /* Popup */
  --popup-width-s: 480px;
  --popup-width-m: 550px;
  --popup-width-l: 640px;
  --popup-width-2l: 730px;
  --popup-width-xll: 985px;
  /* Popup-change-wallet*/
  --color-popup-desc-bg: #25130d;
  --color-popup-transactions-bg: #202125;
  --color-popup-transactions-bg: #202125;
  --color-popup-transactions-badge-width: 22px;
  --color-popup-transactions-badge-height: 16px;
  /* Profile */
  --profile-btn-width: 40px;
  --profile-btn-height: 40px;
  --profile-btn-bg: #121314;
  --profile-body-width: 254px;
  /* Profile Big*/
  --profile-big-foto-width: 128px;
  --profile-big-foto-bg-size-width: 56px;
  /* Radio */
  --radio-width-m: 18px;
  --radio-height-m: 18px;
  --radio-width-before: 18px;
  --radio-height-before: 18px;
  --radio-width-after: 10px;
  --radio-height-after: 10px;
  /* Input */
  --input-label-height: 24px;
  --input-notification-height: 14px;
  --input-disabled-color: #202226;
  /* Input-date */
  --input-date-calendar-top: 84px;
  /* Indicator Buttons */
  --indicator-buttons-btn-height: 16px;
  --indicator-buttons-btn-bg: #260d06;
  /* Lang */
  --lang-btn-width: 40px;
  --lang-btn-height: 40px;
  --lang-btn-bg: #121314;
  --lang-list-width: 156px;
  /* Logo */
  --logo-width-mobile-m: 95px;
  --logo-width-m: 127px;
  /* Loader */
  --loader-width-xs: 14px;
  --loader-height-xs: 14px;
  --loader-width-m: 24px;
  --loader-height-m: 24px;
  /* Loader Time */
  --loader-time-width: 32px;
  /* Loader Planet */
  --loader-planet-width: 173px;
  --loader-planet-mob-width: 284px;
  --loader-planet-pie-width: 50;
  --loader-planet-pie-stroke-two: #551c0c;
  --loader-planet-output-width: 165px;
  --loader-planet-output-height: 165px;
  --loader-planet-output-mob-width: 270px;
  --loader-planet-output-mob-height: 270px;
  --loader-planet-output-bg: #130603;
  --loader-planet-output-body-width: 138px;
  --loader-planet-output-body-height: 138px;
  --loader-planet-output-body-mob-width: 210px;
  --loader-planet-output-body-mob-height: 210px;
  --loader-planet-output-body-filter: drop-shadow(0px 0px 10px #bc401c);
  /* Loading Window */
  --loading-window-loader-width: 165px;
  /* List Offer Details*/
  --list-offer-details-item-height: 62px;
  --list-offer-details-item-height-m: 53px;
  /* List Bids History*/
  --list-bids-history-scrollbar-width: 6px;
  --list-bids-history-scrollbar-height: 128px;
  /* List Ticker Cards  */
  --list-ticker-card-item-width: 260px;
  --list-ticker-card-item-width-mob: 103px;
  --list-ticker-card-item-width-tablet: 124px;
  /* Menu */
  --menu-active-before-width: 41px;
  --menu-active-before-height: 4px;
  --menu-active-before-bottom: -12px;
  --menu-arrow-right: 14px;
  --menu-arrow-medium-right: 12px;
  --menu-arrow-medium-top: 6px;
  /* Menu Mobile */
  --menu-mobile-transition: 0.5s;
  --menu-mobile-item: 101px;
  /* Pie chart */
  --pie-chart-body-height: 182px;
  --pie-chart-size-body-sm: 180px;
  --pie-chart-svg-width: 182px;
  --pie-chart-item-color-block-width: 8px;
  --pie-chart-item-color-block-height: 8px;
  --pie-chart-item-color-block-height: 8px;
  --pie-chart-chart-desc-pie-total-total-p-width: 100px;
  /* Pie Chart List */
  --pie-chart-list-top-height: 60px;
  --pie-chart-list-top-bg: #0d0d0d;
  /* Search*/
  --search-height: 48px;
  --search-bg: #0d0d0d;
  /* Search Token*/
  --search-token-search-bg: #141415;
  --search-token-body-top: 52px;
  --search-token-list-height: 160px;
  /* Secondary Button*/
  --secondary-button-height: 16px;
  /* Scrollbar */
  --scrollbar-width-s: 4px;
  --scrollbar-width: 5px;
  --scrollbar-height: 50%;
  /* Slider-range*/
  --slider-range-handler-width: 20px;
  --slider-range-rc-slider-rail-height: 4px;
  --slider-range-rc-slider-track-height: 4px;
  --slider-range-rc-slider-handle-before-width: 20px;
  --slider-range-rc-slider-handle-before-height: 20px;
  --slider-range-rc-slider-handle-after-width: 12px;
  --slider-range-rc-slider-handle-after-width: 12px;
  --slider-range-rc-slider-tooltip-arrow-top: -4px;
  --slider-range-rc-slider-tooltip-arrow-width: 14px;
  --slider-range-rc-slider-tooltip-arrow-height: 5px;
  --slider-range-rc-slider-mark-top: 11px;
  --slider-range-rc-slider-mark-text-first-child-padding-left: 25px;
  --slider-range-rc-slider-mark-text-last-child-padding-right: 27px;
  --slider-range-rc-slider-tooltip-placement-top: 26px;
  /* Slider Step*/
  --slider-step-handler-width: 22px;
  --slider-step-rc-slider-rail-height: 4px;
  --slider-step-rc-slider-track-height: 4px;
  --slider-step-rc-slider-dot-width: 16px;
  --slider-step-rc-slider-dot-border-width: 3px;
  --slider-step-rc-slider-handle-before-width: 22px;
  --slider-step-rc-slider-handle-before-height: 22px;
  --slider-step-rc-slider-handle-after-width: 14px;
  --slider-step-rc-slider-handle-after-width: 14px;
  /* Slider Range Check*/
  --slider-range-check-list-before-height: 2px;
  --slider-range-check-item-width: 24px;
  --slider-range-check-item-height: 24px;
  /* Steps offer */
  --steps-offer--arrow-right: 28px;
  --steps-offer--arrow-before-after-width: 125px;
  --steps-offer--arrow-before-after-width-mob: 64px;
  --steps-offer--arrow-before-after-width-sm: 43px;
  --steps-offer--arrow-before-after-height: 1px;
  --steps-offer--arrow-before-left: 36px;
  --steps-offer--arrow-after-right: 36px;
  /* Strip Indicator*/
  --strip-indicator-indicator-width: 24px;
  --strip-indicator-round-width: 24px;
  --strip-indicator-round-height: 24px;
  /* Success */
  --success-body-bg: #0d1b1b;
  /* Table */
  --table-body-item-bg: #0d0d0d;
  --table-item-height: 64px;
  --table-item-my-bids-height: 56px;
  --table-item-my-bids-height-mob: 20px;
  --table-otc-desk-body-content-7-width: 70px;
  --table-item-bids-history-height: 40px;
  --table-item-my-offers-height: 40px;
  --table-my-offers-table-head-item-last-child-padding-right-m: 116px;
  --table-my-offers-table-head-item-last-child-padding-right: 153px;
  --table-my-offers-table-body-content-last-child-padding-left: 28px;
  --table-my-offers-bid-table-head-item-last-child-padding-right-m: 126px;
  --table-my-offers-bid-table-head-item-last-child-padding-right: 171px;
  --table-my-offers-bid-table-body-content-last-child-padding-left: 42px;
  --table-item-history-height: 34px;
  --table-history-width: 1282px;
  --table-transaction-width: 1340px;
  /* Tabs */
  --tabs-list-tabs-item-acrive-before-height: 3px;
  --tabs-list-tabs-item-acrive-before-height-mob: 1px;
  --tabs-list-tabs-item--active-before-bottom: -25px;
  --tabs-mr-negativ: -33px;
  --tab-active-before-height-mob: 1px;
  --tab-active-before-height: 3px;
  /* TabBar */
  --tab-bar-button-nav-width: 52px;
  --tab-bar-button-nav-height: 90px;
  /* Tabs Chips */
  --tab-chip-height: 40px;
  --tab-chip-active-background: #1c0a04;
  --tab-chip-badge-height: 16px;
  --tab-chip-badge-background: linear-gradient(
  	263.9deg,
  	rgba(199, 74, 38, 0.2) 3.46%,
  	rgba(226, 68, 0, 0.2) 50.09%,
  	rgba(152, 24, 7, 0.2) 105.19%
  );
  /* Text Input Styles */
  --text-input-styles-body-height: 48px;
  --text-input-styles-notification-height: 14px;
  /* Text Input Controls  Styles */
  --text-input-controls-styles-button-height: 16px;
  /* Toggle */
  --toggle-width-m: 32px;
  --toggle-height-m: 18px;
  --toggle-width-label: 32px;
  --toggle-height-label: 18px;
  --toggle-width-before: 14px;
  --toggle-height-before: 14px;
  --toggle-position-before-left: 13px;
  /* Toggle Calc */
  --toggle-calc-bg: #0f0f10;
  /* Top */
  --top-desc-width: 490px;
  /* Total Icon */
  --total-icon-img-width-mob: 12px;
  --total-icon-img-width-tablet: 16px;
  --total-icon-img-width: 24px;
  /* Title Page*/
  --title-page-width: 490px;
  /* Ticker info card*/
  --ticker-info-card-bg: #100f10;
  --ticker-info-card-icon-width: 32px;
  --ticker-info-card-icon-height: 32px;
  /* Ticker Action Card */
  --ticker-action-card-bg: #100f10;
  --ticker-action-card-icon-width: 32px;
  --ticker-action-card-icon-height: 32px;
  --ticker-action-card-bottom-btn-height: 36px;
  /* Title Border*/
  --title-border-border-height: 1px;
  /* Toggle Mod*/
  --toggle-mod-bg: #131314;
  /* Tooltip*/
  --tooltip-img-bg-width: 11px;
  --tooltip-img-bg-height: 5px;
  --tooltip-img-bg-width-row: 5px;
  --tooltip-img-bg-height-row: 11px;
  --tooltip-img-position-top: -5px;
  --tooltip-img-position-bottom: -5px;
  --tooltip-img-position-left: -5px;
  --tooltip-img-position-right: -5px;
  /* Wallet Header */
  --wallet-header-bg: #121314;
  --wallet-header-height: 40px;
  --wallet-header--total-img-width: 18px;
  --wallet-header--total-img-height: 18px;
  --wallet-header--total-img-img-width: 12px;
  --wallet-header--total-img-bg: #3c2916;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  /* 2 Block model */
  margin: 0;
  padding: 0;
  border: 0;
  /* 3 Typography */
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /* 2 Block model */
  display: block;
}

a {
  outline: none;
  color: inherit;
  text-decoration: none;
}

html,
body {
  /* 2 Block model */
  height: 100%;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  font-weight: normal;
  line-height: var(--line-height-xl);
  color: var(--color-white);
  /* 4 Visual */
  background-color: var(--color-dark-950);
}

ol,
ul {
  /* 4 Visual */
  list-style: none;
}

blockquote,
q {
  /* 3 Typography */
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  /* 4 Visual */
  content: "";
  content: none;
}

table {
  /* 4 Visual */
  border-collapse: collapse;
  border-spacing: 0;
}

.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  clip-path: inset(100%);
}
.actions-drop-down {
  /* 1 Positioning */
  position: relative;
}

.actions-drop-down__header {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-4xs);
}

.actions-drop-down__body {
  /* 1 Positioning */
  position: absolute;
  top: var(--actions-drop-down-body-top);
  left: 0;
  right: 0;
  z-index: var(--z-index-20);
  /* 2 Block model */
  display: none;
  box-sizing: border-box;
  padding: var(--space-s);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border-radius: var(--border-radius-2xs);
}

.actions-drop-down__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
}

.actions-drop-down__item {
  /* 4 Visual */
  cursor: pointer;
}

.actions-drop-down__item p,
.actions-drop-down__item span {
  /* 5 Animation */
  transition: var(--transition) ease;
}

.actions-drop-down__item:hover p,
.actions-drop-down__item:hover span {
  /* 3 Typography */
  color: var(--color-orange-300);
}

.actions-drop-down--open .actions-drop-down__body {
  /* 2 Block model */
  display: block;
}

.actions-drop-down__body--m {
  /* 2 Block model */
  width: var(--actions-drop-down-body-width-m);
}

.actions-drop-down__body--left {
  /* 2 Block model */
  right: auto;
  left: 0;
}

.actions-drop-down__body--right {
  /* 2 Block model */
  right: 0;
  left: auto;
}
.btn {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-xs);
  justify-content: center;
  height: var(--btn-height-s);
  padding: 0 var(--space-xl);
  margin: 0;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-xl);
  font-weight: bold;
  color: var(--color-white);
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  /* 4 Visual */
  cursor: pointer;
  user-select: none;
  background: var(--color-orange-500);
  border: var(--border-width-s) solid var(--color-orange-500);
  border-radius: var(--border-radius-2xs);
  outline: none;
  /* 5 Animation */
  transition: all var(--transition) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.btn__text {
  /* 3 Typography */
  display: inline-flex;
  white-space: nowrap;
  word-break: keep-all;
}

.btn:hover {
  /* 4 Visual */
  background: var(--color-orange-300);
  border: var(--border-width-s) solid var(--color-orange-300);
}

.btn:focus {
  /* 4 Visual */
  background: var(--color-orange-300);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.btn:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.btn:disabled {
  /* 4 Visual */
  cursor: not-allowed;
  opacity: var(--opacity-20);
}

.btn--promo {
  /* 2 Block model */
  height: var(--btn-height-m);
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-14);
  line-height: var(--line-height-m);
  /* 4 Visual */
  border: var(--border-width-s) solid transparent;
  background: var(--gradient-primary-orange) border-box;
}

.btn--promo:hover {
  /* 4 Visual */
  background: var(--gradient-bright-orange) border-box;
  border: var(--border-width-s) solid transparent;
}

.btn--promo:focus {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.btn--promo:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.btn--promo:disabled {
  /* 4 Visual */
  border-color: transparent;
  border: var(--border-width-0);
  background: var(--gradient-primary-orange);
}

.btn--block {
  /* 2 Block model */
  width: 100%;
}

.btn--outline {
  /* 4 Visual */
  border-color: transparent;
  border: var(--border-width-s) solid var(--color-btn-outline-border);
  background: none;
}

.btn--outline:hover {
  /* 4 Visual */
  background: none;
  border: var(--border-width-s) solid var(--color-orange-300);
}

.btn--outline:focus {
  /* 4 Visual */
  background: var(--color-orange-50);
  border: var(--border-width-s) solid var(--color-orange-300);
}

.btn--outline:active {
  /* 4 Visual */
  background: none;
  border: var(--border-width-s) solid var(--color-orange-300);
}

.btn--outline:active .btn__text {
  /* 3 Typography */
  color: var(--color-orange-400);
}

.btn--outline:disabled {
  /* 4 Visual */
  background: none;
  border: var(--border-width-s) solid var(--color-btn-outline-border-disabled);
}

.btn--gradients {
  /* 4 Visual */
  border: var(--border-width-s) solid transparent;
  background: var(--gradient-bright-orange) border-box;
}

.btn--gradients:hover {
  /* 4 Visual */
  background: var(--gradient-hovers-orange);
  border: 2px solid transparent;
}

.btn--gradients:focus {
  /* 4 Visual */
  background: var(--gradient-hovers-orange);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.btn--gradients:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.btn--connect {
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-orange-500);
  background: var(--color-orange-500);
}

.btn--connect:hover {
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-orange-600);
  background: var(--color-orange-600);
}

.btn--connect:focus {
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-orange-700);
  background: var(--color-orange-700);
}

.btn--connect:active {
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-orange-200);
  background: var(--color-orange-200);
}

.btn--promo-outline {
  /* 2 Block model */
  height: var(--btn-height-m);
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-14);
  line-height: var(--line-height-m);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-300);
  background: none;
}

.btn--promo-outline:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.btn--promo-outline:focus {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: var(--gradient-button-background);
}

.btn--promo-outline:active {
  /* 3 Typography */
  color: var(--color-orange-500);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.btn--promo-outline:active .btn__text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.btn--promo-outline:disabled {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-300);
  background: none;
}

.btn--promo-outline-two {
  /* 2 Block model */
  height: var(--btn-height-m);
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-14);
  line-height: var(--line-height-m);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.btn--promo-outline-two:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.btn--promo-outline-two:focus {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: var(--gradient-button-background);
}

.btn--promo-outline-two:active {
  /* 3 Typography */
  color: var(--color-orange-500);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.btn--promo-outline-two:active .btn__text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.btn--promo-sm {
  /* 2 Block model */
  height: var(--btn-height-xs);
  min-width: var(--btn-width-4xs);
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  /* 3 Typography */
  font-size: var(--font-size-promo-11);
  line-height: var(--line-height-xs);
}

.btn--promo-sm .btn__text {
  /* 3 Typography */
  font-size: var(--font-size-promo-11);
  line-height: var(--line-height-xs);
}

.btn--sm {
  /* 2 Block model */
  height: var(--btn-height-xs);
  min-width: var(--btn-width-4xs);
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  /* 3 Typography */
  font-size: var(--font-size-promo-11);
  line-height: var(--line-height-xs);
}

.btn--sm .btn__text {
  /* 3 Typography */
  font-size: var(--font-size-promo-11);
  line-height: var(--line-height-xs);
}

.btn--icon {
  /* 2 Block model */
  padding: 0;
  height: auto;
  /* 4 Visual */
  background: none;
  border: none;
}

.btn--icon .icon {
  /* 4 Visual */
  transition: all var(--transition);
  stroke: var(--color-orange-500);
}

.btn--icon:hover,
.btn--icon:focus,
.btn--icon:active {
  /* 4 Visual */
  background: none;
  border: none;
}

.btn--icon:hover .icon {
  /* 4 Visual */
  stroke: var(--color-orange-100);
}

.btn--icon-bg {
  /* 2 Block model */
  padding: 0;
  height: var(--btn-height-m);
  width: var(--btn-width-5xs);
  /* 4 Visual */
  background: var(--button-icon-bg);
  border: none;
}

.btn--icon-bg .icon {
  /* 4 Visual */
  transition: all var(--transition);
  stroke: var(--color-orange-500);
}

.btn--icon-bg:hover,
.btn--icon-bg:focus,
.btn--icon-bg:active {
  /* 4 Visual */
  background: var(--button-icon-bg);
  border: none;
}

.btn--icon-bg:hover .icon {
  /* 4 Visual */
  stroke: var(--color-orange-100);
}

.btn--error {
  /* 2 Block model */
  padding-left: var(--space-l);
  padding-right: var(--space-l);
  /* 3 Typography */
  font-weight: 500;
  /* 4 Visual */
  background-color: var(--color-red-500);
  border-color: var(--color-red-500);
}

.btn--error .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.btn--error:hover,
.btn--error:active,
.btn--error:focus {
  /* 4 Visual */
  opacity: var(--opacity-50);
  background-color: var(--color-red-500);
  border-color: var(--color-red-500);
}

.btn--error:disabled:hover {
  /* 4 Visual */
  opacity: var(--opacity-20);
}

.btn--pending {
  /* 2 Block model */
  padding-left: var(--space-l);
  padding-right: var(--space-l);
  /* 4 Visual */
  font-weight: 500;
  /* 4 Visual */
  background-color: var(--color-primary-blue);
  border-color: var(--color-primary-blue);
}

.btn--pending .icon {
  /* 5 Animation */
  animation: 1s linear 0s normal none infinite running rot;
}

.btn--pending:hover,
.btn--pending:active,
.btn--pending:focus {
  /* 4 Visual */
  opacity: var(--opacity-50);
  background-color: var(--color-primary-blue);
  border-color: var(--color-primary-blue);
}

.btn--pending:disabled .icon {
  /* 5 Animation */
  animation-play-state: paused;
}

.btn--pending:disabled:hover {
  /* 4 Visual */
  opacity: var(--opacity-20);
}

@keyframes btnPeddingLoad {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn--flat {
  /* 2 Block model */
  height: auto;
  padding: 0;
  /* 4 Visual */
  border: none;
  background: none;
}

.btn--flat:hover,
.btn--flat:active,
.btn--flat:focus {
  /* 4 Visual */
  border: none;
  background: none;
  opacity: var(--opacity-60);
}

.btn--flat:disabled {
  /* 4 Visual */
  opacity: var(--opacity-50);
}
.h1 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-H1);
  line-height: var(--line-height-4xl);
  font-weight: bold;
}
@media (min-width: 768px) {
  .h1 {
    /* 3 Typography */
    font-size: var(--font-size-H1);
    line-height: var(--line-height-6xl);
  }
}

.h2 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-mob-H2);
  line-height: var(--line-height-3xl);
  font-weight: normal;
}
@media (min-width: 768px) {
  .h2 {
    /* 3 Typography */
    font-size: var(--font-size-H2);
    line-height: var(--line-height-4xl);
  }
}

.h3 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-mob-H3);
  line-height: var(--line-height-4xl);
  font-weight: normal;
}
@media (min-width: 768px) {
  .h3 {
    /* 3 Typography */
    font-size: var(--font-size-H3);
    line-height: var(--line-height-5xl);
  }
}

.text-10 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-10);
  line-height: var(--line-height-s);
  font-weight: normal;
  letter-spacing: var(--letter-spacing-s);
}

.text-11 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-11);
  line-height: var(--line-height-m);
  font-weight: normal;
  letter-spacing: var(--letter-spacing-s);
}

.text-12 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-mob-12);
  line-height: var(--line-height-m);
  font-weight: normal;
}
@media (min-width: 768px) {
  .text-12 {
    /* 3 Typography */
    font-size: var(--font-size-12);
    line-height: var(--line-height-l);
  }
}

.text-14 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-m);
  font-weight: normal;
}
@media (min-width: 768px) {
  .text-14 {
    /* 3 Typography */
    line-height: var(--line-height-xl);
  }
}

.text-16 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-mob-16);
  line-height: var(--line-height-l);
  font-weight: normal;
}
@media (min-width: 768px) {
  .text-16 {
    /* 3 Typography */
    font-size: var(--font-size-16);
    line-height: var(--line-height-xl);
  }
}

.text-24 {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-mob-24);
  line-height: var(--line-height-l);
  font-weight: normal;
}
@media (min-width: 768px) {
  .text-24 {
    /* 3 Typography */
    font-size: var(--font-size-24);
    line-height: var(--line-height-xl);
  }
}

.text-promo-11 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-promo-11);
  line-height: var(--line-height-xs);
  font-weight: bold;
}
@media (min-width: 768px) {
  .text-promo-11 {
    /* 3 Typography */
    font-size: var(--font-size-promo-11);
    line-height: var(--line-height-s);
  }
}

.text-promo-12 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-promo-12);
  line-height: var(--line-height-m);
  font-weight: bold;
}
@media (min-width: 768px) {
  .text-promo-12 {
    /* 3 Typography */
    font-size: var(--font-size-promo-12);
  }
}

.text-promo-14 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-promo-14);
  line-height: var(--line-height-m);
  font-weight: bold;
}
@media (min-width: 768px) {
  .text-promo-14 {
    /* 3 Typography */
    font-size: var(--font-size-promo-14);
  }
}

.text-promo-16 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-promo-16);
  line-height: var(--line-height-l);
  font-weight: bold;
}
@media (min-width: 768px) {
  .text-promo-16 {
    /* 3 Typography */
    font-size: var(--font-size-promo-16);
    line-height: var(--line-height-xl);
  }
}

.text-promo-20 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-mob-promo-20);
  line-height: var(--line-height-xl);
  font-weight: bold;
}
@media (min-width: 768px) {
  .text-promo-20 {
    /* 3 Typography */
    font-size: var(--font-size-promo-20);
    line-height: var(--line-height-2xl);
  }
}

.text-card-big {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-11);
  line-height: var(--line-height-s);
  font-weight: normal;
}
@media (min-width: 768px) {
  .text-card-big {
    /* 3 Typography */
    font-size: var(--font-size-16);
    line-height: var(--line-height-xl);
  }
}
@media (min-width: 992px) {
  .text-card-big {
    /* 3 Typography */
    font-size: var(--font-size-H2);
    line-height: var(--line-height-xl);
  }
}

/* Colors */
.black {
  /* 3 Typography */
  color: var(--color-black);
}

.white {
  /* 3 Typography */
  color: var(--color-white);
}

.gray {
  /* 3 Typography */
  color: var(--color-gray);
}

.green-promo {
  /* 3 Typography */
  color: var(--color-green-promo);
}

.dark-50 {
  /* 3 Typography */
  color: var(--color-dark-50);
}

.dark-100 {
  /* 3 Typography */
  color: var(--color-dark-100);
}

.dark-200 {
  /* 3 Typography */
  color: var(--color-dark-200);
}

.dark-300 {
  /* 3 Typography */
  color: var(--color-dark-300);
}

.dark-400 {
  /* 3 Typography */
  color: var(--color-dark-400);
}

.dark-500 {
  /* 3 Typography */
  color: var(--color-dark-500);
}

.dark-600 {
  /* 3 Typography */
  color: var(--color-dark-600);
}

.dark-700 {
  /* 3 Typography */
  color: var(--color-dark-700);
}

.dark-800 {
  /* 3 Typography */
  color: var(--color-dark-800);
}

.dark-900 {
  /* 3 Typography */
  color: var(--color-dark-900);
}

.dark-950 {
  /* 3 Typography */
  color: var(--color-dark-950);
}

.orange-50 {
  /* 3 Typography */
  color: var(--color-orange-50);
}

.orange-100 {
  /* 3 Typography */
  color: var(--color-orange-100);
}

.orange-200 {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.orange-300 {
  /* 3 Typography */
  color: var(--color-orange-300);
}

.orange-400 {
  /* 3 Typography */
  color: var(--color-orange-400);
}

.orange-500 {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.orange-600 {
  /* 3 Typography */
  color: var(--color-orange-600);
}

.orange-700 {
  /* 3 Typography */
  color: var(--color-orange-700);
}

.orange-800 {
  /* 3 Typography */
  color: var(--color-orange-800);
}

.orange-900 {
  /* 3 Typography */
  color: var(--color-orange-900);
}

.orange-950 {
  /* 3 Typography */
  color: var(--color-orange-950);
}

.green-50 {
  /* 3 Typography */
  color: var(--color-green-50);
}

.green-100 {
  /* 3 Typography */
  color: var(--color-green-100);
}

.green-200 {
  /* 3 Typography */
  color: var(--color-green-200);
}

.green-300 {
  /* 3 Typography */
  color: var(--color-green-300);
}

.green-400 {
  /* 3 Typography */
  color: var(--color-green-400);
}

.green-500 {
  /* 3 Typography */
  color: var(--color-green-500);
}

.green-600 {
  /* 3 Typography */
  color: var(--color-green-600);
}

.green-700 {
  /* 3 Typography */
  color: var(--color-green-700);
}

.green-800 {
  /* 3 Typography */
  color: var(--color-green-800);
}

.green-900 {
  /* 3 Typography */
  color: var(--color-green-900);
}

.green-950 {
  /* 3 Typography */
  color: var(--color-green-950);
}

.red-50 {
  /* 3 Typography */
  color: var(--color-red-50);
}

.red-100 {
  /* 3 Typography */
  color: var(--color-red-100);
}

.red-200 {
  /* 3 Typography */
  color: var(--color-red-200);
}

.red-300 {
  /* 3 Typography */
  color: var(--color-red-300);
}

.red-400 {
  /* 3 Typography */
  color: var(--color-red-400);
}

.red-500 {
  /* 3 Typography */
  color: var(--color-red-500);
}

.red-600 {
  /* 3 Typography */
  color: var(--color-red-600);
}

.red-700 {
  /* 3 Typography */
  color: var(--color-red-700);
}

.red-800 {
  /* 3 Typography */
  color: var(--color-red-800);
}

.red-900 {
  /* 3 Typography */
  color: var(--color-red-900);
}

.red-950 {
  /* 3 Typography */
  color: var(--color-red-950);
}

/* Line-height */
.line-height-2xs {
  /* 3 Typography */
  line-height: var(--line-height-2xs);
}

.line-height-xs {
  /* 3 Typography */
  line-height: var(--line-height-xs);
}

.line-height-s {
  /* 3 Typography */
  line-height: var(--line-height-s);
}

.line-height-m {
  /* 3 Typography */
  line-height: var(--line-height-m);
}

.line-height-l {
  /* 3 Typography */
  line-height: var(--line-height-l);
}

.line-height-xl {
  /* 3 Typography */
  line-height: var(--line-height-xl);
}

.line-height-2xl {
  /* 3 Typography */
  line-height: var(--line-height-2xl);
}

.line-height-3xl {
  /* 3 Typography */
  line-height: var(--line-height-3xl);
}

.line-height-4xl {
  /* 3 Typography */
  line-height: var(--line-height-4xl);
}

.text-left {
  /* 3 Typography */
  text-align: left;
}

.text-center {
  /* 3 Typography */
  text-align: center;
}

.text-right {
  /* 3 Typography */
  text-align: right;
}

.text-justify {
  /* 3 Typography */
  text-align: justify;
}

.text-uppercase {
  /* 3 Typography */
  text-transform: uppercase;
}

.text-bold {
  /* 3 Typography */
  font-weight: bold;
}

.text-medium {
  /* 3 Typography */
  font-weight: 500;
}

.text--no-wrap {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
}

.text--wrap {
  /* 3 Typography */
  word-break: break-all;
  word-wrap: break-word;
}
.badge {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  /* 4 Visual */
  background: var(--color-badge-bg);
  border-radius: var(--border-radius-5xs);
}

.badge--active {
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.badge--sell {
  /* 4 Visual */
  background-color: var(--color-red-500);
}

.badge--buy {
  /* 4 Visual */
  background-color: var(--color-green-500);
}

.badge--big {
  /* 2 Block model */
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  min-height: var(--badg-big-height);
  /* 4 Visual */
  border-radius: var(--badg-big-border-radius);
}

.badge--sm {
  /* 2 Block model */
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
  min-height: var(--badg-sm-height);
  /* 4 Visual */
  border-radius: var(--border-radius-4xs);
}

.badge--red-light {
  /* 4 Visual */
  background-color: var(--badge-red-light-bg);
}
.badge-one {
  /* 2 Block model */
  display: inline-flex;
  justify-content: center;
  padding-left: var(--space-4xs);
  padding-right: var(--space-4xs);
  /* 4 Visual */
  background-color: var(--color-orange-500);
  border-radius: var(--border-radius-5xs);
}

.badge-one .text-12 {
  /* 3 Typography */
  line-height: var(--line-height-s);
}
.badge-step {
  /* 2 Block model */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: var(--badge-step-height);
  padding-left: var(--badge-step-spacer-x);
  padding-right: var(--badge-step-spacer-x);
  /* 4 Visual */
  background-color: var(--color-orange-500);
  border-radius: var(--border-radius-m);
}
.balance-currency {
  /* 2 Block model */
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
}
.banner {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: var(--banner-promo-height-bg-s-mob);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
  /* 4 Visual */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--border-radius-s);
  background-color: var(--color-dark-900);
}
@media (min-width: 768px) {
  .banner {
    /* 2 Block model */
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    height: var(--banner-promo-height-bg-s);
  }
}

.banner__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}
@media (min-width: 768px) {
  .banner__title {
    /* 2 Block model */
    margin-bottom: var(--space-3xs);
  }
}

.banner__desc {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
}
@media (min-width: 768px) {
  .banner__desc {
    /* 2 Block model */
    margin-bottom: var(--space-2xs);
  }
}

@media (max-width: 767px) {
  .banner-img {
    display: none;
  }
}
.banner-img img {
  display: block;
  width: 100%;
}
.bids-chart {
  /* 2 Block model */
  box-sizing: border-box;
  /* 4 Visual */
  background-color: var(--color-dark-900);
  border-radius: var(--border-radius-s);
}

.bids-chart__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  box-sizing: border-box;
  padding: var(--space-l);
}

.bids-chart__top-right {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-xs);
}

.bids-chart__content {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .bids-chart__content {
    /* 2 Block model */
    display: block;
  }
}

.bids-chart__graph img {
  /* 2 Block model */
  display: block;
  width: 100%;
}

.bids-chart__info {
  /* 2 Block model */
  padding-top: var(--space-xl);
  padding-bottom: var(--space-3xl);
  padding-left: var(--space-2xl);
  padding-right: var(--space-2xl);
}

.bids-chart__desc {
  /* 2 Block model */
  margin-bottom: var(--space-l);
}

.bids-chart__show {
  /* 2 Block model */
  display: flex;
  justify-content: center;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-s);
  /* 4 Visual */
  border-top: var(--border-width-s) solid var(--color-dark-950);
}

.bids-chart__content--open {
  /* 2 Block model */
  display: block;
}
.breadcrumbs {
  /* 2 Block model */
  display: block;
  padding-top: var(--space-l);
  padding-bottom: var(--space-2xs);
}

.breadcrumbs__list {
  /* 2 Block model */
  padding: 0;
  margin: 0;
  /* 4 Visual */
  list-style: none;
}

.breadcrumbs__item {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-block;
  padding-right: var(--space-2xs);
  margin-left: var(--space-2xs);
}

.breadcrumbs__item:first-child {
  /* 2 Block model */
  margin-left: 0;
}

.breadcrumbs__item::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--space-3xs));
  /* 2 Block model */
  display: block;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-12);
  line-height: var(--line-height-l);
  font-weight: normal;
  color: var(--color-gray);
  /* 4 Visual */
  content: ">";
  transform: translateY(-50%);
}

.breadcrumbs__item:last-child::before {
  /* 2 Block model */
  display: none;
}
.link-text {
  /* 2 Block model */
  display: inline-flex;
}

.link-text * {
  /* 3 Typography */
  color: var(--color-orange-500);
  /* 5 Animation */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.link-text:hover * {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.link-text--grey * {
  /* 3 Typography */
  color: var(--color-gray);
}

.link-text--grey:hover * {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.link-text--dark-grey * {
  /* 3 Typography */
  color: var(--color-dark-200);
}

.link-text--dark-grey:hover * {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.link-text--white * {
  /* 3 Typography */
  color: var(--color-white);
}

.link-text--white:hover * {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.link-text--current-color * {
  /* 3 Typography */
  color: currentColor;
}
.button-nav {
  /* 2 Block model */
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  row-gap: var(--space-3xs);
  padding: 0;
  margin: 0;
  /* 3 Typography */
  font-family: inherit;
  color: var(--color-dark-200);
  /* 4 Visual */
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.button-nav .icon {
  /* 4 Visual */
  stroke: var(--color-dark-200);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.button-nav .icon--fill-dark-200 {
  /* 4 Visual */
  stroke: none;
}

.button-nav:hover {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.button-nav:hover .icon {
  /* 3 Typography */
  stroke: var(--color-orange-500);
}

.button-nav:hover .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-orange-500);
  stroke: none;
}

.button-nav:active {
  /* 3 Typography */
  color: var(--color-white);
}

.button-nav:active .icon {
  /* 3 Typography */
  stroke: var(--color-white);
}

.button-nav--active .icon {
  /* 3 Typography */
  stroke: var(--color-white);
}

.button-nav:active .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-white);
  stroke: none;
}

.button-nav--active {
  /* 3 Typography */
  color: var(--color-white);
}

.button-nav--active .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-white);
  stroke: none;
}
.button-plus {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--button-plus-width);
  height: var(--button-plus-height);
  padding: 0;
  margin: 0;
  /* 4 Visual */
  cursor: pointer;
  border-radius: var(--border-radius-full);
  background: var(--gradient-primary-orange);
  box-shadow: var(--button-plus-shadow);
  border: none;
  outline: none;
}

.button-plus::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: block;
  width: 100%;
  height: 100%;
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-full);
  background: var(--gradient-primary-orange);
  filter: blur(1px);
}

.button-plus__body {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-20);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--button-plus-body-width);
  height: var(--button-plus-body-height);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background: var(--gradient-primary-orange);
  border: var(--border-width-s) solid var(--color-orange-500);
}

.button-plus__body::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 5;
  /* 2 Block model */
  display: block;
  width: 100%;
  height: 100%;
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-full);
  background: var(--gradient-primary-orange);
  filter: blur(1px);
}

.button-plus__body * {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
}

.button-plus__body .icon {
  /* 4 Visual */
  stroke: var(--color-white);
  /* 5 Animation */
  transition: var(--transition);
}

.button-plus:hover .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}
.calculator {
  /* 2 Block model */
  box-sizing: border-box;
  padding: 1px;
  /* 4 Visual */
  background: var(--color-dark-700);
}
@media (min-width: 576px) {
  .calculator {
    /* 4 Visual */
    content: "";
    background: var(--gradient-primary-orange);
    box-shadow: var(--box-shadow-modal-lighting);
    border-radius: var(--border-radius-l);
  }
}

.calculator__wrapper {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  padding-top: var(--space-xs);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  padding-bottom: var(--space-xs);
  box-sizing: border-box;
  /* 4 Visual */
  background-color: var(--color-dark-950);
}
@media (min-width: 576px) {
  .calculator__wrapper {
    /* 2 Block model */
    padding-top: var(--space-l);
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
    padding-bottom: var(--space-xl);
    /* 4 Visual */
    background-color: var(--color-dark-950);
    border-radius: var(--border-radius-l);
  }
}

.calculator__basic-info {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-m);
}

.calculator__inputs {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--space-xs);
  column-gap: var(--space-m);
}

.calculator__inputs-item {
  /* 2 Block model */
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .calculator__inputs-item {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-m));
  }
}

.calculator__calculated-data {
  /* 2 Block model */
  padding-top: var(--space-3xl);
}

.calculator__title-one {
  /* 2 Block model */
  margin-bottom: var(--space-l);
  /* 3 Typography */
  text-align: center;
}

.calculator__info-best-offer {
  /* 2 Block model */
  margin-bottom: var(--space-4xl);
}

.calculator__title-two {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
  /* 3 Typography */
  text-align: center;
}

.calculator__lead {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
  /* 3 Typography */
  text-align: center;
}

@media (min-width: 768px) {
  .calculator__toggle {
    /* 2 Block model */
    margin-bottom: var(--space-2xl);
  }
}

.calculator__text {
  /* 3 Typography */
  text-align: center;
}

.calculator__desc {
  /* 2 Block model */
  padding-top: var(--space-s);
}
.calendar {
  /* 2 Block model */
  width: var(--calendar-width-m);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--color-dark-200);
}

.calendar__top {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-2xs);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-dark-50);
}

.calendar__date {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-2xs) var(--space-s);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-dark-50);
}

.calendar__date .icon {
  /* 4 Visual */
  stroke: transparent;
}

.calendar__body {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--space-s);
  padding-bottom: var(--space-l);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
}

.calendar__weekdays {
  /* 2 Block model */
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.calendar__weekdays span {
  /* 4 Visual */
  opacity: var(--opacity-50);
}

.calendar__days {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.calendar__day {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--calendar-day-width-m);
  height: var(--calendar-day-height-m);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.calendar__day span {
  /* 5 Animation */
  transition: all var(--transition);
}

.calendar__day:hover span {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.calendar__day--other {
  /* 4 Visual */
  opacity: var(--opacity-50);
}

.calendar__day--current {
  /* 4 Visual */
  border-radius: var(--border-radius-3xs);
  background-color: var(--color-orange-500);
}
.icon {
  /* 2 Block model */
  display: inline-flex;
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-dark-200);
}

.icon--fill-white {
  /* 3 Typography */
  fill: var(--color-white);
}

.icon--sroke-none {
  /* 4 Visual */
  stroke: none;
}

.icon--sroke-white {
  /* 4 Visual */
  stroke: var(--color-white);
}

.icon--6xs {
  /* 2 Block model */
  width: var(--icon-6xs);
  height: var(--icon-6xs);
}

.icon--5xs {
  /* 2 Block model */
  width: var(--icon-5xs);
  height: var(--icon-5xs);
}

.icon--4xs {
  /* 2 Block model */
  width: var(--icon-4xs);
  height: var(--icon-4xs);
}

.icon--3xs {
  /* 2 Block model */
  width: var(--icon-3xs);
  height: var(--icon-3xs);
}

.icon--2xs {
  /* 2 Block model */
  width: var(--icon-2xs);
  height: var(--icon-2xs);
}

.icon--1s {
  /* 2 Block model */
  width: var(--icon-1s);
  height: var(--icon-1s);
}

.icon--xs {
  /* 2 Block model */
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.icon--s {
  /* 2 Block model */
  width: var(--icon-s);
  height: var(--icon-s);
}

.icon--m {
  /* 2 Block model */
  width: var(--icon-m);
  height: var(--icon-m);
}

.icon--btn-close {
  /* 2 Block model */
  width: var(--icon-xs);
  height: var(--icon-xs);
  /* 4 Visual */
  stroke: var(--color-orange-500);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.icon--list {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-m);
  margin: 0;
  padding: 0;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-l);
  /* 4 Visual */
  list-style: none;
}

.icon--list-item {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: var(--space-xs);
}
.icon-text {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
}

.icon-text--error .icon {
  /* 4 Visual */
  stroke: var(--color-red-500);
  fill: transparent;
}

.icon-text--succes .icon {
  /* 4 Visual */
  stroke: var(--color-green-500);
  fill: transparent;
}
.card-info-wallet {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  min-height: 132px;
  box-sizing: border-box;
  padding: var(--space-m);
  /* 4 Visual */
  cursor: pointer;
  border: var(--border-width-s) solid var(--color-dark-300);
  border-radius: var(--border-radius-xs);
}

.card-info-wallet--active {
  /* 4 Visual */
  border-color: var(--color-orange-500);
}

.card-info-wallet__body {
  /* 1 Positioning */
  position: relative;
}

.card-info-wallet__links {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  right: 0;
  z-index: var(--z-index-20);
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-l);
}

.card-info-wallet__link {
  /* 1 Positioning */
  position: relative;
}

.card-info-wallet__link::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: calc(-1 * var(--space-xs));
  /* 2 Block model */
  display: block;
  width: var(--space-4xs);
  height: var(--space-l);
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-300);
}

.card-info-wallet__link:first-child::before {
  /* 2 Block model */
  display: none;
}

.card-info-wallet__link span {
  /* 5 Animation */
  transition: all var(--transition);
}

.card-info-wallet__link:hover span {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.card-info-wallet__icon {
  /* 2 Block model */
  display: flex;
  width: var(--space-xl);
  flex: 0 0 var(--space-xl);
  margin-bottom: var(--space-2xs);
}

.card-info-wallet__icon-img {
  /* 2 Block model */
  display: block;
  width: 100%;
}

.card-info-wallet__text {
  /* 2 Block model */
  padding-top: var(--space-4xs);
  /* 4 Visual */
  opacity: var(--opacity-50);
}
.card-short-wallet {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
  box-sizing: border-box;
  padding: var(--space-m);
  /* 4 Visual */
  background-color: var(--card-short-wallet--bg);
  border-radius: var(--border-radius-2xs);
}
@media (min-width: 768px) {
  .card-short-wallet {
    /* 2 Block model */
    padding: var(--space-l) var(--space-m);
  }
}

.card-short-wallet__img {
  /* 2 Block model */
  display: block;
  width: var(--popup-connect-wallet-img-width);
  flex: 0 0 var(--popup-connect-wallet-img-width);
}

.card-short-wallet__title {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}
@media (min-width: 768px) {
  .card-short-wallet__title {
    /* 2 Block model */
    margin-bottom: var(--space-4xs);
  }
}

.card-short-wallet__text {
  /* 4 Visual */
  opacity: var(--opacity-50);
}
.card-wallet-offer {
  /* 1 Positioning */
  position: relative;
}

.card-wallet-offer__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-2xs);
  min-height: var(--card-wallet-offer-height);
  padding: var(--space-m);
  box-sizing: border-box;
  /* 4 Visual */
  background-color: var(--card-wallet-offer-bg);
  border-radius: var(--border-radius-2xs);
}

.card-wallet-offer__right {
  /* 3 Typography */
  text-align: right;
}

.card-wallet-offer__right-title {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-4xs);
}

.card-wallet-offer__right-desc {
  /* 2 Block model */
  display: flex;
  justify-content: flex-end;
}

.card-wallet-offer--total .card-wallet-offer__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  margin-top: calc(var(--card-wallet-offer-total-before-size) / 2);
  /* 4 Visual */
  background: var(--gradient-primary-orange);
}

.card-wallet-offer--total::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 50%;
  /* 2 Block model */
  display: block;
  width: var(--card-wallet-offer-total-before-size);
  height: var(--card-wallet-offer-total-before-size);
  /* 4 Visual */
  content: "";
  background: var(--gradient-primary-orange);
  border-radius: var(--border-radius-4xs);
  transform: rotate(45deg) translateX(-50%);
}
.change-wallet__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  margin-bottom: var(--space-m);
}
.checkbox {
  /* 2 Block model */
  display: inline-flex;
  /* 6 Misc */
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.checkbox label {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  min-height: var(--checkbox-height-m);
  column-gap: var(--space-2xs);
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  font-weight: normal;
  line-height: var(--line-height-xl);
  color: var(--color-dark-50);
  /* 6 Sundry */
  cursor: pointer;
}

.checkbox__content {
  /* 2 Block model */
  display: inline-flex;
  align-self: flex-start;
}

.checkbox input[type=checkbox] {
  /* 1 Positioning */
  position: absolute;
  /* 2 Block model */
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.checkbox input[type=checkbox] + span {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  width: var(--checkbox-width-m);
  height: var(--checkbox-height-m);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-4xs);
  /* 5 Animation */
  transition: all var(--transition);
}

.checkbox input[type=checkbox]:checked + span {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background-color: var(--color-orange-500);
}

.checkbox input[type=checkbox]:checked + span::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: block;
  width: var(--checkbox-width-before);
  height: var(--checkbox-height-before);
  /* 4 Visual */
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.56225 3.1875L4.40601 8.34375L2.06226 6%22 stroke%3D%22white%22 stroke-width%3D%221.4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-50%, -50%);
}

.checkbox input[type=checkbox]:hover + span {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.checkbox input[type=checkbox]:active + span {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.checkbox input[type=checkbox]:focus + span {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.checkbox__text {
  /* 2 Block model */
  align-self: center;
}

.checkbox__img {
  /* 2 Block model */
  display: block;
  width: var(--img-checkbox-width);
  align-self: center;
  margin-right: var(--space-2xs);
}

/* .checkbox input[type="checkbox"]:checked:focus + span::before */
/* .checkbox input[type="checkbox"]:checked:disabled + span::before */
.connected-wallet {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--space-l);
}

.connected-wallet__text {
  /* 4 Visual */
  opacity: var(--opacity-50);
}

.connected-wallet__left,
.connected-wallet__right {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 100%;
}

.connected-wallet__left {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.connected-wallet__img {
  /* 2 Block model */
  position: relative;
  /* 2 Block model */
  width: 100%;
  max-width: var(--img-width-m);
  margin-bottom: var(--space-l);
}
@media (min-width: 768px) {
  .connected-wallet__img {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

.connected-wallet__img img {
  /* 2 Block model */
  display: block;
  width: 100%;
}

.connected-wallet__desc {
  /* 1 Positioning */
  position: relative;
  /* 3 Typography */
  text-align: center;
}

.connected-wallet__title {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}
@media (min-width: 768px) {
  .connected-wallet__title {
    /* 2 Block model */
    margin-bottom: var(--space-s);
  }
}

.connected-wallet__action {
  /* 2 Block model */
  display: none;
}

.connected-wallet__footer {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-l);
}
@media (min-width: 596px) {
  .connected-wallet__footer {
    /* 2 Block model */
    flex-direction: row;
    justify-content: center;
  }
}

.connected-wallet__footer-left {
  /* 2 Block model */
  box-sizing: border-box;
  width: 100%;
}
@media (min-width: 768px) {
  .connected-wallet__footer-left {
    /* 2 Block model */
    width: auto;
  }
}

.connected-wallet__action .btn,
.connected-wallet__footer-left .btn--promo {
  /* 2 Block model */
  width: 100%;
  padding: 0 var(--space-s);
  /* 3 Typography */
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .connected-wallet__action .btn,
.connected-wallet__footer-left .btn--promo {
    /* 2 Block model */
    min-width: var(--btn-width-l);
  }
}

.connected-wallet__link {
  /* 5 Animation */
  transition: all var(--transition);
}

.connected-wallet__link:hover {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.connected-wallet--more {
  /* 2 Block model */
  flex-direction: row;
}

.connected-wallet--more .connected-wallet__left,
.connected-wallet--more .connected-wallet__right {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  width: 100%;
  flex: 1 1 100%;
}
@media (min-width: 768px) {
  .connected-wallet--more .connected-wallet__left,
.connected-wallet--more .connected-wallet__right {
    /* 2 Block model */
    width: 50%;
    flex-basis: calc(50% - var(--space-l));
  }
}

.connected-wallet--more .connected-wallet__action {
  /* 2 Block model */
  display: block;
  padding-top: var(--space-s);
}

.connected-wallet--more .connected-wallet__footer {
  /* 2 Block model */
  justify-content: center;
}

.connected-wallet--more .connected-wallet__footer-left {
  /* 2 Block model */
  display: none;
}
.connect-wallet__top {
  /* 2 Block model */
  margin-bottom: var(--space-xl);
}
@media (min-width: 768px) {
  .connect-wallet__top {
    /* 2 Block model */
    margin-bottom: var(--space-m);
  }
}

.connect-wallet__loader {
  /* 2 Block model */
  display: block;
  width: var(--connect-wallet-loader-width);
  height: var(--connect-wallet-loader-height);
  margin: 0 auto;
  margin-bottom: var(--space-s);
}
@media (min-width: 768px) {
  .connect-wallet__loader {
    /* 2 Block model */
    margin-bottom: var(--space-xs);
  }
}

.connect-wallet__text {
  /* 2 Block model */
  width: 100%;
  max-width: var(--connect-wallet-text-width);
  margin: 0 auto;
  /* 3 Typography */
  text-align: center;
}

.connect-wallet--error .connect-wallet__loader {
  /* 2 Block model */
  width: var(--connect-wallet-error-img-width);
  height: var(--connect-wallet-error-img-height);
}

.connect-wallet--error .connect-wallet__text .text {
  /* 3 Typography */
  color: var(--color-red-500);
  /* 4 Visual */
  opacity: var(--opacity-100);
}

.connect-wallet--error .card-short-wallet {
  /* 4 Visual */
  background-color: var(--connect-wallet-error-card-short-wallet-bg);
}
.countdown {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
}

.countdown__sub {
  /* 2 Block model */
  display: inline-flex;
  vertical-align: super;
  margin-right: var(--space-3xs);
}

.countdown__sub + .countdown__hours {
  /* 2 Block model */
  display: inline-flex;
  padding-top: var(--space-4xs);
}
.created-bids-window {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.created-bids-window__top {
  /* 2 Block model */
  width: 100%;
  max-width: var(--created-bids-window-top-width);
  margin-bottom: var(--space-3xs);
}

.created-bids-window__title {
  /* 2 Block model */
  margin-bottom: var(--space-l);
  /* 3 Typography */
  text-align: center;
}

.created-bids-window__bids {
  /* 2 Block model */
  margin-bottom: var(--space-l);
  align-self: normal;
}

.created-bids-window__bids .list-offer-details {
  /* 2 Block model */
  row-gap: var(--space-m);
}

.created-bids-window__bids .list-offer-detailsitem {
  /* 2 Block model */
  height: var(--created-bids-window-bids-list-offer-detailsitem-height);
  padding-bottom: var(--space-2xs);
}

.created-bids-window__bids .list-offer-detailsitem:last-child {
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-dark-800);
}

.created-bids-window__actions {
  /* 2 Block model */
  display: flex;
  gap: var(--space-s);
  flex-wrap: wrap;
  align-self: normal;
}

.created-bids-window__actions-item {
  /* 2 Block model */
  flex: 1 0 calc(50% - var(--space-s));
}

.created-bids-window__actions-item .btn {
  /* 2 Block model */
  padding: 0 var(--space-m);
  /* 3 Typography */
  text-transform: uppercase;
}
.created-window {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.created-window__top {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}

.created-window__img {
  /* 2 Block model */
  width: 100%;
  max-width: var(--created-window-img-width);
}

.created-window__title {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}

.created-window__desc {
  /* 2 Block model */
  margin-bottom: var(--space-m);
  /* 3 Typography */
  text-align: center;
}

.created-window__actions {
  /* 2 Block model */
  display: flex;
  flex-wrap: wrap;
  align-self: normal;
  gap: var(--space-s);
  margin-bottom: var(--space-2xl);
}

.created-window__actions-item {
  /* 2 Block model */
  flex: 1 0 calc(50% - var(--space-s));
}

.created-window__actions-item .btn {
  /* 3 Typography */
  text-transform: uppercase;
}

.info {
  /* 2 Block model */
  display: inline-flex;
  column-gap: var(--space-3xs);
}

.info__name {
  /* 2 Block model */
  display: inline-flex;
}

.info__value {
  /* 2 Block model */
  display: inline-flex;
}

.info--center {
  /* 2 Block model */
  align-items: center;
}

.info--start {
  /* 2 Block model */
  align-items: flex-start;
}

.info--end {
  /* 2 Block model */
  align-items: flex-end;
}
.currency-crypto-procent {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-3xs);
}
.currency-fiat {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-s);
}
.currency-info-number {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}
.description {
  /* 2 Block model */
  padding: var(--space-s) var(--space-m);
  /* 4 Visual */
  background-color: var(--description-bg);
  border-radius: var(--border-radius-xs);
}

.description__title {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
}
.discount {
  /* 2 Block model */
  display: inline-flex;
  align-items: flex-start;
  column-gap: var(--space-3xs);
}

.discount--active .discount__total p {
  /* 3 Typography */
  color: var(--color-white);
}
.filling-interest {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
}

.filling-interest__loader {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  width: var(--filling-interest-loader-width);
  height: 0;
  padding-top: var(--filling-interest-loader-width);
  /* 4 Visual */
  border-radius: 50%;
  background-color: var(--color-dark-300);
}

.filling-interest__loader svg {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 Block model */
  width: 100%;
  /* 4 Visual */
  transform: rotate(-90deg);
  color: transparent;
  background: currentcolor;
  border-radius: 50%;
}

.filling-interest__loader-pie {
  /* 4 Visual */
  fill: currentcolor;
  stroke: gray;
  stroke-width: 50;
  stroke-dasharray: 40, 157.08;
  stroke: var(--color-orange-500);
}

.filling-interest__loader-output {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  /* 2 Block model */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 50%;
  /* 4 Visual */
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--color-dark-950);
}
.filter {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-l);
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-xs) var(--space-s);
  /* 4 Visual */
  background-color: var(--filter-color-bg);
  border-radius: var(--border-radius-xs);
}

.filter::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  background-color: var(--gradient-bright-dark);
  border-radius: var(--border-radius-xs);
}

.filter__header {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: var(--space-2xs);
}

.filter__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
  flex: 1 1 auto;
}

.filter__badge {
  /* 2 Block model */
  display: none;
  width: var(--filter-badge-width);
  height: var(--filter-badge-height);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-orange-500);
}

.filter__top .icon--info-icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.filter__btn-down .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
  /* 5 Animation */
  transition: all ver(--transition);
}

.filter__list {
  /* 2 Block model */
  display: none;
  flex-direction: column;
  row-gap: var(--space-s);
}

.filter__direction {
  /* 2 Block model */
  display: inline-flex;
  padding-left: var(--space-3xs);
  /* 3 Typography */
  color: var(--color-gray);
}

.filter--open .filter__list {
  /* 2 Block model */
  display: flex;
}

.filter--open .filter__btn-down {
  /* 4 Visual */
  transform: rotate(180deg);
}

.filter--active .filter__badge {
  /* 2 Block model */
  display: block;
}

.filter__item--active .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}
.filter-mob__body {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-l);
  margin-bottom: var(--space-xl);
}

.filter-mob__checkboxs {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-l);
}

.filter-mob__checkboxs-item {
  /* 2 Block model */
  display: flex;
}

.filter-mob__toggle {
  /* 2 Block model */
  display: flex;
  padding-bottom: var(--space-l);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-dark-200);
}

.filter-mob__checkboxs + .filter-mob__toggle {
  /* 2 Block model */
  padding-top: var(--space-l);
  /* 4 Visual */
  border-top: var(--border-width-xs) solid var(--color-dark-200);
}

.filter-mob__checkboxs + .filter-mob__sort {
  /* 2 Block model */
  padding-top: var(--space-l);
  /* 4 Visual */
  border-top: var(--border-width-xs) solid var(--color-dark-200);
}

.filter-mob__checkboxs .text {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
}

.filter-mob__button .text {
  /* 3 Typography */
  text-transform: uppercase;
}

.filter-mob .filters {
  /* 2 Block model */
  padding: 0;
}

.filter-mob--row-checkbox .filter-mob__checkboxs {
  /* 2 Block model */
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: var(--space-l);
  column-gap: 24px;
}

.filter-mob--row-checkbox .filter-mob__checkboxs-item {
  /* 2 Block model */
  flex: 0 0 calc(33.33% - var(--space-l));
}
.filters {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  padding-top: var(--space-l);
  padding-bottom: var(--space-m);
  padding-right: var(--space-m);
  padding-left: var(--space-m);
  /* 4 Visual */
  background-color: var(--color-dark-900);
  border-radius: var(--border-radius-s);
}

.filters::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  background: var(--gradient-bright-dark);
  border-radius: var(--border-radius-s);
}

.filters__header {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-l);
}

.filters__body {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  margin-bottom: var(--space-l);
}

.filters--mobile-hide {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .filters--mobile-hide {
    /* 2 Block model */
    display: block;
  }
}
.filters-check {
  /* 2 Block model */
  display: flex;
  align-items: center;
}

.filters-check__mobile {
  /* 2 Block model */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  column-gap: var(--space-s);
  flex: 1 1 auto;
}
@media (min-width: 1200px) {
  .filters-check__mobile {
    /* 2 Block model */
    display: none;
  }
}

.filters-check__mobile .search {
  /* 2 Block model */
  flex: 1 1 auto;
}

.filters-check__desctop {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1200px) {
  .filters-check__desctop {
    /* 2 Block model */
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    flex: 1 1 auto;
    gap: var(--space-2xs);
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
    padding-left: var(--space-l);
    padding-right: var(--space-s);
    /* 4 Visual */
    border-radius: var(--border-radius-s);
    background-color: var(--color-dark-900);
  }
}

.filters-check__left {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .filters-check__left {
    /* 2 Block model */
    align-items: center;
  }
}

.filters-check__title {
  /* 2 Block model */
  margin-right: var(--space-s);
}

.filters-check__toggle {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
}

.filters-check__list + .filters-check__toggle {
  /* 2 Block model */
  margin-left: var(--space-2xs);
  padding-left: var(--space-xl);
  margin-right: var(--space-xl);
}

.filters-check__list + .filters-check__toggle::before {
  /* 1 Positioning */
  position: absolute;
  top: var(--filters-check-toggle-before-top);
  left: 0;
  /* 2 Block model */
  display: block;
  width: var(--filters-check-toggle-before-width);
  height: var(--filters-check-toggle-before-height);
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-200);
}

.filters-check__right .search-token {
  /* 2 Block model */
  max-width: var(--filters-check-rigth-width);
}

.filters-check--media-2xl .filters-check__mobile {
  /* 2 Block model */
  display: flex;
}
@media (min-width: 1400px) {
  .filters-check--media-2xl .filters-check__mobile {
    /* 2 Block model */
    display: none;
  }
}

.filters-check--media-2xl .filters-check__desctop {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .filters-check--media-2xl .filters-check__desctop {
    /* 2 Block model */
    display: flex;
  }
}
.footer {
  /* 2 Block model */
  padding-bottom: var(--space-2xl);
  display: none;
}
@media (min-width: 1200px) {
  .footer {
    /* 2 Block model */
    display: block;
  }
}

.footer__left {
  /* 2 Block model */
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  column-gap: var(--space-xl);
  row-gap: var(--space-l);
  margin-bottom: var(--space-xl);
}
@media (min-width: 992px) {
  .footer__left {
    /* 2 Block model */
    flex-wrap: nowrap;
    margin-bottom: 0;
    column-gap: 0;
  }
}

.footer__menu {
  /* 2 Block model */
  display: flex;
  column-gap: var(--space-5xl);
  row-gap: var(--space-s);
}
@media (min-width: 992px) {
  .footer__menu {
    /* 2 Block model */
    margin-right: var(--space-2xl);
  }
}
@media (min-width: 1200px) {
  .footer__menu {
    /* 2 Block model */
    column-gap: var(--space-2xl);
    margin-right: var(--space-6xl);
  }
}

.footer__desc {
  /* 2 Block model */
  width: 100%;
  max-width: var(--footer-desc-width);
}

.footer__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}
@media (min-width: 768px) {
  .footer__title {
    /* 2 Block model */
    margin-bottom: var(--space-m);
  }
}

.footer__right {
  /* 3 Typography */
  display: flex;
  flex-direction: column;
  align-items: center;
  /* 3 Typography */
  text-align: center;
}
@media (min-width: 992px) {
  .footer__right {
    /* 2 Block model */
    align-items: flex-end;
    /* 3 Typography */
    text-align: right;
  }
}

.footer__social {
  /* 2 Block model */
  margin-bottom: var(--space-l);
}
@media (min-width: 992px) {
  .footer__social {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}

.footer__social .social {
  /* 2 Block model */
  column-gap: var(--space-3xl);
  row-gap: var(--space-l);
}
@media (min-width: 992px) {
  .footer__social .social {
    /* 2 Block model */
    column-gap: var(--space-2xl);
  }
}

.footer__copy p {
  /* 3 Typography */
  font-size: var(--font-size-12);
}
@media (min-width: 992px) {
  .footer__copy p {
    /* 3 Typography */
    font-size: var(--font-size-14);
  }
}
.container {
  /* 2 Block model */
  width: 100%;
  padding-left: var(--bases-gutter-mob-x);
  padding-right: var(--bases-gutter-mob-x);
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .container {
    /* 2 Block model */
    max-width: var(--container-width-media-sm);
  }
}
@media (min-width: 768px) {
  .container {
    /* 2 Block model */
    max-width: var(--container-width-media-md);
    padding-left: var(--bases-gutter-x);
    padding-right: var(--bases-gutter-x);
  }
}
@media (min-width: 992px) {
  .container {
    /* 2 Block model */
    max-width: var(--container-width-media-lg);
  }
}
@media (min-width: 1200px) {
  .container {
    /* 2 Block model */
    max-width: var(--container-width-media-xl);
  }
}
@media (min-width: 1400px) {
  .container {
    /* 2 Block model */
    max-width: var(--container-width);
  }
}

.container--fluid {
  /* 2 Block model */
  max-width: 100%;
}

.container--2xs {
  /* 2 Block model */
  max-width: var(--container-width-2xs);
}

.container--xs {
  /* 2 Block model */
  max-width: var(--container-width-xs);
}

.container--s {
  /* 2 Block model */
  max-width: var(--container-width-s);
}

.container--m {
  /* 2 Block model */
  max-width: var(--container-width-m);
}
.row {
  /* 2 Block model */
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-left: calc(-1 * var(--bases-gutter-mob-x));
  margin-right: calc(-1 * var(--bases-gutter-mob-x));
}
@media (min-width: 768px) {
  .row {
    /* 2 Block model */
    margin-left: calc(-1 * var(--bases-gutter-x));
    margin-right: calc(-1 * var(--bases-gutter-x));
  }
}

.row--column {
  /* 2 Block model */
  flex-direction: column;
}

.row--align-center {
  /* 2 Block model */
  align-items: center;
}

.row--align-flex-end {
  /* 2 Block model */
  align-items: flex-end;
}

.row--align-flex-start {
  /* 2 Block model */
  align-items: flex-start;
}

.row--align-stretch {
  /* 2 Block model */
  align-items: stretch;
}

.row--justify-center {
  /* 2 Block model */
  justify-content: center;
}

.row--justify-flex-end {
  /* 2 Block model */
  justify-content: flex-end;
}

.row--justify-flex-start {
  /* 2 Block model */
  justify-content: flex-start;
}

.row--justify-space-between {
  /* 2 Block model */
  justify-content: space-between;
}

.row--justify-space-around {
  /* 2 Block model */
  justify-content: space-around;
}

.row--row-gap-4xs {
  /* 2 Block model */
  row-gap: var(--space-4xs);
}

.row--row-gap-3xs {
  /* 2 Block model */
  row-gap: var(--space-3xs);
}

.row--row-gap-2xs {
  /* 2 Block model */
  row-gap: var(--space-2xs);
}

.row--row-gap-xs {
  /* 2 Block model */
  row-gap: var(--space-xs);
}

.row--row-gap-s {
  /* 2 Block model */
  row-gap: var(--space-s);
}

.row--row-gap-m {
  /* 2 Block model */
  row-gap: var(--space-m);
}

.row--row-gap-l {
  /* 2 Block model */
  row-gap: var(--space-l);
}

.row--row-gap-xl {
  /* 2 Block model */
  row-gap: var(--space-xl);
}

.row--row-gap-2xl {
  /* 2 Block model */
  row-gap: var(--space-2xl);
}

.row--row-gap-3xl {
  /* 2 Block model */
  row-gap: var(--space-3xl);
}

.row--row-gap-4xl {
  /* 2 Block model */
  row-gap: var(--space-4xl);
}

.row--row-gap-5xl {
  /* 2 Block model */
  row-gap: var(--space-5xl);
}

.row--row-gap-6xl {
  /* 2 Block model */
  row-gap: var(--space-6xl);
}
.column {
  /* 2 Block model */
  width: 100%;
  max-width: 100%;
  padding-left: var(--bases-gutter-mob-x);
  padding-right: var(--bases-gutter-mob-x);
  flex: 1 0 0%;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .column {
    /* 2 Block model */
    padding-left: var(--bases-gutter-x);
    padding-right: var(--bases-gutter-x);
  }
}

.column--auto {
  /* 2 Block model */
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.column--1 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 8.333333%;
}

.column--2 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 16.666667%;
}

.column--3 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 25%;
}

.column--4 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 33.333333%;
}

.column--5 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 41.666667%;
}

.column--6 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 50%;
}

.column--7 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 58.333333%;
}

.column--8 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 66.666667%;
}

.column--9 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 75%;
}

.column--10 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 83.333333%;
}

.column--11 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 91.666667%;
}

.column--12 {
  /* 2 Block model */
  flex: 0 0 auto;
  width: 100%;
}

.column--align-center {
  /* 2 Block model */
  align-items: center;
}

.column--align-flex-end {
  /* 2 Block model */
  align-items: flex-end;
}

.column--align-flex-start {
  /* 2 Block model */
  align-items: flex-start;
}

.column--align-stretch {
  /* 2 Block model */
  align-items: stretch;
}

.column--justify-center {
  /* 2 Block model */
  justify-content: center;
}

.column--justify-flex-end {
  /* 2 Block model */
  justify-content: flex-end;
}

.column--justify-flex-start {
  /* 2 Block model */
  justify-content: flex-start;
}

.column--justify-space-between {
  /* 2 Block model */
  justify-content: space-between;
}

.column--justify-space-around {
  /* 2 Block model */
  justify-content: space-around;
}

/* Md */
@media (min-width: 768px) {
  .column--md-1 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 8.333333%;
  }
}

@media (min-width: 768px) {
  .column--md-2 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 16.666667%;
  }
}

@media (min-width: 768px) {
  .column--md-3 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 768px) {
  .column--md-4 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 768px) {
  .column--md-5 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 41.666667%;
  }
}

@media (min-width: 768px) {
  .column--md-6 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 768px) {
  .column--md-7 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 58.333333%;
  }
}

@media (min-width: 768px) {
  .column--md-8 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 66.666667%;
  }
}

@media (min-width: 768px) {
  .column--md-9 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 768px) {
  .column--md-10 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 83.333333%;
  }
}

@media (min-width: 768px) {
  .column--md-11 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 91.666667%;
  }
}

@media (min-width: 768px) {
  .column--md-12 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 768px) {
  .column--md-auto {
    /* 2 Block model */
    flex: 0 0 auto;
    width: auto;
  }
}

/* lg */
@media (min-width: 992px) {
  .column--lg-1 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 8.333333%;
  }
}

@media (min-width: 992px) {
  .column--lg-2 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 16.666667%;
  }
}

@media (min-width: 992px) {
  .column--lg-3 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 992px) {
  .column--lg-4 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 992px) {
  .column--lg-5 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 41.666667%;
  }
}

@media (min-width: 992px) {
  .column--lg-6 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 992px) {
  .column--lg-7 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 58.333333%;
  }
}

@media (min-width: 992px) {
  .column--lg-8 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 66.666667%;
  }
}

@media (min-width: 992px) {
  .column--lg-9 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .column--lg-10 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 83.333333%;
  }
}

@media (min-width: 992px) {
  .column--lg-11 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 91.666667%;
  }
}

@media (min-width: 992px) {
  .column--lg-12 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .column--lg-auto {
    /* 2 Block model */
    flex: 0 0 auto;
    width: auto;
  }
}

/* xl */
@media (min-width: 1200px) {
  .column--xl-1 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 8.333333%;
  }
}

@media (min-width: 1200px) {
  .column--xl-2 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 16.666667%;
  }
}

@media (min-width: 1200px) {
  .column--xl-3 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .column--xl-4 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 1200px) {
  .column--xl-5 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 41.666667%;
  }
}

@media (min-width: 1200px) {
  .column--xl-6 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .column--xl-7 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 58.333333%;
  }
}

@media (min-width: 1200px) {
  .column--xl-8 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 66.666667%;
  }
}

@media (min-width: 1200px) {
  .column--xl-9 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .column--xl-10 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 83.333333%;
  }
}

@media (min-width: 1200px) {
  .column--xl-11 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .column--xl-12 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .column--xl-auto {
    /* 2 Block model */
    flex: 0 0 auto;
    width: auto;
  }
}

/* 2xl */
@media (min-width: 1400px) {
  .column--2xl-1 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 8.333333%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-2 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 16.666667%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-3 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-4 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 33.333333%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-5 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 41.666667%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-6 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-7 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 58.333333%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-8 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 66.666667%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-9 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 75%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-10 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 83.333333%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-11 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 91.666667%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-12 {
    /* 2 Block model */
    flex: 0 0 auto;
    width: 100%;
  }
}

@media (min-width: 1400px) {
  .column--2xl-auto {
    /* 2 Block model */
    flex: 0 0 auto;
    width: auto;
  }
}

/* Order */
.order--1 {
  /* 2 Block model */
  order: 1;
}

.order--2 {
  /* 2 Block model */
  order: 2;
}

.order--3 {
  /* 2 Block model */
  order: 3;
}

.order--4 {
  /* 2 Block model */
  order: 4;
}

.order--5 {
  /* 2 Block model */
  order: 5;
}

.order--6 {
  /* 2 Block model */
  order: 6;
}

.order--7 {
  /* 2 Block model */
  order: 7;
}

.order--8 {
  /* 2 Block model */
  order: 8;
}

.order--9 {
  /* 2 Block model */
  order: 9;
}

.order--10 {
  /* 2 Block model */
  order: 10;
}

.order--11 {
  /* 2 Block model */
  order: 11;
}

.order--12 {
  /* 2 Block model */
  order: 12;
}

@media (min-width: 768px) {
  .order--md-1 {
    /* 2 Block model */
    order: 1;
  }
}

@media (min-width: 768px) {
  .order--md-2 {
    /* 2 Block model */
    order: 2;
  }
}

@media (min-width: 768px) {
  .order--md-3 {
    /* 2 Block model */
    order: 3;
  }
}

@media (min-width: 768px) {
  .order--md-4 {
    /* 2 Block model */
    order: 4;
  }
}

@media (min-width: 768px) {
  .order--md-5 {
    /* 2 Block model */
    order: 5;
  }
}

@media (min-width: 768px) {
  .order--md-6 {
    /* 2 Block model */
    order: 6;
  }
}

@media (min-width: 768px) {
  .order--md-7 {
    /* 2 Block model */
    order: 7;
  }
}

@media (min-width: 768px) {
  .order--md-8 {
    /* 2 Block model */
    order: 8;
  }
}

@media (min-width: 768px) {
  .order--md-9 {
    /* 2 Block model */
    order: 9;
  }
}

@media (min-width: 768px) {
  .order--md-10 {
    /* 2 Block model */
    order: 10;
  }
}

@media (min-width: 768px) {
  .order--md-11 {
    /* 2 Block model */
    order: 11;
  }
}

@media (min-width: 768px) {
  .order--md-12 {
    /* 2 Block model */
    order: 12;
  }
}

@media (min-width: 992px) {
  .order--lg-1 {
    /* 2 Block model */
    order: 1;
  }
}

@media (min-width: 992px) {
  .order--lg-2 {
    /* 2 Block model */
    order: 2;
  }
}

@media (min-width: 992px) {
  .order--lg-3 {
    /* 2 Block model */
    order: 3;
  }
}

@media (min-width: 992px) {
  .order--lg-4 {
    /* 2 Block model */
    order: 4;
  }
}

@media (min-width: 992px) {
  .order--lg-5 {
    /* 2 Block model */
    order: 5;
  }
}

@media (min-width: 992px) {
  .order--lg-6 {
    /* 2 Block model */
    order: 6;
  }
}

@media (min-width: 992px) {
  .order--lg-7 {
    /* 2 Block model */
    order: 7;
  }
}

@media (min-width: 992px) {
  .order--lg-8 {
    /* 2 Block model */
    order: 8;
  }
}

@media (min-width: 992px) {
  .order--lg-9 {
    /* 2 Block model */
    order: 9;
  }
}

@media (min-width: 992px) {
  .order--lg-10 {
    /* 2 Block model */
    order: 10;
  }
}

@media (min-width: 992px) {
  .order--lg-11 {
    /* 2 Block model */
    order: 11;
  }
}

@media (min-width: 992px) {
  .order--lg-12 {
    /* 2 Block model */
    order: 12;
  }
}

@media (min-width: 1200px) {
  .order--xl-1 {
    /* 2 Block model */
    order: 1;
  }
}

@media (min-width: 1200px) {
  .order--xl-2 {
    /* 2 Block model */
    order: 2;
  }
}

@media (min-width: 1200px) {
  .order--xl-3 {
    /* 2 Block model */
    order: 3;
  }
}

@media (min-width: 1200px) {
  .order--xl-4 {
    /* 2 Block model */
    order: 4;
  }
}

@media (min-width: 1200px) {
  .order--xl-5 {
    /* 2 Block model */
    order: 5;
  }
}

@media (min-width: 1200px) {
  .order--xl-6 {
    /* 2 Block model */
    order: 6;
  }
}

@media (min-width: 1200px) {
  .order--xl-7 {
    /* 2 Block model */
    order: 7;
  }
}

@media (min-width: 1200px) {
  .order--xl-8 {
    /* 2 Block model */
    order: 8;
  }
}

@media (min-width: 1200px) {
  .order--xl-9 {
    /* 2 Block model */
    order: 9;
  }
}

@media (min-width: 1200px) {
  .order--xl-10 {
    /* 2 Block model */
    order: 10;
  }
}

@media (min-width: 1200px) {
  .order--xl-11 {
    /* 2 Block model */
    order: 11;
  }
}

@media (min-width: 1200px) {
  .order--xl-12 {
    /* 2 Block model */
    order: 12;
  }
}

@media (min-width: 1400px) {
  .order--2xl-1 {
    /* 2 Block model */
    order: 1;
  }
}

@media (min-width: 1400px) {
  .order--2xl-2 {
    /* 2 Block model */
    order: 2;
  }
}

@media (min-width: 1400px) {
  .order--2xl-3 {
    /* 2 Block model */
    order: 3;
  }
}

@media (min-width: 1400px) {
  .order--2xl-4 {
    /* 2 Block model */
    order: 4;
  }
}

@media (min-width: 1400px) {
  .order--2xl-5 {
    /* 2 Block model */
    order: 5;
  }
}

@media (min-width: 1400px) {
  .order--2xl-6 {
    /* 2 Block model */
    order: 6;
  }
}

@media (min-width: 1400px) {
  .order--2xl-7 {
    /* 2 Block model */
    order: 7;
  }
}

@media (min-width: 1400px) {
  .order--2xl-8 {
    /* 2 Block model */
    order: 8;
  }
}

@media (min-width: 1400px) {
  .order--2xl-9 {
    /* 2 Block model */
    order: 9;
  }
}

@media (min-width: 1400px) {
  .order--2xl-10 {
    /* 2 Block model */
    order: 10;
  }
}

@media (min-width: 1400px) {
  .order--2xl-11 {
    /* 2 Block model */
    order: 11;
  }
}

@media (min-width: 1400px) {
  .order--2xl-12 {
    /* 2 Block model */
    order: 12;
  }
}
.form-group-item__header {
  /* 2 Block model */
  margin-bottom: var(--space-l);
}
@media (min-width: 768px) {
  .form-group-item__header {
    /* 2 Block model */
    margin-bottom: var(--space-s);
  }
}
@media (min-width: 992px) {
  .form-group-item__header {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

.form-group-item__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}

.form-group-item__list {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: var(--space-xl);
}

.form-group-item__item {
  /* 2 Block model */
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .form-group-item__item {
    /* 2 Block model */
    flex: 1 0 auto;
  }
}

@media (min-width: 768px) {
  .form-group-item--2 .form-group-item__item {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-xl));
  }
}

@media (min-width: 768px) {
  .form-group-item--3 .form-group-item__item {
    /* 2 Block model */
    flex: 1 0 calc(33.3333% - var(--space-xl));
  }
}

@media (min-width: 768px) {
  .form-group-item--4 .form-group-item__item {
    /* 2 Block model */
    flex: 1 0 calc(25% - var(--space-xl));
  }
}

@media (min-width: 768px) {
  .form-group-item--5 .form-group-item__item {
    /* 2 Block model */
    flex: 1 0 calc(20% - var(--space-xl));
  }
}
.form-offer__body {
  /* 2 Block model */
  flex: 1 1 auto;
}

.form-offer__group {
  /* 2 Block model */
  margin-bottom: var(--space-xl);
}

.form-offer__group--first {
  /* 2 Block model */
  margin-bottom: var(--space-5xl);
}

.form-offer__group--last {
  /* 2 Block model */
  margin-bottom: 0;
}

.form-offer__title {
  /* 2 Block model */
  margin-bottom: var(--space-m);
}

.form-offer__actions {
  /* 2 Block model */
  margin-bottom: var(--space-m);
}

.form-offer__actions-item {
  /* 2 Block model */
  margin-bottom: var(--space-s);
}
.strip-indicator {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  column-gap: var(--space-s);
}

.strip-indicator__indicator {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 var(--strip-indicator-indicator-width);
  width: var(--strip-indicator-indicator-width);
}

.strip-indicator__indicator::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  /* 2 Block model */
  display: block;
  width: 2px;
  height: 100%;
  /* 2 Block model */
  content: "";
  background-color: var(--color-dark-300);
  transform: translateX(-50%);
}

.strip-indicator__roud {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  box-sizing: border-box;
  width: var(--strip-indicator-round-width);
  height: var(--strip-indicator-round-height);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  border: var(--border-width-s) solid var(--color-dark-300);
  background-color: var(--color-dark-950);
}

.strip-indicator__roud--bottom {
  /* 2 Block model */
  display: none;
}

.strip-indicator__content {
  /* 1 Positioning */
  flex: 1 1 auto;
}

.strip-indicator--acrive .strip-indicator__indicator::before {
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.strip-indicator--acrive .strip-indicator__roud {
  /* 4 Visual */
  border-color: var(--color-orange-500);
}

.strip-indicator--bottom .strip-indicator__roud--bottom {
  /* 2 Block model */
  display: block;
}

.vertical-offset--4xs > * {
  /* 2 Block model */
  margin-bottom: var(--space-4xs);
}

.vertical-offset--4xs > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--3xs > * {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}

.vertical-offset--3xs > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--2xs > * {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}

.vertical-offset--2xs > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--xs > * {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
}

.vertical-offset--xs > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--s > * {
  /* 2 Block model */
  margin-bottom: var(--space-s);
}

.vertical-offset--s > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--m > * {
  /* 2 Block model */
  margin-bottom: var(--space-m);
}

.vertical-offset--m > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--l > * {
  /* 2 Block model */
  margin-bottom: var(--space-l);
}

.vertical-offset--l > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-l);
}
@media (min-width: 1200px) {
  .vertical-offset--xl > * {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}

.vertical-offset--xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--2xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-2xl);
}

.vertical-offset--2xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--3xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-xl);
}
@media (min-width: 992px) {
  .vertical-offset--3xl > * {
    /* 2 Block model */
    margin-bottom: var(--space-3xl);
  }
}

.vertical-offset--3xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--4xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-4xl);
}

.vertical-offset--4xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--5xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-5xl);
}

.vertical-offset--5xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.vertical-offset--6xl > * {
  /* 2 Block model */
  margin-bottom: var(--space-6xl);
}

.vertical-offset--6xl > *:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}
.hamburger {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: block;
  width: var(--hamburger-width);
  height: var(--hamburger-height);
  padding: 0;
  margin: 0;
  /* 4 Visual */
  cursor: pointer;
  background: var(--hamburger-bg);
  border: none;
  outline: none;
  border-radius: var(--border-radius-2xs);
}

.hamburger__visual,
.hamburger__visual::before,
.hamburger__visual::after {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 0;
  /* 2 Block model */
  display: block;
  width: var(--hamburger-visual-width);
  height: var(--hamburger-visual-height);
  /* 4 Visual */
  background-color: var(--color-orange-600);
  border-radius: var(--border-radius-xs);
  /* 5 Animation */
  transition: var(--transition);
}

.hamburger__visual {
  /* 1 Positioning */
  left: 50%;
  /* 5 Animation */
  transform: translateX(-50%);
}

.hamburger__visual::before {
  /* 1 Positioning */
  top: calc(-1 * var(--hamburger-visual-before-after-top));
  content: "";
}

.hamburger__visual::after {
  /* 1 Positioning */
  top: var(--hamburger-visual-before-after-top);
  content: "";
}

.hamburger--open .hamburger__visual {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  /* 2 Block model */
  display: block;
  width: var(--hamburger-visual-open-width);
  /* 4 Visual */
  background-color: transparent;
  transform: translate(-50%, -50%);
}

.hamburger--open .hamburger__visual::before,
.hamburger--open .hamburger__visual::after {
  /* 2 Block model */
  display: block;
  /* 4 Visual */
  content: "";
  /* 5 Animation */
  transition: var(--transition);
}

.hamburger--open .hamburger__visual::before {
  /* 1 Positioning */
  top: calc(-1 * var(--hamburger-open-hamburger-visual-before-after-top));
  left: -2px;
  /* 2 Block model */
  width: var(--hamburger-visual-open-width);
  /* 4 Visual */
  transform-origin: right top;
  transform: rotate(-45deg);
}

.hamburger--open .hamburger__visual::after {
  /* 1 Positioning */
  top: var(--hamburger-open-hamburger-visual-before-after-top);
  left: -1px;
  /* 2 Block model */
  width: var(--hamburger-visual-open-width);
  /* 4 Visual */
  transform-origin: right top;
  transform: rotate(45deg);
}

.hamburger:hover .hamburger__visual,
.hamburger:hover .hamburger__visual::before,
.hamburger:hover .hamburger__visual::after {
  /* 4 Visual */
  background-color: var(--color-orange-300);
}

.hamburger--open:hover .hamburger__visual {
  /* 4 Visual */
  background-color: transparent;
}
.header {
  /* 1 Positioning */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-index-500);
  /* 2 Block model */
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  height: var(--header-height-m);
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  /* 4 Visual */
  background-color: var(--color-dark-950);
}
@media (min-width: 1500px) {
  .header {
    /* 2 Block model */
    padding-left: var(--space-4xl);
    padding-right: var(--space-s);
  }
}

.header::before {
  /* 1 Positioning */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* 4 Visual */
  display: block;
  width: 100%;
  height: var(--header-before-height);
  /* 4 Visual */
  content: "";
  background: var(--gradient-bright-orange);
}

.header__body {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-xl);
  flex: 1 1 auto;
}
@media (min-width: 1400px) {
  .header__body {
    /* 2 Block model */
    justify-content: space-between;
  }
}

.header__hamburger {
  /* 2 Block model */
  display: none;
}

.header__left,
.header__right {
  /* 2 Block model */
  display: flex;
  align-items: center;
}

.header__right {
  /* 2 Block model */
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
}
@media (min-width: 1400px) {
  .header__right {
    /* 2 Block model */
    flex: 0 1 auto;
  }
}

.header__info-link {
  /* 2 Block model */
  margin-right: var(--space-xl);
}

.header__info-actions-connect .btn {
  /* 2 Block model */
  width: var(--btn-width-m);
}

@media (min-width: 768px) {
  .header__logo {
    /* 2 Block model */
    margin-right: var(--space-m);
  }
}
@media (min-width: 1500px) {
  .header__logo {
    /* 2 Block model */
    margin-right: var(--space-5xl);
  }
}

.header__logo .logo {
  /* 2 Block model */
  width: var(--logo-width-mobile-m);
}
@media (min-width: 768px) {
  .header__logo .logo {
    /* 2 Block model */
    width: var(--logo-width-m);
  }
}

.header__menu-desctop {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .header__menu-desctop {
    /* 2 Block model */
    display: block;
  }
}

.header__info-actions {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-xs);
}

.header__info-actions .lang__list {
  /* 1 Positioning */
  left: auto;
  right: 0;
}

.header__info-actions .profile__body {
  /* 1 Positioning */
  left: auto;
  right: 0;
}

.header__info-actions .wallet-header__hash .text {
  /* 2 Block model */
  display: none;
}
@media (min-width: 768px) {
  .header__info-actions .wallet-header__hash .text {
    /* 2 Block model */
    display: block;
  }
}

.header__actions-desctop {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .header__actions-desctop {
    /* 2 Block model */
    display: block;
  }
}

.header__menu-mobile {
  /* 1 Positioning */
  position: fixed;
  z-index: var(--z-index-500);
  top: var(--header-height-m);
  left: 0;
  right: 0;
  bottom: 0;
  /* 2 Block model */
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  overflow: auto;
  row-gap: var(--space-l);
  padding: var(--space-m);
  padding-top: var(--space-l);
  /* 4 Visual */
  background-color: var(--color-dark-950);
}
@media (min-width: 1400px) {
  .header__menu-mobile {
    /* 2 Block model */
    display: none;
  }
}

.header__menu-mobile-item {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  padding-bottom: var(--space-l);
}

.header__menu-mobile-item::before {
  /* 1 Positioning */
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* 2 Block model */
  display: block;
  width: 100%;
  height: 1px;
  /* 4 Visual */
  content: "";
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-40);
}

.header__menu-mobile--open {
  /* 2 Block model */
  display: flex;
}

.header__hamburger--show {
  /* 2 Block model */
  display: block;
}

.header__logo--hide .logo {
  /* 2 Block model */
  display: none;
}
.hierarchy-switcher {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-s);
}

.hierarchy-switcher__body {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}

.hierarchy-switcher__button {
  /* 2 Block model */
  display: flex;
}

.hierarchy-switcher__noti {
  /* 2 Block model */
  display: flex;
}

.hierarchy-switcher__noti .icon {
  /* 4 Visual */
  stroke: var(--color-dark-100);
}

.hierarchy-switcher__indicators {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-4xs);
}

.hierarchy-switcher__button-top,
.hierarchy-switcher__button-bottom {
  /* 2 Block model */
  display: flex;
}

.hierarchy-switcher__indicators .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.hierarchy-switcher__text {
  /* 4 Visual */
  cursor: pointer;
}

.hierarchy-switcher__text .text {
  /* 5 Animation */
  transition: var(--transition);
}

.hierarchy-switcher__text:hover .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.hierarchy-switcher--active-top .hierarchy-switcher__text *,
.hierarchy-switcher--active-bottom .hierarchy-switcher__text * {
  /* 4 Visual */
  color: var(--color-white);
}

.hierarchy-switcher--active-top .hierarchy-switcher__button-top .icon,
.hierarchy-switcher--active-bottom .hierarchy-switcher__button-bottom .icon {
  /* 4 Visual */
  opacity: var(--opacity-50);
}
.history-top-info {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  margin-bottom: var(--space-l);
  /* 4 Visual */
  background-color: var(--history-yop-info-bg);
}

.history-top-info__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  height: 40px;
  overflow-y: hidden;
}

.history-top-info__row {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: var(--space-6xl);
  row-gap: var(--space-2xs);
}

.history-top-info__actions {
  /* 1 Positioning */
  position: absolute;
  bottom: var(--space-xs);
  right: 0;
  /* 2 Block model */
  display: flex;
  /* 5 Animation */
  transition: all var(--transition);
}

.history-top-info__actions .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.history-top-info--open .history-top-info__body {
  /* 2 Block model */
  height: auto;
}

.history-top-info--open .history-top-info__actions {
  /* 4 Visual */
  transform: rotate(180deg);
}
.icon-link {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: opacity var(--transition);
}

.icon-link * {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.icon-link:hover {
  /* 4 Visual */
  opacity: var(--opacity-60);
}

.icon-link--current * {
  /* 3 Typography */
  color: currentColor;
}

.icon-link--grey * {
  /* 3 Typography */
  color: var(--color-gray);
}

.icon-link--row {
  /* 2 Block model */
  flex-direction: row;
}

.icon-link--column {
  /* 2 Block model */
  flex-direction: column;
}
.img {
  /* 2 Block model */
  display: block;
  width: 100%;
}

.img--auto {
  /* 2 Block model */
  width: auto;
}

.img--icon-1s {
  /* 2 Block model */
  width: var(--img-icon-1s);
}

.img--icon-s {
  /* 2 Block model */
  width: var(--img-icon-s);
}

.img--icon-l {
  /* 2 Block model */
  width: var(--img-icon-l);
}

.img--icon-m {
  /* 2 Block model */
  width: var(--img-icon-m);
}

.img--icon-xl {
  /* 2 Block model */
  width: var(--img-icon-xl);
}

.img--icon-2xl {
  /* 2 Block model */
  width: var(--img-icon-2xl);
}
.indicator-buttons {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  flex: 1 0 100%;
}

.indicator-buttons__item {
  /* 2 Block model */
  flex: 1 1 auto;
}

.indicator-buttons__item .btn {
  /* 2 Block model */
  height: var(--indicator-buttons-btn-height);
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
  /* 3 Typography */
  font-weight: 500;
  font-size: var(--font-size-12);
  line-height: var(--line-height-xl);
  color: var(--color-orange-500);
  /* 4 Visual */
  background-color: var(--indicator-buttons-btn-bg);
  border-color: var(--indicator-buttons-btn-bg);
  border-radius: var(--border-radius-5xs);
}

.indicator-buttons__item .btn:hover {
  /* 4 Visual */
  opacity: var(--opacity-70);
}
.info-best-offer {
  /* 2 Block model */
  padding: var(--space-4xs);
  /* 4 Visual */
  background: var(--gradient-primary-green);
  border-radius: var(--border-radius-s);
}

.info-best-offer__wrapper {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  width: 100%;
  padding-top: var(--space-l);
  padding-bottom: var(--space-2xl);
  padding-left: var(--space-m);
  padding-right: var(--space-m);
  /* 4 Visual */
  background-color: var(--info-best-offer-bg);
  border-radius: var(--border-radius-s);
}

.info-best-offer__top {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
  /* 3 Typography */
  text-align: center;
}

.info-best-offer__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}

.info-best-offer__from span {
  /* 2 Block model */
  display: inline-block;
  margin-left: var(--space-2xs);
  margin-right: var(--space-2xs);
}

.info-best-offer__lead {
  /* 2 Block model */
  padding-top: var(--space-3xs);
}

.info-best-offer__body {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--space-s);
  column-gap: var(--space-s);
}

.info-best-offer__conditions {
  /* 2 Block model */
  display: flex;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .info-best-offer__conditions {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-s));
  }
}

.info-best-offer__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  row-gap: var(--space-xs);
  padding-top: var(--space-m);
  padding-bottom: var(--space-m);
  padding-right: var(--space-s);
  padding-left: var(--space-s);
  margin: 0;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  list-style: none;
  border-radius: var(--border-radius-3xs);
  background-color: var(--info-best-offer-list-bg);
}

.info-best-offer__list-item {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  flex-grow: 2;
  padding-bottom: var(--space-xs);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-green-950);
}

.info-best-offer__list-item:first-child {
  /* 2 Block model */
  flex-grow: 0;
}

.info-best-offer__list-item:last-child {
  /* 2 Block model */
  flex-grow: 0;
  /* 4 Visual */
  border-bottom: none;
}

.info-best-offer__list-item-title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: var(--space-3xs);
  margin-bottom: var(--space-4xs);
}

.info-best-offer__list-item-desc {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--space-3xs);
}

.info-best-offer__bottom {
  /* 1 Positioning */
  position: absolute;
  bottom: 0;
  left: 50%;
  /* 2 Block model */
  padding: var(--space-xs) var(--space-l);
  box-sizing: border-box;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  transform: translate(-50%, 50%);
  background: var(--info-best-offer-bottom-bg);
  box-shadow: var(--info-best-offer-bottom-shadow);
}


.info-time-currency {
  /* 2 Block model */
  display: inline-flex;
}

.info-time-currency .info {
  /* 2 Block model */
  column-gap: var(--space-2xs);
}
.info-time-offer {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: var(--space-l);
  row-gap: var(--space-s);
}
@media (min-width: 1400px) {
  .info-time-offer {
    /* 2 Block model */
    column-gap: var(--space-2xl);
  }
}
.info-volume-time {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-2xs);
}

.info-volume-time__title,
.info-volume-time__time {
  /* 2 Block model */
  display: inline-flex;
}
.input {
  /* 2 Block model */
  width: 100%;
}

.input__label {
  /* 2 Block model */
  display: flex;
  min-height: var(--input-label-height);
  margin-bottom: var(--space-3xs);
}

.input__input {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-s);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-2xs);
  background-color: transparent;
  cursor: pointer;
  /* 5 Animation */
  transition: all 0.4s;
}

.input__input input {
  /* 2 Block model */
  width: 100%;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  font-weight: normal;
  line-height: var(--line-height-xl);
  color: var(--color-white);
  /* 4 Visual */
  border: none;
  background: none;
  outline: none;
}

.input__input input::-webkit-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
}

.input__input input::-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.input__input input:-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.input__input input:-ms-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
}

.input__input input[placeholder] {
  /* 3 Typography */
  text-overflow: ellipsis;
}

.input__icon-left {
  /* 2 Block model */
  display: inline-flex;
}

.input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.input__icon-right {
  /* 2 Block model */
  display: inline-flex;
}

.input__icon-right .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input__notification {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: var(--space-2xs);
  min-height: var(--input-notification-height);
}

.input--label-left .input__label {
  /* 2 Block model */
  justify-content: flex-start;
}

.input--label-center .input__label {
  /* 2 Block model */
  justify-content: center;
}

.input--label-right .input__label {
  /* 2 Block model */
  justify-content: flex-end;
}

.input--filled .input__input {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-100);
}

.input--focus .input__input {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-100);
}

.input--error .input__input {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-red-400);
}

.input--icons .input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.input--disabled .input__input {
  /* 4 Visual */
  background-color: var(--color-dark-200);
}

.input--icons-focus .input__input {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-100);
}

.input--icons-focus .input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input--icons-filled .input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input--icons-filled .input__icon-right .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input--line .input__input {
  /* 2 Block model */
  padding-top: 0;
  padding-left: 0;
  /* 4 Visual */
  border: none;
  border-bottom: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-none);
}

.input--line-focus .input__input {
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-orange-100);
}

.input--line-focus .input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input--line-filled .input__input {
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-orange-500);
}

.input--line-filled .input__icon-left .icon {
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.input--line-error .input__input {
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-red-400);
}
.input-date {
  /* 1 Positioning */
  position: relative;
  /* 4 Visual */
  cursor: pointer;
}

.input-date__top input {
  /* 2 Block model */
  padding-right: var(--space-s);
}

.input-date__top .input__icon-left {
  /* 4 Visual */
  stroke: none;
  fill: var(--color-dark-50);
}

.input-date__top .input--icons-focus .input__icon-left {
  /* 4 Visual */
  stroke: none;
  fill: var(--color-orange-500);
}

.input-date__top .input--icons-filled .input__icon-left {
  /* 4 Visual */
  stroke: none;
  fill: var(--color-orange-500);
}

.input-date__calendar {
  /* 1 Positioning */
  position: absolute;
  top: var(--input-date-calendar-top);
  left: 0;
  z-index: var(--z-index-10);
  /* 4 Visual */
  visibility: hidden;
  opacity: 0;
}

.input-date--open .input-date__calendar {
  /* 4 Visual */
  visibility: visible;
  opacity: 1;
}
.input-dropdown {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  width: 100%;
}

.input-dropdown__label {
  /* 2 Block model */
  display: flex;
  min-height: var(--input-label-height);
  margin-bottom: var(--space-3xs);
}

.input-dropdown__body {
  /* 1 Positioning */
  position: relative;
}

.input-dropdown__header {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* 2 Block model */
  padding: var(--space-xs) var(--border-radius-s);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-2xs);
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.input-dropdown__header:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-100);
}

.input-dropdown__text {
  /* 2 Block model */
  display: flex;
  flex: 1 1 auto;
  padding-right: var(--space-2xs);
  /* 3 Typography */
  color: var(--color-dark-50);
  /* 5 Animation */
  transition: var(--transition);
}

.input-dropdown__text span,
.input-dropdown__text p {
  /* 3 Typography */
  color: var(--color-dark-50);
}

.input-dropdown__header:hover .input-dropdown__text span,
.input-dropdown__header:hover .input-dropdown__text p {
  /* 3 Typography */
  color: var(--color-white);
}

.input-dropdown__header .icon {
  /* 3 Typography */
  stroke: var(--color-orange-500);
}

.input-dropdown__input {
  /* 1 Positioning */
  position: absolute;
  /* 2 Block model */
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  /* 4 Visual */
  visibility: hidden;
  opacity: 0;
}

.input-dropdown__noti {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: var(--space-2xs);
  margin-top: var(--space-3xs);
  min-height: var(--input-notification-height);
}

.input-dropdown__dropdown {
  /* 1 Positioning */
  position: absolute;
  top: calc(var(--space-2xs) + var(--space-3xl));
  /* 2 Block model */
  width: 100%;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--color-dark-200);
  visibility: hidden;
  opacity: 0;
}

.input-dropdown__dropdown-item {
  /* 2 Block model */
  padding: var(--space-2xs) var(--space-s);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.input-dropdown__dropdown-item:hover {
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.input-dropdown--label-left .input-dropdown__label {
  /* 2 Block model */
  justify-content: flex-start;
}

.input-dropdown--label-center .input-dropdown__label {
  /* 2 Block model */
  justify-content: center;
}

.input-dropdown--label-right .input-dropdown__label {
  /* 2 Block model */
  justify-content: flex-end;
}

.input-dropdown--filled .input-dropdown__text {
  /* 3 Typography */
  color: var(--color-white);
}

.input-dropdown--open {
  /* 1 Positioning */
  z-index: var(--z-index-20);
}

.input-dropdown--open .input-dropdown__dropdown {
  /* 4 Visual */
  visibility: visible;
  opacity: 1;
}

.input-dropdown--disabled .input-dropdown__header {
  /* 4 Visual */
  background-color: var(--input-disabled-color);
  border: var(--border-width-s) solid var(--input-disabled-color);
  cursor: not-allowed;
}

.input-dropdown--disabled .input-dropdown__header:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--input-disabled-color);
}

.input-dropdown--disabled .input-dropdown__text span,
.input-dropdown--disabled .input-dropdown__text p {
  /* 3 Typography */
  color: var(--color-white);
}

.input-dropdown--disabled .icon {
  /* 4 Visual */
  opacity: 0;
  visibility: hidden;
  user-select: none;
}
.lang {
  /* 1 Positioning */
  position: relative;
}

.lang__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}
@media (min-width: 1400px) {
  .lang__top {
    /* 2 Block model */
    display: none;
  }
}

.lang__icon {
  /* 2 Block model */
  display: flex;
}

.lang__icon .icon {
  /* 4 Visual */
  stroke: none;
}

.lang__button {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .lang__button {
    /* 2 Block model */
    display: block;
  }
}

.lang__top-button .icon {
  /* 4 Visual */
  stroke: var(--color-gray);
}

.lang__button .btn--icon {
  /* 2 Block model */
  width: var(--lang-btn-width);
  height: var(--lang-btn-height);
  /* 4 Visual */
  background-color: var(--lang-btn-bg);
  border-radius: var(--border-radius-2xs);
}

.lang__button .icon {
  /* 4 Visual */
  stroke: none;
}

.lang__button .btn--icon:hover .icon {
  /* 4 Visual */
  stroke: none;
}

.lang__list {
  /* 2 Block model */
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  row-gap: var(--space-xs);
  width: var(--lang-list-width);
  margin: 0;
  padding: var(--space-s);
  /* 4 Visual */
  list-style: none;
  background-color: var(--color-dark-300);
  border-radius: var(--border-radius-2xs);
  /* 5 Animation */
  transition: all var(--transition) ease;
}
@media (min-width: 1400px) {
  .lang__list {
    /* 1 Positioning */
    position: absolute;
    top: var(--space-3xl);
    left: 0;
    z-index: var(--z-index-30);
    /* 2 Block model */
    display: flex;
    /* 4 Visual */
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
}

.lang__item {
  /* 4 Visual */
  cursor: pointer;
}

.lang__item .icon {
  /* 4 Visual */
  stroke: none;
}

.lang__item p {
  /* 5 Animation */
  transition: all var(--transition);
}

.lang__item:hover p {
  /* 3 Typography */
  color: var(--color-orange-300);
}

.lang--open .lang__list {
  /* 2 Block model */
  display: flex;
}
@media (min-width: 1400px) {
  .lang--open .lang__list {
    /* 4 Visual */
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
}
.tabs-list-bids__header {
  /* 2 Block model */
  margin-bottom: var(--space-xl);
}

.tabs-list-bids__list {
  /* 2 Block model */
  display: flex;
  align-items: center;
  gap: var(--space-s);
}

.tabs-list-bids__list-item--active .bids-item {
  /* 4 Visual */
  background-color: var(--bids-item-active-bg);
}

.tabs-list-bids__list-item--active .bids-item__title .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.tabs-list-bids__list-body-item {
  /* 2 Block model */
  display: none;
  row-gap: var(--space-l);
  flex-direction: column;
}
@media (min-width: 768px) {
  .tabs-list-bids__list-body-item {
    /* 2 Block model */
    row-gap: var(--space-xl);
  }
}

.tabs__list-body-item--active {
  /* 2 Block model */
  display: flex;
}
.bids-item {
  /* 2 Block model */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--space-xs) var(--space-s);
  column-gap: var(--space-xs);
  /* 4 Visual */
  border-radius: var(--border-radius-3xs);
  cursor: pointer;
}

.bids-item__badge {
  /* 2 Block model */
  display: inline-flex;
  box-sizing: border-box;
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
  min-height: var(--bids-item-badge-height);
  /* 4 Visual */
  border-radius: var(--bids-item-badge-border-radius);
  background: var(--bids-item-badge-bg);
}

.bids-item__title .text {
  /* 5 Animation */
  transition: var(--transition) ease;
}

.bids-item:hover .bids-item__title .text {
  /* 3 Typography */
  color: var(--color-orange-300);
}
.list-bids-history {
  /* 2 Block model */
  max-height: 440px;
  overflow-y: auto;
  padding-right: var(--space-xl);
  /* 4 Visual */
  scrollbar-width: var(--list-bids-history-scrollbar-width);
  scrollbar-color: var(--color-dark-300) var(--color-dark-950);
}

.list-bids-history::-webkit-scrollbar {
  /* 2 Block model */
  width: var(--list-bids-history-scrollbar-width);
  height: var(--list-bids-history-scrollbar-height);
}

.list-bids-history::-webkit-scrollbar-track {
  /* 4 Visual */
  background: var(--color-dark-950);
}

.list-bids-history::-webkit-scrollbar-thumb {
  /* 4 Visual */
  background: var(--color-dark-300);
  border: var(--list-bids-history-scrollbar-width) solid var(--color-dark-300);
}
.list-checkbox {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-l);
  margin-bottom: var(--space-l);
}
@media (min-width: 768px) {
  .list-checkbox {
    /* 2 Block model */
    margin-bottom: 0;
    margin-right: var(--space-l);
  }
}

.list-checkbox__item {
  /* 2 Block model */
  display: flex;
}
.list-offer-details {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  padding: 0;
  margin: 0;
  /* 4 Visual */
  list-style: none;
}

.list-offer-detailsitem {
  /* 2 Block model */
  height: var(--list-offer-details-item-height);
  padding-bottom: var(--space-s);
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-dark-800);
}

.list-offer-detailsitem:last-child {
  /* 2 Block model */
  border-bottom: none;
}
.item-offer-details {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  box-sizing: border-box;
}

.item-offer-details__right {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
  /* 3 Typography */
  text-align: right;
}

.item-offer-details__right-info {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
}

.item-offer-details__right-info-item {
  /* 2 Block model */
  display: inline-flex;
  column-gap: var(--space-3xs);
  justify-content: flex-end;
  align-items: baseline;
}

.item-offer-details__right-actions {
  /* 2 Block model */
  display: flex;
}

.item-offer-details__right-actions .icon {
  /* 4 Visual */
  stroke: var(--color-dark-300);
}
.loading {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
}

.loading__img {
  /* 2 Block model */
  display: flex;
  flex: 1 1 auto;
  /* 5 Animation */
  animation: 1s linear 0s normal none infinite running rot;
}

.loading__content {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 4 Visual */
  transform: translate(-50%, -50%);
}

.loading--xs {
  /* 2 Block model */
  width: var(--loader-width-xs);
  height: var(--loader-height-xs);
}

.loading--m {
  /* 2 Block model */
  width: var(--loader-width-m);
  height: var(--loader-height-m);
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader-planet {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  width: var(--loader-planet-mob-width);
  padding-top: var(--loader-planet-mob-width);
  /* 4 Visual */
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.99);
}
@media (min-width: 768px) {
  .loader-planet {
    /* 2 Block model */
    width: var(--loader-planet-width);
    padding-top: var(--loader-planet-width);
  }
}

.loader-planet__pie-one,
.loader-planet__pie-two {
  /* 4 Visual */
  fill: currentcolor;
  stroke: gray;
  stroke-width: var(--loader-planet-pie-width);
  stroke-dasharray: 0 158;
  transition: stroke-dasharray 2s;
}

.loader-planet__pie-one {
  /* 4 Visual */
  stroke-dasharray: 100, 157.08;
  stroke: var(--color-orange-500);
}

.loader-planet__pie-two {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  stroke-width: var(--loader-planet-pie-width);
  stroke-dasharray: 100, 157.08;
  stroke: var(--loader-planet-pie-stroke-two);
}

.loader-planet svg {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 Block model */
  width: 100%;
  /* 4 Visual */
  transform: rotate(-90deg);
  color: transparent;
  background: currentcolor;
  border-radius: 50%;
}

.loader-planet__output {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  /* 2 Block model */
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--loader-planet-output-mob-width);
  height: var(--loader-planet-output-mob-height);
  /* 4 Visual */
  background: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--loader-planet-output-bg);
}
@media (min-width: 768px) {
  .loader-planet__output {
    /* 2 Block model */
    width: var(--loader-planet-output-width);
    height: var(--loader-planet-output-height);
  }
}

.loader-planet__output-body {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-20);
  /* 2 Block model */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: var(--loader-planet-output-body-mob-width);
  height: var(--loader-planet-output-body-mob-height);
  /* 4 Visual */
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  filter: var(--loader-planet-output-body-filter);
  border: var(--border-width-xs) solid var(--loader-planet-pie-stroke-two);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .loader-planet__output-body {
    /* 2 Block model */
    width: var(--loader-planet-output-body-width);
    height: var(--loader-planet-output-body-height);
  }
}

.loader-planet__title {
  /* 2 Block model */
  display: inline-flex;
  margin-bottom: var(--space-4xs);
}

@media (max-width: 767px) {
  .loader-planet__title .text {
    /* 3 Typography */
    font-size: var(--font-size-16);
    line-height: var(--line-height-4xl);
  }
}

.loader-planet__number {
  /* 2 Block model */
  display: inline-flex;
}

@media (max-width: 767px) {
  .loader-planet__number .text {
    /* 3 Typography */
    font-size: var(--font-size-24);
    line-height: var(--line-height-4xl);
  }
}

.loader-planet__link {
  /* 2 Block model */
  display: inline-flex;
}
@media (max-width: 767px) {
  .loader-planet__link {
    /* 2 Block model */
    padding-top: var(--space-2xs);
    /* 3 Typography */
    font-size: var(--font-size-16);
    line-height: var(--line-height-4xl);
  }
}
.loader-time {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  width: var(--loader-time-width);
  height: 0;
  padding-top: var(--loader-time-width);
  /* 4 Visual */
  border-radius: 50%;
  background-color: var(--color-dark-300);
}

.loader-time__pie {
  /* 4 Visual */
  fill: currentcolor;
  stroke: gray;
  stroke-width: 50;
  stroke-dasharray: 0 158;
  transition: stroke-dasharray 2s;
}

.loader-time svg {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 Block model */
  width: 100%;
  /* 4 Visual */
  transform: rotate(-90deg);
  color: transparent;
  background: currentcolor;
  border-radius: 50%;
}

.loader-time__output {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  /* 2 Block model */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80%;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: var(--color-dark-950);
}

.loader-time__pie {
  /* 2 Block model */
  stroke-dasharray: 40, 157.08;
  stroke: var(--color-orange-500);
}
.loading-window {
  /* 3 Typography */
  text-align: center;
}

.loading-window__loader {
  /* 2 Block model */
  width: 100%;
  max-width: var(--loading-window-loader-width);
  margin: 0 auto;
  margin-bottom: var(--space-l);
}

.loading-window__top {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}
.logo {
  /* 2 Block model */
  display: inline-flex;
}

.logo img {
  /* 1 Positioning */
  display: block;
  width: 100%;
}
.main {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 auto;
  margin-bottom: calc(var(--tab-bar-button-nav-height) + var(--space-xl));
}
@media (min-width: 1200px) {
  .main {
    /* 2 Block model */
    margin-bottom: var(--space-5xl);
  }
}
.menu {
  /* 2 Block model */
  display: flex;
}

.menu__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xl);
  flex: 1 1 auto;
}
@media (min-width: 1400px) {
  .menu__list {
    /* 2 Block model */
    flex-direction: row;
    align-items: center;
    column-gap: var(--space-3xl);
  }
}

.list__item {
  /* 1 Positioning */
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
}

.menu__link {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
}

.menu__link .text {
  /* 5 Animation */
  transition: all var(--transition) ease;
}
@media (max-width: 1400px) {
  .menu__link .text {
    /* 3 Typography */
    font-size: var(--font-size-promo-14);
    line-height: var(--line-height-m);
  }
}

.menu__link:hover .text {
  /* 4 Visual */
  color: var(--color-orange-500);
}

.menu__arrow {
  /* 1 Positioning */
  position: absolute;
  top: 1px;
  right: calc(-1 * var(--menu-arrow-right));
  /* 2 Block model */
  display: flex;
}

.menu__arrow .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.menu__link--active::before {
  /* 1 Positioning */
  position: absolute;
  bottom: var(--menu-active-before-bottom);
  left: 50%;
  /* 2 Block model */
  display: inline-flex;
  width: var(--menu-active-before-width);
  height: var(--menu-active-before-height);
  /* 4 Visual */
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2241%22 height%3D%224%22 viewBox%3D%220 0 41 4%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse cx%3D%222%22 cy%3D%221.9836%22 rx%3D%222%22 ry%3D%221.9836%22 fill%3D%22%23BC401C%22%2F%3E%3Cellipse cx%3D%2220%22 cy%3D%221.9836%22 rx%3D%222%22 ry%3D%221.9836%22 fill%3D%22%23BC401C%22%2F%3E%3Cellipse cx%3D%2239%22 cy%3D%221.9836%22 rx%3D%222%22 ry%3D%221.9836%22 fill%3D%22%23BC401C%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translateX(-50%);
}

.menu__sub-list {
  /* 2 Block model */
  display: none;
  width: 100%;
  min-width: auto;
  padding: var(--space-s);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border-radius: var(--border-radius-2xs);
}
@media (min-width: 1400px) {
  .menu__sub-list {
    /* 1 Positioning */
    position: absolute;
    /* 2 Block model */
    display: block;
    min-width: 300px;
    /* 4 Visual */
    transform: translate(0, 35%);
    opacity: var(--opacity-0);
    visibility: hidden;
    user-select: none;
  }
}

.menu__sub-link {
  /* 2 Block model */
  display: flex;
  padding: var(--space-3xs) var(--space-2xs);
}

.menu__sub-link .text {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.menu__sub-link:hover .text {
  /* 4 Visual */
  color: var(--color-orange-500);
}

.menu__sub-list--open {
  /* 2 Block model */
  display: block;
}
@media (min-width: 1400px) {
  .menu__sub-list--open {
    /* 4 Visual */
    opacity: var(--opacity-100);
    visibility: visible;
    user-select: auto;
  }
}

.menu--medium .menu__list {
  /* 2 Block model */
  row-gap: var(--space-l);
}

.menu--medium .menu__link:hover .text {
  /* 4 Visual */
  color: var(--color-orange-500);
}

.menu--medium .menu__arrow {
  /* 1 Positioning */
  top: var(--menu-arrow-medium-top);
  right: calc(-1 * var(--menu-arrow-medium-right));
}

.menu--footer .menu__list {
  /* 2 Block model */
  flex-direction: column;
  align-items: flex-start;
  row-gap: var(--space-2xs);
}
.menu-mobile {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--space-xl);
  column-gap: var(--space-s);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  /* 4 Visual */
  list-style: none;
}

.menu-mobile__item {
  /* 2 Block model */
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: var(--menu-mobile-item);
}

.menu-mobile__item .icon {
  /* 4 Visual */
  stroke: var(--color-dark-200);
}

.menu-mobile__item .text {
  /* 3 Typography */
  text-align: center;
  color: var(--color-dark-200);
}
.modal {
  /* 1 Positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-max);
  /* 2 Block model */
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
  /* 4 Visual */
  background-color: var(--color-overlay);
  backdrop-filter: blur(15px);
}

.modal__overlay {
  /* 2 Block model */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .modal__overlay {
    /* 2 Block model */
    padding: var(--space-m);
  }
}
.more-content {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}

.more-content__top {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-2xl);
  margin-bottom: var(--space-2xl);
  align-self: normal;
}

.more-content__bottom {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-2xl);
  align-self: normal;
}

.more-content__top .menu-mobile {
  /* 2 Block model */
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
}

.more-content__bottom .menu__list {
  /* 2 Block model */
  row-gap: var(--space-s);
}

.more-content__bottom .list__item {
  /* 2 Block model */
  width: 100%;
  padding-bottom: var(--space-s);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-dark-800);
}

.more-content__bottom .list__item:last-child {
  /* 2 Block model */
  padding-bottom: 0;
  /* 4 Visual */
  border-bottom: none;
}

.more-content__bottom .social {
  /* 2 Block model */
  justify-content: center;
}
.offer-currency {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}

.offer-currency__left {
  /* 2 Block model */
  display: none;
  align-items: center;
  justify-content: center;
  align-self: normal;
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
  /* 4 Visual */
  background-color: var(--offer-currency-left-bg);
}

.offer-currency__right {
  /* 2 Block model */
  display: flex;
}

.offer-currency--active .offer-currency__left {
  /* 2 Block model */
  display: flex;
}
.offer-tabs {
  /* 2 Block model */
  display: none;
  /* 6 Misc */
  counter-reset: section;
}
@media (min-width: 768px) {
  .offer-tabs {
    /* 2 Block model */
    display: flex;
    flex-direction: column;
    column-gap: var(--space-s);
    row-gap: var(--space-l);
    justify-content: space-between;
    margin-bottom: var(--space-2xl);
  }
}
@media (min-width: 992px) {
  .offer-tabs {
    /* 2 Block model */
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .offer-tabs {
    /* 2 Block model */
    column-gap: var(--space-2xl);
    row-gap: var(--space-2xl);
  }
}

.offer-tabs__item {
  /* 2 Block model */
  display: flex;
}
.offer-tab-item {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: var(--space-s);
  padding: var(--space-s);
  flex: 1 1 auto;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  background-color: var(--offer-tab-item--bg);
  border-radius: var(--border-radius-m);
}
@media (min-width: 1200px) {
  .offer-tab-item {
    /* 2 Block model */
    align-items: flex-start;
    flex-direction: row;
    padding: var(--space-l);
    /* 3 Typography */
    text-align: left;
  }
}

.offer-tab-item__number {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: var(--offer-tab-item--number-width);
  height: var(--offer-tab-item--number-height);
  margin-bottom: var(--space-xs);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-dark-100);
}
@media (min-width: 1200px) {
  .offer-tab-item__number {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

.offer-tab-item__number::after {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-20);
  line-height: var(--line-height-xl);
  font-weight: bold;
  color: var(--color-dark-950);
  /* 4 Visual */
  transform: translate(-50%, -50%);
  /* 6 Misc */
  content: counter(section);
  counter-increment: section;
}

.offer-tab-item__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}
@media (min-width: 1200px) {
  .offer-tab-item__title {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

.offer-tab-item--active {
  /* 4 Visual */
  background-color: var(--offer-tab-item--bg-active);
}

.offer-tab-item--active .offer-tab-item__number {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
}

.offer-tab-item--active .offer-tab-item__title h2 {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.offer-tab-item--active .offer-tab-item__text p {
  /* 3 Typography */
  color: var(--color-orange-500);
}
.offer-type {
  /* 2 Block model */
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  column-gap: var(--space-3xs);
  padding-top: var(--space-4xs);
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
  /* 4 Visual */
  background-color: var(--color-green-500);
  border-radius: var(--border-radius-big);
}
@media (min-width: 1200px) {
  .offer-type {
    /* 2 Block model */
    flex-direction: column;
    align-items: flex-start;
    column-gap: 0;
    padding: 0;
    /* 4 Visual */
    background-color: transparent;
    border-radius: 0;
  }
}

@media (max-width: 1199px) {
  .offer-type .text {
    /* 3 Typography */
    font-family: var(--font-second);
    color: var(--color-white);
    font-weight: bold;
    font-size: var(--font-size-11);
    line-height: var(--line-height-s);
  }
}

.offer-type__desc {
  /* 2 Block model */
  display: flex;
}
@media (min-width: 1200px) {
  .offer-type__desc {
    /* 2 Block model */
    margin-top: calc(-1 * var(--space-2xs));
  }
}

@media (min-width: 1200px) {
  .offer-type--warning .text {
    /* 3 Typography */
    color: var(--color-red-500);
  }
}

@media (max-width: 1199px) {
  .offer-type--warning {
    /* 2 Block model */
    background-color: var(--color-red-500);
  }
}
.offer-volume {
  /* 2 Block model */
  display: inline-flex;
  flex-direction: column;
}

.offer-volum__top {
  /* 2 Block model */
  display: inline-flex;
  align-items: flex-end;
  column-gap: var(--space-3xs);
}

.offer-volume__bottom {
  /* 2 Block model */
  margin-top: calc(-1 * var(--space-2xs));
}

.offer-volume__bottom .text {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
}

.offer-volume--flex-end {
  /* 2 Block model */
  align-items: flex-end;
}

.offer-volume--center {
  /* 2 Block model */
  align-items: center;
}

.offer-volume--flex-start {
  /* 2 Block model */
  align-items: flex-start;
}
.page {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--header-height-m);
  min-height: calc(100vh - var(--header-height-m));
  overflow: hidden;
}

.page__circle-1 {
  /* 1 Positioning */
  position: absolute;
  top: var(--page-circle-1-top);
  right: var(--page-circle-1-right);
  /* 2 Block model */
  width: var(--page-circle-1-width);
  height: var(--page-circle-1-height);
  /* 4 Visual */
  background-color: var(--color-orange-500);
  opacity: var(--opacity-50);
  filter: var(--page-circle-1-blur);
}
.page-body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding-top: var(--space-l);
  min-height: var(--page-body-min-height);
}
@media (min-width: 768px) {
  .page-body {
    /* 2 Block model */
    padding-top: var(--space-xl);
  }
}

.page-body--height-auto {
  /* 2 Block model */
  min-height: auto;
}

.page-body--pt-4xs {
  /* 2 Block model */
  padding-top: var(--space-4xs);
}

.page-body--pt-3xs {
  /* 2 Block model */
  padding-top: var(--space-3xs);
}

.page-body--pt-2xs {
  /* 2 Block model */
  padding-top: var(--space-2xs);
}

.page-body--pt-xs {
  /* 2 Block model */
  padding-top: var(--space-xs);
}

.page-body--pt-s {
  /* 2 Block model */
  padding-top: var(--space-s);
}

.page-body--pt-m {
  /* 2 Block model */
  padding-top: var(--space-m);
}

.page-body--pt-l {
  /* 2 Block model */
  padding-top: var(--space-l);
}

.page-body--pt-xl {
  /* 2 Block model */
  padding-top: var(--space-xl);
}

.page-body--pt-2xl {
  /* 2 Block model */
  padding-top: var(--space-2xl);
}

.page-body--pt-3xl {
  /* 2 Block model */
  padding-top: var(--space-3xl);
}

.page-body--pt-4xl {
  /* 2 Block model */
  padding-top: var(--space-4xl);
}

.page-body--pt-5xl {
  /* 2 Block model */
  padding-top: var(--space-5xl);
}

.page-body--pt-6xl {
  /* 2 Block model */
  padding-top: var(--space-6xl);
}
.page-top {
  /* 2 Block model */
  padding-top: var(--space-3xl);
}

.page-top--null {
  /* 2 Block model */
  padding-top: 0;
}

.page-top-3xl {
  /* 2 Block model */
  padding-top: var(--space-3xl);
}
.paginations__body {
  /* 2 Block model */
  display: flex;
  justify-content: flex-start;
  column-gap: var(--space-m);
}
@media (min-width: 768px) {
  .paginations__body {
    /* 2 Block model */
    column-gap: var(--space-2xs);
  }
}

.paginations__list {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  gap: var(--space-xs);
}
@media (min-width: 768px) {
  .paginations__list {
    /* 2 Block model */
    gap: var(--space-2xs);
  }
}

.paginations__link {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--paginations-item-width-m);
  height: var(--paginations-item-width-m);
  /* 3 Typography */
  text-decoration: none;
  /* 5 Animation */
  transition: all var(--transition);
}

.paginations__link span {
  /* 3 Typography */
  color: var(--color-gray);
}

.paginations__link:hover span {
  /* 3 Typography */
  color: var(--color-orange-700);
  /* 5 Animation */
  transition: all var(--transition);
}

.paginations__link--current {
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-orange-500);
}

.paginations__link--current span {
  /* 3 Typography */
  color: var(--color-white);
}

.paginations--center .paginations__body {
  /* 2 Block model */
  justify-content: center;
}
.popup {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  width: 100%;
  /* 4 Visual */
  box-shadow: var(--box-shadow-modal-lighting);
  background-color: var(--color-dark-950);
}
@media (min-width: 576px) {
  .popup {
    /* 4 Visual */
    background-color: var(--color-dark-950);
    border-radius: var(--border-radius-l);
  }
}

.popup::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  background: var(--color-dark-700);
}
@media (min-width: 576px) {
  .popup::before {
    /* 4 Visual */
    content: "";
    background: var(--gradient-primary-orange);
    border-radius: var(--border-radius-l);
  }
}

.popup__top {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  padding-top: var(--space-l);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
}
@media (min-width: 768px) {
  .popup__top {
    /* 2 Block model */
    padding-top: var(--space-xl);
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }
}

.popup__close {
  /* 1 Positioning */
  position: absolute;
  top: var(--space-xl);
  right: var(--space-xs);
  /* 2 Block model */
  display: flex;
}
@media (min-width: 768px) {
  .popup__close {
    /* 1 Positioning */
    top: var(--space-l);
    right: var(--space-2xl);
  }
}

@media (max-width: 767px) {
  .popup__title .text {
    /* 3 Typography */
    font-size: var(--font-size-promo-16);
  }
}

.popup__body {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
  padding-bottom: var(--space-xl);
  padding-top: var(--space-l);
}
@media (min-width: 768px) {
  .popup__body {
    /* 2 Block model */
    padding-left: var(--space-2xl);
    padding-right: var(--space-2xl);
  }
}

.popup--small {
  /* 2 Block model */
  max-width: var(--popup-width-s);
}

.popup--medium {
  /* 2 Block model */
  max-width: var(--popup-width-m);
}

.popup--large {
  /* 2 Block model */
  max-width: var(--popup-width-l);
}

.popup--large-big {
  /* 2 Block model */
  max-width: var(--popup-width-2l);
}

.popup--big {
  /* 2 Block model */
  max-width: var(--popup-width-xll);
}

.popup--padding-scroll-x .popup__body {
  /* 2 Block model */
  padding-right: 0;
}

.popup--border .popup__top {
  /* 2 Block model */
  padding-bottom: var(--space-l);
  /* 4 Visual */
  border-bottom: var(--border-width-xs) solid var(--color-dark-100);
}

.popup__text {
  /* 2 Block model */
  opacity: var(--opacity-50);
}

.popup--connect-wallet-error {
  /* 4 Visual */
  background-color: var(--connect-wallet-error-bg);
}

.popup--connect-wallet-error::before {
  /* 4 Visual */
  background: var(--color-red-500);
}

.popup--connect-wallet-error .connect-wallet__loader {
  /* 2 Block model */
  width: var(--connect-wallet-error-img-width);
  height: var(--connect-wallet-error-img-height);
}

.popup--connect-wallet-error .connect-wallet__loader img {
  /* 5 Animation */
  animation: normal;
}

.popup--connect-wallet-error .connect-wallet__text {
  /* 3 Typography */
  color: var(--color-red-500);
  /* 4 Visual */
  opacity: var(--opacity-100);
}

.popup--connect-wallet-error .card-short-wallet {
  /* 4 Visual */
  background-color: var(--connect-wallet-error-card-short-wallet-bg);
}
.pie-chart {
  /* 2 Block model */
  display: grid;
  column-gap: var(--space-xl);
  row-gap: var(--space-s);
  grid-template-columns: auto 2fr;
  grid-template-rows: minmax(24px, auto) auto;
  grid-template-areas: "title title" "chart  list";
}
@media (min-width: 768px) {
  .pie-chart {
    /* 2 Block model */
    grid-template-columns: 2fr auto;
    row-gap: var(--space-m);
    column-gap: var(--space-2xl);
    grid-template-areas: "title chart" "list  chart";
  }
}

.pie-chart__title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-xs);
  grid-area: title;
}

.pie-chart__title-body {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}

.pie-chart__title-body .btn .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.pie-chart__title-body .btn:hover .icon {
  /* 4 Visual */
  stroke: var(--color-orange-100);
}

.pie-chart__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: flex-start;
  row-gap: var(--space-xs);
  grid-area: list;
}

.pie-chart__item {
  /* 2 Block model */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: var(--transition) ease;
}

.pie-chart__item:last-child {
  /* 2 Block model */
  margin-bottom: 0;
}

.pie-chart__item:hover .pie-chart__item-color-block {
  /* 4 Visual */
  transform: scale(1.75);
}

.pie-chart__item p,
.pie-chart__item span {
  /* 5 Animation */
  transition: var(--transition) ease;
}

.pie-chart__item:hover p,
.pie-chart__item:hover span {
  /* 3 Typography */
  color: var(--color-green-200);
}

.pie-chart__item-body {
  /* 2 Block model */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 4px;
}

.pie-chart__item-color-block {
  /* 2 Block model */
  width: var(--pie-chart-item-color-block-width);
  height: var(--pie-chart-item-color-block-height);
  margin-right: var(--space-2xs);
  /* 4 Visual */
  background-color: var(--color-dark-100);
  border-radius: var(--border-radius-full);
  /* 5 Animation */
  transition: var(--transition) ease;
}

.pie-chart__item-value {
  /* 2 Block model */
  min-width: 52px;
  /* 3 Typography */
  text-align: right;
}

.pie-chart__chart-content {
  /* 2 Block model */
  align-self: flex-start;
  grid-area: chart;
}

.pie-chart__chart {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  justify-content: center;
  padding-top: 0px;
}

.pie-chart__svg {
  /* 2 Block model */
  display: block;
  width: var(--pie-chart-svg-width);
  height: auto;
}

.pie-chart__chart-desc {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 4 Visual */
  transform: translate(-50%, -50%);
}

.pie-chart__chart-desc .pie-total__total p {
  /* 2 Block model */
  overflow-x: hidden;
  width: var(--pie-chart-chart-desc-pie-total-total-p-width);
  /* 3 Typography */
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .pie-chart--reverse {
    /* 2 Block model */
    grid-template-columns: auto 2fr;
    grid-template-areas: "chart title" "chart  list";
  }
}

.pie-chart--two-collumn {
  /* 2 Block model */
  grid-template-columns: 1fr;
  column-gap: 0;
  grid-template-areas: "title title" "chart  chart" "list  list";
}
@media (min-width: 768px) {
  .pie-chart--two-collumn {
    /* 2 Block model */
    column-gap: var(--space-2xl);
    grid-template-areas: "chart title" "chart  list";
  }
}

.pie-chart--two-collumn .pie-chart__list {
  /* 2 Block model */
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--space-xs);
  column-gap: var(--space-4xl);
}
@media (min-width: 768px) {
  .pie-chart--two-collumn .pie-chart__list {
    /* 2 Block model */
    column-gap: var(--space-3xl);
  }
}

.pie-chart--two-collumn .pie-chart__item {
  /* 2 Block model */
  flex: 1 0 calc(50% - var(--space-4xl));
}
@media (min-width: 768px) {
  .pie-chart--two-collumn .pie-chart__item {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-3xl));
  }
}
.pie-chart-list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xl);
}

.pie-chart-list__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: var(--space-xs) var(--space-s);
  min-height: var(--pie-chart-list-top-heighti);
  /* 4 Visual */
  background-color: var(--pie-chart-list-top-bg);
  border-radius: var(--border-radius-xs);
}

.pie-chart-list__desctop-hide {
  /* 2 Block model */
  display: flex;
}
@media (min-width: 768px) {
  .pie-chart-list__desctop-hide {
    /* 2 Block model */
    display: none;
  }
}
.pie-total__total {
  /* 3 Typography */
  text-align: center;
}

.pie-total__total .text {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
}

.pie-total__desc {
  /* 2 Block model */
  margin-top: calc(-1 * var(--space-3xs));
  /* 3 Typography */
  text-align: center;
}
.profile {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-20);
}

.profile__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}
@media (min-width: 1400px) {
  .profile__top {
    /* 2 Block model */
    display: none;
  }
}

.profile__icon {
  /* 2 Block model */
  display: flex;
}

.profile__icon .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.profile__button {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1400px) {
  .profile__button {
    /* 2 Block model */
    display: block;
  }
}

.profile__top-button .icon {
  /* 4 Visual */
  stroke: var(--color-gray);
}

.profile__button .btn--icon {
  /* 2 Block model */
  width: var(--profile-btn-width);
  height: var(--profile-btn-height);
  /* 4 Visual */
  background-color: var(--profile-btn-bg);
  border-radius: var(--border-radius-2xs);
}

.profile__button .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.profile__body {
  /* 2 Block model */
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  row-gap: var(--space-s);
  width: var(--profile-body-width);
  margin: 0;
  padding: var(--space-s);
  /* 4 Visual */
  list-style: none;
  background-color: var(--color-dark-300);
  border-radius: var(--border-radius-2xs);
  /* 5 Animation */
  transition: all var(--transition) ease;
}
@media (min-width: 1400px) {
  .profile__body {
    /* 1 Positioning */
    position: absolute;
    top: var(--space-3xl);
    left: 0;
    /* 2 Block model */
    display: flex;
    /* 4 Visual */
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
  }
}

.profile__ref-id {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  flex: 1 1 auto;
  padding: var(--space-2xs) var(--space-xs);
  /* 4 Visual */
  background-color: var(--color-dark-200);
  border-radius: var(--border-radius-2xs);
}

.profile__ref-id .icon-link__text {
  /* 3 Typography */
  font-size: var(--font-size-11);
  color: var(--color-dark-50);
}

.profile__ref-id .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.profile__list {
  /* 2 Block model */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xs);
  margin: 0;
}

.profile--open .profile__body {
  /* 4 Visual */
  display: flex;
}
@media (min-width: 1400px) {
  .profile--open .profile__body {
    /* 4 Visual */
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
  }
}
.profile-big {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: column;
}

.profile-big__foto {
  /* 2 Block model */
  display: flex;
  width: var(--profile-big-foto-width);
  height: var(--profile-big-foto-width);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-dark-400);
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.9996 3C9.51357 3 7.49824 5.01472 7.49824 7.5C7.49824 9.98528 9.51357 12 11.9996 12C14.4856 12 16.501 9.98528 16.501 7.5C16.501 5.01472 14.4856 3 11.9996 3ZM19.2022 16.284L20.9037 19.695C21.0441 19.9736 21.0302 20.305 20.867 20.5708C20.7038 20.8367 20.4145 20.9991 20.1025 21H3.89755C3.58552 20.9991 3.29623 20.8367 3.133 20.5708C2.96978 20.305 2.95589 19.9736 3.09631 19.695L4.79782 16.284C5.56099 14.7615 7.11853 13.8001 8.82204 13.8H15.178C16.8815 13.8001 18.439 14.7615 19.2022 16.284Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-size: var(--profile-big-foto-bg-size-width);
  background-repeat: no-repeat;
}

.profile-big__foto {
  /* 2 Block model */
  margin-bottom: var(--space-s);
}

.profile-big__name {
  /* 2 Block model */
  margin-bottom: var(--space-2xs);
}
:root {
  /* Ui Kit Variables */
  /* Animation */
  --transition: 0.4s;
  /* Backdrop-filter */
  --backdrop-filter-overlay: blur(15px);
  --backdrop-filter-button: blur(15px);
  /* Background */
  --background: #000000;
  --background-add: linear-gradient(151.47deg, #8a67ff -7.28%, #49d4ff 29.09%, #fe673c 65.78%, #a6498f 107.39%);
  /* Borders */
  --border-radius-none: 0px;
  --border-radius-full: 50%;
  --border-radius-5xs: 2px;
  --border-radius-4xs: 4px;
  --border-radius-3xs: 6px;
  --border-radius-2xs: 8px;
  --border-radius-xs: 10px;
  --border-radius-s: 12px;
  --border-radius-m: 16px;
  --border-radius-l: 18px;
  --border-radius-xl: 20px;
  --border-radius-2xl: 26px;
  --border-radius-big: 53px;
  --border-width-0: 0px;
  --border-width-xs: 1px;
  --border-width-s: 2px;
  --border-color-popup-gradient: var(--gradient-primary-orange);
  --border-shadow-popup: var(--box-shadow-modal-lighting);
  --border-color-table: var(--color-orange-500);
  --border-color-select-gradient: var(--gradient-primary-orange);
  --border-shadow-select: var(--box-shadow-modal-lighting);
  --border-color-select-active: var(--color-green-promo);
  --border-color-error: var(--color-red-500);
  --border-shadow-error: var(--box-shadow-modal-lighting);
  --border-color-select-price-gradient: var(--gradient-primary-green);
  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-green-promo: #00cb82;
  --color-gray: #827f7f;
  --color-grey: #827f7f;
  --color-primary-blue: #4e7ffe;
  /* Colors Dark */
  --color-dark-50: #94969a;
  --color-dark-100: #686a6e;
  --color-dark-200: #686a6e;
  --color-dark-300: #515460;
  --color-dark-400: #24252d;
  --color-dark-500: #2a2b32;
  --color-dark-600: #2c2c2e;
  --color-dark-700: #2a2a2c;
  --color-dark-800: #1b1b1c;
  --color-dark-900: #0b0b0b;
  --color-dark-950: #000000;
  /* Colors Orange */
  --color-orange-50: #ffbfad;
  --color-orange-100: #f89a7f;
  --color-orange-200: #f08160;
  --color-orange-300: #df603b;
  --color-orange-400: #cf4f29;
  --color-orange-500: #bc401c;
  --color-orange-600: #b63b17;
  --color-orange-700: #ad3613;
  --color-orange-800: #a53717;
  --color-orange-900: #8d2d11;
  --color-orange-950: #74250e;
  /* Colors Green*/
  --color-green-50: #aaefe3;
  --color-green-100: #80decd;
  --color-green-200: #64cebb;
  --color-green-300: #49bda9;
  --color-green-400: #3bb19c;
  --color-green-500: #279783;
  --color-green-600: #228f7c;
  --color-green-700: #1b7e6d;
  --color-green-800: #177161;
  --color-green-900: #125c4f;
  --color-green-950: #0d4a3f;
  /* Colors Red*/
  --color-red-50: #eea3a7;
  --color-red-100: #e37d84;
  --color-red-200: #cf6268;
  --color-red-300: #c24f56;
  --color-red-400: #ae3c43;
  --color-red-500: #9a2c33;
  --color-red-600: #90272d;
  --color-red-700: #862228;
  --color-red-800: #801c22;
  --color-red-900: #74161c;
  --color-red-950: #661015;
  /* Colors overlay*/
  --color-overlay: rgba(27, 27, 28, 0.6);
  /* Colors Btn Border*/
  --color-btn-outline-border: rgba(255, 255, 255, 0.1);
  --color-btn-outline-border-disabled: rgba(255, 255, 255, 0.1);
  /* Colors Btn Bg*/
  --color-btn-bg-disabled: #d7beb7;
  /* Colors Badge Bg*/
  --color-badge-bg: #d7beb7;
  /* Font sizes */
  --font-size-H1: 32px;
  --font-size-H2: 24px;
  --font-size-H3: 28px;
  --font-size-promo-32: 32px;
  --font-size-promo-20: 20px;
  --font-size-promo-18: 18px;
  --font-size-promo-16: 16px;
  --font-size-promo-14: 14px;
  --font-size-promo-12: 12px;
  --font-size-promo-11: 11px;
  --font-size-promo-10: 10px;
  --font-size-28: 28px;
  --font-size-24: 24px;
  --font-size-16: 16px;
  --font-size-14: 14px;
  --font-size-12: 12px;
  --font-size-11: 11px;
  --font-size-10: 10px;
  /* Font sizes mobile */
  --font-size-mob-H1: 24px;
  --font-size-mob-H2: 20px;
  --font-size-mob-H3: 24px;
  --font-size-mob-promo-20: 16px;
  --font-size-mob-promo-16: 14px;
  --font-size-mob-promo-14: 12px;
  --font-size-mob-promo-12: 11px;
  --font-size-mob-promo-11: 10px;
  --font-size-mob-24: 20px;
  --font-size-mob-16: 14px;
  --font-size-mob-14: 12px;
  --font-size-mob-12: 11px;
  /* Height */
  --btn-height-xl: 64px;
  --btn-height-lg: 56px;
  --btn-height-m: 48px;
  --btn-height-s: 40px;
  --btn-height-sm: 32px;
  --btn-height-xs: 28px;
  /* Gradient*/
  --gradient-primary-orange: linear-gradient(266.47deg, #c77326 10.33%, #981807 102.01%);
  --gradient-bright-orange: linear-gradient(263.9deg, #c74a26 3.46%, #e24400 50.09%, #981807 105.19%);
  --gradient-hovers-orange: linear-gradient(263.9deg, #ff693e 3.46%, #e24400 50.09%, #f36f24 105.19%);
  --gradient-bright-dark: linear-gradient(266.47deg, #212124 10.33%, #4d4f56 53.78%, #1e2022 102.01%);
  --gradient-button-background: linear-gradient(
  	266.47deg,
  	rgba(199, 115, 38, 0.1) 10.33%,
  	rgba(152, 24, 7, 0.1) 102.01%
  );
  --gradient-primary-green: linear-gradient(266.47deg, #4ad0a8 10.33%, #027055 102.01%);
  --gradient-linear: linear-gradient(103.4deg, #ff6639 11.82%, #7e25b5 89.19%);
  /* Icons */
  --icon-6xs: 3px;
  --icon-5xs: 6px;
  --icon-4xs: 8px;
  --icon-3xs: 10px;
  --icon-2xs: 14px;
  --icon-xs: 16px;
  --icon-1s: 18px;
  --icon-s: 20px;
  --icon-m: 24px;
  --icon-l: 32px;
  /* Line heights. */
  --line-height-2xs: 12px;
  --line-height-xs: 14px;
  --line-height-s: 16px;
  --line-height-m: 18px;
  --line-height-l: 20px;
  --line-height-xl: 24px;
  --line-height-2xl: 28px;
  --line-height-3xl: 30px;
  --line-height-4xl: 32px;
  --line-height-5xl: 36px;
  --line-height-6xl: 38px;
  /* Letter-spacing. */
  --letter-spacing-s: -0.1px;
  /* Meida */
  --media-sm: 576;
  --media-md: 768px;
  --media-lg: 992px;
  --media-xl: 1200px;
  --media-2xl: 1400px;
  --media-3xl: 1600px;
  /* Opacity */
  --opacity-0: 0;
  --opacity-10: 0.1;
  --opacity-15: 0.15;
  --opacity-20: 0.2;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-90: 0.9;
  --opacity-100: 1;
  /* Positioning */
  --z-index-auto: auto;
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-500: 500;
  --z-index-max: 1000;
  /* Shadow */
  --box-shadow-modal-lighting: 0px 35px 71px -30px rgba(234, 101, 44, 0.14);
  /* Spacers */
  --space-4xs: 2px;
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-s: 16px;
  --space-m: 20px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --space-3xl: 48px;
  --space-4xl: 64px;
  --space-5xl: 72px;
  --space-6xl: 96px;
  /* Typography */
  --font-main: "Inter", sans-serif;
  --font-second: "EurofontExtendedC", sans-serif;
  /* Text ellipsis */
  --text-ellipsis-width-x: 50px;
  --text-ellipsis-width-1x: 52px;
  --text-ellipsis-width-2x: 60px;
  --text-ellipsis-width-m: 68px;
  --text-ellipsis-width-2m: 80px;
  --text-ellipsis-width-3m: 100px;
  --text-ellipsis-width-4m: 110px;
  --text-ellipsis-width-l: 150px;
  /* Width */
  --container-width-media-sm: 540px;
  --container-width-media-md: 720px;
  --container-width-media-lg: 960px;
  --container-width-media-xl: 1140px;
  --container-width-2xs: 632px;
  --container-width-xs: 732px;
  --container-width-s: 1074px;
  --container-width-m: 1150px;
  --container-width: 1464px;
  --bases-gutter-mob-x: 16px;
  --bases-gutter-x: 16px;
  --img-width-s: 359px;
  --img-checkbox-width: 18px;
  --img-width-m: 449px;
  --btn-width-5xs: 48px;
  --btn-width-4xs: 64px;
  --btn-width-xs: 110px;
  --btn-width-1s: 154px;
  --btn-width-s: 166px;
  --btn-width-m: 170px;
  --btn-width-l: 206px;
  --btn-width-height: 48px;
  /* Components Variables */
  /* Actions Dropdown */
  --actions-drop-down-body-width-m: 110px;
  --actions-drop-down-body-top: 24px;
  /* Badge */
  --badg-big-height: 20px;
  --badg-sm-height: 16px;
  --badg-big-border-radius: 53px;
  --badge-red-light-bg: #321913;
  /* Badge step */
  --badge-step-height: 24px;
  --badge-step-spacer-x: 6px;
  /* Banner */
  --banner-promo-height-bg-s: 164px;
  --banner-promo-height-bg-s-mob: 192px;
  /* Banner Styles*/
  --banner-styles-promo-height-bg-s: 164px;
  --banner-styles-promo-height-bg-s-mob: 192px;
  /* Bids-item */
  --bids-item-active-bg: #1c0a04;
  --bids-item-badge-height: 16px;
  --bids-item-badge-border-radius: 53px;
  --bids-item-badge-bg: linear-gradient(
  	263.9deg,
  	rgba(199, 74, 38, 0.2) 3.46%,
  	rgba(226, 68, 0, 0.2) 50.09%,
  	rgba(152, 24, 7, 0.2) 105.19%
  );
  /* Button */
  --button-icon-bg: #0d0d0d;
  /* ButtonPlus */
  --button-plus-width: 48px;
  --button-plus-height: 48px;
  --button-plus-shadow: 0px 0px 15px 5px rgba(255, 91, 55, 0.3);
  --button-plus-body-width: 38px;
  --button-plus-body-height: 38px;
  /* Calendar */
  --calendar-width-m: 250px;
  --calendar-day-width-m: 32px;
  --calendar-day-height-m: 32px;
  /* Card-short-wallet*/
  --card-short-wallet--bg: #202125;
  /* Card Wallet Offer*/
  --card-wallet-offer-bg: #260d06;
  --card-wallet-offer-height: 81px;
  --card-wallet-offer-total-before-size: 13px;
  /* Checkbox */
  --checkbox-width-m: 18px;
  --checkbox-height-m: 18px;
  --checkbox-width-before: 11px;
  --checkbox-height-before: 11px;
  /* Checkbox  Styles*/
  --checkbox-styles-width-m: 18px;
  --checkbox-styles-height-m: 18px;
  --checkbox-styles-width-before: 11px;
  --checkbox-styles-height-before: 11px;
  /* Connect-wallet*/
  --connect-wallet-loader-width: 56px;
  --connect-wallet-loader-height: 56px;
  --connect-wallet-img-width: 48px;
  --connect-wallet-text-width: 280px;
  --connect-wallet-error-img-width: 64px;
  --connect-wallet-error-img-height: 64px;
  --connect-wallet-error-bg: #1c0002;
  --connect-wallet-error-card-short-wallet-bg: #2c191e;
  /* Connect Bidst*/
  --connect-bids-top-width: 165px;
  --connect-bids-top-height: 165px;
  --connect-bids-top-loader: 48px;
  /* Created bids window */
  --created-bids-window-bids-list-offer-detailsitem-height: 36px;
  --created-bids-window-top-width: 325px;
  /* Create Offer Form Container Styles */
  --create-offer-form-styles-container-width: 700px;
  /* Create Offer Form Stage Styles */
  --create-offer-form-stage-styles-indicator-size: 24px;
  /* Create Offer Step Styles */
  --create-offer-step-style-number-width: 36px;
  --create-offer-step-style-number-height: 36px;
  /* Create Offer Card Styles*/
  --create-offer-card-styles-height: 81px;
  /* Created Window */
  --created-window-img-width: 325px;
  /* Currency Pair Icons */
  --currency-pair-icons-icon-img-last-child-margin-left: -5px;
  /* Description */
  --description-bg: #130603;
  /* Divider */
  --divider-height: 1px;
  /* Footer */
  --footer-desc-width: 308px;
  /* Filling Interest */
  --filling-interest-loader-width: 12px;
  /* Filter*/
  --filter-color-bg: #141415;
  --filter-badge-width: 10px;
  --filter-badge-height: 10px;
  /* Filters Check*/
  --filters-check-rigth-width: 152px;
  --filters-check-toggle-before-top: -3px;
  --filters-check-toggle-before-width: 1px;
  --filters-check-toggle-before-height: 24px;
  /* Fin Conditions*/
  --fin-conditions-mob-width: 342px;
  --fin-conditions-bg: #130603;
  --fin-conditions-border-radius: 120px;
  --fin-conditions-border-mob-radius: 200px;
  /* Hamburger */
  --hamburger-width: 40px;
  --hamburger-height: 40px;
  --hamburger-bg: #121314;
  --hamburger-visual-width: 18px;
  --hamburger-visual-open-width: 14px;
  --hamburger-visual-before-after-top: 6px;
  --hamburger-open-hamburger-visual-before-after-top: 5px;
  --hamburger-visual-height: 1px;
  /* Header */
  --header-height-m: 81px;
  --header-before-height: 1px;
  /* History Top Info*/
  --history-yop-info-bg: #1a191d;
  /* Icon Bg*/
  --icon-bg-width: 32px;
  --icon-bg-height: 32px;
  --icon-bg-width-sm: 24px;
  --icon-bg-height-sm: 24px;
  --icon-bg-width-m: 28px;
  --icon-bg-height-m: 28px;
  /*Img */
  --img-icon-6xs: 3px;
  --img-icon-5xs: 6px;
  --img-icon-4xs: 8px;
  --img-icon-3xs: 10px;
  --img-icon-2xs: 14px;
  --img-icon-xs: 16px;
  --img-icon-1s: 18px;
  --img-icon-s: 20px;
  --img-icon-m: 24px;
  --img-icon-l: 32px;
  --img-icon-xl: 40px;
  --img-icon-2xl: 48px;
  /*Info Best Offer */
  --info-best-offer-bg: #041613;
  --info-best-offer-bottom-bg: linear-gradient(90deg, #07765b 0%, #4ad1a8 102.28%);
  --info-best-offer-bottom-shadow: 0px 10px 40px rgba(45, 170, 135, 0.5);
  --info-best-offer-list-bg: #05211c;
  /* Offer Tab Item*/
  --offer-tab-item--number-width: 36px;
  --offer-tab-item--number-height: 36px;
  --offer-tab-item--bg: #131011;
  --offer-tab-item--bg-active: #280d06;
  /* Offer Currency */
  --offer-currency-left-bg: #260d06;
  /* Page */
  --page-circle-1-width: 782px;
  --page-circle-1-height: 782px;
  --page-circle-1-bg: rgba(188, 64, 28, 0.15);
  --page-circle-1-blur: blur(555px);
  --page-circle-1-top: -371px;
  --page-circle-1-right: -390px;
  /* Page Body */
  --page-body-min-height: 560px;
  /* Page Header*/
  --page-header-desc-width: 490px;
  /* Page Header Create Bids*/
  --page-header-create-bids-title-icon: 24px;
  /* Paginations */
  --paginations-item-width-m: 28px;
  --paginations-item-height-m: 28px;
  /* Popup */
  --popup-width-s: 480px;
  --popup-width-m: 550px;
  --popup-width-l: 640px;
  --popup-width-2l: 730px;
  --popup-width-xll: 985px;
  /* Popup-change-wallet*/
  --color-popup-desc-bg: #25130d;
  --color-popup-transactions-bg: #202125;
  --color-popup-transactions-bg: #202125;
  --color-popup-transactions-badge-width: 22px;
  --color-popup-transactions-badge-height: 16px;
  /* Profile */
  --profile-btn-width: 40px;
  --profile-btn-height: 40px;
  --profile-btn-bg: #121314;
  --profile-body-width: 254px;
  /* Profile Big*/
  --profile-big-foto-width: 128px;
  --profile-big-foto-bg-size-width: 56px;
  /* Radio */
  --radio-width-m: 18px;
  --radio-height-m: 18px;
  --radio-width-before: 18px;
  --radio-height-before: 18px;
  --radio-width-after: 10px;
  --radio-height-after: 10px;
  /* Input */
  --input-label-height: 24px;
  --input-notification-height: 14px;
  --input-disabled-color: #202226;
  /* Input-date */
  --input-date-calendar-top: 84px;
  /* Indicator Buttons */
  --indicator-buttons-btn-height: 16px;
  --indicator-buttons-btn-bg: #260d06;
  /* Lang */
  --lang-btn-width: 40px;
  --lang-btn-height: 40px;
  --lang-btn-bg: #121314;
  --lang-list-width: 156px;
  /* Logo */
  --logo-width-mobile-m: 95px;
  --logo-width-m: 127px;
  /* Loader */
  --loader-width-xs: 14px;
  --loader-height-xs: 14px;
  --loader-width-m: 24px;
  --loader-height-m: 24px;
  /* Loader Time */
  --loader-time-width: 32px;
  /* Loader Planet */
  --loader-planet-width: 173px;
  --loader-planet-mob-width: 284px;
  --loader-planet-pie-width: 50;
  --loader-planet-pie-stroke-two: #551c0c;
  --loader-planet-output-width: 165px;
  --loader-planet-output-height: 165px;
  --loader-planet-output-mob-width: 270px;
  --loader-planet-output-mob-height: 270px;
  --loader-planet-output-bg: #130603;
  --loader-planet-output-body-width: 138px;
  --loader-planet-output-body-height: 138px;
  --loader-planet-output-body-mob-width: 210px;
  --loader-planet-output-body-mob-height: 210px;
  --loader-planet-output-body-filter: drop-shadow(0px 0px 10px #bc401c);
  /* Loading Window */
  --loading-window-loader-width: 165px;
  /* List Offer Details*/
  --list-offer-details-item-height: 62px;
  --list-offer-details-item-height-m: 53px;
  /* List Bids History*/
  --list-bids-history-scrollbar-width: 6px;
  --list-bids-history-scrollbar-height: 128px;
  /* List Ticker Cards  */
  --list-ticker-card-item-width: 260px;
  --list-ticker-card-item-width-mob: 103px;
  --list-ticker-card-item-width-tablet: 124px;
  /* Menu */
  --menu-active-before-width: 41px;
  --menu-active-before-height: 4px;
  --menu-active-before-bottom: -12px;
  --menu-arrow-right: 14px;
  --menu-arrow-medium-right: 12px;
  --menu-arrow-medium-top: 6px;
  /* Menu Mobile */
  --menu-mobile-transition: 0.5s;
  --menu-mobile-item: 101px;
  /* Pie chart */
  --pie-chart-body-height: 182px;
  --pie-chart-size-body-sm: 180px;
  --pie-chart-svg-width: 182px;
  --pie-chart-item-color-block-width: 8px;
  --pie-chart-item-color-block-height: 8px;
  --pie-chart-item-color-block-height: 8px;
  --pie-chart-chart-desc-pie-total-total-p-width: 100px;
  /* Pie Chart List */
  --pie-chart-list-top-height: 60px;
  --pie-chart-list-top-bg: #0d0d0d;
  /* Search*/
  --search-height: 48px;
  --search-bg: #0d0d0d;
  /* Search Token*/
  --search-token-search-bg: #141415;
  --search-token-body-top: 52px;
  --search-token-list-height: 160px;
  /* Secondary Button*/
  --secondary-button-height: 16px;
  /* Scrollbar */
  --scrollbar-width-s: 4px;
  --scrollbar-width: 5px;
  --scrollbar-height: 50%;
  /* Slider-range*/
  --slider-range-handler-width: 20px;
  --slider-range-rc-slider-rail-height: 4px;
  --slider-range-rc-slider-track-height: 4px;
  --slider-range-rc-slider-handle-before-width: 20px;
  --slider-range-rc-slider-handle-before-height: 20px;
  --slider-range-rc-slider-handle-after-width: 12px;
  --slider-range-rc-slider-handle-after-width: 12px;
  --slider-range-rc-slider-tooltip-arrow-top: -4px;
  --slider-range-rc-slider-tooltip-arrow-width: 14px;
  --slider-range-rc-slider-tooltip-arrow-height: 5px;
  --slider-range-rc-slider-mark-top: 11px;
  --slider-range-rc-slider-mark-text-first-child-padding-left: 25px;
  --slider-range-rc-slider-mark-text-last-child-padding-right: 27px;
  --slider-range-rc-slider-tooltip-placement-top: 26px;
  /* Slider Step*/
  --slider-step-handler-width: 22px;
  --slider-step-rc-slider-rail-height: 4px;
  --slider-step-rc-slider-track-height: 4px;
  --slider-step-rc-slider-dot-width: 16px;
  --slider-step-rc-slider-dot-border-width: 3px;
  --slider-step-rc-slider-handle-before-width: 22px;
  --slider-step-rc-slider-handle-before-height: 22px;
  --slider-step-rc-slider-handle-after-width: 14px;
  --slider-step-rc-slider-handle-after-width: 14px;
  /* Slider Range Check*/
  --slider-range-check-list-before-height: 2px;
  --slider-range-check-item-width: 24px;
  --slider-range-check-item-height: 24px;
  /* Steps offer */
  --steps-offer--arrow-right: 28px;
  --steps-offer--arrow-before-after-width: 125px;
  --steps-offer--arrow-before-after-width-mob: 64px;
  --steps-offer--arrow-before-after-width-sm: 43px;
  --steps-offer--arrow-before-after-height: 1px;
  --steps-offer--arrow-before-left: 36px;
  --steps-offer--arrow-after-right: 36px;
  /* Strip Indicator*/
  --strip-indicator-indicator-width: 24px;
  --strip-indicator-round-width: 24px;
  --strip-indicator-round-height: 24px;
  /* Success */
  --success-body-bg: #0d1b1b;
  /* Table */
  --table-body-item-bg: #0d0d0d;
  --table-item-height: 64px;
  --table-item-my-bids-height: 56px;
  --table-item-my-bids-height-mob: 20px;
  --table-otc-desk-body-content-7-width: 70px;
  --table-item-bids-history-height: 40px;
  --table-item-my-offers-height: 40px;
  --table-my-offers-table-head-item-last-child-padding-right-m: 116px;
  --table-my-offers-table-head-item-last-child-padding-right: 153px;
  --table-my-offers-table-body-content-last-child-padding-left: 28px;
  --table-my-offers-bid-table-head-item-last-child-padding-right-m: 126px;
  --table-my-offers-bid-table-head-item-last-child-padding-right: 171px;
  --table-my-offers-bid-table-body-content-last-child-padding-left: 42px;
  --table-item-history-height: 34px;
  --table-history-width: 1282px;
  --table-transaction-width: 1340px;
  /* Tabs */
  --tabs-list-tabs-item-acrive-before-height: 3px;
  --tabs-list-tabs-item-acrive-before-height-mob: 1px;
  --tabs-list-tabs-item--active-before-bottom: -25px;
  --tabs-mr-negativ: -33px;
  --tab-active-before-height-mob: 1px;
  --tab-active-before-height: 3px;
  /* TabBar */
  --tab-bar-button-nav-width: 52px;
  --tab-bar-button-nav-height: 90px;
  /* Tabs Chips */
  --tab-chip-height: 40px;
  --tab-chip-active-background: #1c0a04;
  --tab-chip-badge-height: 16px;
  --tab-chip-badge-background: linear-gradient(
  	263.9deg,
  	rgba(199, 74, 38, 0.2) 3.46%,
  	rgba(226, 68, 0, 0.2) 50.09%,
  	rgba(152, 24, 7, 0.2) 105.19%
  );
  /* Text Input Styles */
  --text-input-styles-body-height: 48px;
  --text-input-styles-notification-height: 14px;
  /* Text Input Controls  Styles */
  --text-input-controls-styles-button-height: 16px;
  /* Toggle */
  --toggle-width-m: 32px;
  --toggle-height-m: 18px;
  --toggle-width-label: 32px;
  --toggle-height-label: 18px;
  --toggle-width-before: 14px;
  --toggle-height-before: 14px;
  --toggle-position-before-left: 13px;
  /* Toggle Calc */
  --toggle-calc-bg: #0f0f10;
  /* Top */
  --top-desc-width: 490px;
  /* Total Icon */
  --total-icon-img-width-mob: 12px;
  --total-icon-img-width-tablet: 16px;
  --total-icon-img-width: 24px;
  /* Title Page*/
  --title-page-width: 490px;
  /* Ticker info card*/
  --ticker-info-card-bg: #100f10;
  --ticker-info-card-icon-width: 32px;
  --ticker-info-card-icon-height: 32px;
  /* Ticker Action Card */
  --ticker-action-card-bg: #100f10;
  --ticker-action-card-icon-width: 32px;
  --ticker-action-card-icon-height: 32px;
  --ticker-action-card-bottom-btn-height: 36px;
  /* Title Border*/
  --title-border-border-height: 1px;
  /* Toggle Mod*/
  --toggle-mod-bg: #131314;
  /* Tooltip*/
  --tooltip-img-bg-width: 11px;
  --tooltip-img-bg-height: 5px;
  --tooltip-img-bg-width-row: 5px;
  --tooltip-img-bg-height-row: 11px;
  --tooltip-img-position-top: -5px;
  --tooltip-img-position-bottom: -5px;
  --tooltip-img-position-left: -5px;
  --tooltip-img-position-right: -5px;
  /* Wallet Header */
  --wallet-header-bg: #121314;
  --wallet-header-height: 40px;
  --wallet-header--total-img-width: 18px;
  --wallet-header--total-img-height: 18px;
  --wallet-header--total-img-img-width: 12px;
  --wallet-header--total-img-bg: #3c2916;
}

.radio {
  /* 2 Block model */
  display: inline-flex;
}

.radio__label {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
  /* 3 Typography */
  text-align: left;
  /* 6 Sundry */
  cursor: pointer;
}

.radio__input[type=radio] {
  /* 2 Block model */
  display: none;
}

.radio__input[type=radio] + .radio__visual {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
  width: var(--radio-width-m);
  height: var(--radio-height-m);
  box-sizing: border-box;
  flex: 0 0 var(--radio-width-m);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-full);
  /* 5 Animation */
  transition: all var(--transition);
}

.radio__input[type=radio]:checked + .radio__visual::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: flex;
  width: var(--radio-width-before);
  height: var(--radio-height-before);
  /* 4 Visual */
  content: "";
  background-color: var(--color-orange-500);
  border-radius: var(--border-radius-full);
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%2210%22 height%3D%2210%22 rx%3D%225%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.radio__input[type=radio]:hover + .radio__visual {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.radio__input[type=radio]:active + .radio__visual {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.radio__input[type=radio]:focus + .radio__visual {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

.radio__text {
  /* 2 Block model */
  display: inline-flex;
}
.search {
  /* 2 Block model */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: var(--search-height);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
  column-gap: var(--space-2xs);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--search-bg);
  border: var(--border-width-s) solid var(--search-bg);
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.search:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
}

.search--focus,
.search--active {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
}

.search__body {
  /* 2 Block model */
  display: flex;
  flex: 1 1 auto;
}

.search__input {
  /* 2 Block model */
  width: 100%;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-l);
  color: var(--color-dark-200);
  /* 4 Visual */
  background: none;
  border: none;
  outline: none;
}

.search__input::-webkit-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
}

.search__input::-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.search__input:-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.search__input:-ms-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
}

.search__input[placeholder] {
  /* 3 Typography */
  text-overflow: ellipsis;
}
.search-token {
  /* 1 Positioning */
  position: relative;
}

.search-token__search {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
  padding: var(--space-xs);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--search-token-search-bg);
  border: var(--border-width-s) solid var(--search-token-search-bg);
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.search-token__search:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
}

.search-token__search--focus,
.search-token__search--active {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
}

.search-token__search .icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.search-token__search .icon {
  /* 2 Block model */
  width: var(--icon-xs);
  flex: 0 0 var(--icon-xs);
}

.search-token__input {
  /* 2 Block model */
  width: 100%;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-12);
  line-height: var(--line-height-l);
  color: var(--color-dark-200);
  /* 4 Visual */
  background: none;
  border: none;
  outline: none;
}

.search-token__input::-webkit-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
}

.search-token__input::-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.search-token__input:-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.search-token__input:-ms-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-200);
  text-overflow: ellipsis;
}

.search-token__input[placeholder] {
  /* 3 Typography */
  text-overflow: ellipsis;
}

.search-token__body {
  /* 1 Positioning */
  position: absolute;
  top: var(--search-token-body-top);
  left: 0;
  right: 0;
  z-index: var(--z-index-20);
  /* 2 Block model */
  display: none;
  /* 4 Visual */
  background-color: var(--color-dark-400);
  border-radius: var(--border-radius-2xs);
}

.search-token__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
  padding-top: var(--space-xs);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  padding-bottom: var(--space-xs);
  /* 4 Visual */
  border-bottom: var(--border-width-s) solid var(--color-dark-200);
}

.search-token__list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  padding: var(--space-xs);
  margin-right: var(--space-3xs);
  row-gap: var(--space-2xs);
  max-height: var(--search-token-list-height);
  overflow-y: auto;
  /* 4 Visual */
  scrollbar-width: var(--scrollbar-width-s);
  scrollbar-color: var(--color-dark-100) var(--color-dark-400);
}

.search-token__list::-webkit-scrollbar {
  /* 2 Block model */
  width: var(--scrollbar-width-s);
  height: var(--scrollbar-height);
  /* 4 Visual */
  border-radius: var(--border-radius-5xs);
}

.search-token__list::-webkit-scrollbar-track {
  /* 4 Visual */
  background: var(--color-dark-400);
  border-radius: var(--border-radius-5xs);
}

.search-token__list::-webkit-scrollbar-thumb {
  /* 4 Visual */
  background: var(--color-dark-100);
  border: var(--scrollbar-width-s) solid var(--color-dark-100);
  border-radius: var(--border-radius-5xs);
}

.search-token__item .checkbox__text {
  /* 3 Typography */
  text-transform: uppercase;
}

.search-token--open .search-token__body {
  /* 2 Block model */
  display: block;
}
.sidebar-mobile {
  /* 1 Positioning */
  position: fixed;
  top: calc(var(--header-height-m) - 1px);
  left: -1000px;
  bottom: 0;
  z-index: var(--z-index-500);
  overflow: auto;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: calc(100vh - 169px);
  flex: 1 1 auto;
  padding-top: var(--space-l);
  padding-bottom: var(--space-2xl);
  box-sizing: border-box;
  /* 4 Visual */
  background-color: var(--color-dark-950);
  opacity: var(--opacity-0);
  /* 5 Animation */
  transition: all var(--menu-mobile-transition) ease;
}

.sidebar-mobile--open {
  /* 2 Block model */
  left: 0;
  right: 0;
  /* 4 Visual */
  opacity: var(--opacity-100);
}
.slider-range {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  padding-left: calc(var(--slider-range-handler-width) / 2);
  padding-right: calc(var(--slider-range-handler-width) / 2);
}

.slider-range .rc-slider-rail {
  /* 2 Block model */
  height: var(--slider-range-rc-slider-rail-height);
  /* 4 Visual */
  background-color: var(--color-dark-200);
}

.slider-range .rc-slider-track {
  /* 2 Block model */
  height: var(--slider-range-rc-slider-track-height);
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.slider-range .rc-slider-handle {
  /* 2 Block model */
  width: var(--slider-range-handler-width);
  height: var(--slider-range-handler-width);
  margin-top: -9px;
  /* 4 Visual */
  border: none;
  background: none;
}

.slider-range .rc-slider-handle::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  /* 2 Block model */
  display: block;
  cursor: pointer;
  width: var(--slider-range-rc-slider-handle-before-width);
  height: var(--slider-range-rc-slider-handle-before-height);
  /* 4 Visual */
  content: "";
  transform: translateY(-50%);
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-30);
  border-radius: var(--border-radius-full);
}

.slider-range .rc-slider-handle::after {
  /* 1 Positioning */
  position: absolute;
  right: 0;
  top: 50%;
  /* 2 Block model */
  display: block;
  width: var(--slider-range-rc-slider-handle-after-width);
  height: var(--slider-range-rc-slider-handle-after-width);
  /* 4 Visual */
  content: "";
  cursor: pointer;
  transform: translateY(-50%) translateX(-4px);
  background: var(--gradient-primary-orange);
  border-radius: var(--border-radius-full);
}

.slider-range .rc-slider-dot {
  /* 2 Block model */
  bottom: -6px;
  margin-left: -8px;
  width: var(--slider-range-rc-slider-dot-width);
  height: var(--slider-range-rc-slider-dot-width);
  /* 4 Visual */
  background-color: transparent;
  border: none;
}

.slider-range .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  /* 4 Visual */
  border: none;
  box-shadow: none;
}

.slider-range .rc-slider-tooltip-inner {
  /* 2 Block model */
  padding: 0 var(--space-3xs);
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-xl);
  font-weight: bold;
  color: var(--color-white);
  /* 4 Visual */
  border-radius: var(--border-radius-4xs);
  background-color: var(--color-dark-100);
  box-shadow: none;
}

.slider-range .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  /* 1 Positioning */
  bottom: auto;
  /* 2 Block model */
  margin: 0;
  /* 4 Visual */
  border: none;
}

.slider-range .rc-slider-tooltip-arrow {
  /* 1 Positioning */
  top: var(--slider-range-rc-slider-tooltip-arrow-top);
  left: 50%;
  /* 2 Block model */
  width: var(--slider-range-rc-slider-tooltip-arrow-width);
  height: var(--slider-range-rc-slider-tooltip-arrow-height);
  /* 4 Visual */
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%225%22 viewBox%3D%220 0 11 5%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M3.53245 5H0L4.47089 0.396309C5.03478 -0.132103 5.94904 -0.132103 6.51293 0.396309L11 5C10.7871 5 7.45136 5 7.45136 5H3.53245Z%22 fill%3D%22%23686A6E%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}

.slider-range .rc-slider-mark {
  /* 1 Positioning */
  top: var(--slider-range-rc-slider-mark-top);
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-10);
  line-height: var(--line-height-m);
  font-weight: bold;
  color: var(--color-grey);
  letter-spacing: var(--letter-spacing-s);
}

.slider-range .rc-slider-mark-text:first-child {
  /* 2 Block model */
  padding-left: var(--slider-range-rc-slider-mark-text-first-child-padding-left);
}

.slider-range .rc-slider-mark-text:last-child {
  /* 2 Block model */
  padding-right: var(--slider-range-rc-slider-mark-text-last-child-padding-right);
  padding-left: 0;
}

.slider-range .rc-slider-tooltip-placement-bottom,
.slider-range .rc-slider-tooltip-placement-top {
  /* 1 Positioning */
  top: var(--slider-range-rc-slider-tooltip-placement-top) !important;
  bottom: auto !important;
  /* 2 Block model */
  padding: 0;
}
.slider-range-check {
  /* 2 Block model */
  display: flex;
}

.slider-range-check__list {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}

.slider-range-check__list::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  /* 2 Block model */
  display: block;
  width: 100%;
  height: var(--slider-range-check-list-before-height);
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-300);
  transform: translateY(-50%);
}

.slider-range-check__band {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  /* 2 Block model */
  display: block;
  width: 50%;
  height: var(--slider-range-check-list-before-height);
  /* 4 Visual */
  content: "";
  background-color: var(--color-orange-500);
  transform: translateY(-50%);
  /* 5 Animation */
  transition: var(--transition) ease;
}

.slider-range-check__item {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--slider-range-check-item-width);
  height: var(--slider-range-check-item-height);
  /* 4 Visual */
  background-color: var(--color-dark-950);
  border-radius: var(--border-radius-full);
  border: var(--border-width-s) solid var(--color-dark-300);
}

.slider-range-check__check {
  /* 2 Block model */
  display: block;
  width: var(--img-icon-1s);
  /* 4 Visual */
  opacity: var(--opacity-0);
  /* 5 Animation */
  transition: var(--transition) ease;
}

.slider-range-check__item--current {
  /* 4 Visual */
  background-color: var(--color-orange-500);
  border: var(--border-width-s) solid var(--color-orange-500);
}

.slider-range-check__item--current .slider-range-check__check {
  /* 4 Visual */
  opacity: var(--opacity-100);
}
.slider-step {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  width: 100%;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-left: calc(var(--slider-step-handler-width) / 2);
  padding-right: calc(var(--slider-step-handler-width) / 2);
}

.slider-step .rc-slider-rail {
  /* 2 Block model */
  height: var(--slider-step-rc-slider-rail-height);
  /* 4 Visual */
  background-color: var(--color-dark-200);
}

.slider-step .rc-slider-track {
  /* 2 Block model */
  height: var(--slider-step-rc-slider-track-height);
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.slider-step .rc-slider-handle {
  /* 2 Block model */
  width: var(--slider-step-handler-width);
  height: var(--slider-step-handler-width);
  margin-top: -9px;
  /* 4 Visual */
  border: none;
  background: none;
}

.slider-step .rc-slider-handle::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  right: 39%;
  /* 2 Block model */
  display: block;
  cursor: pointer;
  width: var(--slider-step-rc-slider-handle-before-width);
  height: var(--slider-step-rc-slider-handle-before-height);
  /* 4 Visual */
  content: "";
  transform: translateY(-50%);
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-30);
  border-radius: var(--border-radius-full);
}

.slider-step .rc-slider-handle::after {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  /* 2 Block model */
  display: block;
  width: var(--slider-step-rc-slider-handle-after-width);
  height: var(--slider-step-rc-slider-handle-after-width);
  /* 4 Visual */
  content: "";
  cursor: pointer;
  transform: translateY(-50%) translateX(-4px);
  background: var(--gradient-primary-orange);
  border-radius: var(--border-radius-full);
}

.slider-step .rc-slider-dot {
  /* 2 Block model */
  bottom: -6px;
  margin-left: -8px;
  width: var(--slider-step-rc-slider-dot-width);
  height: var(--slider-step-rc-slider-dot-width);
  /* 4 Visual */
  background-color: transparent;
  border: none;
}

.slider-step .rc-slider-dot::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: block;
  width: 16px;
  height: 16px;
  /* 4 Visual */
  content: "";
  transform: translate(-50%, -50%);
  background-color: var(--color-dark-950);
  border-radius: 50%;
}

.slider-step .rc-slider-dot::after {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: block;
  width: 10px;
  height: 10px;
  /* 4 Visual */
  content: "";
  transform: translate(-50%, -50%);
  background-color: var(--color-dark-200);
  border-radius: 50%;
}

.slider-step .rc-slider-dot-active::before {
  /* 4 Visual */
  opacity: 0;
}

.slider-step .rc-slider-dot-active::after {
  /* 4 Visual */
  background-color: var(--color-orange-500);
}

.slider-step .rc-slider-disabled {
  background: none;
}
.slider-step .rc-slider-disabled .rc-slider-track {
  background-color: #2C2C2E;
}
.slider-step .rc-slider-disabled .rc-slider-dot-active::after {
  background-color: #2C2C2E;
}
.slider-step .rc-slider-disabled .rc-slider-handle::after {
  width: 10px;
  height: 10px;
  background: #2C2C2E;
  cursor: not-allowed;
}
.slider-step .rc-slider-disabled .rc-slider-handle::before {
  background: none;
  cursor: not-allowed;
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  /* 4 Visual */
  border: none;
  box-shadow: none;
}
.social {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-2xl);
}

.social__item {
  /* 2 Block model */
  display: inline-flex;
}
.steps-offer {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-s);
}
@media (min-width: 992px) {
  .steps-offer {
    /* 2 Block model */
    gap: var(--space-xl);
  }
}

.steps-offer__item {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 0 100%;
}

.steps-offer__item:last-child .steps-offer__arrow {
  /* 2 Block model */
  display: none;
}

.steps-offer__item::before {
  /* 1 Positioning */
  position: absolute;
}

.steps-offer__arrow {
  /* 2 Block model */
  position: absolute;
  top: 0;
  right: calc(-1 * var(--steps-offer--arrow-right));
  /* 2 Block model */
  display: flex;
}
@media (min-width: 768px) {
  .steps-offer__arrow {
    /* 1 Positioning */
    top: auto;
    bottom: 0;
  }
}

.steps-offer__arrow::before,
.steps-offer__arrow::after {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  /* 2 Block model */
  display: block;
  width: var(--steps-offer--arrow-before-after-width-mob);
  height: var(--steps-offer--arrow-before-after-height);
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-800);
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .steps-offer__arrow::before,
.steps-offer__arrow::after {
    /* 2 Block model */
    width: var(--steps-offer--arrow-before-after-width);
  }
}

.steps-offer__arrow::before {
  /* 1 Positioning */
  left: var(--steps-offer--arrow-before-left);
}

.steps-offer__arrow::after {
  /* 1 Positioning */
  right: var(--steps-offer--arrow-after-right);
}

.steps-offer--top {
  /* 2 Block model */
  padding-top: var(--space-m);
}

@media (min-width: 768px) {
  .steps-offer--arrow-sm .steps-offer__arrow::before,
.steps-offer--arrow-sm .steps-offer__arrow::after {
    /* 2 Block model */
    width: var(--steps-offer--arrow-before-after-width-sm);
  }
}

@media (max-width: 575px) {
  .steps-offer__item:nth-child(2n-1) .step-offer {
    /* 2 Block model */
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .steps-offer__item:nth-child(2n-1) .step-offer__step {
    /* 2 Block model */
    padding-left: var(--space-xl);
  }
}

@media (max-width: 575px) {
  .steps-offer__item:nth-child(2n) .step-offer {
    /* 2 Block model */
    align-items: flex-end;
  }
}

@media (max-width: 575px) {
  .steps-offer__item:nth-child(2n) .step-offer__step {
    /* 2 Block model */
    padding-right: var(--space-xl);
  }
}

.steps-offer__item:nth-child(2n) .steps-offer__arrow::after {
  /* 2 Block model */
  display: none;
}

.steps-offer--item-2 .steps-offer__item {
  /* 2 Block model */
  flex: 1 0 calc(50% - var(--space-xl));
}

.steps-offer--item-3 .steps-offer__item {
  /* 2 Block model */
  flex: 1 0 calc(33.3333% - var(--space-xl));
}

.steps-offer--item-4 .steps-offer__item {
  /* 2 Block model */
  flex: 1 0 calc(25% - var(--space-xl));
}
.step-offer {
  /* 2 Block model */
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: var(--space-m);
  width: 100%;
}
@media (min-width: 768px) {
  .step-offer {
    /* 2 Block model */
    flex-direction: column;
  }
}

.step-offer__button {
  /* 2 Block model */
  width: 100%;
}

.step-offer--disable .badge-step {
  /* 4 Visual */
  background-color: var(--color-dark-800);
}

.step-offer__step {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
}
.success {
  /* 2 Block model */
  display: block;
}

.success__header {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: inline-flex;
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  /* 4 Visual */
  background: var(--gradient-primary-green);
  border-radius: 8px 4px 4px 0px;
  border-radius: var(--border-radius-2xs) var(--border-radius-4xs) var(--border-radius-4xs) var(--border-radius-none);
}

.success__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-3xs);
  padding-top: var(--space-s);
  padding-bottom: var(--space-xs);
  padding-left: var(--space-s);
  padding-right: var(--space-l);
  box-sizing: border-box;
  margin-top: calc(-1 * var(--space-xs));
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  border: var(--border-width-s) solid var(--color-green-700);
  background: var(--success-body-bg);
}

.success__left-top {
  /* 2 Block model */
  display: flex;
  column-gap: var(--space-2xs);
  margin-bottom: var(--space-4xs);
}

.success__right {
  /* 3 Typography */
  text-align: right;
}

.success__right > *:first-child {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}

.success--error .success__header {
  /* 4 Visual */
  background: var(--color-red-500);
}

.success--error .success__body {
  /* 4 Visual */
  border-color: var(--color-red-500);
}
.table {
  /* 2 Block model */
  width: 100%;
  padding: 0;
  /* 4 Visual */
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

.table__head {
  /* 2 Block model */
  display: none;
  /* 3 Typography */
  text-align: left;
}
@media (min-width: 1200px) {
  .table__head {
    /* 2 Block model */
    display: flex;
    align-items: center;
    column-gap: var(--space-3xs);
    padding-bottom: var(--space-2xs);
  }
}

.table__head-item {
  /* 2 Block model */
  flex: 1 1 auto;
}

.table__body {
  /* 2 Block model */
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: var(--space-s);
  column-gap: var(--space-s);
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .table__body {
    /* 2 Block model */
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
  }
}

.table__body-item {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: var(--space-s);
  column-gap: var(--space-2xl);
  row-gap: var(--space-s);
  flex: 0 0 100%;
  /* 4 Visual */
  background-color: var(--table-body-item-bg);
  border-radius: var(--border-radius-2xs);
}
@media (min-width: 768px) {
  .table__body-item {
    /* 2 Block model */
    flex: 0 0 calc(50% - var(--space-2xs));
  }
}
@media (min-width: 1200px) {
  .table__body-item {
    /* 2 Block model */
    flex-wrap: nowrap;
    align-items: center;
    flex: 0 0 100%;
    column-gap: var(--space-3xs);
    min-height: var(--table-item-height);
    padding: 0;
    /* 4 Visual */
    border-bottom: var(--border-width-s) solid var(--color-dark-800);
    background-color: transparent;
    border-radius: 0;
  }
}

.table__body-content {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  flex: 1 0 calc(50% - var(--space-2xl));
}
@media (min-width: 1200px) {
  .table__body-content {
    /* 2 Block model */
    flex-direction: row;
    flex: 1 1 auto;
  }
}

.table__body-conten-title {
  /* 2 Block model */
  display: flex;
}
@media (min-width: 1200px) {
  .table__body-conten-title {
    /* 2 Block model */
    display: none;
  }
}

.table__body-conten-title .icon {
  /* 4 Visual */
  stroke: var(--color-dark-200);
}

.table__action {
  /* 2 Block model */
  padding-top: var(--space-xl);
}
@media (min-width: 1200px) {
  .table__action {
    /* 2 Block model */
    display: none;
  }
}

@media (max-width: 1199px) {
  .table__body-content .offer-volume__bottom {
    /* 2 Block model */
    margin-top: 0;
  }
}

@media (max-width: 1199px) {
  .table__body-content .offer-type {
    /* 2 Block model */
    align-self: flex-start;
  }
}

.table--otc-desk .offer-currency {
  /* 2 Block model */
  height: var(--table-item-my-bids-height-mob);
}
@media (min-width: 1200px) {
  .table--otc-desk .offer-currency {
    /* 2 Block model */
    height: var(--table-item-height);
  }
}

.table--otc-desk .table__head-item:first-child {
  /* 2 Block model */
  width: 10.56%;
  flex: 0 0 10.56%;
}

.table--otc-desk .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 8.3%;
  flex: 0 0 8.3%;
}

.table--otc-desk .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 10.5%;
  flex: 0 0 10.5%;
}

.table--otc-desk .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 13.9%;
  flex: 0 0 13.9%;
}

.table--otc-desk .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 15.7%;
  flex: 0 0 15.7%;
}

.table--otc-desk .table__head-item:nth-child(6) {
  /* 2 Block model */
  width: 16.5%;
  flex: 0 0 16.5%;
}

.table--otc-desk .table__head-item:last-child {
  /* 2 Block model */
  flex: 1 1 auto;
}

.table--otc-desk .table__body {
  /* 2 Block model */
  flex-wrap: wrap;
  flex-direction: row;
  row-gap: var(--space-s);
  column-gap: var(--space-s);
}
@media (min-width: 1400px) {
  .table--otc-desk .table__body {
    /* 2 Block model */
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
  }
}

.table--otc-desk .table__body-content:first-child {
  /* 2 Block model */
  order: 2;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:first-child {
    /* 2 Block model */
    order: 1;
    width: 10.56%;
    flex: 0 0 10.56%;
  }
}

.table--otc-desk .table__body-content:nth-child(2) {
  /* 2 Block model */
  order: 1;
  width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(2) {
    /* 2 Block model */
    order: 2;
    width: 8.3%;
    flex: 0 0 8.3%;
  }
}

.table--otc-desk .table__body-content:nth-child(2) .table__body-conten-title {
  /* 2 Block model */
  display: none;
}

.table--otc-desk .table__body-content:nth-child(3) {
  /* 2 Block model */
  order: 3;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 10.5%;
    flex: 0 0 10.5%;
  }
}

.table--otc-desk .table__body-content:nth-child(4) {
  /* 4 Visual */
  order: 4;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 13.9%;
    flex: 0 0 13.9%;
  }
}

.table--otc-desk .table__body-content:nth-child(5) {
  /* 2 Block model */
  order: 5;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 15.7%;
    flex: 0 0 15.7%;
  }
}

.table--otc-desk .table__body-content:nth-child(6) {
  /* 2 Block model */
  order: 6;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(6) {
    /* 2 Block model */
    width: 17.5%;
    flex: 0 0 17.5%;
  }
}

.table--otc-desk .table__body-content:nth-child(7) {
  /* 2 Block model */
  order: 7;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:nth-child(7) {
    /* 2 Block model */
    width: var(--table-otc-desk-body-content-7-width);
    flex: 0 0 var(--table-otc-desk-body-content-7-width);
    /* 3 Typography */
    text-align: right;
    white-space: nowrap;
    word-break: keep-all;
  }
}

.table--otc-desk .table__body-content:first-child .offer-currency__right .text {
  /* 2 Block model */
  width: var(--text-ellipsis-width-x);
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.table--otc-desk .table__body-content:last-child {
  /* 2 Block model */
  order: 8;
}
@media (min-width: 1200px) {
  .table--otc-desk .table__body-content:last-child {
    /* 2 Block model */
    justify-content: flex-end;
    /* 3 Typography */
    text-align: right;
  }
}

@media (max-width: 1199px) {
  .table--otc-desk .table__body-content:last-child .btn {
    /* 2 Block model */
    width: 100%;
  }
}

.table--otc-desk .table__body-content .info__name {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

.table--otc-desk .table__body-content .offer-volume__bottom .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-2m);
}

.table--bids-history .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-s);
}

.table--bids-history .text {
  /* 3 Typography */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.table--bids-history .table__head-item:first-child {
  /* 2 Block model */
  width: 22.39%;
  flex: 0 0 22.39%;
}

.table--bids-history .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 20.07%;
  flex: 0 0 20.07%;
}

.table--bids-history .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 15.61%;
  flex: 0 0 15.61%;
}

.table--bids-history .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 7.49%;
  flex: 0 0 7.49%;
}

.table--bids-history .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 15.39%;
  flex: 0 0 15.39%;
}

.table--bids-history .table__head-item:last-child {
  /* 2 Block model */
  display: flex;
  justify-content: flex-end;
  flex: 1 1 auto;
  /* 3 Typography */
  text-align: right;
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:first-child {
    /* 2 Block model */
    width: 22.39%;
    flex: 0 0 22.39%;
  }
}

.table--bids-history .table__body-content:first-child .info__name {
  /* 2 Block model */
  width: var(--text-ellipsis-width-2x);
  overflow-x: hidden;
  /* 3 Typography */
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:nth-child(2) {
    /* 2 Block model */
    width: 20.07%;
    flex: 0 0 20.07%;
  }
}

.table--bids-history .table__body-content:nth-child(2) .info__name {
  /* 2 Block model */
  width: var(--text-ellipsis-width-2x);
  overflow-x: hidden;
  /* 3 Typography */
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 15.61%;
    flex: 0 0 15.61%;
  }
}

.table--bids-history .table__body-content:nth-child(3) .info__value {
  /* 2 Block model */
  width: var(--text-ellipsis-width-2x);
  overflow-x: hidden;
  /* 3 Typography */
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 7.49%;
    flex: 0 0 7.49%;
  }
}

.table--bids-history .table__body-content:nth-child(4) .info__value {
  /* 2 Block model */
  width: 25px;
  overflow-x: hidden;
  /* 3 Typography */
  text-overflow: ellipsis;
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 15.39%;
    flex: 0 0 15.39%;
  }
}

@media (min-width: 1200px) {
  .table--bids-history .table__body-content:last-child {
    /* 2 Block model */
    justify-content: flex-end;
    flex: 1 1 auto;
  }
}

.table--bids-history .table__body-item {
  /* 2 Block model */
  min-height: var(--table-item-bids-history-height);
  /* 4 Visual */
  border-bottom: none;
}

.table--bids-history .hierarchy-switcher {
  /* 2 Block model */
  column-gap: var(--space-3xs);
}

.table--bids-history .hierarchy-switcher__text {
  /* 3 Typography */
  opacity: var(--opacity-100);
}

.table--bids-history .hierarchy-switcher__text .text {
  /* 3 Typography */
  font-weight: bold;
  color: var(--color-dark-300);
}

.table--my-bids .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-m);
}

.table--my-bids .table__body-item {
  /* 4 Visual */
  border-bottom: none;
}
@media (min-width: 1200px) {
  .table--my-bids .table__body-item {
    /* 2 Block model */
    min-height: var(--table-item-my-bids-height);
  }
}

.table--my-bids .offer-currency {
  /* 2 Block model */
  height: var(--table-item-my-bids-height-mob);
}
@media (min-width: 1200px) {
  .table--my-bids .offer-currency {
    /* 2 Block model */
    height: var(--table-item-my-bids-height);
  }
}

.table--my-bids .table__head-item {
  /* 2 Block model */
  display: flex;
}

.table--my-bids .table__head-item:first-child {
  /* 2 Block model */
  width: 11.16%;
  flex: 0 0 11.16%;
}

.table--my-bids .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 12.57%;
  flex: 0 0 12.57%;
}

.table--my-bids .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 12.6%;
  flex: 0 0 12.6%;
}

.table--my-bids .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 9%;
  flex: 0 0 9%;
}

.table--my-bids .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 11.2%;
  flex: 0 0 11.2%;
  justify-content: flex-end;
}

.table--my-bids .table__head-item:nth-child(6) {
  /* 2 Block model */
  width: 10.2%;
  flex: 0 0 10.2%;
  justify-content: flex-end;
}

.table--my-bids .table__head-item:nth-child(7) {
  /* 2 Block model */
  width: 11.3%;
  flex: 0 0 11.3%;
  justify-content: flex-end;
}

.table--my-bids .table__head-item:last-child {
  /* 2 Block model */
  flex: 1 1 auto;
  justify-content: flex-end;
  padding-right: var(--space-4xl);
}
@media (min-width: 1400px) {
  .table--my-bids .table__head-item:last-child {
    /* 2 Block model */
    padding-right: var(--space-6xl);
  }
}

.table--my-bids .table__body-content {
  /* 2 Block model */
  display: flex;
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:first-child {
    /* 2 Block model */
    width: 11.16%;
    flex: 0 0 11.16%;
  }
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(2) {
    /* 2 Block model */
    width: 12.57%;
    flex: 0 0 12.57%;
  }
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 12.6%;
    flex: 0 0 12.6%;
  }
}

.table--my-bids .table__body-content:nth-child(3) p {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-3m);
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 9%;
    flex: 0 0 9%;
  }
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 11.2%;
    flex: 0 0 11.2%;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(6) {
    /* 2 Block model */
    width: 10.2%;
    flex: 0 0 10.2%;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(7) {
    /* 2 Block model */
    width: 11.3%;
    flex: 0 0 11.3%;
    justify-content: flex-end;
  }
}

.table--my-bids .table__body-content:nth-child(8) {
  /* 2 Block model */
}
@media (min-width: 1200px) {
  .table--my-bids .table__body-content:nth-child(8) {
    width: 13.7%;
    flex: 0 0 13.7%;
    justify-content: flex-end;
    /* 3 Typography */
    text-align: right;
    white-space: nowrap;
    word-break: keep-all;
  }
}

.table--my-bids .table__body-content:last-child {
  /* 2 Block model */
  padding-top: var(--space-s);
  align-items: center;
  /* 4 Visual */
  border-top: 1px solid var(--color-dark-700);
}
@media (min-width: 1200px) {
  .table--my-bids .table__body-content:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0;
    /* 4 Visual */
    border-top: none;
  }
}

.table--my-offers-bid .table__body-content:last-child {
  /* 2 Block model */
  order: 8;
  padding-top: var(--space-s);
  align-items: center;
  /* 4 Visual */
  border-top: 1px solid var(--color-dark-700);
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    align-items: flex-start;
    padding-top: 0;
    padding-left: var(--table-my-offers-bid-table-body-content-last-child-padding-left);
    /* 4 Visual */
    border-top: none;
  }
}

.table--my-offers .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-2xl);
}

@media (min-width: 1200px) {
  .table--my-offers .table__body {
    /* 2 Block model */
    row-gap: var(--space-m);
  }
}

.table--my-offers .table__body-item {
  /* 2 Block model */
  min-height: var(--table-item-my-offers-height);
  align-items: flex-start;
  /* 4 Visual */
  border-bottom: none;
}

.table--my-offers .offer-currency {
  /* 2 Block model */
  height: var(--table-item-my-offers-height);
}

.table--my-offers .table__head-item {
  /* 2 Block model */
  display: flex;
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:first-child {
    /* 2 Block model */
    width: 14.7%;
    flex: 0 0 14.7%;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(2) {
    /* 2 Block model */
    width: 10%;
    flex: 0 0 10%;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(3) {
    /* 2 Block model */
    width: 12.6%;
    flex: 0 0 12.6%;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(4) {
    /* 2 Block model */
    width: 11.8%;
    flex: 0 0 11.8%;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(5) {
    /* 2 Block model */
    width: 10.2%;
    flex: 0 0 10.2%;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(6) {
    /* 2 Block model */
    width: 10.2%;
    flex: 0 0 10.2%;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:nth-child(7) {
    /* 2 Block model */
    width: 8.2%;
    flex: 0 0 8.2%;
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__head-item:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    justify-content: flex-end;
    padding-right: var(--table-my-offers-table-head-item-last-child-padding-right-m);
  }
}
@media (min-width: 1400px) {
  .table--my-offers .table__head-item:last-child {
    /* 2 Block model */
    padding-right: var(--table-my-offers-table-head-item-last-child-padding-right);
  }
}

.table--my-offers .table__body-content {
  /* 2 Block model */
  display: flex;
}

.table--my-offers .table__body-content:first-child {
  /* 2 Block model */
  order: 2;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:first-child {
    /* 2 Block model */
    width: 6.65%;
    flex: 0 0 6.65%;
  }
}

.table--my-offers .table__body-content:nth-child(2) {
  /* 2 Block model */
  order: 1;
  flex: 1 1 100%;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(2) {
    /* 2 Block model */
    order: 2;
    width: 7.87%;
    flex: 0 0 7.87%;
  }
}

.table--my-offers .table__body-content:nth-child(3) {
  /* 2 Block model */
  order: 3;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 10%;
    flex: 0 0 10%;
  }
}

.table--my-offers .table__body-content:nth-child(4) {
  /* 2 Block model */
  order: 4;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 12.6%;
    flex: 0 0 12.6%;
  }
}

.table--my-offers .table__body-content:nth-child(5) {
  /* 2 Block model */
  order: 5;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 11.5%;
    flex: 0 0 11.5%;
  }
}

.table--my-offers .table__body-content:nth-child(6) {
  /* 2 Block model */
  order: 6;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(6) {
    /* 2 Block model */
    width: 10.2%;
    flex: 0 0 10.2%;
  }
}

.table--my-offers .table__body-content:nth-child(7) {
  /* 2 Block model */
  order: 7;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(7) {
    /* 2 Block model */
    width: 10.3%;
    flex: 0 0 10.3%;
    justify-content: flex-end;
  }
}

.table--my-offers .table__body-content:nth-child(8) {
  /* 2 Block model */
  order: 8;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(8) {
    /* 2 Block model */
    width: 7.9%;
    flex: 0 0 7.9%;
    justify-content: flex-end;
  }
}

.table--my-offers .table__body-content:nth-child(9) {
  /* 2 Block model */
  order: 9;
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(9) {
    /* 2 Block model */
    width: 9.7%;
    flex: 0 0 9.7%;
    justify-content: flex-end;
  }
}

.table--my-offers .table__body-content:last-child {
  /* 2 Block model */
  order: 10;
  padding-top: var(--space-s);
  align-items: center;
  /* 4 Visual */
  border-top: 1px solid var(--color-dark-700);
}
@media (min-width: 1200px) {
  .table--my-offers .table__body-content:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    align-items: flex-start;
    padding-left: var(--table-my-offers-table-body-content-last-child-padding-left);
    padding-top: 0;
    /* 4 Visual */
    border-top: none;
  }
}

.table--my-offers .btn--icon:hover .icon {
  /* 4 Visual */
  stroke: var(--color-orange-100);
}

.table--my-offers .table__body-content .info__name {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

.table--my-offers .table__body-content .offer-volume__bottom {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-2m);
}

@media (max-width: 1199px) {
  .table--my-offers .table__body-content .offer-volume--flex-end {
    /* 2 Block model */
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .table--my-offers .table__body-content:nth-child(6) .offer-volume__bottom,
.table--my-offers .table__body-content:nth-child(7) .offer-volume__bottom,
.table--my-offers .table__body-content:nth-child(8) .offer-volume__bottom {
    /* 3 Typography */
    text-align: right;
  }
}

.table--history {
  /* 2 Block model */
  max-width: var(--table-history-width);
}

.table--history .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-xl);
}

.table--history .table__body {
  /* 2 Block model */
  row-gap: var(--space-s);
}

.table--history .table__body-item {
  /* 2 Block model */
  min-height: var(--table-item-history-height);
  align-items: flex-start;
  /* 4 Visual */
  border-bottom: none;
}

.table--history .offer-currency {
  /* 2 Block model */
  height: var(--table-item-history-height);
}

.table--history .table__head-item {
  /* 2 Block model */
  display: flex;
}

.table--history .table__head-item:first-child {
  /* 2 Block model */
  width: 12.6%;
  flex: 0 0 12.6%;
}

.table--history .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 12.2%;
  flex: 0 0 12.2%;
}

.table--history .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 10%;
  flex: 0 0 10%;
}

.table--history .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 13.2%;
  flex: 0 0 13.2%;
}

.table--history .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 12.8%;
  flex: 0 0 12.8%;
}

.table--history .table__head-item:nth-child(6) {
  /* 2 Block model */
  width: 10.6%;
  flex: 0 0 10.6%;
}

.table--history .table__head-item:nth-child(7) {
  /* 2 Block model */
  width: 10.6%;
  flex: 0 0 10.6%;
}

.table--history .table__head-item:last-child {
  /* 2 Block model */
  flex: 1 1 auto;
  justify-content: flex-end;
}

.table--history .table__body-content {
  /* 2 Block model */
  display: flex;
}

@media (min-width: 1200px) {
  .table--history .table__body-content:first-child {
    /* 2 Block model */
    width: 12.6%;
    flex: 0 0 12.6%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(2) {
    /* 2 Block model */
    width: 12.2%;
    flex: 0 0 12.2%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 10%;
    flex: 0 0 10%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 13.2%;
    flex: 0 0 13.2%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 12.8%;
    flex: 0 0 12.8%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(6) {
    /* 2 Block model */
    width: 10.6%;
    flex: 0 0 10.6%;
  }
}

@media (min-width: 1200px) {
  .table--history .table__body-content:nth-child(7) {
    /* 2 Block model */
    width: 10.6%;
    flex: 0 0 10.6%;
  }
}

.table--history .table__body-content:nth-child(7) .text-uppercase {
  /* 3 Typography */
  text-transform: none;
}

@media (min-width: 1200px) {
  .table--history .table__body-content:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

.table--history .table__body-content .offer-volum__top .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-3m);
}

.table--history .table__body-content .offer-volume__bottom .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-3m);
}

.table--transaction {
  /* 2 Block model */
  max-width: var(--table-transaction-width);
}

.table--transaction .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-xl);
}

.table--transaction .table__body {
  /* 2 Block model */
  row-gap: var(--space-xs);
}
@media (min-width: 1200px) {
  .table--transaction .table__body {
    /* 2 Block model */
    row-gap: var(--space-xs);
  }
}

.table--transaction .table__body-item {
  /* 2 Block model */
  min-height: var(--table-item-history-height);
  align-items: flex-start;
  /* 4 Visual */
  border-bottom: none;
}
@media (max-width: 1199px) {
  .table--transaction .table__body-item {
    /* 2 Block model */
    column-gap: var(--space-m);
  }
}

.table--transaction .offer-currency {
  /* 2 Block model */
  height: var(--table-item-history-height);
}

.table--transaction .table__head-item {
  /* 2 Block model */
  display: flex;
}

.table--transaction .table__head-item:first-child {
  /* 2 Block model */
  width: 21.8%;
  flex: 0 0 21.8%;
}

.table--transaction .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 14.5%;
  flex: 0 0 14.5%;
}

.table--transaction .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 10.3%;
  flex: 0 0 10.3%;
}

.table--transaction .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 12.55%;
  flex: 0 0 12.55%;
  justify-content: center;
}

.table--transaction .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 4.8%;
  flex: 0 0 4.8%;
  justify-content: flex-end;
}

.table--transaction .table__head-item:nth-child(6) {
  /* 2 Block model */
  width: 19.6%;
  flex: 0 0 19.6%;
  justify-content: flex-end;
}

.table--transaction .table__head-item:last-child {
  /* 2 Block model */
  flex: 1 1 auto;
  justify-content: flex-end;
}

.table--transaction .table__body-content {
  /* 2 Block model */
  display: flex;
}
@media (max-width: 1199px) {
  .table--transaction .table__body-content {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-m));
  }
}

@media (min-width: 1200px) {
  .table--transaction .table__body-content:first-child {
    /* 2 Block model */
    width: 21.8%;
    flex: 0 0 21.8%;
  }
}

@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(2) {
    /* 2 Block model */
    width: 14.5%;
    flex: 0 0 14.5%;
  }
}

@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 10.3%;
    flex: 0 0 10.3%;
  }
}

.table--transaction .table__body-content:nth-child(3) .info__value {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 12.55%;
    flex: 0 0 12.55%;
    justify-content: center;
  }
}

.table--transaction .table__body-content:nth-child(4) .info__value {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 4.8%;
    flex: 0 0 4.8%;
    justify-content: flex-end;
  }
}

.table--transaction .table__body-content:nth-child(6) {
  /* 2 Block model */
  order: 7;
}
@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(6) {
    /* 2 Block model */
    order: 6;
    width: 19.6%;
    flex: 0 0 19.6%;
    justify-content: flex-end;
  }
}

.table--transaction .table__body-content:nth-child(6) .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-3m);
}
@media (min-width: 1200px) {
  .table--transaction .table__body-content:nth-child(6) .text {
    /* 3 Typography */
    text-align: right;
  }
}

.table--transaction .table__body-content:last-child {
  /* 2 Block model */
  order: 6;
}
@media (min-width: 1200px) {
  .table--transaction .table__body-content:last-child {
    /* 2 Block model */
    order: 7;
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}

.table--transaction .token-amount__left .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}
@media (max-width: 1199px) {
  .table--transaction .token-amount__left .text {
    /* 3 Typography */
    text-align: left;
  }
}

.table--transaction .table__body-content .token-amount__bottom .text {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

.table--my-offers-bid .table__head {
  /* 2 Block model */
  padding-bottom: var(--space-xl);
}

.table--my-offers-bid .table__body {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-m);
}
@media (min-width: 768px) {
  .table--my-offers-bid .table__body {
    /* 2 Block model */
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body {
    /* 2 Block model */
    flex-direction: column;
  }
}

.table--my-offers-bid .table__body-item {
  /* 2 Block model */
  min-height: var(--table-item-my-offers-height);
  align-items: flex-start;
  /* 4 Visual */
  border-bottom: none;
}

.table--my-offers-bid .offer-currency {
  /* 2 Block model */
  height: var(--table-item-my-offers-height);
}

.table--my-offers-bid .table__head-item {
  /* 2 Block model */
  display: flex;
}

.table--my-offers-bid .table__head-item:first-child {
  /* 2 Block model */
  width: 15.7%;
  flex: 0 0 15.7%;
}

.table--my-offers-bid .table__head-item:nth-child(2) {
  /* 2 Block model */
  width: 17.2%;
  flex: 0 0 17.2%;
}

.table--my-offers-bid .table__head-item:nth-child(3) {
  /* 2 Block model */
  width: 13.7%;
  flex: 0 0 13.7%;
}

.table--my-offers-bid .table__head-item:nth-child(4) {
  /* 2 Block model */
  width: 15.8%;
  flex: 0 0 15.8%;
  justify-content: center;
}

.table--my-offers-bid .table__head-item:nth-child(5) {
  /* 2 Block model */
  width: 6%;
  flex: 0 0 6%;
  justify-content: flex-end;
}

.table--my-offers-bid .table__head-item:last-child {
  /* 2 Block model */
  flex: 1 1 auto;
  justify-content: flex-end;
  padding-right: var(--table-my-offers-bid-table-head-item-last-child-padding-right-m);
}
@media (min-width: 1400px) {
  .table--my-offers-bid .table__head-item:last-child {
    /* 2 Block model */
    padding-right: var(--table-my-offers-bid-table-head-item-last-child-padding-right);
  }
}

.table--my-offers-bid .table__body-content {
  /* 2 Block model */
  display: flex;
}

.table--my-offers-bid .table__body-content:first-child {
  /* 2 Block model */
  order: 2;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:first-child {
    /* 2 Block model */
    order: 1;
    width: 8.1%;
    flex: 0 0 8.1%;
  }
}

.table--my-offers-bid .table__body-content:nth-child(2) {
  /* 1 Positioning */
  order: 1;
  flex: 1 1 100%;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(2) {
    /* 2 Block model */
    order: 2;
    width: 7.27%;
    flex: 0 0 7.27%;
  }
}

.table--my-offers-bid .table__body-content:nth-child(3) {
  /* 2 Block model */
  order: 3;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(3) {
    /* 2 Block model */
    width: 17.3%;
    flex: 0 0 17.3%;
  }
}

.table--my-offers-bid .table__body-content:nth-child(4) {
  /* 2 Block model */
  order: 4;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(4) {
    /* 2 Block model */
    width: 13.2%;
    flex: 0 0 13.2%;
  }
}

.table--my-offers-bid .table__body-content:nth-child(5) {
  /* 2 Block model */
  order: 5;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(5) {
    /* 2 Block model */
    width: 15.8%;
    flex: 0 0 15.8%;
    justify-content: center;
  }
}

.table--my-offers-bid .table__body-content:nth-child(6) {
  /* 2 Block model */
  order: 6;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(6) {
    /* 2 Block model */
    width: 6.5%;
    flex: 0 0 6.5%;
    justify-content: flex-end;
  }
}

.table--my-offers-bid .table__body-content:nth-child(7) {
  /* 2 Block model */
  order: 7;
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(7) {
    /* 2 Block model */
    width: 18.3%;
    flex: 0 0 18.3%;
    justify-content: flex-end;
  }
}

.table--my-offers-bid .table__body-content:last-child {
  /* 2 Block model */
  order: 8;
  padding-top: var(--space-s);
  align-items: center;
  /* 4 Visual */
  border-top: 1px solid var(--color-dark-700);
}
@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:last-child {
    /* 2 Block model */
    flex: 1 1 auto;
    align-items: flex-start;
    padding-top: 0;
    padding-left: var(--table-my-offers-bid-table-body-content-last-child-padding-left);
    /* 4 Visual */
    border-top: none;
  }
}

.table--my-offers-bid .table__body-content .info__name {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-m);
}

.table--my-offers-bid .table__body-content .offer-volume__bottom {
  /* 2 Block model */
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: var(--text-ellipsis-width-2m);
}

@media (max-width: 1199px) {
  .table--my-offers-bid .offer-volume--flex-end {
    /* 2 Block model */
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .table--my-offers-bid .table__body-content:nth-child(5) .offer-volume__bottom,
.table--my-offers-bid .table__body-content:nth-child(7) .offer-volume__bottom {
    /* 3 Typography */
    text-align: right;
  }
}
.tabs__heder {
  /* 2 Block model */
  margin-bottom: var(--space-l);
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
  /* 4 Visual */
  border-top: var(--border-width-xs) solid var(--color-dark-700);
  border-bottom: var(--border-width-xs) solid var(--color-dark-700);
}

.tabs__list-tabs {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--space-l);
  row-gap: var(--space-xl);
  padding: 0;
  margin: 0;
  /* 4 Visual */
  list-style: none;
}
@media (min-width: 768px) {
  .tabs__list-tabs {
    /* 2 Block model */
    row-gap: var(--space-m);
    column-gap: var(--space-3xl);
  }
}

.tabs__list-tabs-item {
  /* 1 Positioning */
  position: relative;
}

.tabs__list-tabs-item .text {
  /* 5 Animation */
  transition: var(--transition);
  /* 4 Visual */
  cursor: pointer;
}

.tabs__list-tabs-item:hover .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.tabs__list-tabs-item--active::before {
  /* 1 Positioning */
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--tabs-list-tabs-item--active-before-bottom);
  /* 2 Block model */
  display: block;
  width: 100%;
  height: var(--tabs-list-tabs-item-acrive-before-height-mob);
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-2xs);
  background: var(--gradient-primary-orange);
}
@media (min-width: 768px) {
  .tabs__list-tabs-item--active::before {
    /* 4 Visual */
    height: var(--tabs-list-tabs-item-acrive-before-height);
  }
}

.tabs__body {
  /* 2 Block model */
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .tabs__body {
    /* 2 Block model */
    padding-bottom: var(--space-s);
    /* 4 Visual */
    border-bottom: var(--border-width-xs) solid var(--color-dark-800);
  }
}

.tabs__list-body-item {
  /* 2 Block model */
  display: none;
}

.tabs__list-body-item--active {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-xl);
}

.tabs--mr-negativ {
  /* 2 Block model */
  margin-top: var(--tabs-mr-negativ);
}
.tab-bar {
  /* 1 Positioning */
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-500);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: var(--space-m);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  column-gap: var(--space-xs);
  height: var(--tab-bar-button-nav-height);
  /* 4 Visual */
  background-color: var(--color-dark-950);
  border-top: var(--border-width-xs) solid var(--color-dark-700);
}
@media (min-width: 768px) {
  .tab-bar {
    /* 2 Block model */
    justify-content: center;
    column-gap: var(--space-3xl);
  }
}
@media (min-width: 1200px) {
  .tab-bar {
    /* 2 Block model */
    display: none;
  }
}

.tab-bar .button-nav {
  /* 2 Block model */
  min-width: var(--tab-bar-button-nav-width);
}
.ticker-info-card {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--space-xs);
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
  flex: 1 1 auto;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  border-radius: var(--border-radius-m);
  background-color: var(--ticker-info-card-bg);
}
@media (min-width: 992px) {
  .ticker-info-card {
    /* 2 Block model */
    padding: var(--space-m);
    padding-top: var(--space-xs);
    /* 3 Typography */
    text-align: left;
  }
}

.ticker-info-card__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: space-between;
  row-gap: var(--space-xs);
  column-gap: var(--space-3xs);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .ticker-info-card__top {
    /* 2 Block model */
    row-gap: var(--space-s);
  }
}
@media (min-width: 992px) {
  .ticker-info-card__top {
    /* 2 Block model */
    flex-direction: row;
    margin-bottom: var(--space-2xs);
  }
}

.ticker-info-card__title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
}

.ticker-info-card__title .text {
  /* 2 Block model */
  height: 36px;
  width: var(--text-ellipsis-width-2m);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ticker-info-card__title .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-4m);
  }
}
@media (min-width: 992px) {
  .ticker-info-card__title .text {
    /* 2 Block model */
    width: auto;
    height: auto;
    overflow: auto;
    text-overflow: inherit;
  }
}

.ticker-info-card__title .btn {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-info-card__title .btn {
    /* 2 Block model */
    display: inline-flex;
  }
}

.ticker-info-card__title .icon {
  /* 4 Visual */
  stroke: var(--color-dark-950);
}

.ticker-info-card__icon {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ticker-info-card-icon-width);
  height: var(--ticker-info-card-icon-height);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-dark-950);
}

.ticker-info-card__icon .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.ticker-info-card__total {
  /* 2 Block model */
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .ticker-info-card__total {
    /* 2 Block model */
    flex-direction: column;
    justify-content: flex-start;
  }
}

.ticker-info-card__total-info {
  /* 2 Block model */
  display: inline-flex;
}
@media (min-width: 992px) {
  .ticker-info-card__total-info {
    /* 2 Block model */
    margin-bottom: var(--space-3xs);
  }
}

.ticker-info-card__total-info .total-icon .text {
  /* 2 Block model */
  overflow: hidden;
  width: var(--text-ellipsis-width-1x);
  /* 3 Typography */
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ticker-info-card__total-info .total-icon .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-2m);
  }
}
@media (min-width: 992px) {
  .ticker-info-card__total-info .total-icon .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-l);
  }
}

.ticker-info-card__total-desc {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-info-card__total-desc {
    /* 2 Block model */
    display: flex;
    column-gap: var(--space-3xs);
  }
}

.ticker-info-card__total .total-desc__desc {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-info-card__total .total-desc__desc {
    /* 2 Block model */
    display: block;
  }
}
.time-token {
  /* 2 Block model */
  display: inline-flex;
  column-gap: var(--space-2xs);
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .time-token {
    /* 2 Block model */
    flex-wrap: nowrap;
    column-gap: var(--space-3xs);
  }
}

.time-token__open,
.time-token__closed {
  /* 2 Block model */
  display: inline-flex;
  column-gap: var(--space-3xs);
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .time-token__open,
.time-token__closed {
    /* 2 Block model */
    column-gap: var(--space-2xs);
  }
}

.time-token__delimiter {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1200px) {
  .time-token__delimiter {
    /* 2 Block model */
    display: block;
  }
}

.time-token__date,
.time-token__time {
  /* 2 Block model */
  display: flex;
}

@media (max-width: 1199px) {
  .time-token__time .text {
    /* 3 Typography */
    color: var(--color-dark-100);
    font-size: var(--font-size-11);
  }
}
.title-border {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: var(--space-xl);
}

.title-border__title {
  /* 3 Typography */
  text-align: center;
}

.title-border__border {
  /* 2 Block model */
  flex-grow: 2;
  height: var(--title-border-border-height);
  /* 4 Visual */
  background: var(--gradient-bright-dark);
  opacity: var(--opacity-60);
}
.toggle {
  /* 2 Block model */
  display: inline-flex;
  column-gap: var(--space-2xs);
  align-items: center;
  /* 6 Misc */
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.toggle__content {
  /* 2 Block model */
  display: inline-flex;
  align-self: flex-start;
}

.toggle label {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  height: var(--toggle-height-label);
  width: var(--toggle-width-label);
  box-sizing: border-box;
  /* 4 Visual */
  background-color: transparent;
  /* 6 Sundry */
  cursor: pointer;
}

.toggle input[type=checkbox] {
  /* 2 Block model */
  display: none;
}

.toggle input[type=checkbox] + span {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  right: 0;
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  width: var(--toggle-width-m);
  height: var(--toggle-height-m);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border: var(--border-width-xs) solid var(--color-dark-200);
  border-radius: var(--border-radius-2xl);
}

.toggle input[type=checkbox]:checked + span {
  /* 4 Visual */
  background-color: var(--color-orange-500);
  border: var(--border-width-xs) solid var(--color-orange-500);
}

.toggle input[type=checkbox] + span::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 Block model */
  display: block;
  width: var(--toggle-width-before);
  height: var(--toggle-height-before);
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-200);
  border: var(--border-width-xs) solid var(--color-dark-200);
  border-radius: var(--border-radius-full);
  /* 5 Animation */
  transition: all 0.3s;
}

.toggle input[type=checkbox]:checked + span::before {
  /* 1 Positioning */
  left: var(--toggle-position-before-left);
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-white);
  background-color: var(--color-white);
}
.toggle-calc {
  /* 2 Block model */
  padding: var(--space-xs);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--toggle-calc-bg);
}

.toggle-calc__list {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  padding: 0;
  margin: 0;
  /* 4 Visual */
  list-style: none;
}

.toggle-calc__item {
  /* 2 Block model */
  display: flex;
  padding: 1px;
  box-sizing: border-box;
  flex: 1 0 100%;
  /* 4 Visual */
  background: var(--toggle-calc-bg);
  border-radius: var(--border-radius-3xs);
  cursor: pointer;
  /* 5 Animation */
  transition: var(--transition) ease;
}

.toggle-calc__item:hover {
  /* 4 Visual */
  background: var(--color-orange-500);
}

.toggle-calc__item-wrapper {
  /* 2 Block model */
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  align-items: center;
  row-gap: var(--space-4xs);
  padding: var(--icon-4xs) var(--icon-3xs);
  /* 4 Visual */
  background-color: var(--toggle-calc-bg);
  border-radius: var(--border-radius-3xs);
}

.toggle-calc__title {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-3xs);
}

.toggle-calc__lead {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-3xs);
}

.toggle-calc__desc {
  /* 2 Block model */
  display: inline-flex;
}

.toggle-calc__item--active {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
}

.toggle-calc__item--active:hover {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
}

@media (min-width: 768px) {
  .toggle-calc--2 .toggle-calc__item {
    /* 2 Block model */
    flex: 1 0 calc(50% - var(--space-2xs));
  }
}

@media (min-width: 768px) {
  .toggle-calc--3 .toggle-calc__item {
    /* 2 Block model */
    flex: 1 0 calc(33.33333% - var(--space-2xs));
  }
}

@media (min-width: 768px) {
  .toggle-calc--4 .toggle-calc__item {
    /* 2 Block model */
    flex: 1 0 calc(25% - var(--space-2xs));
  }
}

@media (min-width: 768px) {
  .toggle-calc--5 .toggle-calc__item {
    /* 2 Block model */
    /* 2 Block model */
    flex: 1 0 calc(20% - var(--space-2xs));
  }
}
.toggle-mod__title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
  margin-bottom: var(--space-3xs);
}

.toggle-mod__title .icon--info-icon {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.toggle-mod__body {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-4xs);
  padding: var(--space-3xs);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--toggle-mod-bg);
}

.toggle-mod__button {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: var(--space-2xs) var(--space-3xs);
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  cursor: pointer;
  background-color: var(--toggle-mod-bg);
  border-radius: var(--border-radius-3xs);
  /* 5 Animation */
  transition: var(--transition);
}

.toggle-mod__button::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-3xs);
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-0);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.toggle-mod__button .text {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.toggle-mod__button:hover .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.toggle-mod__info {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  margin-top: var(--space-2xs);
  padding: var(--space-3xs);
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border-radius: var(--border-radius-2xs);
}

.toggle-mod__info::before {
  /* 1 Positioning */
  position: absolute;
  top: 9px;
  left: 25%;
  /* 2 Block model */
  display: block;
  width: 12px;
  height: 12px;
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-800);
  border-radius: var(--border-radius-4xs);
  transform: rotate(45deg) translateX(calc(-50% - 12px));
  /* 5 Animation */
  transition: all var(--transition);
}

.toggle-mod__button--active::before {
  /* 4 Visual */
  opacity: var(--opacity-100);
}

.toggle-mod__info--right-active::before {
  /* 1 Positioning */
  left: 75%;
}

.toggle-mod__info--left-active::before {
  /* 1 Positioning */
  left: 25%;
}

.toggle-mod__info-input .input__input {
  /* 2 Block model */
  padding-top: var(--space-2xs);
  padding-bottom: var(--space-2xs);
}
.toggle-mod-one {
  /* 2 Block model */
  display: flex;
  align-items: center;
  /* 4 Visual */
}

.toggle-mod-one__item {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
  box-sizing: border-box;
  padding: var(--space-2xs) var(--space-xs);
  /* 4 Visual */
  cursor: pointer;
  border-radius: var(--border-radius-3xs);
  /* 5 Animation */
  border: var(--border-width-xs) solid transparent;
  transition: all var(--transition) ease;
}

.toggle-mod-one__item .text {
  /* 3 Typography */
  line-height: var(--line-height-xs);
  white-space: nowrap;
  word-break: keep-all;
  /* 5 Animation */
  transition: var(--transition);
}

.toggle-mod-one__item:hover .text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.toggle-mod-one__item--active {
  /* 4 Visual */
  border: var(--border-width-xs) solid var(--color-orange-500);
}

.toggle-mod-one__item--active .text {
  /* 3 Typography */
  color: var(--color-white);
}
.token-amount {
  /* 2 Block model */
  display: flex;
  align-items: flex-start;
  column-gap: var(--space-2xs);
}

.token-amount__right {
  /* 4 Visual */
  opacity: var(--opacity-50);
}

.token-amount__left .text {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
  text-align: right;
}

.token-amount__bottom {
  /* 2 Block model */
  margin-top: calc(-1 * var(--space-3xs));
}
.tooltip {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 var(--space-3xs);
  margin: var(--space-3xs);
  /* 4 Visual */
  background-color: var(--color-dark-100);
  border-radius: var(--border-radius-4xs);
}

.tooltip::before {
  /* 1 Positioning */
  position: absolute;
  top: var(--tooltip-img-position-top);
  left: 50%;
  /* 2 Block model */
  display: flex;
  width: var(--tooltip-img-bg-width);
  height: var(--tooltip-img-bg-height);
  /* 4 Visual */
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%225%22 viewBox%3D%220 0 11 5%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M3.53245 5H0L4.47089 0.396309C5.03478 -0.132103 5.94904 -0.132103 6.51293 0.396309L11 5C10.7871 5 7.45136 5 7.45136 5H3.53245Z%22 fill%3D%22%23686A6E%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: translateX(-50%);
}

.tooltip--bottom::before {
  /* 1 Positioning */
  top: auto;
  bottom: var(--tooltip-img-position-bottom);
  /* 4 Visual */
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2211%22 height%3D%225%22 viewBox%3D%220 0 11 5%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.46755 0L11 0L6.52911 4.60369C5.96522 5.1321 5.05096 5.1321 4.48707 4.60369L0 0C0.212889 0 3.54864 0 3.54864 0L7.46755 0Z%22 fill%3D%22%23686A6E%22%2F%3E%3C%2Fsvg%3E");
}

.tooltip--left::before {
  /* 1 Positioning */
  top: 50%;
  left: var(--tooltip-img-position-left);
  /* 2 Block model */
  width: var(--tooltip-img-bg-width-row);
  height: var(--tooltip-img-bg-height-row);
  /* 4 Visual */
  background-image: url("data:image/svg+xml,%3Csvg width%3D%225%22 height%3D%2211%22 viewBox%3D%220 0 5 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M5 7.46755L5 11L0.39631 6.52911C-0.132103 5.96522 -0.132103 5.05096 0.39631 4.48707L5 0C5 0.212889 5 3.54864 5 3.54864L5 7.46755Z%22 fill%3D%22%23686A6E%22%2F%3E%3C%2Fsvg%3E");
  transform: translate(0, -50%);
}

.tooltip--right::before {
  /* 1 Positioning */
  top: 50%;
  left: auto;
  right: var(--tooltip-img-position-right);
  /* 2 Block model */
  width: var(--tooltip-img-bg-width-row);
  height: var(--tooltip-img-bg-height-row);
  /* 4 Visual */
  background-image: url("data:image/svg+xml,%3Csvg width%3D%225%22 height%3D%2211%22 viewBox%3D%220 0 5 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0 3.53245L0 1.2794e-06L4.60369 4.47089C5.1321 5.03478 5.1321 5.94904 4.60369 6.51293L0 11C0 10.7871 0 7.45136 0 7.45136L0 3.53245Z%22 fill%3D%22%23686A6E%22%2F%3E%3C%2Fsvg%3E");
  transform: translate(0, -50%);
}

.react-tooltip {
  padding: 16px 20px !important;
  max-width: 290px;
  font-family: "Inter" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: #FFFFFF !important;
  background-color: #686A6E !important;
  border-radius: 6px !important;
  opacity: 1 !important;
}
.react-tooltip.place-top::after {
  border-top-color: #686A6E !important;
}
.react-tooltip.place-right::after {
  border-right-color: #686A6E !important;
}
.react-tooltip.place-bottom::after {
  border-bottom-color: #686A6E !important;
}
.react-tooltip.place-left::after {
  border-left-color: #686A6E !important;
}
.top {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  margin-bottom: var(--space-l);
}
@media (min-width: 768px) {
  .top {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}

.top__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: var(--space-xs);
  row-gap: var(--space-s);
}
@media (min-width: 768px) {
  .top__top {
    /* 2 Block model */
    column-gap: var(--space-l);
    row-gap: var(--space-l);
  }
}

.top__title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-xs);
  order: 1;
}

.top__title-icon {
  /* 2 Block model */
  display: flex;
}

.top__title-badge {
  /* 2 Block model */
  display: flex;
  order: 3;
}
@media (min-width: 446px) {
  .top__title-badge {
    /* 2 Block model */
    order: 2;
  }
}

.top__title-right {
  /* 2 Block model */
  display: flex;
  order: 2;
}
@media (min-width: 446px) {
  .top__title-right {
    /* 2 Block model */
    order: 3;
  }
}

.top__right {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-l);
  padding-top: var(--space-s);
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .top__right {
    /* 2 Block model */
    column-gap: var(--space-xl);
    padding-top: var(--space-xs);
  }
}
@media (min-width: 992px) {
  .top__right {
    /* 2 Block model */
    padding-top: 0;
    justify-content: flex-end;
  }
}

.top__desc {
  /* 2 Block model */
  width: 100%;
  max-width: var(--top-desc-width);
  padding-top: var(--space-xs);
}

.top__body {
  /* 1 Positioning */
  position: relative;
}

.top__top .icon-link .text {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1200px) {
  .top__top .icon-link .text {
    /* 2 Block model */
    display: block;
  }
}

@media (min-width: 768px) {
  .top__title + .top__title-right .icon-link .text {
    /* 2 Block model */
    display: block;
  }
}
.total-desc {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-s);
}
@media (min-width: 768px) {
  .total-desc {
    /* 2 Block model */
    column-gap: var(--space-2xs);
  }
}
.total-icon {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
}
@media (min-width: 992px) {
  .total-icon {
    /* 2 Block model */
    column-gap: var(--space-2xs);
  }
}

.total-icon .img {
  /* 2 Block model */
  width: var(--total-icon-img-width-mob);
}
@media (min-width: 768px) {
  .total-icon .img {
    /* 2 Block model */
    width: var(--total-icon-img-width-tablet);
  }
}
@media (min-width: 992px) {
  .total-icon .img {
    /* 2 Block model */
    width: var(--total-icon-img-width);
  }
}

@media (max-width: 767px) {
  .total-icon .text {
    /* 3 Typography */
    font-size: var(--font-size-11);
    line-height: var(--line-height-m);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .total-icon .text {
    /* 3 Typography */
    font-size: var(--font-size-16);
    line-height: var(--line-height-xl);
  }
}
.your-wallet {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}

.your-wallet__change {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-xs);
}
@media (min-width: 768px) {
  .your-wallet__change {
    /* 2 Block model */
    margin-bottom: var(--space-m);
  }
}

.your-wallet__change .btn--connect {
  /* 2 Block model */
  width: var(--btn-width-xs);
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
}

.your-wallet__change .btn__text {
  /* 3 Typography */
  font-size: var(--font-size-12);
}

.your-wallet__hash {
  /* 2 Block model */
  margin-bottom: var(--space-m);
}
@media (min-width: 768px) {
  .your-wallet__hash {
    /* 2 Block model */
    margin-bottom: var(--space-s);
  }
}

.your-wallet__actions {
  /* 2 Block model */
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: var(--space-m);
  row-gap: var(--space-s);
}

.your-wallet__transactions {
  /* 2 Block model */
  display: none;
  padding: var(--space-m) var(--space-l) var(--space-l) var(--space-l);
  /* 4 Visual */
  background-color: var(--color-popup-transactions-bg);
  border-radius: var(--border-radius-2xs);
}

.your-wallet__transactions--open {
  /* 2 Block model */
  display: block;
}

.your-wallet__desc {
  /* 2 Block model */
  padding: var(--space-s) var(--space-m);
  /* 4 Visual */
  background-color: var(--color-popup-desc-bg);
  border-radius: var(--border-radius-2xs);
}

.your-wallet__desc-text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.your-wallet__transactions {
  /* 2 Block model */
  margin-top: var(--space-xl);
}

.your-wallet__transactions-badge {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-20);
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: var(--color-popup-transactions-badge-height);
  min-width: var(--color-popup-transactions-badge-width);
  margin-left: var(--space-2xs);
  padding: var(--space-3xs) var(--space-2xs);
  /* 3 Typography */
  color: var(--color-orange-500);
}

.your-wallet__transactions-badge::before {
  /* 1 Positioning */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-10);
  /* 4 Visual */
  display: block;
  /* 4 Visual */
  content: "";
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-20);
  border-radius: var(--border-radius-2xl);
}

.your-wallet__transactions-list {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
  margin-top: var(--space-2xs);
}

.your-wallet__transactions-item .loading {
  /* 2 Block model */
  width: var(--loader-width-xs);
  height: var(--loader-height-xs);
}
.wallet-header {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: var(--space-2xs);
  height: var(--wallet-header-height);
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
  /* 4 Visual */
  background-color: var(--wallet-header-bg);
  border-radius: var(--border-radius-2xs);
}

.wallet-header__left {
  /* 2 Block model */
  order: 2;
}
@media (min-width: 768px) {
  .wallet-header__left {
    /* 2 Block model */
    order: 1;
  }
}

.wallet-header__right {
  /* 2 Block model */
  order: 1;
}
@media (min-width: 768px) {
  .wallet-header__right {
    /* 2 Block model */
    order: 2;
  }
}

.wallet-header__total {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
}

.wallet-header__total .text {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
}

.wallet-header__total-img {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  order: 2;
  width: var(--wallet-header--total-img-width);
  height: var(--wallet-header--total-img-height);
  flex: 0 0 var(--wallet-header--total-img-width);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--wallet-header--total-img-bg);
}
@media (min-width: 768px) {
  .wallet-header__total-img {
    /* 2 Block model */
    order: 1;
  }
}

.wallet-header__total-img img {
  /* 2 Block model */
  width: var(--wallet-header--total-img-img-width);
}

.wallet-header__total-total {
  /* 2 Block model */
  order: 1;
}
@media (min-width: 768px) {
  .wallet-header__total-total {
    /* 2 Block model */
    order: 2;
  }
}

.wallet-header__hash {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-2xs);
  padding: var(--space-4xs) var(--space-2xs);
  /* 4 Visual */
  border-radius: var(--border-radius-3xs);
  background-color: var(--color-dark-900);
}

.divider {
  /* 2 Block model */
  width: 100%;
  height: var(--divider-height);
  /* 4 Visual */
  background-color: var(--color-dark-200);
}

.divider--mob-hide {
  /* 2 Block model */
  display: none;
}
@media (min-width: 768px) {
  .divider--mob-hide {
    /* 2 Block model */
    display: block;
  }
}

.connect-bids {
  /* 3 Typography */
  text-align: center;
}

.connect-bids__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--connect-bids-top-width);
  height: var(--connect-bids-top-height);
  margin: 0 auto;
  margin-bottom: var(--space-l);
  /* 4 Visual */
  background-position: 0 center;
  background-size: contain;
  background-repeat: no-repeat;
}

.connect-bids__top .loader,
.connect-bids__top img {
  /* 2 Block model */
  width: var(--connect-bids-top-loader);
}

.connect-bids__title {
  /* 2 Block model */
  margin-bottom: var(--space-m);
}

.connect-bids__actions {
  /* 2 Block model */
  padding-top: var(--space-m);
}

.connect-bids__actions {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: var(--space-l);
  row-gap: var(--space-l);
}

.connect-bids__actions .btn {
  /* 2 Block model */
  flex: 1 0 calc(50% - var(--space-l));
}

.connect-bids--error .connect-bids__top {
  /* 4 Visual */
}

.connect-bids--error .loading {
  /* 2 Block model */
  display: none;
}

.connect-bids--error .connect-bids__title p {
  /* 3 Typography */
  color: var(--color-red-500);
}
.fin-conditions {
  /* 2 Block model */
  width: 100%;
  max-width: var(--fin-conditions-mob-width);
  margin: 0 auto;
  padding: var(--space-4xs);
  /* 4 Visual */
  background: var(--gradient-bright-orange);
  border-radius: var(--fin-conditions-border-mob-radius) var(--fin-conditions-border-mob-radius) var(--border-radius-2xs) var(--border-radius-2xs);
}
@media (min-width: 768px) {
  .fin-conditions {
    /* 2 Block model */
    max-width: 100%;
    margin: 0;
    /* 4 Visual */
    border-radius: var(--border-radius-2xs) var(--fin-conditions-border-radius) var(--fin-conditions-border-radius) var(--border-radius-2xs);
  }
}

.fin-conditions__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--space-xl);
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  padding-left: var(--space-s);
  padding-right: var(--space-s);
  /* 4 Visual */
  background-color: var(--fin-conditions-bg);
  border-radius: var(--fin-conditions-border-mob-radius) var(--fin-conditions-border-mob-radius) var(--border-radius-2xs) var(--border-radius-2xs);
}
@media (min-width: 768px) {
  .fin-conditions__body {
    /* 2 Block model */
    flex-direction: row;
    row-gap: 0;
    column-gap: var(--space-3xl);
    padding-top: var(--space-2xl);
    padding-bottom: var(--space-xl);
    padding-left: var(--space-l);
    padding-right: var(--space-3xl);
    /* 4 Visual */
    border-radius: var(--border-radius-2xs) var(--fin-conditions-border-radius) var(--fin-conditions-border-radius) var(--border-radius-2xs);
  }
}

.fin-conditions__left {
  /* 2 Block model */
  flex: 1 0 100%;
  align-self: normal;
}
@media (min-width: 768px) {
  .fin-conditions__left {
    /* 2 Block model */
    flex: 1 1 auto;
  }
}

.fin-conditions__title {
  /* 2 Block model */
  margin-bottom: var(--space-s);
  /* 3 Typography */
  text-align: center;
}
@media (min-width: 768px) {
  .fin-conditions__title {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
    /* 3 Typography */
    text-align: left;
  }
}

.fin-conditions__info {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  row-gap: var(--space-s);
  column-gap: var(--space-s);
}
@media (min-width: 768px) {
  .fin-conditions__info {
    /* 2 Block model */
    column-gap: 0;
    row-gap: var(--space-l);
  }
}

.fin-conditions__info-item {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .fin-conditions__info-item {
    /* 2 Block model */
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: var(--space-3xs);
  }
}

@media (min-width: 768px) {
  .fin-conditions__info-desc {
    /* 3 Typography */
    text-align: right;
  }
}

.fin-conditions__info-desc-bottom {
  /* 1 Positioning */
  display: flex;
  column-gap: var(--space-3xs);
  padding-top: var(--space-4xs);
}
@media (min-width: 768px) {
  .fin-conditions__info-desc-bottom {
    /* 2 Block model */
    justify-content: flex-end;
  }
}
.list-ticker-cards {
  /* 2 Block model */
  display: flex;
  gap: var(--space-s);
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  margin-bottom: var(--space-l);
  /* 4 Visual */
  list-style: none;
}
@media (min-width: 768px) {
  .list-ticker-cards {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}
@media (min-width: 992px) {
  .list-ticker-cards {
    /* 2 Block model */
    justify-content: center;
    gap: var(--space-xl);
  }
}

.list-ticker-cards__item {
  /* 2 Block model */
  display: flex;
  width: 100%;
  box-sizing: border-box;
  max-width: var(--list-ticker-card-item-width-mob);
  flex: 1 0 var(--list-ticker-card-item-width-mob);
}
@media (min-width: 768px) {
  .list-ticker-cards__item {
    /* 2 Block model */
    max-width: var(--list-ticker-card-item-width-tablet);
    flex: 1 0 var(--list-ticker-card-item-width-tablet);
  }
}
@media (min-width: 992px) {
  .list-ticker-cards__item {
    /* 2 Block model */
    max-width: var(--list-ticker-card-item-width);
    flex: 1 0 var(--list-ticker-card-item-width);
  }
}
.ticker-action-card {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--space-xs);
  padding-left: var(--space-2xs);
  padding-right: var(--space-2xs);
  flex: 1 1 auto;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  border-radius: var(--border-radius-m);
  background-color: var(--ticker-action-card-bg);
  cursor: pointer;
}
@media (min-width: 992px) {
  .ticker-action-card {
    /* 2 Block model */
    padding: var(--space-m);
    padding-top: var(--space-xs);
    /* 3 Typography */
    text-align: left;
    /* 4 Visual */
    cursor: auto;
  }
}

.ticker-action-card__top {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: space-between;
  row-gap: var(--space-xs);
  column-gap: var(--space-3xs);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .ticker-action-card__top {
    /* 2 Block model */
    row-gap: var(--space-s);
  }
}
@media (min-width: 992px) {
  .ticker-action-card__top {
    /* 2 Block model */
    flex-direction: row;
    margin-bottom: var(--space-2xs);
  }
}

.ticker-action-card__title {
  /* 2 Block model */
  display: flex;
  align-items: center;
  column-gap: var(--space-3xs);
}

.ticker-action-card__title .text {
  /* 2 Block model */
  height: 36px;
  width: var(--text-ellipsis-width-2m);
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ticker-action-card__title .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-4m);
  }
}
@media (min-width: 992px) {
  .ticker-action-card__title .text {
    /* 2 Block model */
    width: auto;
    height: auto;
    overflow: auto;
    text-overflow: inherit;
  }
}

.ticker-action-card__title .btn {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-action-card__title .btn {
    /* 2 Block model */
    display: inline-flex;
  }
}

.ticker-action-card__title .icon {
  /* 4 Visual */
  stroke: var(--color-dark-950);
}

.ticker-action-card__icon {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--ticker-action-card-icon-width);
  height: var(--ticker-action-card-icon-height);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-dark-950);
}

.ticker-action-card__icon .icon {
  /* 4 Visual */
  stroke: var(--color-white);
}

.ticker-action-card__total {
  /* 2 Block model */
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .ticker-action-card__total {
    /* 2 Block model */
    flex-direction: column;
    justify-content: flex-start;
  }
}

.ticker-action-card__total-info {
  /* 2 Block model */
  display: inline-flex;
}
@media (min-width: 992px) {
  .ticker-action-card__total-info {
    /* 2 Block model */
    margin-bottom: var(--space-3xs);
  }
}

.ticker-action-card__total-info .total-icon .text {
  /* 2 Block model */
  overflow: hidden;
  width: var(--text-ellipsis-width-1x);
  /* 3 Typography */
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .ticker-action-card__total-info .total-icon .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-2m);
  }
}
@media (min-width: 992px) {
  .ticker-action-card__total-info .total-icon .text {
    /* 2 Block model */
    width: var(--text-ellipsis-width-l);
  }
}

.ticker-action-card__total-desc {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-action-card__total-desc {
    /* 2 Block model */
    display: flex;
    column-gap: var(--space-3xs);
  }
}

.ticker-action-card__total .total-desc__desc {
  /* 2 Block model */
  display: none;
}
@media (min-width: 992px) {
  .ticker-action-card__total .total-desc__desc {
    /* 2 Block model */
    display: block;
  }
}

.ticker-action-card__bottom {
  /* 2 Block model */
  display: none;
  padding-top: var(--space-l);
}
@media (min-width: 992px) {
  .ticker-action-card__bottom {
    /* 2 Block model */
    display: block;
  }
}

.ticker-action-card__bottom .btn {
  /* 2 Block model */
  height: var(--ticker-action-card-bottom-btn-height);
}
.text-input-controls-styles {
  /* 2 Block model */
  display: inline-flex;
  flex: 1 1 auto;
}

.text-input-controls-styles button {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--text-input-controls-styles-button-height);
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
  margin: 0;
  /* 4 Visual */
  cursor: pointer;
  background-color: rgba(255, 64, 9, 0.2);
  border: none;
  border-radius: var(--border-radius-5xs);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.text-input-controls-styles button:hover {
  /* 4 Visual */
  opacity: var(--opacity-70);
}

.text-input-controls-styles button span {
  /* 2 Block model */
  line-height: var(--text-input-controls-styles-button-height);
}

.related-text-input-styles {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  margin-top: var(--space-2xs);
  padding: var(--space-3xs);
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border-radius: var(--border-radius-2xs);
}

.related-text-input-styles::before {
  /* 1 Positioning */
  position: absolute;
  top: 9px;
  left: 0;
  /* 2 Block model */
  display: block;
  width: 12px;
  height: 12px;
  /* 4 Visual */
  content: "";
  background-color: var(--color-dark-800);
  border-radius: var(--border-radius-4xs);
  transform: rotate(45deg) translateX(calc(-50% - 12px));
  transition: all var(--transition);
}

.related-text-input-styles--left::before {
  /* 1 Positioning */
  left: 25%;
}

.related-text-input-styles--right::before {
  /* 1 Positioning */
  left: 75%;
}

.input-name-styles {
  /* 2 Block model */
  display: flex;
  align-items: center;
  gap: var(--space-3xs);
}

.create-offer-banner-styles {
  /* 2 Block model */
  padding-top: var(--space-l);
}
@media (min-width: 1200px) {
  .create-offer-banner-styles {
    /* 2 Block model */
    padding-top: var(--space-xl);
  }
}

.create-offer-switch-button-style button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 8px auto;
  border: none;
  background: #1B1B1C;
  border-radius: 33px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .create-offer-switch-button-style button {
    width: 70px;
    margin: 0 16px;
  }
}

.create-offer-switch-button-style img {
  display: block;
  width: 18px;
  height: 18px;
  transform: rotate(90deg);
}
@media (min-width: 768px) {
  .create-offer-switch-button-style img {
    transform: none;
  }
}

.from-to-input-container-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .from-to-input-container-style {
    flex-direction: row;
  }
}

.from-to-input-container-style > div {
  width: 100%;
  flex-grow: 2;
}

.from-to-input-container-style > div.create-offer-switch-button-style {
  width: auto;
  flex-grow: 1;
}

.input-name-additional-info-style {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.input-name-additional-info-style .text-v2 b {
  color: var(--color-dark-100);
}

.input-controls-container-style {
  display: flex;
  gap: 4px;
  padding-top: 4px;
  width: 100%;
}

.input-controls-container-style .text-input-controls-styles {
  flex-grow: 2;
  width: 100%;
}

.active-step-indicator-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding-top: 20px;
}

.active-step-indicator-wrapper * {
  box-sizing: border-box;
}

.active-step-indicator-style {
  display: flex;
  justify-content: center;
}

.active-step-indicator-style > div {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  padding: 4px 6px;
  color: #333333;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.4px;
  background-color: #171C21;
  border-radius: 16px;
}

.active-step-indicator-style > div.active {
  color: #FFFFFF;
  background: #BC401C;
}

.arrow-icon-style img {
  display: block;
  width: 182px;
}
/* Colors */
.text-v2--color-black {
  /* 3 Typography */
  color: var(--color-black);
}

.text-v2--color-white {
  /* 3 Typography */
  color: var(--color-white);
}

.text-v2--color-grey {
  /* 3 Typography */
  color: var(--color-grey);
}

.text-v2--color-green-promo {
  /* 3 Typography */
  color: var(--color-green-promo);
}

.text-v2--color-dark-50 {
  /* 3 Typography */
  color: var(--color-dark-50);
}

.text-v2--color-dark-100 {
  /* 3 Typography */
  color: var(--color-dark-100);
}

.text-v2--color-dark-200 {
  /* 3 Typography */
  color: var(--color-dark-200);
}

.text-v2--color-dark-300 {
  /* 3 Typography */
  color: var(--color-dark-300);
}

.text-v2--color-dark-400 {
  /* 3 Typography */
  color: var(--color-dark-400);
}

.text-v2--color-dark-500 {
  /* 3 Typography */
  color: var(--color-dark-500);
}

.text-v2--color-dark-600 {
  /* 3 Typography */
  color: var(--color-dark-600);
}

.text-v2--color-dark-700 {
  /* 3 Typography */
  color: var(--color-dark-700);
}

.text-v2--color-dark-800 {
  /* 3 Typography */
  color: var(--color-dark-800);
}

.text-v2--color-dark-900 {
  /* 3 Typography */
  color: var(--color-dark-900);
}

.text-v2--color-dark-950 {
  /* 3 Typography */
  color: var(--color-dark-950);
}

.text-v2--color-orange-50 {
  /* 3 Typography */
  color: var(--color-orange-50);
}

.text-v2--color-orange-100 {
  /* 3 Typography */
  color: var(--color-orange-100);
}

.text-v2--color-orange-200 {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.text-v2--color-orange-300 {
  /* 3 Typography */
  color: var(--color-orange-300);
}

.text-v2--color-orange-400 {
  /* 3 Typography */
  color: var(--color-orange-400);
}

.text-v2--color-orange-500 {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.text-v2--color-orange-600 {
  /* 3 Typography */
  color: var(--color-orange-600);
}

.text-v2--color-orange-700 {
  /* 3 Typography */
  color: var(--color-orange-700);
}

.text-v2--color-orange-800 {
  /* 3 Typography */
  color: var(--color-orange-800);
}

.text-v2--color-orange-900 {
  /* 3 Typography */
  color: var(--color-orange-900);
}

.text-v2--color-orange-950 {
  /* 3 Typography */
  color: var(--color-orange-950);
}

.text-v2--color-green-50 {
  /* 3 Typography */
  color: var(--color-green-50);
}

.text-v2--color-green-100 {
  /* 3 Typography */
  color: var(--color-green-100);
}

.text-v2--color-green-200 {
  /* 3 Typography */
  color: var(--color-green-200);
}

.text-v2--color-green-300 {
  /* 3 Typography */
  color: var(--color-green-300);
}

.text-v2--color-green-400 {
  /* 3 Typography */
  color: var(--color-green-400);
}

.text-v2--color-green-500 {
  /* 3 Typography */
  color: var(--color-green-500);
}

.text-v2--color-green-600 {
  /* 3 Typography */
  color: var(--color-green-600);
}

.text-v2--color-green-700 {
  /* 3 Typography */
  color: var(--color-green-700);
}

.text-v2--color-green-800 {
  /* 3 Typography */
  color: var(--color-green-800);
}

.text-v2--color-green-900 {
  /* 3 Typography */
  color: var(--color-green-900);
}

.text-v2--color-green-950 {
  /* 3 Typography */
  color: var(--color-green-950);
}

.text-v2--color-red-50 {
  /* 3 Typography */
  color: var(--color-red-50);
}

.text-v2--color-red-100 {
  /* 3 Typography */
  color: var(--color-red-100);
}

.text-v2--color-red-200 {
  /* 3 Typography */
  color: var(--color-red-200);
}

.text-v2--color-red-300 {
  /* 3 Typography */
  color: var(--color-red-300);
}

.text-v2--color-red-400 {
  /* 3 Typography */
  color: var(--color-red-400);
}

.text-v2--color-red-500 {
  /* 3 Typography */
  color: var(--color-red-500);
}

.text-v2--color-red-600 {
  /* 3 Typography */
  color: var(--color-red-600);
}

.text-v2--color-red-700 {
  /* 3 Typography */
  color: var(--color-red-700);
}

.text-v2--color-red-800 {
  /* 3 Typography */
  color: var(--color-red-800);
}

.text-v2--color-red-900 {
  /* 3 Typography */
  color: var(--color-red-900);
}

.text-v2--color-red-950 {
  /* 3 Typography */
  color: var(--color-red-950);
}

/* Size */
.text-v2--size-10-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-10);
  line-height: var(--line-height-s);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-10-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-10);
  line-height: var(--line-height-s);
  font-weight: normal;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-10-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-10);
  line-height: var(--line-height-s);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-11-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-11);
  line-height: var(--line-height-m);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-11-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-11);
  line-height: var(--line-height-m);
  font-weight: normal;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-11-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-11);
  line-height: var(--line-height-m);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-s);
}

.text-v2--size-12-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-12);
  line-height: var(--line-height-l);
  font-weight: 500;
}

.text-v2--size-12-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-12);
  line-height: var(--line-height-l);
  font-weight: normal;
}

.text-v2--size-12-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-12);
  line-height: var(--line-height-l);
  font-weight: 600;
}

.text-v2--size-14-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-xl);
  font-weight: 500;
}

.text-v2--size-14-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-xl);
  font-weight: normal;
}

.text-v2--size-14-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-xl);
  font-weight: 600;
}

.text-v2--size-16-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-16);
  line-height: var(--line-height-xl);
  font-weight: 500;
}

.text-v2--size-16-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-16);
  line-height: var(--line-height-xl);
  font-weight: normal;
}

.text-v2--size-16-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-16);
  line-height: var(--line-height-xl);
  font-weight: 600;
}

.text-v2--size-18-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.text-v2--size-24-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-24);
  line-height: var(--line-height-4xl);
  font-weight: 500;
}

.text-v2--size-24-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-24);
  line-height: var(--line-height-4xl);
  font-weight: normal;
}

.text-v2--size-24-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-24);
  line-height: var(--line-height-4xl);
  font-weight: 600;
}

.text-v2--size-28-medium {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-28);
  line-height: var(--line-height-5xl);
  font-weight: 500;
}

.text-v2--size-28-regular {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-28);
  line-height: var(--line-height-5xl);
  font-weight: normal;
}

.text-v2--size-28-semibold {
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-28);
  line-height: var(--line-height-5xl);
  font-weight: 600;
}

.text-v2--size-promo-10 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-10);
  line-height: var(--line-height-xs);
  font-weight: bold;
}

.text-v2--size-promo-11 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-11);
  line-height: var(--line-height-s);
  font-weight: bold;
}

.text-v2--size-promo-12 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-12);
  line-height: var(--line-height-m);
  font-weight: bold;
}

.text-v2--size-promo-14-uppercase {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-14);
  line-height: var(--line-height-m);
  font-weight: bold;
  text-transform: uppercase;
}

.text-v2--size-promo-14 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-14);
  line-height: var(--line-height-m);
  font-weight: bold;
}

.text-v2--size-promo-16 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-16);
  line-height: var(--line-height-xl);
  font-weight: bold;
}

.text-v2--size-promo-18 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-18);
  line-height: var(--line-height-xl);
  font-weight: bold;
}

.text-v2--size-promo-20 {
  /* 2 Block model */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-20);
  line-height: var(--line-height-2xl);
  font-weight: bold;
}

.text-v2--size-promo-32 {
  /* 3 Typography */
  font-family: var(--font-second);
  font-size: var(--font-size-promo-32);
  line-height: var(--line-height-6xl);
  font-weight: bold;
}

.share-link-style {
  display: inline-flex;
  align-items: center;
}

.share-link-style img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.text-v2 b {
  font-weight: 600;
}
.primary-button-styles {
  width: 100%;
}

.primary-button-styles button {
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-xs);
  justify-content: center;
  width: 100%;
  height: var(--btn-height-m);
  padding: 0 var(--space-xl);
  margin: 0;
  /* 3 Typography */
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  text-transform: uppercase;
  font-family: var(--font-second);
  color: var(--color-white);
  /* 4 Visual */
  cursor: pointer;
  user-select: none;
  border: var(--border-width-s) solid transparent;
  background: #BC401C;
  border-radius: var(--border-radius-2xs);
  outline: none;
  transition: all var(--transition) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.primary-button-styles button:focus {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.primary-button-styles button:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.primary-button-styles button:disabled {
  /* 4 Visual */
  border-color: transparent;
  border: var(--border-width-0);
  background: var(--color-dark-200);
  opacity: 0.2;
  cursor: default;
}

.primary-button-styles .text-v2 {
  /* 3 Typography */
  text-transform: uppercase;
}

.primary-button-styles.primary-button-styles--loading button {
  background-color: rgba(104, 106, 110, 0.4);
  cursor: default;
}

.primary-button-styles img {
  width: 20px;
}

.secondary-button-styles {
  width: 100%;
}

.secondary-button-styles button {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: var(--btn-height-m);
  padding-left: var(--space-3xs);
  padding-right: var(--space-3xs);
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  /* 3 Typography */
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  font-family: var(--font-second);
  color: var(--color-white);
  /* 4 Visual */
  cursor: pointer;
  outline: none;
  user-select: none;
  background: none;
  border: var(--border-width-s) solid var(--color-dark-300);
  border-radius: var(--border-radius-2xs);
}

.secondary-button-styles button:hover {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.secondary-button-styles button:focus {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: var(--gradient-button-background);
}

.secondary-button-styles button:active {
  /* 3 Typography */
  color: var(--color-orange-500);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background: none;
}

.secondary-button-styles button:active .btn__text {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.secondary-button-styles button:disabled {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-300);
  background: none;
}

.danger-button-styles button {
  width: 100%;
  background-color: #9A2C33;
  font-family: "EurofontExtendedC";
  border: none;
  border-radius: 8px;
  padding: 13px 16px;
  color: white;
  text-transform: uppercase;
}

.button-link-styles {
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-xs);
  justify-content: center;
  width: 100%;
  height: var(--btn-height-m);
  padding: 0 var(--space-xl);
  margin: 0;
  /* 3 Typography */
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  text-transform: uppercase;
  font-family: var(--font-second);
  color: var(--color-white);
  /* 4 Visual */
  cursor: pointer;
  user-select: none;
  border: var(--border-width-s) solid transparent;
  background: var(--gradient-primary-orange) border-box;
  border-radius: var(--border-radius-2xs);
  outline: none;
  transition: all var(--transition) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.button-link-styles:hover {
  /* 4 Visual */
  background: var(--gradient-bright-orange) border-box;
  border: var(--border-width-s) solid transparent;
}

.button-link-styles:focus {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.button-link-styles:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.button-link-styles:disabled {
  /* 4 Visual */
  border-color: transparent;
  border: var(--border-width-0);
  background: var(--gradient-primary-orange);
}

.button-link-styles .text-v2 {
  /* 3 Typography */
  text-transform: uppercase;
}

.icon-button-styles {
  /* 2 Block model */
  display: inline-flex;
}

.icon-button-styles button {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  /* 3 Typography */
  text-decoration: none;
  vertical-align: middle;
  /* 4 Visual */
  cursor: pointer;
  user-select: none;
  background: none;
  border: none;
  outline: none;
  /* 5 Animation */
  transition: all var(--transition) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.icon-button-styles button:hover .icon-styles {
  /* 4 Visual */
  stroke: var(--color-orange-100);
}

body a:hover {
  color: inherit;
}

.clickable {
  background-color: transparent;
  border: none;
  color: inherit;
  font-size: inherit;
  font: inherit;
  padding: 0;
}

.special-button-styles button {
  width: 100%;
  /* 	max-width: 240px;
   */
  padding: 0 20px;
  box-sizing: border-box;
  height: 48px;
  font-family: "EurofontExtendedC";
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: linear-gradient(103.4deg, #FF6639 11.82%, #7E25B5 89.19%);
  border: none;
  border-radius: 8px;
  cursor: pointer;
}

.text-link-icon-style {
  margin: 0 5px;
}
.text-link-icon-style button {
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.icon-styles {
  /* 2 Block model */
  display: inline-flex;
  /* 4 Visual */
  stroke: var(--color-orange-500);
}

.icon-styles--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-dark-200);
}

.icon-styles--fill-white {
  /* 3 Typography */
  fill: var(--color-white);
}

.icon-styles--stroke-none {
  /* 4 Visual */
  stroke: none;
}

.icon-styles--stroke-white {
  /* 4 Visual */
  stroke: var(--color-white);
}

.icon-styles--stroke-dark-50 {
  /* 4 Visual */
  stroke: var(--color-dark-50);
}

.icon-styles--size-6xs {
  /* 2 Block model */
  width: var(--icon-6xs);
  height: var(--icon-6xs);
}

.icon-styles--size-5xs {
  /* 2 Block model */
  width: var(--icon-5xs);
  height: var(--icon-5xs);
}

.icon-styles--size-4xs {
  /* 2 Block model */
  width: var(--icon-4xs);
  height: var(--icon-4xs);
}

.icon-styles--size-3xs {
  /* 2 Block model */
  width: 14px;
  height: var(--icon-3xs);
}

.icon-styles--size-2xs {
  /* 2 Block model */
  width: var(--icon-2xs);
  height: var(--icon-2xs);
}

.icon-styles--size-1s {
  /* 2 Block model */
  width: var(--icon-1s);
  height: var(--icon-1s);
}

.icon-styles--size-xs {
  /* 2 Block model */
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.icon-styles--size-s {
  /* 2 Block model */
  width: var(--icon-s);
  height: var(--icon-s);
}

.icon-styles--size-m {
  /* 2 Block model */
  width: var(--icon-m);
  height: var(--icon-m);
}

.icon-styles--size-l {
  /* 2 Block model */
  width: var(--icon-l);
  height: var(--icon-l);
}

.icon-styles--btn-close {
  /* 2 Block model */
  width: var(--icon-xs);
  height: var(--icon-xs);
  /* 4 Visual */
  stroke: var(--color-orange-500);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.icon-styles--list {
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--space-m);
  margin: 0;
  padding: 0;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-l);
  /* 4 Visual */
  list-style: none;
}

.icon-styles--list-item {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  align-items: center;
  column-gap: var(--space-xs);
}

.currency-icon-style {
  display: flex;
  align-items: center;
}

.currency-icon-style img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
}

.from-curr-to-curr-style {
  display: flex;
  align-items: center;
}

.from-curr-to-curr-style .currency-icon-style img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 0;
}

.from-curr-to-curr-style .currency-icon-style:nth-child(2) {
  margin-left: -6px;
}
.img-styles {
  /* 2 Block model */
  display: block;
  width: 100%;
}

.social-media-icon-styles .img-styles {
  /* 2 Block model */
  width: auto;
}
.calc-body__item {
  display: none;
  padding: 5px;
  border-radius: 12px;
}

.calc-body__item--active {
  display: block;
}

.calc-body__item:nth-child(1) {
  background: linear-gradient(101.91deg, #9A4BFF 0.54%, #48D3FF 30.42%, #FF6639 63.68%, #843DAF 108.78%);
  border-radius: 0 12px 12px 12px;
}

.calc-body__item:nth-child(2) {
  background: linear-gradient(103.22deg, #0A795E 11.83%, #47CDA4 95.71%);
  border-radius: 12px;
}

.calc-body__item:nth-child(3) {
  background: linear-gradient(103.22deg, #F5C414 11.83%, #CDC047 95.71%);
  border-radius: 12px 0 12px 12px;
}

.calc-body__item.calc-body__item--error {
  background: #9A2C33;
}

.calc-body__item-content {
  box-sizing: border-box;
  padding: 30px 18px 32px 18px;
  background: #000000;
  border-radius: 12px;
}
.calc-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calc-tab {
  width: 100%;
  flex-grow: 2;
  padding: 8px 16px;
  padding-top: 14px;
  margin-bottom: 9px;
  box-sizing: border-box;
  height: 65px;
  background: #121212;
  border-radius: 8px;
  cursor: pointer;
}

.calc-tab--active {
  margin-bottom: 0;
  padding-bottom: 17px;
  height: 74px;
  border-radius: 8px 8px 0 0;
}

.calc-tab:nth-child(1).calc-tab--active {
  background: linear-gradient(103.4deg, #9A4CFF 11.82%, #56BBFF 89.19%);
}

.calc-tab:nth-child(3).calc-tab--active {
  background: linear-gradient(103.22deg, #0A795E 11.83%, #47CDA4 95.71%);
}

.calc-tab:nth-child(5).calc-tab--active {
  background: linear-gradient(103.22deg, #F5C414 11.83%, #CDC047 95.71%);
}

.calc-tab.calc-tab--error.calc-tab--active {
  background: #9A2C33;
}

.calc-tab span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #ffffff;
}

.calc-tab div {
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}

.calc-tab-divider {
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  margin: 0 8px;
  margin-bottom: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 24px;
  background: #121212;
  border-radius: 50%;
}

.calc-tab-divider img {
  position: relative;
  z-index: 2;
  display: block;
  width: 14px;
  height: 14px;
}

.calc-tab-divider::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 40px;
  height: 3px;
  background: #121212;
  content: "";
  transform: translate(-50%, -50%);
}
.calculate__form {
  margin-top: 15px;
}

.calculate__swap-btn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 7px auto;
  background: none;
  border: none;
  background: linear-gradient(103.4deg, #FF6639 11.82%, #843DAF 89.19%);
  border-radius: 50%;
  cursor: pointer;
}

.calculate__swap-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  width: 26px;
  height: 26px;
  content: "";
  background: #181818;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.calculate__swap-btn img {
  position: relative;
  z-index: 3;
  display: block;
  width: 16px;
  height: 16px;
}

.calculate .calc-button {
  margin-top: 24px;
}
.currency-select {
  padding: 10px;
  height: 44px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-width: 102px;
  background: #282828;
  border-radius: 10px;
  cursor: pointer;
}

.currency-select:hover {
  background: #24252D;
}

.currency-select__header {
  position: relative;
  width: 100%;
  padding-right: 12px;
}

.currency-select__header::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNNS45NjIzNiA3LjU1NTI2TDguNTA0NzEgNC44MDEwNEM4LjkwOTI1IDQuMzYyNzkgOC41OTg0MSAzLjY1MjgzIDguMDAxOTkgMy42NTI4M0gyLjkxNzI5QzIuMzIwODcgMy42NTI4MyAyLjAxMDAyIDQuMzYyNzkgMi40MTQ1NiA0LjgwMTA0TDQuOTU2OTEgNy41NTUyNkM1LjIyNzgyIDcuODQ4NzMgNS42OTE0NiA3Ljg0ODc0IDUuOTYyMzYgNy41NTUyNloiIGZpbGw9IiM4NDk0QjkiLz4KPC9zdmc+Cg==");
  background-size: cover;
  transform: translateY(-50%);
}
.calc-currency-item {
  display: flex;
  align-items: center;
}

.calc-currency-item__icon {
  display: block;
  margin-right: 6px;
  width: 24px;
  height: 24px;
}

.calc-currency-item__title {
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.currency-selection {
  padding: 16px;
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #181818;
  border-radius: 10px;
  border: 2px solid #181818;
}

.currency-selection:hover {
  cursor: pointer;
  border: 2px solid rgba(188, 64, 28, 0.5);
}

.currency-selection__title {
  font-family: "Inter";
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #FFFFFF;
}

.currency-selection__input {
  display: block;
  width: 100%;
  flex-grow: 2;
  padding-right: 20px;
  font-family: "Inter";
  font-weight: normal;
  font-size: 22px;
  line-height: 20px;
  color: #919191;
  opacity: 0.6;
  background: none;
  border: none;
  outline: none;
}
.calc-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 64px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
  cursor: pointer;
  background: none;
  border: none;
  background: #FF6639;
  border-radius: 9px;
}

.calc-button--calculate {
  background: linear-gradient(103.4deg, #FF6639 11.82%, #843DAF 89.19%);
}

.calc-button--calculate:hover {
  background: linear-gradient(103.4deg, #843DAF 11.82%, #6D39FF 89.19%);
}

.calc-button--calculate:active {
  background: #6F3AF6;
}

.calc-button--compare {
  background: linear-gradient(103.22deg, #0A795E 11.83%, #47CDA4 95.71%);
}

.calc-button--compare:hover {
  background: linear-gradient(103.22deg, #29D9A3 11.83%, #0A795E 95.71%);
}

.calc-button--compare:active {
  background: #0A795E;
}

.calc-button--create {
  background: linear-gradient(103.22deg, #F5C414 11.83%, #CDC047 95.71%);
}

.calc-button--create:hover {
  background: linear-gradient(103.22deg, #C2A613 11.83%, #FFE68D 95.71%);
}

.calc-button--create:active {
  background: #D2B208;
}

.calc-button--danger {
  background: #9A2C33;
}
.compare__currencies {
  display: flex;
  gap: 32px;
  margin-top: 25px;
}

.compare__currencies > div {
  width: 100%;
  flex-grow: 2;
}

.compare .calc-button {
  margin-top: 27px;
}

.compare .pair-not-listed {
  margin-top: 106px;
  margin-bottom: 78px;
}
.currency-informer {
  overflow: hidden;
  text-align: center;
  background: rgba(246, 37, 37, 0.2);
  border-radius: 8px;
}

.currency-informer__title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 31px;
  font-family: "Inter";
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #F62525;
}

.currency-informer__divider {
  width: 100%;
  height: 1px;
  background: rgba(239, 28, 28, 0.2);
}

.currency-informer__price {
  padding-top: 10px;
  padding-bottom: 7px;
}

.currency-informer__price-name {
  font-family: "Inter";
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  opacity: 0.5;
}

.currency-informer__price-value {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.currency-informer__slippage {
  padding-top: 12px;
  padding-bottom: 16px;
}

.currency-informer__slippage-name {
  font-family: "Inter";
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
}

.currency-informer__slippage-value {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.currency-informer__badge {
  padding: 3px 7px 1px 7px;
  font-family: "Inter";
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  background: #9A2C33;
  border-radius: 3px;
}

.currency-informer__slippage .currency-informer__badge {
  margin-left: 4px;
}

.currency-informer--not-available {
  background: #101113;
}

.currency-informer--not-available .currency-informer__title {
  background: #515460;
}

.currency-informer--not-available .currency-informer__notification {
  padding: 28px 12px;
}

.currency-informer__icon-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 16px;
  background: #2C2C2E;
  border-radius: 50%;
}

.currency-informer__msg-title {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.6;
}

.currency-informer__msg-text {
  margin-top: 2px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.3;
}
.pair-not-listed {
  width: 100%;
  max-width: 284px;
  margin: 0 auto;
  text-align: center;
}

.pair-not-listed__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  font-size: 26px;
  line-height: 24px;
  border-radius: 50%;
  background: #2C2C2E;
}

.pair-not-listed__title {
  margin-top: 8px;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.6;
}

.pair-not-listed__text {
  margin-top: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.3;
}
.choose-discount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 22px;
  margin: 20px 0;
  box-sizing: border-box;
  gap: 10px;
  background: rgba(37, 38, 40, 0.4);
  border-radius: 8px;
}

.choose-discount__item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  height: 39px;
  box-sizing: border-box;
  gap: 8px;
  flex-grow: 2;
  cursor: pointer;
}

.choose-discount__item--active {
  border: 1px solid #F2C319;
  border-radius: 6px;
}

.choose-discount__name {
  font-family: "Inter";
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.choose-discount__value {
  min-width: 34px;
  height: 16px;
  padding: 0 3px;
  box-sizing: border-box;
  font-family: "Inter";
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.095em;
  color: #F5C414;
  text-align: center;
  background: #3B3313;
  border-radius: 3px;
}
.create__total {
  font-family: "Inter";
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #ffffff;
}

.create__total span {
  color: #F5C414;
}

.create .calc-button {
  margin-top: 20px;
}
.calculator-how-you-save {
  width: 558px;
}

.calculator-how-you-save .calc-title {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #FFFFFF;
  text-align: center;
}

.center {
  text-align: center;
}

.big-danger-text {
  margin-top: 12px;
  font-family: "Inter";
  font-weight: 600;
  font-size: 22px;
  line-height: 23px;
  text-align: center;
  color: #EF1C1C;
}

.big-danger-text span {
  color: #FFFFFF;
}

.second-text {
  margin-top: 6px;
  font-family: "Inter";
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  opacity: 0.5;
}

.small-text {
  font-family: "Inter";
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  letter-spacing: -0.01em;
  color: #FFFFFF;
}

.badge-inline {
  display: inline-block;
  padding: 0 4px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  letter-spacing: -0.095em;
  color: #F5C414;
  border-radius: 3px;
  background-color: #2D2708;
}


.select-search {
  /* width: 300px; */
  position: relative;
  font-family: 'Nunito Sans', sans-serif;
  box-sizing: border-box;
}

.select-search *,
.select-search *::after,
.select-search *::before {
  box-sizing: inherit;
}

/**
* Value wrapper
*/
.select-search__value {
  position: relative;
  z-index: 1;
  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-search__value::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 9px);
  right: 19px;
  width: 11px;
  height: 11px;
}

/**
* Input
*/
.select-search__input {
  background-color: #000;
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-2xs);
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);

  /* padding: var(--space-xs) var(--border-radius-s); */
  
  /* 2 Block model */
  display: flex;
  flex: 1 1 auto;
  padding-right: var(--space-2xs);
  /* 3 Typography */
  color: var(--color-dark-50);
  /* 5 Animation */
  transition: var(--transition);
}



.select-search__input::-webkit-search-decoration,
.select-search__input::-webkit-search-cancel-button,
.select-search__input::-webkit-search-results-button,
.select-search__input::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.select-search__input:not([readonly]):focus {
  cursor: initial;
}

/**
* Options wrapper
*/
.select-search__select {
  
  width: 100%;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  border-radius: var(--border-radius-2xs);
  background-color: var(--color-dark-200);
  z-index: 10;
}
.select-search__select::-webkit-scrollbar {
  width: 9px;
}

.select-search__select::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
  border-radius: 10px;
}

.select-search__select::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--color-orange-500);
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
}

/**
* Options
*/
.select-search__options {
  list-style: none;
}

/**
* Option row
*/
/* .select-search__row:not(:first-child) { */
  /* border-top: 1px solid #eee; */
/* } */

/**
* Option
*/
.select-search__option,
.select-search__not-found {
  display: block;
  /* height: 36px; */
  width: 100%;
  padding: 0 16px;
  background: #00000000;
  border: none;
  outline: none;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: var(--color-white);

  /* 2 Block model */
  padding: var(--space-2xs) var(--space-s);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);

  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-m);
  font-weight: normal;

  
  display: inline-flex;
  align-items: center;
  grid-gap: var(--space-2xs);
  gap: var(--space-2xs);
}

@media (min-width: 768px) {
  .select-search__option,
  .select-search__not-found {
    /* 3 Typography */
    line-height: var(--line-height-xl);
  }
}


.select-search--multiple .select-search__option {
  height: 48px;
}

.select-search__option.is-selected {
  background: #bc401c;
  color: #fff;
}

.select-search__option.is-highlighted,
.select-search__option:not(.is-selected):hover {
  /* background: rgba(47, 204, 139, 0.1); */
  background-color: var(--color-orange-500);
}

.select-search__option.is-highlighted.is-selected,
.select-search__option.is-selected:hover {
  background: #bc401c;
  color: #fff;
}

/**
* Group
*/
.select-search__group-header {
  font-size: 10px;
  text-transform: uppercase;
  background: #eee;
  padding: 8px 16px;
}

/**
* States
*/
.select-search.is-disabled {
  opacity: 0.5;
}

.select-search.is-loading .select-search__value::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill='%232F2D37' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-size: 11px;
}

.select-search:not(.is-disabled) .select-search__input {
  cursor: pointer;
}

/**
* Modifiers
*/
.select-search--multiple {
  border-radius: 3px;
  overflow: hidden;
}

.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value::after {
  transform: rotate(45deg);
  border-right: 2px solid var(--color-orange-500);
  border-bottom: 2px solid var(--color-orange-500);
  pointer-events: none;
}

.select-search--multiple .select-search__input {
  cursor: initial;
}

.select-search--multiple .select-search__input {
  border-radius: 3px 3px 0 0;
}

.select-search--multiple:not(.select-search--search) .select-search__input {
  cursor: default;
}

.select-search:not(.select-search--multiple):not(.is-disabled) .select-search__input:hover {
  border-color: #bc401c;
  color: #fff;
}


.select-search:not(.select-search--multiple) .select-search__select {
  position: absolute;
  z-index: 2;
  top: 44px;
  right: 0;
  left: 0;
  border-radius: 3px;
  overflow: auto;
  max-height: 360px;
}

.select-search--multiple .select-search__select {
  position: relative;
  overflow: auto;
  max-height: 260px;
  border-top: 1px solid #eee;
  border-radius: 0 0 3px 3px;
}

.select-search__not-found {
  height: auto;
  padding: 16px;
  text-align: center;
  color: #888;
}

.small_text_title{
  font-size: x-small;
}

.large_text_title{
  font-size: var(--font-size-24);
}



.select_token_icon{
  max-height: 70%;
  margin-right: 10%;
  border-radius: 50%;
}
.select_token_symbol{
}
.select_token_name{
  text-align: right;
}
.flexible_select{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select_token_input{
  background: rgba(255, 255, 255, 0);
  border: none;
  color: var(--color-dark-50);
  width: 100%;
  
  padding: var(--space-xs) var(--border-radius-s);
  cursor: pointer;
}
.select_token_input:focus-visible{
  border: transparent;
  outline: none;
}

.select_value_icon{
  max-height: 26px;
  margin-left: 2%;
  align-self: center;
  border-radius: 50%;
}

.select_token_ico_symb{
  height: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
}













input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}



.select-search-sm {
  /* width: 300px; */
  position: relative;
  font-family: 'Nunito Sans', sans-serif;
  box-sizing: border-box;
  /* width: 100px; */
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.select-search-sm *,
.select-search-sm *::after,
.select-search-sm *::before {
  box-sizing: inherit;
}

/**
* Value wrapper
*/
.select-search-sm__value {
  position: relative;
  z-index: 1;
  
  
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.select-search-sm__value::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(50% - 9px);
  right: 19px;
  width: 11px;
  height: 11px;
}

/**
* Input
*/
.select-search-sm__input {
  /* background-color: #000; */
  border: none;
  transition: all var(--transition);
  color: #ffffff;
  
  padding: 0 10px;
  height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  background: #282828;
  border-radius: 10px;
  cursor: pointer;
  /* width: 100px; */
}
.select-search-sm__input:hover{
  background: #24252d;
}

.select-search-sm__input::-webkit-search-decoration,
.select-search-sm__input::-webkit-search-cancel-button,
.select-search-sm__input::-webkit-search-results-button,
.select-search-sm__input::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.select-search-sm__input:not([readonly]):focus {
  cursor: initial;
}

/**
* Options wrapper
*/
.select-search-sm__select {
  
  width: 100%;
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  border-radius: var(--border-radius-2xs);
  background-color: var(--color-dark-300);
  z-index: 100;
}
.select-search-sm__select::-webkit-scrollbar {
  width: 9px;
}

.select-search-sm__select::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
  border-radius: 10px;
}

.select-search-sm__select::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: var(--color-orange-500);
  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
}


/**
* Options
*/
.select-search-sm__options {
  list-style: none;
}

/**
* Option row
*/
/* .select-search-sm__row:not(:first-child) { */
  /* border-top: 1px solid #eee; */
/* } */

/**
* Option
*/
.select-search-sm__option,
.select-search-sm__not-found {
  display: block;
  /* height: 36px; */
  width: 100%;
  padding: 0 16px;
  background: #00000000;
  border: none;
  outline: none;
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: var(--color-white);

  /* 2 Block model */
  padding: var(--space-2xs) var(--space-s);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);

  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  line-height: var(--line-height-m);
  font-weight: normal;

  
  display: inline-flex;
  align-items: center;
  grid-gap: var(--space-2xs);
  gap: var(--space-2xs);
}

@media (min-width: 768px) {
  .select-search-sm__option,
  .select-search-sm__not-found {
    /* 3 Typography */
    line-height: var(--line-height-xl);
  }
}


.select-search-sm--multiple .select-search-sm__option {
  height: 48px;
}

.select-search-sm__option.is-selected {
  background: #bc401c;
  color: #fff;
}

.select-search-sm__option.is-highlighted,
.select-search-sm__option:not(.is-selected):hover {
  /* background: rgba(47, 204, 139, 0.1); */
  background-color: var(--color-orange-500);
}

.select-search-sm__option.is-highlighted.is-selected,
.select-search-sm__option.is-selected:hover {
  background: #bc401c;
  color: #fff;
}

/**
* Group
*/
.select-search-sm__group-header {
  font-size: 10px;
  text-transform: uppercase;
  background: #eee;
  padding: 8px 16px;
}

/**
* States
*/
.select-search-sm.is-disabled {
  opacity: 0.5;
}

.select-search-sm.is-loading .select-search-sm__value::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill='%232F2D37' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-size: 11px;
}

.select-search-sm:not(.is-disabled) .select-search-sm__input {
  cursor: pointer;
}

/**
* Modifiers
*/
.select-search-sm--multiple {
  border-radius: 3px;
  overflow: hidden;
}

.select-search-sm:not(.is-loading):not(.select-search-sm--multiple) .select-search-sm__value::after {
  
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNNS45NjIzNiA3LjU1NTI2TDguNTA0NzEgNC44MDEwNEM4LjkwOTI1IDQuMzYyNzkgOC41OTg0MSAzLjY1MjgzIDguMDAxOTkgMy42NTI4M0gyLjkxNzI5QzIuMzIwODcgMy42NTI4MyAyLjAxMDAyIDQuMzYyNzkgMi40MTQ1NiA0LjgwMTA0TDQuOTU2OTEgNy41NTUyNkM1LjIyNzgyIDcuODQ4NzMgNS42OTE0NiA3Ljg0ODc0IDUuOTYyMzYgNy41NTUyNloiIGZpbGw9IiM4NDk0QjkiLz4KPC9zdmc+Cg==);
  background-size: cover;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}

.select-search-sm--multiple .select-search-sm__input {
  cursor: initial;
}

.select-search-sm--multiple .select-search-sm__input {
  border-radius: 3px 3px 0 0;
}

.select-search-sm--multiple:not(.select-search-sm--search) .select-search-sm__input {
  cursor: default;
}

.select-search-sm:not(.select-search-sm--multiple):not(.is-disabled) .select-search-sm__input:hover {
  border-color: #bc401c;
  color: #fff;
}


.select-search-sm:not(.select-search-sm--multiple) .select-search-sm__select {
  position: absolute;
  z-index: 2;
  top: 44px;
  right: 0;
  /* left: 0; */
  border-radius: 3px;
  overflow: auto;
  max-height: 360px;
  width: 300px;
}

.select-search-sm--multiple .select-search-sm__select {
  position: relative;
  overflow: auto;
  max-height: 260px;
  border-top: 1px solid #eee;
  border-radius: 0 0 3px 3px;
}

.select-search-sm__not-found {
  height: auto;
  padding: 16px;
  text-align: center;
  color: #888;
}

.small_text_title{
  font-size: x-small;
}

.large_text_title{
  font-size: var(--font-size-24);
}

.disabled_my{
  opacity: 0.3;
  cursor: default;
}




.select_token-sm_icon{
  max-height: 70%;
  margin-right: 10%;
  border-radius: 50%;
}
.select_token-sm_name{
  text-align: right;
}
.flexible_select{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select_token-sm_input{
  background: rgba(255, 255, 255, 0);
  border: none;
  color: var(--color-dark-50);
  width: 100%;
  
  padding: var(--space-xs) var(--border-radius-s);
}
.select_token-sm_input:focus-visible{
  border: transparent;
  outline: none;
}

.select_value-sm_icon{
  max-height: 26px;
  margin-left: 2%;
  align-self: center;
  border-radius: 50%;
}

.select_token-sm_ico_symb{
  height: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
}


@media screen and (max-width: 400px) {
  .choose-discount {
      flex-direction: column;
  }
  .calc-tab{
    padding: 8px 8px;
  }
  .calc-tab span{
    font-size: 12px;
  }
  .calc-tab div{
    font-size: 15px;
  }
  .compare__currencies{
    flex-direction: column;
  }
  .create__total{
    font-size: 24px;
  }
  .select-search-sm__option, .select-search-sm__not-found{
    font-size: 12px;
  }
  .select-search-sm:not(.select-search-sm--multiple) .select-search-sm__select{
    width: 240px;
  }
}


@media screen and (max-width: 325px) {
  .calc-tab {
    padding: 6px;
  }
  .calc-tab div {
    font-size: 13px;
  }
  .select-search-sm__value{
    width: 100px;
  } 
  .select-search-sm:not(.select-search-sm--multiple) .select-search-sm__select {
    width: 205px;
  }
}

/* @media screen and (min-width: 768px) {
  .calc-body__item-content {
    height: 420px;
  }
  .compare__currencies {
    margin-top: 15px;
  }
  .compare .calc-button {
    margin-top: 15px;
  }
  .choose-discount {
    margin: 20px 0 40px;
  }
} */

.calc_learn_more_btn{
  color: #8d8d8d;
}
.calc_learn_more_btn:hover{
  text-decoration: underline;
}
.calc_text-align_end{
  text-align: end;
}
.currency-selection__left{
  width: 65%;
} 

.calc-blur{
  filter: blur(4px);
}

.loader_calc_stages{ 
  height: 80%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}
.create .pair-not-listed{
  margin-top: 106px;
  margin-bottom: 78px;
}
.header-style {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  height: 80px;
}
@media (min-width: 1400px) {
  .header-style {
    padding-left: 58px;
    padding-right: 12px;
  }
}

.header-style::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: var(--header-before-height);
  content: "";
  background: var(--gradient-bright-orange);
}

.header-style .logo {
  margin-right: 70px;
  cursor: pointer;
}

@media (min-width: 1400px) {
  .header-style .header-wallet-panel-style {
    margin-right: 17px;
  }
}

.header-style .special-button-styles {
  margin-right: 12px;
}

.header-sell-style {
  display: flex;
  align-items: center;
}

.header-nav-menu-style {
  display: none;
  align-items: center;
  gap: 22px;
  font-family: "EurofontExtendedC";
  font-weight: bold;
  font-size: 10px;
  line-height: 16px;
  color: #FFFFFF;
}
@media (min-width: 1400px) {
  .header-nav-menu-style {
    display: flex;
  }
}

.header-nav-menu-style div {
  text-transform: uppercase;
  cursor: pointer;
}

.header-support-style {
  display: none;
  align-items: center;
  gap: 22px;
  margin-right: 32px;
  font-family: "Inter";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 20px;
  color: #FFFFFF;
  opacity: 0.6;
}
@media (min-width: 1400px) {
  .header-support-style {
    display: flex;
  }
}

.header-icon-style {
  display: none;
}
@media (min-width: 1400px) {
  .header-icon-style {
    display: block;
    margin-right: 12px;
  }
}

.header-icon-style button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  background: rgba(37, 38, 40, 0.5);
  border-radius: 8px;
  cursor: pointer;
}

.header-icon-style img {
  display: block;
  width: 18px;
  height: 18px;
}

.header-settings-button-style {
  display: none;
}
@media (min-width: 1400px) {
  .header-settings-button-style {
    display: block;
  }
}

.header-settings-button-style button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  background: none;
  border: none;
  cursor: pointer;
}

.header-settings-button-style img {
  display: block;
  width: 18px;
  height: 18px;
}

.header-dropdown-style {
  position: relative;
}

.header-dropdown-top-style {
  display: flex;
  align-items: center;
}

.header-dropdown-top-style img {
  display: block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
}

.header-dropdown-body-style {
  position: absolute;
  display: none;
}
.header-wallet-panel-style {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 10px;
  padding-right: 6px;
  gap: 8px;
  background: rgba(37, 38, 40, 0.5);
  border-radius: 8px;
}

.header-wallet-panel-style__wallet {
  display: flex;
  align-items: center;
  font-family: "Inter";
  font-weight: 600;
  font-size: 0;
  line-height: 0;
  letter-spacing: -0.01em;
  color: #BC401C;
}
@media (min-width: 768px) {
  .header-wallet-panel-style__wallet {
    font-size: 12px;
    line-height: 23px;
  }
}

.header-wallet-panel-style__wallet > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  background: rgba(232, 130, 30, 0.2);
  border-radius: 29px;
}

.header-wallet-panel-style__wallet img {
  display: block;
  width: 10px;
  height: 10px;
}

.header-wallet-panel-style__currency {
  display: flex;
  align-items: center;
  height: 28px;
  padding-left: 8px;
  padding-right: 6px;
  font-weight: 500;
  font-size: 12px;
  line-height: 23px;
  color: #C8CDD0;
  background: #0E0913;
  border-radius: 6px;
}

.header-wallet-panel-style__currency img {
  display: block;
  width: 16px;
  height: 16px;
  margin-left: 6px;
}
@charset "UTF-8";
.screen-container-styles {
  width: 100%;
  max-width: var(--container-width);
  padding-left: 20px;
  padding-right: 20px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.row-styles {
  /* 2 Block model */
  display: flex;
  gap: 30px;
  flex: 1 1 auto;
  width: 100%;
}

.column-styles {
  /* 2 Block model */
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-grow: 1;
  width: 100%;
}

.panel-styles {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  flex: 1 1 auto;
  gap: var(--space-2xs);
  padding-top: var(--space-s);
  padding-bottom: var(--space-s);
  padding-left: var(--space-l);
  padding-right: var(--space-s);
  margin-bottom: var(--space-l);
  /* 4 Visual */
  border-radius: var(--border-radius-s);
  background-color: var(--color-dark-900);
}
@media (min-width: 1200px) {
  .panel-styles {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}

.panel-styles__left {
  /* 2 Block model */
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1 1 auto;
  gap: var(--space-l);
}

.panel-styles__left > button {
  /* 2 Block model */
  display: inline-flex;
  padding: 0;
  margin: 0;
  /* 4 Visual */
  cursor: pointer;
  outline: none;
  background-color: transparent;
  border: none;
}

.panel-styles__left > button > .text-v2 {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.panel-styles__left > button:hover > .text-v2 {
  /* 3 Typography */
  color: var(--color-orange-200);
}

.panel-styles__right {
  /* 2 Block model */
  max-width: var(--filters-check-rigth-width);
}

.page-wrapper-style {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}

.main-style {
  position: relative;
  min-height: 500px;
  flex-grow: 2;
  padding-top: 24px;
  padding-bottom: 120px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .main-style {
    padding-top: 32px;
    padding-bottom: 64px;
  }
}

.page-heading-background-style {
  background-position: center right;
  background-size: cover;
  border-bottom: 1px solid #1B1B1C;
}
@media (min-width: 1400px) {
  .page-heading-background-style {
    background-position: top center;
  }
}

.page-top-style {
  padding: 24px 0;
}
@media (min-width: 768px) {
  .page-top-style {
    padding: 32px 0;
  }
}

.page-top-style .special-button-styles button {
  height: 40px;
  padding-left: 42px;
  padding-right: 42px;
}

.finish-screen-wrapper {
  margin: 48px auto;
  text-align: center;
}
@media (min-width: 768px) {
  .finish-screen-wrapper {
    margin: 80px auto;
  }
}
@media (min-width: 1200px) {
  .finish-screen-wrapper {
    margin: 48px auto;
  }
}

.finish-screen-wrapper .text-v2--size-promo-18 {
  margin-bottom: 4px;
}

.finish-screen-wrapper .share-link-style {
  margin: 0 auto;
  margin-top: 24px;
}

.finish-screen-wrapper .text-v2--size-promo-18 + .text-v2--size-12-regular {
  margin-bottom: 24px;
}

.container-small {
  width: 100%;
  max-width: 396px;
  margin: 0 auto;
}

.container-medium {
  width: 100%;
  max-width: 458px;
  margin: 0 auto;
}

.choice-buttons-style {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  /* 	margin-top: 24px; лучше либо через родителя либо с помощью gridStyle
   */
}

.choice-buttons-style > div {
  flex-grow: 2;
  width: 100%;
}

.choice-buttons-style button {
  padding: 0;
  font-size: 12px;
  text-transform: none;
}

.range-input-bottom-label-style {
  display: flex;
  justify-content: space-between;
}

.range-input-bottom-label-style .text-v2 {
  font-size: 10px;
  line-height: 12px;
}

.range-input-value-style {
  position: absolute;
  top: 28px;
  left: 50%;
  padding: 0 3px;
  background: #686A6E;
  border-radius: 4px;
  transform: translateX(-50%);
}

.range-input-value-style::before {
  position: absolute;
  top: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  display: block;
  content: "";
  background: #686A6E;
  border-radius: 2px;
  transform: translateX(-50%) rotate(45deg);
}
.icon-button button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 15px 6px 6px;
  background: linear-gradient(103.4deg, rgba(255, 102, 57, 0.1) 11.82%, rgba(126, 37, 181, 0.1) 89.19%);
  border-radius: 8px;
  cursor: pointer;
}
.icon-button button .text-v2 {
  color: #BC401C;
}

.icon-button__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(103.4deg, #FF6639 11.82%, #7E25B5 89.19%);
  border-radius: 6px;
}

.icon-outline-button button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 2px solid #232323;
  border-radius: 8px;
}
.icon-outline-button button img {
  display: block;
  width: 16px;
  height: 16px;
}
.chain-switch .react-select-container .regular-select__control {
  height: 40px;
  background: rgba(37, 38, 40, 0.5);
  border-color: rgba(37, 38, 40, 0.5);
}

.chain-switch .regular-select__single-value, .chain-switch .regular-select__option {
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 23px;
}
.popup-style {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  width: 100%;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  background: radial-gradient(50% 50% at 50% 50%, rgba(36, 19, 43, 0.8) 34.93%, rgba(19, 20, 25, 0.8) 100%);
  backdrop-filter: blur(15px);
}
@media (min-width: 768px) {
  .popup-style {
    justify-content: center;
    align-items: center;
  }
}

.popup-style * {
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .popup-style .text-v2--size-promo-18 {
    padding: 0 20px;
  }
}

.popup-style__body {
  position: relative;
  padding: 24px 16px 32px 16px;
  width: 100%;
  background: #000000;
}
@media (min-width: 768px) {
  .popup-style__body {
    width: 462px;
    padding: 3px;
    background: linear-gradient(151.47deg, #8A67FF -7.28%, #49D4FF 29.09%, #FE673C 65.78%, #A6498F 107.39%);
    border-radius: 16px;
  }
}

@media (min-width: 1200px) {
  .popup-style__body--large {
    width: 628px;
  }
}

.popup-style__content {
  background: #000000;
  border-radius: 16px;
}
@media (min-width: 768px) {
  .popup-style__content {
    padding: 30px 20px;
  }
}

.popup-message-heading-style {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}

.popup-close-style {
  position: absolute;
  top: 24px;
  right: 16px;
}
@media (min-width: 768px) {
  .popup-close-style {
    top: 0;
    right: -48px;
  }
}

.popup-close-style button {
  padding: 0;
  display: block;
  background: none;
  border: none;
  cursor: pointer;
}

.popup-close-style img {
  display: block;
  width: 14px;
  height: 14px;
}
@media (min-width: 768px) {
  .popup-close-style img {
    width: 24px;
    height: 24px;
  }
}

.popup-style .choice-buttons-style {
  width: 100%;
}

.popup-style .currency-rate-info-style {
  margin-top: 36px;
}

.section-popup-style {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(24px);
}

.section-popup-style__body {
  width: 100%;
  max-width: 448px;
  margin: 0 auto;
  text-align: center;
}

.section-popup-style__body button {
  margin-top: 16px;
}

.section-popup-style img {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 16px;
}

.section-popup-style .text-v2--size-promo-18 {
  margin-bottom: 2px;
  opacity: 0.4;
}

.bid-info-popup-style {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 20px 16px;
  margin-top: 7px;
  background: #BC401C;
  border-radius: 8px;
}

.bid-info-popup-style > img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.bid-info-popup-body-style {
  flex-grow: 2;
}

.bid-info-popup-style button {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.bid-info-popup-msg-style {
  margin-top: 4px;
}
.bid-info-popup-msg-style .text-v2 {
  color: #E4B3A4;
}
.bid-info-popup-msg-style .text-v2 a {
  position: relative;
  display: inline-block;
  padding-right: 14px;
  color: #ffffff;
}
.bid-info-popup-msg-style .text-v2 a::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuNSAzTDcuNSA2TDQuNSA5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.popup__offer-details-style {
  padding-top: 24px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 22px;
}

.popup__details-row-style {
  display: flex;
  width: 80%;
}
.popup__details-row-style > * {
  width: 50%;
}

.popup__details-value-style {
  font-family: var(--font-second);
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0em;
}

.welcome-state-learn-more-style {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.welcome-state-learn-more-style button {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.welcome-state-learn-more-style .text-v2--size-12-regular {
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}

.wallet-card-style {
  padding: 18px;
  width: 100%;
  border: 2px solid #515460;
  border-radius: 10px;
}

.wallet-card-style:hover {
  border: 2px solid var(--color-orange-300);
}

.wallet-card-label-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.wallet-card-label-style img {
  display: block;
  width: 32px;
  height: 32px;
}

.wallet-card-links-style {
  display: flex;
  align-items: center;
  gap: 24px;
}

.your-wallet-state-links > * {
  cursor: pointer;
}

.wallet-card-links-style button {
  position: relative;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}

.wallet-card-links-style button::after {
  position: absolute;
  top: -2px;
  right: -13px;
  display: block;
  width: 2px;
  height: 24px;
  content: "";
  background: #515460;
  cursor: default;
}

.wallet-card-links-style button:last-child::after {
  content: none;
}

.connect-state-loader-style {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.connect-state-loader-style img {
  display: block;
  width: 64px;
  height: 64px;
}

.wallet-card-short-style {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px 20px;
  text-align: left;
  background: #18191D;
  border-radius: 8px;
}

.your-wallet-state-style .grid-styles > div {
  width: 100%;
}

.your-wallet-state-links {
  display: flex;
  align-items: center;
  gap: 20px;
}

.your-wallet-state-links button {
  padding: 0;
  display: block;
  background: none;
  border: none;
}

.your-wallet-state-links .text-v2 {
  display: flex;
  align-items: center;
}

.your-wallet-state-links img {
  display: block;
  width: 14px;
  height: 14px;
}

.connected-wallet-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.connected-wallet-style button {
  height: 28px;
  padding: 0 18px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  font-family: "Inter";
  text-transform: none;
  cursor: pointer;
}

.recent-transactions-style {
  padding: 24px;
  background: #18191D;
  border-radius: 8px;
}

.recent-transactions-list {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.recent-transactions-number-style {
  display: inline-flex;
  align-items: center;
  height: 16px;
  padding: 0 7px;
  margin-left: 10px;
  color: #BC401C;
  background: #3D221C;
  border-radius: 10px;
}

.transaction-style {
  display: flex;
  align-items: center;
  gap: 9px;
}

.transaction-style img {
  display: block;
  width: 16px;
  height: 16px;
}
.offer-creation-panel-style {
  background-color: rgba(27, 27, 28, 0.4);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
}
.offer-creation-panel-style .text-v2--size-promo-18 {
  text-transform: uppercase;
}

.offer-creation-panel-style--align-center {
  align-items: center;
}
.offer-creation-panel-style--align-center h2, .offer-creation-panel-style--align-center .text-v2--size-12-regular, .offer-creation-panel-style--align-center .creation-panel__primary-value-style {
  text-align: center;
}
.offer-creation-panel-style--align-center .creation-panel__content-style {
  padding-top: 0;
  gap: 20px;
}

.creation-panel-heading-style {
  width: 100%;
  border-bottom: 3px solid #000;
  padding: 40px 24px 24px;
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
}
@media (max-width: 1280px) {
  .creation-panel-heading-style .text-v2--size-12-regular {
    display: none;
  }
  .offer-creation-panel-style--transparent .creation-panel-heading-style .text-v2--size-12-regular {
    display: block;
  }
}

.offer-creation-panel-style--transparent {
  background-color: #000;
}
.offer-creation-panel-style--transparent .creation-panel-heading__arrow {
  display: none;
}
.offer-creation-panel-style--transparent .creation-panel__content-style.creation-panel__content-style--closed {
  display: block;
}

.creation-panel-heading-style h2 {
  font-family: var(--font-second);
  font-size: 14px;
  text-transform: uppercase;
  line-height: 18px;
}

.creation-panel__content-style {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
@media (max-width: 1280px) {
  .creation-panel__content-style.creation-panel__content-style--closed {
    display: none;
  }
}

.creation-panel__additional-value-style {
  background-color: rgba(188, 64, 28, 0.1);
  color: #BC401C;
  display: inline-flex;
  padding: 2px 12px;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 600;
  grid-gap: 2px;
}

.creation-panel__row-style {
  display: flex;
  align-items: center;
}

.creation-panel__col-style {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.creation-panel__row-style--align-space-between {
  justify-content: space-between;
}
.creation-panel__row-style--align-space-between .tumbler-button-styles__wrapper {
  padding: 0 15px;
}
.creation-panel__row-style--align-space-between .tumbler-container-styles {
  column-gap: 3px;
  flex-grow: 0;
}

.creation-panel__row-style--align-center {
  justify-content: center;
}

.creation-panel__row-style--align-end {
  justify-content: flex-end;
}

.creation-panel__additional-value-style svg {
  stroke: #BC401C;
}

.creation-panel__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: rgba(188, 64, 28, 0.2);
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 20px;
}
@media (min-width: 500px) {
  .creation-panel__info {
    min-width: 354px;
  }
}
@media (max-width: 500px) {
  .creation-panel__info {
    padding: 9px 16px;
  }
}

.creation-panel-info__row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
@media (max-width: 500px) {
  .creation-panel-info__row {
    flex-direction: column;
    gap: 16px;
  }
}

.creation-panel-info__col-style {
  border-radius: 8px;
  padding: 8px;
}

.creation-panel-info__col-style--non-transparent {
  background-color: rgba(188, 64, 28, 0.2);
}

.creation-panel-heading__container-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.creation-panel-heading__arrow {
  padding-right: 30px;
  display: none;
}
@media (max-width: 1280px) {
  .creation-panel-heading__arrow {
    display: block;
  }
}

.creation-panel__info-table-style {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 17px;
  border-radius: 8px;
  background-color: black;
}

.info-table__border-container-style {
  width: 100%;
  padding: 3px;
  border-radius: 8px;
  background: var(--background-add);
}

.info-table__row-style {
  display: flex;
  justify-content: space-between;
}
.creation-panel__primary-value-style {
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .creation-panel__primary-value-style {
    font-size: 20px;
    line-height: 23px;
  }
}
@media (max-width: 500px) {
  .creation-panel__primary-value-style {
    font-size: 28px;
    line-height: 36px;
  }
}

.creation-panel__secondary-value-style {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.01em;
}
@media (max-width: 768px) {
  .creation-panel__secondary-value-style {
    font-size: 20px;
    line-height: 23px;
  }
}

.creation-panel__change-info-style {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  vertical-align: top;
  margin-left: 6px;
}

.creation-panel__change-info-style--positive {
  color: #279783;
}

.creation-panel__change-info-style--negative {
  color: #C24F56;
}

.creation-panel-info__bold-style {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
}

.dotted-underline-text-style {
  border-bottom: 1px dashed #BC401C;
  color: #BC401C !important;
}
.offer-creation-display-style {
  display: flex;
  gap: 32px;
  margin-bottom: 48px;
}
@media (max-width: 1280px) {
  .offer-creation-display-style {
    flex-direction: column;
    gap: 16px;
  }
}

.offer-creation-display-style > * {
  flex-grow: 1;
}

.offer-additional-info__container-style {
  display: flex;
  grid-gap: 30px;
  align-items: center;
}
@media (max-width: 600px) {
  .offer-additional-info__container-style {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }
}

.offer-status-style {
  display: flex;
  grid-gap: 12px;
}
@media (max-width: 600px) {
  .offer-status-style {
    width: 100%;
  }
  .offer-status-style > * {
    flex-grow: 1;
  }
}

.offer-status-style button {
  height: 40px;
  padding: 0 16px;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
}

.adaptive-row-to-reversed-col {
  display: flex;
  gap: 30px;
}
.adaptive-row-to-reversed-col > * {
  flex-grow: 1;
}
@media (max-width: 1280px) {
  .adaptive-row-to-reversed-col {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.otc-desk-display-style {
  display: flex;
}
@media (min-width: 1200px) {
  .otc-desk-display-style {
    gap: 32px;
  }
}

.otc-desk-display-style .filter-panel-style--vertical {
  display: none;
}
@media (min-width: 1200px) {
  .otc-desk-display-style .filter-panel-style--vertical {
    display: flex;
    width: 334px;
    flex: 0 0 334px;
    flex-direction: column;
    padding: 20px;
    padding-bottom: 24px;
    gap: 24px;
    box-sizing: border-box;
  }
}

.otc-desk-display-style .react-select-container {
  width: 100%;
}

.otc-desk-display-style .filter-panel-style--vertical > div {
  width: 100%;
}

.otc-desk-table-container-style {
  flex-grow: 2;
}
.filter-panel-style {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .filter-panel-style {
    padding: 12px 20px;
    background: #0F0F10;
    border-radius: 12px;
  }
}

.filter-panel-style .react-select-container .regular-select__control {
  background: #151515;
  border-color: #151515;
}

.filter-panel-style--vertical .regular-select__placeholder {
  color: #FFFFFF;
}

.filter-panel-style--vertical .secondary-button-styles button {
  height: 40px;
  font-family: "Inter";
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}

.filter-panel .react-select-otc-search .regular-select__control {
  height: 40px;
}

.filter-button-group-style {
  margin-left: 12px;
  display: flex;
  gap: 12px;
}
@media (min-width: 1200px) {
  .filter-button-group-style {
    display: none;
  }
}

.table-style {
  position: relative;
}

.table-body-style {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 16px;
}
@media (min-width: 768px) {
  .table-body-style {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .table-body-style {
    flex-direction: column;
    gap: 8px;
  }
}

.table-row-style {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background-color: #0D0D0D;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .table-row-style {
    flex: 1 1 calc(50% - 8px);
  }
}
@media (min-width: 1200px) {
  .table-row-style {
    flex: 1 1 100%;
    flex-direction: row;
    gap: 10px;
    padding: 0;
    align-items: center;
    background: none;
  }
}

.table-heading-style {
  display: none;
}
@media (min-width: 1200px) {
  .table-heading-style {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    gap: 10px;
    margin-bottom: 16px;
  }
}

.table-row-heading-style button {
  padding: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  background: none;
  border: none;
  cursor: pointer;
}

.table-row-heading-style img {
  display: block;
  width: 3px;
  height: 7px;
  margin-left: 2px;
}

.table-row-heading-style .text-v2 {
  color: #4C4C4C;
}

.table-sell-style {
  display: flex;
  justify-content: space-between;
}

.table-row-header-style {
  display: flex;
}
@media (max-width: 1199px) {
  .table-row-header-style {
    padding-bottom: 12px;
    border-bottom: 1px solid #2A2A2C;
  }
}

.table-row-header-style > div {
  width: 100%;
  box-sizing: border-box;
  flex-grow: 2;
}

.table-row-header-style .table-sell-style {
  display: block;
}

.table-sell-title-style {
  width: 100%;
}
@media (min-width: 1200px) {
  .table-sell-title-style {
    display: none;
  }
}

.offer-type-indicator-style {
  width: 101px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
}

.offer-type-indicator-style--static {
  background: rgba(201, 75, 109, 0.15);
}

.offer-type-indicator-style--static .text-v2 {
  color: #C94B6D;
}

.offer-type-indicator-style--dynamic {
  background: rgba(152, 81, 255, 0.15);
}

.offer-type-indicator-style--dynamic .text-v2 {
  color: #9851FF;
}

.table-sell-value-style {
  width: 100%;
  text-align: right;
}
@media (min-width: 1200px) {
  .table-sell-value-style {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(5) .table-sell-value-style,
.table-style--dashboard-offers .table-row-style > div:nth-child(6) .table-sell-value-style,
.table-style--dashboard-offers .table-row-style > div:nth-child(8) .table-sell-value-style {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(1) {
    width: 21%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(2) {
    width: 12%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(3) {
    width: 13%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(4) {
    width: 7%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(5) {
    width: 8%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(6) {
    width: 8%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(7) {
    width: 7%;
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-offers .table-row-style > div:nth-child(8) {
    flex-grow: 2;
  }
}
.table-style--dashboard-offers .table-row-style > div:nth-child(9) {
  flex-grow: 2;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(1) {
  width: 9.7%;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(2) {
  width: 10.5%;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(3) {
  width: 12%;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(4) {
  width: 13%;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(5) {
  width: 7%;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(6) {
  width: 8%;
  display: flex;
  justify-content: flex-end;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(7) {
  width: 8%;
  display: flex;
  justify-content: flex-end;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(8) {
  width: 7%;
  padding-left: 30px;
}
.table-style--dashboard-offers .table-row-heading-style:nth-child(9) {
  width: 6%;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1199px) {
  .table-row-footer-style {
    padding-top: 12px;
    border-top: 1px solid #2A2A2C;
  }
}

@media (min-width: 1200px) {
  .table-row-footer-style .secondary-button-styles {
    display: flex;
    justify-content: flex-end;
  }
}

.table-row-footer-style .secondary-button-styles button {
  width: 100%;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  font-family: "Inter";
}
@media (min-width: 1200px) {
  .table-row-footer-style .secondary-button-styles button {
    width: auto;
    flex: 0 0 auto;
    height: 28px;
    padding: 0 14px;
  }
}

.filter-panel-checkbox-group-style {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1199px) {
  .filter-panel-checkbox-group-style {
    display: none;
  }
}

.filter-panel-checkbox-group-style > div:last-child {
  display: flex;
  align-items: center;
  gap: 24px;
}

.checkbox-panel-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 32px;
  background: #151515;
  border-radius: 8px;
}

.tooltips-icon-style {
  position: relative;
}

.tooltips-icon-msg-style {
  position: absolute;
  display: none;
  padding: 4px 12px;
  background: #2A2B32;
  border-radius: 8px;
}

.tooltips-icon-msg-style::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 12px;
  height: 12px;
  display: block;
  content: "";
  background: #2A2B32;
  border-radius: 2px;
  transform: rotate(45deg) translateX(-50%);
}

.tooltips-icon-style:hover .tooltips-icon-msg-style {
  top: -36px;
  left: 50%;
  display: block;
  transform: translateX(-50%);
}

.discount-value-style {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.table-primary-value-style {
  white-space: nowrap;
}

.table-row-header-style > div.my-offer-indicator-style {
  width: auto;
}

.my-offer-indicator-style {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  width: auto;
  padding: 0 6px;
  background: #BC401C;
  border-radius: 8px 0px;
}
@media (min-width: 1200px) {
  .my-offer-indicator-style {
    top: -7px;
    border-radius: 0 0 8px 0;
  }
}

@media (min-width: 1200px) {
  .filter-button-mobile-style {
    display: none;
  }
}

.filter-button-mobile-style button {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #0D0D0D;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.filter-button-mobile-style img {
  display: block;
  width: 20px;
  height: 20px;
}

@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(6) .table-sell-value-style,
.table-style--dashboard-bid .table-row-style > div:nth-child(7) .table-sell-value-style,
.table-style--dashboard-bid .table-row-style > div:nth-child(9) .table-sell-value-style {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(1) {
    width: 19%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(2) {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(3) {
    width: 11%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(4) {
    width: 7%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(5) {
    width: 6%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(6) {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(7) {
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(8) {
    width: 10%;
    padding-left: 35px;
  }
}
@media (min-width: 1200px) {
  .table-style--dashboard-bid .table-row-style > div:nth-child(9) {
    width: 6%;
  }
}
.table-style--dashboard-bid .table-row-style > div:nth-child(10) {
  flex-grow: 2;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(1) {
  width: 9%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(2) {
  width: 9.5%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(3) {
  width: 9.7%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(4) {
  width: 11%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(5) {
  width: 7%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(6) {
  width: 8%;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(7) {
  width: 8%;
  display: flex;
  justify-content: flex-end;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(8) {
  width: 9.6%;
  display: flex;
  justify-content: flex-end;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(9) {
  width: 10%;
  padding-left: 35px;
}
.table-style--dashboard-bid .table-row-heading-style:nth-child(10) {
  width: 6.5%;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1199.5px) {
  .table-style--dashboard-bid .table-sell-value-style .offer-type-indicator-style {
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .table-style--otc-desk .discount-value-style {
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .table-style--otc-desk .table-row-style > div:nth-child(1) {
    width: 26%;
  }
}
@media (min-width: 1200px) {
  .table-style--otc-desk .table-row-style > div:nth-child(2) {
    width: 14%;
  }
}
@media (min-width: 1200px) {
  .table-style--otc-desk .table-row-style > div:nth-child(3) {
    width: 20%;
  }
}
@media (min-width: 1200px) {
  .table-style--otc-desk .table-row-style > div:nth-child(4) {
    width: 14%;
  }
}
@media (min-width: 1200px) {
  .table-style--otc-desk .table-row-style > div:nth-child(5) {
    flex-grow: 2;
  }
}
.table-style--otc-desk .table-row-heading-style:nth-child(1) {
  width: 12.5%;
}
.table-style--otc-desk .table-row-heading-style:nth-child(2) {
  width: 13.5%;
}
.table-style--otc-desk .table-row-heading-style:nth-child(3) {
  width: 13%;
}
.table-style--otc-desk .table-row-heading-style:nth-child(4) {
  width: 20%;
}
.table-style--otc-desk .table-row-heading-style:nth-child(5) {
  width: 14%;
}
.table-style--otc-desk .table-row-heading-style:nth-child(6) {
  width: auto;
  display: flex;
  justify-content: flex-start;
}

.table-style--invite-list .table-body-style {
  gap: 0;
}
.table-style--invite-list .table-row-style {
  height: 56px;
  flex: 1 1 56px;
}
.table-style--invite-list .table-row-style > div:nth-child(1),
.table-style--invite-list .table-row-heading-style:nth-child(1) {
  flex-grow: 2;
}
.table-style--invite-list .table-row-style > div:nth-child(2),
.table-style--invite-list .table-row-heading-style:nth-child(2) {
  text-align: right;
}
.table-style--invite-list .table-sell-style {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.table-style--offer-link-list .secondary-button-styles {
  width: auto;
}
.table-style--offer-link-list .secondary-button-styles button {
  height: 28px;
  min-height: 28px;
  display: inline-flex;
  width: auto;
  padding: 0 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
}
.table-style--offer-link-list .table-body-style {
  gap: 0;
}
.table-style--offer-link-list .table-row-style {
  height: 56px;
  flex: 1 1 56px;
}
@media (min-width: 1200px) {
  .table-style--offer-link-list .table-row-style > div:nth-child(1) {
    width: 22%;
  }
}
@media (min-width: 1200px) {
  .table-style--offer-link-list .table-row-style > div:nth-child(2) {
    width: 9%;
  }
}
@media (min-width: 1200px) {
  .table-style--offer-link-list .table-row-style > div:nth-child(3) {
    width: 15%;
  }
}
@media (min-width: 1200px) {
  .table-style--offer-link-list .table-row-style > div:nth-child(4) {
    width: 15%;
  }
}
@media (min-width: 1200px) {
  .table-style--offer-link-list .table-row-style > div:nth-child(5) {
    flex-grow: 2;
  }
}
.table-style--offer-link-list .table-row-heading-style:nth-child(1) {
  width: 22%;
}
.table-style--offer-link-list .table-row-heading-style:nth-child(2) {
  width: 9%;
}
.table-style--offer-link-list .table-row-heading-style:nth-child(3) {
  width: 15%;
}
.table-style--offer-link-list .table-row-heading-style:nth-child(4) {
  width: 15%;
}
.table-style--offer-link-list .table-row-heading-style:nth-child(5) {
  flex-grow: 2;
}
.table-style--offer-link-list .table-row-heading-style,
.table-style--offer-link-list .table-sell-style {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.table-style--offer-link-list .table-row-heading-style:first-child,
.table-style--offer-link-list .table-sell-style:first-child {
  justify-content: flex-start;
}
.input-inner-label {
  font-family: var(--font-main);
  color: var(--orange-500);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.footnote .text-v2 {
  transition-duration: 0.5s;
}

.clickable .footnote .text-v2:hover {
  color: var(--color-orange-500);
}
.currency-rate-display-body-style {
  background: rgba(36, 37, 45, 0.3);
  border-radius: 12px;
}

.currency-rate-display-heading-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 0 24px;
}
.currency-rate-display-heading-style .from-curr-to-curr-named-style {
  width: auto;
}

.currency-rate-display-heading-style .from-curr-to-curr-style .currency-icon-style:nth-child(2) {
  margin-left: -10px;
}

.currency-rate-display-heading-style .from-curr-to-curr-style .currency-icon-style img {
  width: 24px;
  height: 24px;
}

.currency-rate-main-style {
  position: relative;
}

.currency-rate-chart-style img {
  display: block;
  width: 100%;
}

.currency-rate-display-footer-style {
  padding: 16px;
}
@media (min-width: 1200px) {
  .currency-rate-display-footer-style {
    padding: 24px;
  }
}

@media (max-width: 1199px) {
  .currency-rate-wrapper-style {
    display: none;
  }
}

@media (min-width: 1200px) {
  .currency-rate-icon-open {
    display: none;
  }
}

.currency-rate-main-style--open .currency-rate-wrapper-style {
  display: block;
}
.currency-rate-main-style--open .currency-rate-icon-open {
  transform: rotate(180deg);
}

.currency-rate-info-style {
  padding: 16px 20px;
  background: #061714;
  border-radius: 10px;
}

.currency-rate-info-style .text-v2 {
  opacity: 0.6;
}

.currency-rate-info-heading-style {
  margin-bottom: 10px;
}

.currency-rate-info-heading-style .text-v2 {
  opacity: 1;
}
/* .popup-table-style {
    padding: 24px 0;
}   

.popup-table__row-style {
    display: flex;
    gap: 55px;
} */
.popup-table__container-style {
  background-color: #0B0B0B;
  padding: 24px 0;
  margin-top: 24px;
  overflow-x: auto;
}

.popup-table__cell-style {
  padding-right: 55px;
  padding-bottom: 17px;
}

.popup-table-style .table-row-heading-style {
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.01em;
  color: grey;
  padding-bottom: 13px;
}
.allere-error {
  position: relative;
  max-width: 500px;
  padding: 54px 98px 42px 98px;
  text-align: center;
  background: #250B0C;
  border-radius: 12px;
}
.allere-error .popup-style__body {
  padding: 0;
  background: #250B0C;
}
.allere-error .popup-style__content {
  width: 100%;
  padding-top: 54px;
  padding-bottom: 42px;
  background: none;
}
.allere-error .primary-button-styles button {
  width: auto;
  text-transform: none;
}
.allere-error .text-v2 {
  color: #9A2C33;
}
.allere-error .text-v2--size-promo-16 {
  margin: 8px 0;
}
.creation-page-heading-style {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .creation-page-heading-style {
    flex-direction: column;
    grid-gap: 30px;
  }
}
@media (max-width: 600px) {
  .creation-page-heading-style {
    gap: 16px;
  }
}
@media (max-width: 500px) {
  .creation-page-heading-style .page-title-style {
    flex-direction: column;
    align-items: start;
  }
}
.highlighted-panel {
  padding: 2px;
  background: linear-gradient(151.47deg, #8A67FF -7.28%, #49D4FF 29.09%, #FE673C 65.78%, #A6498F 107.39%);
  border-radius: 12px;
}
.highlighted-panel .text-v2--size-promo-18 {
  margin-bottom: 20px;
}
.highlighted-panel .text-v2--size-14-regular {
  margin-bottom: 4px;
}
.highlighted-panel .banner-styles {
  margin-top: 32px;
}

.highlighted-panel__body {
  padding: 30px;
  background: #000000;
  border-radius: 12px;
}

.highlighted-panel .text-input-styles__body,
.highlighted-panel .text-input-styles__body:hover,
.highlighted-panel .text-input-styles:hover .text-input-styles__body,
.highlighted-panel .text-input-styles:active .text-input-styles__body {
  border: none;
  background-color: #1B1B1C;
}
.highlighted-panel .icon-button button {
  padding: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #BC401C;
}
.highlighted-panel .icon-button__icon {
  background: none;
}
.highlighted-panel .icon-button__icon img {
  display: block;
  width: 20px;
  height: 20px;
}
.page-navigation-style {
  display: flex;
  grid-gap: 5px;
}
@media (max-width: 500px) {
  .page-navigation-style {
    padding-bottom: 20px;
  }
}

.page-navigation__link-style {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  opacity: 0.5;
}
.page-title-style {
  display: flex;
  align-items: center;
  gap: var(--space-s);
}

@media (max-width: 767px) {
  .page-title-style .text-v2--size-promo-32 {
    font-size: 20px;
    line-height: 28px;
  }
}

.page-title-style .from-curr-to-curr-style .currency-icon-style:nth-child(2) {
  margin-left: -10px;
}

.page-title-style .from-curr-to-curr-style .currency-icon-style img {
  width: 32px;
  height: 32px;
}
.final-conditions-body-style {
  position: relative;
  padding: 3px;
  box-sizing: border-box;
  max-width: 335px;
  margin: 0 auto;
  background: linear-gradient(103.4deg, #FF6639 11.82%, #7E25B5 89.19%);
  border-radius: 12px 12px 169px 169px;
}
@media (min-width: 768px) {
  .final-conditions-body-style {
    max-width: none;
    border-radius: 12px 169px 169px 12px;
  }
}

.final-conditions-content-style {
  display: flex;
  flex-direction: column;
  padding: 16px 24px 48px 16px;
  box-sizing: border-box;
  background: linear-gradient(90deg, #240C05 0%, #000000 100%);
  border-radius: 12px 12px 169px 169px;
}
@media (min-width: 768px) {
  .final-conditions-content-style {
    flex-direction: row;
    padding: 42px 46px 46px 24px;
    align-items: center;
    border-radius: 12px 169px 169px 12px;
  }
}
.final-conditions-container {
  flex-grow: 2;
}
@media (min-width: 768px) {
  .final-conditions-container {
    padding-right: 48px;
  }
}

.final-conditions-content-style .progress-img {
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .final-conditions-content-style .progress-img {
    width: 186px;
    height: 186px;
  }
}

@media (min-width: 1200px) {
  .final-conditions-header {
    padding-bottom: 6px;
  }
}

.bid-creation-progress {
  display: block;
  width: 186px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .bid-creation-progress {
    padding-top: 48px;
  }
}

.bid-creation-progress img {
  display: block;
  width: 100%;
}

.bid-conditions-row-style {
  display: flex;
  margin-top: 26px;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 768px) {
  .bid-conditions-row-style {
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
  }
}

.bid-conditions-value-style {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .bid-conditions-value-style {
    align-items: flex-end;
    text-align: right;
  }
}
.bid-conditions-value-style .text-v2--size-18-semibold {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.01em;
}

.final-conditions-body-style .section-popup-style {
  padding: 20px;
  background: rgba(47, 13, 15, 0.8);
  backdrop-filter: blur(12px);
  border-radius: 12px 12px 169px 169px;
}
@media (min-width: 768px) {
  .final-conditions-body-style .section-popup-style {
    max-width: none;
    border-radius: 12px 169px 169px 12px;
  }
}

.final-conditions-body-style .section-popup-style .text-v2 {
  color: #9A2C33;
}
.status-indicator-panel-style {
  padding: 9px 12px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}

.status-indicator-panel-style--placed, .status-indicator-panel-style--active {
  background-color: rgba(39, 151, 131, 0.1);
}
.status-indicator-panel-style--placed *, .status-indicator-panel-style--active * {
  color: #279783;
}
.status-indicator-panel-style--placed .status-indicator-panel__icon-style, .status-indicator-panel-style--active .status-indicator-panel__icon-style {
  background-color: #279783;
}

.status-indicator-panel-style--closed {
  background-color: rgba(194, 79, 86, 0.1);
}
.status-indicator-panel-style--closed * {
  color: #C24F56;
}
.status-indicator-panel-style--closed .status-indicator-panel__icon-style {
  background-color: #C24F56;
}

.status-indicator-panel-style--cancelled, .status-indicator-panel-style--ended {
  background-color: rgba(240, 129, 96, 0.1);
}
.status-indicator-panel-style--cancelled *, .status-indicator-panel-style--ended * {
  color: #F08160;
}
.status-indicator-panel-style--cancelled .status-indicator-panel__icon-style, .status-indicator-panel-style--ended .status-indicator-panel__icon-style {
  background-color: #F08160;
}

.status-indicator-panel__cell-style {
  display: flex;
  align-items: center;
  grid-gap: 6px;
}
.status-indicator-panel__cell-style:not(:last-child) {
  margin-right: 65px;
}

.status-indicator-panel__cell-style--bold {
  font-weight: 600;
}

.status-indicator-panel__icon-style {
  height: 8px;
  width: 8px;
  border-radius: 50%;
}
.progress-animation__bold-style {
  font-family: var(--font-second);
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: center;
}

.progress-animation__light-style {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}

.progress-img {
  width: 167px;
  height: 167px;
  margin: 0 auto;
  position: relative;
}
.progress-img .primary-button-styles button {
  padding: 4px 10px;
  height: 28px;
}
@media (min-width: 768px) {
  .progress-img {
    width: 220px;
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .progress-img {
    width: 320px;
    height: 320px;
  }
}

.progress-img__children-container {
  position: absolute;
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-animation__link-style button {
  padding: 0;
  background: none;
  border: none;
}
.bid-creation-page-body-style {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 1200px) {
  .bid-creation-page-body-style {
    flex-direction: row;
  }
}
.bid-creation-page-body-style .text-v2--size-promo-16 {
  text-transform: uppercase;
}

.bid-creation-page-body-style * {
  box-sizing: border-box;
}

@media (min-width: 1200px) {
  .bid-creation-page-body-style > div {
    width: 100%;
  }
}

.bid-creation-page-body-style > div:first-child {
  order: 2;
}
@media (min-width: 1200px) {
  .bid-creation-page-body-style > div:first-child {
    order: 1;
  }
}

.bid-creation-page-body-style > div:last-child {
  order: 1;
}
@media (min-width: 1200px) {
  .bid-creation-page-body-style > div:last-child {
    order: 2;
  }
}

.bid-creation-form-section-style {
  display: flex;
  gap: 32px;
  margin-bottom: 32px;
}

.bid-creation-form-section-style > div {
  width: 100%;
}

.bid-creation-form-heading-style {
  margin-bottom: 32px;
}
.offer-additional-info-style {
  display: flex;
  grid-gap: 24px;
}

.offer-additional-info__sell-style {
  display: flex;
  grid-gap: 10px;
}
@media (max-width: 500px) {
  .offer-additional-info__sell-style .text-v2--size-14-regular {
    font-size: 12px;
  }
}
.offer-info-style {
  display: flex;
  width: 100%;
  grid-gap: 32px;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 40px;
}

.offer-info-style > * {
  flex-grow: 1;
}

.offer-info-card-style {
  background-color: rgba(37, 38, 40, 0.4);
  padding: 12px 18px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  min-width: 160px;
  width: 100%;
  min-height: 120px;
}
@media (max-width: 1100px) {
  .offer-info-card-style {
    align-items: center;
  }
  .offer-info-card-style button {
    display: none;
  }
}

.offer-info-card__heading-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  .offer-info-card__heading-style {
    flex-direction: column-reverse;
    align-items: center;
    grid-gap: 12px;
  }
}

.offer-info-card__name-style {
  font-family: var(--font-second);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #BC401C;
  display: flex;
  gap: 5px;
}

.offer-info-card__name-style svg {
  margin-left: 3px;
  stroke: #BC401C;
}

.offer-info-card__value-style {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.01em;
  margin-top: 2px;
  margin-bottom: 8px;
}
.offer-info-card__value-style p {
  display: none;
}
@media (max-width: 768px) {
  .offer-info-card__value-style {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  .offer-info-card__value-style {
    text-align: left;
  }
  .offer-info-card__value-style p {
    display: block;
  }
}

.offer-info-card__additional-value-style {
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.01em;
}
.offer-info-card__additional-value-style span {
  opacity: 0.5;
}

@media (max-width: 500px) {
  .offer-info-card__icon-style {
    display: none;
  }
}

.offer-fnfo-card-row {
  display: flex;
  align-items: center;
}

.offer-fnfo-card-row button {
  padding: 0;
  background: none;
  border: none;
}

.offer-fnfo-card-row .text-v2 {
  margin-right: 4px;
}
.my-offer-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 12px;
  background: #BC401C;
  border-radius: 24px;
}
.offer-details-display {
  display: flex;
  flex-direction: column;
  gap: 36px;
  width: 100%;
}
@media (min-width: 1200px) {
  .offer-details-display {
    flex-direction: row;
    align-items: center;
    padding: 20px 20px 20px 24px;
    background: #0B0B0B;
    border-radius: 12px 180px 180px 12px;
  }
}
@media (min-width: 1200px) {
  .offer-details-display > div {
    width: 50%;
  }
}
.offer-details-display .currency-panel-cell-style {
  padding: 0 16px;
  height: 64px;
}
.offer-summary-style {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
@media (min-width: 768px) {
  .offer-summary-style {
    flex-direction: row;
  }
}

.offer-summary-style > div {
  width: 100%;
  flex-grow: 2;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .offer-summary-style > div {
    width: 50%;
  }
}

.create-offer-card-style {
  padding: var(--space-s);
  background-color: #1A1216;
  border-radius: 8px;
}

.create-offer-card-style--active {
  background-color: #591E0D;
}

.create-offer-card-row-style {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  margin-bottom: 3px;
}

.create-offer-card-row-style:last-child {
  margin-bottom: 0;
}

.create-offer-card-name-style {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #FFFFFF;
}

.create-offer-card-name-style b {
  color: var(--color-white);
  font-weight: 600;
}

.create-offer-card-value-style {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  text-align: right;
  color: #FFFFFF;
}

.from-curr-to-curr-named-style {
  display: flex;
  align-items: center;
  gap: 6px;
}
.create-offer-details-style {
  width: 100%;
  max-width: 743px;
  margin: var(--space-4xl) auto;
}

.details-heading-style {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.details-heading-style button {
  height: 32px;
  padding: 4px 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #BC401C;
  white-space: nowrap;
  background: none;
  border: none;
  cursor: pointer;
}

.details-heading-style button div {
  display: flex;
  align-items: center;
}

.details-heading-style button img {
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
}

@media (min-width: 768px) {
  .details-heading-left-style {
    padding-right: 40px;
  }
}

.details-from-to-style {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .details-from-to-style {
    flex-direction: row;
  }
}

.details-from-to-style .input-container-style {
  width: 100%;
  flex-grow: 2;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .details-from-to-style .input-container-style {
    width: 50%;
  }
}

.currency-panel-style img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.currency-panel-style--reversed .currency-panel-cell-style > div:first-child {
  order: 2;
  width: auto !important;
}
.currency-panel-style--reversed .currency-panel-cell-style > div:last-child {
  order: 1;
  width: 100%;
}

.currency-panel-cell-style {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  background: #1B1B1C;
  border-radius: 8px;
}

.details-board-sell-style {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #151516;
}

.details-board-sell-style .currency-icon-style {
  display: inline-flex;
  vertical-align: text-top;
}
.details-board-sell-style .currency-icon-style img {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.details-value-style {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.transaction-details-style {
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  padding-top: 20px;
}
@media (min-width: 768px) {
  .transaction-details-style {
    flex-direction: row;
  }
}

.transaction-details-style .input-container-style {
  flex: 0 0 33.33333%;
  box-sizing: border-box;
}

.transaction-details-style .active-step-display-style {
  flex-grow: 2;
  box-sizing: border-box;
}

.active-step-display-style > div:first-child {
  display: flex;
  gap: 20px;
  padding-top: 24px;
}

.active-step-display-style > div:first-child .submit-input-styles {
  width: 100%;
  box-sizing: border-box;
}

.active-step-display-style > div:first-child input {
  height: 48px;
}
.details-heading-link {
  display: flex;
  gap: 9px;
  color: #BC401C;
}
.create-offer-form-primary-style {
  box-sizing: border-box;
  padding-top: var(--space-xl);
  padding-bottom: var(--space-xl);
  padding-left: var(--space-l);
  padding-right: var(--space-l);
}

.primary-form-heading-style {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .primary-form-heading-style {
    margin-bottom: 19px;
  }
}
@media (min-width: 1400px) {
  .primary-form-heading-style {
    margin-bottom: 24px;
  }
}

.primary-form-heading-style h3 {
  margin-bottom: 4px;
  font-family: var(--font-second);
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 768px) {
  .primary-form-heading-style h3 {
    font-size: 18px;
    line-height: 24px;
  }
}

.pimary-form-down-arrow-style {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: -64px;
  background: #000000;
  border-radius: 50%;
}
.seconary-form-container-style {
  padding: var(--space-m);
  padding-top: var(--space-2xl);
  padding-bottom: var(--space-l);
  background: #2A2A2C;
}

.seconary-form-row-style {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .seconary-form-row-style {
    flex-direction: row;
  }
}

.seconary-form-row-style > div {
  flex-grow: 2;
  width: 100%;
  box-sizing: border-box;
}

.seconary-form-submit-area-style {
  padding-top: var(--space-l);
  padding-bottom: var(--space-l);
  padding-left: var(--space-l);
  padding-right: var(--space-l);
  background: #0D0411;
  border-radius: 0 0 16px 16px;
}

.seconary-form-submit-area-style input {
  margin-top: var(--space-l);
}

.seconary-form-section-style {
  display: flex;
  flex-direction: column;
  gap: var(--space-l);
}
.create-offer-steps-style {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  margin-bottom: 32px;
}
@media (min-width: 1200px) {
  .create-offer-steps-style {
    overflow: hidden;
    margin-bottom: 36px;
  }
}

.create-offer-steps-style__body {
  display: flex;
  gap: 16px;
}
@media (min-width: 1200px) {
  .create-offer-steps-style__body {
    gap: 32px;
  }
}
.create-offer-step-style {
  /* 2 Block model */
  display: flex;
  column-gap: var(--space-s);
  padding: var(--space-l);
  box-sizing: border-box;
  width: 319px;
  flex: 0 0 319px;
  /* 4 Visual */
  background: rgba(37, 38, 40, 0.2);
  border-radius: var(--border-radius-m);
}
@media (min-width: 768px) and (max-width: 1190px) {
  .create-offer-step-style {
    width: 344px;
    flex: 0 0 344px;
  }
}
@media (min-width: 1200px) {
  .create-offer-step-style {
    width: auto;
    flex: 1 1 auto;
  }
}

.create-offer-step-style__number {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 36px;
  width: var(--create-offer-step-style-number-width);
  height: var(--create-offer-step-style-number-height);
  margin-bottom: var(--space-xs);
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-dark-300);
}
@media (min-width: 1200px) {
  .create-offer-step-style__number {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .create-offer-step-style__number .text-v2--size-promo-20 {
    font-size: 24px;
  }
}

.create-offer-step-style__body {
  opacity: 0.4;
}

.create-offer-step-style__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
}
@media (min-width: 1200px) {
  .create-offer-step-style__title {
    /* 2 Block model */
    margin-bottom: 0;
  }
}

.create-offer-step-style--active {
  /* 4 Visual */
  background: rgba(37, 38, 40, 0.5);
}

.create-offer-step-style--active .create-offer-step-style__body {
  opacity: 1;
}

.create-offer-step-style--active .create-offer-step-style__number {
  background: linear-gradient(103.4deg, #FF6639 11.82%, #7E25B5 89.19%);
}

.create-offer-step-style--active .create-offer-step-style__number .text-v2--size-promo-20 {
  color: var(--color-white);
}

.create-offer-step-style--active .text-v2--size-14-regular {
  opacity: 0.6;
}
.convert-currency-panel {
  display: flex;
  align-items: center;
  padding: 0 16px;
  height: 64px;
  gap: 10px;
  background-color: #191A1C;
  border-radius: 8px;
}
.convert-currency-panel .currency-icon-style img {
  margin-right: 10px;
}
.dashboard-tab {
  position: relative;
  padding-bottom: 20px;
  cursor: pointer;
}

.dashboard-tab--active::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  background: linear-gradient(103.4deg, #FF6639 11.82%, #7E25B5 89.19%);
}
svg {
  padding-left: 4px;
}

.filed-icon__filled {
  stroke-width: 4px;
  transform-origin: center;
  transform: rotate(270deg) scale(0.7);
}

.filed-icon__empty {
  stroke: grey;
  stroke-width: 4px;
  transform-origin: center;
  transform: rotate(270deg) scale(0.7);
}
.text-input-styles {
  /* 2 Block model */
  width: 100%;
  /* 4 Visual */
  outline: none;
}

.text-input-styles:active {
  /* 2 Block model */
  background-color: red;
}

.text-input-styles__body {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  gap: var(--space-xs);
  padding: var(--space-4xs) var(--space-s);
  min-height: var(--text-input-styles-body-height);
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-2xs);
  background-color: transparent;
  /* 5 Animation */
  transition: all 0.4s;
}

.text-input-text-input-styles__body--badValue {
  /* 2 Block model */
  border-color: var(--color-red-300);
}

.text-input-styles__body--reversed {
  flex-direction: row-reverse;
}

.text-input-styles__input {
  /* 2 Block model */
  width: 100%;
  padding: 0;
  margin: 0;
  flex: 1 1 auto;
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  font-weight: normal;
  line-height: var(--line-height-xl);
  color: var(--color-white);
  /* 4 Visual */
  border: none;
  background: none;
  outline: none;
}

.text-input-styles__input::-webkit-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
}

.text-input-styles__input::-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.text-input-styles__input:-moz-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
  /* 4 Visual */
  opacity: 1;
}

.text-input-styles__input:-ms-input-placeholder {
  /* 3 Typography */
  color: var(--color-dark-50);
  text-overflow: ellipsis;
}

.text-input-styles__input[placeholder] {
  /* 3 Typography */
  text-overflow: ellipsis;
}

.text-input-styles__right-cell {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.text-input-styles__right-cell button {
  /* padding: 0;
  margin: 0;

  background: none;
  border: none; */
}

.text-input-styles:hover .text-input-styles__body {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-100);
}

.text-input-styles:focus .text-input-styles__body {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-100);
}

.text-input-styles:active {
  /* 4 Visual */
  background-color: transparent;
}

.text-input-styles:active .text-input-styles__body {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-dark-100);
}

.text-input-styles__content {
  flex-grow: 2;
  display: flex;
  align-items: center;
}

.text-input-styles__content .text-v2 {
  flex-grow: 2;
  margin-left: 4px;
}

.text-input-styles__content input:not(:last-child) {
  width: 26px;
  flex: 0 0 26px;
}

input[type=time]::-webkit-calendar-picker-indicator {
  display: none;
}

.submit-input-styles input {
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  column-gap: var(--space-xs);
  justify-content: center;
  width: 100%;
  height: var(--btn-height-xl);
  padding: 0 var(--space-xl);
  margin: 0;
  /* 3 Typography */
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  word-break: keep-all;
  font-family: var(--font-second);
  color: inherit;
  /* 4 Visual */
  cursor: pointer;
  user-select: none;
  border: var(--border-width-s) solid transparent;
  background: var(--color-orange-500) border-box;
  border-radius: var(--border-radius-2xs);
  outline: none;
  transition: all var(--transition) ease;
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.submit-input-styles input:hover {
  /* 4 Visual */
  /* background: var(--color-orange-300) border-box; */
  border: var(--border-width-s) solid transparent;
}

.submit-input-styles input:focus {
  /* 4 Visual */
  background: var(--gradient-bright-orange);
  border: var(--border-width-s) solid var(--color-orange-50);
}

.submit-input-styles input:active {
  /* 4 Visual */
  background: var(--color-orange-200);
  border: var(--border-width-s) solid var(--color-orange-200);
}

.submit-input-styles input:disabled {
  /* 4 Visual */
  border-color: transparent;
  cursor: default;
  background-color: var(--color-dark-200);
  border: var(--border-width-0);
  background: #151516;
}

.submit-input-styles .text-v2 {
  /* 3 Typography */
  text-transform: uppercase;
}

.submit-input-styles--disabled input {
  background: #151516;
  cursor: default;
}

.submit-input-styles--disabled {
  color: #333333;
}

.radio-button-styles {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.radio-button-styles__input[type=radio] {
  /* 2 Block model */
  display: none;
}

.radio-button-styles__input[type=radio] + .radio-button-styles__visual {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: var(--space-2xs) var(--space-3xs);
  margin: 0;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  cursor: pointer;
  background-color: var(--color-dark-900);
  border-radius: var(--border-radius-3xs);
  outline: none;
  /* 5 Animation */
  transition: var(--transition);
}

.radio-button-styles__visual::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-3xs);
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-0);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.radio-button-styles__input[type=radio]:checked + .radio-button-styles__visual::before {
  /* 4 Visual */
  opacity: var(--opacity-100);
}

.radio-button-styles__text > * {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.radio-button-styles:hover .radio-button-styles__text > * {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.tumbler-button-styles {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: flex;
  align-items: center;
}

.tumbler-button-styles__wrapper {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: inline-flex;
  justify-content: center;
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: var(--space-2xs) var(--space-3xs);
  margin: 0;
  /* 3 Typography */
  text-align: center;
  /* 4 Visual */
  cursor: pointer;
  background-color: var(--color-dark-800);
  border-radius: var(--border-radius-3xs);
  outline: none;
  /* 5 Animation */
  transition: var(--transition);
}

.tumbler-button-styles__wrapper::before {
  /* 1 Positioning */
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: -1;
  /* 4 Visual */
  content: "";
  border-radius: var(--border-radius-3xs);
  background: var(--gradient-bright-orange);
  opacity: var(--opacity-0);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.tumbler-button-styles.rb.active .tumbler-button-styles__wrapper::before {
  /* 4 Visual */
  opacity: var(--opacity-100);
}

.tumbler-button-styles__wrapper > * {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.tumbler-button-styles:hover .tumbler-button-styles__wrapper > * {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.tumbler-container-styles {
  /* 1 Positioning */
  position: relative;
  z-index: var(--z-index-10);
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
  align-self: flex-start;
  column-gap: var(--space-4xs);
  padding: var(--space-3xs);
  /* 4 Visual */
  border-radius: var(--border-radius-2xs);
  background-color: var(--color-dark-800);
}

.tumbler-container-styles > div {
  /* 2 Block model */
  flex-grow: 2;
  width: 50%;
}

.input-nested-tumbler-style > div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.input-nested-tumbler-style button {
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  color: #BC401C;
  background: none;
  border: none;
  cursor: pointer;
}

.input-nested-tumbler-style button[aria-pressed=true] {
  padding: 2px 4px;
  background: rgba(188, 64, 28, 0.2);
  border-radius: 4px;
}

.input-container-style {
  width: 100%;
}

.input-container-style .text-v2 b {
  color: var(--color-white);
  font-weight: 600;
}

.input-container-style .text-v2--size-14-regular span {
  font-weight: 600;
  color: #FFFFFF;
}

.react-select-container .regular-select__control {
  height: 48px;
  background: none;
  border: 2px solid #686A6E;
  border-radius: 8px;
  box-shadow: none;
  cursor: pointer;
}

.react-select-container .regular-select__control:hover {
  border: 2px solid #94969A;
}

.regular-select__control .regular-select__single-value {
  position: relative;
  /* &::before {
  	position: absolute;
  	top: 50%;
  	left: 0;

  	display: block;
  	width: 10px;
  	height: 10px;

  	content: '';
  	background: #BC401C;
  	border-radius: 50%;

  	transform: translateY(-50%);
  } */
}

.regular-select__control .regular-select__indicator {
  padding: 0;
  margin-right: 6px;
  transform: scale(0.8);
}

.regular-select__control--menu-is-open .regular-select__indicator {
  transform: rotate(180deg) scale(0.8);
}

.react-select-container .regular-select__indicator-separator {
  display: none;
}

.react-select-container .regular-select__value-container {
  display: flex;
}

.react-select-container .regular-select__menu {
  background: #2A2A2C;
}

.react-select-container .regular-select__option {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  border-left: 2px solid transparent;
}

.react-select-container .regular-select__option:hover,
.react-select-container .regular-select__option--is-focused,
.react-select-container .regular-select__option--is-selected {
  background: #353537;
  border-left: 2px solid #BC401C;
  cursor: pointer;
}

.react-select-container .regular-select__single-value,
.regular-select__menu-list .regular-select__option {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #FFFFFF;
}

.react-select-container .regular-select__single-value img,
.regular-select__menu-list .regular-select__option img {
  display: block;
  width: 24px;
  height: 24px;
}

.react-select-otc-search {
  width: 100px;
  flex-grow: 2;
  background: #171717;
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .react-select-otc-search {
    max-width: 283px;
  }
}

.react-select-otc-search .regular-select__control,
.react-select-otc-search .regular-select__control:hover {
  border: none;
}
@media (max-width: 1199px) {
  .react-select-otc-search .regular-select__control,
.react-select-otc-search .regular-select__control:hover {
    height: 40px;
  }
}

.react-select-otc-search .react-select-otc-search-icon {
  margin-left: 16px;
}

.react-select-otc-search .regular-select__dropdown-indicator {
  display: none;
}

.regular-select__placeholder {
  display: flex;
  align-items: center;
  gap: 4px;
}
.regular-select__placeholder > div {
  display: flex;
}

body .regular-select__input-container {
  color: white;
}

.calendar-input-style {
  position: absolute;
  z-index: 9;
  margin-top: 10px;
  width: 100%;
  max-width: 280px;
  font-family: "Inter";
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
}
.calendar-input-style button {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  background: none;
  border: none;
  cursor: pointer;
}
.calendar-input-style .react-calendar {
  background: #2A2A2C;
  border-radius: 8px;
}
.calendar-input-style .react-calendar__navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 42px;
  border-bottom: 1px solid #4F4F52;
}
.calendar-input-style .react-calendar__navigation__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 20px;
  color: #BC401C;
}
.calendar-input-style .react-calendar__month-view,
.calendar-input-style .react-calendar__year-view__months,
.calendar-input-style .react-calendar__decade-view__years,
.calendar-input-style .react-calendar__century-view__decades {
  max-width: 206px;
  margin: 0 auto;
  padding-top: 16px;
  padding-bottom: 24px;
}
.calendar-input-style .react-calendar__month-view__weekdays > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  opacity: 0.5;
}
.calendar-input-style .react-calendar__month-view__weekdays abbr {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}
.calendar-input-style .react-calendar__month-view__days button,
.calendar-input-style .react-calendar__year-view__months button,
.calendar-input-style .react-calendar__decade-view__years button,
.calendar-input-style .react-calendar__century-view__decades button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  opacity: 1;
  transition: all 0.4s;
}
.calendar-input-style .react-calendar__month-view__days button:hover,
.calendar-input-style .react-calendar__year-view__months button:hover,
.calendar-input-style .react-calendar__decade-view__years button:hover,
.calendar-input-style .react-calendar__century-view__decades button:hover {
  opacity: 0.5;
  transition: all 0.4s;
}
.calendar-input-style .react-calendar__century-view__decades button {
  text-align: left;
}

.react-select-container--flat .regular-select__control {
  background: #24252D;
  border: none;
}

.react-select-container--flat .regular-select__control:hover {
  border: none;
}
.checkbox-styles {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  /* 6 Misc */
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.checkbox-styles label {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  display: flex;
  align-items: center;
  min-height: var(--checkbox-styles-height-m);
  column-gap: var(--space-2xs);
  /* 3 Typography */
  font-family: var(--font-main);
  font-size: var(--font-size-14);
  font-weight: normal;
  line-height: var(--line-height-xl);
  color: var(--color-dark-50);
  /* 4 Visual */
  cursor: pointer;
}

.checkbox-styles__content {
  /* 2 Block model */
  display: inline-flex;
  align-self: flex-start;
}

.checkbox-styles input[type=checkbox] {
  /* 1 Positioning */
  position: absolute;
  /* 2 Block model */
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.checkbox-styles input[type=checkbox] + .checkbox-styles__visual {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 0 var(--checkbox-styles-width-m);
  width: var(--checkbox-styles-width-m);
  height: var(--checkbox-styles-height-m);
  /* 4 Visual */
  background-color: var(--color-dark-300);
  border: var(--border-width-s) solid var(--color-dark-200);
  border-radius: var(--border-radius-4xs);
  /* 5 Animation */
  transition: all var(--transition);
}

.checkbox-styles input[type=checkbox]:checked + .checkbox-styles__visual {
  /* 4 Visual */
  border: var(--border-width-s) solid var(--color-orange-500);
  background-color: var(--color-orange-500);
}

.checkbox-styles input[type=checkbox]:checked + .checkbox-styles__visual::before {
  /* 1 Positioning */
  position: absolute;
  top: 50%;
  left: 50%;
  /* 2 Block model */
  display: block;
  width: var(--checkbox-styles-width-before);
  height: var(--checkbox-styles-height-before);
  /* 4 Visual */
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.56225 3.1875L4.40601 8.34375L2.06226 6%22 stroke%3D%22white%22 stroke-width%3D%221.4%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate(-50%, -50%);
}

.checkbox-styles input[type=checkbox]:hover + .checkbox-styles__visual {
  /* 4 Visual */
  background-color: var(--color-dark-800);
  border: var(--border-width-s) solid var(--color-orange-800);
}

/* .checkbox-styles input[type="checkbox"]:active + .checkbox-styles__visual {
	background-color: var(--color-dark-800);
	border: var(--border-width-s) solid var(--color-orange-800);
}
.checkbox-styles input[type="checkbox"]:focus + .checkbox-styles__visual {
	background-color: var(--color-dark-800);
	border: var(--border-width-s) solid var(--color-orange-800);
} */
.page-heading-styles {
  /* 1 Positioning */
  position: relative;
  /* 2 Block model */
  padding-top: var(--space-xl);
  margin-bottom: var(--space-l);
}
@media (min-width: 768px) {
  .page-heading-styles {
    /* 2 Block model */
    margin-bottom: var(--space-xl);
  }
}

.page-heading-styles div:first-child {
  /* 2 Block model */
  align-items: center;
}

.page-heading-styles .page-title-style {
  margin-bottom: var(--space-2xs);
}

.page-heading-styles .create-offer-steps-style {
  margin-top: var(--space-xl);
}

.heading-icon-styles {
  /* 2 Block model */
  display: flex;
}

.heading-icon-styles__button {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
  margin: 0;
  padding: 0;
  /* 4 Visual */
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.heading-icon-styles__button:hover {
  /* 4 Visual */
  opacity: var(--opacity-70);
}

.heading-icon-styles__button > * {
  /* 2 Block model */
  display: inline-flex;
  align-items: center;
  gap: var(--space-2xs);
}

.heading-icon-styles__news-icon {
  /* 2 Block model */
  display: flex;
  align-items: center;
  gap: var(--space-2xs);
}

.heading-icon-styles__news-icon .img-styles {
  /* 2 Block model */
  width: var(--img-icon-s);
}

@media (max-width: 767px) {
  .heading-icon-styles span {
    font-size: 0;
    line-height: 0;
  }
}
.banner-styles {
  /* 2 Block model */
  display: flex;
  align-items: flex-end;
  flex-direction: row;
  padding-left: 20px;
  width: 100%;
  /* 4 Visual */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: var(--border-radius-s);
  background-color: var(--color-dark-900);
  overflow: hidden;
}

.banner-styles__title {
  /* 2 Block model */
  margin-bottom: var(--space-3xs);
  padding-top: 24px;
}
@media (min-width: 768px) {
  .banner-styles__title {
    /* 2 Block model */
    margin-bottom: var(--space-3xs);
  }
}

.banner-styles__desc {
  /* 2 Block model */
  margin-bottom: var(--space-xs);
  opacity: 0.7;
}
@media (min-width: 768px) {
  .banner-styles__desc {
    /* 2 Block model */
    margin-bottom: var(--space-2xs);
  }
}

.banner-styles__link .text-v2 {
  padding-bottom: 24px;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.banner-styles__link .text-v2:hover {
  /* 3 Typography */
  color: #FFFFFF;
}

.banner-styles--promo-1 {
  /* 4 Visual */
}
@media (min-width: 768px) {
  .banner-styles--promo-1 {
    /* 4 Visual */
    background-position: right;
  }
}

.banner-styles--bg-blue {
  background-image: none;
  background: linear-gradient(72.44deg, #05C6C6 0%, #C4517A 100%);
}

.banner-styles--bg-orange {
  background-image: none;
  background: linear-gradient(112.75deg, rgba(188, 64, 28, 0.15) 15.78%, rgba(245, 0, 0, 0.0795) 86.13%);
}
@media (max-width: 767px) {
  .banner-img {
    display: none;
  }
}
.banner-img img {
  display: block;
  width: 100%;
}
.footer-styles {
  /* 2 Block model */
  display: none;
}
@media (min-width: 1200px) {
  .footer-styles {
    /* 2 Block model */
    display: block;
    width: 100%;
    max-width: 1470px;
    margin: 0 auto;
    padding: var(--space-5xl) var(--space-m);
    box-sizing: border-box;
  }
}

.footer-styles .row-styles:first-child .column-styles:first-child {
  /* 2 Block model */
  width: auto;
  flex-grow: 0;
}

.footer-styles .row-styles:first-child .column-styles:last-child {
  /* 2 Block model */
  align-items: flex-end;
  align-self: flex-start;
  row-gap: var(--space-l);
}
@media (min-width: 992px) {
  .footer-styles .row-styles:first-child .column-styles:last-child {
    /* 2 Block model */
    row-gap: var(--space-xl);
  }
}

.footer-styles .row-styles:first-child .column-styles:last-child .row-styles {
  /* 2 Block model */
  justify-content: flex-end;
}

.mobile-footer-style {
  /* 1 Positioning */
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-index-500);
  /* 4 Visual */
  background-color: var(--color-dark-950);
  border-top: var(--border-width-xs) solid var(--color-dark-700);
}
@media (min-width: 768px) {
  .mobile-footer-style {
    /* 2 Block model */
    justify-content: center;
    column-gap: var(--space-3xl);
  }
}
@media (min-width: 1200px) {
  .mobile-footer-style {
    /* 2 Block model */
    display: none;
  }
}

.mobile-footer-style > div {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: var(--space-s);
  padding-left: var(--space-xs);
  padding-right: var(--space-xs);
  column-gap: var(--space-xs);
  width: 100%;
  max-width: 588px;
  margin: 0 auto;
}

.mobile-footer-button-style button {
  /* 2 Block model */
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  row-gap: var(--space-3xs);
  padding: 0;
  margin: 0;
  /* 3 Typography */
  font-family: inherit;
  color: var(--color-dark-200);
  /* 4 Visual */
  outline: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.mobile-footer-button-style .icon {
  /* 4 Visual */
  stroke: var(--color-dark-200);
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.mobile-footer-button-style .icon--fill-dark-200 {
  /* 4 Visual */
  stroke: none;
}

.mobile-footer-button-style:hover button {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.mobile-footer-button-style:hover .icon {
  /* 3 Typography */
  stroke: var(--color-orange-500);
}

.mobile-footer-button-style:hover .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-orange-500);
  stroke: none;
}

.mobile-footer-button-style--active button {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.mobile-footer-button-style--active .icon {
  /* 3 Typography */
  stroke: var(--color-orange-500);
}

.mobile-footer-button-style--active .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-orange-500);
  stroke: none;
}

.mobile-footer-button-style--active button {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.mobile-footer-button-style--active .icon--fill-dark-200 {
  /* 3 Typography */
  fill: var(--color-orange-500);
  stroke: none;
}

.footer-link-styles {
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.footer-link-styles:hover > * {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.footer-link-styles .text-v2 {
  /* 3 Typography */
  white-space: nowrap;
  word-break: keep-all;
  /* 5 Animation */
  transition: all var(--transition) ease;
}
.page-pagination-styles {
  /* 2 Block model */
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: var(--space-m);
  padding-top: 12px;
}
@media (min-width: 768px) {
  .page-pagination-styles {
    /* 2 Block model */
    column-gap: var(--space-2xs);
  }
}
@media (min-width: 1200px) {
  .page-pagination-styles {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #2A2A2C;
  }
}

.page-pagination-styles__button button {
  /* 2 Block model */
  display: inline-flex;
  margin: 0;
  padding: 0;
  /* 3 Typography */
  font-family: inherit;
  color: currentColor;
  font-size: inherit;
  line-height: inherit;
  /* 4 Visual */
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}

.page-pagination-styles__button .text-v2 {
  /* 4 Visual */
  cursor: pointer;
}

.page-pagination-styles .text-v2 {
  /* 5 Animation */
  transition: all var(--transition) ease;
}

.page-pagination-styles .text-v2:hover {
  /* 3 Typography */
  color: var(--color-orange-500);
}

.page-pagination-styles__number {
  /* 2 Block model */
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--paginations-item-width-m);
  height: var(--paginations-item-width-m);
  /* 4 Visual */
  cursor: pointer;
  /* 5 Animation */
  transition: all var(--transition);
}

.page-pagination-styles__number--current {
  /* 4 Visual */
  border-radius: var(--border-radius-full);
  background-color: var(--color-orange-500);
}

.page-pagination-styles__number--current .text-v2 {
  /* 3 Typography */
  color: var(--color-white);
}

.page-pagination-styles__number--current:hover .text-v2 {
  /* 3 Typography */
  color: var(--color-orange-900);
}
.referral-page-display {
  padding: 16px 0;
  margin-bottom: 32px;
  background: #0B0B0B;
  border-radius: 12px;
}
@media (min-width: 768px) {
  .referral-page-display {
    padding: 32px 0;
  }
}

.referral-page-display__header {
  padding-bottom: 12px;
  margin: 0 16px;
  border-bottom: 1px solid #4B1C08;
}
@media (min-width: 768px) {
  .referral-page-display__header {
    padding: 32px;
    padding-top: 0;
    margin: 0;
  }
}
.referral-page-display__header .text-input-styles__body,
.referral-page-display__header .text-input-styles__body:hover,
.referral-page-display__header .text-input-styles:hover .text-input-styles__body {
  min-height: 40px;
  border: none;
  background-color: #171717;
}

.referral-page-display__body {
  position: relative;
  padding: 12px 16px 0 16px;
  min-height: 306px;
}
@media (min-width: 768px) {
  .referral-page-display__body {
    padding: 24px 32px 0 32px;
    min-height: 388px;
  }
}
.referral-page-display__body .section-popup-style button {
  max-width: 240px;
}

.referral-page-display__footer {
  position: relative;
  padding: 0 16px 0 16px;
  margin-top: 12px;
}
.referral-page-display__footer .page-pagination-styles {
  margin: 0;
  padding: 0;
  border: none;
}

.referral-page-display__footer .react-select-container {
  display: none;
}
@media (min-width: 768px) {
  .referral-page-display__footer .react-select-container {
    position: absolute;
    top: 50%;
    right: 32px;
    display: block;
    transform: translateY(-50%);
  }
}
.referral-page-display__footer .react-select-container .regular-select__control {
  height: 32px;
  min-height: 32px;
}
.referral-page-display__footer .react-select-container .regular-select__indicators {
  height: 28px;
}
.tooltip-v2 {
  position: relative;
  padding: 16px 20px;
  margin-top: 8px;
  color: white;
  background-color: #686A6E;
  border-radius: 6px;
}
.create-offer-form-style {
  position: relative;
  width: 100%;
  max-width: 790px;
  margin: 0 auto;
  padding: 3px;
  box-sizing: border-box;
  margin-top: var(--space-2xl);
  margin-bottom: var(--space-2xl);
  background: linear-gradient(151.47deg, #8A67FF -7.28%, #49D4FF 29.09%, #FE673C 65.78%, #A6498F 107.39%);
  border-radius: 16px;
}

.create-offer-form-style__body {
  background: var(--color-black);
  border-radius: 16px;
}