a {
  color: black;
  text-decoration: none;
}
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: none;
}
.bottle {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background-color: #759951;
  font-family: Arial, Helvetica, sans-serif;
  overflow: hidden;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  -webkit-overflow-scrolling: auto;
  -webkit-tap-highlight-color: transparent;
}
.text-format {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.absolute-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
:root {
  --background-brand: #99cc33;
  --background-info: #187ce7;
  --background-danger: #e03d1f;
  --background-neutral: #c7c7c7;
  --background-neutral-light: #ffffff;
  --background-neutral-subtle-light: #f2f2f2;
  --background-highlight-subtle: #fffbe6;
  --background-highlight: #fff7a3;
  --background-progress: #ffb70f;
  --background-brand-pressed: #7dab21;
  --background-info-pressed: #0d6bce;
  --background-danger-pressed: #ca3216;
  --background-mask: rgba(0, 0, 0, 0.05);
  --background-brand-hover: #89b927;
  --background-info-hover: #1375dd;
  --background-danger-hover: #d5371a;
  --background-transparent: rgba(255, 255, 255, 0);
  --background-fade: rgba(0, 0, 0, 0.2);
  --background-brand-hover-2: #89b927;
  --background-brand-pressed-2: #7dab21;
  --background-brand-hover-3: #89b927;
  --background-brand-pressed-3: #7dab21;
  --background-progress-empty: rgba(0, 0, 0, 0.12);
  --background-popover: rgba(0, 0, 0, 0.75);
  --background-neutral-pressed: #b2b2b2;
  --background-neutral-hover: #bdbdbd;
  --background-hint: rgba(0, 0, 0, 0.3);
  --background-fade-heart: #ae2b13;
  --background-fade-token: #f63f29;
  --background-transparent-one: rgba(255, 255, 255, 0.01);
  --stroke-brand: #99cc33;
  --stroke-info: #187ce7;
  --stroke-danger: #e03d1f;
  --stroke-neutral: #c7c7c7;
  --stroke-brand-pressed: #7dab21;
  --stroke-info-pressed: #0d6bce;
  --stroke-danger-pressed: #ca3216;
  --stroke-neutral-light: #ffffff;
  --stroke-brand-hover: #89b927;
  --stroke-info-hover: #1375dd;
  --stroke-danger-hover: #d5371a;
  --stroke-neutral-hover: #bdbdbd;
  --stroke-neutral-pressed: #b2b2b2;
  --stroke-brand-light: #c2e085;
  --stroke-mild: rgba(255, 255, 255, 0.75);
  --text-neutral-dark: #000000;
  --text-neutral-light: #ffffff;
  --text-brand: #99cc33;
  --text-info: #187ce7;
  --text-danger: #e03d1f;
  --text-highlight: #ef6565;
  --text-neutral-hover: #bdbdbd;
  --text-neutral-subtle: #d9d9d9;
  --text-neutral: #c7c7c7;
  --text-neutral-pressed: #b2b2b2;
  --text-brand-pressed: #7dab21;
  --text-info-pressed: #0d6bce;
  --text-danger-pressed: #ca3216;
  --text-brand-hover: #89b927;
  --text-info-hover: #1375dd;
  --text-danger-hover: #d5371a;
  --text-accent: #ff901a;
  --text-hint: rgba(0, 0, 0, 0.3);
  --icon-neutral: #c7c7c7;
  --icon-neutral-dark: #000000;
  --icon-tg-star: #ffb70f;
  --icon-mailik: #ff6f00;
  --icon-yan: #ff901a;
  --icon-kiss: #f63f29;
  --icon-neutral-light: #ffffff;
  --icon-brand: #99cc33;
  --icon-neutral-hover: #bdbdbd;
  --icon-neutral-pressed: #b2b2b2;
  --icon-hint: rgba(0, 0, 0, 0.3);
  --icon-brand-light: #c2e085;
  --icon-brand-pressed: #7dab21;
  --icon-brand-hover: #89b927;
  --icon-info: #187ce7;
  --icon-info-hover: #1375dd;
  --icon-info-pressed: #0d6bce;
  --icon-danger: #e03d1f;
  --icon-danger-hover: #d5371a;
  --icon-danger-pressed: #ca3216;
  --offer-popup: #fde8e8;
  --premium-primary: #ffb70f;
  --premium-secondary: #f0a800;
  --premium-background-light: #fffbe6;
  --premium-background: #fff266;
  --premium-hearts: #f66a51;
  --premium-hearts-light: #fbe4e0;
  --premium-fade-premium: #e08f3e;
  --bank-primary: #ef6565;
  --bank-secondary: #ec4b4b;
  --top-primary: #299bff;
  --top-secondary: #0a8dff;
  --chance-bank-primary: #2fbc9e;
  --chance-bank-secondary: #29a38f;
  --token-bank-primary: #8e6afb;
  --token-bank-secondary: #7042fa;
  --inbox-dialog-accent: #a433ff;
  --vip-levels-1-light: #90df7c;
  --vip-levels-1-dark: #44ac2a;
  --vip-levels-1-mid: #59cf3a;
  --vip-levels-5-dark: #7042fa;
  --vip-levels-6-dark: #a433ff;
  --vip-levels-7-dark: #c933ff;
  --vip-levels-8-dark: #eb47e6;
  --vip-levels-9-dark: #f14382;
  --vip-levels-up: #11ca66;
  --vip-levels-2-light: #85e0ce;
  --vip-levels-2-mid: #2fbc9e;
  --vip-levels-2-dark: #29a38f;
  --vip-levels-3-light: #a3d4ff;
  --vip-levels-3-mid: #65b7ff;
  --vip-levels-3-dark: #299bff;
  --vip-levels-4-light: #a3b4ff;
  --vip-levels-4-mid: #6682ff;
  --vip-levels-4-dark: #425bf0;
  --vip-levels-5-light: #bca6fc;
  --vip-levels-5-mid: #8e6afb;
  --vip-levels-6-light: #d6a3ff;
  --vip-levels-6-mid: #ba66ff;
  --vip-levels-7-light: #e7a3ff;
  --vip-levels-7-mid: #d766ff;
  --vip-levels-8-light: #ffa3fc;
  --vip-levels-8-mid: #ff66fa;
  --vip-levels-9-light: #fda5c5;
  --vip-levels-9-mid: #fb6a9f;
  --vip-levels-picto-0: #ccd5ff;
  --vip-levels-background: #d6ebad;
  --vip-levels-pattern: #add65c;
  --vip-levels-shadow: #99cc33;
}
:root {
  --stroke-size-m: 2px;
  --stroke-size-s: 1px;
  --radius-xxl: 16px;
  --radius-m: 6px;
  --radius-s: 4px;
  --radius-l: 8px;
  --radius-max: 999px;
  --radius-xl: 12px;
  --spacing-x1: 4px;
  --spacing-x0-5: 2px;
  --spacing-x2: 8px;
  --spacing-x3: 12px;
  --spacing-x4: 16px;
  --spacing-x5: 20px;
  --spacing-x6: 24px;
  --spacing-x8: 32px;
  --spacing-x10: 40px;
  --spacing-x12: 48px;
  --spacing-x16: 64px;
  --spacing-x20: 80px;
  --spacing-x0: 0px;
  --shadow-x2: 8px;
  --shadow-x0: 0px;
  --shadow-x0-5: 2px;
  --shadow-x0-25: 1px;
  --shadow-x-0-25: -1px;
  --shadow-x1: 4px;
}
.svg__img_arrow_popover {
  background-image: url("style-images/9a0cc91f42f85e8563164ff146981fdaf9ab4797cb96b4038ae970a5c072de99.svg");
}
.svg__img_bonus_bomb_en {
  background-image: url("style-images/752a9a434b6b99d408f60ed28367fdf766cd5450a63b1ebfe6042242431ffc69.svg");
}
.svg__img_bonus_bomb_ru {
  background-image: url("style-images/c2ad99e6a720523883fdf1c6fb9d92cd85313004382f30dc40791ae9611ae4de.svg");
}
.svg__img_gaming_month {
  background-image: url("style-images/bc7244f89d5d7ca62577fc9278182b8c767a1d46258dfba7cb0d59c239e36f25.svg");
}
.svg__img_gem {
  background-image: url("style-images/bf2028d71c621a81f16284aa012ef1b5b8e41559560bee6c24c8b4d0e36e0b25.svg");
}
.svg__img_gem_xs {
  background-image: url("style-images/6e2dc1545482c96b37b51413692d92728e5183d39b5efe6b18bae92a2e2e7cd5.svg");
}
.svg__img_gem_xs_stroke {
  background-image: url("style-images/7a4e9f91bf9d68aff830623628060a49dcf3808f7bb0c60562d6c4504d22004f.svg");
}
.svg__img_heart_default {
  background-image: url("style-images/2929911ae0a46e53d9e4d9538a4a58c418380eaeed31618019f5458d45fc96ae.svg");
}
.svg__img_heart_disabled {
  background-image: url("style-images/f591be94c487826f0e7ff82aa23d4057b75e0303d64145e9ed9887311c57b70e.svg");
}
.svg__img_help_gem {
  background-image: url("style-images/308f42f74a74e8c003a01cc78e74a541b49dec039ecdbfb8ff388df1734969dd.svg");
}
.svg__img_help_max {
  background-image: url("style-images/5bcb473038bc9a841ea6ed759242e144e7d391f11011ef5b9d9b1fc84dbcac0f.svg");
}
.svg__img_help_timer {
  background-image: url("style-images/6340fb992f8d47f3a45de697173fbf0d96afb211af60eca0a32393f4ad1998ef.svg");
}
.svg__img_help_vip {
  background-image: url("style-images/09d48e4afc10546f746d34fe0162bb19416917bbc6acf34f9afd8cf0fe220d25.svg");
}
.svg__img_img_bg_blue {
  background-image: url("style-images/87298f8232dbeb90b5398eac4777013a24eb234064fa644dbc46dd6b07936981.svg");
}
.svg__img_img_bg_pink {
  background-image: url("style-images/ccacf162f92ab6d1b4722af65d07c468025411ced836ca6296c0286aeee5f388.svg");
}
.svg__img_info {
  background-image: url("style-images/8f1a2f3dcc80ca10d81b2835a40aee99179f68e1652b9a655dbc8482e951fbdb.svg");
}
.svg__img_list_switch_active {
  background-image: url("style-images/11dcf6461f29dc10cd5e38aa5193c276fdc9ce64f2d66ba858978f44efc57276.svg");
}
.svg__img_list_switch_disabled {
  background-image: url("style-images/2a829ede95a25f5de78c95439da9acec6bddc3284d7067478629d064bac20c55.svg");
}
.svg__img_lock {
  background-image: url("style-images/1157464435adcaa12a645b1f4327c8cbc84f10c9077f1794387fa93555d04be4.svg");
}
.svg__img_table_bottle {
  background-image: url("style-images/9e4cc4519e481f877061bf5c3a1c03dd286fc17dcf6478169a40d8eaa54d9925.svg");
}
.svg__img_table_decor {
  background-image: url("style-images/d38b3155719cd555738808ea36789cf3c921783269cb59ece76dac5e066f080e.svg");
}
.svg__img_table_gestures {
  background-image: url("style-images/288515872f17bcf9e1eb0bb10ec4cc252f2a43c34d80df3e13e7f6731ce868b8.svg");
}
.svg__img_table_gift {
  background-image: url("style-images/8a6bcb2c47e1be20dcacadb56134c0838d7697807646876ff7b68fddf4227a63.svg");
}
.svg__img_table_kick {
  background-image: url("style-images/61c6cf15727b5f4162829a2ff2c98fea678de73030f0a00b33c9c49e7606fd90.svg");
}
.svg__img_table_kick_recovery {
  background-image: url("style-images/aad15999c660e0ca44a5b50e1a96495af35d3aee57aa47f7d3200d22c931216a.svg");
}
.svg__img_table_queue {
  background-image: url("style-images/57e012bba16479fcb6aa71ed91cfd55d84bf06946cf3b7a7092b3ec886ead584.svg");
}
.svg__img_table_smiles {
  background-image: url("style-images/1c5a0539abda6af93e576d01ada199261e172754d25ec467ac86b6ff87b19f85.svg");
}
.svg__img_table_token {
  background-image: url("style-images/fdd42dd345370b6dec11cfa3ad96f37f48d802dce35561e1411c2a0b713b5275.svg");
}
.svg__img_tick {
  background-image: url("style-images/f77bbfce90921f7f1e919e4d9063996d9371f1fa4c4eb180ccafd20b70abc16b.svg");
}
.svg__img_timer_default {
  background-image: url("style-images/256698090754888ca5d046f6493c9125f21b4713ca2c5a1ebcb58f75dfe060c0.svg");
}
.svg__img_token_default {
  background-image: url("style-images/8b872eb968272b1fee85a20e7f2dc913de860c62876bf1723aaa5fe28a05428f.svg");
}
.svg__img_up_amount {
  background-image: url("style-images/44c888dee7789204bd62ce95ba085cf18ffb49996fc99994264b9a8a599a406c.svg");
}
.svg__img_up_speed {
  background-image: url("style-images/fd7d639fe0f88dab7578cf4b04febf2b3fb2e5c37505968dd11c3b0c0a121e4e.svg");
}
.svg__img_vip_badge_0 {
  background-image: url("style-images/07c52901ec3e3355868e3cd7af2791ee82ff9fec8501934127d69bfcc569c510.svg");
}
.svg__img_vip_badge_1 {
  background-image: url("style-images/461631d60f67ca3dd5bccd907491bd95d3c03bb8c75c7f5d362d104064e50c7e.svg");
}
.svg__img_vip_badge_2 {
  background-image: url("style-images/91d428800b9a6e8f2e497514312981066a3eddc2fcadd6eed5e4dd225c9e3d5d.svg");
}
.svg__img_vip_badge_3 {
  background-image: url("style-images/2ba6db63ba32be4f7167ea98113dc193f13ad37b6fe3e6c96db8f5a09b0d68dc.svg");
}
.svg__img_vip_badge_4 {
  background-image: url("style-images/a0b13d1005059b03f33134b1633841c23325385c3afc1fd5eafda660370149da.svg");
}
.svg__img_vip_badge_5 {
  background-image: url("style-images/f38ecfb12783f591b58fbfff94ed6ac4d90fd98104d23ee9be8400485cd0b2ce.svg");
}
.svg__img_vip_badge_6 {
  background-image: url("style-images/06e6a28cf5aa3de1a1cc7382548c9f65161be2df57b3375e2d76add5fdd65044.svg");
}
.svg__img_vip_badge_7 {
  background-image: url("style-images/9d8791153ebcddaabe7752aef94da6cfbfc5d16d3ac4becdbc235c264f6cad52.svg");
}
.svg__img_vip_badge_8 {
  background-image: url("style-images/d9dd1d9819f6a050dd9d135242141b39d1c0f99b2cf91e88f38bfbfa1da5cc14.svg");
}
.svg__img_vip_badge_9 {
  background-image: url("style-images/79da538f0e638729e1d69d78585e83ec1576f6ef64ef7ce7383c4276d3fe2667.svg");
}
.svg__img_vip_badge_cut_1 {
  background-image: url("style-images/783f14eb87c0b5cdf79ef3d13228f2c7c36d37068ac41fd9c02d9048af7573bf.svg");
}
.svg__img_vip_badge_cut_2 {
  background-image: url("style-images/95f32e03ab2dc0b0b9b46d07a9dd78f1e6a6bec2200c8d2c978ce99ad554f14b.svg");
}
.svg__img_vip_badge_cut_3 {
  background-image: url("style-images/67d064c5d6dfb8e5580f17d65d36619b0e8af855b6b507c9edf1474f081b7a8c.svg");
}
.svg__img_vip_badge_cut_4 {
  background-image: url("style-images/a8c146089e41644e0b038233bc2fe6dba805beed824fc4bc0f51d6c2e455e58c.svg");
}
.svg__img_vip_badge_cut_5 {
  background-image: url("style-images/262fb400706849f3bc893b81ce256687ae7fea7598359549cb517250a2d917a7.svg");
}
.svg__img_vip_badge_cut_6 {
  background-image: url("style-images/77183d81e0727084a208e1dd9150dc21c122f9a24c6f136420743b5dbc2b38fd.svg");
}
.svg__img_vip_badge_cut_7 {
  background-image: url("style-images/17242bf123d927d9b71b4a35342730dbe09cb92f9e58b26673fe802073729980.svg");
}
.svg__img_vip_badge_cut_8 {
  background-image: url("style-images/be12d64c374c05a3d732af8f5ebe0dbb0999a4f439208903ac56f134545143f9.svg");
}
.svg__img_vip_badge_cut_9 {
  background-image: url("style-images/e53c40d2ca93d3715f85c4baa42a03811617e21afaa901815f648851d47a03b3.svg");
}
.svg__img_vip_badge_cut_bank_0 {
  background-image: url("style-images/6c63fd2613fe1f6d58bc9d6da858ab72b2cca7c9150d826baa9178896b064273.svg");
}
.svg__img_vip_badge_cut_bank_4 {
  background-image: url("style-images/b4d69ff8877360e20e2df54945aec8d99d454dfa2183ff9adf79321c9900b49c.svg");
}
.svg__img_vip_badge_cut_bank_5 {
  background-image: url("style-images/443b7723487aeefc66225eaa08fefa1fe3eb7be9e248d3b8d215f7155df6d28f.svg");
}
.svg__img_vip_badge_cut_bank_6 {
  background-image: url("style-images/2a530682a71d0a9a04f0960d12e99a054d033176ed2af86b9843747ab16d88c4.svg");
}
.svg__img_vip_badge_cut_bank_7 {
  background-image: url("style-images/4c13f9adad61a1198fdd22491bd3f203e57c04333c92e07ac5afc8f171a7540a.svg");
}
.svg__img_vip_badge_cut_bank_8 {
  background-image: url("style-images/642fb4de3698c6a18661f42a707fadd8033dac2bfb5c55c8b7c6d2f563433d64.svg");
}
.svg__img_vip_badge_cut_bank_9 {
  background-image: url("style-images/c60ea1674d1055d2558d94541fcd90be512cc693784ddcebab847a3e8f24c73b.svg");
}
.svg__img_vip_badge_top_4 {
  background-image: url("style-images/30318bdd0f9f175c2ebe16d48384d494e655becef7142c0e692d2e11dc5c2ebf.svg");
}
.svg__img_vip_badge_top_5 {
  background-image: url("style-images/e49fbc81c969932c64fae90fd96488afe2eee9d28c8442f5a0263d73f3aa7ae5.svg");
}
.svg__img_vip_badge_top_6 {
  background-image: url("style-images/6be0c4a76f9e757f677604e900897cf637de1ea071181bdcd21499e37991f5de.svg");
}
.svg__img_vip_badge_top_7 {
  background-image: url("style-images/c44f85674117645d94c24283fc97e2e7e539b07b1c2d0163665ae216b736232e.svg");
}
.svg__img_vip_badge_top_8 {
  background-image: url("style-images/454325262336b0050279dafbe4c9757021f3bb543b312594bbf1c2092aed8e01.svg");
}
.svg__img_vip_badge_top_9 {
  background-image: url("style-images/54cd9e7560b0632fb388648d6421e8750456fabdb174cffeacc91d18ec6ca016.svg");
}
.svg__img_vip_bg {
  background-image: url("style-images/4b32b61fd1706fc37ba593be3cdd314f0b03310014030af57f332dafd3beeeb0.svg");
}
.svg__img_vip_crown_bank {
  background-image: url("style-images/9563b02b402c637ecc3b02e0b2799606f3fcb20428277c50f1775c45d086b2ec.svg");
}
.svg__img_vip_tokens {
  background-image: url("style-images/329e24bb8364e7dca5ad054b51862a66c77dec76ed6e7eb2b3617e2ba405cd10.svg");
}
.svg_mask__ic_android {
  -webkit-mask-image: url("style-images/196acc211dd7c9fb44dd996c96c2537546fd5cd387e958f51e97e2f770429d86.svg");
          mask-image: url("style-images/196acc211dd7c9fb44dd996c96c2537546fd5cd387e958f51e97e2f770429d86.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_cross {
  -webkit-mask-image: url("style-images/aa66f90ffdce4c4558ba26233e4557a38e1de80e3c91f0d6762aabb63693140c.svg");
          mask-image: url("style-images/aa66f90ffdce4c4558ba26233e4557a38e1de80e3c91f0d6762aabb63693140c.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_dash {
  -webkit-mask-image: url("style-images/3116262047375db0ee8f24103448a2f511762ce20f0a0c4cce483378cf2902e2.svg");
          mask-image: url("style-images/3116262047375db0ee8f24103448a2f511762ce20f0a0c4cce483378cf2902e2.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_help {
  -webkit-mask-image: url("style-images/312bc59b20ab33bf2bf6a60177183483c96ad27582ad723ebe6487d3a3f39d84.svg");
          mask-image: url("style-images/312bc59b20ab33bf2bf6a60177183483c96ad27582ad723ebe6487d3a3f39d84.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_html5 {
  -webkit-mask-image: url("style-images/b0e7a3faf4fdc946c1f8c3d72814ae9afcb1fe8fa1b971a3b32b3512872b986c.svg");
          mask-image: url("style-images/b0e7a3faf4fdc946c1f8c3d72814ae9afcb1fe8fa1b971a3b32b3512872b986c.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_info {
  -webkit-mask-image: url("style-images/897193fb0420c69fe3629377f5fb1b3aca7084483d2db43639e46878f136074d.svg");
          mask-image: url("style-images/897193fb0420c69fe3629377f5fb1b3aca7084483d2db43639e46878f136074d.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_ios,
.uid-badge__uid:before {
  -webkit-mask-image: url("style-images/4235a829f9194fe419c6e9a6457070bd48b34f74567606d73a0bf24a155a9d6a.svg");
          mask-image: url("style-images/4235a829f9194fe419c6e9a6457070bd48b34f74567606d73a0bf24a155a9d6a.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_mailik {
  -webkit-mask-image: url("style-images/2ba8f266e9d6f6944dcc1702fb3dc4b1495ed268f1e357a7c7dd0b5889ed1728.svg");
          mask-image: url("style-images/2ba8f266e9d6f6944dcc1702fb3dc4b1495ed268f1e357a7c7dd0b5889ed1728.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_switch {
  -webkit-mask-image: url("style-images/dc156b0e4c2feb25b22a392cd1c0992d67f58be99586515fd746e0abca41cf2b.svg");
          mask-image: url("style-images/dc156b0e4c2feb25b22a392cd1c0992d67f58be99586515fd746e0abca41cf2b.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_switch_dis {
  -webkit-mask-image: url("style-images/1679e7b6fe03c9c8d99adeb7c3a94162fc21e46662c15654e8d39018ec67a628.svg");
          mask-image: url("style-images/1679e7b6fe03c9c8d99adeb7c3a94162fc21e46662c15654e8d39018ec67a628.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_tg_star {
  -webkit-mask-image: url("style-images/7f4e53b41a30d32775c0b9e441d549f7146153a070275e5ebd2f5177a1c9c42e.svg");
          mask-image: url("style-images/7f4e53b41a30d32775c0b9e441d549f7146153a070275e5ebd2f5177a1c9c42e.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_tick {
  -webkit-mask-image: url("style-images/ee5e84199d8f0c5f8291ff5ee2ce20d26c42ee242d337bf4a96e7cdf8c24e96e.svg");
          mask-image: url("style-images/ee5e84199d8f0c5f8291ff5ee2ce20d26c42ee242d337bf4a96e7cdf8c24e96e.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_timer_bold {
  -webkit-mask-image: url("style-images/6c9fc717fec2a95c5c56f3ecc9f718b4efef29cef6b39f109fb41ca7f05570cf.svg");
          mask-image: url("style-images/6c9fc717fec2a95c5c56f3ecc9f718b4efef29cef6b39f109fb41ca7f05570cf.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_vip_picto {
  -webkit-mask-image: url("style-images/715bafb2e8a9a9ae8beb18bc2e2132f84f19e6757d9af4795b72cd9feee0a01e.svg");
          mask-image: url("style-images/715bafb2e8a9a9ae8beb18bc2e2132f84f19e6757d9af4795b72cd9feee0a01e.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_vip_picto_str {
  -webkit-mask-image: url("style-images/57ba1f797b06fd8192e0a45db981b64e37680f17b8757fee62a06ff0bd96e276.svg");
          mask-image: url("style-images/57ba1f797b06fd8192e0a45db981b64e37680f17b8757fee62a06ff0bd96e276.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg_mask__ic_yan {
  -webkit-mask-image: url("style-images/7cd84159434bf8938755c8e55658700b86b85884e7fa780586ebf64571da1be9.svg");
          mask-image: url("style-images/7cd84159434bf8938755c8e55658700b86b85884e7fa780586ebf64571da1be9.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.svg__ui_audio_player_0,
.music__recorder--0 {
  background-image: url("style-images/3c81bacfdeb1a8dfac073e0bb1e349653e32601d8a6b3d78bafcbe0b951e9dd3.svg");
}
.svg__ui_audio_player_1,
.music__recorder--1 {
  background-image: url("style-images/b79f6e8b28ccbbc95f75c8fcab2cdb491a7bf9d126966e05ae404c5999f2b2f8.svg");
}
.svg__ui_audio_player_2,
.music__recorder--2 {
  background-image: url("style-images/459e0a0af7288cb650115ff5b9f7d190187c751902be0cd3ea2c77e4b8c01d54.svg");
}
.svg__ui_audio_player_3,
.music__recorder--3 {
  background-image: url("style-images/086370a6b99b0fb7b0581c25f96a33797db57352114197daecbb5d658bc5d341.svg");
}
.svg__ui_audio_player_4,
.music__recorder--4 {
  background-image: url("style-images/ab1f87b5879855d553f28bab719130574f64b36c8c56c079a2b79e9f42c25ca8.svg");
}
.svg__ui_audio_player_5,
.music__recorder--5 {
  background-image: url("style-images/a49c679f87d41930821d2d6cd2670cba0fcef94e77e19d288461e7565e864702.svg");
}
.svg__ui_audio_player_6,
.music__recorder--6 {
  background-image: url("style-images/d22b1093fd5a904baadd05089faa953727ca0dd0d331b4b4879bb016dfaa0d78.svg");
}
.svg__ui_audio_player_7,
.music__recorder--7 {
  background-image: url("style-images/3c14e0e7ff85f662c1ad0b8ad017c0b5866813838937492abc231eec87d24ad1.svg");
}
.svg__ui_achievement_bg,
.achievement__background {
  background-image: url("style-images/e4df4405f2d244443190324303fa177761f4f07d217dd73007e467ead6c29349.svg");
}
.svg__ui_achievement_icon_check,
.daily-bonus__item--activated .daily-bonus__checkbox,
.retention__check {
  background-image: url("style-images/beaa84f768ba30596f46d08040a938b390305bae634b22e9d75a92e24b7c3696.svg");
}
.svg__ui_achievement_icon_star_down,
.achievement-item__star {
  background-image: url("style-images/2191cac25727709df527e51ba3d8fcf4e6892715e856ea911a7767e89dc0eb5a.svg");
}
.svg__ui_achievement_icon_star_up,
.achievement-item__star--active,
.achievements-list__title-star {
  background-image: url("style-images/6b4b9451d60b49ca6cb98a0138b8b78aac1816a64d602285038462abb504f5ba.svg");
}
.svg__ui_achievement_icon_term,
.achievement__term-icon {
  background-image: url("style-images/92f8e359173828f87ba68dc4942cc1f3fffac475e3839d136b09d052994e6ff5.svg");
}
.svg__ui_achievement_icon_term_disabled,
.achievement__term--disabled .achievement__term-icon {
  background-image: url("style-images/ab7fbd9d3160cc0876a7b585ba8508396db88205046fb98d214e9d0a8442260d.svg");
}
.svg__ui_achievement_new_badge,
.achievement-item__new {
  background-image: url("style-images/4001dfa82b1f5849ab1b35e4be456cc4720d82f97302a46f81f072d5f69b3fbb.svg");
}
.svg__ui_achievement_new_badge_bg,
.achievement-item__new_bg {
  background-image: url("style-images/9b59174d80364801e92622687dce79fd339feeecd795079c569104b6b855f375.svg");
}
.svg__ui_age_restriction_logo,
.info__image--age-restriction {
  background-image: url("style-images/2d910e2f5c4868fade629ec5aae089955c9f92192be6d1347737417ca21e7f2e.svg");
}
.svg__ui_audio_music_icon,
.media-panel__music {
  background-image: url("style-images/691c600b8b0a4a9dcb02f8052e222937a47b0ef64ee8cce9fdad195411a25298.svg");
}
.svg__ui_audio_music_icon_disabled,
.media-panel__music--disabled {
  background-image: url("style-images/a129c9da65e42b32a2fee33af82ff5497c8105c87bb6f7bd3bb486c4954e3dbc.svg");
}
.svg__ui_audio_sound_disabled_icon,
.player-controls__mute--disabled {
  background-image: url("style-images/0b62d29a3e85a493e1016179c3b4dbda083870de2a1d9cc7d42560eac71a48d2.svg");
}
.svg__ui_audio_sound_high_icon,
.player-controls__mute--low.player-controls__mute--no-volume,
.player-controls__mute--high {
  background-image: url("style-images/971f0a0644a8e765d85042d4cf5eb8730ae8bec0a45bfc6a350362544604717a.svg");
}
.svg__ui_audio_sound_icon,
.player-controls__mute--low {
  background-image: url("style-images/630ea84298f4622e2133295f1fc69d82d0998af5cc62b5776f4a503efd1137fe.svg");
}
.svg__ui_audio_sound_popover_arrow,
.music__sound-hint::after {
  background-image: url("style-images/e50e3431a302aa2473c40db39353500d0bdd388bc49672bc3d82fadf897db6f0.svg");
}
.svg__ui_audio_video_icon,
.media-panel__video {
  background-image: url("style-images/00bd9519adf4ed5208b5c06a2ab4bc5047fc02cf4ff3114d0d82024e266a78a5.svg");
}
.svg__ui_audio_video_icon_disabled,
.media-panel__video--disabled {
  background-image: url("style-images/86f318ef5b4868bbb94a86362932ed5a4c3d6861e3a5117d3fb3c82d8e4ba7a0.svg");
}
.svg__ui_ban_male_logo,
.info__image--ban-male {
  background-image: url("style-images/5ca6dfbc48013dd814f69f74e8543ad1237c1e1487ce2806a1691c4480b0510e.svg");
}
.svg__ui_ban_female_logo,
.info__image--ban-female {
  background-image: url("style-images/006c155cd784f7766c9cc1c0d1729a22382bfcc0d3f34c2d0dd6a7df6c1788c0.svg");
}
.svg__ui_bank_ads,
.bank__opt-icon--ads {
  background-image: url("style-images/ce7431b21b10338903658d11a0ae7110631a9da4acec49a991c058a78c675c6b.svg");
}
.svg__ui_bank_bg,
.bank__bg {
  background-image: url("style-images/5d0ea697ba350a4b7083ba24ccb4d53382ed0b5a2e1c8c742ca531d3b9b2cac9.svg");
}
.svg__ui_bank_blick,
.bank__blick,
.received-gold__blick {
  background-image: url("style-images/f7f70bd803f6ba3c6d68d24edce6253419e3532b63603a2efb69f5d2d580d5dd.svg");
}
.svg__ui_bank_blue_bg,
.bank__item-bg--blue {
  background-image: url("style-images/f32d638f17ed43b9cff8792fdb4169faee2d0057f72d19b5c3eebbe687c457bc.svg");
}
.svg__ui_bank_compliment,
.bank__opt-icon--compliment {
  background-image: url("style-images/fc6e0df13807babd4588e53dc95d83bbba6ab4c046cc30cc6a4dee0dbb197aa8.svg");
}
.svg__ui_bank_cyan_bg,
.bank__item-bg--cyan {
  background-image: url("style-images/e955ae4a17c4438eb374181dfe042dc6ad7dbdc1be65dc176a918ed3f9cbd86f.svg");
}
.svg__ui_bank_friends,
.bank__opt-icon--friends {
  background-image: url("style-images/977b35062be2b7dc2823a9d9768283149868ee63ec7c940198a36898c93808b2.svg");
}
.svg__ui_bank_gold_bg,
.bank__item-bg--gold {
  background-image: url("style-images/d89155d07f57481169bed37bb82261af535d8159b946c644584103e0da073da0.svg");
}
.svg__ui_bank_heart,
.decor-preview__heart,
.bank__gold,
.bank__price,
.bank__compliment-price,
.bank__invite-price,
.bank__rv-price,
.bottle-pass__season-stats-level--heart,
.bottle-pass__bonus-chest-desc-icon--heart,
.bottle-pass__bonus-chest-score,
.bottle-pass-premium__heart,
.chances-bank__heart,
.common-help__tag--heart,
.compliment-send__gold,
.decor-selection__price,
.gift-locked__icon--price,
.gift-unlocked__icon--price,
.harem__price,
.info__heart,
.invite-friend-teaser__icon--heart,
.kickout__price,
.music-preview__heart,
.profile-info__heart,
.received-gold__heart,
.roulette-jackpot__heart,
.tutorial-finished__heart,
.roulette__heart,
.send-gift__icon--heart,
.tokens-bank__heart,
.user-profile__stats-icon--heart,
.user-profile__harem-heart,
.vk-quest__icon--heart {
  background-image: url("style-images/946574c7c720fc406b1ddb3a8c24ee81f6dd420ae9127822ff237a4cbd17c560.svg");
}
.svg__ui_bank_label_hit,
.bank__label--hit {
  background-image: url("style-images/1d7d0d54e34599d2b8a05db60349090f18b8b238812036c0399326d3100afcda.svg");
}
.svg__ui_bank_label_profitable,
.bank__label--profitable {
  background-image: url("style-images/99bcdc41a0189205939ff7c5d2c0540f67c2ad4e7cd2df14eba7b447202c5a22.svg");
}
.svg__ui_bank_label_blick,
.bank__label-blick {
  background-image: url("style-images/879f1a1fdd20769434b5d98944e7a3edcd092279ecd6745bddd2a7bfdaeae70d.svg");
}
.svg__ui_bank_mailik,
.bank__currency-icon--mailik,
.bottle-pass-premium__currency-icon--mailik {
  background-image: url("style-images/ff8bcd67560d12e107bdcd6c54078ed22f8a7ec7f33724a53260fa4819776a7c.svg");
}
.svg__ui_bank_notify_icon,
.bank__token-indicator {
  background-image: url("style-images/11d9316aec1919d2d342e9592c2c38e97e79d4cbebb01cdbbd712b36098a883b.svg");
}
.svg__ui_bank_opt_1,
.bank__opt-icon--1,
.received-gold__opt-icon--1 {
  background-image: url("style-images/f6ee73b881d4506bda049b8ce7617ac253a7faa429819a0d4aff07ba690892a8.svg");
}
.svg__ui_bank_opt_2,
.bank__opt-icon--2,
.received-gold__opt-icon--2 {
  background-image: url("style-images/78c3f37e67209dc7530ec01da6d0fccf08719ce7adfb5f6dfb19358076b0e7b8.svg");
}
.svg__ui_bank_opt_3,
.bank__opt-icon--3,
.received-gold__opt-icon--3 {
  background-image: url("style-images/a244200285b7e540ff3628d43c5076095b88d56a2714f8ef19e7779a42b88d0c.svg");
}
.svg__ui_bank_opt_4,
.bank__opt-icon--4,
.received-gold__opt-icon--4 {
  background-image: url("style-images/504f0912dc745d25b3b3a9a101897692297d4bbbf81de5f64aa938376e32a6b7.svg");
}
.svg__ui_bank_opt_5,
.bank__opt-icon--5,
.received-gold__opt-icon--5 {
  background-image: url("style-images/4408b90cef6ce2113055a7761f5b62d4ac4fd22173ed2783ada8f34d5c498e49.svg");
}
.svg__ui_bank_opt_6,
.bank__opt-icon--6,
.received-gold__opt-icon--6 {
  background-image: url("style-images/040c42f078c15d9fd98ddb51cf1efeedcc0ceecc3db63eda68358a56cd0d88d4.svg");
}
.svg__ui_bank_opt_7,
.bank__opt-icon--7,
.received-gold__opt-icon--7 {
  background-image: url("style-images/cffba9f98d85dc672a7bd8ad85bdffaa1f292374e11ec30633232e2ead4825b8.svg");
}
.svg__ui_bank_premium_pass,
.bank__opt-icon--premium-pass {
  background-image: url("style-images/a046708c5e9cb40a284f9f2b9eb1e1b46c06a53995518ca781ce64bd74bb1de8.svg");
}
.svg__ui_bank_promotion,
.bank__promotion-icon {
  background-image: url("style-images/9833e1453ab9beba580d35e40cda9ceb3af3320b868c84ccae7fcab12f93b777.svg");
}
.svg__ui_bank_promotion_side,
.bank__promotion-side,
.bottle-pass-premium__overall-prize::before,
.bottle-pass-premium__overall-prize::after {
  background-image: url("style-images/913f22a1f6507f2b6c6b3823559307d7450764f5a82849b151966db4acde73a6.svg");
}
.svg__ui_bank_split_mm,
.bank__split-icon--mm {
  background-image: url("style-images/91873b4e9001f12b2cc73652fcb7c8b88c9d66dad706e545b681c0ce0f0946af.svg");
}
.svg__ui_bank_split_ok,
.bank__split-icon--ok {
  background-image: url("style-images/01f49bfc74b94bde439d5c158ee3cd949ecf5f117e337e5c0a30b7ea70ecec91.svg");
}
.svg__ui_bank_split_vk,
.bank__split-icon--vk {
  background-image: url("style-images/424544f1acc7f58d8425b4e5d1c5c801cf1e472c822d16c5af71e4716b6674fe.svg");
}
.svg__ui_bank_tg_star,
.bank__currency-icon--star,
.bottle-pass-premium__currency-icon--star {
  background-image: url("style-images/b327ea432d85e20d2efafb0dbb892742c8ac33d2b3c5d1299f10f3cd11bf25a4.svg");
}
.svg__ui_bank_violet_bg,
.bank__item-bg--violet {
  background-image: url("style-images/3f49ccf41b18bc3540c454a99c87510b8bee9776598244654a0ae7d8d6ea04d5.svg");
}
.svg__ui_bank_vip,
.bank__opt-icon--vip {
  background-image: url("style-images/2d7f05d3bd5cc97aed8a25525b7027431784289d85408224ffba167ac8c8aefb.svg");
}
.svg__ui_bank_yan,
.bank__currency-icon--yan,
.bottle-pass-premium__currency-icon--yan {
  background-image: url("style-images/9faec1f5ef106f4eb181f395128f00520c9e6df790869c945d12b91106cd1847.svg");
}
.svg__ui_booster_chest_blue,
.bottle-pass__item--chest-league,
.reward__image--league,
.reward-info__prize--league {
  background-image: url("style-images/f5b4849e29cc51fd10dffdf6a10cd8334ae47faed01bb616359b51f2d514ae30.svg");
}
.svg__ui_booster_chest_blue_open,
.reward__prize--league {
  background-image: url("style-images/847164db26419beb18186b00de0ae55842f1ac4fb78072df60dde5822d24ddc5.svg");
}
.svg__ui_booster_chest_pink,
.bottle-pass__item--chest-choice,
.reward__image--choice,
.reward-info__prize--choice {
  background-image: url("style-images/cc7d24b9c90376bc3df720ab5fde3bbbcc2fabcb5758a9b477feb01cbddc2887.svg");
}
.svg__ui_booster_chest_pink_open,
.reward__prize--choice {
  background-image: url("style-images/6f97f2743a52c5f7cc432a312a46fa88dade92624431701da824a143d5f7ffa6.svg");
}
.svg__ui_booster_choice {
  background-image: url("style-images/7f629a00152aac45b5be03d21cdfb082e5be55603708e8696227ebcc0055586d.svg");
}
.svg__ui_booster_kiss_fire,
.booster-item__icon--kiss_fire {
  background-image: url("style-images/58582a73e36dd1e0fb0827df7774ae1ed8c363bff6983b517b3d2dab902fefc2.svg");
}
.svg__ui_booster_league {
  background-image: url("style-images/e5a514b69cf571334b2b4f28a3756d957550068d934cc82d29b01e24d5e209c1.svg");
}
.svg__ui_booster_league5,
.booster-item__icon--league5 {
  background-image: url("style-images/9bf73daca30e98c4df0aeea9628067b138f6be232937227f93d7183379bf6ef4.svg");
}
.svg__ui_booster_league_kiss2x,
.booster-item__icon--league_kiss2x {
  background-image: url("style-images/fff23e72887ee636bcb59c3c7e3c07c2a59166da1378356060fe9b69a1e5f15e.svg");
}
.svg__ui_booster_league_kiss_lim10,
.booster-item__icon--league_kiss_lim10 {
  background-image: url("style-images/7108c7d1f234d17b028fafb9ea860fd90da10a51beb76f5648e30a329742748c.svg");
}
.svg__ui_booster_refuse_slap,
.booster-item__icon--refuse_slap {
  background-image: url("style-images/0a4e04cd762765353a2be1727a30a397ec87a88d76454bed670f9cf81fec1c4a.svg");
}
.svg__ui_bottle_pass_chest,
.bottle-pass__bonus-chest-icon {
  background-image: url("style-images/5b83184191b708ec465bebd3776626761f94527a674c659744eb2f76cb946067.svg");
}
.svg__ui_bottle_pass_chest_bg,
.bottle-pass__bonus-chest {
  background-image: url("style-images/2b99e73acd5c5d011e053fc84eed78c25f1a7745cd7513222b007bb2ad67c5c1.svg");
}
.svg__ui_bottle_pass_chest_btn_bg,
.bottle-pass__bonus-chest-stats--premium {
  background-image: url("style-images/ca394a8be3ad80899955db55444514b32de6f91f0fa357f0bb12eb9b8d8b1033.svg");
}
.svg__ui_bottle_pass_finish_icon,
.bottle-pass__season-state-icon--finish {
  background-image: url("style-images/432a402d7f9f06dd23477c4437a9ea958ae3c3c35ed50a1db7972ee1bc7bb9ec.svg");
}
.svg__ui_bottle_pass_help_1,
.pager-help__image--bp-help-1 {
  background-image: url("style-images/e23e129d4d6bfc8c217fc11106f4c9ed4d2a119a16e3d6aabad80c56f80ee86b.svg");
}
.svg__ui_bottle_pass_help_2,
.pager-help__image--bp-help-2 {
  background-image: url("style-images/e2bb9f02676e84f5b6a8605b72901ccb34663b621999b386d607b9cc7e0c4978.svg");
}
.svg__ui_bottle_pass_help_3,
.pager-help__image--bp-help-3 {
  background-image: url("style-images/6cc79de6c2a3a30d25628aa16550b2d85ed86cb2b8ac7bf23c0fa4f58ba3c088.svg");
}
.svg__ui_bottle_pass_help_4,
.pager-help__image--bp-help-4 {
  background-image: url("style-images/f4cf17b5f358fe24d6e5dc624c58acf92baaff1dc5a491eb236f5ae95643f19a.svg");
}
.svg__ui_bottle_pass_level_bg_blue,
.bottle-pass__level-title--opened {
  background-image: url("style-images/40ed4626e7d3109d4a68644eeb96426f674c0f761e5209d46bbf52ad98bfff0b.svg");
}
.svg__ui_bottle_pass_level_bg_grey,
.bottle-pass__level-title--locked {
  background-image: url("style-images/2251183d6650355cc1e54d42990fe6746b03f0126081aa9491f098409ea68f72.svg");
}
.svg__ui_bottle_pass_level_bg_white,
.bottle-pass__season-stats-level--level {
  background-image: url("style-images/0233a26d5b5686cfff76d7001ae2eaecfe32013ba10b4ede2fd7351c97dcd70a.svg");
}
.svg__ui_bottle_pass_level_label_bg,
.bottle-pass__level-title--level {
  background-image: url("style-images/f33ac0fb0f77ed7f785aa88cd8cd893f14ed436851a89d39bc74ae1cf510b8a4.svg");
}
.svg__ui_bottle_pass_level_pointer_down,
.bottle-pass__navigation-btn--level-down {
  background-image: url("style-images/acf3c7c0e40dd0c2687becef9a29c30979c25623c433e646d4bc93657588d17e.svg");
}
.svg__ui_bottle_pass_level_pointer_up,
.bottle-pass__navigation-btn--level-up {
  background-image: url("style-images/4025b8d0a58f0b0230315d3bb9fc217978cd2efae0c743e62b9b7421cdac54d0.svg");
}
.svg__ui_bottle_pass_premium_bg,
.bottle-pass__premium-icon-bg {
  background-image: url("style-images/730233d9a5e645b783c92ac6dcd3c92e779d705a3d8aff179e152c3cfd86bb3a.svg");
}
.svg__ui_bottle_pass_premium_icon,
.bottle-pass__premium-icon {
  background-image: url("style-images/ff700342b99b19f0c6cadebc348c5471771d6894c8c5ed75c3a06a8199ce6e70.svg");
}
.svg__ui_bottle_pass_premium_icon_chest,
.bottle-pass-premium__feature-icon--chest {
  background-image: url("style-images/6895f3b181cabca77cf2ae960a517b9832eb5a2a32a89bc17aabe6d4673a1543.svg");
}
.svg__ui_bottle_pass_premium_icon_daily,
.bottle-pass-premium__feature-icon--daily {
  background-image: url("style-images/ca56bd5d1e2a23a8af2ae02de4254ba70615915c584ce5230444845b3dd1769e.svg");
}
.svg__ui_bottle_pass_premium_icon_name,
.bottle-pass-premium__feature-icon--name {
  background-image: url("style-images/e5b447497e3da6372206f4b25b49e63ec37f42c22c6f66686aa0d228d386b13b.svg");
}
.svg__ui_bottle_pass_premium_icon_side,
.bottle-pass__bonus-chest-premium-icon {
  background-image: url("style-images/2538a05d465d3e8ba2ea4cd7f3b9caa333e0d998ec97fa54d2ee337350531b12.svg");
}
.svg__ui_bottle_pass_premium_prize_active_bg,
.bottle-pass__level-prize--premium {
  background-image: url("style-images/09628d8dc500901c02cdb66dfa361e043ceda4fecade74fc8a7bcaa62380b630.svg");
}
.svg__ui_bottle_pass_premium_prize_bg,
.bottle-pass__level-prize--premium-locked {
  background-image: url("style-images/74d47248b4d87c5dcaa4517594fcdd5186a1025bc0a2ac1072a96060ebfa70d1.svg");
}
.svg__ui_bottle_pass_premium_prize_decor_bg,
.bottle-pass__level-prize--premium-decor {
  background-image: url("style-images/336e669e9e3ce3530da6b5b8c62021f9847b9293969d162f58d26298fa202fa7.svg");
}
.svg__ui_bottle_pass_premium_prize_decor_bg_locked,
.bottle-pass__level-prize--premium-decor-locked {
  background-image: url("style-images/085d639e46f6c5a297b3db7f324859be9b936737d3926d777732daac54ef3914.svg");
}
.svg__ui_bottle_pass_premium_prize_light,
.bottle-pass__level-prize-light--premium {
  background-image: url("style-images/4f11f493f31fb176d47be84bbd904745dbf36d83eb5dbdac93306d6c3edf66b8.svg");
}
.svg__ui_bottle_pass_premium_purchased_icon,
.bottle-pass__premium-purchased-icon {
  background-image: url("style-images/c2b161b9d7b8596b5f63fe1fb0ecc46ad91bfaf92b29c9bb54f731afebd00e98.svg");
}
.svg__ui_bottle_pass_prize_active_bg,
.bottle-pass__level-prize--free {
  background-image: url("style-images/02206c618cb8d31614e7541b6c8d729c657c8fc6669a3f16c86bf9e01566ee8c.svg");
}
.svg__ui_bottle_pass_prize_bg,
.bottle-pass__level-prize--free-locked {
  background-image: url("style-images/4366b34f3229c0696cccb648944c8dfe78cec853f155deb70143ab648c176b46.svg");
}
.svg__ui_bottle_pass_prize_claimed_icon,
.bank__purchased,
.bottle-pass__level-prize-icon--claimed {
  background-image: url("style-images/38cfc32d10e5af8f1b0a169e2d48876487912a778b48b07fbe2754e40d908049.svg");
}
.svg__ui_bottle_pass_prize_light,
.bottle-pass__level-prize-light--free {
  background-image: url("style-images/ac4811832f60511b74ebcabce79cdf5917dcf0d66181dbbd76330c9fe3669c18.svg");
}
.svg__ui_bottle_pass_prize_pointer_down,
.bottle-pass__navigation-btn--prize-down {
  background-image: url("style-images/d56b3b5bc7000bf4c02b50f2967c387cd489e6115737d5c302e7e0b9794e288f.svg");
}
.svg__ui_bottle_pass_prize_pointer_up,
.bottle-pass__navigation-btn--prize-up {
  background-image: url("style-images/3dcfbe238e69b7f3d747037665712186b2181ea09a38caabd66ba1a8e6396ead.svg");
}
.svg__ui_bottle_pass_star,
.bottle-pass__season-stats-icon,
.bottle-pass__bonus-chest-desc-icon--star {
  background-image: url("style-images/a8345843e0e479ffa44d1855239fb7ec9d4a75eb41a2d7eadcc67edbdc3889d7.svg");
}
.svg__ui_bottle_pass_timer_icon,
.bottle-pass__season-state-icon--timer {
  background-image: url("style-images/c3a3e621a33d484b99873583f654b973bdb6790c82bcf5eeb2b73f4ff637e3ee.svg");
}
.svg__ui_btn_gold_add_heart_up {
  background-image: url("style-images/a852c0de97e6c838293e88f390be1ededed2d1b6675aff66d8a25c13e5a09710.svg");
}
.svg__ui_btn_gold_add_heart_up_shadow,
.roulette__gold {
  background-image: url("style-images/3b1026075c06b5bcb3294ea31b631f2441c9804b4f97170cbdde8ddb26e71a6a.svg");
}
.svg__ui_chances_bank_bg,
.chances-bank__bg {
  background-image: url("style-images/0fe2980f4a56f1ed3c7b3b786be98463f93e9bd9c4be39fcdfe433dbe831748a.svg");
}
.svg__ui_chances_bank_opt_1,
.chances-bank__opt-icon--1 {
  background-image: url("style-images/f045d6d61a73a6a17eb6532f857f570f63ed0a8e4d07ec5d67c64544e43d6205.svg");
}
.svg__ui_chances_bank_opt_2,
.chances-bank__opt-icon--2 {
  background-image: url("style-images/32fff306ae1ad52b2f6e14b8ff5b47e0dafe2aa3bd47ac16a8eb592dc460d5c2.svg");
}
.svg__ui_chances_bank_opt_3,
.chances-bank__opt-icon--3 {
  background-image: url("style-images/f8b47468fa83dfcd5004e5a5fbd50947b4dfd9faa4ab20fedcf5d6e9647e79b5.svg");
}
.svg__ui_chances_bank_opt_4,
.chances-bank__opt-icon--4 {
  background-image: url("style-images/7a5112d24267268f57e0c9ef2fc58a2ac465a7cad326bade1496f05982072b4e.svg");
}
.svg__ui_chances_bank_opt_5,
.chances-bank__opt-icon--5 {
  background-image: url("style-images/0fcda7db19da0e43c4ef124ad9b7327782c13c3317b28c734e72ae95659d873f.svg");
}
.svg__ui_change_table_autumn,
.change-table__bottle--autumn {
  background-image: url("style-images/130c45fbe5c8656acf65fb41b1888b348986ec62658bb7ce9071c1763a3003fd.svg");
}
.svg__ui_change_table_baby,
.change-table__bottle--baby {
  background-image: url("style-images/e938cf86aefbb62ad15806f14fbd6a3be6ab80605cf700ab25ed79a636aaad41.svg");
}
.svg__ui_change_table_btn_bg {
  background-image: url("style-images/d0ec4687aac1cef34196c509a1092704b1151c84b711a690b28c2b5f6c756b60.svg");
}
.svg__ui_change_table_champagne,
.change-table__bottle--champagne,
.change-table__bottle--champagnebot {
  background-image: url("style-images/9030512c4a12a0234ca5f8a528825d9311cd4d0bdff842ffb22008a6951e08d2.svg");
}
.svg__ui_change_table_cognac,
.change-table__bottle--cognac {
  background-image: url("style-images/99a634d9cf33c1d70dcfe901c46818568f082796fd6c6d6c3ab6705082e85216.svg");
}
.svg__ui_change_table_cola,
.change-table__bottle--cola {
  background-image: url("style-images/9aeab51cc4006dc5c2d737ba3183ef01bfcacd39227d23b63dc06a8a5c29ba54.svg");
}
.svg__ui_change_table_jackdaniels,
.change-table__bottle--jackdaniels {
  background-image: url("style-images/c9592fe0a0bd953fbbba80cc4f1a4b3a243793ad8c8f0453f22d2149cd7e91cd.svg");
}
.svg__ui_change_table_ketchup,
.change-table__bottle--ketchup {
  background-image: url("style-images/01a9ce0cfd3b8635ac60647d7633f56ed428b2c12b9d1e4cf7151a298ee2deb3.svg");
}
.svg__ui_change_table_kickout,
.change-table__kickout-timer {
  background-image: url("style-images/a1cf81d51aa08c12a9d1b0b0df31c03a2a76817a4e7b17ac67e165922b29ebb4.svg");
}
.svg__ui_change_table_lemonade,
.change-table__bottle--lemonade {
  background-image: url("style-images/500be96fd20af9e932261d5a678c098d0c64dae00c50430d6de1e9b9b97f4a63.svg");
}
.svg__ui_change_table_martini,
.change-table__bottle--martini,
.change-table__bottle--martinibot {
  background-image: url("style-images/1c2d980cf644025be34d1c314ff25a1eb3a2c39bbc8d067035f8807696d985fe.svg");
}
.svg__ui_change_table_men,
.change-table__stats-icon--men {
  background-image: url("style-images/d189c94912470990ced89b2ba43cd3278c6dea84a44a53919fea65827020bfc6.svg");
}
.svg__ui_change_table_milk,
.change-table__bottle--milk,
.change-table__bottle--milkbot {
  background-image: url("style-images/dec96cda812a4eec0e3c2eaccd8701fa94e90f42ba3993b4b01a0e53cc2cc5a1.svg");
}
.svg__ui_change_table_nybottle,
.change-table__bottle--nybottle {
  background-image: url("style-images/52f41723dc97778bfaff1a8b785b5e6bd29ef9ca69977d9f3bce389cfc51f9cd.svg");
}
.svg__ui_change_table_pirate,
.change-table__bottle--pirate {
  background-image: url("style-images/b965a7dbd88bb51a716fa16a4e33261d37a5f213bd513262a79119ec13ad5ea4.svg");
}
.svg__ui_change_table_random_bg,
.change-table__random-button,
.change-table__submit {
  background-image: url("style-images/4d961c5427e81680f284977fa9aabddafe779db37e8bc170ca57582611b509b7.svg");
}
.svg__ui_change_table_ship,
.change-table__bottle--ship {
  background-image: url("style-images/058af96938ec4a8460393a3d1d6da167a4fb79be259e7de09f687c3c2ab2bb79.svg");
}
.svg__ui_change_table_skeleton,
.change-table__bottle--skeleton {
  background-image: url("style-images/3e4c4ff7312624aaa514475576e7f1ce116a3d3053e9e827ff7a0628cb9333d7.svg");
}
.svg__ui_change_table_skewer,
.change-table__bottle--skewer {
  background-image: url("style-images/0004ecd0a73fd9aa00bef2ea9e51d48cad394e34b34bdc13150bd373795a7d65.svg");
}
.svg__ui_change_table_spring,
.change-table__bottle--spring {
  background-image: url("style-images/0b76bd993201c76658e6b2e774a4970443fad173966b4fca2fa941974851c143.svg");
}
.svg__ui_change_table_sprite,
.change-table__bottle--sprite {
  background-image: url("style-images/fc5f645a523c17da7b6124810c76883de0bd2854825d6aa3cd3be69a86026993.svg");
}
.svg__ui_change_table_standart,
.change-table__bottle--standart {
  background-image: url("style-images/c13785cbf42974c7f50f481bf7e73665227ab1e9b94223bf40a519fddc3bf2bb.svg");
}
.svg__ui_change_table_summer,
.change-table__bottle--summer {
  background-image: url("style-images/6c72adaeae5d4eebe12098674706973505bc1c18b3360b02ea927047f348947a.svg");
}
.svg__ui_change_table_vipbottle,
.change-table__bottle--vipbottle {
  background-image: url("style-images/fad46846dadd64514cc1a1797a17598369343ca3bf4771f42e5be6963cc60fee.svg");
}
.svg__ui_change_table_vodka,
.change-table__bottle--vodka,
.change-table__bottle--vodkabot {
  background-image: url("style-images/652e85e7d37f2700c8f6894e1e53ee24c139b042baed209c77936ab91da45c0e.svg");
}
.svg__ui_change_table_winter,
.change-table__bottle--winter {
  background-image: url("style-images/bad054662678fdb69b8976219e8bab26466b8aac4bd2c6e5b48ad45644849c5e.svg");
}
.svg__ui_change_table_women,
.change-table__stats-icon--women {
  background-image: url("style-images/1d738243687cbbb987d8f1baa4e8c088adc6bcd231478244c3efbf428597cbe9.svg");
}
.svg__ui_change_table_yacht,
.change-table__bottle--yacht {
  background-image: url("style-images/34e874fac682ca87ea66ac328dd138ec327e95edf203a878f2a5bcda0b6d40ae.svg");
}
.svg__ui_chat_btn_android,
.chat__btn--android {
  background-image: url("style-images/1c1105bbfd4f7e5a3dd569e6be3ada98f0b45576ed409064a79e6ffbbedc1211.svg");
}
.svg__ui_chat_btn_chat,
.chat__btn--chat {
  background-image: url("style-images/f732a47b2bcb6618a540d534d51dae0aa5351c4f0023c35e9db59915e72a5191.svg");
}
.svg__ui_chat_btn_emoji,
.chat-input__emoji {
  background-image: url("style-images/506a400e92efb3ae8135bc32a759da55e05463b031bf7cd5404464dfe0096471.svg");
}
.svg__ui_chat_btn_gift,
.chat__btn--gift {
  background-image: url("style-images/b5f87cbfbc4b7be6b13b1e56020b82e803bdf09533ed3f2f77b5724999ee7776.svg");
}
.svg__ui_chat_btn_ios,
.chat__btn--ios {
  background-image: url("style-images/7c11f6fd60a8ae3e1e936f2973d8f5ba02c170f38aa2a7045729a0389d5aedac.svg");
}
.svg__ui_chat_btn_reply,
.chat__reply-button {
  background-image: url("style-images/b08ae839e030f15ca5146882943ce35009d8cdebff546b50e3fd60561532a3b5.svg");
}
.svg__ui_chat_btn_reply_save,
.chat__reply-button--save {
  background-image: url("style-images/a6c04fb3702beb731c720a0575899ef579ae99f0db149efd0eec9bf55bbb86fb.svg");
}
.svg__ui_chat_btn_rewarded_video,
.chat__btn--rewarded-video {
  background-image: url("style-images/81dccf663bb6c24522023db143655f8cab010ac9e9165ce1e922a2edc47dfd79.svg");
}
.svg__ui_chat_btn_scroll,
.chat__scroll-btn-icon {
  background-image: url("style-images/e6eb52aef7f56f433f15499975e364e8de49392f97f7635c147e7c72ce43bcde.svg");
}
.svg__ui_chat_btn_send,
.chat-input__send,
.interactive-hints__send-button {
  background-image: url("style-images/0b96471c9f2d77f7a756c286096a58728fd69ddb04cd4924924e83c1ec69ae5c.svg");
}
.svg__ui_chat_btn_vip,
.chat__btn--vip {
  background-image: url("style-images/9d361028ec8fbe2e84676ac1a888afd37e1012720a4c05eedc2834053d656a3e.svg");
}
.svg__ui_chat_icon_achievement,
.chat__icon--achievement {
  background-image: url("style-images/8e561c79f529c5751d6a7b8fcb70e2a58bf30f7b00838ce34459bc37683d8d7b.svg");
}
.svg__ui_chat_icon_admin,
.chat__icon--admin_chat {
  background-image: url("style-images/85051c46d7cfe620d124a2a126ea4393e52a551248e3ee730711f2638f0bcc68.svg");
}
.svg__ui_chat_icon_adult,
.settings__icon--adult {
  background-image: url("style-images/7ead8bc7e37b9c569f684a11d0f94f2e5d09b3180f997c46cad54b1fcc3a8b87.svg");
}
.svg__ui_chat_icon_arrows,
.chat__icon--arrows {
  background-image: url("style-images/ad016c7bca98e388e8a570d43a1714659c620042629262f704e847ad55641f53.svg");
}
.svg__ui_chat_icon_ban {
  background-image: url("style-images/59f994ffb0c7b685b49d8e4528495730862452eef13cbbd1df535e8740160489.svg");
}
.svg__ui_chat_icon_birthday {
  background-image: url("style-images/d2708ea2d438d2e2a6067c3db6ba47ddb99e11be742692069e4dacf1e2ab9c7f.svg");
}
.svg__ui_chat_icon_bottle {
  background-image: url("style-images/52a33db078db6b4915ccb54b59a5083e2db5c2d59adca526018fd782f5a7b257.svg");
}
.svg__ui_chat_icon_complain,
.settings__icon--complain {
  background-image: url("style-images/c17ff98add209c78e53f2f3e6e78e778f5114e60f379018415170ee6f252c1d3.svg");
}
.svg__ui_chat_icon_count,
.chat__icon--count {
  background-image: url("style-images/9ec5f06e858d08ccb7735601b6b966641d3d0bc37204c4f4cd0e38172fea4d1e.svg");
}
.svg__ui_chat_icon_crown {
  background-image: url("style-images/cee9a324d80ba3c071df37855ede7e44418d4f67164ea4e173816b08cece8b72.svg");
}
.svg__ui_chat_icon_disabled_ban {
  background-image: url("style-images/cc8dbae00324ab9e09565e4d324fb13dad61eb245519e56a1b13cbb1400546ac.svg");
}
.svg__ui_chat_icon_gift,
.pager-help__image--gift {
  background-image: url("style-images/b02c529aced4194ca8d1304641c559315ae7ddb8947900055c9b8dae0c8b86c5.svg");
}
.svg__ui_chat_icon_harem_busy,
.chat__icon--harem_busy {
  background-image: url("style-images/afe70fa4b70a251f9ec8c93e4c01089553c3a7ca4f9bdb47e052f17a3380e911.svg");
}
.svg__ui_chat_icon_harem_free,
.chat__icon--harem_free {
  background-image: url("style-images/fab6c89f1ae513531238bc78540900bc9677d90f3e4b6959ecaebef54d35929e.svg");
}
.svg__ui_chat_icon_heart,
.chat__icon--heart,
.chat__icon--rewarded-heart {
  background-image: url("style-images/e26bf4f7576bc9359092ca8fe7b4371cce838f743e73ad360270565f1c1fc952.svg");
}
.svg__ui_chat_icon_ignore,
.settings__icon--ignore {
  background-image: url("style-images/21220f55ff8637bb53f126028a5ab81fd81871088b1895d956ea6c6a8cce44d2.svg");
}
.svg__ui_chat_icon_jail {
  background-image: url("style-images/d3bd25cf30f5f43b6a1baecb4954efe80d5f7aac0913435b44701559c929438f.svg");
}
.svg__ui_chat_icon_kick,
.chat__icon--kick {
  background-image: url("style-images/9ebc85b31373b9e3254d525ab03c6dde1fff27969c18402636ad39371605eb6e.svg");
}
.svg__ui_chat_icon_kicked,
.chat__icon--kicked {
  background-image: url("style-images/7c9df473e0137b62e0cac4cb26573a1c80e732489a3c8d79b6504f281bf7ea99.svg");
}
.svg__ui_chat_icon_kiss {
  background-image: url("style-images/b120b741db9ba981333574ef39f0f959f3e4416096dc7c02f4e16a8de5adfc39.svg");
}
.svg__ui_chat_icon_music,
.chat__icon--music {
  background-image: url("style-images/ee20fda52d327b3c9bbef5b51e2750e70bb7b93e3322a7edccf639583f374e8a.svg");
}
.svg__ui_chat_icon_random_gift {
  background-image: url("style-images/14a28e8c278d4a2deed100a1128fc49f2aee12fb5818b485a7a8c58fc0254688.svg");
}
.svg__ui_chat_icon_save,
.chat__icon--save {
  background-image: url("style-images/bb1ccfa3ef1cbf6742accef45f1783258a08cc20d2b74dd44e6870fb695e9bbc.svg");
}
.svg__ui_chat_icon_system,
.chat__icon--system,
.settings__icon--debug {
  background-image: url("style-images/d4580ee9bdc160022308c09e81a09d7473f797617815519107f5b3274d981f93.svg");
}
.svg__ui_chat_icon_translate,
.settings__icon--translate {
  background-image: url("style-images/397aa10b9fc8b3c3c24b32eaa50d4059ed34a8ab14ee9dad81bf64e2ceddfd35.svg");
}
.svg__ui_chat_icon_warning,
.chat__icon--ban,
.chat__icon--flood_error,
.settings__icon--report {
  background-image: url("style-images/2c4c1a1e14210c99dbcd0695d2eb2611efd7aa00df53a94287c6b1d6f0cef2bf.svg");
}
.svg__ui_chat_letter {
  background-image: url("style-images/b95eeb4a7a40bc71c773e613a4c2e3760c5cbc6acf1361385beb2a5a2caffcc6.svg");
}
.svg__ui_chat_message_action,
.chat__message:hover .chat__report-icon {
  background-image: url("style-images/787a85489beee3d62f10f51229e9cddfc3f3a9a157ca9515bef91e7866dab3e1.svg");
}
.svg__ui_chat_nsfw_warn_icon,
.chat__banner-icon {
  background-image: url("style-images/c42a4986a422577457e42ce6dc94a8270a9711fa0d053bec118aa5f88a70f883.svg");
}
.svg__ui_compliment_book,
.compliment-send__adresses-img {
  background-image: url("style-images/830b3995c88a04888fb0b4bc8d0d3daf019d3515d6f446967dbb2944aadf40cc.svg");
}
.svg__ui_compliment_item_beer,
.compliment-item--beer {
  background-image: url("style-images/ca2b036c6e954833018d61fee75ff2fb6eeebda44377fbd747916339a649a0f9.svg");
}
.svg__ui_compliment_item_bubbles,
.compliment-item--bubbles {
  background-image: url("style-images/7b524cb7c90d4b61f09ae5eff6e71529440834db62c18fd973ccb7d75068e480.svg");
}
.svg__ui_compliment_item_crazy,
.compliment-item--crazy {
  background-image: url("style-images/88029b4dbf6e7cdb836a0d16cc8d04b058449cbbd64d359db130b682eec95f0d.svg");
}
.svg__ui_compliment_item_fists,
.compliment-item--fists {
  background-image: url("style-images/fe9aa72ed3efc4082a9cf47817f164830b2a4fe7f49d05f93d2131cdb54fa69a.svg");
}
.svg__ui_compliment_item_love,
.compliment-item--love {
  background-image: url("style-images/eb2e40309d691cb847cb6ba3ec953bf0e6c25e9ddb62c3e33ff9c29cd4533cb3.svg");
}
.svg__ui_compliment_item_sloth,
.compliment-item--sloth {
  background-image: url("style-images/a982e36f67735a5dab0d87aaf9f7deb1c98f235c3f38b607647cabcda36bef56.svg");
}
.svg__ui_compliment_item_strawberry,
.compliment-item--strawberry {
  background-image: url("style-images/dad873db70883623372c4caf9d7a5fbd1861c8ca2e4bc930198097fbb0dc7c59.svg");
}
.svg__ui_compliment_item_thumbs_down,
.compliment-item--thumbs_down {
  background-image: url("style-images/36b2ed30a06c0d26949ccdb5284a874fba9a22f47cb4745f5dae7475287b6e5b.svg");
}
.svg__ui_compliment_item_thumbs_up,
.compliment-item--thumbs_up {
  background-image: url("style-images/07103329cdfb4c0bdffe3a348df9140a9f41185da33ad1e96546ce6bf8c06f25.svg");
}
.svg__ui_daily_bonus_bg,
.daily-bonus__bg {
  background-image: url("style-images/7599d1ddda7dae81a2010e4bbd7edb15846329e0c2eb634d4618c8f36c7fce4e.svg");
}
.svg__ui_daily_bonus_heart,
.css-item--heart,
.daily-bonus__heart {
  background-image: url("style-images/b94edaa4376b703e6f205031e938458bc58996055c28d622f9d399e2feb0954e.svg");
}
.svg__ui_daily_bonus_premium_icon,
.bottle-pass-premium__pass-icon,
.daily-bonus__premium-icon {
  background-image: url("style-images/d948d608d34107adba7b2311dba3704e8317ff4f2ff505e357bf4baf81b5b7d2.svg");
}
.svg__ui_decor_change_empty_frame,
.decor-selection__store-frame--empty {
  background-image: url("style-images/f12b46d31057bdc717fa3077333eb7d94fd691347b46466f84395011eb887a75.svg");
}
.svg__ui_decor_change_empty_stone,
.decor-selection__store-stone--empty {
  background-image: url("style-images/b87b5a1b1d48890c5678f22a4c6241bd17beaf3d2d5f03bcb8ab5342d1a49fa4.svg");
}
.svg__ui_decor_change_selected_icon,
.bottle-pass-premium__success,
.decor-selection__icon-applied {
  background-image: url("style-images/d1c3a6e6a2caab24c56336f1b89e8e74271b1578ccc46a1a028d20138691c9bf.svg");
}
.svg__ui_decor_change_table,
.decor-preview__table {
  background-image: url("style-images/b385774212867dee9dcfdaf5e28b341b7b967a39ef2ab72023424fda3c42676b.svg");
}
.svg__ui_default_photo,
.info__image--default-photo {
  background-image: url("style-images/060ba9e33de96b8a72c2703ca799e0cc157e909227b0e6b0ce184a8cafedf307.svg");
}
.svg__ui_disconnect_logo,
.info__image--disconnect {
  background-image: url("style-images/65dbf89b26850a690870ae63199b62a08859a8a64bcdb4807a56c9d4f9c9a7ea.svg");
}
.svg__ui_game_black_friday,
.bank__image--black-friday,
.percent-bonus__image-black-friday-vk,
.percent-bonus__image-black-friday-ok {
  background-image: url("style-images/4932acc4d89304cf6bdd00aabfb4e1762f1798093570c31c72e40aed565c85f2.svg");
}
.svg__ui_game_bonus,
.bank__image--bonus,
.percent-bonus__image-bonus {
  background-image: url("style-images/89116e406130e3afd377227afbccf5747c8c9e31a6f57b35814698ceca8a869f.svg");
}
.svg__ui_game_friday,
.bank__image--friday,
.percent-bonus__image-friday {
  background-image: url("style-images/5eeedac08bb47d2cbe340ae58c4c1b508ac6e901e71ff494d583b4a33f8cd0aa.svg");
}
.svg__ui_game_sale_day,
.bank__image--sale-day,
.percent-bonus__image-sale-day {
  background-image: url("style-images/ba23dbeb66a1789d60fb9e9e78cf913aa1af174d5c6f1e303ac692439970484e.svg");
}
.svg__ui_gender_icon_female,
.gender__icon--female,
.profile-info__gender-item--female,
.profile-settings__gender-item--female {
  background-image: url("style-images/161041d3b36ed9257804f5bb6580ffd7e53901b74981a17faa3d4252de42c065.svg");
}
.svg__ui_gender_icon_male,
.gender__icon--male,
.profile-info__gender-item--male,
.profile-settings__gender-item--male {
  background-image: url("style-images/1f7a9c1327fce19388e480bcbcbda1bfde7e64651d0fff3c27384ad54da329f6.svg");
}
.svg__ui_harem_lock,
.pager-help__image--lock {
  background-image: url("style-images/4ba8789d846c5073495eddf6b9faf7de7e7f67c9e0b64dad1b020d99cf7d4673.svg");
}
.svg__ui_hint_cursor,
.interactive-hints__hand-image {
  background-image: url("style-images/e69efd6f216d2118212a7ed341d94b8203ffb31ecf3b21ca8cab90fdfd3ed7f4.svg");
}
.svg__ui_ic_emoji {
  background-image: url("style-images/1c30961565a731a15ffe25183785d2dc56e717754a61f08d3afe9297362191f6.svg");
}
.svg__ui_ic_top_bg,
.top-dlg__bg {
  background-image: url("style-images/0b4effd9e68d69cbc692957bf178ac8d15e784d757af073a55302c7cc683dcdd.svg");
}
.svg__ui_ic_top_dj_score,
.gift-locked__icon--dj_score,
.gift-unlocked__icon--dj_score,
.pager-help__image--music,
.top-dlg__tab--dj_score,
.top-dlg__icon--dj_score,
.user-profile__stats-icon--dj {
  background-image: url("style-images/47301d93750caeae9f3a27db06b65c26e3be562ed3df99c2ab5def44e08f343e.svg");
}
.svg__ui_ic_top_dj_score_disabled,
.top-dlg__tab--dj_score-inactive {
  background-image: url("style-images/220f360de5d10ee0fad1fa81f23a73c2542dc3f71add034d0c930b95b2b7445c.svg");
}
.svg__ui_ic_top_harem_price,
.gift-locked__icon--harem_price,
.gift-unlocked__icon--harem_price,
.top-dlg__tab--harem_price,
.top-dlg__icon--harem_price,
.user-profile__stats-icon--harem-price {
  background-image: url("style-images/a384669acbdc7a196d73bfff7ba78b44a8d63625794eda7861cbfef97d5abdee.svg");
}
.svg__ui_ic_top_harem_price_disabled,
.top-dlg__tab--harem_price-inactive {
  background-image: url("style-images/aaf19356e93eb976de07b25c686136762903cef9dfeacf15e135ddfadefea428.svg");
}
.svg__ui_ic_top_price,
.top-dlg__tab--price,
.top-dlg__icon--price,
.user-profile__stats-icon--price {
  background-image: url("style-images/3379fc7a630e1dfebd3d73c0d862d5183a86ef40e8d2a1e7600c2f64882fcdf9.svg");
}
.svg__ui_ic_top_price_disabled,
.top-dlg__tab--price-inactive {
  background-image: url("style-images/3f6960c9464d5d8865b22584433bbf736c9b6e067e5d29fbfd64327b1ceffd4b.svg");
}
.svg__ui_ic_top_selected,
.top-dlg__selected-icon {
  background-image: url("style-images/017b52414232d9f4df690006b81c8e260238a37641c12898d2ab0c103a24f880.svg");
}
.svg__ui_ic_top_selected_green,
.kickout__check,
.profile-settings__selected-icon {
  background-image: url("style-images/14c275c84cc9bafb5c6c23552e2b65bfa5afb31e021e31f0062ca4d4cd41d81a.svg");
}
.svg__ui_ic_top_total_kisses,
.gift-locked__icon--kisses,
.gift-unlocked__icon--total_kisses,
.info__kiss,
.invite-friend-teaser__icon--kiss,
.pager-help__image--kiss,
.top-dlg__tab--total_kisses,
.top-dlg__icon--total_kisses,
.user-profile__stats-icon--kiss,
.vk-quest__icon--kiss {
  background-image: url("style-images/45059ad02ce5a0f560a9fbcb27ebf6b0525c2a90261dec0fa6513855f3738251.svg");
}
.svg__ui_ic_top_total_kisses_disabled,
.top-dlg__tab--total_kisses-inactive {
  background-image: url("style-images/fdd592c96bfa0408586018122ffa016f2decf9ec540d555fe91e791b991cb466.svg");
}
.svg__ui_icon_loading,
.music-list__loading-icon,
.top-dlg__loading-icon {
  background-image: url("style-images/3dff68f378475136670e939fb0a48d651b6be5c9359ab744cc3c7a7f0e1982ff.svg");
}
.svg__ui_icon_share,
.iginvite__image {
  background-image: url("style-images/a2d190438b1e0a62b336e291a8185592908bff676ca9360cca4acb253079a07e.svg");
}
.svg__ui_icon_timer_black,
.kickout__timer {
  background-image: url("style-images/1ea11aa856ac935ae20b8bb2265574dc7a28102af78adf7c3b3880089bb8dea8.svg");
}
.svg__ui_icon_timer_grey,
.bank__premium-pass-timer,
.vk-quest__timer {
  background-image: url("style-images/861fbf3a565d00c09a7e17c9f74393f025b5b31d2e20bbb7edf0b7bedd9d8f5d.svg");
}
.svg__ui_icon_timer_white,
.bank__rv-timer,
.bank__promotion-timer-icon,
.bottle-pass__toast-timer,
.kickout__timer--progress,
.music-preview__timer,
.retention__timer,
.toast__icon--timer,
.vip__tokens-timer {
  background-image: url("style-images/59630ab863643d60c50ffd48e723634baa7124e9ff77e49663745ced285647f5.svg");
}
.svg__ui_ig_bot_subscribe_pointer,
.ig-bot-hint__pointer {
  background-image: url("style-images/dfd381b415243e0048fdeddefb667c13b4b2d48abb6b848980ae42ba21992db0.svg");
}
.svg__ui_inactivity_logo,
.info__image--inactivity {
  background-image: url("style-images/d48fe2e2e3f30ac70d0b6fc567c3c6f1e05b578f590fc3b29e60af615325b56e.svg");
}
.svg__ui_interactive_hint_push,
.interactive-hints__circle {
  background-image: url("style-images/adcb8f57ac91682c2ac9f5c8b67af4c5c5afdc887bdd5ce39c73e70702b480db.svg");
}
.svg__ui_invite_friend_teaser_tg,
.invite-friend-teaser__image {
  background-image: url("style-images/f8fffb0b37f9c1c57fb7497ff563f6582faef40b35a0936f15214daf032762e7.svg");
}
.svg__ui_kickout_help_icon_kick,
.common-help__item-icon--kickout-kick {
  background-image: url("style-images/3ee5e11aa93b91078ffb20bf78e32a06ae7fcd2b5c3f717b41b91e5f08f34004.svg");
}
.svg__ui_kickout_help_icon_timer,
.common-help__item-icon--kickout-timer {
  background-image: url("style-images/49b8d9f2a17fd05093a6c14250f1d046b8f3abbd8ad19b681fe21b11f78ac054.svg");
}
.svg__ui_kickout_help_icon_vip,
.common-help__item-icon--kickout-vip {
  background-image: url("style-images/1d9763eeed52fe54ae9dae40fb85fc6a3aefd727f700582f0bac10ecac9dd811.svg");
}
.svg__ui_kickout_icon_blick,
.kickout__blick {
  background-image: url("style-images/eddc20638793e6dfc029ec9316e7792247080010d0b71a309fe732576149702d.svg");
}
.svg__ui_kickout_icon_info,
.kickout__info-icon {
  background-image: url("style-images/7d03be2b39dba648e4f1ab17f4acac513132466d3c4dad0179372fcf850a85ea.svg");
}
.svg__ui_kickout_icon_kick,
.kickout__icon--kick {
  background-image: url("style-images/044dfe1603438e00306679cae8fe22cc7a5cceea1bd00c28dcb210fd70da4768.svg");
}
.svg__ui_kickout_icon_kicked,
.kickout__icon--kicked {
  background-image: url("style-images/affcaa11717b066c3c4c80baf3152e3bc2fee5c7d26554233c7fd50104fee881.svg");
}
.svg__ui_kickout_icon_save,
.kickout__icon--save {
  background-image: url("style-images/709173141b5078525027d9c881be008c31c2c742eeb298afdc8733cd60f6860b.svg");
}
.svg__ui_league_altar_icon,
.league__cup-bg--altar {
  background-image: url("style-images/d4eec911473de68d1d9b2827296152eb3feb4ea2496d958f317ab3ab5f3fbdfd.svg");
}
.svg__ui_league_boosters_icon,
.league__boosters-btn-icon {
  background-image: url("style-images/65f8176ea2b938b3e617259c4d92e8e5c7880bc706250acab4a1e331f8e0527b.svg");
}
.svg__ui_league_finish_bg,
.league__cup-bg--finish {
  background-image: url("style-images/a8383fdb4ca5db8d906d1b2f2a7c57b7241c77b71110b484082a83de8508dcef.svg");
}
.svg__ui_league_first_gift,
.league__present-icon--1 {
  background-image: url("style-images/5df7a2f4c22a91703a57d4f4505a9f57f305cae5bfefea2c3f84c07c79e7c046.svg");
}
.svg__ui_league_first_gift_big,
.reward__image--1,
.reward-info__prize--1 {
  background-image: url("style-images/b162bcaf422bb4ed8f74dcb53b52ef700ca1fa83d325515e253f6a12bf87a12f.svg");
}
.svg__ui_league_first_gift_open,
.reward__prize--1 {
  background-image: url("style-images/ef9b5e1f01febb04c5a8bf19e3664fbe3e5896181683896b42a5b520ec5ca215.svg");
}
.svg__ui_league_ladder_icon,
.league__ladder-icon {
  background-image: url("style-images/4ab3d987f8bfae522b3ba7d7f25fbdb34e1723cb7d49edc739c02bb8603371ff.svg");
}
.svg__ui_league_ladder_icon_blue,
.league-ladder__icon {
  background-image: url("style-images/a8c5d12ebe587913e4fe9cd1b92b4a405a5ac5cddb6b9853405276aa650061ca.svg");
}
.svg__ui_league_ladder_icon_locked,
.league-ladder__item--inprogress .league-ladder__icon {
  background-image: url("style-images/b4bf8fe304d3ecfd727b0e416a2842c78ce4b76b5fc2e85142deecfdfcceaa15.svg");
}
.svg__ui_league_ladder_icon_white,
.league-ladder__item--current-viewer .league-ladder__icon {
  background-image: url("style-images/6c974898f5d2a65562200554db5f1cb937fb8b7d013ef333d72b4fc2d57a14cc.svg");
}
.svg__ui_league_ladder_info_icon,
.league-ladder__info-icon {
  background-image: url("style-images/3c5052541c39858debacfd878b5104c7b7b984b8b671f7e162360bb745e9cc11.svg");
}
.svg__ui_league_limit_check,
.league-limit__icon {
  background-image: url("style-images/0616fa081351916a54eb13b2f390a0de36e39a5a5c199a9e1ad77b079112ba09.svg");
}
.svg__ui_league_lock_icon,
.decor-item__lock,
.frame-item__lock,
.gift-item__lock,
.stone-item__lock,
.bottle-pass__level-prize-icon--locked,
.gift-unlocked__lock,
.scheduled-unlocked__lock {
  background-image: url("style-images/791eec6e285b563909dc398ca6a30e7a63a07f46641020b6eddab1dca2289bf2.svg");
}
.svg__ui_league_manual_control,
.pager-help__control {
  background-image: url("style-images/70666319f2953cb6ab377cacbcdf035063fb202fad1de0787369a45d65055619.svg");
}
.svg__ui_league_manual_control_active,
.pager-help__control--active {
  background-image: url("style-images/74eaa9eee14a15e43764a483837f9cbfb6713644a131dbdce8a4255e9e14a333.svg");
}
.svg__ui_league_manual_down,
.pager-help__image--down {
  background-image: url("style-images/48d653c5254adb9b4d529ba407e646cf2cc27d561e156be2859e720e47e6953a.svg");
}
.svg__ui_league_manual_icon,
.boosters-list__manual,
.kickout__manual,
.league__manual,
.league-move__manual {
  background-image: url("style-images/8fbf9caa5ebc540c580c8ad134d102c64b88fe2da43846b127e1d946b9225a9d.svg");
}
.svg__ui_league_manual_icon_up_down,
.bottle-pass__manual,
.league__x_popup__header--up .league__manual,
.league__x_popup__header--down .league__manual,
.roulette__help-icon,
.top-dlg__help-icon {
  background-image: url("style-images/e3d0154521fa1fc7b5f3f9bea9cb6e6b7401d8ef337c9bffb1fb3b658bc813a4.svg");
}
.svg__ui_league_manual_main,
.pager-help__image--main {
  background-image: url("style-images/3836da99dcd7e6823143dff12c98d9643037d0067ee13d004b900d49beaa2175.svg");
}
.svg__ui_league_manual_up,
.pager-help__image--up {
  background-image: url("style-images/b5c82a46df4be143d7d7b2c107ac0f8afb4eff605e22779ffe0e24792a9f6792.svg");
}
.svg__ui_league_move_down_cup_bg,
.league-move__cups--down {
  background-image: url("style-images/a69210f531b14b06e37c2097b042441eb2b917be3814bb9c8f8ecb14240ea87e.svg");
}
.svg__ui_league_move_up_bg,
.league-move__up-bg {
  background-image: url("style-images/a9e19e58c26ef4579eefab6d1b5007bd405735e6799c4570da320ed0c9c13a64.svg");
}
.svg__ui_league_move_up_cup_bg,
.league-move__cups--up {
  background-image: url("style-images/be543d503348ad06917d51a62b56367aa5e55192d5fdf74b0af263b0c4ab2c03.svg");
}
.svg__ui_league_regular_gift,
.league__present-icon--regular {
  background-image: url("style-images/abc86e9f98e8ee3a1cfd51574b58f118ef12bc23328051f05699ad304076421d.svg");
}
.svg__ui_league_regular_gift_big,
.reward__image--regular,
.reward-info__prize--regular {
  background-image: url("style-images/5965aeb1bb04d264c13429836dfa9b7edf867a4c16333c078053e26fe909aba4.svg");
}
.svg__ui_league_regular_gift_open,
.reward__prize--regular {
  background-image: url("style-images/e2c69899aa44f22962db45029da597938ad369ab7a4d4fbecadda8665548b59c.svg");
}
.svg__ui_league_reward_bg,
.received-gold__bg-image,
.reward__image-bg {
  background-image: url("style-images/b057f1f4ad66c379199ad269aab293acb5b927860571fa89251e3d4e7a3fa678.svg");
}
.svg__ui_league_reward_info_bg,
.reward__prize-bg,
.reward-info__prize-bg {
  background-image: url("style-images/b55fd18b524d600e2dc027d65c6b8ebd70b5187025e6e19551889da5df429be9.svg");
}
.svg__ui_league_second_gift,
.league__present-icon--2 {
  background-image: url("style-images/ae658e876faae63f2cbbcfb04f61412a46c86476c50a4a7217515159b7c7e7f6.svg");
}
.svg__ui_league_second_gift_big,
.reward__image--2,
.reward-info__prize--2 {
  background-image: url("style-images/48f3fbd6dab3f76821b5d0f61e6b8eec0dd2fb0bea87f02423253db219c2467f.svg");
}
.svg__ui_league_second_gift_open,
.reward__prize--2 {
  background-image: url("style-images/91c0254a07a248867a55c74a3f1329a393f493822c85cc2812074e4c595813fb.svg");
}
.svg__ui_league_star_icon,
.booster__info-icon,
.league__stars-icon {
  background-image: url("style-images/e11ed2f95652c7bc80f0fe45f29ad734841f92211d18efbf25f942c7a547bc7a.svg");
}
.svg__ui_league_stone_bg,
.stone-item__stone-bg {
  background-image: url("style-images/b0d032adf119d0237e5acf1ecfc4a17153ea48207cd77218fd24ef3399d2dec2.svg");
}
.svg__ui_league_third_gift,
.league__present-icon--3 {
  background-image: url("style-images/9ce42220c18fe9fc144176adf005be54d958963c89fbb0b494b9a5fbb27308ed.svg");
}
.svg__ui_league_third_gift_big,
.reward__image--3,
.reward-info__prize--3 {
  background-image: url("style-images/05b16f4aee927db39402b2b518fadbc159b76e96ea4d4f6ba2cbeedb26ad63d0.svg");
}
.svg__ui_league_third_gift_open,
.reward__prize--3 {
  background-image: url("style-images/e3db5ece63e059ca85c271febda02a25a09b6c6951cd5fc3cc7a2c6f5b314d91.svg");
}
.svg__ui_levelup_heart,
.button__heart {
  background-image: url("style-images/4d7eccc5d31532b9e5e89a127f1bd375db9a7b43043fc03c44a73973e0531acd.svg");
}
.svg__ui_loading_age_limit_icon_ge18,
.loading__age_limit_icon--ge18 {
  background-image: url("style-images/80c02b9495bab97f0246a2100a459db1a47a2edb4d4e3cab4349df0f1ef946d9.svg");
}
.svg__ui_loading_arrow,
.loading__arrow {
  background-image: url("style-images/7f0c2fd2280707c4ef64d7ac36a3ed060cdaa05850a0e68ec61f183ea14721c7.svg");
}
.svg__ui_loading_icon_fb,
.loading__icon--fb,
.user-profile__action--fb,
.user-profile__action--ig {
  background-image: url("style-images/d8d36d767864ea0f722e161af9a0b1b4ba46a146dcf3c57325960aaf7d87f9f6.svg");
}
.svg__ui_loading_icon_mm,
.loading__icon--mm,
.user-profile__action--mm {
  background-image: url("style-images/40d53b1fb1088d88593dba9c06dc0c34d41a2426fdeaae8ca5b9d6aba0528d3c.svg");
}
.svg__ui_loading_icon_ok,
.loading__icon--ok,
.user-profile__action--ok {
  background-image: url("style-images/58d864018ea1d8ec5998735fc644b4c4eeb4775831ab887e3f8e7fa249bf510e.svg");
}
.svg__ui_loading_icon_tg,
.user-profile__action--tg {
  background-image: url("style-images/05878b2ecefa76e21bb472785f82c0054d1ab4b6ce053b1cd307f6731bed4506.svg");
}
.svg__ui_loading_icon_vk,
.loading__icon--vk {
  background-image: url("style-images/fad3da3506babc3d9546919e4067372c9fe46383c82d521f498a53d95578e94d.svg");
}
.svg__ui_loading_icon_as,
.loading__icon--as {
  background-image: url("style-images/762a5c75c33dbc99ba49a2e63f284b797d9939886ebc02df78197a49e8acb19c.svg");
}
.svg__ui_loading_icon_gg,
.loading__icon--gg {
  background-image: url("style-images/3424a4f82b6f00aff535cc9e69b0ac69e62f1e502ac3995ded25c8bba511979e.svg");
}
.svg__ui_loading_logo_en,
.loading__logo--en {
  background-image: url("style-images/a560efc8b7944f21f8d2bad3e0f33d4475b613c548572ad83474e5da097c431d.svg");
}
.svg__ui_loading_logo_ru,
.loading__logo--ru {
  background-image: url("style-images/6a01a47c590d30abcfddf02b1e78b030e76527d631613638d0963e9377c59f0c.svg");
}
.svg__ui_lock_emoji,
.emoji-picker__vip-lock {
  background-image: url("style-images/09f5f5dd2cad5f19287e5bb5385c8e445a2bf753685f4cc43112c55f4148119f.svg");
}
.svg__ui_misc_menu_achievements,
.misc-menu__icon--achievements {
  background-image: url("style-images/d84d82e4a4aac7495ee7284d4c6ee0ef1a01fb546e91d58c8fdc6cda3b54ce36.svg");
}
.svg__ui_misc_menu_boosters,
.misc-menu__icon--boosters {
  background-image: url("style-images/dd2545c5b08e86dcd5052343552b3d4a3ad1b708606c3c00341192164fc1e911.svg");
}
.svg__ui_misc_menu_bottle,
.misc-menu__icon--bottle {
  background-image: url("style-images/3a15410e6609852df983b4b77aa1cb56e1a77025635b420d1c7eb8e6dd314baf.svg");
}
.svg__ui_misc_menu_decor,
.misc-menu__icon--decor {
  background-image: url("style-images/62c29a4133db783d3428eb285baab45f7499c2ce2cc2230a03558bf1b56b7f84.svg");
}
.svg__ui_misc_menu_tops,
.misc-menu__icon--tops {
  background-image: url("style-images/4d60263e3ecfdf11def73383a131aa31a0a81e244955b258bb7ecf56bc4988bd.svg");
}
.svg__ui_music_btn_favourite,
.music-list__favourite--audio {
  background-image: url("style-images/c586227f91f9a07ca3b45aa88da5402cc3c9e8303f06643516cf30c7f5bad677.svg");
}
.svg__ui_music_btn_favourite_active,
.music-list__favourite--audio.music-list__favourite--active,
.music-list__favourite--video.music-list__favourite--active {
  background-image: url("style-images/eeb027d2c4931d23c02d8ac406d38ee328ce07172857b893c87538168a6b1ebf.svg");
}
.svg__ui_music_btn_favourite_video,
.music-list__favourite--video {
  background-image: url("style-images/16f343314ebca95dcb6f241fb95f28bb504abccd3a6eb8bac6f48f34f50fd17e.svg");
}
.svg__ui_music_favourites,
.music-list__favourites-tab {
  background-image: url("style-images/3929882641dc54ebf5cbbed9f6d8654699695eb10e48aa3ebd9cf1f96235712b.svg");
}
.svg__ui_music_favourites_inactive,
.music-list__favourites-tab--inactive {
  background-image: url("style-images/870682aef1efc411c85b9222fcbaaa5dbdb7687e955097c9186c0ebb4ed2cda4.svg");
}
.svg__ui_music_history,
.music-list__history-tab {
  background-image: url("style-images/2a9570b453bc452f251d955a324b1e04ecfab38bd45115ff3c7b994736e12588.svg");
}
.svg__ui_music_history_inactive,
.music-list__history-tab--inactive {
  background-image: url("style-images/45f8b4ec7e4202e9de9a1875c3a6056f802d86724f6a76b7703cd1a2cfdc551b.svg");
}
.svg__ui_music_hot,
.music-list__hot-tab {
  background-image: url("style-images/eb03f12ad6cdaffd9627872ae6ecc48919828b97608e013d3a1fa3a5e10e5ad6.svg");
}
.svg__ui_music_hot_inactive,
.music-list__hot-tab--inactive {
  background-image: url("style-images/aff9bbb8eda46e05aea744f6d34f7258c2d88bea8153828cbe53c33770fb24df.svg");
}
.svg__ui_music_notes_left {
  background-image: url("style-images/0aca82db81994785b2902e7cdf2b12b3ec20f2bf37ef5dd06850cd9832ee510c.svg");
}
.svg__ui_music_notes_right {
  background-image: url("style-images/81e5fd83ad24fed851aaf0657711f7e404e2029f2dcefdd033df4ae72bd5ebb8.svg");
}
.svg__ui_music_pause,
.music-list__pause {
  background-image: url("style-images/dbc480b78cc396c8d3676ca0aaede0991678e79b97579173e71ae6c5f4c9057d.svg");
}
.svg__ui_music_play,
.music-list__play {
  background-image: url("style-images/cf3b5218fbd11afd753ed3637bbc3b97160173db913775790963b97492735189.svg");
}
.svg__ui_music_playlist,
.music-list__playlist-tab {
  background-image: url("style-images/336993f65d8b9356ddd8e6a8ec8924ed2240431934f652bbf56f7dc7587f202d.svg");
}
.svg__ui_music_playlist_inactive,
.music-list__playlist-tab--inactive {
  background-image: url("style-images/4e9525e492f1e87219623752a2bffb1593251ba09e1721397eb378b103b0b349.svg");
}
.svg__ui_music_search,
.music-list__search-tab {
  background-image: url("style-images/62d7755634ece18c38b5c0514a5e8c20cc2b6304a663cd9842f56d42e973b5df.svg");
}
.svg__ui_music_search_icon,
.music-list__search-icon {
  background-image: url("style-images/401b520f6331d0e1741e9d4aeedc351a031449ecac0e4d83ea66202deffb33c4.svg");
}
.svg__ui_music_search_inactive,
.music-list__search-tab--inactive {
  background-image: url("style-images/8598fc2cee4378096a3ec5cf742cd5532844d194d9aad8f2dd7ce9cf10d6bcdb.svg");
}
.svg__ui_music_search_reset,
.music-list__search-reset,
.test-settings__custom-url-reset {
  background-image: url("style-images/03a689478e16b522c8c99607ad31652272cc7146f145c133452b62c06ade3617.svg");
}
.svg__ui_music_video_icon_ok_white,
.music__provider-icon--ok {
  background-image: url("style-images/555fa54c7b8d4ad3a59554841ce8bee21561501c16bd559045b4686f299a8571.svg");
}
.svg__ui_music_video_icon_ok,
.music-list__video-icon--ok {
  background-image: url("style-images/d38b1c56f8af0221aad88f61b41706b58d409b0650417bd17a7a4fa8962e1ddc.svg");
}
.svg__ui_music_video_icon_vm_white,
.music__provider-icon--vm {
  background-image: url("style-images/8b05bd9a37429b990e14d2aa217472f5bb100e92b69e0d6453e66a64f47121df.svg");
}
.svg__ui_music_video_icon_vm,
.music-list__video-icon--vm {
  background-image: url("style-images/b6d20840a5e47787d5f88605a4cfc442c6c63c1177a9626ec7478c95e8063d9a.svg");
}
.svg__ui_music_video_icon_vv_white,
.music__provider-icon--vv {
  background-image: url("style-images/e2a11a1248734de21c552401afed6ea61de2924652f0f630e2df715069f00757.svg");
}
.svg__ui_music_video_icon_vv,
.music-list__video-icon--vv {
  background-image: url("style-images/4e537f00f6c8fdd130549f1dc5687286b7c5fe1ba239402a52c23d6ac3f5d8fb.svg");
}
.svg__ui_music_video_icon_yt_white,
.music__provider-icon--yt {
  background-image: url("style-images/245bdea973bb4ba28a2e6aabaa0106d1da34e92b55b6519a83419bf5b0f8048a.svg");
}
.svg__ui_music_video_icon_yt,
.music-list__video-icon--yt {
  background-image: url("style-images/82fe40df5d1682460cd57ab15af0731fded6bb4800ee0514de287506540bd7db.svg");
}
.svg__ui_offer_1_1,
.received-gold__offer-icon--offer1_1 {
  background-image: url("style-images/6905e225ecab198c7b6d359e5401e49e8e455878a69635a707da19fcf51c9d6d.svg");
}
.svg__ui_offer_1_2,
.received-gold__offer-icon--offer1_2 {
  background-image: url("style-images/1a348bbd0b1a99c4da449030564280eb8e23d9c2cd151e6dd3e659ee7de6d68a.svg");
}
.svg__ui_offer_1_3,
.received-gold__offer-icon--offer1_3 {
  background-image: url("style-images/e1eaff82719beb8c6058b1a1b452f70dc7a27c09b49ceff97ebff636249e9863.svg");
}
.svg__ui_offer_1_4,
.received-gold__offer-icon--offer1_4 {
  background-image: url("style-images/2d1dda630bebad313283f701d6f4e8491c7852c87a87cd67b4d6de4c853c11a7.svg");
}
.svg__ui_offer_1_5,
.received-gold__offer-icon--offer1_5 {
  background-image: url("style-images/26b66d6cdb66f30a192b6b0cf8380ed9bf3a138ea7f77dc99447fabe210260b9.svg");
}
.svg__ui_offer_1_6,
.received-gold__offer-icon--offer1_6 {
  background-image: url("style-images/906db8dd61a3dfc54a96870bff43282252ac1fb083454cb8a22407b45601f5ab.svg");
}
.svg__ui_offer_1_7,
.received-gold__offer-icon--offer1_7 {
  background-image: url("style-images/8036eafee5d1c4f7ef40e3da9f8748bcfaf5a7475357b8379183d381498928a3.svg");
}
.svg__ui_offer_2_1,
.received-gold__offer-icon--offer2_1 {
  background-image: url("style-images/004d3df5009a94aa345091f8cf39388f4b5a9109496796f06e42857982a27983.svg");
}
.svg__ui_offer_2_2,
.received-gold__offer-icon--offer2_2 {
  background-image: url("style-images/2ba393ad800fe79f519d9a9c0fae0f1989d420d06056d7a06dc242b155bef9e3.svg");
}
.svg__ui_offer_2_3,
.received-gold__offer-icon--offer2_3 {
  background-image: url("style-images/7389c7eebc0de65e6421dceeab9e3cea400069aa4e64e45aa209f9b4694dcf22.svg");
}
.svg__ui_offer_2_4,
.received-gold__offer-icon--offer2_4 {
  background-image: url("style-images/01660e50faa1c17cbfcdadee06599063cc70efc07403fccbe05acdfa08ebb07e.svg");
}
.svg__ui_offer_2_5,
.received-gold__offer-icon--offer2_5 {
  background-image: url("style-images/2df3136b1808a3581b2fb731b54df499759f0b271838fd628619c2561793ceab.svg");
}
.svg__ui_offer_2_6,
.received-gold__offer-icon--offer2_6 {
  background-image: url("style-images/13e6d5e0041805e7d6fdc0c45c7bcd02376432ee63c45e66ee6fef9ead455f84.svg");
}
.svg__ui_offer_2_7,
.received-gold__offer-icon--offer2_7 {
  background-image: url("style-images/7bb2db19c9954ccb5f5c9315c57d7b61c778eca530e5e7a1f06c6b8af67126b2.svg");
}
.svg__ui_offer_3_1,
.received-gold__offer-icon--offer3_1 {
  background-image: url("style-images/0f11310d6badc0d0da82dcbbca26228d26b81dd4aa597522c357572f7a29a037.svg");
}
.svg__ui_offer_3_2,
.received-gold__offer-icon--offer3_2 {
  background-image: url("style-images/6a52da3b5f6450df28060db282cb648c8a35392052e155fee9a709642aafb970.svg");
}
.svg__ui_offer_3_3,
.received-gold__offer-icon--offer3_3 {
  background-image: url("style-images/7cc5c4d03d45627268f4ec3a22f8c061123200bd0bb556ee64a0c0b611dc8aea.svg");
}
.svg__ui_offer_3_4,
.received-gold__offer-icon--offer3_4 {
  background-image: url("style-images/02a543e7d86557c8ab7fb0d3190f1e67b97c57a0b064b936f0d6e5276c35846e.svg");
}
.svg__ui_offer_3_5,
.received-gold__offer-icon--offer3_5 {
  background-image: url("style-images/d89b507f896aab3b8e87f3a72167bb7c829cf86ad416f69c2c75ba5af091c28c.svg");
}
.svg__ui_offer_3_6,
.received-gold__offer-icon--offer3_6 {
  background-image: url("style-images/e272c05c2cbc32ce695e50291c4952199595211d62dbe6906122582a62273c90.svg");
}
.svg__ui_offer_3_7,
.received-gold__offer-icon--offer3_7 {
  background-image: url("style-images/761cd88ff2b18856481cb4c8cd27cb92133a853a605d83375107a0ac69b359fc.svg");
}
.svg__ui_other_connection_logo,
.info__image--other-connection {
  background-image: url("style-images/64795c99d02b239c47984aa250db460a2606dff584087b13ec7931702238f5db.svg");
}
.svg__ui_percent_bg,
.percent-bonus__image-bg {
  background-image: url("style-images/b5d92287ef25006ad6f82bde9d567771cf09d6a3bc95d0270b2c1d69ee5eeafc.svg");
}
.svg__ui_percent_desc,
.percent-bonus__image-desc {
  background-image: url("style-images/7927a0fdb9a11bc8caf8fe89ad81d76007a6965b90077b3aafc2e698cebe762e.svg");
}
.svg__ui_percent_hand,
.percent-bonus__image-hand {
  background-image: url("style-images/049553a4e3f790747da43e192cb2810eff829e2d183da17469e9144056b348a0.svg");
}
.svg__ui_percent_ticket,
.percent-bonus__image-ticket {
  background-image: url("style-images/f8ad3dfc7c47f028e2d376fa4f819abcd8f0cf1ab64a01a6b93d3e51eef6f1cd.svg");
}
.svg__ui_plus_icon,
.roulette__chances-plus-icon,
.send-gift__tokens-plus-icon {
  background-image: url("style-images/9d4a33d4bbcadc85d95ace734adb0299af2dc6c58d4c208278bd8157404215c3.svg");
}
.svg__ui_popup_btn_close,
.popup__close-icon,
.roulette-jackpot__close {
  background-image: url("style-images/644782d7f2571f5254a66bb423b7c5087812e3eaba982560352a296b0a48cc92.svg");
}
.svg__ui_popup_btn_close_bank,
.bank__x_popup__close-icon {
  background-image: url("style-images/e773d420935238f806ad7b49df7a7e7851d54042519794df63922d4dcab73508.svg");
}
.svg__ui_popup_btn_close_chances_bank,
.chances-bank__x_popup__close-icon {
  background-image: url("style-images/eee0e582292690cd627e5001514deacbf2ce20f533dffe0a7718862e54523d2e.svg");
}
.svg__ui_popup_btn_close_league_down,
.league__x_popup__header--down .league__x_popup__close-icon {
  background-image: url("style-images/72bbdb9cae669cdf3117232623f036c396039d1f0ea3e0d1c5ac87576df2c0c1.svg");
}
.svg__ui_popup_btn_close_league_up,
.bottle-pass__x_popup__close-icon,
.league__x_popup__header--up .league__x_popup__close-icon,
.top-dlg__x_popup__close-icon {
  background-image: url("style-images/4aa22d35a8525cf1b3ce1b296598115eb0816c5015546cd98f61223e5a32b3b7.svg");
}
.svg__ui_popup_btn_close_premium_pass,
.bottle-pass-premium__x_popup__close-icon {
  background-image: url("style-images/ec7c9d15d0878768f84376f2791594d0a78a97251d31dabf44d159f1066a469a.svg");
}
.svg__ui_popup_btn_close_tokens_bank,
.tokens-bank__x_popup__close-icon {
  background-image: url("style-images/010a1aa6fcbd8b64c7f35ba39e50f25566d3da65fe9cc30855701d9087807a92.svg");
}
.svg__ui_popup_btn_close_yookassa,
.roulette__close-icon,
.yookassa-widget__close {
  background-image: url("style-images/636404ae36d4e99711cebbaa555e6a8e229d83772533f1848382ce435aaac33e.svg");
}
.svg__ui_preview_audio_player_btn_pause,
.preview-audio-player__button--pause {
  background-image: url("style-images/c64b276a909d90b139cd0bd03546e9b99287d951f47c38db85b9378d9d9e4f0f.svg");
}
.svg__ui_preview_audio_player_btn_play,
.preview-audio-player__button--play {
  background-image: url("style-images/bcc394aa20fa54603eea7525b3bcea0c19581e38c9a33346484255cd195aad21.svg");
}
.svg__ui_preview_audio_player_btn_play_loader,
.preview-audio-player__button--loading:before {
  background-image: url("style-images/c4422fdc9cd5316cf1c7b70b58bb9e050a6eae4e88cdcd48a85d17afcbc355e1.svg");
}
.svg__ui_preview_audio_player_btn_play_loading,
.preview-audio-player__button--loading {
  background-image: url("style-images/a031686112541c07f90795f147ecc4830485e7aa056faf229861f4b5fdcf52a0.svg");
}
.svg__ui_profile_arrow,
.user-profile__arrow {
  background-image: url("style-images/81b4d293549fa6be61947c206d30027aaa2cee92c646ca311cf5a05bdd660c66.svg");
}
.svg__ui_profile_arrow_icon,
.user-profile__stats-expand-icon {
  background-image: url("style-images/5ec6d248f338fb398d8a0178c648217254dbe7e09e4e11548c79be9cfc556755.svg");
}
.svg__ui_profile_btn_achievements,
.user-profile__action--achievements {
  background-image: url("style-images/b61f0fcfd53291f1759d55947192efd1d9f4c595fc46ef0fc1ab93b07fd284aa.svg");
}
.svg__ui_profile_btn_add,
.send-gift__btn--add,
.send-gift-mixin--multi .send-gift-mixin__btn--add {
  background-image: url("style-images/32223a5de3dbdfaa945c6f32cb58248aefb276e7967b9b1db60f9b69fa436d77.svg");
}
.svg__ui_profile_btn_cancel,
.send-gift__btn--cancel,
.send-gift-mixin--multi .send-gift-mixin__btn--cancel {
  background-image: url("style-images/9d8ced2669f845a561fef1b83e49ead04ea8c7cd6f560da58f359d9b60487e11.svg");
}
.svg__ui_profile_btn_gifts,
.user-profile__action--gift {
  background-image: url("style-images/d216f13fdeab3058c66b1a6fae4ce8db56f4e6a46aad5f7d428e747264400f5a.svg");
}
.svg__ui_profile_btn_kickout_kick,
.user-profile__action--kickout-kick {
  background-image: url("style-images/1b55b0689c7741133c9880260f3936c90a93bcbfce344efaf103e2c59ca99078.svg");
}
.svg__ui_profile_btn_kickout_save,
.user-profile__action--kickout-save {
  background-image: url("style-images/c9ffbc706e8f65255a64ec9f8ebde70e1a10f54b53b4fe04a592bcb118242621.svg");
}
.svg__ui_profile_btn_kickout_self,
.user-profile__action--kickout-self {
  background-image: url("style-images/41cef430d26581fac7b9df618cd969d0f8b1bd9f922c0aa3e093da92afadbf4f.svg");
}
.svg__ui_profile_btn_men,
.send-gift__btn--men,
.send-gift-mixin--multi .send-gift-mixin__btn--men {
  background-image: url("style-images/dec68e82c1e997ecd20f961e5c60e4d88b33d692a0293268c46f29475452348b.svg");
}
.svg__ui_profile_btn_music,
.user-profile__action--music {
  background-image: url("style-images/3e4ef17342554c9c607925050cbe6065b8425eaae87db984bb6e06619544fb11.svg");
}
.svg__ui_profile_btn_sendmessage,
.user-profile__action--message {
  background-image: url("style-images/77f2ad800bcd5a56356b232a91a37a9ec590e54f77ad4565be33e176b7de9a5f.svg");
}
.svg__ui_profile_btn_women,
.send-gift__btn--women,
.send-gift-mixin--multi .send-gift-mixin__btn--women {
  background-image: url("style-images/a94820b7552631a1ed3d2faa3dbb99edcda129d987d496ffbbd6e3182dc74d5e.svg");
}
.svg__ui_profile_claim,
.user-profile__claim {
  background-image: url("style-images/a3c72ad8b823dace4525f63a1db263d2cf45111fcf7cea18757ba5d46947f7eb.svg");
}
.svg__ui_profile_data_request,
.info__image--profile-data-request {
  background-image: url("style-images/6ebab4f99c980ec9e616fcf2d0135186cdd6187168282937b367ee7ad18b5738.svg");
}
.svg__ui_profile_decor,
.user-profile__decor {
  background-image: url("style-images/bd3ef324bc2e5de7d29ca04d1bbff8fa6e981f1e28eb57940c8344beedd922a3.svg");
}
.svg__ui_profile_icon {
  background-image: url("style-images/75f5d20ed3b16a076d40da8168759fb3b84dfc6cc493afdcb2564d84d39095a7.svg");
}
.svg__ui_profile_icon_blue,
.send-gift__btn--profile,
.send-gift-mixin--multi .send-gift-mixin__btn--profile {
  background-image: url("style-images/3b64e31f28d46d1670ea3c4f88c06d04b017a618e3f93b871c7f7303cb833abe.svg");
}
.svg__ui_profile_icon_unlock,
.gift-locked__icon--friends {
  background-image: url("style-images/999b676db4b7cddcb169a7c8c31809f42e8285818d9a2ca5c445ca380e0ce7e7.svg");
}
.svg__ui_profile_icon_vk,
.user-profile__action--vk {
  background-image: url("style-images/0e241827f56bdbbb125b044af151e714b623628e08d5c3db741877d3a3ba602e.svg");
}
.svg__ui_profile_info_add,
.profile-info__add-photo--add {
  background-image: url("style-images/e1a3b462e4f1f65f5ba3389bb79135adec2638d9980f10ef2f45781492122f08.svg");
}
.svg__ui_profile_info_female {
  background-image: url("style-images/802086b9ffc76d64d0e042bf3457731d9cf18977e3723b3e658c0f9747b91e32.svg");
}
.svg__ui_profile_info_male {
  background-image: url("style-images/b6450f12ae93d32f2f7579ba1a194cfe8df50639e69c8032105587d8393830a3.svg");
}
.svg__ui_profile_info_reset,
.profile-info__add-photo--reset {
  background-image: url("style-images/84a8f99c720a2c07ceac56dca48fa60053768f329338abe246bd2ab76417e987.svg");
}
.svg__ui_profile_label_top,
.user-profile__label--top {
  background-image: url("style-images/f5e82303dc36727a07976fe2e1ea61b0a5fd02424ede9c7022c9bb71d5e82bd4.svg");
}
.svg__ui_profile_label_vip,
.user-profile__label--vip {
  background-image: url("style-images/0ce1f89dbdd5371fdc25cf2e12e60891a9f9990575336487083e3e24959a9cc4.svg");
}
.svg__ui_profile_zodiac_0,
.user-profile__zodiac--0 {
  background-image: url("style-images/e7379d04f8b36b733ee3a47f3b4ac9aa4f3fcf0b7e9501356e2d8733df7b0fe8.svg");
}
.svg__ui_profile_zodiac_1,
.user-profile__zodiac--1 {
  background-image: url("style-images/f57d5a18364ae668eb096c0396f7e50d1d9d066bcca51de356f12ad9d769629f.svg");
}
.svg__ui_profile_zodiac_10,
.user-profile__zodiac--10 {
  background-image: url("style-images/b8e285fb92ad0de0f6c9b1443b0fd5bf8be132cf64ccaf5c5435437551ba244f.svg");
}
.svg__ui_profile_zodiac_11,
.user-profile__zodiac--11 {
  background-image: url("style-images/a44e068d69aa561f55889ffe36c9f949223015ee26dd02ab9dd4dcbf8d958ba0.svg");
}
.svg__ui_profile_zodiac_2,
.user-profile__zodiac--2 {
  background-image: url("style-images/1bfb0d0198b7edcff2e1443863a763fd2e319723726368d113a9059959cb478e.svg");
}
.svg__ui_profile_zodiac_3,
.user-profile__zodiac--3 {
  background-image: url("style-images/09217f6d8a35ad1b497b00d952d1f369b9538e716288bc0a7c8852258bd5a217.svg");
}
.svg__ui_profile_zodiac_4,
.user-profile__zodiac--4 {
  background-image: url("style-images/b477e7b530e97653c25988d1d1e8cfa8a980de4303587fb7f2135f80e3acf2c5.svg");
}
.svg__ui_profile_zodiac_5,
.user-profile__zodiac--5 {
  background-image: url("style-images/68626078cc77c8a116a468ce0ee46f77077015019a2b0591f98b8a42515099f6.svg");
}
.svg__ui_profile_zodiac_6,
.user-profile__zodiac--6 {
  background-image: url("style-images/da0b746e676ba145dc35e88926df73c8a0c406e5b84e12ddf0b0bd2bd38c2d63.svg");
}
.svg__ui_profile_zodiac_7,
.user-profile__zodiac--7 {
  background-image: url("style-images/564ce15231f629f1a686d36bc294c6297519dc830e8ee3fc51db2f3a1156c017.svg");
}
.svg__ui_profile_zodiac_8,
.user-profile__zodiac--8 {
  background-image: url("style-images/cb7a30ae402d11be57bdc71cf384932716416fd27a3d8bc7ff516ca917f23c9d.svg");
}
.svg__ui_profile_zodiac_9,
.user-profile__zodiac--9 {
  background-image: url("style-images/32e353061c3f54caf334dd5dc0e53b3ecd55c98da62f9051ddca0fd4efa398f7.svg");
}
.svg__ui_received_gold_heart,
.received-gold__image--heart {
  background-image: url("style-images/9c1b83f678525028e39eca9dff3149515b16f0e7e675e3a12ef5664f98f6b8d1.svg");
}
.svg__ui_received_gold_many_hearts,
.received-gold__image--many_hearts {
  background-image: url("style-images/e4442e66de98a1f19c82a2677f5a68d7ec3bc6ba0f730268fe051ae49f329fcb.svg");
}
.svg__ui_review_icon_star_empty,
.rate-app__star--empty {
  background-image: url("style-images/a73fcfe4b1bf506fac812c193cdaed18440c4650629a5ca661c8cdac25313716.svg");
}
.svg__ui_review_icon_star_filled,
.rate-app__star--filled {
  background-image: url("style-images/6a27e07fb77dc250c09795b8b3008003abe8d1373d6ff22f11f79e1d85be0a46.svg");
}
.svg__ui_roulette_arrow,
.roulette__wheel-frame::after {
  background-image: url("style-images/ae16a5b950d1f3048cae675b769d8468e7dfd3c7a1ec3f55c22f65ab64773bdc.svg");
}
.svg__ui_roulette_chances_dice,
.info__chance,
.roulette__animated-currency-icon--chance,
.roulette__chances-stats,
.roulette__daily-bonus {
  background-image: url("style-images/07be9751105d55bc8501fe3bf11dbaeaaec97f50e1137849df61609314744559.svg");
}
.svg__ui_roulette_chances_dice_shadow,
.roulette__spins-price {
  background-image: url("style-images/be8b313a3e7ac66aa8072b228f968b9492722710b36fc1e996a4c2d9dc6f36a0.svg");
}
.svg__ui_roulette_chances_plus {
  background-image: url("style-images/6995bbdee066ee4c289eb7054de079ca6d3dbc0f6c9264562220faf0e4e95db8.svg");
}
.svg__ui_roulette_field,
.roulette__wheel {
  background-image: url("style-images/d6c27c11dff105e7ac993781234e816780255980b1ebd4be014a5e6fee6edfe4.svg");
}
.svg__ui_roulette_frame,
.roulette__wheel-frame {
  background-image: url("style-images/7e26788e8dba997f6de634b9c9353819bbe74637745dd631e22dff48f9e10037.svg");
}
.svg__ui_roulette_help_icon_button,
.common-help__item-icon--roulette-button {
  background-image: url("style-images/a1d254bd758bcca668cb7b87b4fa3dc19bc3492c2f589461c021b676972b072e.svg");
}
.svg__ui_roulette_help_icon_chances,
.common-help__item-icon--roulette-chances {
  background-image: url("style-images/1d355d2e026a1acd70deff7482e95cc283a0b6afded54fba0270b332ab4f72d1.svg");
}
.svg__ui_roulette_help_icon_wheel,
.common-help__item-icon--roulette-wheel {
  background-image: url("style-images/eb91268956c01cf6c6a3ff9c2cb7020bc27df7b257e0d1a5f04bcbf16277753f.svg");
}
.svg__ui_roulette_icon_chances,
.roulette__reward-icon--chances {
  background-image: url("style-images/697a94e63bd8a0120ca26393ca0230fcba8ba18099939cc146c210fb2cd16080.svg");
}
.svg__ui_roulette_icon_gold,
.roulette__reward-icon--gold,
.roulette__reward-icon--jackpot_gold {
  background-image: url("style-images/d54c1281730ea641e9fbbb21a734a4b57cb67a060b2347f50fcb284fd7644bb3.svg");
}
.svg__ui_roulette_icon_kiss_fire,
.roulette__reward-icon--kiss_fire {
  background-image: url("style-images/5f35c56087b01798665f73f8de05683729123922cbda6c717d31c7d0740fe3d3.svg");
}
.svg__ui_roulette_icon_league_kiss_lim10,
.roulette__reward-icon--league_kiss_lim10 {
  background-image: url("style-images/c8a21b4bfb7733de9d8596baff230f7c48ed30ea30b79dac5c16e15823dcec16.svg");
}
.svg__ui_roulette_icon_league_kiss2x,
.roulette__reward-icon--league_kiss2x {
  background-image: url("style-images/86ab4beb342640d887ac64fe8f800318fc6cdca231b38e90f518b06fc18c3f67.svg");
}
.svg__ui_roulette_icon_league5,
.roulette__reward-icon--league5 {
  background-image: url("style-images/240d7237de54e0873fb36a8a166c5d017f01d3e28eb7400f61be2fcd7c6f7442.svg");
}
.svg__ui_roulette_icon_refuse_slap,
.roulette__reward-icon--refuse_slap {
  background-image: url("style-images/44deb5a2244bf87780a11a911a618735fd6dbff7fecea6faf326003b048da2db.svg");
}
.svg__ui_roulette_icon_tokens,
.roulette__reward-icon--tokens {
  background-image: url("style-images/9dddb17955aa479abb258630f978d3d16924d720fe4a9f774f18016333160534.svg");
}
.svg__ui_roulette_pin,
.roulette__wheel-center {
  background-image: url("style-images/bdd8d72cc34f48f3dcc7978d206bdca0bbab19f1bcad3cea665dbc7e9e2d2585.svg");
}
.svg__ui_roulette_premium,
.roulette__premium {
  background-image: url("style-images/ab03ef80b39ad95ecfb0af076361305befe478659f1ce15867bd1502e5df496e.svg");
}
.svg__ui_roulette_tooltip_arrow,
.roulette__chances-tooltip-arrow {
  background-image: url("style-images/da1f579bbdc637ab75c08edbb8d82a14d54f4962d950e0df67b1d7567f867f55.svg");
}
.svg__ui_session_expired_logo,
.info__image--session-expired {
  background-image: url("style-images/1266c6013812a2bb075402c7e17dbb6910fd8c006bfc13f51b6f5bbe3d807286.svg");
}
.svg__ui_settings_icon_android,
.info__platform-icon--android,
.settings__icon--android {
  background-image: url("style-images/7162985f764ffccb513b580487937dd4e79bb758035f4aeeae4831c8d27ca453.svg");
}
.svg__ui_settings_icon_checkbox_off,
.settings__icon--checkbox_off {
  background-image: url("style-images/17c43c664bf6a95532a34978663e613073889627378595b6cbb72ba0ba1a11ff.svg");
}
.svg__ui_settings_icon_checkbox_on,
.settings__icon--checkbox_on {
  background-image: url("style-images/e0e2c977ee0d780a91f4119f4cdc9c14f4d757aa593256de5b403b402052f14a.svg");
}
.svg__ui_settings_icon_email,
.settings__icon--email {
  background-image: url("style-images/85e2f0b4d25020c30561ae843760861aa33c0b736f60d94b92b8f1e470eaae9c.svg");
}
.svg__ui_settings_icon_exit,
.settings__icon--exit {
  background-image: url("style-images/a910d8593df8a20b33375e4f2de4288e6da1835b9dc40c161af0450cf38fd19e.svg");
}
.svg__ui_settings_icon_faq,
.settings__icon--faq {
  background-image: url("style-images/d101e278939397f12599e0348bd900c8fe9fe99bde2dd85abdf039530c443439.svg");
}
.svg__ui_settings_icon_fb,
.settings__icon--fb {
  background-image: url("style-images/2c548d0f1eb4d2ed308b44a72169320e209afdae03944b2ef9a1dd991ba6dd07.svg");
}
.svg__ui_settings_icon_feedback,
.settings__icon--feedback {
  background-image: url("style-images/4658ced4c9df0287ba6a705cba626c14c952c9584ace9f138681fc7a24f43ef5.svg");
}
.svg__ui_settings_icon_html5,
.info__platform-icon--html5,
.settings__icon--html5 {
  background-image: url("style-images/4ef89284d4cac9a463a02d5151dba6aa4ac0d26e9fee22d994e70ae10a535e8c.svg");
}
.svg__ui_settings_icon_invite,
.settings__icon--invite {
  background-image: url("style-images/32ffc00ca87469dd73944453487cadaf653c0b75053711d8c649ea6941a3e0e1.svg");
}
.svg__ui_settings_icon_ios,
.info__platform-icon--ios,
.settings__icon--ios {
  background-image: url("style-images/eb6912c0b0f7a102784c312c899d9cfaaebbbeedf55038a91e5c40d1ac5d84d8.svg");
}
.svg__ui_settings_icon_mm,
.settings__icon--mm {
  background-image: url("style-images/5b7b8aeb1cb9795b74878f09c4bfc3ac6ff5eb6aa756debe3b7f1dada3284b3b.svg");
}
.svg__ui_settings_icon_music,
.settings__icon--music {
  background-image: url("style-images/f6f8c9ef43bb976817e2050543ee824f59ea5b9c63a5ac76cce5b0b24218c33e.svg");
}
.svg__ui_settings_icon_ok,
.settings__icon--ok {
  background-image: url("style-images/80bb9e95712d20a6545346697e774006ee18bb002c97179f7439317b5bb4105b.svg");
}
.svg__ui_settings_icon_privacy,
.settings__icon--privacy {
  background-image: url("style-images/09c63689d5cdaf217e1f0821d4bfb83374bad5495af359938137857f1a7d3e63.svg");
}
.svg__ui_settings_icon_profile,
.settings__icon--profile {
  background-image: url("style-images/525e5a68455e775465156fd19270f5e10820c6374ffe3ed1fd6356205f0ed21c.svg");
}
.svg__ui_settings_icon_profile_info,
.settings__icon--profile-info {
  background-image: url("style-images/b88f8a4cbc36af60ab9d5ca5df9202523da4a8d886cc8aff6093915566d8cbbf.svg");
}
.svg__ui_settings_icon_rating,
.settings__icon--rating {
  background-image: url("style-images/33f969a61f4f5bfe7adad925dd9f061509816f16c0c31a7708ba3f8a5d2d36cb.svg");
}
.svg__ui_settings_icon_screenshot,
.settings__icon--screenshot {
  background-image: url("style-images/54d0fc9feb163efb5eb1eb9b53d01cad5407f87186b6bd8babd8293c53a5701f.svg");
}
.svg__ui_settings_icon_sound,
.settings__icon--sound {
  background-image: url("style-images/0a850b1a6e57c8fabe493aeea798222bb2e0b0f2277155c749c5aeb08fcc8a62.svg");
}
.svg__ui_settings_icon_telegram,
.settings__icon--telegram {
  background-image: url("style-images/dfb722c7ef654bacb05101434c2a42e418fce2f7d7717ae8113c3cc128d306fe.svg");
}
.svg__ui_settings_icon_terms,
.settings__icon--terms {
  background-image: url("style-images/4007fd8c66066362e1f18026c9528c83ff0de866185f8ca996835393fdd15658.svg");
}
.svg__ui_settings_icon_vk,
.settings__icon--vk {
  background-image: url("style-images/cb00c78096422c2fc901ba5a78010702433efb0408e258ca4cd43761fe1a2c9f.svg");
}
.svg__ui_store_lock,
.decor-selection__icon-lock,
.send-gift__icon--lock {
  background-image: url("style-images/5d55137a6d93160be96715b3f1e1c39b51896f4b0a0933fdf1895e5f67515239.svg");
}
.svg__ui_store_lock_vip,
.send-gift__icon--viplock {
  background-image: url("style-images/83a0a66e13d22e6017a988f92791781577793c2fc0c54959c837902bc5c55dc7.svg");
}
.svg__ui_table_icon,
.change-table__table-icon {
  background-image: url("style-images/850dbd62f7d0fdd8745864ea6ce6ccc6c81c75ce84c2cc31975767dfd9f0c82b.svg");
}
.svg__ui_table_heart,
.roulette__animated-currency-icon--heart {
  background-image: url("style-images/93d1bd468e5ca61705d85c1912bd022a61cf4526c1ae670f2e4fcd7cbdf2e64a.svg");
}
.svg__ui_ticket_apple,
.tickets__icon {
  background-image: url("style-images/4f0e5cc99f03e697266a8b5a3d62dd16ae8c8be5f60a93845ed2a07ff42cd457.svg");
}
.svg__ui_ticket_bg,
.tickets__background {
  background-image: url("style-images/c2fdf141cb2ad7e2ed8ecca28bce7d133ddcf1e459452e607916eaa5b929e63b.svg");
}
.svg__ui_ticket_icon,
.css-item--ticket {
  background-image: url("style-images/0b91d45041b26efa501a27bc6c43cacd4c3a88237c98b4558aa294a0e078ef08.svg");
}
.svg__ui_ticket_phones,
.tickets__phones {
  background-image: url("style-images/f2f90a0c30b627bb4eb9f5bd9997aaf103f989f29037de20609941f8c545b55b.svg");
}
.svg__ui_token,
.css-item--token,
.gift-locked__icon--gestures,
.gift-unlocked__icon--gestures,
.info__token,
.send-gift__icon--token,
.send-gift__tokens,
.top-dlg__tab--gestures,
.top-dlg__icon--gestures,
.user-profile__stats-icon--gesture,
.vip__tokens {
  background-image: url("style-images/cba83414daddd284e07673e37e2ee2e36b732352254905e329b566c24e0688d2.svg");
}
.svg__ui_token_blue,
.top-dlg__tab--gestures-inactive {
  background-image: url("style-images/d2513badcb229985181959e15cb9397e1fdd9e6232799e0c8df964a506ad2fba.svg");
}
.svg__ui_token_lr,
.css-item--token-small {
  background-image: url("style-images/30e41e935920473452068f62f00148ff4f03296eaf252ec004670b14a1e23a6e.svg");
}
.svg__ui_tokens_bank_bg,
.tokens-bank__bg {
  background-image: url("style-images/ed851f5584e38834ed7cbef34a8ef875e84c602bf852a11003aff0fa1e674152.svg");
}
.svg__ui_tokens_bank_opt_1,
.tokens-bank__opt-icon--1 {
  background-image: url("style-images/d1ec8f8a48f628f45972050fe9cdb8acd96922c7dc9f7a82849af2e085d9094a.svg");
}
.svg__ui_tokens_bank_opt_2,
.info__image--tokens-chest,
.tokens-bank__opt-icon--2 {
  background-image: url("style-images/0a56cbd9bbf6541bc06c45cf7cd7d37026e86a9d1948126c327f12129cc9d7f4.svg");
}
.svg__ui_tokens_bank_opt_3,
.tokens-bank__opt-icon--3 {
  background-image: url("style-images/efdf4bbd0786d49def54adf823fcecccc4d1cbd71af2919659caa20a7d263fae.svg");
}
.svg__ui_tokens_bank_opt_4,
.tokens-bank__opt-icon--4 {
  background-image: url("style-images/34adf60a2c72ddd09d1ec13b9c33ad8535c4ad195e129b6ac12ec61db66d6e86.svg");
}
.svg__ui_tokens_bank_opt_5,
.tokens-bank__opt-icon--5 {
  background-image: url("style-images/90ae5615d9ddb157bb743a9dfcb93968ac064e55b47e189a94cccb7ba25c4c63.svg");
}
.svg__ui_top_help {
  background-image: url("style-images/bdbadc9d9f41f3b7889b424dd5255f72a6bd84258c8a005351dcf6b844092b7f.svg");
}
.svg__ui_tutorial_chat_arrow,
.chat__tutorial-arrow {
  background-image: url("style-images/129cb4a671414287db1963207522626b578f270f684573ce8e261712c663d5d4.svg");
}
.svg__ui_tutorial_finished_1,
.pager-help__image--tutorial-finished-1 {
  background-image: url("style-images/e0947f0d93466ab594d0ec5f97cb434a033e63004fb6cfbd58e3f2e4ae2cd1c4.svg");
}
.svg__ui_tutorial_finished_2,
.pager-help__image--tutorial-finished-2 {
  background-image: url("style-images/3b1cfa923a791f92607b0398ae132877e448e2f4aced9b8cabb69b0b208250b3.svg");
}
.svg__ui_tutorial_finished_3,
.pager-help__image--tutorial-finished-3 {
  background-image: url("style-images/98df17e7a7589fa1a883b442a908b9045a90c5291b646925ac339d6d146aab87.svg");
}
.svg__ui_tutorial_finished_4,
.pager-help__image--tutorial-finished-4 {
  background-image: url("style-images/e8fec8fe226462a92d088158327a9ee484800424c33d97a657337849dadda744.svg");
}
.svg__ui_tutorial_gift_arrow,
.send-gift__arrow-small {
  background-image: url("style-images/451ce064199f6538a752219a27742177c5333e890d3bede7a1ae16ee4756debb.svg");
}
.svg__ui_vip_bg,
.vip__x_popup {
  background-image: url("style-images/e79006f36e84c09967068c84b757cc0c07daa84dbd99e5724db03f7a93c7839a.svg");
}
.svg__ui_vip_crown,
.vip__crown {
  background-image: url("style-images/6b2a788b5803dcb047f93050f21b1ea98612d0fd7b62e58e9887b259bfbe5cc7.svg");
}
.svg__ui_vip_popular,
.vip__popular {
  background-image: url("style-images/f14a847de9f08ad0315ade6b552745e8e733791d447d9c120cb9502d4b62bb7f.svg");
}
.svg__ui_vip_purchase,
.info__image--vip-purchase {
  background-image: url("style-images/347857dea05c875db9b6a7023493ed2cc83d89622a545949f987993e6debca57.svg");
}
.svg__ui_vkquest_logo,
.vk-quest__logo {
  background-image: url("style-images/b8cf51f0b3edd510479c0d589a6a4be7ae665e5c1049c8b7fc37711e08c328a2.svg");
}
.svg__ui_ya_photo,
.info__image--ya-photo {
  background-image: url("style-images/9af2c7ffe027e8a13c24943b4f0487310b78d938bb8be1c7956bc479e90fb01f.svg");
}
.button {
  height: 30px;
  background-color: #97ca31;
  border-radius: 6px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: normal;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
  transition: background-color 500ms linear, color 500ms linear;
  flex-shrink: 0;
}
.button:active {
  background-color: #f4f2ef;
  color: #424242;
}
.button__bonus {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.button__heart {
  background-size: 17px 14px;
  height: 14px;
  width: 17px;
  display: inline-block;
  margin: 0 2px;
  flex-shrink: 0;
}
.button--cancel {
  background-color: white;
  color: #97ca31;
  border: #97ca31 solid 1px;
  min-width: 80px;
}
.button--confirm,
.button--info,
.button--share {
  border-radius: 7px;
  min-width: 80px;
}
.button--info {
  background-color: #2f89e9;
}
.button--danger {
  background-color: #e03d1f;
}
.button--share {
  background-color: #07bdf0;
}
.button--disabled {
  background-color: #c7c7c7;
  border: 0px;
  color: #ffffff;
  pointer-events: none;
  cursor: auto;
}
.checkbox {
  display: block;
  width: 40px;
  height: 20px;
  overflow: visible;
  justify-content: space-between;
  position: relative;
}
.checkbox__animation {
  display: inline-block;
  vertical-align: top;
  border: 0;
  cursor: pointer;
}
.checkbox__input {
  display: none;
}
.checkbox__label {
  vertical-align: middle;
  cursor: pointer;
  overflow: visible;
}
.checkbox__label:before {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 36px;
  height: 16px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.08);
  transition: background-color 200ms;
}
.checkbox__label:after {
  content: '';
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  box-shadow: 0 0.3px 1.3px 0 rgba(0, 0, 0, 0.32), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.09);
  border: solid 0.3px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}
.checkbox__input:checked + .checkbox__label:before {
  background-color: #9dc93b;
}
.checkbox__input:checked + .checkbox__label:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}
.pager {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  flex-direction: row;
}
.pager::-webkit-scrollbar {
  display: none;
}
.pager__page {
  box-sizing: border-box;
  min-width: 100%;
}
.popup {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 1;
  pointer-events: auto;
  will-change: transform, opacity;
}
.popup--absolute {
  position: absolute;
}
.popup--center {
  top: 50%;
  top: calc(50% + env(safe-area-inset-top));
  max-height: 80%;
  max-height: calc(80% - env(safe-area-inset-top));
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, calc(-50% - (env(safe-area-inset-top) / 2)));
          transform: translate(-50%, calc(-50% - (env(safe-area-inset-top) / 2)));
  border-radius: 17px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 80%;
  position: absolute;
  width: 400px;
}
@media screen and (max-width: 320px) {
  .popup--center {
    max-height: 85%;
    max-height: calc(85% - env(safe-area-inset-top));
    max-width: 88%;
  }
}
.popup--roulette {
  background-color: transparent;
}
.popup--show {
  -webkit-animation-name: popup--show-frames;
          animation-name: popup--show-frames;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes popup--show-frames {
  from {
    top: -50%;
    opacity: 0;
  }
}
@keyframes popup--show-frames {
  from {
    top: -50%;
    opacity: 0;
  }
}
.popup--hide {
  -webkit-animation-name: popup--hide-frames;
          animation-name: popup--hide-frames;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes popup--hide-frames {
  to {
    top: 150%;
    opacity: 0;
  }
}
@keyframes popup--hide-frames {
  to {
    top: 150%;
    opacity: 0;
  }
}
.popup--appear {
  -webkit-animation-name: popup--appear-frames;
          animation-name: popup--appear-frames;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes popup--appear-frames {
  from {
    opacity: 0;
  }
}
@keyframes popup--appear-frames {
  from {
    opacity: 0;
  }
}
.popup--disappear {
  -webkit-animation-name: popup--disappear-frames;
          animation-name: popup--disappear-frames;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes popup--disappear-frames {
  to {
    opacity: 0;
  }
}
@keyframes popup--disappear-frames {
  to {
    opacity: 0;
  }
}
.popup__buttons {
  display: flex;
  align-items: center;
  padding: 15px;
}
.popup__buttons > :not(:first-child) {
  margin-left: 20px;
}
@media only screen and (max-width: 359px) {
  .popup__buttons > :not(:first-child) {
    margin-left: 10px;
  }
}
.popup__buttons--center {
  justify-content: center;
}
.popup__actions {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding: 10px 15px;
}
.popup__actions--ltr {
  flex-direction: row;
}
.popup__actions--confirm {
  flex-direction: row;
  justify-content: center;
  padding: 15px;
}
.popup__action {
  color: #91ce35;
  cursor: pointer;
  font-weight: normal;
  margin-left: 16px;
  transition: color 500ms linear;
}
.popup__action:active {
  color: #000000;
}
.popup__actions--ltr .popup__action {
  margin-left: 0;
  margin-right: 16px;
}
.popup__content {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  padding: 0 15px 0 15px;
}
.popup__content--no-padding {
  padding: 0;
}
.popup__content--no-scroll {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.popup__content--no-scroll::-webkit-scrollbar {
  display: none;
}
.popup__content--center {
  text-align: center;
}
.popup__content--wrap {
  white-space: pre-wrap;
}
.popup__close-drawer-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 23px;
  width: 46px;
  height: 46px;
  bottom: 8px;
  right: 8px;
}
.popup__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  cursor: pointer;
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
  background-color: white;
  width: 32px;
  height: 32px;
}
.popup__close:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.popup__close--drawer {
  background-color: #91ce35;
}
.popup__close--dlg {
  top: -10px;
  right: -10px;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  z-index: 1;
}
.popup__close--response-gift {
  top: 10px;
  right: 10px;
  background-color: transparent;
  border-radius: unset;
  box-shadow: none;
  width: 16px;
  height: 16px;
}
.popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.popup__close--drawer .popup__close-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.popup__close--response-gift .popup__close-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.popup__close-drawer-bg .popup__close {
  position: static;
}
.popup__footer {
  flex: 0 0 15px;
}
.popup__header {
  flex: 0 0 44px;
  display: flex;
  align-items: center;
  color: #b4b4b4;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup__header--scrollable {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 0 0 48px;
  overflow: auto;
  justify-content: space-between;
}
.popup__header--scrollable::-webkit-scrollbar {
  display: none;
}
.popup__header--scrollable:before,
.popup__header--scrollable:after {
  content: '';
  display: block;
}
.popup__header--hide {
  flex: none;
}
.popup__title {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #cfcfcf;
  text-align: center;
}
.popup__title--right {
  flex: none;
  margin-left: auto;
  margin-right: 0px;
  text-align: right;
}
.popup__title--left {
  margin-right: auto;
  margin-left: 0;
  text-align: left;
}
.popup__title--selectable {
  cursor: pointer;
}
.popup__title--selected {
  color: #91ce35;
  border-bottom: solid 2px;
}
.popup__title--subtitle {
  font-size: 13px;
  font-weight: normal;
}
.popup__font-normal {
  font-weight: normal;
}
.popup__header--scrollable .popup__title {
  overflow: unset;
  padding-bottom: 7px;
  flex: 0;
}
.popup__checkbox {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: auto;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.popup__checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.popup__checkmark {
  height: 18px;
  width: 18px;
  margin-right: 6px;
  border-radius: 4px;
  border: #cfcfcf solid 3px;
  flex-shrink: 0;
}
.popup__checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 2px;
  top: 35%;
  width: 5px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translate(0, -50%);
}
.popup__checkbox:hover input ~ .popup__checkmark {
  background-color: #cfcfcf;
}
.popup__checkbox input:checked ~ .popup__checkmark {
  height: 24px;
  width: 24px;
  background-color: #91ce35;
  border: 0;
}
.popup__checkbox input:checked ~ .popup__checkmark:after {
  display: block;
}
.popup__border--top {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.popup__border--bottom {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.popup__dialog-manager {
  display: block;
  position: absolute;
  pointer-events: none;
  -webkit-transform: none;
          transform: none;
  height: 100%;
  width: 100%;
}
.popup__animation-layer {
  display: none;
  position: absolute;
  pointer-events: auto;
  z-index: 6000;
}
.preview-audio-player {
  position: relative;
  height: 26px;
  display: flex;
  align-items: center;
  justify-self: center;
  margin-bottom: 10px;
}
.preview-audio-player--loading {
  cursor: wait;
}
.preview-audio-player__button {
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
  position: absolute;
  left: -10px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  cursor: pointer;
}
.preview-audio-player__button--loading {
  cursor: auto;
  pointer-events: none;
}
.preview-audio-player__button--loading:before {
  position: absolute;
  content: '';
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
  left: 0;
  top: 0;
  -webkit-animation: preview-audio-player-loader-rotate 1s linear infinite;
          animation: preview-audio-player-loader-rotate 1s linear infinite;
}
@-webkit-keyframes preview-audio-player-loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes preview-audio-player-loader-rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.preview-audio-player__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  width: 162px;
  height: 2px;
  cursor: pointer;
  border-radius: 2px;
}
.preview-audio-player__slider::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  object-fit: contain;
  border: solid 1px #ffffff;
  background-color: #9dc93b;
  border-radius: 7px;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
}
.preview-audio-player__slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
  object-fit: contain;
  border: solid 1px #ffffff;
  background-color: #9dc93b;
  border-radius: 7px;
  box-shadow: none;
}
.preview-audio-player__time {
  position: absolute;
  left: calc(100% + 10px);
  color: #b2b2b3;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.booster-item {
  position: relative;
  margin-right: 25px;
}
.booster-item:last-child,
.booster-item:only-child,
.booster-item--info {
  margin-right: 0;
}
.booster-item--clickable {
  cursor: pointer;
  pointer-events: auto;
}
.booster-item--info {
  margin-top: 2px;
}
.booster-item__border {
  width: 100%;
  height: 100%;
  border: solid 2px #2982e2;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.booster-item__image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.booster-item__hint {
  position: absolute;
  border-radius: 9999px;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 1px 5px;
  bottom: 83%;
  left: 63%;
}
.booster-item__hint--counter {
  background-color: #2982e2;
}
.booster-item__hint--counter-grey {
  background-color: #d1d1d1;
}
.booster-item__hint--timer {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
.booster-item__icon {
  flex-shrink: 0;
}
.booster-item__icon--kiss_fire {
  background-size: 30px 38px;
  height: 38px;
  width: 30px;
}
.booster-item__icon--league_kiss_lim10 {
  background-size: 34px 37px;
  height: 37px;
  width: 34px;
}
.booster-item__icon--league_kiss2x {
  background-size: 36px 35px;
  height: 35px;
  width: 36px;
}
.booster-item__icon--league5 {
  background-size: 36px 35px;
  height: 35px;
  width: 36px;
}
.booster-item__icon--refuse_slap {
  background-size: 40px 41px;
  height: 41px;
  width: 40px;
}
.booster-item__icon + .booster-item__hint {
  padding: 0 2px;
  font-size: 11px;
  min-width: 15px;
}
.booster-item__icon--kiss_fire + .booster-item__hint {
  left: auto;
  bottom: auto;
  top: -3px;
  right: -8px;
}
.booster-item__icon--league_kiss_lim10 + .booster-item__hint {
  left: auto;
  bottom: auto;
  top: -3px;
  right: -6px;
}
.booster-item__icon--league_kiss2x + .booster-item__hint {
  left: auto;
  bottom: auto;
  top: -4px;
  right: -5px;
}
.booster-item__icon--league5 + .booster-item__hint {
  left: auto;
  bottom: auto;
  top: -4px;
  right: -5px;
}
.booster-item__icon--refuse_slap + .booster-item__hint {
  left: auto;
  bottom: auto;
  top: -1px;
  right: -3px;
}
.compliment-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  line-height: 10px;
  border-radius: 6px;
  transition: box-shadow 500ms linear;
  padding: 0 5px;
  box-sizing: border-box;
  background-size: 125px 32px;
  height: 32px;
  width: 125px;
}
.compliment-item:active {
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.click-area {
  position: relative;
}
.click-area__overlay {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.decor-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}
.decor-item__stone {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.decor-item__lock {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.decor-preview {
  display: flex;
  width: 100%;
}
.decor-preview--apply .decor-preview__frame,
.decor-preview--apply .decor-preview__stone {
  opacity: 1;
  -webkit-animation: apply-decor 420ms linear;
          animation: apply-decor 420ms linear;
}
@-webkit-keyframes apply-decor {
  0% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
  }
  40% {
    -webkit-filter: contrast(110%) brightness(110%);
            filter: contrast(110%) brightness(110%);
  }
  100% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
  }
}
@keyframes apply-decor {
  0% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
  }
  40% {
    -webkit-filter: contrast(110%) brightness(110%);
            filter: contrast(110%) brightness(110%);
  }
  100% {
    -webkit-filter: contrast(1) brightness(1);
            filter: contrast(1) brightness(1);
  }
}
.decor-preview--show .decor-preview__frame,
.decor-preview--show .decor-preview__stone {
  -webkit-animation: show-decor 168ms linear;
          animation: show-decor 168ms linear;
  opacity: 1;
}
@-webkit-keyframes show-decor {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show-decor {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.decor-preview--hide .decor-preview__frame,
.decor-preview--hide .decor-preview__stone {
  -webkit-animation: hide-decor 126ms linear;
          animation: hide-decor 126ms linear;
  opacity: 0;
}
@-webkit-keyframes hide-decor {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes hide-decor {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.decor-preview__table {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  margin-right: 15px;
  background-size: 90px 90px;
  height: 90px;
  width: 90px;
  border-radius: 8px;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.decor-preview__photo_bg {
  position: relative;
  margin: 10px 0 3px 0;
}
.decor-preview__photo {
  width: 64px;
  height: 64px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border-radius: 6px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.decor-preview__frame {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.decor-preview__name_bg {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  font-weight: normal;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.decor-preview__name {
  overflow: hidden;
  white-space: nowrap;
  max-width: 56px;
  line-height: 10px;
}
.decor-preview__control {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.decor-preview__title {
  font-weight: bold;
  margin-bottom: 5px;
}
.decor-preview__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  font-weight: normal;
  white-space: pre-wrap;
  height: 100%;
  color: #000000;
}
.decor-preview__button {
  margin-bottom: 7px;
  pointer-events: auto;
}
.decor-preview__heart {
  background-size: 13px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 14px;
  font-weight: bold;
}
.frame-item__frame_bg {
  -webkit-transform: scale(0.86);
          transform: scale(0.86);
}
.frame-item__frame {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.frame-item__lock {
  background-size: 21px 20px;
  height: 20px;
  width: 21px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.gift-item__lock {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.stone-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.stone-item__stone-bg {
  background-size: 38px 31px;
  height: 31px;
  width: 38px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 5px;
  position: relative;
}
.stone-item__stone {
  margin-left: 6px;
}
.stone-item__lock {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.achievement {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.achievement__subtitle {
  margin: 0 0 7px 0;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  overflow: hidden;
}
.achievement__username {
  font-weight: bold;
  margin-right: 4px;
}
.achievement__name {
  margin-top: 8px;
  font-weight: bold;
  font-size: 14px;
}
.achievement__term {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 5px;
  font-size: 12px;
  background-color: #fffae2;
  border-radius: 10px;
  min-height: 46px;
  padding: 0 8px;
  width: 100%;
  box-sizing: border-box;
}
.achievement__term--disabled {
  background-color: #f1f1f1;
}
.achievement__term-icon {
  background-size: 21px 21px;
  height: 21px;
  width: 21px;
  margin-right: 8px;
  flex-shrink: 0;
}
.achievement__background {
  background-size: 259px 181px;
  height: 181px;
  width: 259px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.achievement-item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.achievement-item--big {
  height: 124px;
}
.achievement-item__icons {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 78px;
  height: 78px;
}
.achievement-item--big .achievement-item__icons {
  width: 103px;
  height: 103px;
}
.achievement-item__image {
  position: absolute;
}
.achievement-item__image--medium {
  width: 80px;
  height: 80px;
}
.achievement-item__image--disabled {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.75;
}
.achievement-item__new {
  background-size: 39px 24px;
  height: 24px;
  width: 39px;
  position: absolute;
  left: -3px;
  top: 11px;
}
.achievement-item__new_bg {
  background-size: 8px 7px;
  height: 7px;
  width: 8px;
  position: absolute;
  top: 26px;
  left: 1px;
}
.achievement-item__stars {
  display: flex;
  position: absolute;
  top: 0;
}
.achievement-item__star {
  background-size: 13px 12px;
  height: 12px;
  width: 13px;
}
.achievement-item__star--1 {
  -webkit-transform: rotate(311deg);
          transform: rotate(311deg);
  margin: 17px -3px 0 0;
}
.achievement-item__star--2 {
  -webkit-transform: rotate(327deg);
          transform: rotate(327deg);
  margin: 8px 0 0 0;
}
.achievement-item__star--3 {
  -webkit-transform: rotate(344deg);
          transform: rotate(344deg);
  margin: 2px 1px 0 0;
}
.achievement-item__star--4 {
  margin: 0 1px 0 0;
}
.achievement-item__star--5 {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
  margin: 2px 0 0 0;
}
.achievement-item__star--6 {
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
  margin: 8px 0 0 0;
}
.achievement-item__star--7 {
  -webkit-transform: rotate(49deg);
          transform: rotate(49deg);
  margin: 17px 0 0 -3px;
}
.achievement-item--big .achievement-item__star {
  background-size: 17px 16px;
  height: 16px;
  width: 17px;
}
.achievement-item--big .achievement-item__star--1 {
  -webkit-transform: rotate(310deg);
          transform: rotate(310deg);
  margin: 23px -3px 0 0;
}
.achievement-item--big .achievement-item__star--2 {
  -webkit-transform: rotate(326deg);
          transform: rotate(326deg);
  margin: 11px 0 0 0;
}
.achievement-item--big .achievement-item__star--3 {
  -webkit-transform: rotate(344deg);
          transform: rotate(344deg);
  margin: 3px 1px 0 0;
}
.achievement-item--big .achievement-item__star--4 {
  margin: 0 1px 0 0;
}
.achievement-item--big .achievement-item__star--5 {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg);
  margin: 3px 0 0 0;
}
.achievement-item--big .achievement-item__star--6 {
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
  margin: 11px 0 0 0;
}
.achievement-item--big .achievement-item__star--7 {
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  margin: 23px 0 0 -3px;
}
.achievements-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px 2px;
  padding: 5px 5px 10px 5px;
}
@media screen and (max-width: 510px) {
  .achievements-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.achievements-list__x_popup {
  height: 80%;
  min-width: 294px;
}
@media screen and (min-width: 510px) {
  .achievements-list__x_popup {
    min-width: 384px;
  }
}
.achievements-list__x_popup__header {
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 80px;
}
.achievements-list__x_popup__header:before,
.achievements-list__x_popup__header:after {
  content: '';
  display: block;
}
.achievements-list__x_popup__title {
  flex-direction: row;
  flex: 0 0 auto;
}
.achievements-list__title-star {
  background-size: 14px 13px;
  height: 13px;
  width: 14px;
  margin: 0 2px 0 8px;
}
.achievements-list__sort {
  display: flex;
  justify-content: center;
  align-items: center;
}
.achievements-list__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 15px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 30px;
}
.achievements-list__tabs-title {
  font-size: 14px;
  font-weight: normal;
  color: black;
  margin-right: 5px;
}
.achievements-list__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px 6px 12px;
  border-radius: 13px;
  font-size: 11px;
  color: black;
  font-weight: normal;
  white-space: nowrap;
  cursor: pointer;
}
.achievements-list__tab:first-child {
  margin-left: 4px;
}
.achievements-list__tab:last-child {
  margin-right: 4px;
}
.achievements-list__tab:only-child {
  margin: 0 4px;
}
.achievements-list__tab--active {
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  cursor: auto;
}
.achievements-list__item {
  border-radius: 9px;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  transition: background-color 500ms linear;
  height: 94px;
}
.portrait .achievements-list__item {
  width: 90px;
}
.landscape .achievements-list__item {
  width: 92px;
}
.achievements-list__item:active {
  background-color: #d9dce3;
}
.agreement__content span {
  cursor: pointer;
  text-decoration: underline;
}
.bank__items-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 3px 10px 10px 10px;
  gap: 5px;
}
@media screen and (max-height: 499px) {
  .bank__items-container {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 630px) {
  .bank__items-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .bank__items-container--many-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
.bank__x_popup {
  background-color: #fff0f0;
  width: auto;
}
.bank__x_popup__header {
  flex: none;
  flex-direction: column;
  padding: 0;
}
.bank__x_popup__title {
  color: #ffffff;
  flex: none;
  margin: 15px 0 12px 0;
}
.bank__x_popup__content {
  padding: 0;
  border-radius: 0 0 17px 17px;
}
@media screen and (max-width: 499px), screen and (max-height: 499px) {
  .landscape .bank {
    display: flex;
    overflow: auto;
  }
  .landscape .bank:after {
    content: "";
    display: inline-table;
    width: 10px;
    height: 1px;
  }
  .bank__x_popup {
    max-height: 94%;
    max-width: 310px;
  }
  .landscape .bank__x_popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 91%;
    max-height: 80%;
  }
}
@media screen and (max-width: 333px) {
  .bank__x_popup {
    max-width: 93%;
  }
}
.bank__bg {
  position: absolute;
  background-size: auto 238px;
  background-attachment: local;
  background-position-y: -8px;
  background-repeat: repeat-x;
  width: 100%;
  height: 238px;
  border-radius: 17px 17px 0 0;
  z-index: -1;
}
.bank__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 90px;
  height: 146px;
  border-radius: 10px;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
}
.bank__item-bg {
  position: absolute;
  top: 28px;
  background-size: 90px 66px;
  height: 66px;
  width: 90px;
}
.bank__item-bg--gold {
  background-size: 90px 65px;
  height: 65px;
  width: 90px;
}
.bank__desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 1;
  font-size: 16px;
  z-index: 0;
  margin-top: 6px;
}
.bank__gold {
  color: #ff3e00;
  font-weight: bold;
}
.bank__premium-pass {
  color: #ff9000;
  font-size: 10px;
  text-align: center;
}
.bank__premium-pass-timer {
  background-size: 11px 11px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 37px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-position: left;
  padding-left: 13px;
  color: #b6b6b6;
  font-weight: bold;
  font-size: 10px;
  white-space: nowrap;
}
.bank__purchased {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  position: absolute;
  bottom: 51px;
  right: 23px;
}
.bank__vip {
  color: #ff9000;
  font-weight: bold;
}
.bank__bonus {
  font-size: 11px;
  color: #ff8f00;
  margin-top: -3px;
}
.bank__bonus--vip {
  color: #ff9000;
}
.bank__percent-bonus {
  position: relative;
  font-size: 13px;
  margin-top: -3px;
}
.bank__line {
  position: absolute;
  background-color: #ee3400;
  height: 1px;
  width: 120%;
  opacity: 0.7;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bank__offer {
  font-size: 12px;
  line-height: 0.92;
  margin-top: 2px;
  text-align: center;
}
.bank__ads,
.bank__compliment {
  font-size: 10px;
  line-height: 1.1;
  margin-top: 2px;
  text-align: center;
}
.bank__gold,
.bank__price,
.bank__compliment-price,
.bank__invite-price,
.bank__rv-price {
  background-size: 17px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left -1px;
  font-weight: bold;
  padding-left: 18px;
  color: #ff3e00;
}
.bank__compliment-price,
.bank__invite-price,
.bank__rv-price {
  background-size: 11px 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left 1px;
  padding-left: 12px;
}
.bank__label {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -4px;
  font-weight: bold;
  font-size: 10px;
  color: #ffffff;
  background-size: 64px 20px;
  height: 20px;
  width: 64px;
}
.bank__label-blick {
  position: absolute;
  top: 1px;
  width: 60px;
  height: 16px;
  background-size: 26px 16px;
  background-repeat: no-repeat;
  background-position: -26px 0px;
  border-radius: 2px;
  -webkit-animation: label-blick 3s linear infinite;
          animation: label-blick 3s linear infinite;
}
@-webkit-keyframes label-blick {
  0% {
    background-position: -26px 0px;
  }
  17% {
    background-position: 64px 0px;
  }
  100% {
    background-position: 64px 0px;
  }
}
@keyframes label-blick {
  0% {
    background-position: -26px 0px;
  }
  17% {
    background-position: 64px 0px;
  }
  100% {
    background-position: 64px 0px;
  }
}
.bank__label-text {
  margin-top: 2px;
}
.bank__opt-icon {
  z-index: 0;
}
.bank__opt-icon--1 {
  background-size: 50px 24px;
  height: 24px;
  width: 50px;
}
.bank__opt-icon--2 {
  background-size: 72px 33px;
  height: 33px;
  width: 72px;
}
.bank__opt-icon--3 {
  background-size: 55px 41px;
  height: 41px;
  width: 55px;
}
.bank__opt-icon--4 {
  background-size: 68px 42px;
  height: 42px;
  width: 68px;
}
.bank__opt-icon--5 {
  background-size: 63px 50px;
  height: 50px;
  width: 63px;
}
.bank__opt-icon--6 {
  background-size: 88px 52px;
  height: 52px;
  width: 88px;
}
.bank__opt-icon--7 {
  background-size: 86px 53px;
  height: 53px;
  width: 86px;
}
.bank__opt-icon--vip {
  background-size: 55px 37px;
  height: 37px;
  width: 55px;
}
.bank__opt-icon--ads {
  background-size: 35px 31px;
  height: 31px;
  width: 35px;
}
.bank__opt-icon--compliment {
  background-size: 70px 47px;
  height: 47px;
  width: 70px;
}
.bank__opt-icon--friends {
  background-size: 68px 40px;
  height: 40px;
  width: 68px;
}
.bank__opt-icon--premium-pass {
  background-size: 62px 39px;
  height: 39px;
  width: 62px;
}
.bank__x_button {
  display: flex;
  width: 74px;
  height: 26px;
  font-size: 14px;
  padding: 0 2px;
  border-radius: 5px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
  margin-top: 11px;
}
.ios .bank__x_button {
  font-size: 11px;
}
.bank__x_button--vip,
.bank__x_button--compliments {
  background-color: #2f89e9;
}
.bank__x_button--invite {
  background-color: #f3c224;
}
.bank__x_button--ready {
  background-color: #07bdf0;
}
.bank__x_button--cooldown {
  display: flex;
  font-size: 13px;
  background-color: #c7c7c7;
  cursor: default;
}
.bank__token-indicator {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 21px;
  right: 1px;
  -webkit-animation: scale-indicator 1.225s linear infinite;
          animation: scale-indicator 1.225s linear infinite;
}
@-webkit-keyframes scale-indicator {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  57% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  63% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  77% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  91% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-indicator {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  57% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  63% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  77% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  91% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bank__image {
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: 1;
  -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
}
.bank__image--black-friday {
  background-size: 72px 42px;
  height: 42px;
  width: 72px;
}
.bank__image--friday {
  background-size: 75px 42px;
  height: 42px;
  width: 75px;
}
.bank__image--sale-day {
  background-size: 56px 63px;
  height: 63px;
  width: 56px;
  top: -3px;
}
.bank__image--bonus {
  background-size: 74px 42px;
  height: 42px;
  width: 74px;
}
.bank__rv-timer {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  flex-shrink: 0;
}
.bank__promotion {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 28px;
  width: calc(90% - 14px);
  background-color: #a34dc3;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 6px;
  position: relative;
}
.bank__promotion-side {
  background-size: 8px 28px;
  height: 28px;
  width: 8px;
  flex-shrink: 0;
  position: absolute;
}
.bank__promotion-side--right {
  right: -7px;
}
.bank__promotion-side--left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: -7px;
}
.bank__promotion-line {
  display: flex;
  align-items: center;
}
.bank__promotion-icon {
  background-size: 16px 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-y: top;
  height: 23px;
  width: 16px;
  flex-shrink: 0;
  margin: 0 3px;
}
.bank__promotion-title {
  font-size: 18px;
  font-weight: bold;
  color: #ffc907;
}
.bank__promotion-timer {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}
.bank__promotion-timer-icon {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  margin: 0 3px;
  flex-shrink: 0;
}
.bank__promotion-count-title {
  font-size: 11px;
  font-weight: normal;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  margin: -4px 0 6px 0;
}
.bank__promotion-count {
  font-size: 12px;
  font-weight: bold;
  color: #ffc907;
}
.bank__bottom-margin {
  display: none;
  width: 100%;
}
@media screen and (max-width: 333px) {
  .bank__bottom-margin {
    display: flex;
  }
}
.bank__ruble {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.bank__blicks {
  width: 100%;
  height: 100%;
  position: relative;
}
.bank__blick {
  background-size: 5px 5px;
  height: 5px;
  width: 5px;
  position: absolute;
}
.bank__currency-icon {
  margin-right: 2px;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
}
.bank__currency-icon--mailik {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
}
.bank__currency-icon--star {
  background-size: 14px 15px;
  height: 15px;
  width: 14px;
  margin-bottom: 2px;
}
.bank__currency-icon--yan {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
}
.bank__x_button:active .bank__currency-icon {
  -webkit-filter: brightness(28%);
          filter: brightness(28%);
}
.bank__opt-icon--1 .bank__blick--1 {
  left: 14px;
  top: 2px;
}
.bank__opt-icon--1 .bank__blick--2,
.bank__opt-icon--1 .bank__blick--3,
.bank__opt-icon--1 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--2 .bank__blick--1 {
  left: 29px;
  top: 1px;
}
.bank__opt-icon--2 .bank__blick--2,
.bank__opt-icon--2 .bank__blick--3,
.bank__opt-icon--2 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--3 .bank__blick--1 {
  left: 21px;
  top: 1px;
}
.bank__opt-icon--3 .bank__blick--2 {
  right: 19px;
  bottom: 12px;
}
.bank__opt-icon--3 .bank__blick--3,
.bank__opt-icon--3 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--4 .bank__blick--1 {
  left: 26px;
  top: 1px;
}
.bank__opt-icon--4 .bank__blick--2 {
  right: 18px;
  bottom: 12px;
}
.bank__opt-icon--4 .bank__blick--3 {
  left: 19px;
  bottom: 10px;
}
.bank__opt-icon--4 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--5 .bank__blick--1 {
  left: 17px;
  top: 6px;
}
.bank__opt-icon--5 .bank__blick--2 {
  right: 16px;
  bottom: 13px;
}
.bank__opt-icon--5 .bank__blick--3 {
  left: 18px;
  bottom: 10px;
}
.bank__opt-icon--5 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--6 .bank__blick--1 {
  left: 31px;
  top: 14px;
}
.bank__opt-icon--6 .bank__blick--2 {
  right: 29px;
  bottom: 26px;
}
.bank__opt-icon--6 .bank__blick--3 {
  left: 21px;
  bottom: 13px;
}
.bank__opt-icon--6 .bank__blick--4 {
  display: none;
}
.bank__opt-icon--7 .bank__blick--1 {
  right: 32px;
  top: 7px;
}
.bank__opt-icon--7 .bank__blick--2 {
  right: 15px;
  bottom: 30px;
}
.bank__opt-icon--7 .bank__blick--3 {
  left: 24px;
  top: 17px;
}
.bank__opt-icon--7 .bank__blick--4 {
  left: 26px;
  bottom: 19px;
}
.bank__split-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: bold;
  margin: -4px 10px 10px 10px;
  background-color: #fff5cf;
  border: solid 1.4px #ef6666;
  border-radius: 5px;
}
.bank__split-icon {
  background-size: 27px 24px;
  height: 24px;
  width: 27px;
  margin-right: 7px;
  flex-shrink: 0;
}
.booster {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
  padding-top: 2px;
}
.booster__x_popup__buttons {
  padding: 0 15px 15px 15px;
}
.booster__x_button {
  pointer-events: auto;
}
.booster__description {
  text-align: center;
  margin-top: 15px;
}
.booster__info {
  font-weight: bold;
  font-size: 13px;
  border-radius: 8px;
  background-color: #fffbe6;
  margin: 15px 0;
  padding: 4px 14px;
  text-align: center;
  white-space: pre-wrap;
}
.booster__info--disabled {
  font-weight: normal;
  color: #b6b6b6;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.booster__info--warning {
  color: #cd5858;
}
.booster__info-icon {
  background-size: 17px 16px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline;
  background-position: left;
  margin-left: 5px;
  padding-left: 20px;
}
.boosters-help {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.boosters-help__subtitle {
  text-align: center;
  margin-bottom: 15px;
}
.boosters-help__category {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.boosters-help__category-border {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.boosters-help__category-title {
  display: flex;
  font-weight: bold;
  flex-shrink: 0;
  margin: 0 8px;
}
.boosters-help__category-desc {
  font-size: 12px;
  margin: 5px 0 8px 0;
  text-align: center;
}
.boosters-help__category-items {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.boosters-help__category-item {
  display: flex;
  margin-bottom: 15px;
}
.boosters-help__category-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: -13px;
}
.boosters-help__category-item-title {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 4px;
}
.boosters-help__category-item-title--choice {
  color: #b164d8;
}
.boosters-help__category-item-title--league {
  color: #6bb5dd;
}
.boosters-help__category-item-desc {
  font-size: 11px;
}
.boosters-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.boosters-list__subtitle {
  text-align: center;
}
.boosters-list__category {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}
.boosters-list__cat-border {
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.boosters-list__cat-title {
  display: flex;
  font-weight: bold;
  flex-shrink: 0;
  margin: 0 8px;
}
.boosters-list__cat-items {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.boosters-list__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  left: 14px;
  top: 9px;
  transition: -webkit-filter 250ms linear;
  transition: filter 250ms linear;
  transition: filter 250ms linear, -webkit-filter 250ms linear;
  cursor: pointer;
}
.bottle-pass {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.bottle-pass__x_popup {
  max-height: 90%;
}
.bottle-pass__x_popup__header {
  background-color: #4eb0ff;
  border-top-left-radius: 17px;
  flex: none;
  flex-direction: column;
  padding: 0;
  color: #ffffff;
  font-weight: normal;
  overflow: visible;
}
.bottle-pass__x_popup__title {
  flex: none;
  color: #ffffff;
  margin: 10px 0 15px 0;
  font-weight: bold;
}
.bottle-pass__x_popup__content {
  position: relative;
  border-radius: 0 0 17px 17px;
  overflow-x: hidden;
}
.bottle-pass__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  left: 14px;
  top: 10px;
  cursor: pointer;
}
.bottle-pass__x_popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.bottle-pass__header-border-btm {
  background-color: rgba(0, 0, 0, 0.1);
  height: 1px;
  width: 100%;
  margin-bottom: -1px;
  z-index: 2;
}
.bottle-pass__header-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15px;
}
.bottle-pass__controls {
  display: flex;
  margin: 0 0 10px 0;
}
.bottle-pass__control {
  display: flex;
  align-items: center;
  border-radius: 6px;
  width: 122px;
  height: 36px;
  font-size: 10px;
  margin-right: 15px;
}
.bottle-pass__control:last-child,
.bottle-pass__control:only-child {
  margin-right: 0;
}
.bottle-pass__control--premium {
  background-image: linear-gradient(to bottom, #fdc800 -1%, #fda500 101%);
  transition: box-shadow 500ms linear;
  cursor: pointer;
}
.bottle-pass__control--premium:active {
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.bottle-pass__control--state {
  background-color: #0093ea;
}
.bottle-pass__premium-icon-bg {
  background-size: 42px 36px;
  height: 36px;
  width: 42px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  position: relative;
}
.bottle-pass__premium-icon {
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  margin-left: 5px;
}
.bottle-pass__premium-purchased-icon {
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
  position: absolute;
  bottom: 6px;
  right: 12px;
}
.bottle-pass__premium-btn-title {
  font-weight: bold;
  margin-left: -8px;
  white-space: pre-wrap;
  cursor: pointer;
}
.bottle-pass__season-state-icon {
  flex-shrink: 0;
}
.bottle-pass__season-state-icon--timer {
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  margin: 0 5px;
}
.bottle-pass__season-state-icon--finish {
  background-size: 30px 24px;
  height: 24px;
  width: 30px;
  margin: 0 2px;
}
.bottle-pass__season-state-info {
  display: flex;
  flex-direction: column;
}
.bottle-pass__season-state-timer {
  font-weight: bold;
}
.bottle-pass__season-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px 0;
}
.bottle-pass__season-stats-blink {
  -webkit-animation: season-stats-blink 1500ms linear;
          animation: season-stats-blink 1500ms linear;
}
@-webkit-keyframes season-stats-blink {
  0% {
    opacity: 100%;
  }
  22% {
    opacity: 50%;
  }
  33% {
    opacity: 100%;
  }
  55% {
    opacity: 50%;
  }
  66% {
    opacity: 100%;
  }
  88% {
    opacity: 50%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes season-stats-blink {
  0% {
    opacity: 100%;
  }
  22% {
    opacity: 50%;
  }
  33% {
    opacity: 100%;
  }
  55% {
    opacity: 50%;
  }
  66% {
    opacity: 100%;
  }
  88% {
    opacity: 50%;
  }
  100% {
    opacity: 100%;
  }
}
.bottle-pass__season-stats-icon {
  background-size: 22px 21px;
  height: 21px;
  width: 22px;
}
.bottle-pass__season-stats-progress {
  background-color: rgba(255, 255, 255, 0.4);
  width: 138px;
  height: 16px;
  border-radius: 8px;
  position: relative;
  margin: 0 5px;
  overflow: hidden;
}
.bottle-pass__season-stats-progress--bar {
  background-color: #0070a2;
  margin: unset;
  border-radius: 0;
}
.bottle-pass__season-stats-info {
  font-size: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bottle-pass__season-stats-level {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
}
.bottle-pass__season-stats-level--level {
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  color: #4eb0ff;
}
.bottle-pass__season-stats-level--heart {
  background-size: 26px 20px;
  height: 20px;
  width: 26px;
}
.bottle-pass__season-stats-level--heart > div {
  margin: 0 0 1px 1px;
}
.bottle-pass__bonus {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #ffffff;
  z-index: 1;
}
.bottle-pass__bonus-chest {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #ccecff;
  margin-bottom: 16px;
  font-size: 10px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  background-size: 84px 84px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: -16px center;
}
.bottle-pass__bonus-chest-desc {
  padding: 0 6px 0 53px;
}
.bottle-pass__bonus-chest-icon {
  background-size: 41px 41px;
  height: 41px;
  width: 41px;
  position: absolute;
  left: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bottle-pass__bonus-chest-desc-icon {
  padding-left: 12px;
  font-weight: bold;
}
.bottle-pass__bonus-chest-desc-icon--star {
  background-size: 11px 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left 0;
}
.bottle-pass__bonus-chest-desc-icon--heart {
  background-size: 11px 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
}
.bottle-pass__bonus-chest-max {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  border: solid 1px #ccecff;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 4px 0 -8px 0;
  background-color: #ffffff;
  font-weight: bold;
}
.bottle-pass__bonus-chest-stats {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #ccecff;
  margin: 7px 0;
  min-height: 33px;
  width: 100%;
  font-size: 10px;
  position: relative;
  cursor: pointer;
  transition: box-shadow 500ms linear;
}
.bottle-pass__bonus-chest-stats--disabled {
  background-color: #e4e4e4;
  cursor: auto;
}
.bottle-pass__bonus-chest-stats--animated {
  border: rgba(59, 129, 196, 0.4) solid 1px;
  -webkit-animation: border-blink 1225ms linear infinite;
          animation: border-blink 1225ms linear infinite;
}
@-webkit-keyframes border-blink {
  0% {
    border-color: rgba(59, 129, 196, 0.4);
  }
  21% {
    border-color: #3b81c4;
  }
  42% {
    border-color: rgba(59, 129, 196, 0.4);
  }
  100% {
    border-color: rgba(59, 129, 196, 0.4);
  }
}
@keyframes border-blink {
  0% {
    border-color: rgba(59, 129, 196, 0.4);
  }
  21% {
    border-color: #3b81c4;
  }
  42% {
    border-color: rgba(59, 129, 196, 0.4);
  }
  100% {
    border-color: rgba(59, 129, 196, 0.4);
  }
}
.bottle-pass__bonus-chest-stats:active {
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.bottle-pass__bonus-chest-stats--premium {
  background-size: 255px 43px;
  background-repeat: no-repeat;
  background-position: center;
}
.bottle-pass__bonus-chest-stats-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
}
.bottle-pass__bonus-chest-stats--animated .bottle-pass__bonus-chest-stats-shadow {
  -webkit-animation: bg-blink 1225ms linear infinite;
          animation: bg-blink 1225ms linear infinite;
}
@-webkit-keyframes bg-blink {
  0% {
    background-color: rgba(0, 147, 234, 0);
  }
  21% {
    background-color: rgba(0, 147, 234, 0.06);
  }
  42% {
    background-color: rgba(0, 147, 234, 0);
  }
  100% {
    background-color: rgba(0, 147, 234, 0);
  }
}
@keyframes bg-blink {
  0% {
    background-color: rgba(0, 147, 234, 0);
  }
  21% {
    background-color: rgba(0, 147, 234, 0.06);
  }
  42% {
    background-color: rgba(0, 147, 234, 0);
  }
  100% {
    background-color: rgba(0, 147, 234, 0);
  }
}
.bottle-pass__bonus-chest-title {
  display: flex;
  font-weight: bold;
}
.bottle-pass__bonus-chest-title--info {
  color: #3b81c4;
  margin: 4px 0;
}
.bottle-pass__bonus-chest-title--premium {
  display: block;
  padding: 0 36px 0 12px;
  font-weight: normal;
  white-space: pre-wrap;
}
.bottle-pass__bonus-chest-score {
  background-size: 11px 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  margin-left: 4px;
  padding-left: 13px;
}
.bottle-pass__bonus-chest-stats--animated .bottle-pass__bonus-chest-score {
  -webkit-animation: score-scale 1225ms linear infinite;
          animation: score-scale 1225ms linear infinite;
}
@-webkit-keyframes score-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  21% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  42% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  49% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes score-scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  21% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  42% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  49% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bottle-pass__bonus-chest-premium-icon {
  background-size: 27px 23px;
  height: 23px;
  width: 27px;
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bottle-pass__bonus-chest-stats--animated .bottle-pass__bonus-chest-premium-icon {
  right: -4px;
}
.bottle-pass__levels {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
.bottle-pass__level {
  display: flex;
  align-items: center;
  flex: 0 0 64px;
  position: relative;
  width: 100%;
  padding: 0 11px;
  box-sizing: border-box;
}
.bottle-pass__level--footer {
  padding: 0 15px 1.5px 15px;
  flex: 0 0 46px;
  margin-bottom: 9px;
  background-image: #ffffff;
}
.bottle-pass__prize-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: bold;
  white-space: pre-wrap;
  text-align: center;
  width: 80px;
}
.bottle-pass__prize-title--premium {
  color: #f8c12f;
}
.bottle-pass__prize-title--free {
  color: #b1ccd8;
}
.bottle-pass__prize-title--clickable {
  cursor: pointer;
}
.bottle-pass__level-title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin: 0 auto;
  flex-shrink: 0;
  font-weight: bold;
}
.bottle-pass__level-title--level {
  background-size: 56px 20px;
  height: 20px;
  width: 56px;
  font-size: 10px;
  z-index: 1;
}
.bottle-pass__level-title--opened {
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
}
.bottle-pass__level-title--locked {
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
}
.bottle-pass__level-title--text {
  font-size: 18px;
  margin: 2px 0 0 0;
}
.bottle-pass__level-bar {
  position: absolute;
  left: 50%;
  top: 32px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 8px;
  height: 64px;
  z-index: -1;
}
.bottle-pass__level-bar--opened,
.bottle-pass__level-bar--level {
  background-color: #2493ed;
}
.bottle-pass__level-bar--locked {
  background-color: #dbdbdb;
}
.bottle-pass__level-bar--level {
  height: 20px;
  top: 0;
  z-index: 0;
}
.bottle-pass__level-bar-shadow {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.15);
  width: 8px;
  height: 19px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 4px;
}
.bottle-pass__level-bar-shadow--top {
  top: 0;
}
.bottle-pass__level-bar-shadow--bottom {
  bottom: 0;
}
.bottle-pass__level-prize {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  width: 58px;
  height: 58px;
  cursor: pointer;
  transition: box-shadow 500ms linear;
}
.bottle-pass__level-prize--premium-decor {
  width: 80px;
  height: 60px;
  margin: 0 -11px;
}
.bottle-pass__level-prize--premium-decor-locked {
  width: 80px;
  height: 60px;
  margin: 0 -11px;
}
.bottle-pass__level-prize--premium,
.bottle-pass__level-prize--premium-decor,
.bottle-pass__level-prize--premium-locked {
  border-radius: 10px;
}
.bottle-pass__level-prize--premium:active,
.bottle-pass__level-prize--premium-decor:active,
.bottle-pass__level-prize--premium-locked:active {
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.bottle-pass__level-prize--free,
.bottle-pass__level-prize--free-locked {
  background-size: 54px 54px;
  height: 54px;
  width: 54px;
  margin: 2px;
  border-radius: 5px;
}
.bottle-pass__level-prize--free:active,
.bottle-pass__level-prize--free-locked:active {
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.3);
}
.bottle-pass__level-prize--claim-prize .bottle-pass__item--anim {
  -webkit-animation: claim-prize 546ms linear forwards;
          animation: claim-prize 546ms linear forwards;
}
@-webkit-keyframes claim-prize {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
            transform: translate(-50%, -50%) scale(2);
  }
}
@keyframes claim-prize {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
            transform: translate(-50%, -50%) scale(2);
  }
}
.bottle-pass__level-prize--claim-prize .bottle-pass__level-prize-icon--hidden {
  -webkit-animation: show-claimed-icon 462ms linear 420ms forwards;
          animation: show-claimed-icon 462ms linear 420ms forwards;
}
@-webkit-keyframes show-claimed-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  55% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  82% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show-claimed-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  55% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  82% {
    opacity: 1;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bottle-pass__level-prize-light {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 64px 64px;
  height: 64px;
  width: 64px;
  -webkit-animation: spin-light 10s linear infinite;
          animation: spin-light 10s linear infinite;
}
@-webkit-keyframes spin-light {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spin-light {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.bottle-pass__level-prize-light--disabled {
  -webkit-animation: none;
          animation: none;
}
.bottle-pass__level-prize-icon {
  position: absolute;
}
.bottle-pass__level-prize-icon--hidden {
  opacity: 0;
}
.bottle-pass__level-prize-icon--claimed {
  background-size: 17px 17px;
  height: 17px;
  width: 17px;
  bottom: -1px;
  right: -1px;
}
.bottle-pass__level-prize-icon--locked {
  background-size: 20px 19px;
  height: 19px;
  width: 20px;
  bottom: -3px;
  right: -3px;
}
.bottle-pass__level-prize-collect {
  position: absolute;
  left: 50%;
  bottom: -3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 2px 4px 3px 4px;
  border-radius: 5px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  background-color: #a34dc3;
  color: #ffffff;
  font-size: 10px;
  font-weight: bold;
}
.bottle-pass__level-prize-collect--free {
  bottom: -5px;
}
.bottle-pass__level-prize--premium-decor .bottle-pass__level-prize-icon--claimed {
  bottom: 0px;
  right: 10px;
}
.bottle-pass__level-dots {
  border-bottom: dotted 2px #cacaca;
  width: 100%;
  margin: 0 5px;
}
.bottle-pass__item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.bottle-pass__item--heart {
  background-size: 38px 29px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: center calc(50% + 1px);
  font-size: 15px !important;
}
.bottle-pass__item--tokens {
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
  font-size: 15px !important;
}
.bottle-pass__item--chest-choice {
  background-size: 36px 33px;
  height: 33px;
  width: 36px;
}
.bottle-pass__item--chest-league {
  background-size: 36px 33px;
  height: 33px;
  width: 36px;
}
.bottle-pass__item--anim {
  opacity: 0;
}
.bottle-pass__stone {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.bottle-pass__booster-item {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
}
.bottle-pass__shadow {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: -12px;
}
.bottle-pass__toast {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  padding: 5px 14px;
  font-size: 11px;
  margin-bottom: 14px;
  border-radius: 9999px;
}
.bottle-pass__toast-timer {
  background-size: 13px 13px;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  background-position: left;
  padding-left: 16px;
  font-weight: bold;
  height: 13px;
  margin-top: 1px;
}
.bottle-pass__navigation-btn {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: 50px 47px;
  height: 47px;
  width: 50px;
  cursor: pointer;
}
.bottle-pass__navigation-btn--prize-down {
  bottom: 2px;
}
.bottle-pass__navigation-btn--level-down {
  bottom: 2px;
}
.bottle-pass__navigation-btn--hidden {
  display: none;
}
@media screen and (max-height: 330px) {
  .landscape .bottle-pass__x_popup__title {
    margin: 10px 0 8px 0;
  }
  .landscape .bottle-pass__season-stats {
    margin: 5px 0;
  }
}
.bottle-pass-premium__x_popup {
  max-height: 90%;
  background-color: #f2f2f2;
}
.bottle-pass-premium__x_popup__header {
  background-color: #fdb100;
  border-top-left-radius: 17px;
  color: #ffffff;
}
.bottle-pass-premium__x_popup__title {
  color: #ffffff;
}
.bottle-pass-premium__x_popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.bottle-pass-premium__x_buttons {
  flex: 0 0 30px;
  padding: 10px 15px 15px 20px;
}
.bottle-pass-premium__x_button--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.bottle-pass-premium__info {
  display: flex;
  align-items: center;
  background-color: #fdb100;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding: 0 12px 5px 20px;
}
.bottle-pass-premium__description {
  width: 100%;
  white-space: pre-wrap;
}
.bottle-pass-premium__pass-icon {
  background-size: 65px 73px;
  height: 73px;
  width: 65px;
  flex-shrink: 0;
}
.bottle-pass-premium__prize-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
  gap: 10px 0;
  padding: 12px 0px;
}
@media screen and (min-width: 360px) {
  .bottle-pass-premium__prize-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 430px) {
  .bottle-pass-premium__prize-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.bottle-pass-premium__overall-prize-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0px;
}
.bottle-pass-premium__overall-prize {
  background-color: #a34dc3;
  position: relative;
  padding: 0px 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  min-height: 23px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
}
.bottle-pass-premium__overall-prize::before {
  content: '';
  background-size: 7px 23px;
  height: 23px;
  width: 7px;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: -6px;
}
.bottle-pass-premium__overall-prize::before--right {
  right: -6px;
}
.bottle-pass-premium__overall-prize::after {
  content: '';
  background-size: 7px 23px;
  height: 23px;
  width: 7px;
  position: absolute;
  right: -6px;
}
.bottle-pass-premium__features,
.bottle-pass-premium__prizes {
  display: flex;
  flex-direction: column;
  margin: 0 8px 4px 8px;
  padding: 0 8px;
  border-radius: 8px;
  background-color: #ffffff;
}
.bottle-pass-premium__feature {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ededed;
  min-height: 50px;
}
.bottle-pass-premium__feature:last-child,
.bottle-pass-premium__feature:only-child {
  border-bottom: none;
}
.bottle-pass-premium__feature--decor {
  margin: 12px 0 0 4px;
  padding-bottom: 12px;
}
.bottle-pass-premium__feature-icon {
  margin: 0 14px 0 6px;
  flex-shrink: 0;
}
.bottle-pass-premium__feature-icon--name {
  background-size: 32px 27px;
  height: 27px;
  width: 32px;
  margin: 0 14px 0 5px;
}
.bottle-pass-premium__feature-icon--daily {
  background-size: 30px 23px;
  height: 23px;
  width: 30px;
}
.bottle-pass-premium__feature-icon--chest {
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  margin: 0 14px 2px 6px;
}
.bottle-pass-premium__feature-title {
  font-size: 12px;
  width: 100%;
  padding: 4px 0;
}
.bottle-pass-premium__prizes {
  padding: 8px 12px 0 12px;
  margin: 8px 8px 0 8px;
}
.bottle-pass-premium__prize-title {
  font-size: 11px;
  font-weight: bold;
  color: #9a9a9a;
}
.bottle-pass-premium__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 42px;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  float: left;
}
.bottle-pass-premium__item--heart {
  background-position: center calc(50% + 2px);
}
.bottle-pass-premium__item--booster {
  text-shadow: none;
}
.bottle-pass-premium__status {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.bottle-pass-premium__status--buy,
.bottle-pass-premium__status--disabled {
  flex-direction: column;
  align-items: flex-start;
}
.bottle-pass-premium__btn-label {
  font-size: 14px;
}
.bottle-pass-premium__btn-label--buy,
.bottle-pass-premium__btn-label--disabled {
  flex-direction: column;
  align-items: flex-start;
  font-weight: bold;
}
.bottle-pass-premium__btn-label--finished {
  color: #979797;
}
.bottle-pass-premium__success {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.bottle-pass-premium__timer {
  font-size: 10px;
  color: #9a9a9a;
  margin-top: 2px;
  font-weight: bold;
}
.bottle-pass-premium__heart {
  background-size: 13px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 14px;
  margin-left: 4px;
  font-weight: bold;
}
.bottle-pass-premium__currency-icon {
  margin-right: 2px;
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
}
.bottle-pass-premium__currency-icon--mailik {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
}
.bottle-pass-premium__currency-icon--star {
  background-size: 14px 15px;
  height: 15px;
  width: 14px;
  margin-bottom: 2px;
}
.bottle-pass-premium__currency-icon--yan {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
}
.bottle-pass-premium__x_button:active .bottle-pass-premium__currency-icon {
  -webkit-filter: brightness(28%);
          filter: brightness(28%);
}
.chances-bank {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 10px 10px 10px;
  gap: 5px;
}
@media screen and (max-height: 499px) {
  .chances-bank {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.chances-bank__x_popup {
  background-color: #ddf8f2;
  width: auto;
}
.chances-bank__x_popup__header {
  flex: none;
  flex-direction: column;
  padding: 0;
}
.chances-bank__x_popup__title {
  color: #ffffff;
  flex: none;
  margin: 15px 0;
}
.chances-bank__x_popup__content {
  padding: 0;
  border-radius: 17px;
}
@media screen and (max-width: 499px), screen and (max-height: 499px) {
  .landscape .chances-bank {
    display: flex;
    overflow: auto;
  }
  .chances-bank__x_popup {
    max-height: 94%;
    max-width: 310px;
  }
  .landscape .chances-bank__x_popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 91%;
    max-height: 80%;
  }
}
@media screen and (max-width: 333px) {
  .chances-bank__x_popup {
    max-width: 93%;
  }
}
.chances-bank__bg {
  position: absolute;
  background-size: auto 191px;
  background-repeat: repeat-x;
  width: 100%;
  height: 191px;
  border-radius: 17px 17px 0 0;
  z-index: -1;
}
.chances-bank__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 90px;
  height: 136px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.chances-bank__item-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  transition: box-shadow 500ms linear;
}
.chances-bank__item-shadow:active {
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.chances-bank__item-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 74px;
  height: 96px;
  box-shadow: inset 0 0 50px 0 #e3e3e3;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0;
}
.chances-bank__desc {
  font-size: 18px;
  font-weight: bold;
  color: #00a48b;
  margin-top: 7px;
}
.chances-bank__opt-icon {
  background-size: 74px 74px;
  height: 74px;
  width: 74px;
  margin-top: -4px;
}
.chances-bank__heart {
  display: inline;
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 22px;
}
.change-table {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: hidden;
}
.change-table__x_popup__footer {
  flex: 0 0 12px;
}
.change-table__items {
  display: flex;
  flex-direction: column;
}
.change-table__item {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: background-color 500ms linear;
  border-radius: 6px;
  margin: 0 12px;
}
.change-table__item:active {
  background-color: #d1d1d1;
}
.change-table__item-border {
  align-self: stretch;
  flex: 1;
  margin-left: 5px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 16px;
}
.change-table__photo {
  width: 42px;
  height: 42px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-left: 3px;
  border-radius: 4px;
  flex-shrink: 0;
}
.change-table__random-button {
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-sizing: border-box;
  cursor: pointer;
  transition: box-shadow 500ms linear;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 15px 10px 15px;
  background-size: auto 42px;
  background-repeat: no-repeat;
  background-position: bottom;
}
.change-table__random-button:active {
  box-shadow: inset 0px 0px 30px rgba(132, 89, 50, 0.5);
}
.change-table--support-borders .change-table__random-button {
  border: solid 1.5px rgba(132, 89, 50, 0.2);
}
.change-table__subtitle {
  display: flex;
  align-items: center;
  margin: 10px 15px 6px 15px;
  font-size: 11px;
  color: #b6b6b6;
}
.change-table__subtitle--input {
  margin: 10px 0 6px 0;
}
.change-table__table-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-size: 42px 42px;
  height: 42px;
  width: 42px;
  margin-left: 3px;
}
.change-table__border {
  height: 1px;
  background-color: #e7e7e7;
  margin: 8px 15px 0 15px;
}
.change-table__info {
  display: flex;
  overflow: hidden;
}
.change-table__stats {
  margin: 0 3px 0 5px;
  font-size: 14px;
  position: relative;
  width: 63px;
  height: 100%;
}
.change-table__stats-players {
  display: flex;
  color: #b6b6b6;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.change-table__stats-players--disabled {
  display: none;
}
.change-table__stats-players--show {
  opacity: 0;
  -webkit-animation: show-players 235ms linear 200ms forwards;
          animation: show-players 235ms linear 200ms forwards;
}
@-webkit-keyframes show-players {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.91) translate(-50%, -50%);
            transform: scale(0.91) translate(-50%, -50%);
  }
  57% {
    opacity: 1;
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes show-players {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.91) translate(-50%, -50%);
            transform: scale(0.91) translate(-50%, -50%);
  }
  57% {
    opacity: 1;
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
.change-table__stats-players--hide {
  opacity: 1;
  -webkit-animation: hide-players 235ms linear forwards;
          animation: hide-players 235ms linear forwards;
}
@-webkit-keyframes hide-players {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  43% {
    opacity: 1;
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.91) translate(-50%, -50%);
            transform: scale(0.91) translate(-50%, -50%);
  }
}
@keyframes hide-players {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  43% {
    opacity: 1;
    -webkit-transform: scale(1.08) translate(-50%, -50%);
            transform: scale(1.08) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.91) translate(-50%, -50%);
            transform: scale(0.91) translate(-50%, -50%);
  }
}
.change-table__men {
  display: flex;
  margin-right: 6px;
}
.change-table__men:only-child {
  margin-right: 0;
}
.change-table__women {
  display: flex;
}
.change-table__stats-icon {
  background-size: 18px 16px;
  height: 16px;
  width: 18px;
  margin-right: 2px;
}
.change-table__bottle {
  margin: 2px 0 0 2px;
}
.change-table__bottle--autumn {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__bottle--baby {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--champagne {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--champagnebot {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--cognac {
  background-size: 33px 34px;
  height: 34px;
  width: 33px;
}
.change-table__bottle--cola {
  background-size: 33px 32px;
  height: 32px;
  width: 33px;
}
.change-table__bottle--jackdaniels {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--ketchup {
  background-size: 35px 35px;
  height: 35px;
  width: 35px;
}
.change-table__bottle--lemonade {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--martini {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--martinibot {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--milk {
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
}
.change-table__bottle--milkbot {
  background-size: 34px 34px;
  height: 34px;
  width: 34px;
}
.change-table__bottle--nybottle {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__bottle--pirate {
  background-size: 33px 32px;
  height: 32px;
  width: 33px;
}
.change-table__bottle--ship {
  background-size: 31px 31px;
  height: 31px;
  width: 31px;
}
.change-table__bottle--skeleton {
  background-size: 31px 27px;
  height: 27px;
  width: 31px;
}
.change-table__bottle--skewer {
  background-size: 32px 34px;
  height: 34px;
  width: 32px;
}
.change-table__bottle--spring {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__bottle--sprite {
  background-size: 31px 32px;
  height: 32px;
  width: 31px;
}
.change-table__bottle--standart {
  background-size: 34px 33px;
  height: 33px;
  width: 34px;
}
.change-table__bottle--summer {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__bottle--vipbottle {
  background-size: 31px 32px;
  height: 32px;
  width: 31px;
}
.change-table__bottle--vodka {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--vodkabot {
  background-size: 33px 33px;
  height: 33px;
  width: 33px;
}
.change-table__bottle--winter {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__bottle--yacht {
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
}
.change-table__view-form {
  margin: 0 15px 10px;
}
.change-table__input-line {
  display: flex;
}
.change-table__input {
  font-size: 14px;
  padding: 0.25em 0.5em;
  background-color: #fff;
  border: 2px solid #8b8a8b;
  border-radius: 4px;
  width: 100%;
  transition: 180ms box-shadow ease-in-out;
}
.change-table__input:focus {
  border-color: #dd9c59;
  box-shadow: 0 0 0 3px #fbb872;
  outline: 3px solid transparent;
}
.change-table__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  transition: box-shadow 500ms linear;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 10px;
  background-size: auto 27px;
  background-repeat: no-repeat;
  background-position: bottom;
}
.change-table__submit:active {
  box-shadow: inset 0px 0px 30px rgba(132, 89, 50, 0.5);
}
.change-table--support-borders .change-table__submit {
  border: solid 1.5px rgba(132, 89, 50, 0.2);
}
.change-table__kickout-timer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-size: 63px 24px;
  height: 24px;
  width: 63px;
  display: flex;
  align-items: center;
  color: #ffffff;
  padding-left: 23px;
  box-sizing: border-box;
  opacity: 0;
}
.change-table__kickout-timer--hide {
  opacity: 1;
  -webkit-animation: hide-timer 200ms linear forwards;
          animation: hide-timer 200ms linear forwards;
}
@-webkit-keyframes hide-timer {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  33% {
    opacity: 1;
    -webkit-transform: scale(1.07) translate(-50%, -50%);
            transform: scale(1.07) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.92) translate(-50%, -50%);
            transform: scale(0.92) translate(-50%, -50%);
  }
}
@keyframes hide-timer {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
  33% {
    opacity: 1;
    -webkit-transform: scale(1.07) translate(-50%, -50%);
            transform: scale(1.07) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.92) translate(-50%, -50%);
            transform: scale(0.92) translate(-50%, -50%);
  }
}
.change-table__kickout-timer--show {
  opacity: 0;
  -webkit-animation: show-timer 200ms linear 235ms forwards;
          animation: show-timer 200ms linear 235ms forwards;
}
@-webkit-keyframes show-timer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.92) translate(-50%, -50%);
            transform: scale(0.92) translate(-50%, -50%);
  }
  67% {
    opacity: 1;
    -webkit-transform: scale(1.07) translate(-50%, -50%);
            transform: scale(1.07) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes show-timer {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.92) translate(-50%, -50%);
            transform: scale(0.92) translate(-50%, -50%);
  }
  67% {
    opacity: 1;
    -webkit-transform: scale(1.07) translate(-50%, -50%);
            transform: scale(1.07) translate(-50%, -50%);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
            transform: scale(1) translate(-50%, -50%);
  }
}
.change-table__no-social-friends {
  font-size: 10px;
  color: #b6b6b6;
  text-align: center;
  margin: 3px 0;
  cursor: pointer;
}
.chat {
  background-color: #f5f5f5;
}
.chat__safe-area {
  position: absolute;
  width: 100%;
  bottom: 0px;
  background-color: white;
}
.chat__text-format {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chat__shade {
  background-color: rgba(0, 0, 0, 0.65);
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}
.chat__scroll {
  position: absolute;
  top: 0px;
  bottom: 40px;
  width: 100%;
  pointer-events: auto;
  -webkit-touch-callout: default;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.tutorial-disabled .chat__scroll {
  pointer-events: none;
}
.chat__banner {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: white;
  pointer-events: auto;
}
.chat__banner-icon {
  background-size: 32px 29px;
  height: 29px;
  width: 32px;
  margin-bottom: 18px;
}
.chat__banner-text {
  font-size: 12px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 13px;
}
.chat__banner-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 300px;
}
.chat__banner-btn {
  min-width: 107px;
  height: 29px;
  padding: 0 16px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1;
  margin: 8px;
  cursor: pointer;
}
.chat__banner-btn:active {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}
.chat__banner-btn--accept {
  background-color: #9bcc34;
  color: #ffffff;
  border: none;
}
.chat__banner-btn--decline {
  background-color: white;
  color: #97ca31;
  border: #97ca31 solid 1px;
}
.chat__reply-button {
  cursor: pointer;
  flex-shrink: 0;
  align-self: center;
  background-size: 30px 22px;
  height: 22px;
  width: 30px;
}
.chat__reply-button--gift,
.chat__reply-button--save {
  align-self: center;
  margin-left: 9px;
}
.chat__reply-button--multiline {
  align-self: flex-end;
}
.chat__scroll-btn {
  display: none;
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 15px;
  box-shadow: 0px 0px 24px -1px rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 13px;
  padding: 8px;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 999;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.tutorial-disabled .chat__scroll-btn {
  pointer-events: none;
}
.chat__scroll-btn-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.chat__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  position: relative;
  background-color: #f5f5f5;
  font-size: 13px;
  cursor: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  gap: 7px;
  padding: 7px 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.chat__noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
}
.chat__multigift-receivers {
  display: flex;
  flex-direction: row-reverse;
  min-width: 30px;
  gap: 5px;
  position: relative;
  height: 30px;
}
.chat__photo {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-position: center top;
  background-size: cover;
  cursor: pointer;
  flex-shrink: 0;
}
.chat__small .chat__message .chat__photo,
.chat__small .chat__action .chat__photo {
  display: none;
}
.chat__multigift-photo-wrapper {
  width: 30px;
  min-width: 0px;
  overflow: visible;
}
.chat__multigift-photo-wrapper:first-child {
  min-width: 30px;
}
.chat__multigift-photo {
  position: absolute;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
  top: -1px;
}
.chat__action .chat__photo {
  margin: 0 5px 0 0;
  float: left;
}
.chat__message {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding: 0 7px;
  max-width: 100%;
  box-sizing: border-box;
}
.chat__message-line {
  position: relative;
  background-color: white;
  border-radius: 5px;
  padding: 7px 8px 6px 8px;
  min-width: 100px;
  min-height: 17px;
}
.chat__message-line:after {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  border: 6px solid transparent;
  border-right-color: white;
  border-left: 0;
  margin-left: -6px;
}
.chat__message-line--selected {
  background-color: #498fe1;
}
.chat__message-line--selected span {
  color: white !important;
}
.chat__message-line--selected:after {
  border-right-color: #498fe1;
}
.chat__message-line--selected .chat__translate {
  color: white;
}
.chat__small .chat__message-line {
  margin-left: 0;
}
.chat__small .chat__message-line:after {
  display: none;
}
.chat__translate {
  font-size: 12px;
  color: blue;
  cursor: pointer;
  color: #808080;
}
.chat__translate:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.chat__message:hover .chat__report {
  position: absolute;
  right: -11px;
  top: -11px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.chat__message:hover .chat__report-icon {
  width: 14px;
  height: 14px;
  color: white;
  cursor: pointer;
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
  background-color: #498fe1;
  border-radius: 50%;
}
.chat__message:hover .chat__report:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.tutorial-disabled .chat__message:hover .chat__report {
  display: none;
}
.chat__action {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  flex: 0 0;
  margin: 4px 6px 4px 3px;
  width: calc(100% - 6px);
  min-height: 40px;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07);
  cursor: pointer;
  transition: background-color 500ms linear;
}
.screenshot .chat__action {
  transition: none;
}
.chat__action--birthday,
.chat__action--newcomer {
  background-color: #f0f7e8;
}
.chat__action--native {
  background-color: #e8e8e8;
}
.chat__action--vip {
  background-color: #fff4e6;
}
.chat__action--rewarded-video {
  background-color: #e6faff;
}
.chat__action:active {
  background-color: #cfcfcf;
}
.chat__action-line {
  width: 100%;
  padding: 6px 8px 6px 6px;
  align-items: center;
  margin-right: 44px;
  box-sizing: border-box;
  line-height: 15px;
}
.chat__small .chat__action-line {
  box-sizing: content-box;
}
.chat__action-line-resize {
  max-width: 100%;
}
.chat__action-line > span {
  white-space: pre-line;
}
.chat__info {
  display: flex;
  align-items: center;
  flex: 0 0 30px;
  max-height: 30px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 7px;
}
.chat__info--multiline {
  flex: 0 1 auto;
  min-height: 30px;
  max-height: none;
}
.chat__info--gesture {
  align-items: flex-start;
}
.chat__info-line {
  display: inline-block;
  max-width: 100%;
  padding: 0px 8px 0px 8px;
}
.chat__info-line--achievement,
.chat__info-line--harem {
  line-height: 15px;
}
.chat__info-line--achievement > span {
  white-space: pre-wrap !important;
}
.chat__bottle {
  margin-left: 15px;
  flex-shrink: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chat__bottle:last-child {
  margin: 0 0 0 4px;
}
.chat__bottle--old {
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  margin: 0 4px 0 15px;
}
.chat__gift {
  margin-left: 10px;
  flex-shrink: 0;
}
.chat__count {
  display: flex;
  align-items: center;
  margin: 2px 0 0 4px;
  height: 18px;
  font-size: 16px;
  font-weight: bold;
  color: #72be61;
}
.chat__count--gesture {
  align-self: center;
  margin: 2px 0 0 0;
}
.chat__icon {
  flex-shrink: 0;
}
.chat__icon--system {
  background-size: 23px 20px;
  height: 20px;
  width: 23px;
}
.chat__icon--count {
  background-size: 9px 8px;
  height: 8px;
  width: 9px;
}
.chat__icon--arrows {
  background-size: 11px 11px;
  height: 11px;
  width: 11px;
  margin: 0 5px;
}
.chat__icon--heart {
  background-size: 15px 11px;
  height: 11px;
  width: 15px;
  display: inline-block;
  margin: 0 2px 0 4px;
}
.chat__icon--achievement {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}
.chat__icon--admin_chat {
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
}
.chat__icon--ban,
.chat__icon--flood_error {
  background-size: 30px 25px;
  height: 25px;
  width: 30px;
}
.chat__icon--harem_busy {
  background-size: 18px 19px;
  height: 19px;
  width: 18px;
  margin-left: 10px;
}
.chat__icon--harem_free {
  background-size: 18px 23px;
  height: 23px;
  width: 18px;
  margin-left: 10px;
}
.chat__icon--music {
  background-size: 17px 18px;
  height: 18px;
  width: 17px;
  margin-left: 10px;
}
.chat__icon--rewarded-heart {
  background-size: 18px 14px;
  height: 14px;
  width: 18px;
  bottom: -1px;
  display: inline-block;
  left: -3px;
  margin: 0 -6px -1px 6px;
  position: relative;
}
.chat__icon--kick {
  background-size: 26px 22px;
  height: 22px;
  width: 26px;
  margin-left: 10px;
}
.chat__icon--kicked {
  background-size: 20px 22px;
  height: 22px;
  width: 20px;
  margin-left: 10px;
}
.chat__icon--save {
  background-size: 19px 22px;
  height: 22px;
  width: 19px;
  margin-left: 10px;
}
.chat__small .chat__icon--system,
.chat__small .chat__icon--ban,
.chat__small .chat__icon--flood_error,
.chat__small .chat__icon--admin_chat {
  display: none;
}
.chat__btn-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 44px;
  height: 100%;
  flex-shrink: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.chat__btn-bg--birthday {
  background-image: linear-gradient(to left, #72be61, #a7c958);
}
.chat__btn-bg--newcomer {
  background-image: linear-gradient(to left, #72be61, #a7c958);
}
.chat__btn-bg--native {
  background-image: linear-gradient(to left, #acacac, #d6d6d6);
}
.chat__btn-bg--vip {
  background-image: linear-gradient(to left, #fd9348, #fdc14e);
}
.chat__btn-bg--rewarded-video {
  background-image: linear-gradient(to left, #00b1e2, #78d4e7);
}
.chat__btn--gift {
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}
.chat__btn--chat {
  background-size: 29px 27px;
  height: 27px;
  width: 29px;
}
.chat__btn--android {
  background-size: 23px 26px;
  height: 26px;
  width: 23px;
}
.chat__btn--ios {
  background-size: 22px 26px;
  height: 26px;
  width: 22px;
}
.chat__btn--vip {
  background-size: 34px 26px;
  height: 26px;
  width: 34px;
}
.chat__btn--rewarded-video {
  background-size: 28px 25px;
  height: 25px;
  width: 28px;
}
.chat__tutorial {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.portrait .chat__tutorial {
  top: -150px;
}
.landscape .chat__tutorial {
  bottom: 150px;
}
.chat__tutorial-hint {
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #faa152;
  margin-bottom: 10px;
  -webkit-animation: drag_tutorial_hint 0.25s infinite;
          animation: drag_tutorial_hint 0.25s infinite;
}
@-webkit-keyframes drag_tutorial_hint {
  0% {
    -webkit-transform: translateY(0px) rotate(-6deg);
            transform: translateY(0px) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-4px) rotate(-10deg);
            transform: translateY(-4px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-6deg);
            transform: translateY(0px) rotate(-6deg);
  }
}
@keyframes drag_tutorial_hint {
  0% {
    -webkit-transform: translateY(0px) rotate(-6deg);
            transform: translateY(0px) rotate(-6deg);
  }
  50% {
    -webkit-transform: translateY(-4px) rotate(-10deg);
            transform: translateY(-4px) rotate(-10deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-6deg);
            transform: translateY(0px) rotate(-6deg);
  }
}
.chat__tutorial-arrow {
  background-size: 32px 85px;
  height: 85px;
  width: 32px;
  -webkit-animation: drag_tutorial_hint-arrow 0.25s infinite;
          animation: drag_tutorial_hint-arrow 0.25s infinite;
}
@-webkit-keyframes drag_tutorial_hint-arrow {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes drag_tutorial_hint-arrow {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.chat__sender-name {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 1em);
}
.chat__sender-name--stone {
  max-width: calc(100% - 2em);
}
.chat__premium-sender-name {
  background-color: #e9a103;
  background-image: linear-gradient(to bottom, #f0d033 0%, #d98300);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.chat__stone {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin-right: -2px;
}
.chat__stone-img {
  position: absolute;
  top: 2.5px;
}
.chat__gesture-icons {
  display: inline-block;
  margin: -3px 0 -6px 5px;
}
.chat__gesture {
  margin: -2px 0;
  flex-shrink: 0;
}
.chat__word-break {
  word-break: break-word;
  hyphens: manual;
}
.chat-input {
  display: flex;
  align-items: center;
  align-content: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
  background-color: white;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 39px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.07);
  touch-action: none;
}
.chat-input--lifted {
  border: none;
  bottom: auto;
  width: calc(100% - 12px);
  margin: 6px;
  border-radius: 14px;
  box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
}
.chat-input__button {
  background-position: center;
  border-radius: 5px;
  cursor: pointer;
  width: 36px;
  height: 28px;
  pointer-events: auto;
  transition: background-color 500ms linear, -webkit-filter 500ms linear;
  transition: background-color 500ms linear, filter 500ms linear;
  transition: background-color 500ms linear, filter 500ms linear, -webkit-filter 500ms linear;
  margin-right: 12px;
  flex-shrink: 0;
  flex-grow: 0;
}
.chat-input__button:active {
  background-color: #D1D1D1;
}
.tutorial-disabled .chat-input__button {
  pointer-events: none;
}
.chat-input__send {
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
  border-radius: 13px;
  margin-right: 8px;
}
.chat-input__send:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.chat-input__emoji {
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
  border-radius: 13px;
  margin: 0 6px 0 4px;
}
.chat-input__emoji:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.chat-input__input {
  background-color: transparent;
  border: 0;
  flex-grow: 1;
  font-size: 14px;
  line-height: 28px;
  margin-left: 13px;
  min-width: 100px;
  padding: 8px 0;
  pointer-events: auto;
  width: 100%;
  /* Firefox 19+ */
  /* Firefox 18- */
}
.chat-input__input::-webkit-input-placeholder {
  color: #cfcfcf;
}
.chat-input__input::-moz-placeholder {
  color: #cfcfcf;
}
.chat-input__input:-moz-placeholder {
  color: #cfcfcf;
}
.chat-input__input:-ms-input-placeholder {
  color: #cfcfcf;
}
.tutorial-disabled .chat-input__input {
  pointer-events: none;
}
.chat-input__pulsar {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
}
.chat-input__circle {
  position: absolute;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1px solid #f7a059;
  box-shadow: inset 0 0 20px 0 #f7a059;
}
.chat-input__emoji-icon {
  height: 17px;
  width: auto;
  margin-bottom: -3px;
}
.common-help__item {
  display: flex;
  margin-top: 15px;
}
.common-help__item:first-child {
  margin-top: 0;
}
.common-help__item-icon {
  background-size: 46px 46px;
  height: 46px;
  width: 46px;
  flex-shrink: 0;
  margin: 4px 15px 0 0;
}
.common-help__item-text {
  font-size: 14px;
  line-height: 20px;
}
.common-help__tag--heart {
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline;
  background-position: left;
  font-weight: bold;
  padding-left: 20px;
}
.compliment-received {
  display: flex;
}
.compliment-received__user {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.compliment-received__photo {
  width: 80px;
  height: 80px;
  border-radius: 7px;
  background-position: center top;
  background-size: cover;
  cursor: pointer;
}
.compliment-received__user-info {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
  margin-top: 3px;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
}
.compliment-received__name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.compliment-received__age {
  flex-shrink: 0;
}
.compliment-received__description-view {
  display: flex;
  flex-direction: column;
}
.compliment-received__description {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
}
.compliment-received__item {
  cursor: auto;
}
.compliment-send__x_popup {
  width: 290px;
}
.compliment-send__x_popup__content {
  padding: 0 15px 15px 15px;
}
.compliment-send__counter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: bold;
  font-size: 13px;
  border-radius: 8px;
  background-color: #fffbe6;
  margin: 10px auto 15px auto;
  padding: 3px 7px 5px;
  text-align: center;
  white-space: pre-wrap;
}
.compliment-send__layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.compliment-send__gold {
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 16px;
}
.compliment-send__receiver {
  display: flex;
  padding: 10px 10px 8px 10px;
  border-radius: 12px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  width: 260px;
}
.compliment-send__user,
.compliment-send__adresses {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.compliment-send__photo {
  width: 80px;
  height: 80px;
  border-radius: 7px;
  background-position: center top;
  background-size: cover;
  cursor: pointer;
}
.compliment-send__user-info,
.compliment-send__adresses-desc {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 80px;
  margin-top: 3px;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
}
.compliment-send__name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.compliment-send__age {
  flex-shrink: 0;
}
.compliment-send__adresses-img {
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
  border-radius: 7px;
}
.compliment-send__adresses-desc {
  line-height: 10px;
}
.compliment-send__description-view {
  display: flex;
  align-items: center;
  position: relative;
  height: 80px;
}
.compliment-send__description {
  font-size: 14px;
  line-height: 18px;
}
.compliment-send__item-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 8px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin: 10px 0 0 0;
}
@media screen and (max-height: 499px) {
  .landscape .compliment-send__x_popup {
    width: auto;
  }
  .landscape .compliment-send__counter {
    padding: 4px 7px 5px;
  }
  .landscape .compliment-send__layout {
    flex-direction: row;
  }
  .landscape .compliment-send__item-list {
    margin: 0 0 0 10px;
  }
}
.daily-bonus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.daily-bonus__x_popup {
  width: 290px;
}
.daily-bonus__x_popup__title {
  color: #ffffff;
}
.daily-bonus__x_popup__buttons {
  padding: 20px 15px;
}
.daily-bonus__bg {
  position: absolute;
  background-size: auto 165px;
  background-attachment: local;
  background-repeat: repeat-x;
  width: 100%;
  height: 165px;
  border-radius: 17px 17px 0 0;
  z-index: -1;
}
.daily-bonus__description {
  margin-bottom: 15px;
  text-align: center;
  font-size: 14px;
  width: 220px;
  white-space: pre-line;
}
.daily-bonus__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 190px;
}
.daily-bonus__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.06);
  width: 233px;
  height: 30px;
  border-radius: 15px;
}
.daily-bonus__item--activated {
  background-color: #b7ee66;
}
.daily-bonus__checkbox {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: white;
}
.daily-bonus__item--activated .daily-bonus__checkbox {
  background-size: 13px 10px;
  background-repeat: no-repeat;
  background-position: center;
}
.daily-bonus__item--today .daily-bonus__checkbox {
  background-image: none;
}
.daily-bonus__day {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.daily-bonus__day-title {
  font-size: 14px;
  padding: 0 0 0 5px;
}
.daily-bonus__heart {
  background-size: 26px 19px;
  height: 19px;
  width: 26px;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  margin: 0 15px 0 4px;
  flex-shrink: 0;
}
.daily-bonus__heart-title {
  align-self: center;
  color: white;
  font-size: 13px;
  font-weight: bold;
}
.daily-bonus__premium {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  background-color: #fdb100;
  border-radius: 10px;
  color: #ffffff;
  width: 233px;
  margin-top: 10px;
}
.daily-bonus__premium-title {
  font-size: 12px;
  font-weight: bold;
  margin-left: 12px;
}
.daily-bonus__premium-icon {
  background-size: 58px 65px;
  background-repeat: no-repeat;
  background-position: center;
  width: 55px;
  height: 45px;
  flex-shrink: 0;
  margin-left: 4px;
}
.landscape .daily-bonus__x_popup {
  width: 430px;
}
.landscape .daily-bonus__x_popup--premium {
  width: 505px;
  max-width: none;
  max-height: 82%;
}
.landscape .daily-bonus__x_popup__buttons {
  padding: 10px 15px;
}
.landscape .daily-bonus__description {
  margin-bottom: 15px;
  text-align: center;
  font-size: 14px;
  width: 310px;
}
.landscape .daily-bonus__items {
  display: block;
  height: unset;
  width: 310px;
  margin-left: 10px;
}
.landscape .daily-bonus__items--premium {
  width: auto;
}
.landscape .daily-bonus__item {
  width: 145px;
  float: left;
  margin: 0 10px 6px 0;
}
.landscape .daily-bonus__item:last-child,
.landscape .daily-bonus__item:only-child {
  margin-bottom: 0;
}
.landscape .daily-bonus__premium {
  width: auto;
  max-width: 360px;
  margin-top: 4px;
}
.landscape .daily-bonus__premium--active {
  cursor: pointer;
}
.decor-selection {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px 12px;
}
.decor-selection__x_popup {
  max-width: 90%;
  max-height: 90%;
  width: 288px;
}
@media screen and (min-width: 475px) {
  .decor-selection__x_popup {
    width: 424px;
  }
}
.decor-selection__x_popup__header {
  flex-direction: column;
  justify-content: space-between;
  flex: 0 0 136px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
.decor-selection__x_popup__header:before,
.decor-selection__x_popup__header:after {
  content: '';
  display: block;
}
.decor-selection__x_popup__title {
  flex-direction: row;
  flex: 0 0 auto;
}
.decor-selection__x_popup__content {
  background-color: #f2f2f2;
  border-radius: 0 0 17px 17px;
}
.decor-selection__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
  align-items: center;
  width: 60px;
  height: 72px;
  padding: 9px 9px 4px 9px;
  border-radius: 8px;
  background-color: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: auto;
}
.decor-selection__item--selected {
  border: solid 1px #e6ddac;
  background-color: #fffbe6;
  padding: 8px 8px 3px 8px;
  cursor: auto;
  pointer-events: none;
}
.decor-selection__images {
  position: relative;
  width: 42px;
  height: 42px;
}
.decor-selection__store-frame {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.decor-selection__store-frame--empty {
  background-size: 38px 38px;
  height: 38px;
  width: 38px;
}
.decor-selection__store-stone {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.decor-selection__store-stone--empty {
  background-size: 12px 12px;
  height: 12px;
  width: 12px;
}
.decor-selection__icon-applied {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  -webkit-animation: show-icon 252ms linear;
          animation: show-icon 252ms linear;
}
@-webkit-keyframes show-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  67% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  67% {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.decor-selection__icon-applied--hide {
  -webkit-animation: hide-icon 126ms linear;
          animation: hide-icon 126ms linear;
  opacity: 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
}
@-webkit-keyframes hide-icon {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}
@keyframes hide-icon {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}
.decor-selection__icon-lock {
  background-size: 12px 14px;
  height: 14px;
  width: 12px;
  -webkit-transform-origin: center 2px;
          transform-origin: center 2px;
}
.decor-selection__item--shake .decor-selection__icon-lock {
  -webkit-animation: shake-icon 378ms linear;
          animation: shake-icon 378ms linear;
}
@-webkit-keyframes shake-icon {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  11% {
    -webkit-transform: rotate(-13deg);
            transform: rotate(-13deg);
  }
  33% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  67% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shake-icon {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  11% {
    -webkit-transform: rotate(-13deg);
            transform: rotate(-13deg);
  }
  33% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  67% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.decor-selection__price {
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 17px;
  font-size: 13px;
  line-height: 13px;
}
.emoji-picker__body {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.749);
  border-radius: 10px;
  bottom: 48px;
  right: 20px;
  max-height: 50%;
}
.emoji-picker__body-hidden {
  display: none;
}
.emoji-picker__body-layer {
  position: absolute;
  border-radius: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.emoji-picker__list {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
}
.emoji-picker__list::-webkit-scrollbar {
  display: none;
}
.emoji-picker__list:before,
.emoji-picker__list:after {
  content: '';
  display: block;
}
.emoji-picker__vip-shade {
  background-color: rgba(0, 0, 0, 0.749);
  pointer-events: all;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.emoji-picker__vip-shade-hidden {
  display: none;
}
.emoji-picker__vip-lock {
  background-size: 30px 36px;
  height: 36px;
  width: 30px;
}
.emoji-picker__vip-lock-text {
  font-size: 20px;
  color: white;
  text-align: center;
  margin: 15px 0;
  white-space: pre-line;
}
.emoji-picker__item {
  display: flex;
  align-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 4px;
  pointer-events: auto;
  cursor: pointer;
}
.emoji-picker__item--image {
  width: 100%;
  height: 100%;
}
.emoji-picker__item--txt {
  font-size: 21px;
  line-height: 21px;
  margin-top: 4px;
}
.emoji-picker__item--alt {
  display: none;
}
.empty {
  background: radial-gradient(#82ac51 20%, #759951 80%);
}
.gender__x_popup {
  max-width: 294px;
}
.gender__genders {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.gender__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 22px;
  cursor: pointer;
}
.gender__item:last-child,
.gender__item:only-child {
  margin-right: 0;
}
.gender__item--active .gender__container {
  box-shadow: none;
}
.gender__item--active .gender__container--male {
  background-color: #def3fe;
  border: solid 2px #3db2fe;
}
.gender__item--active .gender__container--female {
  background-color: #fdebf2;
  border: solid 2px #ff7bac;
}
.gender__item--active .gender__title {
  font-weight: bold;
}
.gender__container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  transition: background-color 500ms linear;
}
.gender__icon--male {
  background-size: 44px 50px;
  height: 50px;
  width: 44px;
}
.gender__icon--female {
  background-size: 51px 50px;
  height: 50px;
  width: 51px;
}
.gender__title {
  font-size: 15px;
  margin-top: 5px;
}
.gender__title--male {
  color: #3db2fe;
}
.gender__title--female {
  color: #ff7bac;
}
.gender__context {
  font-size: 14px;
  margin: 10px 0 20px 0;
}
.gesture__image {
  margin-top: -10px;
}
.gesture__context {
  font-size: 14px;
}
.gesture__desc {
  font-size: 11px;
  color: #a7a7a7;
  margin-top: 4px;
}
.gift-locked {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gift-locked__image {
  margin: 8px 0 22px 0;
}
.gift-locked__image--gesture {
  margin: 0 0 10px 0;
}
.gift-locked__image--grayscale {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.gift-locked__image--bottle {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.gift-locked__icon {
  margin-right: 3px;
}
.gift-locked__icon--friends {
  background-size: 16px 18px;
  height: 18px;
  width: 16px;
}
.gift-locked__icon--kisses {
  background-size: 25px 19px;
  height: 19px;
  width: 25px;
}
.gift-locked__icon--harem_price {
  background-size: 26px 18px;
  height: 18px;
  width: 26px;
}
.gift-locked__icon--price {
  background-size: 23px 18px;
  height: 18px;
  width: 23px;
}
.gift-locked__icon--gestures {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
}
.gift-locked__icon--dj_score {
  background-size: 25px 18px;
  height: 18px;
  width: 25px;
}
.gift-locked__description {
  text-align: center;
  font-size: 14px;
  white-space: pre-line;
}
.gift-locked__amount {
  display: flex;
  align-items: center;
  font-size: 15px;
  margin-bottom: 5px;
}
.gift-locked__progress {
  background-color: #ebebeb;
  width: 200px;
  border-radius: 3px;
  margin: 15px 0 10px 0;
}
.gift-locked__progress--bar {
  background-color: #9e9e9e;
  height: 6px;
  margin: unset;
}
.gift-unlocked {
  text-align: center;
  font-size: 14px;
}
.gift-unlocked__context {
  margin-bottom: 10px;
}
.gift-unlocked__description {
  white-space: pre-wrap;
}
.gift-unlocked__hint {
  margin-top: 10px;
  color: #9a9a9a;
}
.gift-unlocked__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gift-unlocked__item {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.gift-unlocked__item--bottle {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 15px 0 10px;
}
.gift-unlocked__item--bottle:last-child {
  margin: 0 0 0 10px;
}
.gift-unlocked__item--bottle:only-child {
  margin: 0;
}
.gift-unlocked__item:last-child,
.gift-unlocked__item:only-child {
  margin-right: 0;
}
.gift-unlocked__icon {
  display: inline;
  font-weight: bold;
  padding-left: 20px;
  background-size: 19px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
}
.gift-unlocked__item-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gift-unlocked__lock {
  background-size: 26px 25px;
  height: 25px;
  width: 26px;
  position: absolute;
  bottom: -2px;
  right: -10px;
}
.harem {
  display: flex;
}
.harem__user {
  display: flex;
  flex-direction: column;
}
.harem__photo {
  width: 68px;
  height: 68px;
  border-radius: 10px;
  background-position: center top;
  background-size: cover;
  cursor: pointer;
}
.harem__name {
  font-size: 10px;
  overflow: hidden;
  margin-top: 3px;
  max-width: 68px;
  text-align: center;
  text-overflow: ellipsis;
  line-height: 11px;
}
.harem__description {
  font-size: 14px;
  line-height: 20px;
  margin-left: 10px;
}
.harem__price {
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 22px;
  margin-left: 4px;
}
.ig-bot-hint {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.ig-bot-hint--ANDROID,
.ig-bot-hint--MOBILE_WEB {
  background-color: rgba(0, 0, 0, 0);
}
.ig-bot-hint__pointer {
  background-size: 60px 82px;
  height: 82px;
  width: 60px;
  position: absolute;
  will-change: transform;
  -webkit-animation: 0.25s linear infinite alternate;
          animation: 0.25s linear infinite alternate;
}
.ig-bot-hint--ANDROID .ig-bot-hint__pointer,
.ig-bot-hint--MOBILE_WEB .ig-bot-hint__pointer {
  -webkit-animation-name: ig-bot-hint__pointer_a_android;
          animation-name: ig-bot-hint__pointer_a_android;
}
@-webkit-keyframes ig-bot-hint__pointer_a_android {
  from {
    -webkit-transform: translate(70vw, 73vh);
            transform: translate(70vw, 73vh);
  }
  to {
    -webkit-transform: translate(70vw, 75vh);
            transform: translate(70vw, 75vh);
  }
}
@keyframes ig-bot-hint__pointer_a_android {
  from {
    -webkit-transform: translate(70vw, 73vh);
            transform: translate(70vw, 73vh);
  }
  to {
    -webkit-transform: translate(70vw, 75vh);
            transform: translate(70vw, 75vh);
  }
}
.ig-bot-hint--IOS .ig-bot-hint__pointer {
  -webkit-animation-name: ig-bot-hint__pointer_a_ios;
          animation-name: ig-bot-hint__pointer_a_ios;
}
@-webkit-keyframes ig-bot-hint__pointer_a_ios {
  from {
    -webkit-transform: translate(calc(50vw + 37px), calc(50vh + 122px));
            transform: translate(calc(50vw + 37px), calc(50vh + 122px));
  }
  to {
    -webkit-transform: translate(calc(50vw + 37px), calc(50vh + 112px));
            transform: translate(calc(50vw + 37px), calc(50vh + 112px));
  }
}
@keyframes ig-bot-hint__pointer_a_ios {
  from {
    -webkit-transform: translate(calc(50vw + 37px), calc(50vh + 122px));
            transform: translate(calc(50vw + 37px), calc(50vh + 122px));
  }
  to {
    -webkit-transform: translate(calc(50vw + 37px), calc(50vh + 112px));
            transform: translate(calc(50vw + 37px), calc(50vh + 112px));
  }
}
.ig-bot-hint--WEB .ig-bot-hint__pointer {
  -webkit-animation-name: ig-bot-hint__pointer_a_web;
          animation-name: ig-bot-hint__pointer_a_web;
}
@-webkit-keyframes ig-bot-hint__pointer_a_web {
  from {
    -webkit-transform: translate(calc(50vw + 66px), calc(50vh + 195px));
            transform: translate(calc(50vw + 66px), calc(50vh + 195px));
  }
  to {
    -webkit-transform: translate(calc(50vw + 66px), calc(50vh + 185px));
            transform: translate(calc(50vw + 66px), calc(50vh + 185px));
  }
}
@keyframes ig-bot-hint__pointer_a_web {
  from {
    -webkit-transform: translate(calc(50vw + 66px), calc(50vh + 195px));
            transform: translate(calc(50vw + 66px), calc(50vh + 195px));
  }
  to {
    -webkit-transform: translate(calc(50vw + 66px), calc(50vh + 185px));
            transform: translate(calc(50vw + 66px), calc(50vh + 185px));
  }
}
.iginvite {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.iginvite_x_button {
  display: flex;
  align-items: center;
}
.iginvite_x_heart {
  vertical-align: baseline;
  margin-bottom: -1px;
  margin-right: 1px;
}
.iginvite__image {
  margin-bottom: 10px;
  background-size: 136px 122px;
  height: 122px;
  width: 136px;
}
.iginvite__hearts {
  font-weight: bold;
}
.info__image {
  margin: 0 auto 10px;
}
.info__image--age-restriction {
  background-size: 128px 110px;
  height: 110px;
  width: 128px;
}
.info__image--ban-male {
  background-size: 110px 110px;
  height: 110px;
  width: 110px;
}
.info__image--ban-female {
  background-size: 110px 110px;
  height: 110px;
  width: 110px;
}
.info__image--default-photo {
  background-size: 110px 110px;
  height: 110px;
  width: 110px;
  border-radius: 10px;
}
.info__image--disconnect {
  background-size: 124px 136px;
  height: 136px;
  width: 124px;
}
.info__image--inactivity {
  background-size: 171px 96px;
  height: 96px;
  width: 171px;
}
.info__image--other-connection {
  background-size: 173px 110px;
  height: 110px;
  width: 173px;
}
.info__image--profile-data-request {
  background-size: 200px 92px;
  height: 92px;
  width: 200px;
}
.info__image--session-expired {
  background-size: 173px 110px;
  height: 110px;
  width: 173px;
}
.info__image--vip-purchase {
  background-size: 124px 125px;
  height: 125px;
  width: 124px;
}
.info__image--ya-photo {
  background-size: 90px 72px;
  height: 72px;
  width: 90px;
}
.info__image--tokens-chest {
  background-size: 171px 96px;
  height: 96px;
  width: 171px;
}
.info__description {
  margin-bottom: 10px;
}
.info__description,
.info__context {
  font-size: 14px;
}
.info__heart {
  display: inline;
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 16px;
}
.info__link {
  color: #436fff;
  text-decoration: underline;
  cursor: pointer;
}
.info__chance {
  display: inline;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 20px;
}
.info__token {
  display: inline;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 18px;
}
.info__kiss {
  display: inline;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 18px;
}
.info__uid {
  font-size: 11px;
  font-weight: bold;
  display: inline;
}
.info__viewer-info {
  display: flex;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  color: #cfcfcf;
  margin: 8px auto 0px auto;
  cursor: pointer;
}
.info__platform-icon {
  margin-right: 10px;
  flex-shrink: 0;
  margin: 0 2px 2px 0;
  background-size: 12px 14px;
  height: 14px;
  width: 12px;
}
.info__platform-icon--ios {
  margin: 0 2px 4px 0;
}
.interactive-hints__container {
  position: 'fixed';
  pointer-events: none;
}
.interactive-hints__text-container {
  background-color: rgba(0, 0, 0, 0.65);
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding: 7px 12px;
  font-size: 14px;
  color: #ffffff;
  position: absolute;
  max-width: calc(100vw - 20px);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
.interactive-hints__hand-container {
  position: absolute;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 2;
}
.interactive-hints__send-button {
  background-size: 26px 26px;
  height: 26px;
  width: 26px;
}
.interactive-hints__circle {
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  width: 8px;
  height: 8px;
  top: -4px;
  left: -4px;
  position: relative;
  overflow: hidden;
  border-radius: 300px;
}
.interactive-hints__circle-background {
  background-color: #ffd700b3;
  width: 100%;
  height: 100%;
}
.interactive-hints__hand-image {
  background-size: 56px 68px;
  height: 68px;
  width: 56px;
  position: absolute;
  z-index: 3;
}
.invite-friend__x_popup {
  height: 80%;
}
.invite-friend__search {
  border-radius: 7px;
  background-color: #F2F2F2;
  border: solid #F2F2F2;
  box-sizing: border-box;
  font-size: 15px;
  height: 32px;
  margin-bottom: 15px;
  margin-top: 10px;
  padding: 2px 6px;
  width: 100%;
}
.invite-friend__list {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: auto;
}
.invite-friend__item {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  border-radius: 7px;
}
.invite-friend__photo {
  width: 42px;
  height: 42px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border-radius: 4px;
}
.invite-friend__item-border {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex: 1;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}
.invite-friend__name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 10px;
  line-height: 15px;
}
.invite-friend__empty {
  text-align: center;
}
.invite-friend-teaser__x_popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.invite-friend-teaser__image {
  background-size: 170px 84px;
  height: 84px;
  width: 170px;
  margin-bottom: 10px;
}
.invite-friend-teaser__context {
  font-size: 14px;
}
.invite-friend-teaser__icon {
  display: inline;
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 16px;
}
.invite-friend-teaser__highlight {
  font-weight: bold;
  font-size: 14px;
  border-radius: 8px;
  background-color: #fffbe6;
  margin-top: 10px;
  padding: 3px 7px 5px;
  text-align: center;
  white-space: pre-wrap;
}
.kickout {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 13px;
}
.kickout__user {
  display: flex;
  align-items: center;
  width: 100%;
}
.kickout__photo {
  width: 62px;
  height: 62px;
  border-radius: 8px;
  background-position: center top;
  background-size: cover;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.kickout__icon {
  position: absolute;
}
.kickout__icon--kick {
  background-size: 42px 36px;
  height: 36px;
  width: 42px;
  right: -10px;
  bottom: -11px;
}
.kickout__icon--kicked {
  background-size: 27px 30px;
  height: 30px;
  width: 27px;
  right: -11px;
  bottom: -5px;
}
.kickout__icon--save {
  background-size: 26px 30px;
  height: 30px;
  width: 26px;
  right: -5px;
  bottom: -7px;
}
.kickout__description {
  margin-left: 12px;
}
.kickout__description--center {
  text-align: center;
  margin-left: 0;
}
.kickout__warning {
  font-size: 11px;
  margin-top: 20px;
  text-align: center;
}
.kickout__info {
  border-radius: 10px;
  line-height: 1.23;
  background-color: #fffae2;
  margin: 17px 0 9px 0;
  padding: 9px 7px 10px;
  text-align: center;
  white-space: pre-wrap;
}
.kickout__info--progress {
  display: flex;
  align-items: center;
  padding: 9px 15px 9px 9px;
}
.kickout__timer {
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline;
  background-position: 0 1px;
  margin-left: 5px;
  padding-left: 15px;
  font-weight: bold;
}
.kickout__timer--progress {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #ffffff;
  margin-top: 1px;
}
.kickout__timer--hide {
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-animation: hide-timer 135ms linear forwards;
          animation: hide-timer 135ms linear forwards;
}
@keyframes hide-timer {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.82);
            transform: translate(-50%, -50%) scale(0.82);
  }
}
.kickout__progress {
  background-color: rgba(0, 0, 0, 0.2);
  width: 160px;
  height: 16px;
  border-radius: 8px;
  position: relative;
  margin: 0 14px 0 9px;
  overflow: hidden;
}
.kickout__progress--bar {
  background-color: #9bcc34;
  margin: unset;
  border-radius: 0;
}
.kickout__progress--complete {
  -webkit-animation: show-complete 400ms linear 135ms forwards;
          animation: show-complete 400ms linear 135ms forwards;
}
@-webkit-keyframes show-complete {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes show-complete {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.kickout__progress--orange {
  background-color: #ffc11d;
  transition: width 200ms linear;
}
.kickout__blick {
  background-size: 14px 16px;
  height: 16px;
  width: 14px;
  position: absolute;
  top: 0;
  opacity: 0;
}
.kickout__blick--show {
  -webkit-animation: show-blick 400ms linear 135ms;
          animation: show-blick 400ms linear 135ms;
}
@-webkit-keyframes show-blick {
  0% {
    opacity: 1;
    left: -4%;
  }
  100% {
    opacity: 1;
    left: 96%;
  }
}
@keyframes show-blick {
  0% {
    opacity: 1;
    left: -4%;
  }
  100% {
    opacity: 1;
    left: 96%;
  }
}
.kickout__info-icon {
  background-size: 33px 30px;
  height: 30px;
  width: 33px;
}
.kickout__check {
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
}
.kickout__check--progress {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.kickout__check--complete {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-animation: show-complete-check 670ms linear 265ms forwards;
          animation: show-complete-check 670ms linear 265ms forwards;
}
@-webkit-keyframes show-complete-check {
  0% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
  40% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  55% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  80% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(1.28);
            transform: scale(1.28);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show-complete-check {
  0% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }
  40% {
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  55% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  80% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(1.28);
            transform: scale(1.28);
  }
  100% {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.kickout__price-info {
  display: flex;
}
.kickout__price-info-text {
  text-align: center;
  margin-right: 5px;
}
.kickout__price {
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left 2px;
  font-weight: bold;
  padding-left: 16px;
}
.kickout__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  left: 14px;
  top: 9px;
  transition: -webkit-filter 250ms linear;
  transition: filter 250ms linear;
  transition: filter 250ms linear, -webkit-filter 250ms linear;
  cursor: pointer;
}
.league {
  display: flex;
  flex-direction: column;
}
.league__x_popup {
  max-width: 90%;
  max-height: 90%;
}
.league__x_popup__header {
  border-top-left-radius: 17px;
  transition: background-color 250ms linear;
}
.league__x_popup__title {
  transition: color 250ms linear;
}
.league__x_popup__header--up .league__x_popup__title,
.league__x_popup__header--down .league__x_popup__title {
  color: white;
}
.league__x_popup__header--up .league__x_popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.league__x_popup__header--down .league__x_popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.league__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  left: 14px;
  top: 9px;
  transition: -webkit-filter 250ms linear;
  transition: filter 250ms linear;
  transition: filter 250ms linear, -webkit-filter 250ms linear;
  cursor: pointer;
}
.league__x_popup__header--up .league__manual,
.league__x_popup__header--down .league__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
}
.league__x_popup__content {
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
}
.league__x_popup__header--up,
.league__section--up {
  background-color: #4eb0ff;
  box-shadow: 0 1px #4eb0ff;
}
.league__x_popup__header--down,
.league__section--down {
  background-color: #ff7482;
  box-shadow: 0 1px #ff7482;
}
.league__section {
  display: flex;
  flex-direction: column;
}
.league__header {
  display: flex;
  flex-direction: column;
}
.league__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 24px 6px 24px;
}
.league__info-title {
  display: flex;
  flex-direction: column;
  margin: auto 0 0 0;
}
.league__info-title--no-boosters {
  margin: auto 0;
}
.league__description {
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.13;
  color: white;
  white-space: pre-wrap;
}
.league__cup-bg {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-shrink: 0;
  position: relative;
}
.league__cup-bg--altar {
  background-size: 92px 90px;
  height: 90px;
  width: 92px;
}
.league__cup-bg--finish {
  background-size: 92px 73px;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 92px;
  min-height: 73px;
}
.league__cup-bg--enabled {
  cursor: pointer;
}
.league__ladder-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.league__list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.league__label {
  font-size: 12px;
  line-height: 1;
  color: #b2b2b3;
  margin: 5px 0;
  align-self: center;
}
.league__label--move {
  color: rgba(255, 255, 255, 0.7);
}
.league__label--stay {
  color: #b2b2b3;
}
.league__user {
  display: flex;
  align-items: center;
  flex: 0 0 42px;
  margin: 4px 15px;
}
.league__user:last-child,
.league__user:only-child {
  margin: 4px 15px 15px 15px;
}
.league__photo {
  border-radius: 4px;
  width: 42px;
  height: 42px;
  background-position: center top;
  background-size: cover;
  background-color: #f7f5f6;
  flex-shrink: 0;
  cursor: pointer;
}
.league__user-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  width: calc(100% - 42px);
  max-width: calc(100% - 42px - 12px);
  height: 36px;
  padding: 0 6px;
}
.league__user-info--viewer {
  background-color: #fff5ae;
}
.league__name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.league__position {
  font-weight: bold;
}
.league__stats {
  display: flex;
  align-items: center;
}
.league__stars {
  display: flex;
  justify-content: flex-end;
  position: relative;
  width: 107px;
  flex-shrink: 0;
}
.league__stars-icon {
  background-size: 25px 24px;
  height: 24px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  pointer-events: none;
  padding: 2px 0 0 1px;
  box-sizing: border-box;
}
.league__stars-icon--animated {
  -webkit-animation: scale-star 1.225s linear infinite;
          animation: scale-star 1.225s linear infinite;
}
@-webkit-keyframes scale-star {
  0% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
  57% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
  63% {
    -webkit-transform: translate(0, -50%) scale(0.9);
            transform: translate(0, -50%) scale(0.9);
  }
  77% {
    -webkit-transform: translate(0, -50%) scale(1.3);
            transform: translate(0, -50%) scale(1.3);
  }
  91% {
    -webkit-transform: translate(0, -50%) scale(0.9);
            transform: translate(0, -50%) scale(0.9);
  }
  100% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
}
@keyframes scale-star {
  0% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
  57% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
  63% {
    -webkit-transform: translate(0, -50%) scale(0.9);
            transform: translate(0, -50%) scale(0.9);
  }
  77% {
    -webkit-transform: translate(0, -50%) scale(1.3);
            transform: translate(0, -50%) scale(1.3);
  }
  91% {
    -webkit-transform: translate(0, -50%) scale(0.9);
            transform: translate(0, -50%) scale(0.9);
  }
  100% {
    -webkit-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1);
  }
}
.league__stars-icon--enabled {
  pointer-events: auto;
  cursor: pointer;
}
.league__stars-count {
  display: flex;
  justify-content: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: inset 0 0 12px 0 rgba(0, 0, 0, 0.08);
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  padding: 0px 14px;
  width: 65px;
  flex-shrink: 0;
}
.league__present {
  flex-shrink: 0;
  position: relative;
  margin-left: 8px;
  width: 30px;
  height: 25px;
}
.league__present--1 {
  height: 26px;
}
.league__present--2,
.league__present--3 {
  height: 22px;
}
.league__present--regular,
.league__present--1,
.league__present--2,
.league__present--3 {
  cursor: pointer;
}
.league__present-icon {
  position: absolute;
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.33));
          filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.33));
}
.league__present-icon--1 {
  background-size: 30px 26px;
  height: 26px;
  width: 30px;
}
.league__present-icon--2 {
  background-size: 30px 22px;
  height: 22px;
  width: 30px;
}
.league__present-icon--3 {
  background-size: 30px 22px;
  height: 22px;
  width: 30px;
}
.league__present-icon--regular {
  background-size: 24px 25px;
  height: 25px;
  width: 24px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.league__boosters-list {
  background-image: linear-gradient(to bottom, rgba(64, 150, 221, 0.5), rgba(69, 156, 227, 0.5) 7%, rgba(69, 156, 227, 0.5) 90%, rgba(64, 150, 221, 0.5) 100%);
  height: 1px;
  overflow: hidden;
  margin-bottom: 4px;
  transition: height 125ms linear;
}
.league__boosters-list--active {
  height: 68px;
}
.league__booster {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
.league__booster-bg {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.league__boosters-control {
  display: flex;
  align-items: center;
  font-size: 13px;
  color: #ffffff;
  margin: 10px 0 0 -9px;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.league__boosters-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-image: linear-gradient(to bottom, #4eb0ff, #459ce3);
  border-radius: 50%;
  margin-right: 5px;
}
.league__boosters-btn-icon {
  background-size: 6px 8px;
  height: 8px;
  width: 6px;
  transition: -webkit-transform 125ms linear;
  transition: transform 125ms linear;
  transition: transform 125ms linear, -webkit-transform 125ms linear;
}
.league__boosters-btn-icon--active {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.league__boosters-title {
  font-size: 13px;
  margin-top: 2px;
}
.league-ladder {
  display: flex;
  flex-direction: column;
}
.league-ladder__x_popup {
  max-width: 90%;
}
.league-ladder__x_popup__content {
  border-bottom-left-radius: 17px;
  border-bottom-right-radius: 17px;
}
.league-ladder__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px 15px 15px;
  box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
  flex-shrink: 0;
}
.league-ladder__description {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  line-height: 1.29;
  margin-right: 4px;
  white-space: pre-wrap;
}
.league-ladder__info-icon {
  background-size: 80px 58px;
  height: 58px;
  width: 80px;
  flex-shrink: 0;
}
.league-ladder__list {
  background-color: #f2f2f2;
  padding: 8px 15px 15px 15px;
}
.league-ladder__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 58px;
  margin-bottom: 8px;
  padding: 0 14px 0 6px;
  background-color: white;
  border-radius: 8px;
}
.league-ladder__item:last-child,
.league-ladder__item:only-child {
  margin-bottom: 0;
}
.league-ladder__item--current-viewer {
  background-color: #4eb0ff;
  color: white;
}
.league-ladder__item--current-user {
  border: solid 1px #4eb0ff;
  color: #4eb0ff;
}
.league-ladder__league {
  display: flex;
  align-items: center;
}
.league-ladder__league-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 8px;
  height: 58px;
}
.league-ladder__item--current-viewer .league-ladder__league-info,
.league-ladder__item--current-user .league-ladder__league-info {
  justify-content: space-between;
}
.league-ladder__item--current-viewer .league-ladder__league-info:before,
.league-ladder__item--current-user .league-ladder__league-info:before,
.league-ladder__item--current-viewer .league-ladder__league-info:after,
.league-ladder__item--current-user .league-ladder__league-info:after {
  content: '';
  display: block;
}
.league-ladder__league-title {
  font-size: 14px;
}
.league-ladder__item--current-viewer .league-ladder__league-title,
.league-ladder__item--current-user .league-ladder__league-title {
  font-weight: bold;
}
.league-ladder__league-state {
  font-size: 13px;
}
.league-ladder__icon {
  cursor: pointer;
  flex-shrink: 0;
  -webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.22));
          filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.22));
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
}
.league-ladder__item--inprogress .league-ladder__league {
  opacity: 0.5;
}
.league-ladder__item--inprogress .league-ladder__icon {
  background-size: 22px 28px;
  height: 28px;
  width: 22px;
  cursor: default;
  -webkit-filter: none;
          filter: none;
}
.league-ladder__users {
  display: flex;
}
.league-ladder__user {
  width: 26px;
  height: 26px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border: solid 1px white;
  border-radius: 5px;
  margin-right: 3px;
}
.league-ladder__user:last-child,
.league-ladder__user:only-child {
  margin-right: 0;
}
.league-limit__x_popup__content {
  padding: 0 20px;
}
.league-limit__row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.league-limit__row:last-child,
.league-limit__row:only-child {
  margin-bottom: 0;
}
.league-limit__icon {
  background-size: 12px 9px;
  height: 9px;
  width: 12px;
  flex-shrink: 0;
  margin: 2px 4px 0 0;
}
.league-limit__text {
  font-size: 14px;
  color: #4a4a4a;
}
.league-move {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.league-move__cups {
  display: flex;
  align-items: center;
  justify-content: center;
}
.league-move__cups--down {
  justify-content: space-between;
  background-size: 200px 96px;
  height: 96px;
  width: 200px;
}
.league-move__cups--up {
  justify-content: space-between;
  background-size: 210px 106px;
  height: 106px;
  width: 210px;
}
.league-move__up-bg {
  background-size: 300px 219px;
  height: 219px;
  width: 300px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.league-move__cup--down {
  margin: 0 20px;
}
.league-move__cup--up {
  margin: 0 10px;
}
.league-move__description {
  margin-top: 10px;
  font-size: 14px;
  white-space: pre-wrap;
}
.league-move__manual {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  left: 14px;
  top: 9px;
  transition: -webkit-filter 250ms linear;
  transition: filter 250ms linear;
  transition: filter 250ms linear, -webkit-filter 250ms linear;
  cursor: pointer;
}
.loading {
  background: radial-gradient(#82ac51 20%, #759951 80%);
}
.loading__icon {
  opacity: 0.65;
  position: absolute;
  margin-bottom: 1px;
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}
.loading__icon--mm {
  background-size: 28px 20px;
  height: 20px;
  width: 28px;
}
.loading__icon--ok {
  background-size: 19px 28px;
  height: 28px;
  width: 19px;
}
.loading__icon--as {
  background-size: 23px 28px;
  height: 28px;
  width: 23px;
  margin-bottom: 2px;
}
.loading__icon--social {
  opacity: 1;
  position: initial;
  margin-right: 6px;
}
.loading__content {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  position: relative;
}
.portrait .loading__content {
  flex-direction: column;
  justify-content: center;
}
.landscape .loading__content {
  justify-content: space-between;
}
.landscape .loading__content:before,
.landscape .loading__content:after {
  content: '';
  display: block;
}
.loading__logo {
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.portrait .loading__logo {
  width: 75%;
}
.landscape .loading__logo {
  width: 45%;
}
.portrait .loading__logo--en {
  padding-top: 39.38588008%;
}
.landscape .loading__logo--en {
  padding-top: 23.63152805%;
}
.portrait .loading__logo--ru {
  padding-top: 29.87804878%;
}
.landscape .loading__logo--ru {
  padding-top: 17.92682927%;
}
.loading__login {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
}
.portrait .loading__login {
  margin: 15px 0 0 0;
}
.landscape .loading__login {
  max-width: 45%;
  height: 100%;
}
.loading__title {
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
.loading__legal {
  font-size: 14px;
  margin-bottom: 15px;
  text-align: center;
}
.loading__legal span {
  cursor: pointer;
  text-decoration: underline;
}
.landscape .loading__legal {
  margin: 15px 0;
}
.loading__hint {
  font-size: 10px;
  line-height: 14px;
  margin-top: 12px;
  text-align: center;
}
.landscape .loading__hint {
  margin: 12px 0 19px 0;
}
.loading__socials {
  display: flex;
  flex-direction: column;
  overflow: auto;
  transition: all 250ms linear;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.loading__socials::-webkit-scrollbar {
  display: none;
}
.loading__socials-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 44px;
  width: 180px;
  border-radius: 8px;
  margin: 0px 8px 8px 8px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25);
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
}
.loading__socials-item:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.loading__socials-item:first-child {
  margin: 8px 8px 8px 8px;
}
.loading__socials-item--fb {
  background-color: #1877f2;
}
.loading__socials-item--gg {
  background-color: #4285f4;
}
.loading__socials-item--mm {
  background-color: #275df0;
}
.loading__socials-item--ok {
  background-color: #f18a00;
}
.loading__socials-item--vk {
  background-color: #2787f5;
}
.loading__socials-item--as {
  background-color: #000000;
}
.loading__arrow {
  background-size: 35px 20px;
  height: 20px;
  width: 35px;
  cursor: pointer;
  margin: 12px 0 8px 0;
}
.loading__age_limit_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: 14vw 14vw;
  height: 14vw;
  width: 14vw;
}
.landscape .loading__age_limit_icon {
  background-size: 14vh 14vh;
  height: 14vh;
  width: 14vh;
}
.message-actions__x_popup {
  width: auto;
  padding: 10px 15px;
}
.misc-menu__position {
  position: absolute;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}
.misc-menu__show {
  -webkit-animation-name: menu--show-frames;
          animation-name: menu--show-frames;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes menu--show-frames {
  from {
    opacity: 0;
  }
}
@keyframes menu--show-frames {
  from {
    opacity: 0;
  }
}
.misc-menu__hide {
  -webkit-animation-name: menu--hide-frames;
          animation-name: menu--hide-frames;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes menu--hide-frames {
  to {
    opacity: 0;
  }
}
@keyframes menu--hide-frames {
  to {
    opacity: 0;
  }
}
.misc-menu__item {
  flex: 0 0 40px;
  display: flex;
  align-items: center;
  transition: background-color 0.4s ease-in-out;
  white-space: nowrap;
  font-size: 15px;
  padding-right: 40px;
  cursor: pointer;
  position: relative;
}
.misc-menu__item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.misc-menu__item:active {
  background-color: rgba(0, 0, 0, 0.07);
}
.misc-menu__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.misc-menu__icon:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.misc-menu__icon:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.misc-menu__icon:only-child {
  border-radius: 8px;
}
.misc-menu__icon--achievements {
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.misc-menu__icon--tops {
  background-size: 24px 15px;
  background-repeat: no-repeat;
  background-position: center;
}
.misc-menu__icon--bottle {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.misc-menu__icon--decor {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.misc-menu__icon--boosters {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.misc-menu__indicator {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff4e00;
}
.media-panel {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.media-panel--hidden {
  display: none;
}
.media-panel__button {
  width: 42px;
  height: 40px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
  background-color: white;
  border-radius: 20px 0px 0px 20px;
  display: flex;
  align-items: center;
}
.media-panel__music {
  background-size: 28px 32px;
  height: 32px;
  width: 28px;
  padding-left: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.media-panel__video {
  background-size: 28px 32px;
  height: 32px;
  width: 28px;
  padding-left: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.media-panel__music--disabled,
.media-panel__video--disabled {
  background-size: 33px 30px;
  height: 30px;
  width: 33px;
  padding-left: 0;
  margin-left: 6px;
}
.music {
  position: absolute;
  box-sizing: border-box;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  pointer-events: auto;
  flex-direction: column;
  align-items: stretch;
}
.music__video-cover {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.music__video-frame {
  width: 100%;
  overflow: hidden;
}
.music__video-frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.music--small {
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.2));
  margin-top: 6px;
}
.music--large {
  -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.2));
  margin-top: 9px;
}
.music--small.music--embedded,
.music--large.music--embedded {
  margin-top: 0px;
  background-color: black;
}
.music__html-audio--hidden {
  visibility: hidden;
}
.music__top {
  display: flex;
  align-items: center;
  background-color: white;
}
.music__top--small.music__top--audio {
  gap: 6px;
  padding: 6px;
}
.music__top--large.music__top--audio {
  gap: 9px;
  padding: 9px;
}
.music__top--small.music__top--right,
.music__top--small.music__top--portrait {
  border-top-left-radius: 28px;
}
.music__top--large.music__top--right,
.music__top--large.music__top--portrait {
  border-top-left-radius: 42px;
}
.music__top--small.music__top--center.music__top--with-volume {
  border-radius: 28px 12px 0 0;
}
.music__top--large.music__top--center.music__top--with-volume {
  border-radius: 42px 18px 0 0;
}
.music__top--small.music__top--center.music__top--no-volume {
  border-radius: 28px 12px 12px 0;
}
.music__top--large.music__top--center.music__top--no-volume {
  border-radius: 42px 18px 18px 0;
}
.music__top--small.music__top--embedded,
.music__top--large.music__top--embedded {
  background-color: transparent;
  width: 100%;
  height: 100%;
}
.music__progress {
  background-color: #b6b6b6;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@-webkit-keyframes music__progress--loading-frames {
  from {
    background-color: #f4f2ef;
  }
  to {
    background-color: #c2c0bc;
  }
}
@keyframes music__progress--loading-frames {
  from {
    background-color: #f4f2ef;
  }
  to {
    background-color: #c2c0bc;
  }
}
.music__progress--loading {
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: music__progress--loading-frames;
          animation-name: music__progress--loading-frames;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.music__progress--small {
  height: 44px;
  width: 44px;
}
.music__progress--large {
  height: 66px;
  width: 66px;
}
.music__progress--small.music__progress--video {
  margin: 10px 10px 9px 10px;
}
.music__progress--large.music__progress--video {
  margin: 14px;
}
.music__progress--embedded {
  display: none;
}
.music__photo {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 9999px;
  position: relative;
}
.music__photo--small {
  height: 38px;
  width: 38px;
}
.music__photo--large {
  height: 58px;
  width: 58px;
}
.music__player {
  cursor: pointer;
  pointer-events: auto;
  position: relative;
}
.music__player--video.music__player--small {
  display: flex;
  justify-content: center;
  width: 112px;
  height: 63px;
  background-color: black;
  overflow: hidden;
}
.music__player--video.music__player--large {
  display: flex;
  justify-content: center;
  width: 166px;
  height: 94px;
  background-color: black;
  overflow: hidden;
}
.music__player--video.music__player--small.music__player--center {
  margin-right: 10px;
}
.music__player--video.music__player--large.music__player--center {
  margin-right: 16px;
}
.music__player--video.music__player--embedded {
  width: 100%;
  height: 100%;
}
.music__player--audio {
  display: none;
}
.music__recorder--video {
  display: none;
}
.music__recorder--small {
  background-size: 122px 44px;
  width: 122px;
  height: 44px;
}
.music__recorder--large {
  background-size: 183px 66px;
  width: 183px;
  height: 66px;
}
.music__sound-hint {
  position: absolute;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  border-radius: 6px;
  padding: 7px 8px;
  font-size: 14px;
  line-height: 1.4;
  width: 220px;
  white-space: normal;
  word-wrap: break-word;
}
.music__sound-hint--embedded {
  right: calc(100% + 3px);
  bottom: 4px;
}
.music__sound-hint--center.music__sound-hint--small {
  right: 125px;
  bottom: 15px;
}
.music__sound-hint--portrait.music__sound-hint--small,
.music__sound-hint--right.music__sound-hint--small {
  right: 115px;
  bottom: 15px;
}
.music__sound-hint--center.music__sound-hint--large {
  right: 185px;
  bottom: 27px;
}
.music__sound-hint--portrait.music__sound-hint--large,
.music__sound-hint--right.music__sound-hint--large {
  right: 169px;
  bottom: 27px;
}
.music__sound-hint::after {
  content: '';
  position: absolute;
  right: -10px;
  bottom: 10px;
  width: 10px;
  height: 20px;
}
.music__sound-hint-text {
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 400;
}
.music__provider-icon {
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.music__player--large .music__provider-icon {
  background-size: 36px 36px;
  height: 36px;
  width: 36px;
}
.music-list__x_popup {
  height: 80%;
}
.music-list__x_popup__header {
  flex: none;
  flex-direction: column;
}
.music-list__x_popup__title {
  flex: 0 0 35px;
  justify-content: center;
}
.music-list__x_popup__content {
  overflow: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0;
}
.music-list__ask-permissions-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.music-list__ask-permissions-text {
  text-align: center;
  margin-bottom: 10px;
}
.music-list__subtitle {
  color: #b4b4b4;
  font-size: 12px;
  text-align: center;
  white-space: pre-wrap;
}
.music-list__search {
  position: relative;
  width: 100%;
  opacity: 0;
  height: 0;
  transition: all 250ms linear;
}
.music-list__search--active {
  opacity: 1;
  height: 32px;
  margin-bottom: 13px;
}
.music-list__search-input {
  border-radius: 7px;
  background-color: #F2F2F2;
  border: solid #F2F2F2;
  box-sizing: border-box;
  font-size: 15px;
  padding: 0px 26px 2px 26px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
}
.music-list__search-icon {
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
  position: absolute;
  top: 50%;
  left: 7px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.music-list__search-reset {
  background-size: 17px 17px;
  height: 17px;
  width: 17px;
  display: none;
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
.music-list__search-reset--active {
  display: block;
}
.music-list__loading-icon {
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.music-list__audio-list {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  overflow: auto;
}
.music-list__video-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 15px 15px 15px;
}
.music-list__audio-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 500ms linear;
  height: 38px;
  padding: 0 15px;
}
.music-list__audio-item:nth-child(odd of .music-list__audio-item) {
  background-color: #f9fafc;
}
.music-list__audio-item:active {
  background-color: #f5f5f5;
}
.music-list__video-item {
  position: relative;
  cursor: pointer;
  transition: background-color 500ms linear;
}
.music-list__video-item:active {
  background-color: #f5f5f5;
}
.music-list__video-thumbnail {
  height: 0;
  padding-top: 56.25%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.music-list__video-thumbnail-container {
  position: relative;
}
.music-list__user-playlist-group-title {
  font-size: 13px;
  line-height: 1.23;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 0px;
  border-radius: 12px;
  margin: 12px 16px 8px 16px;
  min-height: 22px;
}
.music-list__user-playlist-group-title--playlist {
  color: #aac4e1;
  background-color: #e2eef8;
  margin-top: 0px;
}
.music-list__user-playlist-group-title--provider {
  color: #d7c5a5;
  background-color: #faf4ec;
}
.music-list__play {
  background-size: 16px 18px;
  height: 18px;
  width: 16px;
  margin-right: 5px;
}
.music-list__pause {
  background-size: 15px 18px;
  height: 18px;
  width: 15px;
  margin-right: 6px;
}
.music-list__artist {
  color: #B0B0B0;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.music-list__song {
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.music-list__audio-duration {
  margin-left: auto;
  margin-top: 1px;
  color: #B0B0B0;
  font-size: 13px;
}
.music-list__video-duration {
  position: absolute;
  bottom: 0;
  right: 0;
  color: white;
  background: rgba(0, 0, 0, 0.73);
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
}
.music-list__audio-desc {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 85%;
  padding-right: 14px;
}
.music-list__video-desc {
  height: 28px;
  overflow: hidden;
  font-size: 12px;
  line-height: 14px;
  margin-top: 2px;
  word-break: break-word;
}
.music-list__empty {
  text-align: center;
  padding: 0 15px;
}
.music-list__loading {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.music-list__loading-progress {
  margin: 5px 0 0;
  opacity: 0.5;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}
.music-list__favourite--audio {
  background-size: 15px 15px;
  height: 15px;
  width: 15px;
  margin-left: 3px;
  flex-shrink: 0;
}
.music-list__favourite--audio.music-list__favourite--active {
  margin: 0 0 3px 3px;
}
.music-list__favourite--video {
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 4px;
  right: 4px;
}
.music-list__tabs {
  display: flex;
  flex-basis: 32px;
  gap: 10px;
  justify-content: center;
  margin: 9px 0;
}
.music-list__tab {
  width: 32px;
  height: 32px;
}
.music-list__tab:last-child {
  margin-right: 0;
}
.music-list__title {
  font-size: 13px;
  color: #cfcfcf;
  margin-bottom: 15px;
  align-self: flex-start;
}
.music-list__hot-tab {
  background-size: 24px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__hot-tab--inactive {
  background-size: 20px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__favourites-tab {
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__favourites-tab--inactive {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__history-tab {
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__history-tab--inactive {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__search-tab {
  background-size: 27px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__search-tab--inactive {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__playlist-tab {
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__playlist-tab--inactive {
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: center;
}
.music-list__hot-tab--inactive,
.music-list__favourites-tab--inactive,
.music-list__history-tab--inactive,
.music-list__search-tab--inactive {
  cursor: pointer;
}
.music-list__video-icon {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.music-preview__x_button__heart {
  margin: 0 2px 0 6px;
}
.music-preview__player {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  height: 200px;
  background-color: black;
}
.music-preview__context {
  text-align: center;
  font-size: 14px;
}
@media screen and (max-height: 414px) {
  .landscape .music-preview_x_popup {
    max-height: 90%;
  }
  .landscape .music-preview_x_popup__header {
    flex: 0 0 35px;
    padding: 0 10px;
  }
  .landscape .music-preview_x_popup__content {
    padding: 0 10px;
  }
  .landscape .music-preview_x_popup__actions {
    padding: 10px;
  }
  .landscape .music-preview__player {
    max-height: 140px;
    margin-bottom: 5px;
  }
  .landscape .music-preview__context {
    text-align: center;
    font-size: 13px;
  }
}
.music-preview__heart {
  display: inline;
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 22px;
}
.music-preview__timer {
  display: none;
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  flex-shrink: 0;
}
.music-preview__x_button--disabled {
  background-color: #c7c7c7;
}
.page-scroller-controls__container {
  z-index: 1;
}
.page-scroller-controls__dots-container {
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.page-scroller-controls__dots-container > :not(:first-child) {
  margin-right: 12px;
}
.page-scroller-controls__dots-container > :first-child {
  margin: 0px 12px;
}
.page-scroller-controls__dots-container--compact > :not(:first-child) {
  margin-right: 7px;
}
.page-scroller-controls__dots-container--compact > :first-child {
  margin: 0px 7px;
}
.page-scroller-controls__dot {
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.35);
  pointer-events: none;
  border: 1px solid #9ace20;
  box-sizing: border-box;
}
.page-scroller-controls__dot--clickable {
  cursor: pointer;
  pointer-events: all;
}
.page-scroller-controls__dot--outline {
  border: 0px;
}
.page-scroller-controls__dot--outline::before {
  content: "";
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: rgba(0, 0, 0, 0.2) solid 1px;
  border-radius: 7px;
  position: absolute;
}
.page-scroller-controls {
  transition: left 200ms ease;
}
.page-scroller-controls__indicator {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #9bcc34;
  pointer-events: none;
  position: absolute;
}
.pager-help__preview {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.pager-help__image {
  flex-shrink: 0;
}
.pager-help__image--bp-help-1 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--bp-help-2 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--bp-help-3 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--bp-help-4 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--tutorial-finished-1 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--tutorial-finished-2 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--tutorial-finished-3 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--tutorial-finished-4 {
  background-size: 138px 91px;
  height: 91px;
  width: 138px;
  margin: 1px 0 15px 0;
}
.pager-help__image--down {
  background-size: 109px 78px;
  height: 78px;
  width: 109px;
  margin: 6px 0 18px 0;
}
.pager-help__image--gift {
  background-size: 18px 22px;
  height: 22px;
  width: 18px;
  margin: 0 12px 0 2px;
}
.pager-help__image--kiss {
  background-size: 21px 18px;
  height: 18px;
  width: 21px;
  margin: 0 10px 0 1px;
}
.pager-help__image--lock {
  background-size: 18px 20px;
  height: 20px;
  width: 18px;
  margin: 0 12px 0 2px;
}
.pager-help__image--main {
  background-size: 110px 89px;
  height: 89px;
  width: 110px;
  margin: 1px 0 15px 0;
}
.pager-help__image--music {
  background-size: 22px 17px;
  height: 17px;
  width: 22px;
  margin: 0 10px 0 0;
}
.pager-help__image--up {
  background-size: 109px 78px;
  height: 78px;
  width: 109px;
  margin: 6px 0 18px 0;
}
.pager-help__desc {
  text-align: center;
  font-size: 14px;
}
.pager-help__desc--bold {
  font-weight: bold;
}
.pager-help__desc--flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pager-help__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px 0 16px 0;
}
.pager-help__controls--with-footer {
  margin: 8px 0 0% 0;
}
.pager-help__control {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  background-size: 12px 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.pager-help__control--active {
  cursor: pointer;
}
.pager-help__control--backward {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.pager-help__bold {
  font-weight: bold;
}
.pager-help__list {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.pager-help__item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.pager-help__item:first-child,
.pager-help__item:only-child {
  margin-top: 5px;
}
.pager-help__text-upper {
  margin: 9px 0 8px;
  font-size: 14px;
  text-align: center;
}
.pager-help__hint {
  color: #cd5858;
  font-size: 11px;
}
.percent-bonus {
  position: relative;
  height: 325px;
}
.percent-bonus--number {
  height: 340px;
}
.percent-bonus__timer {
  font-size: 13px;
  font-weight: normal;
}
.percent-bonus__center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.percent-bonus__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transform: rotate(-6deg);
          transform: rotate(-6deg);
  height: 97%;
  font-weight: bold;
  color: #5a2215;
  text-align: center;
  white-space: pre-line;
}
.percent-bonus__title-big-text {
  font-size: 28px;
  line-height: 23px;
}
.percent-bonus__title-small-text {
  font-size: 14px;
}
.percent-bonus__title-big-number {
  font-size: 48px;
  line-height: 48px;
}
.percent-bonus__title-small-number {
  font-size: 16px;
}
.percent-bonus__description {
  font-size: 12px;
  font-weight: bold;
  color: #f15226;
  text-align: center;
  white-space: pre-line;
  top: 255px;
  width: 80%;
}
.percent-bonus--number .percent-bonus__description {
  top: 235px;
}
.percent-bonus__action {
  top: 296px;
}
.percent-bonus__image-bg {
  background-size: 260px 259px;
  height: 259px;
  width: 260px;
  top: 0;
}
.percent-bonus__image-desc {
  background-size: 260px 38px;
  height: 38px;
  width: 260px;
  top: 25px;
}
.percent-bonus__image-ticket {
  background-size: 230px 140px;
  height: 140px;
  width: 230px;
  top: 70px;
}
.percent-bonus__image-hand {
  background-size: 58px 83px;
  height: 83px;
  width: 58px;
  top: 175px;
}
.percent-bonus__image-black-friday-vk {
  background-size: 88px 56px;
  height: 56px;
  width: 88px;
  position: absolute;
  top: -15px;
  left: -18px;
}
.percent-bonus__image-black-friday-ok {
  background-size: 88px 56px;
  height: 56px;
  width: 88px;
  position: absolute;
  top: -15px;
  left: -18px;
}
.percent-bonus__image-friday {
  background-size: 100px 61px;
  height: 61px;
  width: 100px;
  position: absolute;
  top: -15px;
  left: -18px;
}
.percent-bonus__image-sale-day {
  background-size: 81px 89px;
  height: 89px;
  width: 81px;
  position: absolute;
  top: -2px;
  left: -30px;
}
.percent-bonus__image-bonus {
  background-size: 84px 48px;
  height: 48px;
  width: 84px;
  border-radius: 8px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
  position: absolute;
  top: -10px;
  left: -9px;
}
.percent-bonus__clickable {
  cursor: pointer;
}
@media screen and (max-width: 375px) {
  .portrait .percent-bonus {
    height: 260px;
  }
  .portrait .percent-bonus_x_popup--center {
    max-height: 90%;
  }
  .portrait .percent-bonus--number {
    height: 276px;
  }
  .portrait .percent-bonus__image-bg {
    background-size: 208px 207px;
    height: 207px;
    width: 208px;
    top: 0;
  }
  .portrait .percent-bonus__image-desc {
    background-size: 208px 30px;
    height: 30px;
    width: 208px;
    top: 10px;
  }
  .portrait .percent-bonus__image-ticket {
    background-size: 184px 112px;
    height: 112px;
    width: 184px;
    top: 50px;
  }
  .portrait .percent-bonus__image-hand {
    background-size: 46px 66px;
    height: 66px;
    width: 46px;
    top: 135px;
  }
  .portrait .percent-bonus__title-big-text {
    font-size: 22px;
    line-height: 23px;
  }
  .portrait .percent-bonus__title-small-text {
    font-size: 11px;
  }
  .portrait .percent-bonus__title-big-number {
    font-size: 38px;
    line-height: 38px;
  }
  .portrait .percent-bonus__title-small-number {
    font-size: 13px;
  }
  .portrait .percent-bonus__description {
    font-size: 11px;
    top: 190px;
  }
  .portrait .percent-bonus--number .portrait .percent-bonus__description {
    top: 165px;
  }
  .portrait .percent-bonus__action {
    font-size: 13px;
    top: 230px;
  }
}
@media screen and (max-height: 375px) {
  .landscape .percent-bonus {
    height: 260px;
  }
  .landscape .percent-bonus_x_popup--center {
    max-height: 90%;
  }
  .landscape .percent-bonus--number {
    height: 276px;
  }
  .landscape .percent-bonus__image-bg {
    background-size: 208px 207px;
    height: 207px;
    width: 208px;
    top: 0;
  }
  .landscape .percent-bonus__image-desc {
    background-size: 208px 30px;
    height: 30px;
    width: 208px;
    top: 10px;
  }
  .landscape .percent-bonus__image-ticket {
    background-size: 184px 112px;
    height: 112px;
    width: 184px;
    top: 50px;
  }
  .landscape .percent-bonus__image-hand {
    background-size: 46px 66px;
    height: 66px;
    width: 46px;
    top: 135px;
  }
  .landscape .percent-bonus__title-big-text {
    font-size: 22px;
    line-height: 23px;
  }
  .landscape .percent-bonus__title-small-text {
    font-size: 11px;
  }
  .landscape .percent-bonus__title-big-number {
    font-size: 38px;
    line-height: 38px;
  }
  .landscape .percent-bonus__title-small-number {
    font-size: 13px;
  }
  .landscape .percent-bonus__description {
    font-size: 11px;
    top: 190px;
  }
  .landscape .percent-bonus--number .landscape .percent-bonus__description {
    top: 165px;
  }
  .landscape .percent-bonus__action {
    font-size: 13px;
    top: 230px;
  }
}
@media screen and (max-height: 320px) {
  .landscape .percent-bonus {
    height: 240px;
  }
  .landscape .percent-bonus__description {
    white-space: normal;
    top: 180px;
  }
  .landscape .percent-bonus--number .landscape .percent-bonus__description {
    top: 160px;
  }
  .landscape .percent-bonus__action {
    top: 200px;
  }
}
.percent-bonus-mixin {
  height: 260px;
}
.percent-bonus-mixin_x_popup--center {
  max-height: 90%;
}
.percent-bonus-mixin--number {
  height: 276px;
}
.percent-bonus-mixin__image-bg {
  background-size: 208px 207px;
  height: 207px;
  width: 208px;
  top: 0;
}
.percent-bonus-mixin__image-desc {
  background-size: 208px 30px;
  height: 30px;
  width: 208px;
  top: 10px;
}
.percent-bonus-mixin__image-ticket {
  background-size: 184px 112px;
  height: 112px;
  width: 184px;
  top: 50px;
}
.percent-bonus-mixin__image-hand {
  background-size: 46px 66px;
  height: 66px;
  width: 46px;
  top: 135px;
}
.percent-bonus-mixin__title-big-text {
  font-size: 22px;
  line-height: 23px;
}
.percent-bonus-mixin__title-small-text {
  font-size: 11px;
}
.percent-bonus-mixin__title-big-number {
  font-size: 38px;
  line-height: 38px;
}
.percent-bonus-mixin__title-small-number {
  font-size: 13px;
}
.percent-bonus-mixin__description {
  font-size: 11px;
  top: 190px;
}
.percent-bonus-mixin--number .percent-bonus-mixin__description {
  top: 165px;
}
.percent-bonus-mixin__action {
  font-size: 13px;
  top: 230px;
}
.player-controls {
  display: flex;
}
.player-controls--small {
  height: 24px;
}
.player-controls--large {
  height: 36px;
}
.player-controls--with-volume {
  width: 100%;
  background-color: #f3f5f6;
}
.player-controls--no-volume {
  background-color: white;
}
.player-controls--embedded {
  position: absolute;
  max-width: 90%;
}
.player-controls--embedded.player-controls--with-volume {
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 232px;
  height: 40px;
  border-radius: 0 0 18px 18px;
}
.player-controls--embedded.player-controls--no-volume {
  left: 0;
  width: 54px;
  height: 40px;
  border-radius: 0 0 18px 18px;
}
.player-controls--small.player-controls--right.player-controls--no-volume,
.player-controls--small.player-controls--portrait.player-controls--no-volume,
.player-controls--small.player-controls--center.player-controls--no-volume {
  width: 36px;
  height: 20px;
  border-radius: 0 0 12px 12px;
}
.player-controls--large.player-controls--right.player-controls--no-volume,
.player-controls--large.player-controls--portrait.player-controls--no-volume,
.player-controls--large.player-controls--center.player-controls--no-volume {
  width: 54px;
  height: 30px;
  border-radius: 0 0 18px 18px;
}
.player-controls--center.player-controls--small {
  border-radius: 0 0 12px 12px;
}
.player-controls--center.player-controls--large {
  border-radius: 0 0 18px 18px;
}
.player-controls--right.player-controls--small.player-controls--with-volume,
.player-controls--portrait.player-controls--small.player-controls--with-volume {
  border-radius: 0 0 0 12px;
}
.player-controls--right.player-controls--large.player-controls--with-volume,
.player-controls--portrait.player-controls--large.player-controls--with-volume {
  border-radius: 0 0 0 18px;
}
.player-controls__slider {
  align-self: center;
  margin-right: 20px;
}
.player-controls__slider--disabled {
  display: none;
}
.player-controls__slider--small {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 86px;
  height: 2px;
  cursor: pointer;
  outline: none;
  margin: 0px;
}
.player-controls__slider--small::-webkit-slider-runnable-track {
  height: 30px;
}
.player-controls__slider--small::-moz-range-track {
  height: 30px;
}
.player-controls__slider--small::-webkit-slider-thumb {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 18px;
  height: 18px;
  object-fit: contain;
  box-shadow: 0 0.3px 1.3px 0 rgba(0, 0, 0, 0.32), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.09);
  border: solid 0.3px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
  -webkit-appearance: none;
  appearance: none;
}
.player-controls__slider--small::-moz-range-thumb {
  position: relative;
  top: 50%;
  width: 18px;
  height: 18px;
  object-fit: contain;
  box-shadow: 0 0.3px 1.3px 0 rgba(0, 0, 0, 0.32), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.09);
  border: solid 0.3px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
}
.player-controls__slider--large,
.player-controls__slider--embedded.player-controls__slider--small,
.player-controls__slider--embedded.player-controls__slider--large {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 130px;
  height: 3px;
  cursor: pointer;
  outline: none;
  margin: 0px;
}
.player-controls__slider--large::-webkit-slider-runnable-track,
.player-controls__slider--embedded.player-controls__slider--small::-webkit-slider-runnable-track,
.player-controls__slider--embedded.player-controls__slider--large::-webkit-slider-runnable-track {
  height: 36px;
}
.player-controls__slider--large::-moz-range-track,
.player-controls__slider--embedded.player-controls__slider--small::-moz-range-track,
.player-controls__slider--embedded.player-controls__slider--large::-moz-range-track {
  height: 36px;
}
.player-controls__slider--large::-webkit-slider-thumb,
.player-controls__slider--embedded.player-controls__slider--small::-webkit-slider-thumb,
.player-controls__slider--embedded.player-controls__slider--large::-webkit-slider-thumb {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
  height: 28px;
  object-fit: contain;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.32), inset 0 -2px 2px 0 #e6e6e6;
  border: solid 0.5px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
  -webkit-appearance: none;
  appearance: none;
}
.player-controls__slider--large::-moz-range-thumb,
.player-controls__slider--embedded.player-controls__slider--small::-moz-range-thumb,
.player-controls__slider--embedded.player-controls__slider--large::-moz-range-thumb {
  position: relative;
  top: 50%;
  width: 28px;
  height: 28px;
  object-fit: contain;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.32), inset 0 -2px 2px 0 #e6e6e6;
  border: solid 0.5px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
}
.player-controls__slider--embedded.player-controls__slider--small,
.player-controls__slider--embedded.player-controls__slider--large {
  flex-shrink: 1;
  min-width: 40px;
  margin-right: 20px;
}
.player-controls__mute {
  flex-shrink: 0;
  cursor: pointer;
}
.player-controls__mute--embedded.player-controls__mute--with-volume {
  background-size: 28px 22px;
  height: 22px;
  width: 28px;
  margin: 9px 22px 9px 26px;
}
.player-controls__mute--embedded.player-controls__mute--no-volume {
  background-size: 28px 22px;
  height: 22px;
  width: 28px;
  margin: 9px 12px 9px 14px;
}
.player-controls__mute--right.player-controls__mute--small.player-controls__mute--no-volume,
.player-controls__mute--center.player-controls__mute--small.player-controls__mute--no-volume,
.player-controls__mute--portrait.player-controls__mute--small.player-controls__mute--no-volume {
  background-size: 18px 14px;
  height: 14px;
  width: 18px;
  margin: 0px auto 5px 9px;
}
.player-controls__mute--right.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--audio,
.player-controls__mute--center.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--audio,
.player-controls__mute--portrait.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--audio {
  background-size: 18px 14px;
  height: 14px;
  width: 18px;
  margin: 5px 19px 5px 19px;
}
.player-controls__mute--right.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--video,
.player-controls__mute--center.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--video,
.player-controls__mute--portrait.player-controls__mute--small.player-controls__mute--with-volume.player-controls__mute--video {
  background-size: 18px 14px;
  height: 14px;
  width: 18px;
  margin: 5px 23px 5px 23px;
}
.player-controls__mute--right.player-controls__mute--large.player-controls__mute--no-volume,
.player-controls__mute--center.player-controls__mute--large.player-controls__mute--no-volume,
.player-controls__mute--portrait.player-controls__mute--large.player-controls__mute--no-volume {
  background-size: 28px 22px;
  height: 22px;
  width: 28px;
  margin: 1px 13px 7px 13px;
}
.player-controls__mute--right.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--audio,
.player-controls__mute--center.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--audio,
.player-controls__mute--portrait.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--audio {
  background-size: 28px 22px;
  height: 22px;
  width: 28px;
  margin: 7px 28px 7px 28px;
}
.player-controls__mute--right.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--video,
.player-controls__mute--center.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--video,
.player-controls__mute--portrait.player-controls__mute--large.player-controls__mute--with-volume.player-controls__mute--video {
  background-size: 28px 22px;
  height: 22px;
  width: 28px;
  margin: 7px 33px 7px 33px;
}
.popup-shade {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  position: absolute;
  pointer-events: auto;
  width: 100%;
}
.popup-shade--dark {
  background-color: rgba(0, 0, 0, 0.65);
}
.profile-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
}
.profile-info__x_popup {
  width: 310px;
}
.profile-info__x_popup__content {
  padding: 0 20px;
}
.profile-info__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.profile-info__photo {
  width: 130px;
  height: 130px;
  background-position: center top;
  background-size: cover;
  border-radius: 10px;
  cursor: pointer;
}
.profile-info__photo-input {
  display: none;
}
.profile-info__add-photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  margin-top: -20px;
  cursor: pointer;
}
.profile-info__add-photo--add {
  background-size: 34px 34px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-info__add-photo--reset {
  background-size: 36px 36px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-info__add-photo-title {
  color: #b6b6b6;
}
.profile-info__info,
.profile-info__name,
.profile-info__date,
.profile-info__gender {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
}
.profile-info__name,
.profile-info__date,
.profile-info__gender {
  margin-top: 8px;
}
.profile-info__name:first-child,
.profile-info__date:first-child,
.profile-info__gender:first-child,
.profile-info__name:only-child,
.profile-info__date:only-child,
.profile-info__gender:only-child {
  margin-top: 0;
}
.profile-info__name input {
  line-height: 16px;
}
.profile-info__info input {
  background-color: #f9f6f6;
  border: solid #f9f6f6;
  border-radius: 4px;
  width: 120px;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
}
.profile-info__info input:focus {
  outline: none;
}
.profile-info__info-title {
  margin-bottom: 5px;
}
.profile-info__gender {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.profile-info__gender-items {
  display: flex;
  align-items: flex-start;
}
.profile-info__gender-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  margin-right: 8px;
  cursor: pointer;
}
.profile-info__gender-item--male {
  background-color: #def3fe;
  border: solid 2px #3db2fe;
  background-size: 22px 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-info__gender-item--female {
  background-color: #fdebf2;
  border: solid 2px #ff7bac;
  background-size: 27px 25px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-info__gender-item--inactive {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: transparent;
  border-width: 0px;
}
.profile-info__gender-item:last-child,
.profile-info__gender-item:only-child {
  margin-right: 0;
}
.profile-info__description {
  text-align: center;
  font-size: 14px;
}
.profile-info__heart {
  background-size: 16px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 16px;
  font-weight: bold;
  margin-left: 2px;
}
.profile-settings__x_popup {
  width: 294px;
}
.profile-settings__x_popup__content {
  padding: 0 46px;
  overflow: visible;
}
.profile-settings__x_button--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.profile-settings__description {
  font-size: 14px;
  text-align: center;
  white-space: pre-line;
  margin: 0 -15px 15px -15px;
}
.profile-settings__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.profile-settings__item:last-child {
  margin-bottom: 5px;
}
.profile-settings__age-title,
.profile-settings__gender-title {
  font-size: 14px;
  font-weight: bold;
}
.profile-settings__gender-items {
  display: flex;
  align-items: flex-start;
}
.profile-settings__gender-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  box-sizing: border-box;
  margin-right: 10px;
  cursor: pointer;
}
.profile-settings__gender-item--male {
  background-color: #def3fe;
  border: solid 2px #3db2fe;
  background-size: 28px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-settings__gender-item--female {
  background-color: #fdebf2;
  border: solid 2px #ff7bac;
  background-size: 34px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.profile-settings__gender-item--inactive {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  background-color: transparent;
  border-width: 0px;
}
.profile-settings__gender-item:last-child,
.profile-settings__gender-item:only-child {
  margin-right: 0;
}
.profile-settings__custom-select {
  display: inline-block;
  position: relative;
}
.profile-settings__custom-select-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  border-radius: 15px;
  cursor: pointer;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  padding: 5px 8px 6px 8px;
  position: relative;
  width: 94px;
  height: 19px;
}
.profile-settings__custom-select-trigger:after {
  border-bottom: 2px solid #c1c1c1;
  border-right: 2px solid #c1c1c1;
  content: "";
  display: block;
  height: 8px;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  width: 8px;
}
.profile-settings__custom-select.opened .profile-settings__custom-select-trigger:after {
  margin-top: 3px;
  -webkit-transform: rotate(-135deg) translateY(-50%);
          transform: rotate(-135deg) translateY(-50%);
}
.profile-settings__custom-select.opened .profile-settings__custom-options {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.profile-settings__custom-options {
  background: #f2f2f2;
  border-radius: 12px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: block;
  left: 0;
  margin-top: 3px;
  min-width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  z-index: 1;
  height: 186px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.profile-settings__custom-options::-webkit-scrollbar {
  display: none;
}
@media (max-height: 490px) {
  .profile-settings__custom-options {
    top: -88px;
  }
}
.profile-settings__custom-option {
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-style: italic;
  height: 30px;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.profile-settings__custom-option--selected {
  font-weight: bold;
}
.profile-settings__custom-option:first-of-type {
  border-radius: 15px 15px 0 0;
}
.profile-settings__custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 15px 15px;
}
.profile-settings__custom-option:hover {
  background: rgba(0, 0, 0, 0.03);
}
.profile-settings__selected-icon {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.profile-settings__custom-option--selected .profile-settings__selected-icon {
  display: block;
}
.progress__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
  max-width: 400px;
  padding: 6px;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}
.progress__bar {
  height: 18px;
  width: 0%;
  border-radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  background-color: #97ca31;
  transition-property: width, background-color;
}
.received-gold {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.received-gold__x_popup__header {
  flex: 0 0 25px;
  align-items: flex-end;
}
.received-gold__image {
  position: relative;
  width: 100%;
  height: 115px;
}
.received-gold__image--heart {
  background-size: 165px 115px;
  background-repeat: no-repeat;
  background-position: center;
}
.received-gold__image--many_hearts {
  background-size: 175px 113px;
  background-repeat: no-repeat;
  background-position: center;
}
.received-gold__image--with_offer {
  height: 144px;
  top: 8px;
}
.received-gold__context {
  font-size: 14px;
  margin-top: 10px;
  white-space: pre-wrap;
}
.received-gold__description {
  font-size: 11px;
  color: #a0a0a0;
  margin-top: 8px;
}
.received-gold__bg {
  position: absolute;
  top: 4px;
  height: 110px;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.received-gold__bg-image {
  background-size: 219px 219px;
  height: 219px;
  width: 219px;
  -webkit-animation: spin 4.5s linear infinite;
          animation: spin 4.5s linear infinite;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.received-gold__opt-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.received-gold__opt-icon--1 {
  background-size: 75px 36px;
  height: 36px;
  width: 75px;
  bottom: -4px;
}
.received-gold__opt-icon--2 {
  background-size: 98px 45px;
  height: 45px;
  width: 98px;
  bottom: -2px;
}
.received-gold__opt-icon--3 {
  background-size: 87px 65px;
  height: 65px;
  width: 87px;
  bottom: -2px;
}
.received-gold__opt-icon--4 {
  background-size: 108px 67px;
  height: 67px;
  width: 108px;
  bottom: -2px;
}
.received-gold__opt-icon--5 {
  background-size: 103px 82px;
  height: 82px;
  width: 103px;
  bottom: -3px;
}
.received-gold__opt-icon--6 {
  background-size: 146px 86px;
  height: 86px;
  width: 146px;
  bottom: -3px;
}
.received-gold__opt-icon--7 {
  background-size: 149px 91px;
  height: 91px;
  width: 149px;
  bottom: -2px;
}
.received-gold__offer-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-size: 170px 138px;
  height: 138px;
  width: 170px;
}
.received-gold__offer-icon--offer1_1 .received-gold__blick--1,
.received-gold__offer-icon--offer2_1 .received-gold__blick--1,
.received-gold__offer-icon--offer3_1 .received-gold__blick--1 {
  left: 51px;
  top: 93px;
}
.received-gold__offer-icon--offer1_1 .received-gold__blick--2,
.received-gold__offer-icon--offer2_1 .received-gold__blick--2,
.received-gold__offer-icon--offer3_1 .received-gold__blick--2 {
  left: 110px;
  top: 86px;
}
.received-gold__offer-icon--offer1_1 .received-gold__blick--3,
.received-gold__offer-icon--offer2_1 .received-gold__blick--3,
.received-gold__offer-icon--offer3_1 .received-gold__blick--3,
.received-gold__offer-icon--offer1_1 .received-gold__blick--4,
.received-gold__offer-icon--offer2_1 .received-gold__blick--4,
.received-gold__offer-icon--offer3_1 .received-gold__blick--4,
.received-gold__offer-icon--offer1_1 .received-gold__blick--5,
.received-gold__offer-icon--offer2_1 .received-gold__blick--5,
.received-gold__offer-icon--offer3_1 .received-gold__blick--5,
.received-gold__offer-icon--offer1_1 .received-gold__blick--6,
.received-gold__offer-icon--offer2_1 .received-gold__blick--6,
.received-gold__offer-icon--offer3_1 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_2 .received-gold__blick--1,
.received-gold__offer-icon--offer2_2 .received-gold__blick--1,
.received-gold__offer-icon--offer3_2 .received-gold__blick--1 {
  left: 92px;
  top: 71px;
}
.received-gold__offer-icon--offer1_2 .received-gold__blick--2,
.received-gold__offer-icon--offer2_2 .received-gold__blick--2,
.received-gold__offer-icon--offer3_2 .received-gold__blick--2 {
  left: 22px;
  top: 99px;
}
.received-gold__offer-icon--offer1_2 .received-gold__blick--3,
.received-gold__offer-icon--offer2_2 .received-gold__blick--3,
.received-gold__offer-icon--offer3_2 .received-gold__blick--3 {
  left: 92px;
  top: 113px;
}
.received-gold__offer-icon--offer1_2 .received-gold__blick--4,
.received-gold__offer-icon--offer2_2 .received-gold__blick--4,
.received-gold__offer-icon--offer3_2 .received-gold__blick--4,
.received-gold__offer-icon--offer1_2 .received-gold__blick--5,
.received-gold__offer-icon--offer2_2 .received-gold__blick--5,
.received-gold__offer-icon--offer3_2 .received-gold__blick--5,
.received-gold__offer-icon--offer1_2 .received-gold__blick--6,
.received-gold__offer-icon--offer2_2 .received-gold__blick--6,
.received-gold__offer-icon--offer3_2 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_3 .received-gold__blick--1,
.received-gold__offer-icon--offer2_3 .received-gold__blick--1,
.received-gold__offer-icon--offer3_3 .received-gold__blick--1 {
  left: 85px;
  top: 54px;
}
.received-gold__offer-icon--offer1_3 .received-gold__blick--2,
.received-gold__offer-icon--offer2_3 .received-gold__blick--2,
.received-gold__offer-icon--offer3_3 .received-gold__blick--2 {
  left: 59px;
  top: 76px;
}
.received-gold__offer-icon--offer1_3 .received-gold__blick--3,
.received-gold__offer-icon--offer2_3 .received-gold__blick--3,
.received-gold__offer-icon--offer3_3 .received-gold__blick--3 {
  left: 98px;
  top: 106px;
}
.received-gold__offer-icon--offer1_3 .received-gold__blick--4,
.received-gold__offer-icon--offer2_3 .received-gold__blick--4,
.received-gold__offer-icon--offer3_3 .received-gold__blick--4,
.received-gold__offer-icon--offer1_3 .received-gold__blick--5,
.received-gold__offer-icon--offer2_3 .received-gold__blick--5,
.received-gold__offer-icon--offer3_3 .received-gold__blick--5,
.received-gold__offer-icon--offer1_3 .received-gold__blick--6,
.received-gold__offer-icon--offer2_3 .received-gold__blick--6,
.received-gold__offer-icon--offer3_3 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_4 .received-gold__blick--1,
.received-gold__offer-icon--offer2_4 .received-gold__blick--1,
.received-gold__offer-icon--offer3_4 .received-gold__blick--1 {
  left: 112px;
  top: 60px;
}
.received-gold__offer-icon--offer1_4 .received-gold__blick--2,
.received-gold__offer-icon--offer2_4 .received-gold__blick--2,
.received-gold__offer-icon--offer3_4 .received-gold__blick--2 {
  left: 56px;
  top: 66px;
}
.received-gold__offer-icon--offer1_4 .received-gold__blick--3,
.received-gold__offer-icon--offer2_4 .received-gold__blick--3,
.received-gold__offer-icon--offer3_4 .received-gold__blick--3 {
  left: 44px;
  top: 112px;
}
.received-gold__offer-icon--offer1_4 .received-gold__blick--4,
.received-gold__offer-icon--offer2_4 .received-gold__blick--4,
.received-gold__offer-icon--offer3_4 .received-gold__blick--4,
.received-gold__offer-icon--offer1_4 .received-gold__blick--5,
.received-gold__offer-icon--offer2_4 .received-gold__blick--5,
.received-gold__offer-icon--offer3_4 .received-gold__blick--5,
.received-gold__offer-icon--offer1_4 .received-gold__blick--6,
.received-gold__offer-icon--offer2_4 .received-gold__blick--6,
.received-gold__offer-icon--offer3_4 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_5 .received-gold__blick--1,
.received-gold__offer-icon--offer2_5 .received-gold__blick--1,
.received-gold__offer-icon--offer3_5 .received-gold__blick--1 {
  left: 81px;
  top: 45px;
}
.received-gold__offer-icon--offer1_5 .received-gold__blick--2,
.received-gold__offer-icon--offer2_5 .received-gold__blick--2,
.received-gold__offer-icon--offer3_5 .received-gold__blick--2 {
  left: 61px;
  top: 62px;
}
.received-gold__offer-icon--offer1_5 .received-gold__blick--3,
.received-gold__offer-icon--offer2_5 .received-gold__blick--3,
.received-gold__offer-icon--offer3_5 .received-gold__blick--3 {
  left: 101px;
  top: 79px;
}
.received-gold__offer-icon--offer1_5 .received-gold__blick--4,
.received-gold__offer-icon--offer2_5 .received-gold__blick--4,
.received-gold__offer-icon--offer3_5 .received-gold__blick--4 {
  left: 16px;
  top: 108px;
}
.received-gold__offer-icon--offer1_5 .received-gold__blick--5,
.received-gold__offer-icon--offer2_5 .received-gold__blick--5,
.received-gold__offer-icon--offer3_5 .received-gold__blick--5,
.received-gold__offer-icon--offer1_5 .received-gold__blick--6,
.received-gold__offer-icon--offer2_5 .received-gold__blick--6,
.received-gold__offer-icon--offer3_5 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--1,
.received-gold__offer-icon--offer2_6 .received-gold__blick--1,
.received-gold__offer-icon--offer3_6 .received-gold__blick--1 {
  left: 122px;
  top: 52px;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--2,
.received-gold__offer-icon--offer2_6 .received-gold__blick--2,
.received-gold__offer-icon--offer3_6 .received-gold__blick--2 {
  left: 51px;
  top: 69px;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--3,
.received-gold__offer-icon--offer2_6 .received-gold__blick--3,
.received-gold__offer-icon--offer3_6 .received-gold__blick--3 {
  left: 14px;
  top: 98px;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--4,
.received-gold__offer-icon--offer2_6 .received-gold__blick--4,
.received-gold__offer-icon--offer3_6 .received-gold__blick--4 {
  left: 41px;
  top: 98px;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--5,
.received-gold__offer-icon--offer2_6 .received-gold__blick--5,
.received-gold__offer-icon--offer3_6 .received-gold__blick--5 {
  left: 144px;
  top: 106px;
}
.received-gold__offer-icon--offer1_6 .received-gold__blick--6,
.received-gold__offer-icon--offer2_6 .received-gold__blick--6,
.received-gold__offer-icon--offer3_6 .received-gold__blick--6 {
  display: none;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--1,
.received-gold__offer-icon--offer2_7 .received-gold__blick--1,
.received-gold__offer-icon--offer3_7 .received-gold__blick--1 {
  left: 74px;
  top: 23px;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--2,
.received-gold__offer-icon--offer2_7 .received-gold__blick--2,
.received-gold__offer-icon--offer3_7 .received-gold__blick--2 {
  left: 21px;
  top: 66px;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--3,
.received-gold__offer-icon--offer2_7 .received-gold__blick--3,
.received-gold__offer-icon--offer3_7 .received-gold__blick--3 {
  left: 78px;
  top: 92px;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--4,
.received-gold__offer-icon--offer2_7 .received-gold__blick--4,
.received-gold__offer-icon--offer3_7 .received-gold__blick--4 {
  left: 14px;
  top: 96px;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--5,
.received-gold__offer-icon--offer2_7 .received-gold__blick--5,
.received-gold__offer-icon--offer3_7 .received-gold__blick--5 {
  left: 138px;
  top: 97px;
}
.received-gold__offer-icon--offer1_7 .received-gold__blick--6,
.received-gold__offer-icon--offer2_7 .received-gold__blick--6,
.received-gold__offer-icon--offer3_7 .received-gold__blick--6 {
  left: 35px;
  top: 108px;
}
.received-gold__blicks {
  width: 100%;
  height: 100%;
  position: relative;
}
.received-gold__blick {
  background-size: 8px 8px;
  height: 8px;
  width: 8px;
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0) rotate(0deg);
          transform: scale(0) rotate(0deg);
}
@-webkit-keyframes blick {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  12.5% {
    -webkit-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
    opacity: 1;
  }
  37.5% {
    -webkit-transform: scale(1) rotate(270deg);
            transform: scale(1) rotate(270deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0) rotate(360deg);
            transform: scale(0) rotate(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
    opacity: 0;
  }
}
@keyframes blick {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
    opacity: 0;
  }
  12.5% {
    -webkit-transform: scale(1) rotate(90deg);
            transform: scale(1) rotate(90deg);
    opacity: 1;
  }
  37.5% {
    -webkit-transform: scale(1) rotate(270deg);
            transform: scale(1) rotate(270deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0) rotate(360deg);
            transform: scale(0) rotate(360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0) rotate(0deg);
            transform: scale(0) rotate(0deg);
    opacity: 0;
  }
}
.received-gold__blick--1 {
  -webkit-animation: blick 2s linear infinite;
          animation: blick 2s linear infinite;
}
.received-gold__blick--2 {
  -webkit-animation: blick 2s linear 0.3s infinite;
          animation: blick 2s linear 0.3s infinite;
}
.received-gold__blick--3 {
  -webkit-animation: blick 2s linear 0.6s infinite;
          animation: blick 2s linear 0.6s infinite;
}
.received-gold__blick--4 {
  -webkit-animation: blick 2s linear 0.9s infinite;
          animation: blick 2s linear 0.9s infinite;
}
.received-gold__blick--5 {
  -webkit-animation: blick 2s linear 1.2s infinite;
          animation: blick 2s linear 1.2s infinite;
}
.received-gold__blick--6 {
  -webkit-animation: blick 2s linear 1.5s infinite;
          animation: blick 2s linear 1.5s infinite;
}
.received-gold__opt-icon--1 .received-gold__blick--1 {
  left: 22px;
  top: 4px;
}
.received-gold__opt-icon--1 .received-gold__blick--2,
.received-gold__opt-icon--1 .received-gold__blick--3,
.received-gold__opt-icon--1 .received-gold__blick--4 {
  display: none;
}
.received-gold__opt-icon--2 .received-gold__blick--1 {
  left: 39px;
  top: 1px;
}
.received-gold__opt-icon--2 .received-gold__blick--2,
.received-gold__opt-icon--2 .received-gold__blick--3,
.received-gold__opt-icon--2 .received-gold__blick--4 {
  display: none;
}
.received-gold__opt-icon--3 .received-gold__blick--1 {
  left: 33px;
  top: 1px;
}
.received-gold__opt-icon--3 .received-gold__blick--2 {
  right: 30px;
  bottom: 19px;
}
.received-gold__opt-icon--3 .received-gold__blick--3,
.received-gold__opt-icon--3 .received-gold__blick--4,
.received-gold__opt-icon--3 .received-gold__blick--5,
.received-gold__opt-icon--3 .received-gold__blick--6 {
  display: none;
}
.received-gold__opt-icon--4 .received-gold__blick--1 {
  left: 41px;
  top: 1px;
}
.received-gold__opt-icon--4 .received-gold__blick--2 {
  right: 30px;
  bottom: 19px;
}
.received-gold__opt-icon--4 .received-gold__blick--3 {
  left: 30px;
  bottom: 15px;
}
.received-gold__opt-icon--4 .received-gold__blick--4,
.received-gold__opt-icon--4 .received-gold__blick--5,
.received-gold__opt-icon--4 .received-gold__blick--6 {
  display: none;
}
.received-gold__opt-icon--5 .received-gold__blick--1 {
  left: 29px;
  top: 10px;
}
.received-gold__opt-icon--5 .received-gold__blick--2 {
  right: 26px;
  bottom: 21px;
}
.received-gold__opt-icon--5 .received-gold__blick--3 {
  left: 28px;
  bottom: 17px;
}
.received-gold__opt-icon--5 .received-gold__blick--4,
.received-gold__opt-icon--5 .received-gold__blick--5,
.received-gold__opt-icon--5 .received-gold__blick--6 {
  display: none;
}
.received-gold__opt-icon--6 .received-gold__blick--1 {
  right: 26px;
  top: 1px;
}
.received-gold__opt-icon--6 .received-gold__blick--2 {
  right: 59px;
  bottom: 42px;
}
.received-gold__opt-icon--6 .received-gold__blick--3 {
  left: 46px;
  top: 21px;
}
.received-gold__opt-icon--6 .received-gold__blick--4,
.received-gold__opt-icon--6 .received-gold__blick--5,
.received-gold__opt-icon--6 .received-gold__blick--6 {
  display: none;
}
.received-gold__opt-icon--7 .received-gold__blick--1 {
  right: 55px;
  top: 12px;
}
.received-gold__opt-icon--7 .received-gold__blick--2 {
  left: 41px;
  top: 29px;
}
.received-gold__opt-icon--7 .received-gold__blick--3 {
  right: 27px;
  top: 31px;
}
.received-gold__opt-icon--7 .received-gold__blick--4 {
  left: 45px;
  bottom: 34px;
}
.received-gold__opt-icon--7 .received-gold__blick--5,
.received-gold__opt-icon--7 .received-gold__blick--6 {
  display: none;
}
.received-gold__heart {
  display: inline;
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 16px;
}
.roulette-jackpot__x_popup {
  justify-content: space-between;
  border-radius: 16px;
  background-color: rgba(0, 0, 0, 0.8);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-width: 236px;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.roulette-jackpot__x_popup__content {
  display: flex;
  padding: 10px 10px 0 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.roulette-jackpot__x_popup__buttons {
  padding: 10px;
}
.roulette-jackpot__x_button {
  width: 100%;
  border-radius: 6px;
}
.roulette-jackpot__name {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  margin-right: 4px;
  max-width: 100%;
  vertical-align: text-bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roulette-jackpot__name--premium {
  background-color: #e9a103;
  background-image: linear-gradient(to bottom, #f0d033 0%, #d98300);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.roulette-jackpot__message {
  font-size: 13px;
  color: white;
  overflow: hidden;
}
.roulette-jackpot__photo {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.roulette-jackpot__heart {
  display: inline;
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 16px;
}
.roulette-jackpot__close {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.tutorial-finished {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.tutorial-finished__x_popup__header {
  flex: 0 0 25px;
  align-items: flex-end;
}
.tutorial-finished__text-upper {
  margin-top: 10px;
}
.tutorial-finished__text-middle {
  margin-top: 6px;
}
.tutorial-finished__text-bottom {
  margin-top: 11px;
}
.tutorial-finished__heart {
  display: inline;
  background-size: 14px 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 16px;
}
.rate-app {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
}
.rate-app__x_popup__content {
  padding: 30px 15px 10px 15px;
}
.rate-app__info {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.rate-app__id {
  color: #cecfce;
  font-size: 11px;
}
.rate-app__title {
  font-size: 14px;
  font-weight: bold;
  margin-top: 19px;
}
.rate-app__description {
  font-size: 14px;
  margin-top: 4px;
}
.rate-app__logo {
  background-image: url("style-images/ec51e527435340f900d9492ac8b6c6e952bc774e0d8fbfa9274902a3913ca5b5.png");
  background-size: 80px 80px;
  height: 80px;
  width: 80px;
}
.rate-app__stars {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 14px;
}
.rate-app__star {
  width: 31px;
  height: 31px;
  flex-shrink: 0;
  cursor: pointer;
  border: solid 0px transparent;
  border-radius: 50%;
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.rate-app__border {
  height: 1px;
  background-color: #f2f2f2;
  margin: 5px 0;
}
.report {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.report textarea {
  background-color: #f2f2f2;
  border-radius: 7px;
  font-size: 13px;
  width: 100%;
  outline: none;
  padding: 6px 12px;
  box-sizing: border-box;
  border: none;
  resize: none;
}
.report__context {
  font-size: 11px;
  margin-top: 8px;
  text-align: center;
}
.response-gift__x_popup {
  justify-content: space-between;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.8);
  max-width: 236px;
  width: 80%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.response-gift__x_popup__header {
  flex: none;
  font-weight: normal;
  padding: 10px;
  color: #ffffff;
}
.response-gift__x_popup__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
}
.response-gift__x_popup__buttons {
  padding: 10px;
}
.response-gift__x_button {
  width: 100%;
  border-radius: 6px;
}
.response-gift__titles {
  margin-left: 5px;
}
.response-gift__name {
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
}
.response-gift__name--premium {
  background-color: #e9a103;
  background-image: linear-gradient(to bottom, #f0d033 0%, #d98300);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.response-gift__message {
  font-size: 13px;
  color: white;
}
.response-gift__photo {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: solid 2px #ffffff;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.response-gift__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
.retention__x_button {
  background-color: #c7c7c7;
}
.retention_x_popup {
  max-width: 92%;
}
.retention_x_popup__actions {
  padding: 14px 15px 20px 15px;
}
.retention__items {
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}
.retention__item {
  display: flex;
  flex: 0 0 58px;
  align-items: center;
  justify-content: space-between;
  margin: 6px 15px 0 15px;
  padding: 0 12px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  transition: background-color 500ms linear;
}
.retention__item--complete {
  background-color: #fffbe6;
  box-shadow: none;
}
.retention__item--warning {
  background-color: rgba(255, 0, 0, 0.11);
}
.retention__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-color: #f3edcb;
  flex-shrink: 0;
}
.retention__check {
  background-size: 21px 16px;
  height: 16px;
  width: 21px;
}
.retention__description {
  font-size: 14px;
  line-height: 1.07;
  padding-right: 10px;
}
.retention__description--complete {
  color: #9bcc34;
}
.retention__action {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1.43;
  border-radius: 6px;
}
.retention__action--timer {
  background-color: #c7c7c7;
  border: 0px;
  color: #ffffff;
}
.retention__timer {
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left center;
  padding-left: 18px;
  flex-shrink: 0;
}
.reward {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reward--prize {
  height: 100%;
}
.reward__x_popup {
  max-width: 90%;
  max-height: 87%;
  justify-content: space-between;
}
@media screen and (max-height: 415px) {
  .landscape .reward__x_popup {
    min-width: 400px;
    width: auto;
  }
}
.reward__x_popup__header {
  flex: 0 0 60px;
  background-color: #ffffff;
  border-top-right-radius: 17px;
  border-top-left-radius: 17px;
}
.reward__x_popup__header--first {
  flex: 0 0 38px;
}
.reward__x_popup__title {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: 45px;
  color: #979797;
  font-size: 10px;
  font-weight: normal;
}
.reward__x_popup__title--show {
  -webkit-animation: show-title 0.245s linear;
          animation: show-title 0.245s linear;
  -webkit-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}
@-webkit-keyframes show-title {
  0% {
    top: 50%;
    -webkit-transform: translate(-50%, 0) scale(0);
            transform: translate(-50%, 0) scale(0);
  }
  70% {
    top: 20px;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
  100% {
    top: 45px;
  }
}
@keyframes show-title {
  0% {
    top: 50%;
    -webkit-transform: translate(-50%, 0) scale(0);
            transform: translate(-50%, 0) scale(0);
  }
  70% {
    top: 20px;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
  100% {
    top: 45px;
  }
}
.reward__x_popup__content {
  padding: 0 25px;
}
.reward__x_popup__content--gifts {
  height: 100%;
}
.reward__x_popup__buttons {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.reward__x_button {
  z-index: 1;
}
.reward__hidden {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.reward__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.reward__prize-bg {
  background-size: 195px 100px;
  height: 100px;
  width: 195px;
  position: absolute;
  top: -76px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
  opacity: 0;
}
.reward__prize-bg--show {
  -webkit-animation: prize-bg-show 0.07s linear;
          animation: prize-bg-show 0.07s linear;
  opacity: 1;
}
@-webkit-keyframes prize-bg-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes prize-bg-show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.reward__prize {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  top: -18px;
}
.reward__prize--1 {
  background-size: 68px 60px;
  height: 60px;
  width: 68px;
}
.reward__prize--2 {
  background-size: 71px 60px;
  height: 60px;
  width: 71px;
}
.reward__prize--3 {
  background-size: 70px 60px;
  height: 60px;
  width: 70px;
}
.reward__prize--regular {
  background-size: 46px 60px;
  height: 60px;
  width: 46px;
}
.reward__prize--league {
  background-size: 57px 60px;
  height: 60px;
  width: 57px;
}
.reward__prize--choice {
  background-size: 57px 60px;
  height: 60px;
  width: 57px;
}
.reward__prize--show {
  -webkit-animation: show-prize 0.245s linear;
          animation: show-prize 0.245s linear;
  -webkit-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1);
}
@-webkit-keyframes show-prize {
  0% {
    top: 50%;
    -webkit-transform: translate(-50%, 0) scale(0);
            transform: translate(-50%, 0) scale(0);
  }
  70% {
    top: -43px;
    -webkit-transform: translate(-50%, 0) scale(1.15);
            transform: translate(-50%, 0) scale(1.15);
  }
  100% {
    top: -18px;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
}
@keyframes show-prize {
  0% {
    top: 50%;
    -webkit-transform: translate(-50%, 0) scale(0);
            transform: translate(-50%, 0) scale(0);
  }
  70% {
    top: -43px;
    -webkit-transform: translate(-50%, 0) scale(1.15);
            transform: translate(-50%, 0) scale(1.15);
  }
  100% {
    top: -18px;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
  }
}
.reward__description {
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
}
.reward__image {
  margin: 12px 0 5px 0;
}
.reward__image--1 {
  background-size: 96px 83px;
  height: 83px;
  width: 96px;
}
.reward__image--2 {
  background-size: 109px 83px;
  height: 83px;
  width: 109px;
}
.reward__image--3 {
  background-size: 106px 83px;
  height: 83px;
  width: 106px;
}
.reward__image--regular {
  background-size: 78px 83px;
  height: 83px;
  width: 78px;
}
.reward__image--league {
  background-size: 90px 83px;
  height: 83px;
  width: 90px;
}
.reward__image--choice {
  background-size: 90px 83px;
  height: 83px;
  width: 90px;
}
.reward__image--hide {
  -webkit-animation: hide-image 0.28s linear;
          animation: hide-image 0.28s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes hide-image {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes hide-image {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.reward__image-bg {
  background-size: 219px 219px;
  height: 219px;
  width: 219px;
  position: absolute;
  z-index: -1;
  bottom: -8px;
  -webkit-animation: spin 4.55s linear infinite;
          animation: spin 4.55s linear infinite;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.reward__image-bg--hide {
  -webkit-animation: hide-image-bg 0.28s linear;
          animation: hide-image-bg 0.28s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes hide-image-bg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes hide-image-bg {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.reward__gift {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.reward__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: white;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  position: relative;
}
.reward__item--heart {
  background-position: center calc(50% + 2px);
}
.reward__item--ticket {
  color: #4a4a4a;
}
.reward__gift-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.reward__gift,
.reward__item,
.reward__stone {
  margin-right: 10px;
}
.reward__gift:last-child,
.reward__item:last-child,
.reward__stone:last-child,
.reward__gift:only-child,
.reward__item:only-child,
.reward__stone:only-child {
  margin-right: 0;
}
.reward__hide {
  -webkit-animation: hide 0.07s linear;
          animation: hide 0.07s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
}
@-webkit-keyframes hide {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes hide {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.reward__show {
  -webkit-animation: show 0.07s linear;
          animation: show 0.07s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@-webkit-keyframes show {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes show-item {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  83% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show-item {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  83% {
    -webkit-transform: scale(1.07);
            transform: scale(1.07);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.reward__item-show {
  -webkit-animation: show-item 0.21s linear;
          animation: show-item 0.21s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.reward__row-show {
  -webkit-animation: show-item 0.35s linear;
          animation: show-item 0.35s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.reward-info {
  display: flex;
  flex-direction: column;
}
.reward-info__x_popup {
  width: auto;
}
.reward-info__x_popup__header {
  flex: 0 0 30px;
}
.reward-info__x_popup__header--position {
  flex: 0 0 36px;
  align-items: flex-end;
  background-color: #f2f2f2;
  border-top-right-radius: 17px;
  border-top-left-radius: 17px;
}
.reward-info__x_popup__title {
  font-size: 12px;
  font-weight: normal;
  color: #b2b2b3;
}
.reward-info__x_popup__header--position .reward-info__x_popup__title {
  color: #979797;
  font-size: 10px;
  margin-bottom: 2px;
}
.reward-info__x_popup__content {
  padding: 0 10px 10px 10px;
}
.reward-info__prize-bg {
  background-size: 147px 76px;
  height: 76px;
  width: 147px;
  position: absolute;
  top: -62px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: -1;
}
.reward-info__prize {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.reward-info__prize--1 {
  background-size: 51px 44px;
  height: 44px;
  width: 51px;
  top: -22px;
}
.reward-info__prize--2 {
  background-size: 50px 38px;
  height: 38px;
  width: 50px;
  top: -18px;
}
.reward-info__prize--3 {
  background-size: 50px 39px;
  height: 39px;
  width: 50px;
  top: -18px;
}
.reward-info__prize--regular {
  background-size: 42px 45px;
  height: 45px;
  width: 42px;
  top: -26px;
}
.reward-info__prize--league {
  background-size: 42px 39px;
  height: 39px;
  width: 42px;
  top: -19px;
}
.reward-info__prize--choice {
  background-size: 42px 39px;
  height: 39px;
  width: 42px;
  top: -19px;
}
.reward-info__item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 42px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  margin-right: 10px;
}
.reward-info__item--heart {
  background-position: center calc(50% + 1px);
}
.reward-info__item:last-child,
.reward-info__item:only-child {
  margin-right: 0;
}
.reward-info__gift-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.reward-info__subtitle {
  color: #979797;
  font-size: 10px;
  margin-top: 5px;
  white-space: pre-wrap;
}
.roulette__x_popup {
  background-color: transparent;
  box-shadow: none;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: initial;
  max-width: initial;
  max-height: 100%;
  max-height: calc(100% - env(safe-area-inset-top));
}
.roulette__scroll-fade {
  position: absolute;
  top: 0;
  height: 80px;
  width: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent);
  opacity: 0;
  -webkit-animation: roulette-scroll-fade-appear 200ms ease forwards;
          animation: roulette-scroll-fade-appear 200ms ease forwards;
}
@-webkit-keyframes roulette-scroll-fade-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes roulette-scroll-fade-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.roulette__x_popup__content {
  padding: 0;
  display: grid;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 48px;
  grid-template-columns: 2fr minmax(252px, 1fr);
  grid-template-areas: "guide wheel" "jackpot wheel";
  color: #ffffff;
  font-size: 14px;
  padding: 0 16px 0 16px;
}
@media (max-height: 650px) {
  .roulette__x_popup__content {
    padding: 70px 8px 20px 8px;
  }
}
.portrait .roulette__x_popup__content {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  max-width: 90%;
}
.landscape .roulette__x_popup__content {
  max-width: 700px;
}
.roulette__x_button {
  min-width: 140px;
}
.roulette__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 8px;
  right: 8px;
  width: 30px;
  min-height: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
  background-color: #9dc93b;
  border-radius: 50%;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}
.roulette__close-icon {
  background-size: 11px 11px;
  height: 11px;
  width: 11px;
}
.roulette__gold {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
  z-index: 1;
}
.roulette__gold--header-big {
  background-size: 74px 67px;
  height: 67px;
  width: 74px;
}
.roulette__gold--header-small {
  background-size: 42px 38px;
  height: 38px;
  width: 42px;
}
.roulette__gold-title {
  position: absolute;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.55);
}
.roulette__gold-title--header-big {
  font-size: 19px;
}
.roulette__gold-title--header-small {
  font-size: 12px;
}
.roulette__gold-title--header-big.roulette__gold-title--header-up {
  left: 72px;
  top: 19px;
}
.roulette__gold-title--header-big.roulette__gold-title--header-side {
  bottom: -17px;
}
.roulette__gold-title--header-small.roulette__gold-title--header-up {
  left: 43px;
  top: 8px;
}
.roulette__gold-title--header-small.roulette__gold-title--header-side {
  bottom: -10px;
}
.roulette__help-icon {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  top: 9px;
  left: 11px;
  cursor: pointer;
}
.roulette__animated-currency-icon {
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
.roulette__animated-currency-icon--chance {
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
}
.roulette__animated-currency-icon--heart {
  background-size: 22px 18px;
  height: 18px;
  width: 22px;
}
.roulette__paper {
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.4);
}
.roulette__paper--guide {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding: 8px 16px 10px 16px;
  grid-area: guide;
}
.landscape .roulette__paper--guide {
  align-self: end;
}
.roulette__paper--wheel {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
  grid-area: wheel;
}
.roulette__paper--jackpot {
  display: flex;
  padding: 8px;
  min-height: 54px;
  height: 54px;
  position: relative;
  min-width: 0;
  overflow: hidden;
}
.roulette__paper--jackpot.roulette__paper--animate-out {
  -webkit-animation: jackpot-user-change-out 333ms;
          animation: jackpot-user-change-out 333ms;
}
.roulette__paper--jackpot.roulette__paper--animate-in {
  -webkit-animation: jackpot-user-change-in 400ms;
          animation: jackpot-user-change-in 400ms;
}
@-webkit-keyframes jackpot-user-change-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
}
@keyframes jackpot-user-change-out {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
}
@-webkit-keyframes jackpot-user-change-in {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  58% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1;
  }
  83% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes jackpot-user-change-in {
  0% {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    opacity: 0;
  }
  58% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 1;
  }
  83% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.roulette__glare {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  pointer-events: none;
}
.roulette__glare--animate::before {
  position: absolute;
  left: -200px;
  top: 0;
  content: '';
  width: 90px;
  height: 200%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 51%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: jackpot-glare 1000ms;
          animation: jackpot-glare 1000ms;
  -webkit-transform: translate(0, -25%) rotate(28deg);
          transform: translate(0, -25%) rotate(28deg);
}
@-webkit-keyframes jackpot-glare {
  0% {
    left: -110px;
    opacity: 1;
  }
  100% {
    left: calc(100% + 20px);
    opacity: 0;
  }
}
@keyframes jackpot-glare {
  0% {
    left: -110px;
    opacity: 1;
  }
  100% {
    left: calc(100% + 20px);
    opacity: 0;
  }
}
.roulette__title {
  font-weight: bold;
  color: #ffef6c;
  line-height: 1.43;
}
.roulette__description {
  font-size: 14px;
  margin: 8px 0;
  text-align: center;
}
.roulette__chances {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 10px;
}
.roulette__chances-stats {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 8px;
  cursor: pointer;
  height: 28px;
  border: solid 1px #9dc93b;
  box-sizing: border-box;
  border-radius: 14px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 8px;
  padding: 0 12px 0 30px;
  font-weight: bold;
}
.roulette__chances-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #9dc93b;
  border-radius: 7px;
  outline: solid 1px rgba(0, 0, 0, 0.5);
  right: -6px;
}
.roulette__chances-plus-icon {
  background-size: 8px 8px;
  height: 8px;
  width: 8px;
}
.roulette__chances-tooltip {
  display: flex;
  position: absolute;
  border-radius: 6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 30px;
  background-color: #ffffff;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: normal;
}
.roulette__chances-tooltip-arrow {
  background-size: 18px 10px;
  height: 10px;
  width: 18px;
  position: absolute;
  top: -9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.roulette__premium {
  background-size: 40px 52px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: -2px center;
  width: 38px;
  min-height: 64px;
  background-color: #fdb100;
  flex-shrink: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.roulette__chances-tooltip-text {
  padding: 8px;
  color: #000000;
  text-align: center;
  max-width: 170px;
}
.roulette__chances-tooltip-arrow,
.roulette__premium,
.roulette__chances-tooltip-text {
  pointer-events: none;
}
.roulette__daily-bonus {
  display: inline-flex;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 21px;
  height: 18px;
  align-items: center;
}
.roulette__daily-bonus--shifted {
  margin: 4px 0 -4px 0;
}
.roulette__wheel-section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 252px;
  height: 252px;
}
.roulette__wheel-overflow-container {
  width: 222px;
  height: 222px;
  overflow: hidden;
}
.roulette__wheel {
  background-size: 222px 222px;
  height: 222px;
  width: 222px;
}
.roulette__wheel-item {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  font-size: 11px;
  font-weight: bold;
}
.roulette__wheel-item--jackpot_gold {
  font-size: 14px;
  color: white;
}
.roulette__wheel-item--jackpot_gold::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 3px #00ca9b;
  z-index: -1;
  left: 32px;
  top: 7px;
}
.roulette__wheel-item--jackpot_gold.roulette__wheel-item--ios::before {
  top: 6.5px;
}
.roulette__wheel-frame {
  background-size: 252px 252px;
  height: 252px;
  width: 252px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.roulette__wheel-frame::after {
  content: '';
  background-size: 66px 59px;
  height: 59px;
  width: 66px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -36px;
}
.roulette__wheel-center {
  background-size: 52px 46px;
  height: 46px;
  width: 52px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.roulette__reward-icon {
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  margin-right: 2px;
}
.roulette__spins {
  display: flex;
  margin: 14px 0;
  line-height: 20px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.roulette__spins--hidden {
  visibility: hidden;
}
.roulette__spins-price {
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left center;
  font-weight: bold;
  padding-left: 26px;
  height: 23px;
  margin-left: 5px;
}
.roulette__jackpot-info {
  display: flex;
  flex-direction: column;
  line-height: 18px;
  font-size: 14px;
  min-width: 0;
  flex: 1;
}
.roulette__jackpot-title {
  height: 18px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  color: #ffef6c;
}
.roulette__photo {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 8px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.roulette__message {
  overflow: hidden;
  line-height: 18px;
  font-size: 14px;
}
.roulette__name {
  display: inline-block;
  font-weight: bold;
  margin-right: 4px;
  max-width: 100%;
  vertical-align: text-bottom;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roulette__name--premium {
  background-color: #e9a103;
  background-image: linear-gradient(to bottom, #f0d033 0%, #d98300);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.roulette__heart {
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline;
  background-position: left;
  font-weight: bold;
  padding-left: 20px;
}
.scheduled-unlocked {
  text-align: center;
  font-size: 14px;
}
.scheduled-unlocked__context {
  margin-bottom: 10px;
}
.scheduled-unlocked__description {
  white-space: pre-wrap;
}
.scheduled-unlocked__hint {
  margin-top: 10px;
  color: #9a9a9a;
}
.scheduled-unlocked__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scheduled-unlocked__separator {
  background-color: #e1e1e1;
  height: 1px;
  flex-grow: 1;
}
.scheduled-unlocked__headerContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.scheduled-unlocked__sectionTitle {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  margin: 14px 21px;
}
.scheduled-unlocked__item {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}
.scheduled-unlocked__item--bottles {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0 15px 0 10px;
}
.scheduled-unlocked__item--bottles:last-child {
  margin: 0 0 0 10px;
}
.scheduled-unlocked__item--bottles:only-child {
  margin: 0;
}
.scheduled-unlocked__item:last-child,
.scheduled-unlocked__item:only-child {
  margin-right: 0;
}
.scheduled-unlocked__item-row {
  display: flex;
  justify-content: center;
  align-items: center;
}
.scheduled-unlocked__lock {
  background-size: 26px 25px;
  height: 25px;
  width: 26px;
  position: absolute;
  bottom: -2px;
  right: -10px;
}
.send-gift__tutorial {
  position: absolute;
}
.portrait .send-gift__tutorial {
  left: 16px;
  top: -70px;
}
.landscape .send-gift__tutorial {
  left: -100px;
  top: 66px;
}
.send-gift__arrow-small {
  background-size: 20px 26px;
  height: 26px;
  width: 20px;
  position: absolute;
}
.portrait .send-gift__arrow-small {
  left: 50%;
  bottom: -36px;
  -webkit-animation: drag_arrow_portrait 0.25s infinite;
          animation: drag_arrow_portrait 0.25s infinite;
}
@-webkit-keyframes drag_arrow_portrait {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(-50%) rotate(-4deg);
            transform: translateX(-50%) rotate(-4deg);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
}
@keyframes drag_arrow_portrait {
  0% {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(-50%) rotate(-4deg);
            transform: translateX(-50%) rotate(-4deg);
  }
  100% {
    -webkit-transform: translateX(-50%) rotate(0deg);
            transform: translateX(-50%) rotate(0deg);
  }
}
.landscape .send-gift__arrow-small {
  right: -36px;
  top: -50%;
  -webkit-animation: drag_arrow_landscape 0.25s infinite;
          animation: drag_arrow_landscape 0.25s infinite;
}
@-webkit-keyframes drag_arrow_landscape {
  0% {
    -webkit-transform: rotate(-94deg);
            transform: rotate(-94deg);
  }
  50% {
    -webkit-transform: rotate(-98deg);
            transform: rotate(-98deg);
  }
  100% {
    -webkit-transform: rotate(-94deg);
            transform: rotate(-94deg);
  }
}
@keyframes drag_arrow_landscape {
  0% {
    -webkit-transform: rotate(-94deg);
            transform: rotate(-94deg);
  }
  50% {
    -webkit-transform: rotate(-98deg);
            transform: rotate(-98deg);
  }
  100% {
    -webkit-transform: rotate(-94deg);
            transform: rotate(-94deg);
  }
}
.send-gift__tutorial-hint {
  font-size: 14px;
  line-height: 0.79;
  text-align: center;
  color: #ffffff;
  white-space: pre-wrap;
}
.portrait .send-gift__tutorial-hint {
  -webkit-animation: drag_hint_portrait 0.25s infinite;
          animation: drag_hint_portrait 0.25s infinite;
}
@-webkit-keyframes drag_hint_portrait {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes drag_hint_portrait {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.landscape .send-gift__tutorial-hint {
  -webkit-animation: drag_hint_landscape 0.25s infinite;
          animation: drag_hint_landscape 0.25s infinite;
}
@-webkit-keyframes drag_hint_landscape {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes drag_hint_landscape {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(-14deg);
            transform: rotate(-14deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
.send-gift__x_header {
  background-color: #ffffff;
}
.send-gift__x_popup__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: normal;
  font-weight: normal;
}
.send-gift__x_popup__content {
  background-color: #ffffff;
}
.send-gift--bottle .send-gift__item {
  justify-content: unset;
}
.portrait .send-gift--bottle .send-gift__item {
  width: 90px;
}
.landscape .send-gift--bottle .send-gift__item {
  width: 77px;
}
.send-gift--bottle .send-gift__image {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.send-gift--bottle .send-gift__image-block,
.send-gift--gesture .send-gift__image-block {
  height: 70px;
}
.send-gift--bottle .send-gift__subitem {
  margin-bottom: 0;
}
.send-gift--bottle .send-gift__icon--lock {
  margin-bottom: 0;
}
.send-gift--bottle .send-gift__icon--viplock {
  margin-bottom: 0;
}
.send-gift__btn {
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
  width: 28px;
  height: 28px;
  transition: -webkit-filter 500ms linear;
  transition: filter 500ms linear;
  transition: filter 500ms linear, -webkit-filter 500ms linear;
}
.send-gift__btn:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.send-gift__btn--profile {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
  flex-shrink: 0;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.send-gift__btn--add {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift__btn--cancel {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift__btn--men {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift__btn--women {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift__multigift-btn-list {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.send-gift__multigift-gender-list {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  width: 104px;
}
.send-gift__multi-title {
  max-width: 90px;
  white-space: pre-line;
}
.send-gift__btn--add,
.send-gift__btn--cancel {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  touch-action: manipulation;
}
.send-gift__multigift-gender-list {
  width: auto;
  gap: 6px;
  align-items: center;
}
.spin3-gift-select-all {
  min-width: 44px;
  min-height: 44px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 22px;
  padding: 0 8px;
  background: #69a8c4;
  color: #fff;
  font: 600 12px Arial, sans-serif;
  cursor: pointer;
  touch-action: manipulation;
}
.send-gift__btn--add:focus-visible,
.send-gift__btn--cancel:focus-visible,
.spin3-gift-select-all:focus-visible {
  outline: 2px solid #397fa0;
  outline-offset: 2px;
}
.send-gift__item {
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  float: left;
  width: 72px;
  height: 95px;
  pointer-events: auto;
  position: relative;
  transition: background-color 500ms linear;
  text-align: center;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.send-gift__item--active,
.send-gift__item:active {
  background-color: #d1d1d1;
}
.send-gift--gesture .send-gift__item {
  justify-content: space-between;
}
.send-gift__subitem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.awv .send-gift__subitem {
  margin-bottom: 9px;
}
.send-gift__subitem--invisible {
  visibility: hidden;
}
.send-gift__icon {
  flex-shrink: 0;
}
.send-gift__icon--heart {
  background-size: 16px 13px;
  height: 13px;
  width: 16px;
}
.awv .send-gift__icon--heart {
  background-size: 15px 12px;
  height: 12px;
  width: 15px;
}
.send-gift__icon--lock {
  background-size: 15px 18px;
  height: 18px;
  width: 15px;
  margin-bottom: 10px;
}
.send-gift__icon--viplock {
  background-size: 39px 18px;
  height: 18px;
  width: 39px;
  margin-bottom: 10px;
}
.send-gift__icon--token {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
}
.send-gift__image--locked {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.send-gift__image-block {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
}
.send-gift__price {
  font-size: 14px;
  font-weight: bold;
  margin-left: 3px;
}
.awv .send-gift__price {
  font-size: 12px;
}
.send-gift__counter {
  position: absolute;
  border-radius: 8px;
  background-color: #9bcc34;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 0 5px;
  top: 0;
  left: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.send-gift__gift-title {
  font-size: 13px;
}
.send-gift__name {
  font-weight: bold;
  line-height: 16px;
  opacity: 0;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
.send-gift__show-profile {
  -webkit-animation: show-profile 0.14s linear;
          animation: show-profile 0.14s linear;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@-webkit-keyframes show-profile {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes show-profile {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.send-gift__show-name {
  -webkit-animation: show-name 0.14s linear;
          animation: show-name 0.14s linear;
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
@-webkit-keyframes show-name {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes show-name {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.send-gift__tokens {
  display: flex;
  align-items: center;
  position: relative;
  height: 24px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: 3px;
  color: black;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px 0 23px;
  border-radius: 13px;
  border: solid 1px #9dc93b;
  cursor: pointer;
  transition: background-color 500ms linear;
}
.send-gift__tokens:active {
  background-color: #d1d1d1;
}
.send-gift__tokens-plus {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #9dc93b;
  border-radius: 50%;
  outline: solid 1px #ffffff;
  right: -6px;
}
.send-gift__tokens-plus-icon {
  background-size: 8px 8px;
  height: 8px;
  width: 8px;
}
@media screen and (min-width: 500px) {
  .portrait .send-gift--multi .portrait .send-gift__btn {
    width: 50px;
    height: 50px;
    margin-right: 12px;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn:last-child {
    margin-right: 0;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn--profile {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn--add {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn--cancel {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn--men {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .portrait .send-gift--multi .portrait .send-gift__btn--women {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .portrait .send-gift--multi .portrait .send-gift__multigift-gender-list {
    width: 170px;
  }
}
@media screen and (min-height: 414px) {
  .landscape .send-gift--multi .landscape .send-gift__btn {
    width: 50px;
    height: 50px;
    margin-right: 12px;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn:last-child {
    margin-right: 0;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn--profile {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn--add {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn--cancel {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn--men {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .landscape .send-gift--multi .landscape .send-gift__btn--women {
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .landscape .send-gift--multi .landscape .send-gift__multigift-gender-list {
    width: 170px;
  }
}
.send-gift-mixin--multi .send-gift-mixin__btn {
  width: 50px;
  height: 50px;
  margin-right: 12px;
}
.send-gift-mixin--multi .send-gift-mixin__btn:last-child {
  margin-right: 0;
}
.send-gift-mixin--multi .send-gift-mixin__btn--profile {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}
.send-gift-mixin--multi .send-gift-mixin__btn--add {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift-mixin--multi .send-gift-mixin__btn--cancel {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift-mixin--multi .send-gift-mixin__btn--men {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift-mixin--multi .send-gift-mixin__btn--women {
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
}
.send-gift-mixin--multi .send-gift-mixin__multigift-gender-list {
  width: 170px;
}
.settings {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
}
.settings__x_popup__content {
  padding: 0 15px 10px 15px;
}
.settings__item {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  transition: background-color 500ms linear;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 14px;
  width: 100%;
  height: 34px;
}
.settings__item--selectable {
  cursor: pointer;
}
.settings__item:active {
  background-color: #f5f5f5;
}
.settings__item:last-child {
  border-bottom: none;
}
.settings__item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.settings__x_checkbox {
  margin-right: 11px;
}
.settings__checkbox-item {
  flex: 0 0 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.settings__checkbox-title {
  display: flex;
  align-items: center;
}
.settings__slider {
  align-self: center;
  flex-shrink: 1;
  min-width: 40px;
  margin-right: 11px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 86px;
  height: 2px;
  cursor: pointer;
  outline: none;
  border-radius: 1px;
}
.settings__slider::-webkit-slider-runnable-track {
  height: 30px;
}
.settings__slider::-moz-range-track {
  height: 30px;
}
.settings__slider::-webkit-slider-thumb {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  object-fit: contain;
  box-shadow: 0 0.3px 1.3px 0 rgba(0, 0, 0, 0.32), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.09);
  border: solid 0.3px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
  -webkit-appearance: none;
  appearance: none;
}
.settings__slider::-moz-range-thumb {
  position: relative;
  top: 50%;
  width: 20px;
  height: 20px;
  object-fit: contain;
  box-shadow: 0 0.3px 1.3px 0 rgba(0, 0, 0, 0.32), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.09);
  border: solid 0.3px #bdc2ca;
  background-color: #fff;
  border-radius: 100px;
}
.settings__info {
  display: flex;
  align-self: flex-end;
  align-items: center;
}
.settings__branch {
  color: #cecfce;
  font-size: 11px;
  align-self: flex-end;
}
.settings__id {
  color: #cecfce;
  font-size: 11px;
}
.settings__icon {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.settings__icon--adult {
  background-size: 21px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--android {
  background-size: 12px 14px;
  height: 14px;
  width: 12px;
  margin: 0 0 2px 0;
}
.settings__icon--checkbox_off {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--checkbox_on {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--complain {
  background-size: 21px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--debug {
  background-size: 21px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--email {
  background-size: 19px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--report {
  background-size: 20px 17px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--exit {
  background-size: 15px 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--faq {
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--fb {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--feedback {
  background-size: 20px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--html5 {
  background-size: 12px 14px;
  height: 14px;
  width: 12px;
  margin: 0 0 2px 0;
}
.settings__icon--ignore {
  background-size: 21px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--invite {
  background-size: 21px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--ios {
  background-size: 12px 14px;
  height: 14px;
  width: 12px;
  margin: 0 0 4px 0;
}
.settings__icon--mm {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--music {
  background-size: 21px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--ok {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--privacy {
  background-size: 16px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--profile {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--profile-info {
  background-size: 22px 17px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--rating {
  background-size: 21px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--screenshot {
  background-size: 22px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--sound {
  background-size: 21px 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--telegram {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--terms {
  background-size: 16px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--translate {
  margin: 0 12px 0 0;
  background-size: 24px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__icon--vk {
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.settings__border {
  height: 1px;
  background-color: #f2f2f2;
  margin: 5px 0;
}
.spine {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.table {
  position: absolute;
  background-color: #c78747;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.table__game {
  position: relative;
}
.test-settings__x_popup {
  width: auto;
  min-width: 240px;
}
.test-settings__item {
  display: flex;
  margin-bottom: 15px;
}
.test-settings__item:first-child,
.test-settings__item:only-child {
  margin-top: 10px;
}
.test-settings__item:last-child,
.test-settings__item:only-child {
  margin-bottom: 0;
}
.test-settings__title {
  width: 60px;
  font-size: 15px;
  margin-right: 10px;
  text-align: end;
}
.test-settings__select {
  width: 100%;
  font-size: 13px;
  font-style: italic;
}
.test-settings__custom-url {
  position: relative;
  width: 100%;
  opacity: 0;
  height: 0;
  transition: all 250ms linear;
  pointer-events: none;
}
.test-settings__custom-url--active {
  pointer-events: auto;
  opacity: 1;
  height: 32px;
  margin-bottom: 15px;
}
.test-settings__custom-url-input {
  border-radius: 7px;
  background-color: #F2F2F2;
  border: solid #F2F2F2;
  box-sizing: border-box;
  font-size: 15px;
  padding: 0px 26px 2px 5px;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
}
.test-settings__custom-url-reset {
  background-size: 17px 17px;
  height: 17px;
  width: 17px;
  display: none;
  position: absolute;
  top: 50%;
  right: 7px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
}
.test-settings__custom-url-reset--active {
  display: block;
}
.tickets {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 360px) {
  .tickets_x_popup__content {
    padding: 0;
  }
}
.tickets__center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.tickets__icon {
  background-size: 24px 17px;
  height: 17px;
  width: 24px;
  margin: 2px 3px 0 3px;
}
.tickets__description {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.43;
  position: relative;
}
@media screen and (min-width: 500px) {
  .tickets__description {
    width: 70%;
  }
}
.tickets__description span {
  font-weight: bold;
}
.tickets__description--top {
  margin-bottom: 140px;
}
.tickets__description--no-multi {
  margin-bottom: 124px;
}
.tickets__background {
  background-size: 247px 162px;
  height: 162px;
  width: 247px;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: -1;
  left: 50%;
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
}
.tickets__phones {
  background-size: 113px 93px;
  height: 93px;
  width: 113px;
  margin-top: 35px;
}
.tickets__description--no-multi .tickets__phones {
  margin-top: 5px;
}
.tickets__multiplier {
  font-size: 26px;
  font-weight: bold;
  color: #4a4a4a;
}
.tickets__count {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  border-radius: 8px;
  background-color: #fffbe6;
  padding: 3px 7px;
  margin: 6px 0;
}
.tickets__note {
  font-size: 11px;
  color: #b6b6b6;
  margin-bottom: 20px;
}
.tickets__link {
  cursor: pointer;
  text-decoration: underline;
  margin-left: 3px;
}
.toast {
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 9999px;
  color: #ffffff;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  white-space: pre-wrap;
}
.toast--bottom {
  bottom: 10px;
  height: auto;
  left: 50%;
  max-width: 80%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.toast--hide {
  -webkit-animation-name: toast--hide-frames;
          animation-name: toast--hide-frames;
  -webkit-animation-duration: 0.1s;
          animation-duration: 0.1s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes toast--hide-frames {
  to {
    opacity: 0;
  }
}
@keyframes toast--hide-frames {
  to {
    opacity: 0;
  }
}
.toast--show {
  -webkit-animation-name: toast--show-frames;
          animation-name: toast--show-frames;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}
@-webkit-keyframes toast--show-frames {
  from {
    opacity: 0;
  }
}
@keyframes toast--show-frames {
  from {
    opacity: 0;
  }
}
.toast--icon {
  display: flex;
  align-items: center;
}
.toast__icon {
  flex-shrink: 0;
}
.toast__icon--timer {
  background-size: 18px 18px;
  height: 18px;
  width: 18px;
  margin-right: 6px;
}
.tokens-bank {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 10px 10px 10px;
  gap: 5px;
}
@media screen and (max-height: 499px) {
  .tokens-bank {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.tokens-bank__x_popup {
  background-color: #ebe7f4;
  width: auto;
}
.tokens-bank__x_popup__header {
  flex: none;
  flex-direction: column;
  padding: 0;
}
.tokens-bank__x_popup__title {
  color: #ffffff;
  flex: none;
  margin: 15px 0;
}
.tokens-bank__x_popup__content {
  padding: 0;
  border-radius: 17px;
}
@media screen and (max-width: 499px), screen and (max-height: 499px) {
  .landscape .tokens-bank {
    display: flex;
    overflow: auto;
  }
  .tokens-bank__x_popup {
    max-height: 94%;
    max-width: 310px;
  }
  .landscape .tokens-bank__x_popup {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 91%;
    max-height: 80%;
  }
}
@media screen and (max-width: 333px) {
  .tokens-bank__x_popup {
    max-width: 93%;
  }
}
.tokens-bank__bg {
  position: absolute;
  background-size: auto 191px;
  background-repeat: repeat-x;
  width: 100%;
  height: 191px;
  border-radius: 17px 17px 0 0;
  z-index: -1;
}
.tokens-bank__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 90px;
  height: 136px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.tokens-bank__item-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
  transition: box-shadow 500ms linear;
}
.tokens-bank__item-shadow:active {
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.tokens-bank__item-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 74px;
  height: 96px;
  box-shadow: inset 0 0 50px 0 #e3e3e3;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0;
}
.tokens-bank__desc {
  font-size: 18px;
  font-weight: bold;
  color: #fc8300;
  margin-top: 7px;
}
.tokens-bank__opt-icon {
  background-size: 74px 74px;
  height: 74px;
  width: 74px;
  margin-top: -8px;
}
.tokens-bank__heart {
  display: inline;
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  font-weight: bold;
  padding-left: 22px;
}
.top-dlg__x_popup {
  height: 93%;
  height: calc(93% - env(safe-area-inset-top));
  max-width: 90%;
}
.top-dlg__x_popup__header {
  flex-direction: column;
  justify-content: center;
  background-color: #83c7ff;
  border-top-left-radius: 17px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  flex: none;
  flex-shrink: 0;
  overflow: visible;
  font-weight: normal;
}
.top-dlg__x_popup__close-icon {
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
.top-dlg__swiper {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 0 0 17px 17px;
  padding-bottom: 15px;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.top-dlg__swiper::-webkit-scrollbar {
  display: none;
}
.top-dlg__desc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  width: 100%;
  height: 24px;
}
.top-dlg__title {
  font-size: 14px;
  color: #ffffff;
  line-height: 14px;
}
.top-dlg__tabs {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
}
.top-dlg__tabs::-webkit-scrollbar {
  display: none;
}
.top-dlg__tab {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  transition: background-color 500ms linear;
  flex-shrink: 0;
  cursor: pointer;
}
.top-dlg__tab:active {
  background-color: #6dbaf9;
}
.top-dlg__tab--total_kisses {
  background-size: 32px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--total_kisses-inactive {
  background-size: 28px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--dj_score {
  background-size: 33px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--dj_score-inactive {
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--price {
  background-size: 29px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--price-inactive {
  background-size: 26px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--harem_price {
  background-size: 34px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--harem_price-inactive {
  background-size: 29px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--gestures {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__tab--gestures-inactive {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-dlg__intervals-scroller {
  display: none;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  flex: 0 0 32px;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.04);
}
.top-dlg__intervals-scroller::-webkit-scrollbar {
  display: none;
}
.top-dlg__intervals {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-dlg__interval {
  height: 100%;
  padding: 0 8px;
  font-size: 12px;
  color: black;
  line-height: 32px;
  cursor: pointer;
}
.top-dlg__interval--disabled {
  color: #b2b2b3;
}
.top-dlg__interval:first-child {
  margin-left: 11px;
}
.top-dlg__interval:last-child {
  margin-right: 11px;
}
.top-dlg__interval-indicator {
  position: absolute;
  width: 76px;
  height: 26px;
  border-radius: 13px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 #0000001e;
  margin: 3px 0;
}
.top-dlg__content {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  box-sizing: border-box;
  min-width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.top-dlg__content::-webkit-scrollbar {
  display: none;
}
.top-dlg__item {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0px 15px 0px 15px;
}
.top-dlg__item:first-child {
  margin-top: 6px;
}
.top-dlg__item--sticked {
  position: sticky;
  bottom: -3px;
  top: -1px;
}
.top-dlg__item--sticked:first-child {
  margin-top: 0px;
}
.top-dlg__item--stuck-top {
  background-color: #ffffff;
}
.top-dlg__item--stuck-top::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 400px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.06);
}
.top-dlg__item--stuck-bottom {
  background-color: white;
}
.top-dlg__item--stuck-bottom::before {
  background-color: white;
  content: "";
  position: absolute;
  top: -3px;
  left: 0px;
  width: 400px;
  height: 3px;
  background-color: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.top-dlg__photo {
  flex: none;
  width: 42px;
  height: 42px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  border-radius: 4px;
  cursor: pointer;
}
.top-dlg__user-info {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  height: 36px;
  border-radius: 0 7px 7px 0;
}
.top-dlg__user-info--viewer {
  background-color: #fff5ae;
}
.top-dlg__rank {
  margin-left: 8px;
  font-weight: bold;
  font-size: 14px;
}
.top-dlg__name {
  margin-left: 2px;
  font-size: 14px;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 1px;
  cursor: pointer;
  line-height: 16px;
}
.top-dlg__icon {
  flex: none;
}
.top-dlg__icon--total_kisses {
  background-size: 32px 24px;
  height: 24px;
  width: 32px;
}
.top-dlg__icon--dj_score {
  background-size: 33px 24px;
  height: 24px;
  width: 33px;
}
.top-dlg__icon--price {
  background-size: 29px 24px;
  height: 24px;
  width: 29px;
}
.top-dlg__icon--harem_price {
  background-size: 34px 24px;
  height: 24px;
  width: 34px;
}
.top-dlg__icon--gestures {
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
}
.top-dlg__score {
  margin-left: 7px;
  min-width: 73px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.top-dlg__score--total_kisses {
  color: #db3100;
}
.top-dlg__score--dj_score {
  color: #b45d8c;
}
.top-dlg__score--price {
  color: #dc3600;
}
.top-dlg__score--harem_price {
  color: #dc3600;
}
.top-dlg__score--gestures {
  color: #fc8300;
}
.top-dlg__help {
  width: 33px;
  height: 33px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  overflow: hidden;
}
.top-dlg__help-icon {
  background-size: 11px 15px;
  height: 15px;
  width: 11px;
  position: absolute;
  top: 9px;
  left: 11px;
}
.top-dlg__help-icon--left-hide {
  -webkit-animation: help-icon-left-hide 168ms linear;
          animation: help-icon-left-hide 168ms linear;
}
@-webkit-keyframes help-icon-left-hide {
  from {
    opacity: 1;
    left: 11px;
  }
  to {
    opacity: 0;
    left: -11px;
  }
}
@keyframes help-icon-left-hide {
  from {
    opacity: 1;
    left: 11px;
  }
  to {
    opacity: 0;
    left: -11px;
  }
}
.top-dlg__help-icon--left-show {
  -webkit-animation: help-icon-left-show 168ms linear 42ms;
          animation: help-icon-left-show 168ms linear 42ms;
}
@-webkit-keyframes help-icon-left-show {
  from {
    opacity: 0;
    left: -11px;
  }
  to {
    opacity: 1;
    left: 11px;
  }
}
@keyframes help-icon-left-show {
  from {
    opacity: 0;
    left: -11px;
  }
  to {
    opacity: 1;
    left: 11px;
  }
}
.top-dlg__help-icon--right-hide {
  -webkit-animation: help-icon-right-hide 168ms linear;
          animation: help-icon-right-hide 168ms linear;
}
@-webkit-keyframes help-icon-right-hide {
  from {
    opacity: 1;
    left: 11px;
  }
  to {
    opacity: 0;
    left: 33px;
  }
}
@keyframes help-icon-right-hide {
  from {
    opacity: 1;
    left: 11px;
  }
  to {
    opacity: 0;
    left: 33px;
  }
}
.top-dlg__help-icon--right-show {
  -webkit-animation: help-icon-right-show 168ms linear 42ms;
          animation: help-icon-right-show 168ms linear 42ms;
}
@-webkit-keyframes help-icon-right-show {
  from {
    opacity: 0;
    left: 33px;
  }
  to {
    opacity: 1;
    left: 11px;
  }
}
@keyframes help-icon-right-show {
  from {
    opacity: 0;
    left: 33px;
  }
  to {
    opacity: 1;
    left: 11px;
  }
}
.top-dlg__top-border {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 50px;
}
.top-dlg__border-label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.3);
  font-size: 11px;
  width: 100%;
  padding: 5px 0 0 0;
}
.top-dlg__border-label:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 6px 0;
}
.top-dlg__custom-select {
  display: inline-block;
  position: relative;
}
.top-dlg__custom-select-trigger {
  align-items: center;
  background: #6dbaf9;
  border-radius: 12px;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-style: italic;
  padding: 5px 8px 6px 8px;
  position: relative;
  width: 100px;
}
.top-dlg__custom-select-trigger:after {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  content: "";
  display: block;
  height: 8px;
  margin-top: -3px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  transition: all 0.4s ease-in-out;
  width: 8px;
}
.top-dlg__custom-select.opened .top-dlg__custom-select-trigger:after {
  margin-top: 3px;
  -webkit-transform: rotate(-135deg) translateY(-50%);
          transform: rotate(-135deg) translateY(-50%);
}
.top-dlg__custom-select.opened .top-dlg__custom-options {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.top-dlg__custom-options {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: block;
  left: 0;
  margin-top: 3px;
  min-width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  -webkit-transform: translateY(-15px);
          transform: translateY(-15px);
  transition: all 0.4s ease-in-out;
  visibility: hidden;
  z-index: 1;
}
.top-dlg__custom-option {
  align-items: center;
  background-color: #e0f1ff;
  border-bottom: 1px solid rgba(0, 90, 168, 0.05);
  color: #7cacd5;
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-style: italic;
  height: 32px;
  padding: 0 24px 0 8px;
  position: relative;
  transition: all 0.4s ease-in-out;
}
.top-dlg__custom-option:first-of-type {
  border-radius: 12px 12px 0 0;
}
.top-dlg__custom-option:last-of-type {
  border-bottom: 0;
  border-radius: 0 0 12px 12px;
}
.top-dlg__custom-option:hover {
  background: #b2dafd;
  color: #ffffff;
}
.top-dlg__selected-icon {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  display: none;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-dlg__custom-option--selected .top-dlg__selected-icon {
  display: block;
}
.top-dlg__loading {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: calc(100% - calc(1px + 24px + 6px + 48px));
  top: calc(1px + 24px + 6px + 48px);
}
.top-dlg__loading-icon {
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.top-dlg__bg {
  background-size: auto 273px;
  background-repeat: no-repeat;
  background-position: 0px -12px;
  background-attachment: local;
}
.top-dlg__sticked {
  width: 100%;
  position: absolute;
  bottom: -1px;
}
.uid-badge__uid {
  position: absolute;
  bottom: 9px;
  right: 8px;
  max-width: calc(100% - 14px);
  box-sizing: border-box;
  color: #577b39;
  font-size: 10px;
  line-height: 12px;
  text-align: right;
  word-break: break-all;
  padding-top: 2px;
  padding-left: 13px;
  cursor: pointer;
}
.uid-badge__uid:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  height: 12px;
  width: 12px;
  background-color: currentColor;
}
.universal-player {
  position: relative;
}
.universal-player__thumbnail {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
}
.universal-player__thumbnail--hidden {
  display: none;
}
.universal-player__audio-preview-container {
  display: flex;
  justify-content: center;
}
.user-profile {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 17px;
  isolation: isolate;
}
.landscape .user-profile {
  flex-direction: row;
}
.user-profile__x_popup {
  width: 400px;
  max-width: 80%;
  max-width: round(80vw,1px);
  background: transparent;
  max-height: 94%;
  max-height: calc(94% - env(safe-area-inset-top));
}
.landscape .user-profile__x_popup {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 91%;
  height: 400px;
  max-height: 80%;
  max-height: round(80vh,1px);
}
.user-profile__x_button {
  font-size: 14px;
  border-radius: 3px;
  padding: 4px 11px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 24px;
}
.user-profile__info {
  position: relative;
  flex-shrink: 0;
  width: 75%;
}
.user-profile__details {
  display: flex;
  flex-direction: column;
  padding: 0 15px 15px 15px;
  max-width: 370px;
  min-width: 265px;
  overflow: auto;
  background: #ffffff;
}
.user-profile__scrollable {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 823px) {
  .landscape .user-profile__scrollable {
    max-width: 74vh;
  }
}
@media screen and (max-width: 568px) {
  .landscape .user-profile__scrollable {
    overflow: auto;
    max-width: 67vh;
  }
}
.user-profile__shadow {
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
  pointer-events: none;
}
.user-profile__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 4px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 70%;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-profile__decored-name {
  display: flex;
  width: 100%;
}
.user-profile__name {
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0 auto;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-profile__name:only-child {
  margin: 0 auto 6px auto;
}
.user-profile__name--premium {
  display: inline;
  background-color: #e9a103;
  background-image: linear-gradient(to bottom, #f0d033 0%, #d98300);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}
.user-profile__decored-name .user-profile__name {
  margin: 0;
}
.user-profile__city {
  max-width: 100%;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-profile__photo {
  flex: none;
  height: 100%;
  width: 100%;
  background-position: center top;
  background-size: cover;
  background-color: #f7f5f6;
}
.user-profile__label {
  position: absolute;
  top: 15px;
  left: -19px;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.user-profile__label--vip {
  background-size: 64px 43px;
  height: 43px;
  width: 64px;
}
.user-profile__label--top {
  background-size: 64px 43px;
  height: 43px;
  width: 64px;
}
.user-profile__status {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: 16px;
  margin: 10px 0;
  overflow: hidden;
  transition: height 0.25s linear;
}
.user-profile__status--pointer {
  cursor: pointer;
}
.user-profile__status--narrowed {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.user-profile__status-emoji {
  font-style: normal;
}
.user-profile__stats {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
}
.user-profile__stats--big {
  max-height: 145px;
}
.user-profile__counters {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
@media screen and (max-width: 320px) {
  .portrait .user-profile__stats--big .user-profile__counters {
    width: 50%;
  }
}
.user-profile__league {
  flex-shrink: 0;
  cursor: pointer;
  align-self: center;
}
.user-profile__stats--big .user-profile__league {
  height: 80%;
  width: auto;
  max-height: 65px;
}
.user-profile__hidden-stats-items {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.25s linear;
}
.user-profile__hidden-stats-items--narrowed {
  height: 0px;
  margin-top: 0;
}
.user-profile__hidden-stats-items--expanded {
  height: 64px;
  margin-top: -10px;
}
.user-profile__stats-item {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  height: 17px;
}
.user-profile__stats-item:last-child,
.user-profile__stats-item:only-child {
  margin-bottom: 0;
}
.user-profile__stats-item--harem {
  margin: 0;
}
.user-profile__stats--big .user-profile__stats-item {
  margin-bottom: 10px;
}
.user-profile__stats--big .user-profile__stats-item:first-child,
.user-profile__stats--big .user-profile__stats-item:only-child {
  margin-top: 10px;
}
.user-profile__stats-icon {
  flex-shrink: 0;
  background-size: 23px 17px;
  height: 17px;
  width: 23px;
  margin-right: 7px;
}
.user-profile__stats-item-title {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  margin-right: 10px;
}
.user-profile__stats-item-title--kiss {
  color: #db3100;
}
.user-profile__stats-item-title--dj {
  color: #b45d8c;
}
.user-profile__stats-item-title--gesture {
  color: #fc8300;
}
.user-profile__stats-item-title--price {
  color: #d85723;
}
.user-profile__stats-item-title--harem-price {
  color: #ad1700;
}
.user-profile__stats-item-subtitle {
  font-size: 11px;
  font-weight: normal;
  color: #a7a7a7;
  letter-spacing: -0.24px;
  margin-bottom: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 414px) {
  .portrait .user-profile__stats-item-subtitle {
    width: 95%;
  }
}
@media screen and (max-width: 390px) {
  .portrait .user-profile__stats-item-subtitle {
    width: 80%;
  }
}
@media screen and (max-width: 320px) {
  .portrait .user-profile__stats-item-subtitle {
    width: 75%;
  }
}
@media screen and (max-width: 823px) {
  .landscape .user-profile__stats-item-subtitle {
    width: 95%;
  }
}
@media screen and (max-width: 667px) {
  .landscape .user-profile__stats-item-subtitle {
    width: 80%;
  }
}
@media screen and (max-width: 568px) {
  .landscape .user-profile__stats-item-subtitle {
    width: 75%;
  }
}
@media screen and (max-width: 320px) {
  .portrait .user-profile__stats--big .user-profile__stats-item-subtitle {
    width: 50%;
  }
}
@media screen and (max-width: 568px) {
  .landscape .user-profile__stats--big .user-profile__stats-item-subtitle {
    width: 50%;
  }
}
.user-profile__stats-border-item {
  display: flex;
  align-items: center;
}
.user-profile__stats-expand-icon {
  background-size: 35px 15px;
  height: 15px;
  width: 35px;
  flex-shrink: 0;
  margin: 0 7px;
  cursor: pointer;
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
}
.user-profile__stats-expand-icon--expanded {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.user-profile__stats-border {
  width: 100%;
  height: 1px;
  background-color: #f2f2f2;
}
.user-profile__harem {
  display: flex;
  padding: 10px 0;
}
.user-profile__harem-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 75%;
}
.user-profile__harem-heart {
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 24px;
}
.user-profile__owner-photo {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  background-position: center top;
  background-size: cover;
  margin-right: 11px;
  cursor: pointer;
  flex-shrink: 0;
}
.user-profile__owner-description {
  display: flex;
  font-size: 14px;
  font-weight: normal;
  color: #4a4a4a;
  flex-shrink: 0;
  line-height: 16px;
}
.user-profile__owner-name {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 5px;
}
.user-profile__actions {
  min-height: 50px;
  overflow: auto;
  display: flex;
  padding-top: 10px;
  border-top: 1px solid #f2f2f2;
}
.user-profile__actions--justify {
  justify-content: space-between;
}
.user-profile__claim {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  position: absolute;
  bottom: 13px;
  right: 14px;
  cursor: pointer;
  transition: -webkit-filter 300ms linear;
  transition: filter 300ms linear;
  transition: filter 300ms linear, -webkit-filter 300ms linear;
}
.user-profile__claim:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.user-profile__action {
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-position: center;
  transition: -webkit-filter 300ms linear;
  transition: filter 300ms linear;
  transition: filter 300ms linear, -webkit-filter 300ms linear;
  flex-shrink: 0;
}
.user-profile__action:first-child:nth-last-child(-n+3),
.user-profile__action:first-child:nth-last-child(-n+3) ~ .user-profile__action {
  margin-right: 30px;
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action {
    width: 46px;
    height: 46px;
    border-radius: 23px;
  }
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action {
    width: 46px;
    height: 46px;
    border-radius: 23px;
  }
}
.user-profile__action:last-child {
  margin-right: 0px;
}
.user-profile__action:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.user-profile__action--vk {
  background-size: 30px 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #2787f5;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--vk {
    background-size: 28px 15px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--vk {
    background-size: 28px 15px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--fb,
.user-profile__action--ig {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #1877f2;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--fb,
  .landscape .user-profile__action--ig {
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--fb,
  .portrait .user-profile__action--ig {
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--mm {
  background-size: 26px 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #275df0;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--mm {
    background-size: 24px 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--mm {
    background-size: 24px 18px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--ok {
  background-size: 16px 26px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f18a00;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--ok {
    background-size: 14px 23px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--ok {
    background-size: 14px 23px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--tg {
  background-size: 30px 23px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #229ed9;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--tg {
    background-size: 28px 21px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--tg {
    background-size: 28px 21px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--gift {
  background-size: 30px 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f9742b;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--gift {
    background-size: 28px 26px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--gift {
    background-size: 28px 26px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--achievements {
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fca529;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--achievements {
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--achievements {
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--message {
  background-size: 30px 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #59afe1;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--message {
    background-size: 28px 21px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--message {
    background-size: 28px 21px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--music {
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #b15989;
  background-position: 10px center;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--music {
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 8px center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--music {
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 8px center;
  }
}
.user-profile__action--kickout-kick {
  background-size: 42px 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ff6142;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--kickout-kick {
    background-size: 38px 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--kickout-kick {
    background-size: 38px 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--kickout-save {
  background-size: 32px 37px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ff6142;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--kickout-save {
    background-size: 28px 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--kickout-save {
    background-size: 28px 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.user-profile__action--kickout-self {
  background-size: 40px 39px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ff6142;
  background-position: 7px 7px;
}
@media screen and (max-width: 692px) {
  .landscape .user-profile__action--kickout-self {
    background-size: 36px 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 8px 8px;
  }
}
@media screen and (max-width: 400px) {
  .portrait .user-profile__action--kickout-self {
    background-size: 36px 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 8px 8px;
  }
}
.user-profile__action--greyscaled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.user-profile__action--disabled {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: auto;
  pointer-events: none;
}
.user-profile__zodiac {
  position: absolute;
  bottom: 6px;
  left: 12px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  transition: -webkit-filter 300ms linear;
  transition: filter 300ms linear;
  transition: filter 300ms linear, -webkit-filter 300ms linear;
}
.user-profile__zodiac:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.user-profile__zodiac--0 {
  background-size: 23px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--1 {
  background-size: 23px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--2 {
  background-size: 23px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--3 {
  background-size: 23px 21px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--4 {
  background-size: 23px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--5 {
  background-size: 23px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--6 {
  background-size: 23px 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--7 {
  background-size: 23px 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--8 {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--9 {
  background-size: 23px 23px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--10 {
  background-size: 23px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__zodiac--11 {
  background-size: 23px 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.user-profile__tooltip {
  display: none;
  background-color: rgba(0, 0, 0, 0.85);
  color: white;
  text-align: center;
  border-radius: 9999px;
  font-size: 14px;
  padding: 7px 12px 9px 12px;
  position: absolute;
  left: 50%;
  top: 17px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  font-weight: normal;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.user-profile__decor {
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 9px;
  right: 11px;
  cursor: pointer;
  transition: -webkit-filter 300ms linear;
  transition: filter 300ms linear;
  transition: filter 300ms linear, -webkit-filter 300ms linear;
}
.user-profile__decor:active {
  -webkit-filter: brightness(70%);
          filter: brightness(70%);
}
.user-profile__stone {
  display: inline-block;
  margin: 0 3px 0 auto;
  flex-shrink: 0;
}
.user-profile__stone:last-child {
  margin: 0 auto 0 3px;
}
.user-profile__user-id {
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0;
  font-size: 14px;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.user-profile__photos {
  position: relative;
  width: 100%;
  height: 100%;
}
.user-profile__swiper {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.user-profile__swiper::-webkit-scrollbar {
  display: none;
}
@media (hover: hover) {
  .user-profile__info:hover .user-profile__arrow {
    display: block;
  }
}
.user-profile__info .user-profile__arrow {
  display: none;
}
.user-profile__arrow {
  background-size: 24px 24px;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.user-profile__arrow--right {
  right: 9px;
}
.user-profile__arrow--left {
  left: 9px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.user-profile__arrow--hidden {
  display: none;
}
.user-profile__photo-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  width: 100%;
}
.vip__x_popup {
  background-size: auto 166px;
  background-repeat: no-repeat;
  background-position: top;
  max-height: 94%;
  max-width: 88%;
}
.landscape .vip__x_popup {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}
@media (max-height: 359px) {
  .landscape .vip__x_popup {
    max-width: 95%;
  }
}
@media (max-height: 359px) {
  .landscape .vip__x_popup__header {
    flex: 0 0 35px;
  }
}
.vip__x_popup__title {
  color: #000000;
}
.vip__x_popup__content {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  padding: 0;
}
.vip__x_button {
  height: 23px;
  padding: 3px;
  font-size: 14px;
  flex-shrink: 0;
}
@media only screen and (max-width: 440px) {
  .vip__x_button {
    min-width: 90px;
  }
}
.vip__x_button--cooldown {
  display: flex;
  font-size: 13px;
  background-color: #c7c7c7;
  cursor: default;
}
.vip__desc {
  text-align: center;
}
.vip__desc--main {
  margin: 0 15px 15px 15px;
}
@media (max-height: 359px) {
  .landscape .vip__desc--main {
    margin: 0 15px 5px 15px;
  }
}
.vip__desc--item {
  font-weight: bold;
}
.vip__offer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  flex-shrink: 0;
}
.landscape .vip__offer {
  flex-direction: row;
}
.vip__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.landscape .vip__media {
  margin: 0 30px 0 15px;
}
@media (max-height: 359px) {
  .landscape .vip__media {
    margin: 0 10px 0 0;
  }
}
.vip__previews {
  flex: 0 0 100px;
  width: 169px;
}
.vip__preview {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
.vip__image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  flex-grow: 1;
}
.vip__image--gifts {
  background-image: url("style-images/a73987e7b61e421eb4e194089a87a8b2c81be5e2becd1fc9927575c7e6b0acbc.png");
}
.vip__image--bottle {
  background-image: url("style-images/1916ff26047a74a4439ae821d2e48474ef2649fb26d380ffddf1758e7f63a930.png");
}
.vip__image--ribbon {
  background-image: url("style-images/afddbca840e9df63fb9fd73ace0f4c90fcbe10d47fa89741dd49e30fe49a7705.png");
}
.vip__image--smile-ru {
  background-image: url("style-images/2f5c92f4631838e9df58de36c083cc64560761f7f2b32effc494002c53991f41.png");
}
.vip__image--smile-en {
  background-image: url("style-images/f1dc5bc06c79c9158992260d8d17e2a50b778ec2e6d75a82ddbbbb9d9e0a521f.png");
}
.vip__image--tokens {
  background-image: url("style-images/d019648f56d4575919d1113586b48e7f5ce8498927a26c8a84439f4b03f5bd47.png");
}
.vip__image--kick {
  background-image: url("style-images/fb1f4bb02fa122ff7114a9c428fa7b39d834e0fe0c93a58832e26e6f91a227e6.png");
}
.vip__pages-indicator {
  margin: 8px 0px 15px 0px;
}
.vip__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.vip__item-info {
  display: flex;
  align-items: center;
  margin-right: 5px;
}
.vip__crown {
  background-size: 27px 20px;
  height: 20px;
  width: 27px;
  margin: 0px 4px 7px 0px;
  flex-shrink: 0;
}
@media only screen and (max-width: 359px) {
  .vip__crown {
    display: none;
  }
}
@media (max-height: 359px) {
  .landscape .vip__crown {
    display: none;
  }
}
.vip__item-period {
  white-space: nowrap;
}
.vip__popular {
  background-size: 78px 18px;
  height: 18px;
  width: 78px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 10px;
  margin-left: 5px;
}
.vip__bank {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
}
.vip__enabled {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 15px 0;
  flex-shrink: 0;
}
.landscape .vip__enabled {
  margin: 0 15px 0 0;
}
@media (max-height: 359px) {
  .landscape .vip__enabled {
    margin: 0;
  }
}
.vip__note {
  border-top: solid 1px #e7e7e7;
  color: #b6b6b6;
  font-size: 11px;
  padding: 5px 15px 10px 15px;
  text-align: center;
  white-space: pre-line;
}
.vip__link {
  color: #436fff;
  text-decoration: underline;
}
.vip__tokens {
  display: flex;
  align-items: center;
  height: 20px;
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left 0px;
  font-weight: bold;
  padding-left: 24px;
}
.vip__enabled-text {
  font-size: 14px;
  margin: 0 8px 0 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.vip__tokens-timer {
  background-size: 14px 14px;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  flex-shrink: 0;
}
.vk-quest {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.vk-quest__icon {
  display: inline;
  font-weight: bold;
}
.vk-quest__icon--heart {
  background-size: 18px 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 20px;
}
.vk-quest__icon--kiss {
  background-size: 21px 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: left;
  padding-left: 22px;
}
.vk-quest__logo {
  background-size: 180px 126px;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 126px;
  position: relative;
  margin-top: -6px;
}
.vk-quest__timer {
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-position: left;
  padding-left: 18px;
  color: #b6b6b6;
  font-weight: bold;
}
.vk-quest__kiss-status {
  border-radius: 8px;
  background-color: #fffbe6;
  font-weight: bold;
  padding: 4px 8px;
  margin: 10px 0 15px 0;
}
.vk-quest__rules {
  font-size: 11px;
  color: #b6b6b6;
  margin-bottom: 10px;
}
.vk-quest__prize {
  font-weight: bold;
  margin-top: -5px;
}
.yookassa-widget {
  width: 470px;
  max-width: 80%;
  max-height: 80%;
  pointer-events: auto;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.yookassa-widget__widget {
  overflow: auto;
}
.yookassa-widget__close {
  position: absolute;
  cursor: pointer;
  width: 32px;
  height: 32px;
  top: -32px;
  right: -4px;
  -webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  z-index: 1;
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.landscape .yookassa-widget__close {
  top: -4px;
  right: -32px;
}

.Art-module__icon__Qd5k9 {
  display: inline-block;
  flex-shrink: 0;
  width: var(--spacing-x4);
  height: var(--spacing-x4);
  vertical-align: middle;
  background-color: var(--icon-neutral-light);
}
.Art-module__image__sTzav {
  display: inline-block;
  flex-shrink: 0;
  width: var(--spacing-x8);
  height: var(--spacing-x8);
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.Text-module__root__Dd1R8 {
  margin: var(--spacing-x0);
  padding: var(--spacing-x0);
}
.Text-module__root_display__DD9P0 {
  font-weight: 400;
  font-style: normal;
  font-size: 26px;
  line-height: 30px;
}
.Text-module__root_display_italic__X0wMq {
  font-weight: 400;
  font-style: italic;
  font-size: 26px;
  line-height: 30px;
}
.Text-module__root_display_bold__F22CG {
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 30px;
}
.Text-module__root_display_bold_italic__GYYsd {
  font-weight: 700;
  font-style: italic;
  font-size: 26px;
  line-height: 30px;
}
.Text-module__root_header__dpdf7 {
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.Text-module__root_bodyXl___rvE0 {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.Text-module__root_bodyXl_italic__YQcw3 {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
}
.Text-module__root_bodyXl_bold__NuavM {
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
.Text-module__root_bodyXl_bold_italic__KEeGZ {
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  line-height: 20px;
}
.Text-module__root_bodyL__MRDyS {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
}
.Text-module__root_bodyL_italic__G3aEG {
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
.Text-module__root_bodyL_bold__NDMNT {
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
}
.Text-module__root_bodyL_bold_italic__jzK8q {
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
.Text-module__root_bodyM__dfBja {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
}
.Text-module__root_bodyM_italic__D5LZ5 {
  font-weight: 400;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
}
.Text-module__root_bodyM_bold__omCXY {
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
}
.Text-module__root_bodyM_bold_italic__P4keO {
  font-weight: 700;
  font-style: italic;
  font-size: 12px;
  line-height: 14px;
}
.Text-module__root_bodyS__REu5a {
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  line-height: 14px;
}
.Text-module__root_bodyS_italic__uyJZP {
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  line-height: 14px;
}
.Text-module__root_bodyS_bold__eNFH_ {
  font-weight: 700;
  font-style: normal;
  font-size: 11px;
  line-height: 14px;
}
.Text-module__root_bodyS_bold_italic__YC18y {
  font-weight: 700;
  font-style: italic;
  font-size: 11px;
  line-height: 14px;
}
.Text-module__root_labelM__GUG32 {
  font-weight: 400;
  font-style: normal;
  font-size: 8px;
  line-height: 12px;
}
.Text-module__root_labelS__uLjeM {
  font-weight: 400;
  font-style: normal;
  font-size: 7px;
  line-height: 12px;
}
.Text-module__root_labelS_bold__g6IU1 {
  font-weight: 700;
  font-style: normal;
  font-size: 7px;
  line-height: 12px;
}

.Button-module__root__GvPTQ {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font: inherit;
  border-radius: var(--radius-m);
  border: var(--stroke-size-s) solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-x0-5);
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Button-module__root_icon__Rlrtf {
  flex-shrink: 0;
}
.Button-module__root_m__iP___ {
  padding: var(--spacing-x2);
}
.Button-module__root_s___7wXJ {
  padding: var(--spacing-x1) var(--spacing-x2);
}
.Button-module__root_label__f3blp {
  display: -webkit-box;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  word-break: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.Button-module__root_filled__M8ifw.Button-module__root_default__ekSJZ {
  background-color: var(--background-brand);
  color: var(--text-neutral-light);
}
.Button-module__root_filled__M8ifw.Button-module__root_default__ekSJZ:active:not(:disabled) {
  background-color: var(--background-brand-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_filled__M8ifw.Button-module__root_default__ekSJZ:hover:not(:disabled):not(:active) {
    background-color: var(--background-brand-hover);
  }
}
.Button-module__root_filled__M8ifw.Button-module__root_default__ekSJZ:focus-visible:not(:disabled):not(:active) {
  background-color: var(--background-brand-hover);
}
.Button-module__root_filled__M8ifw.Button-module__root_info__yTEsj {
  background-color: var(--background-info);
  color: var(--text-neutral-light);
}
.Button-module__root_filled__M8ifw.Button-module__root_info__yTEsj:active:not(:disabled) {
  background-color: var(--background-info-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_filled__M8ifw.Button-module__root_info__yTEsj:hover:not(:disabled):not(:active) {
    background-color: var(--background-info-hover);
  }
}
.Button-module__root_filled__M8ifw.Button-module__root_info__yTEsj:focus-visible:not(:disabled):not(:active) {
  background-color: var(--background-info-hover);
}
.Button-module__root_filled__M8ifw.Button-module__root_danger__Uv9SL {
  background-color: var(--background-danger);
  color: var(--text-neutral-light);
}
.Button-module__root_filled__M8ifw.Button-module__root_danger__Uv9SL:active:not(:disabled) {
  background-color: var(--background-danger-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_filled__M8ifw.Button-module__root_danger__Uv9SL:hover:not(:disabled):not(:active) {
    background-color: var(--background-danger-hover);
  }
}
.Button-module__root_filled__M8ifw.Button-module__root_danger__Uv9SL:focus-visible:not(:disabled):not(:active) {
  background-color: var(--background-danger-hover);
}
.Button-module__root_filled__M8ifw.Button-module__root_neutral__NlFr4 {
  background-color: var(--background-neutral);
  color: var(--text-neutral-light);
}
.Button-module__root_filled__M8ifw.Button-module__root_neutral__NlFr4:active:not(:disabled) {
  background-color: var(--background-neutral-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_filled__M8ifw.Button-module__root_neutral__NlFr4:hover:not(:disabled):not(:active) {
    background-color: var(--background-neutral-hover);
  }
}
.Button-module__root_filled__M8ifw.Button-module__root_neutral__NlFr4:focus-visible:not(:disabled):not(:active) {
  background-color: var(--background-neutral-hover);
}
.Button-module__root_filled__M8ifw.Button-module__root_disabled__nQADV {
  background-color: var(--background-neutral);
  color: var(--text-neutral-light);
  border: var(--stroke-size-s) solid transparent;
  cursor: default;
  pointer-events: none;
}
.Button-module__root_outlined__t1jOA.Button-module__root_default__ekSJZ {
  background-color: transparent;
  color: var(--text-brand);
  border: var(--stroke-size-s) solid var(--stroke-brand);
}
.Button-module__root_outlined__t1jOA.Button-module__root_default__ekSJZ:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-brand-pressed);
  border-color: var(--stroke-brand-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_outlined__t1jOA.Button-module__root_default__ekSJZ:hover:not(:disabled):not(:active) {
    border-color: var(--stroke-brand-hover);
    color: var(--text-brand-hover);
  }
}
.Button-module__root_outlined__t1jOA.Button-module__root_default__ekSJZ:focus-visible:not(:disabled):not(:active) {
  border-color: var(--stroke-brand-hover);
  color: var(--text-brand-hover);
}
.Button-module__root_outlined__t1jOA.Button-module__root_info__yTEsj {
  background-color: transparent;
  color: var(--text-info);
  border: var(--stroke-size-s) solid var(--stroke-info);
}
.Button-module__root_outlined__t1jOA.Button-module__root_info__yTEsj:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-info-pressed);
  border-color: var(--stroke-info-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_outlined__t1jOA.Button-module__root_info__yTEsj:hover:not(:disabled):not(:active) {
    border-color: var(--stroke-info-hover);
    color: var(--text-info-hover);
  }
}
.Button-module__root_outlined__t1jOA.Button-module__root_info__yTEsj:focus-visible:not(:disabled):not(:active) {
  border-color: var(--stroke-info-hover);
  color: var(--text-info-hover);
}
.Button-module__root_outlined__t1jOA.Button-module__root_danger__Uv9SL {
  background-color: transparent;
  color: var(--text-danger);
  border: var(--stroke-size-s) solid var(--stroke-danger);
}
.Button-module__root_outlined__t1jOA.Button-module__root_danger__Uv9SL:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-danger-pressed);
  border-color: var(--stroke-danger-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_outlined__t1jOA.Button-module__root_danger__Uv9SL:hover:not(:disabled):not(:active) {
    border-color: var(--stroke-danger-hover);
    color: var(--text-danger-hover);
  }
}
.Button-module__root_outlined__t1jOA.Button-module__root_danger__Uv9SL:focus-visible:not(:disabled):not(:active) {
  border-color: var(--stroke-danger-hover);
  color: var(--text-danger-hover);
}
.Button-module__root_outlined__t1jOA.Button-module__root_neutral__NlFr4 {
  background-color: transparent;
  color: var(--text-neutral);
  border: var(--stroke-size-s) solid var(--stroke-neutral);
}
.Button-module__root_outlined__t1jOA.Button-module__root_neutral__NlFr4:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-neutral-pressed);
  border-color: var(--stroke-neutral-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_outlined__t1jOA.Button-module__root_neutral__NlFr4:hover:not(:disabled):not(:active) {
    border-color: var(--stroke-neutral-hover);
    color: var(--text-neutral-hover);
  }
}
.Button-module__root_outlined__t1jOA.Button-module__root_neutral__NlFr4:focus-visible:not(:disabled):not(:active) {
  border-color: var(--stroke-neutral-hover);
  color: var(--text-neutral-hover);
}
.Button-module__root_outlined__t1jOA.Button-module__root_disabled__nQADV {
  background-color: transparent;
  color: var(--text-neutral);
  border: var(--stroke-size-s) solid var(--stroke-neutral);
  cursor: default;
  pointer-events: none;
}
.Button-module__root_ghost__oShy5.Button-module__root_default__ekSJZ {
  background-color: transparent;
  color: var(--text-brand);
}
.Button-module__root_ghost__oShy5.Button-module__root_default__ekSJZ:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-brand-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_ghost__oShy5.Button-module__root_default__ekSJZ:hover:not(:disabled):not(:active) {
    color: var(--text-brand-hover);
  }
}
.Button-module__root_ghost__oShy5.Button-module__root_default__ekSJZ:focus-visible:not(:disabled):not(:active) {
  color: var(--text-brand-hover);
}
.Button-module__root_ghost__oShy5.Button-module__root_info__yTEsj {
  background-color: transparent;
  color: var(--text-info);
}
.Button-module__root_ghost__oShy5.Button-module__root_info__yTEsj:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-info-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_ghost__oShy5.Button-module__root_info__yTEsj:hover:not(:disabled):not(:active) {
    color: var(--text-info-hover);
  }
}
.Button-module__root_ghost__oShy5.Button-module__root_info__yTEsj:focus-visible:not(:disabled):not(:active) {
  color: var(--text-info-hover);
}
.Button-module__root_ghost__oShy5.Button-module__root_danger__Uv9SL {
  background-color: transparent;
  color: var(--text-danger);
}
.Button-module__root_ghost__oShy5.Button-module__root_danger__Uv9SL:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-danger-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_ghost__oShy5.Button-module__root_danger__Uv9SL:hover:not(:disabled):not(:active) {
    color: var(--text-danger-hover);
  }
}
.Button-module__root_ghost__oShy5.Button-module__root_danger__Uv9SL:focus-visible:not(:disabled):not(:active) {
  color: var(--text-danger-hover);
}
.Button-module__root_ghost__oShy5.Button-module__root_neutral__NlFr4 {
  background-color: transparent;
  color: var(--text-neutral);
}
.Button-module__root_ghost__oShy5.Button-module__root_neutral__NlFr4:active:not(:disabled) {
  background-color: var(--background-mask);
  color: var(--text-neutral-pressed);
}
@media (hover: hover) and (pointer: fine) {
  .Button-module__root_ghost__oShy5.Button-module__root_neutral__NlFr4:hover:not(:disabled):not(:active) {
    color: var(--text-neutral-hover);
  }
}
.Button-module__root_ghost__oShy5.Button-module__root_neutral__NlFr4:focus-visible:not(:disabled):not(:active) {
  color: var(--text-neutral-hover);
}
.Button-module__root_ghost__oShy5.Button-module__root_disabled__nQADV {
  background-color: transparent;
  color: var(--text-neutral);
  border: var(--stroke-size-s) solid transparent;
  cursor: default;
  pointer-events: none;
}

.Scaffold-module__root__FC1HD {
  position: relative;
  min-height: 0;
  gap: var(--spacing-x0);
  background-color: var(--background-neutral-light);
  border-radius: var(--radius-xxl);
}
.Scaffold-module__root__FC1HD:not(:has(.Scaffold-module__root_header__l2leq)) {
  padding-top: var(--spacing-x4);
}
.Scaffold-module__root__FC1HD:not(:has(.Scaffold-module__root_footer__bluOq)) {
  padding-bottom: var(--spacing-x4);
}
.Scaffold-module__root_header__l2leq {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  min-width: 0;
  padding: var(--spacing-x2);
}
.Scaffold-module__root_header_title__roI7N {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: var(--spacing-x0) var(--spacing-x6);
  text-align: center;
}
.Scaffold-module__root_header_title_text__e_poe {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Scaffold-module__root_header_help__rUR89 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: absolute;
  left: var(--spacing-x2);
  top: var(--spacing-x2);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: var(--background-transparent);
  cursor: pointer;
  border-radius: var(--radius-max);
}
.Scaffold-module__root_header_help_icon__eEvDD {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .Scaffold-module__root_header_help__rUR89:hover:not(:active) .Scaffold-module__root_header_help_icon__eEvDD::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--background-mask);
    pointer-events: none;
  }
}
.Scaffold-module__root_header_help__rUR89:focus-visible:not(:active) .Scaffold-module__root_header_help_icon__eEvDD::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--background-mask);
  pointer-events: none;
}
.Scaffold-module__root_header_help__rUR89:active {
  background-image: linear-gradient(var(--background-mask), var(--background-mask));
}
.Scaffold-module__root_close__RiES2 {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-x1);
  border-radius: var(--radius-max);
  background-color: var(--background-neutral-light);
  box-shadow: var(--shadow-x0) var(--shadow-x0-5) var(--shadow-x2) var(--shadow-x0) var(--background-fade);
  cursor: pointer;
}
.Scaffold-module__root_close_icon__Za62q {
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .Scaffold-module__root_close__RiES2:hover:not(:active) .Scaffold-module__root_close_icon__Za62q::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--background-mask);
    pointer-events: none;
  }
}
.Scaffold-module__root_close__RiES2:focus-visible:not(:active) .Scaffold-module__root_close_icon__Za62q::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--background-mask);
  pointer-events: none;
}
.Scaffold-module__root_close__RiES2:active {
  background-image: linear-gradient(var(--background-mask), var(--background-mask));
}
.Scaffold-module__root_body__GN2Bl {
  position: relative;
  flex: 1;
  min-height: 0;
}
.Scaffold-module__root_body__GN2Bl::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.Scaffold-module__root_body_content___s3DI {
  flex: 1;
  overflow: auto;
  min-height: 0;
  padding: var(--spacing-x0);
}
.Scaffold-module__root_bodyTopShadow__YxMc3::after {
  box-shadow: inset 0 var(--shadow-x0-25) 0 0 var(--background-mask);
}
.Scaffold-module__root_bodyBottomShadow__ky9ez::after {
  box-shadow: inset 0 var(--shadow-x-0-25) 0 0 var(--background-mask);
}
.Scaffold-module__root_bodyTopShadow__YxMc3.Scaffold-module__root_bodyBottomShadow__ky9ez::after {
  box-shadow: inset 0 var(--shadow-x0-25) 0 0 var(--background-mask), inset 0 var(--shadow-x-0-25) 0 0 var(--background-mask);
}
.Scaffold-module__root_footer__bluOq {
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-x2) var(--spacing-x4) var(--spacing-x4);
  min-width: 0;
}

.WelcomeBonusDialog-module__popup__jf6n4 {
  max-width: 306px;
  width: 85%;
  max-height: 85%;
}
.WelcomeBonusDialog-module__root_body__cDpOB {
  gap: var(--spacing-x2);
  align-items: center;
  padding: var(--spacing-x0) var(--spacing-x4) var(--spacing-x2) var(--spacing-x4);
}
.WelcomeBonusDialog-module__root_description__F48H9 {
  text-align: center;
}
.WelcomeBonusDialog-module__root_discount__gAJ3q {
  position: relative;
}
.WelcomeBonusDialog-module__root_discount_line__BNY9Z {
  background-color: var(--background-danger);
  height: var(--stroke-size-s);
  width: 100%;
  position: absolute;
  top: var(--spacing-x2);
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(6deg);
          transform: translateX(-50%) rotate(6deg);
}
.WelcomeBonusDialog-module__root_offerTimer__sBBv4 {
  position: relative;
  padding: var(--spacing-x3) var(--spacing-x4) 0 var(--spacing-x4);
}
.WelcomeBonusDialog-module__root_offerTimer_border__X_qlP {
  border: solid var(--inbox-dialog-accent) var(--stroke-size-m);
  border-radius: var(--radius-xxl);
  height: 44px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.WelcomeBonusDialog-module__root_offerTimer_badge__ZmLpl {
  min-width: 130px;
  background-color: var(--inbox-dialog-accent);
  color: var(--text-neutral-light);
  border-radius: var(--radius-max);
  padding: var(--spacing-x0-5) var(--spacing-x2);
  position: relative;
}
.WelcomeBonusDialog-module__root_footer__H0w8M {
  gap: var(--spacing-x3);
}
.WelcomeBonusDialog-module__root_footer__H0w8M button {
  flex: 1;
  align-self: stretch;
  min-width: 0;
}


/*# sourceMappingURL=preloader.4bc7076084ae.css.map*/
/* Spin3 canonical gift/media cards. Scoped leaves only: no polling/room/layout timers. */
.spin3-chat-card{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;min-width:0;max-width:100%}
.spin3-chat-card .spin3-chat-card__avatar{flex:0 0 34px;width:34px;height:34px;margin:0;border-radius:6px;background-color:#e3edf0;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:14px;font-weight:600;line-height:34px;color:#66818d;text-transform:uppercase;cursor:pointer}
.spin3-chat-card .spin3-chat-card__avatar--photo{color:transparent!important;text-shadow:none}
.chat__message-line .chat-input__emoji-icon{display:inline-block;vertical-align:middle;height:20px;width:20px;max-width:none;object-fit:contain;margin:0 1px;float:none}
.chat__message-line .chat__word-break{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.chat__message-line .spin3-chat-emoji-run{display:inline-block;width:max-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:bottom}
.spin3-chat-card .spin3-chat-card__avatar:focus-visible,.spin3-chat-card__media-sender:focus-visible{outline:2px solid #69a8c4;outline-offset:2px}
.spin3-chat-card--gift{display:flex;flex:0 0 auto;gap:5px;align-items:center;min-height:34px;max-height:none;padding:3px 7px}
.spin3-chat-card__gift-art{flex:0 0 32px;width:32px;height:32px;position:relative}
.spin3-chat-card__gift-art--fallback{background:url('../ok_kiss/ui/original/ui_chat_icon_gift.svg') center/28px 28px no-repeat}
.spin3-chat-card .spin3-chat-card__gift-image{display:block;width:32px;height:32px;object-fit:contain;margin:0}
.spin3-chat-card__quantity{flex:0 0 auto;line-height:18px;font-size:14px;font-weight:700;color:#529d44;white-space:nowrap}
.spin3-chat-card__receivers{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:3px;min-width:24px;align-items:center}
.spin3-chat-card--gift>.js-line:empty{display:none}
.spin3-chat-card--gift>.chat__icon--arrows{margin:0;flex:0 0 11px}
.spin3-chat-card--gift>.chat__reply-button,.spin3-chat-card--media>.chat__reply-button{position:static;flex:0 0 20px;align-self:center;margin:0}
.spin3-chat-card--media{display:flex;gap:6px;align-items:center;margin:0;padding:3px 7px;border:0;border-radius:0;background:transparent;min-height:28px;flex:0 0 auto}
.spin3-chat-card__media-badge{display:flex;align-items:center;justify-content:center;width:16px;min-height:18px;flex:0 0 16px}
.spin3-chat-card__media-badge img{display:block;width:16px;max-width:16px;height:18px;object-fit:contain}
.spin3-chat-card__media-body{flex:1 1 auto;min-width:0;overflow:hidden}
.spin3-chat-card__media-label{display:none}
.spin3-chat-card__media-title{font-size:12px;font-weight:400;font-style:italic;line-height:18px;color:#6e7c85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spin3-chat-card__media-artist{display:none}
.spin3-chat-card__media-sender{display:none}
.spin3-chat-card--media>.spin3-chat-card__actor{width:32px;height:32px;flex-basis:32px;font-size:12px;line-height:32px}
.spin3-chat-card--media>.spin3-chat-card__target{align-self:center}
@media(max-width:360px){.spin3-chat-card--media{gap:5px;padding:3px 5px}}