:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.Loading{display:flex;align-items:center;justify-content:center;width:100%}.Loading-wrap{position:relative;width:100%;max-width:600px;height:36px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.Loading-wrap>div{position:absolute;width:20px;height:36px;opacity:0;animation:move 2s linear infinite;transform:rotate(180deg);color:var(--loading-color)}.Loading-wrap>div:nth-child(2){animation-delay:.2s}.Loading-wrap>div:nth-child(3){animation-delay:.4s}.Loading-wrap>div:nth-child(4){animation-delay:.6s}.Loading-wrap>div:nth-child(5){animation-delay:.8s}.Loading-wrap>div:nth-child(6){animation-delay:1s}.Loading-wrap>div:nth-child(7){animation-delay:1.2s}.Loading-circle{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes move{0%{left:0;opacity:0}35%{left:41%;transform:rotate(0deg);opacity:1}65%{left:59%;transform:rotate(0deg);opacity:1}100%{left:100%;transform:rotate(-180deg);opacity:0}}
:root{--color-main: #1a84ff;--color-main-bg: rgba(26, 132, 255, 0.08);--color-accent: #b6e109;--color-accent-bg: rgba(182, 225, 9, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.08);--color-yellow: #ffd82c;--color-yellow-bg: rgba(255, 216, 44, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(136, 160, 51, 0.08);--color-white: #fff;--color-black: #000;--color-text: #181818;--color-secondary: #656565;--color-inverse: #fff;--color-text-primary: #151515;--background-main: #f0f0f0;--background-2lvl: #ffffff;--background-gray: rgba(0, 0, 0, 0.03);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(101, 101, 101, 0.1);--button-blue: #1a84ff;--button-gray: rgba(0, 0, 0, 0.03);--button-dark: #181818;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #181818;--button-dark-color: #fff;--button-backdrop-filter: blur(15px);--input-bg: rgba(0, 0, 0, 0.03);--input-placeholder: #656565;--input-color: #181818;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #281717;--input-focus-label-color: #1a84ff;--divider: rgba(101, 101, 101, 0.3);--modal-stroke: rgba(0, 0, 0, 0.08);--color-text-secondary: #656565;--color-primary-add-btn: rgba(26, 132, 255, 0.08);--color-red-atention: #ae1818;--preview-card-bg: #f8f8f8;--fill-star: rgba(0, 0, 0, 0.03);--rt-color-white-app: #f0f0f0;--rt-color-dark-app: #ffffff;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #ffffff;--pwa-theme-color: #181818;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.08) 20%, rgba(0, 0, 0, 0.12) 50%, rgba(0, 0, 0, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.dark{--color-main: #1a84ff;--color-main-bg: rgba(36, 128, 235, 0.1);--color-accent: #b6e109;--color-accent-bg: rgba(#b6e109, 0.08);--color-red: #f53e2a;--color-red-bg: rgba(245, 62, 42, 0.1);--color-yellow: #ffd82c;--color-yellow-bg: rgba(#ffd82c, 0.08);--color-green: #8bab1a;--color-green-bg: rgba(#8bab1a, 0.08);--color-white: #fff;--color-black: #000;--color-text: #ffffff;--color-secondary: #959595;--color-inverse: #030303;--color-text-primary: #ffffff;--background-main: #161616;--background-2lvl: #202020;--background-gray: rgba(255, 255, 255, 0.05);--background-fade: rgba(0, 0, 0, 0.3);--border: rgba(149, 149, 149, 0.1);--button-blue: #2480eb;--button-gray: rgba(255, 255, 255, 0.05);--button-dark: #fff;--button-green: rgba(182, 225, 9, 0.08);--button-gray-color: #fff;--button-dark-color: #030303;--button-backdrop-filter: blur(0);--input-bg: rgba(255, 255, 255, 0.05);--input-placeholder: #959595;--input-color: #fff;--input-label-color: #656565;--input-err-bg: rgba(245, 62, 42, 0.08);--input-err-color: #f53e2a;--input-err-label-color: #f53e2a;--input-focus-bg: rgba(36, 128, 235, 0.1);--input-focus-color: #fff;--input-focus-label-color: #1a84ff;--divider: rgba(149, 149, 149, 0.3);--modal-stroke: rgba(255, 255, 255, 0.08);--color-text-secondary: #959595;--color-primary-add-btn: rgba(36, 128, 235, 0.1);--preview-card-bg: #2e2e2e;--fill-star: rgba(255, 255, 255, 0.03);--rt-color-white-app: #161616;--rt-color-dark-app: #202020;--rt-color-success-app: rgba(136, 160, 51, 0.08);--rt-color-error-app: rgba(245, 62, 42, 0.08);--rt-color-warning-app: rgba(255, 216, 44, 0.08);--rt-color-info-app: rgba(26, 132, 255, 0.08);--rt-opacity-app: 1;--pwa-background: #202020;--pwa-theme-color: #ffffff;--placeholder-bg-gradient: linear-gradient( 90deg, var(--background-gray) 25%, var(--background-gray) 50%, var(--background-gray) 75% );--placeholder-shimmer-light: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-shimmer-item: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.08) 20%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.08) 80%, transparent 100% );--placeholder-shimmer-price: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100% );--placeholder-pulse-duration: 1.8s;--placeholder-shimmer-duration: 2.2s}.Button,.Button svg path{transition:all .5s ease}.Button{display:inline-flex;text-align:center;align-items:center;justify-content:center;padding:5px 12px;border-radius:14px;position:relative;font-family:var("--font-roboto-flex");font-size:16px;font-style:normal;font-weight:600;line-height:22px}.Button_blue{background-color:var(--button-blue);color:var(--color-white)}.Button_blue:hover{background-color:var(--button-blue);color:var(--color-white)}.Button_green{color:var(--color-green);background-color:var(--button-green);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_green:hover{color:var(--color-green);background-color:var(--button-green)}.Button_gray{background-color:var(--button-gray);color:var(--button-gray-color);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_gray:hover{background-color:var(--button-gray);color:var(--button-gray-color)}.Button_dark{background-color:var(--button-dark);color:var(--button-dark-color);-webkit-backdrop-filter:var(--button-backdrop-filter);backdrop-filter:var(--button-backdrop-filter)}.Button_dark:hover{background-color:var(--button-dark);color:var(--button-dark-color)}.Button_outline{border:1px solid var(--modal-stroke);color:var(--color-secondary)}.Button_fluid{width:100%}.Button_xxl{min-height:50px;padding:5px 14px}.Button_xl{min-height:42px}.Button_lg{min-height:38px}.Button_md{min-height:36px}.Button_sm{border-radius:10px;min-height:34px;padding:8px 12px;font-size:12px;line-height:18px}.Button_icon{min-width:42px;gap:4px}@media(max-width: 768px){.Button_icon{padding:8px}}.Button_loading{position:relative}.Button_loading svg{margin:0}.Button:active{transform:scale(0.98)}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
