html { box-sizing: border-box; -webkit-text-size-adjust: 100%; font-family: NunitoSans Regular,sans-serif } *,:before,:after { -webkit-box-sizing: inherit; box-sizing: inherit } body { -webkit-text-rendering: geometricPrecision; -moz-text-rendering: geometricPrecision; -o-text-rendering: geometricPrecision; -ms-text-rendering: geometricPrecision; text-rendering: geometricPrecision; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -o-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; margin: 0 } button::-moz-focus-inner { -webkit-appearance: none; border-style: none; padding: 0 } [type=button]::-moz-focus-inner { -webkit-appearance: none; border-style: none; padding: 0 } [type=reset]::-moz-focus-inner { -webkit-appearance: none; border-style: none; padding: 0 } [type=submit]::-moz-focus-inner { -webkit-appearance: none; border-style: none; padding: 0 } button:-moz-focusring { -webkit-appearance: none; outline: 1px dotted buttontext } [type=button]:-moz-focusring { -webkit-appearance: none; outline: 1px dotted buttontext } [type=reset]:-moz-focusring { -webkit-appearance: none; outline: 1px dotted buttontext } [type=submit]:-moz-focusring { -webkit-appearance: none; outline: 1px dotted buttontext } [type=number]::-webkit-inner-spin-button { height: auto } [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px } ::-webkit-file-upload-button { font: inherit } ol,ul { margin: 0; padding-left: 0; list-style: none } input:focus,select:focus,textarea:focus { outline: none } button { font-family: inherit; font-style: inherit; font-variant: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; cursor: pointer; -webkit-appearance: none; background-color: transparent; border: 0; border-radius: 0; outline: none; padding: 0; text-decoration: none } button[disabled] { cursor: default } ui-reset { display: none } input:-webkit-autofill { transition: background-color 999999s ease-in-out; -webkit-text-fill-color: var(--color-text-primary)!important } input:-webkit-autofill:hover { transition: background-color 999999s ease-in-out; -webkit-text-fill-color: var(--color-text-primary)!important } input:-webkit-autofill:focus { transition: background-color 999999s ease-in-out; -webkit-text-fill-color: var(--color-text-primary)!important } input:-webkit-autofill:active { transition: background-color 999999s ease-in-out; -webkit-text-fill-color: var(--color-text-primary)!important } :focus,:hover,:active { outline-offset: 0; outline: 0 } :root { --border-radius-main: 4px; --border-radius-round: 50%; --color-black: 30,31,34; --color-main-100: 42,43,48; --color-main-90: 62,63,69; --color-main-80: 84,86,95; --color-main-70: 106,108,119; --color-main-60: 134,136,147; --color-main-50: 155,156,166; --color-main-40: 174,175,183; --color-main-25: 204,204,209; --color-main-15: 224,224,227; --color-main-10: 240,240,242; --color-main-5: 246,247,247; --color-white: 255,255,255; --color-red-soft: 252,206,209; --color-red-light: 250,158,163; --color-red: 255,100,108; --color-red-bright: 255,0,0; --color-red-faint: 204,51,59; --color-red-dark: 124,3,9; --color-orange: 255,143,0; --color-orange-dark: 153,86,0; --color-orange-faint: 209,148,71; --color-orange-bright: 255,119,0; --color-orange-light: 255,188,102; --color-orange-soft: 255,233,204; --color-yellow: 255,221,60; --color-yellow-dark: 147,123,16; --color-yellow-faint: 250,200,26; --color-yellow-bright: 255,245,51; --color-yellow-light: 255,239,163; --color-yellow-soft: 255,248,214; --color-green: 20,198,121; --color-green-dark: 11,107,65; --color-green-faint: 64,156,116; --color-green-bright: 1,255,0; --color-green-light: 102,219,168; --color-green-soft: 185,238,215; --color-cyan: 72,230,230; --color-cyan-dark: 25,138,148; --color-cyan-faint: 79,173,181; --color-cyan-bright: 0,255,255; --color-cyan-light: 161,242,242; --color-cyan-soft: 210,249,249; --color-blue: 12,121,248; --color-blue-dark: 4,73,154; --color-blue-faint: 93,139,192; --color-blue-bright: 0,0,255; --color-blue-light: 111,176,251; --color-blue-soft: 210,230,254; --color-violet: 128,52,194; --color-violet-dark: 74,30,113; --color-violet-faint: 119,88,147; --color-violet-bright: 136,0,255; --color-violet-light: 177,126,220; --color-violet-soft: 226,207,242; --color-pink: 247,110,242; --color-pink-dark: 115,38,112; --color-pink-faint: 153,51,149; --color-pink-bright: 255,0,245; --color-pink-light: 255,173,252; --color-pink-soft: 249,231,248; --color-main-8: 240,240,242; --color-main-4: 246,247,247; --height-xs-xl: 1px; --height-sm-3xs: 2px; --height-sm-2xs: 4px; --height-sm-xs: 6px; --height-sm-s: 8px; --height-sm-sm: 10px; --height-sm-m: 12px; --height-sm-ml: 14px; --height-sm-l: 16px; --height-sm-xl: 18px; --height-sm-2xl: 20px; --height-md-2xs: 24px; --height-md-xs: 28px; --height-md-s: 32px; --height-md-m: 36px; --height-md-l: 40px; --height-md-xl: 44px; --height-md-2xl: 48px; --height-lg-xs: 52px; --height-lg-s: 56px; --height-lg-m: 60px; --height-lg-l: 64px; --height-lg-xl: 68px; --height-lg-2xl: 72px; --height-lg-3xl: 76px; --height-xl-2xs: 80px; --height-xl-xs: 84px; --height-xl-s: 88px; --height-xl-m: 92px; --height-xl-l: 96px; --height-xl-xl: 100px; --height-xl-2xl: 104px; --height-xl-3xl: 200px; --offset-sm-xxxs: 2px; --offset-sm-xxs: 4px; --offset-sm-xxxl: 24px; --offset-md-xxl: 48px; --offset-lg-xxl: 72px; --offset-lg-xxxl: 76px; --offset-sm-3xs: 2px; --offset-sm-2xs: 4px; --offset-sm-xs: 6px; --offset-sm-s: 8px; --offset-sm-sm: 10px; --offset-sm-m: 12px; --offset-sm-ml: 14px; --offset-sm-l: 16px; --offset-sm-xl: 18px; --offset-sm-xxl: 20px; --offset-md-2xs: 24px; --offset-md-xs: 28px; --offset-md-s: 32px; --offset-md-m: 36px; --offset-md-l: 40px; --offset-md-xl: 44px; --offset-md-2xl: 48px; --offset-lg-xs: 52px; --offset-lg-s: 56px; --offset-lg-m: 60px; --offset-lg-l: 64px; --offset-lg-xl: 68px; --offset-lg-2xl: 72px; --offset-lg-3xl: 76px; --cubic-ease-out: cubic-bezier(.215,.61,.355,1); --cubic-ease-in: cubic-bezier(.55,.055,.675,.19); --cubic-ease-in-out: cubic-bezier(.645,.045,.355,1); --transition-slowest: 1s; --transition-slower: .7s; --transition-slow: .5s; --transition-standart: .35s; --transition-medium: .3s; --transition-fast: .25s; --transition-faster: .2s; --transition-fastest: .15s; --width-sm-4xs: 1px; --width-sm-3xs: 2px; --width-sm-2xs: 4px; --width-sm-xs: 6px; --width-sm-s: 8px; --width-sm-sm: 10px; --width-sm-m: 12px; --width-sm-ml: 14px; --width-sm-l: 16px; --width-sm-xl: 18px; --width-sm-2xl: 20px; --width-md-2xs: 24px; --width-md-xs: 28px; --width-md-s: 32px; --width-md-m: 36px; --width-md-l: 40px; --width-md-xl: 44px; --width-md-2xl: 48px; --width-lg-xs: 52px; --width-lg-s: 56px; --width-lg-m: 60px; --width-lg-l: 64px; --width-lg-xl: 68px; --width-lg-2xl: 72px; --width-lg-3xl: 76px; --width-xl-2xs: 80px; --width-xl-xs: 84px; --width-xl-s: 88px; --width-xl-m: 92px; --width-xl-l: 96px; --width-xl-xl: 100px; --width-xl-2xl: 104px; --width-xl-3xl: 200px; --width-mobile-xs: 288px; --width-mobile-s: 512px; --width-tablet-s: 688px; --width-tablet-m: 944px; --width-laptop-l: 1104px; --width-desktop-xl: 1264px; --width-full: 100%; --zindex-bottom: -1000; --zindex-minus-50: -50; --zindex-0: 0; --zindex-1: 1; --zindex-2: 2; --zindex-3: 3; --zindex-4: 4; --zindex-5: 5; --zindex-6: 6; --zindex-7: 7; --zindex-8: 8; --zindex-9: 9; --zindex-10: 10; --zindex-50: 50; --zindex-100: 100; --zindex-150: 150; --zindex-200: 200; --zindex-250: 250; --zindex-300: 300; --zindex-350: 350; --zindex-400: 400; --zindex-450: 450; --zindex-500: 500; --zindex-1000: 1000; --zindex-1050: 1050; --zindex-top: 9999; --opacity-0: 0; --opacity-01: .01; --opacity-1: .1; --opacity-2: .2; --opacity-3: .3; --opacity-4: .4; --opacity-5: .5; --opacity-6: .6; --opacity-7: .7; --opacity-8: .8; --opacity-9: .8; --opacity-10: 1; --bg-blur-25: blur(2.5px); --bg-blur-50: blur(5px); --bg-blur-100: blur(10px); --border-width-xs: 1px; --border-width-s: 2px; --border-width-m: 3px; --border-width-l: 4px; --border-radius-xxs: 2px; --border-radius-xs: 4px; --border-radius-s: 6px; --border-radius-m: 8px; --border-radius-ml: 10px; --border-radius-l: 12px; --border-radius-xl: 14px; --border-radius-2xl: 16px; --border-radius-3xl: 18px; --border-radius-4xl: 20px; --black-xxl: 80px/88px "NunitoSans Black",sans-serif; --black-xl: 40px/48px "NunitoSans Black",sans-serif; --black-l: 32px/40px "NunitoSans Black",sans-serif; --black-m: 24px/32px "NunitoSans Black",sans-serif; --black-m-compact: 20px/24px "NunitoSans Black",sans-serif; --black-s: 20px/28px "NunitoSans Black",sans-serif; --black-xs: 16px/24px "NunitoSans Black",sans-serif; --black-xs-compact: 16px/20px "NunitoSans Black",sans-serif; --bold-xxl: 20px/28px "NunitoSans Bold",sans-serif; --bold-xxl-compact: 20px/24px "NunitoSans Bold",sans-serif; --bold-xl: 16px/24px "NunitoSans Bold",sans-serif; --bold-xl-compact: 16px/20px "NunitoSans Bold",sans-serif; --bold-l: 14px/20px "NunitoSans Bold",sans-serif; --bold-m: 12px/16px "NunitoSans Bold",sans-serif; --bold-s: 10px/12px "NunitoSans Bold",sans-serif; --regular-xl: 20px/28px "NunitoSans Regular",sans-serif; --regular-l: 16px/24px "NunitoSans Regular",sans-serif; --regular-m: 14px/20px "NunitoSans Regular",sans-serif; --regular-s: 12px/16px "NunitoSans Regular",sans-serif; --regular-xs: 10px/12px "NunitoSans Regular",sans-serif } .font-black-xxl { font: var(--black-xxl) } .font-black-xl { font: var(--black-xl) } .font-black-l { font: var(--black-l) } .font-black-m { font: var(--black-m) } .font-black-m-compact { font: var(--black-m-compact) } .font-black-s { font: var(--black-s) } .font-black-xs { font: var(--black-xs) } .font-black-xs-compact { font: var(--black-xs-compact) } .font-bold-xxl { font: var(--bold-xxl) } .font-bold-xl { font: var(--bold-xl) } .font-bold-xl-compact { font: var(--bold-xl-compact) } .font-bold-l { font: var(--bold-l) } .font-bold-m { font: var(--bold-m) } .font-bold-s { font: var(--bold-s) } .font-regular-xl { font: var(--regular-xl) } .font-regular-l { font: var(--regular-l) } .font-regular-m { font: var(--regular-m) } .font-regular-s { font: var(--regular-s) } .font-regular-xs { font: var(--regular-xs) } [align-self-start] { align-self: flex-start!important } [align-self-end] { align-self: flex-end!important } [align-self-center] { align-self: center!important } [align-self-stretch] { align-self: stretch!important } [align-self-baseline] { align-self: baseline!important } [align-self-auto] { align-self: auto!important } [wrap] { flex-wrap: wrap!important } [nowrap] { flex-wrap: nowrap!important } [wrap-reverse] { flex-wrap: wrap-reverse!important } [justify-content-start] { justify-content: flex-start!important } [justify-content-center] { justify-content: center!important } [justify-content-end] { justify-content: flex-end!important } [justify-content-around] { justify-content: space-around!important } [justify-content-between] { justify-content: space-between!important } [justify-content-evenly] { -ms-flex-pack: space-evenly!important; justify-content: space-evenly!important } [align-items-start] { align-items: flex-start!important } [align-items-center] { align-items: center!important } [align-items-end] { align-items: flex-end!important } [align-items-stretch] { align-items: stretch!important } [align-items-baseline] { align-items: baseline!important } vui-icon { justify-content: center; display: inline-flex } :root { --color-background-base: #1e1f22; --color-background-surface: #2a2b30; --color-background-secondary-surface: #3e3f45; --color-background-highlight: #54565f; --color-background-inverted: #fff; --color-background-accent-positive: #ffdd3c; --color-background-positive: #14c679; --color-background-warning: #ff8f00; --color-background-positive-rgb: 255,221,60; --color-background-accent-negative: #868893; --color-background-negative: #ff646c; --color-stroke-divider: #54565f; --color-stroke-active: #54565f; --color-stroke-secondary-active: #3e3f45; --color-stroke-highlight: #868893; --color-stroke-inactive: #2a2b30; --color-stroke-accent: #f6f7f7; --color-stroke-accent-color: #ffdd3c; --color-stroke-positive: #14c679; --color-stroke-warning: #ff8f00; --color-stroke-negative: #ff646c; --color-text-primary: #f6f7f7; --color-text-secondary: #868893; --color-text-inactive: #54565f; --color-text-inverted: #1e1f22; --color-text-button-primary: #1e1f22; --color-text-button-secondary: #f6f7f7; --color-text-button-inactive: #868893; --color-text-accent: #ffdd3c; --color-text-positive: #14c679; --color-text-warning: #ff8f00; --color-text-negative: #ff646c; --color-text-link: #6fb0fb; --color-icon-primary-active: #f6f7f7; --color-icon-primary-highlight: #aeafb7; --color-icon-primary-inactive: #54565f; --color-icon-secondary-active: #868893; --color-icon-secondary-highlight: #f6f7f7; --color-icon-secondary-inactive: #54565f; --color-icon-button-dark: #2a2b30; --color-icon-button-light: #fff; --color-icon-button-inactive: #868893; --color-icon-inverted: #2a2b30; --color-icon-primary-accent: #ffdd3c; --color-icon-positive: #14c679; --color-icon-negative: #ff646c; --color-icon-warning: #ff8f00; --color-icon-secondary-accent: #0c79f8; --color-button-negative-active: #ff646c; --color-button-negative-highlight: #fa9ea3; --color-button-negative-inactive: #7c0309; --color-button-primary-active: #ffdd3c; --color-button-primary-highlight: #ffefa3; --color-button-primary-inactive: #937b10; --color-button-positive-active: #14c679; --color-button-positive-highlight: #66dba8; --color-button-positive-inactive: #0b6b41; --color-button-secondary-active: #0c79f8; --color-button-secondary-highlight: #6fb0fb; --color-button-secondary-inactive: #04499a; --color-button-neutral-active: #54565f; --color-button-neutral-highlight: #6a6c77; --color-button-neutral-inactive: #1e1f22; --color-button-inverted: #f6f7f7; --color-control-active: #ffdd3c; --color-control-highlight: #ffefa3; --color-control-inactive: #54565f; --color-chart-yellow: #fff533; --color-chart-green: #01ff00; --color-chart-cyan: #0ff; --color-chart-violet: #80f; --color-chart-pink: #ff00f5; --color-chart-red: red; --color-tournament-gradient: linear-gradient(0deg,#2a2b30 0%,rgba(42,43,48,.8) 30%,rgba(42,43,48,0) 100%); --color-opacity-base: 30,31,34; --color-opacity-base-inverted: 255,255,255; --shadow-e1: 0 2px 6px rgba(0,0,0,.2); --shadow-e2: 0 4px 8px rgba(0,0,0,.2),0px 8px 24px rgba(0,0,0,.3); --shadow-e3: 0 8px 16px rgba(0,0,0,.3),0px 12px 32px rgba(0,0,0,.4) } @font-face { font-family: NunitoSans Black; src: url(/h-assets/fonts/nunitosans-black.woff2)format("woff2"),url(/h-assets/fonts/nunitosans-black.woff)format("woff"); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: NunitoSans Bold; src: url(/h-assets/fonts/nunitosans-bold.woff2)format("woff2"),url(/h-assets/fonts/nunitosans-bold.woff)format("woff"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: NunitoSans Regular; src: url(/h-assets/fonts/nunitosans-regular.woff2)format("woff2"),url(/h-assets/fonts/nunitosans-regular.woff)format("woff"); font-weight: 400; font-style: normal; font-display: swap } .preloader-worm:nth-child(4),.preloader-worm:nth-child(3),.preloader-worm:nth-child(2),.preloader-worm { width: 45px; height: 17px; position: absolute; top: 19px; right: 1px; transform: rotate(60deg) } .preloader-worm:nth-child(4):before,.preloader-worm:nth-child(3):before,.preloader-worm:nth-child(2):before,.preloader-worm:before { content: ""; border-radius: var(--border-radius-m); width: 15px; height: 15px; opacity: var(--opacity-10); background-color: #ffdd3c; animation: 5s linear infinite preloader-crawlOdd; position: absolute; top: 0; left: 0 } .preloader-box { min-width: 60px; min-height: 80px; display: block } .preloader-sandbox { width: 60px; height: 80px; z-index: var(--zindex-1050); background-color: transparent; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%) } .preloader-worm:nth-child(2) { top: auto; bottom: 19px; transform: rotate(120deg) } .preloader-worm:nth-child(2):before { animation: 5s linear infinite preloader-crawlEven } .preloader-worm:nth-child(3) { top: auto; bottom: 19px; left: 1px; right: auto; transform: rotate(240deg) } .preloader-worm:nth-child(3):before { animation: 5s linear infinite preloader-crawlOdd } .preloader-worm:nth-child(4) { top: 19px; bottom: auto; left: 1px; right: auto; transform: rotate(300deg) } .preloader-worm:nth-child(4):before { animation: 5s linear infinite preloader-crawlEven } @keyframes preloader-crawlOdd { 6.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 12.5% { width: 100%; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 31.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 31.26% { opacity: var(--opacity-0) } 49.9% { opacity: var(--opacity-0) } 50% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 56.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 62.5% { width: 100%; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 75% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 81.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 81.26% { opacity: var(--opacity-0) } to { opacity: var(--opacity-0) } } @keyframes preloader-crawlEven { 0% { opacity: var(--opacity-0) } 25% { opacity: var(--opacity-0) } 31.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 37.5% { width: 100%; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 50% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 56.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } 56.26% { opacity: var(--opacity-0) } 74.9% { opacity: var(--opacity-0) } 75% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 81.25% { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } 87.5% { width: 100%; height: 15px; opacity: var(--opacity-10); top: 0; left: 0 } to { width: 15px; height: 15px; opacity: var(--opacity-10); top: 0; left: calc(100% - 15px) } } #sidebarAuthForm .content-wrapper { flex-direction: column; height: 100%; display: flex } #sidebarAuthForm .custom-header { justify-content: flex-end; align-items: center; display: flex } #sidebarAuthForm .custom-header .close-btn { padding: var(--offset-sm-l); color: var(--color-icon-secondary-active); transition: color var(--transition-faster)var(--cubic-ease-out) } #sidebarAuthForm .custom-header .close-btn:hover { color: var(--color-icon-secondary-highlight); cursor: pointer } #sidebarAuthForm vui-scroll { height: 100%; overflow: hidden } #sidebarAuthForm .scroll { width: 100%; position: absolute } #sidebarAuthFormBackdrop { z-index: var(--zindex-300) } .sidebar-locales .content-wrapper { flex-direction: column; height: 100%; display: flex } .sidebar-locales .custom-header { justify-content: flex-end; display: flex } .sidebar-locales .custom-header .close-btn { padding: var(--offset-sm-l); color: var(--color-icon-secondary-active); transition: color var(--transition-faster)var(--cubic-ease-out) } .sidebar-locales .custom-header .close-btn:hover { color: var(--color-icon-secondary-highlight); cursor: pointer } .sidebar-locales vui-scroll { overflow: hidden } .sidebar-locales .item-group .item { cursor: pointer } .sidebar-locales .item-group .item:hover { background-color: var(--color-background-secondary-surface) } .sidebar-locales .item-group .link { padding: 0 var(--offset-sm-l); align-items: center; line-height: 56px; display: flex } @media (min-width: 768px) { .sidebar-locales .item-group .link { padding:0 var(--offset-md-2xl) } } @media (max-width: 960px) and (orientation:landscape) { .sidebar-locales .item-group .link { padding:0 var(--offset-sm-l) } } .sidebar-locales .item-group .link span { margin-left: var(--offset-md-2xs); order: 1 } .sidebar-locales .item-group .img { width: var(--width-md-s); height: var(--height-md-2xs); border-radius: var(--border-radius-xxs) } [dir=rtl] .sidebar-locales .item-group .link span { margin-left: 0; margin-right: var(--offset-md-2xs) } #sidebarLocalesBackdrop { z-index: var(--zindex-300) } .lp-font-black-xxl { font: 36px/44px NunitoSans Black,sans-serif } .lp-font-black-xl { font: 30px/36px NunitoSans Black,sans-serif } .lp-font-black-l { font: 24px/32px NunitoSans Black,sans-serif } .lp-font-black-m { font: 20px/28px NunitoSans Black,sans-serif } .lp-font-black-s { font: 16px/24px NunitoSans Black,sans-serif } .lp-font-black-s-compact { font: 16px/20px NunitoSans Black,sans-serif } .lp-font-black-xs { font: 14px/20px NunitoSans Black,sans-serif } .lp-font-bold-xxl-compact { font: 18px/20px NunitoSans Bold,sans-serif } .lp-font-bold-xl { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-bold-l,.lp-font-bold-m { font: 12px/20px NunitoSans Bold,sans-serif } .lp-font-bold-s-compact { font: 12px/16px NunitoSans Bold,sans-serif } .lp-font-regular-xl { font: 16px/24px NunitoSans Regular,sans-serif } .lp-font-regular-l,.lp-font-regular-m { font: 14px/20px NunitoSans Regular,sans-serif } .lp-font-regular-s { font: 12px/20px NunitoSans Regular,sans-serif } @media (min-width: 768px) { .lp-font-black-xxl { font:50px/56px NunitoSans Black,sans-serif } .lp-font-black-xl { font: 40px/48px NunitoSans Black,sans-serif } .lp-font-black-l { font: 32px/40px NunitoSans Black,sans-serif } .lp-font-black-m { font: 24px/32px NunitoSans Black,sans-serif } .lp-font-black-s { font: 18px/24px NunitoSans Black,sans-serif } .lp-font-black-s-compact { font: 18px/20px NunitoSans Black,sans-serif } .lp-font-black-xs { font: 16px/24px NunitoSans Black,sans-serif } .lp-font-bold-xxl-compact { font: 20px/24px NunitoSans Bold,sans-serif } .lp-font-bold-xl { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-bold-l,.lp-font-bold-m { font: 12px/20px NunitoSans Bold,sans-serif } .lp-font-bold-s-compact { font: 12px/16px NunitoSans Bold,sans-serif } .lp-font-regular-xl { font: 18px/24px NunitoSans Regular,sans-serif } .lp-font-regular-l { font: 16px/24px NunitoSans Regular,sans-serif } .lp-font-regular-m { font: 14px/24px NunitoSans Regular,sans-serif } .lp-font-regular-s { font: 12px/20px NunitoSans Regular,sans-serif } } @media (min-width: 1024px) { .lp-font-black-xxl { font:64px/72px NunitoSans Black,sans-serif } .lp-font-black-xl { font: 56px/64px NunitoSans Black,sans-serif } .lp-font-black-l { font: 42px/48px NunitoSans Black,sans-serif } .lp-font-black-m { font: 30px/36px NunitoSans Black,sans-serif } .lp-font-black-s { font: 20px/28px NunitoSans Black,sans-serif } .lp-font-black-s-compact { font: 20px/24px NunitoSans Black,sans-serif } .lp-font-black-xs { font: 18px/24px NunitoSans Black,sans-serif } .lp-font-bold-xxl-compact { font: 22px/24px NunitoSans Bold,sans-serif } .lp-font-bold-xl { font: 16px/24px NunitoSans Bold,sans-serif } .lp-font-bold-l { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-bold-m { font: 14px/24px NunitoSans Bold,sans-serif } .lp-font-bold-s-compact { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-regular-xl { font: 20px/28px NunitoSans Regular,sans-serif } .lp-font-regular-l { font: 18px/24px NunitoSans Regular,sans-serif } .lp-font-regular-m { font: 16px/24px NunitoSans Regular,sans-serif } .lp-font-regular-s { font: 14px/20px NunitoSans Regular,sans-serif } } @media (min-width: 1360px) { .lp-font-black-xxl { font:72px/80px NunitoSans Black,sans-serif } .lp-font-black-xl { font: 64px/72px NunitoSans Black,sans-serif } .lp-font-black-l { font: 48px/56px NunitoSans Black,sans-serif } .lp-font-black-m { font: 36px/44px NunitoSans Black,sans-serif } .lp-font-black-s { font: 20px/28px NunitoSans Black,sans-serif } .lp-font-black-s-compact { font: 20px/24px NunitoSans Black,sans-serif } .lp-font-black-xs { font: 18px/24px NunitoSans Black,sans-serif } .lp-font-bold-xxl-compact { font: 24px/28px NunitoSans Bold,sans-serif } .lp-font-bold-xl { font: 16px/24px NunitoSans Bold,sans-serif } .lp-font-bold-l { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-bold-m { font: 14px/24px NunitoSans Bold,sans-serif } .lp-font-bold-s-compact { font: 14px/20px NunitoSans Bold,sans-serif } .lp-font-regular-xl { font: 20px/28px NunitoSans Regular,sans-serif } .lp-font-regular-l { font: 18px/24px NunitoSans Regular,sans-serif } .lp-font-regular-m { font: 16px/24px NunitoSans Regular,sans-serif } .lp-font-regular-s { font: 14px/20px NunitoSans Regular,sans-serif } } :root { --title-h1: max(36px,min(6.4vw,72px))/1.2 "NunitoSans Black",sans-serif; --title-h2: max(30px,min(5.4vw,64px))/1.2 "NunitoSans Black",sans-serif; --title-h3: max(24px,min(4.1vw,48px))/1.3 "NunitoSans Black",sans-serif; --title-h4: max(20px,min(3vw,36px))/1.2 "NunitoSans Black",sans-serif; --subtitle-lg-bold: max(16px,min(2.3vw,20px))/1.5 "NunitoSans Bold",sans-serif; --subtitle-lg-medium: max(16px,min(2.3vw,20px))/1.5 "NunitoSans Bold",sans-serif; --subtitle-sm-bold: max(14px,min(2vw,18px))/1.7 "NunitoSans Bold",sans-serif; --subtitle-sm-medium: max(14px,min(2vw,18px))/1.7 "NunitoSans Bold",sans-serif; --body-text-semibold: max(14px,min(1.7vw,16px))/1.5 "NunitoSans Bold",sans-serif; --body-text-medium: max(14px,min(1.7vw,16px))/1.5 "NunitoSans Bold",sans-serif; --caption-text: max(12px,min(1.5vw,14px))/1.5 "NunitoSans Regular",sans-serif; --caption-text-semibold: max(12px,min(1.5vw,14px))/1.5 "NunitoSans Bold",sans-serif; --btn-text: max(16px,min(2.3vw,20px))/1.3 "NunitoSans Bold",sans-serif; --btn-text-semibold: max(16px,min(1.5vw,20px))/1.5 "NunitoSans Bold",sans-serif; --link-lg-text: max(18px,min(2.6vw,24px))/1.25 "NunitoSans Bold",sans-serif; --link-sm-text: max(12px,min(1.5vw,14px))/1.4 "NunitoSans Bold",sans-serif } .title-h1 { font: var(--title-h1),sans-serif } .title-h2 { font: var(--title-h2),sans-serif } .title-h3 { font: var(--title-h3),sans-serif } .title-h4 { font: var(--title-h4),sans-serif } .subtitle-lg-bold { font: var(--subtitle-lg-bold),sans-serif } .subtitle-lg-medium { font: var(--subtitle-lg-medium),sans-serif } .subtitle-sm-bold { font: var(--subtitle-sm-bold),sans-serif } .subtitle-sm-medium { font: var(--subtitle-sm-medium),sans-serif } .body-text-semibold { font: var(--body-text-semibold),sans-serif } .body-text-medium { font: var(--body-text-medium),sans-serif } .caption-text { font: var(--caption-text),sans-serif } .caption-text-semibold { font: var(--caption-text-semibold),sans-serif } .btn-text { font: var(--btn-text),sans-serif } .btn-text-semibold { font: var(--btn-text-semibold),sans-serif } .link-lg-text { font: var(--link-lg-text),sans-serif } .link-sm-text { font: var(--link-sm-text),sans-serif } html { box-sizing: border-box; -webkit-text-size-adjust: 100%; color: var(--color-text-primary); font-family: NunitoSans Regular,sans-serif } *,:before,:after { box-sizing: inherit } body { background: var(--color-background-surface); -webkit-text-rendering: geometricPrecision; -moz-text-rendering: geometricPrecision; -o-text-rendering: geometricPrecision; -ms-text-rendering: geometricPrecision; text-rendering: geometricPrecision; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -o-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; transition: background-color ease-out var(--transition-standart); -webkit-tap-highlight-color: transparent; margin: 0 } .webp-supported body { background: var(--color-background-surface); background: var(--color-background-surface) } button,input,optgroup,select,textarea { margin: 0; font-family: inherit; font-size: 100% } button,select { text-transform: none } button { -webkit-appearance: none } [type=button] { -webkit-appearance: none } [type=reset] { -webkit-appearance: none } [type=submit] { -webkit-appearance: none } button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]::-moz-focus-inner { border-style: none; padding: 0 } [type=reset]::-moz-focus-inner { border-style: none; padding: 0 } [type=submit]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring { outline: 1px dotted buttontext } [type=button]:-moz-focusring { outline: 1px dotted buttontext } [type=reset]:-moz-focusring { outline: 1px dotted buttontext } [type=submit]:-moz-focusring { outline: 1px dotted buttontext } [type=number]::-webkit-inner-spin-button { height: auto } [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } ol,ul { list-style: none } table { border-collapse: collapse; border-spacing: 0; width: 100% } caption,th,td { text-align: left } a { color: inherit; text-decoration: none } input:focus,select:focus,textarea:focus { outline: none } button { border: none; border-radius: 0; padding: 0 } button:focus { outline: none } p { margin: 0 } input:-webkit-autofill { z-index: 0; max-height: 52px; position: relative; -webkit-text-fill-color: var(--color-text-primary)!important; box-shadow: inset 0 0 0 40px var(--color-background-secondary-surface)!important } input:-webkit-autofill:hover { z-index: 0; max-height: 52px; position: relative; -webkit-text-fill-color: var(--color-text-primary)!important; box-shadow: inset 0 0 0 40px var(--color-background-secondary-surface)!important } input:-webkit-autofill:focus { z-index: 0; max-height: 52px; position: relative; -webkit-text-fill-color: var(--color-text-primary)!important; box-shadow: inset 0 0 0 40px var(--color-background-secondary-surface)!important } input:-webkit-autofill:active { z-index: 0; max-height: 52px; position: relative; -webkit-text-fill-color: var(--color-text-primary)!important; box-shadow: inset 0 0 0 40px var(--color-background-secondary-surface)!important } input:-webkit-autofill:first-line { z-index: 0; max-height: 52px; position: relative; -webkit-text-fill-color: var(--color-text-primary)!important; box-shadow: inset 0 0 0 40px var(--color-background-secondary-surface)!important } body,.webp-supported body,.webp-supported body { background: #191919 } .main-content { position: relative; overflow: hidden } .container { max-width: 500px; padding: 0 var(--offset-sm-l); margin: 0 auto } @media (min-width: 768px) { .container { max-width:1024px; padding: 0 var(--offset-md-l) } } @media (min-width: 1024px) { .container { max-width:1360px } } @media (min-width: 1360px) { .container { max-width:1500px; padding: 0 var(--offset-md-2xl) } } .section { padding: var(--offset-md-l)0; text-align: center } @media (min-width: 1024px) { .section { padding:var(--offset-lg-l)0 } } .section vui-button { border-radius: var(--border-radius-l); width: -webkit-max-content; width: -moz-max-content; width: max-content; font: var(--subtitle-lg-bold); font-size: 14px } @media (min-width: 768px) { .section vui-button { font-size:16px } } @media (min-width: 1024px) { .section vui-button { font-size:20px } } .title { font: var(--title-h3) } .desc { font: var(--subtitle-lg-medium); color: #d1d4d7 } .spot { z-index: -1; width: 648px; height: 651px; position: fixed; left: 50%; transform: translate(-50%) } @media (min-width: 768px) { .spot { width:1024px; height: 1030px; margin-top: -200px } } @media (min-width: 1024px) { .spot { width:1328px; height: 1336px } } @media (min-width: 1360px) { .spot { width:2164px; height: 2176px; margin-top: -400px } } .line { width: 100vw; height: 4px; opacity: var(--opacity-4); background: radial-gradient(50% 50%,#fff 0%,rgba(255,255,255,0) 100%) } .webp-supported .line { background: radial-gradient(50% 50%,#fff 0%,rgba(255,255,255,0) 100%) } .glass { -webkit-filter: drop-shadow(0 .844442px 21.111px rgba(69,42,124,.1)); filter: drop-shadow(0 .844442px 21.111px rgba(69,42,124,.1)); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: var(--border-width-xs)solid rgba(255,255,255,.1); border-radius: var(--border-radius-m); background: rgba(255,255,255,.02); position: relative; box-shadow: inset 4px 2px 20px 8px rgba(255,255,255,.04) } .webp-supported .glass { background: rgba(255,255,255,.02) } @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter:none)) { .glass.card[data-slide="0"] { background:rgba(77,76,89,.9)!important } .webp-supported .glass.card[data-slide="0"] { background: rgba(77,76,89,.9) } .glass.card:not([data-slide="0"]) { color: transparent } } .glass:not(.socials__link) { border-radius: var(--border-radius-m); border-style: solid; border-width: 1px; border-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0)) 1 } .glass:before { content: ""; opacity: .05; background: 50%/100px; width: 100%; height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .webp-unsupported .glass:before { background-image: url(/h-assets/img/noise-644e960865461b15.png) } .webp-supported .glass:before { background-image: url(/h-assets/img/noise-736b736a4e2b711c.webp) } .sidebar { z-index: var(--zindex-350); position: fixed; top: 0; bottom: 0 } .sidebar.left-side { left: 0 } .sidebar.right-side { right: 0 } .sidebar.hided { display: none } vui-button.submit-btn { font: var(--subtitle-lg-bold); font-size: 14px } @media (min-width: 768px) { vui-button.submit-btn { font-size:16px } } @media (min-width: 1024px) { vui-button.submit-btn { font-size:20px } } .preloader { background: var(--color-background-base); width: 100vw; height: 100vh; z-index: var(--zindex-1050); justify-content: center; align-items: center; display: flex; position: fixed; top: 0; left: 0 } .webp-supported .preloader { background: var(--color-background-base); background: var(--color-background-base) } img.lazy { opacity: 0 } .lazy { background-image: none!important } .webp-supported .lazy { background-image: none } .lazy:before,.lazy:after { background-image: none!important } .webp-supported .lazy:before,.lazy:after { background-image: none } .socials { flex-flow: wrap; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: flex } .socials__link { width: var(--height-md-l); height: var(--height-md-l); margin-right: var(--offset-sm-xxl); border-radius: var(--border-radius-round); justify-content: center; align-items: center; display: flex; overflow: hidden } .socials__link:last-child { margin-right: 0 } .socials__link:hover { cursor: pointer; background-color: rgba(255,255,255,.15) } @media (min-width: 768px) { .socials__link { margin-right:var(--offset-sm-l) } .socials__link:last-child { margin-right: 0 } } [dir=rtl] .socials__link { margin-right: 0; margin-left: var(--offset-sm-xxl) } [dir=rtl] .socials__link:last-child { margin-left: 0 } @media (min-width: 768px) { [dir=rtl] .socials__link { margin-right:0; margin-left: var(--offset-sm-l) } [dir=rtl] .socials__link:last-child { margin-left: 0 } } @media (min-width: 1024px) { .sidebar-navigation { display:none } } .sidebar-navigation .content-wrapper { flex-direction: column; height: 100%; display: flex } .sidebar-navigation .custom-header { justify-content: space-between; align-items: center; display: flex } .sidebar-navigation .custom-header .close-btn { padding: var(--offset-md-2xs)var(--offset-sm-l); color: var(--color-icon-secondary-active); transition: color var(--transition-faster)var(--cubic-ease-out) } .sidebar-navigation .custom-header .close-btn:hover { color: var(--color-icon-secondary-highlight); cursor: pointer } .sidebar-navigation .custom-header .locale-btn { padding: var(--offset-sm-l); cursor: pointer } @media (min-width: 768px) { .sidebar-navigation .custom-header .locale-btn { display:none } } .sidebar-navigation .custom-header .locale-btn .locale-btn-img { width: var(--width-md-s); height: var(--height-md-2xs); border-radius: var(--border-radius-xxs) } .sidebar-navigation vui-scroll { overflow: hidden } .sidebar-navigation .list { padding: var(--offset-sm-m)0; flex-direction: column; display: flex } .sidebar-navigation .link { font: var(--regular-m); color: var(--color-text-primary); padding: var(--offset-sm-m)var(--offset-sm-l) } .sidebar-navigation .link.plain { min-height: 56px; padding: var(--offset-sm-l); font: var(--regular-l); display: block } .sidebar-navigation .link.plain:not(:last-of-type) { border-bottom: var(--border-width-xs)solid var(--color-stroke-divider) } .sidebar-navigation .accordion { border-top: 0; border-bottom: var(--border-width-xs)solid var(--color-stroke-divider) } .header { width: var(--width-full); height: var(--height-xl-2xs); padding: var(--offset-sm-l)0; color: var(--color-text-primary); z-index: var(--zindex-250); transition: all var(--transition-slow)ease-out; will-change: transform; background-color: rgba(0,0,0,.6); justify-content: center; align-items: center; display: flex; position: fixed; top: 0 } @media (min-width: 768px) { .header { padding:var(--offset-sm-xxl)0 } } .header.sticky { background-color: #191919 } @media (min-width: 1024px) { .header.sticky { transform:translateY(0) } } .header .container { width: var(--width-full); max-width: none; padding: 0 var(--offset-sm-l); justify-content: space-between; align-items: center; display: flex } @media (min-width: 768px) { .header .container { padding:0 var(--offset-md-l) } } @media (min-width: 1024px) { .header .container { padding:0 var(--offset-md-2xl) } } @media (min-width: 1360px) { .header .container { max-width:1264px } } .header .start-side,.header .end-side { align-items: center; display: flex } .header .header__burger { cursor: pointer } @media (min-width: 1024px) { .header .header__burger { display:none } } .header lui-logo { margin-left: var(--offset-sm-l) } @media (min-width: 1024px) { .header lui-logo { margin-left:0 } } .header lui-logo .image { width: var(--width-xl-2xs); font-size: 0 } @media (min-width: 768px) { .header lui-logo .image { width:108px } } @media (min-width: 1024px) { .header lui-logo .image { width:128px } } .header .dropdown-wrap { display: none } .header .dropdown-wrap:hover { display: block } @media (min-width: 1024px) { .header .dropdown-wrap { width:-webkit-max-content; width: -moz-max-content; width: max-content; padding-top: var(--offset-sm-s); position: absolute } } .header .dropdown-wrap .dropdown { padding: var(--offset-sm-s)0; border-radius: var(--border-radius-m); background: #3f4044; box-shadow: 0 0 25px rgba(0,0,0,.25) } .webp-supported .header .dropdown-wrap .dropdown { background: #3f4044 } .header .dropdown-wrap .dropdown__item { padding: var(--offset-sm-m)var(--offset-md-2xs); border-bottom: var(--border-width-xs)solid #616368 } .header .dropdown-wrap .dropdown__link { font: var(--caption-text-semibold); display: inline-block; position: relative } .header .navigation { display: none } @media (min-width: 1024px) { .header .navigation { margin-left:var(--offset-md-l); display: block } } @media (min-width: 1360px) { .header .navigation { margin-left:104px } } .header .navigation__list { align-items: center; padding: 0; display: flex } .header .navigation__item { margin-right: var(--offset-md-2xs); position: relative } @media (min-width: 1360px) { .header .navigation__item { margin-right:var(--offset-md-s) } } .header .navigation__item:last-child { margin-right: 0 } .header .navigation__item:hover:after { content: ""; width: var(--width-full); height: var(--height-sm-3xs); background-color: rgb(var(--color-white)); border-radius: var(--border-radius-m); position: absolute; bottom: 0 } .header .navigation__item:hover>.dropdown-wrap { display: block } .header .navigation__link { font: var(--body-text-medium); color: var(--color-white); white-space: nowrap; cursor: pointer; display: block } .header .header__buttons { flex-wrap: wrap; justify-content: center; align-items: center; display: flex } .header .sign-up { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: var(--height-md-s); border: var(--border-width-s)solid rgba(255,221,60,.5); padding: 0 var(--offset-sm-l); border-radius: var(--border-radius-l); vertical-align: top; letter-spacing: .04rem; color: var(--color-text-accent); cursor: pointer; font: var(--caption-text-semibold); transition: color var(--transition-fastest)var(--cubic-ease-out),background-color var(--transition-fastest)var(--cubic-ease-out); background-color: transparent; justify-content: center; align-items: center; display: flex } .header .sign-up:hover,.header .sign-up:focus { background-color: var(--color-background-accent-positive); color: var(--color-text-button-primary) } @media (min-width: 1024px) { .header .sign-up { height:var(--height-md-2xl); padding: 0 var(--offset-md-s); letter-spacing: .02rem } } .header .log-in { display: none } @media (min-width: 400px) { .header .log-in { margin-right:var(--offset-sm-l); font: var(--caption-text-semibold); color: var(--color-text-accent); cursor: pointer; display: block } } @media (min-width: 1360px) { .header .log-in { margin-right:var(--offset-md-2xs) } } .header .locale-btn { display: none } @media (min-width: 768px) { .header .locale-btn { margin-left:var(--offset-sm-l); cursor: pointer; align-items: center; display: flex } } @media (min-width: 1360px) { .header .locale-btn { margin-left:var(--offset-md-2xs) } } .header .locale-btn .locale-btn-img { width: var(--width-md-s); height: var(--height-md-2xs); border-radius: var(--border-radius-xxs) } .header .locale-btn vui-icon,.header .locale-btn.opened .locale-btn-img { display: none } .header .locale-btn.opened vui-icon { display: block } [dir=rtl] .header lui-logo { margin-left: 0; margin-right: var(--offset-sm-l) } @media (min-width: 1024px) { [dir=rtl] .header lui-logo { margin-right:0 } } [dir=rtl] .header .header__burger vui-icon { transform: scaleX(-1) } @media (min-width: 1024px) { [dir=rtl] .header .navigation { margin-left:0; margin-right: var(--offset-md-l) } } @media (min-width: 1360px) { [dir=rtl] .header .navigation { margin-right:104px } } [dir=rtl] .header .navigation__item { margin-right: 0; margin-left: var(--offset-md-2xs) } @media (min-width: 1360px) { [dir=rtl] .header .navigation__item { margin-left:var(--offset-md-s) } } [dir=rtl] .header .navigation__item:last-child { margin-left: 0 } @media (min-width: 400px) { [dir=rtl] .header .log-in { margin-right:0; margin-left: var(--offset-sm-l) } } @media (min-width: 1360px) { [dir=rtl] .header .log-in { margin-right:0; margin-left: var(--offset-md-2xs) } } @media (min-width: 768px) { [dir=rtl] .header .locale-btn { margin-left:0; margin-right: var(--offset-sm-l) } } @media (min-width: 1360px) { [dir=rtl] .header .locale-btn { margin-right:var(--offset-md-2xs) } } .choose__title { margin: 0 0 var(--offset-md-l) } @media (min-width: 768px) { .choose__title { margin:0 0 var(--offset-lg-l) } } .choose__cards { grid-row-gap: var(--offset-md-l); grid-column-gap: var(--offset-md-2xs); grid-template-columns: repeat(auto-fill,130px); justify-content: center; align-items: center; padding: 0; display: grid } @media (min-width: 500px) { .choose__cards { grid-template-columns:repeat(auto-fill,155px) } } @media (min-width: 768px) { .choose__cards { grid-row-gap:var(--offset-lg-m); grid-column-gap: var(--offset-lg-xs); grid-template-columns: repeat(3,218px) } } @media (min-width: 1024px) { .choose__cards { grid-column-gap:100px } } .choose .card { flex-direction: column; align-items: center; height: 100%; display: flex } .choose .card__count { width: 125px; height: var(--height-lg-s); margin-bottom: var(--offset-sm-l); font: var(--title-h4); color: var(--color-text-accent); text-shadow: 0 0 32px #ffdd3c; justify-content: center; align-items: center; display: flex } @media (min-width: 768px) { .choose .card__count { width:168px; height: var(--height-lg-2xl); margin-bottom: var(--offset-md-2xs); font-size: 36px } } .choose .card__text { font: var(--subtitle-sm-bold); font-size: 12px } @media (min-width: 500px) { .choose .card__text { font-size:14px } } @media (min-width: 768px) { .choose .card__text { font-size:20px } } .payments { grid-row-gap: var(--offset-sm-l); grid-column-gap: var(--offset-sm-l); grid-template-columns: repeat(2,136px); justify-content: center; align-items: center; padding: 0; display: grid } @media (min-width: 768px) { .payments { grid-template-columns:repeat(2,336px) } } @media (min-width: 1024px) { .payments { grid-template-columns:repeat(auto-fit,224px) } } @media (min-width: 1360px) { .payments { grid-template-columns:repeat(auto-fit,264px) } } .payments__item { justify-content: center; align-items: center; width: 100%; height: 104px; display: flex } .payments__item img { object-fit: contain; width: 130px; height: 36px } @media (min-width: 768px) { .payments__item img { width:178px; height: var(--height-md-2xl) } } .fast__title { margin: 0 0 var(--offset-md-2xs) } @media (min-width: 768px) { .fast__title { margin-bottom:var(--offset-md-l) } } @media (min-width: 1360px) { .fast__title { margin-bottom:var(--offset-md-2xs) } } .fast__desc { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .fast__desc { margin-bottom:var(--offset-lg-m) } } .fast__payments { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .fast__payments { margin-bottom:var(--offset-lg-l) } } [dir=rtl] .fast__cta-button vui-icon { transform: scaleX(-1) } #footer { padding: var(--offset-md-l)0 } @media (min-width: 1360px) { #footer { padding:var(--offset-lg-xs)0 } } #footer .footer__address { margin-bottom: var(--offset-md-l); font: var(--caption-text) } @media (min-width: 768px) { #footer .footer__address { grid-area:address } } #footer .footer__navigations { margin-bottom: var(--offset-md-l); grid-template-columns: repeat(auto-fill,minmax(200px,1fr)); display: grid } @media (min-width: 768px) { #footer .footer__navigations { margin-bottom:var(--offset-md-2xs); grid-template-columns: repeat(3,minmax(200px,1fr)) } } @media (min-width: 1024px) { #footer .footer__navigations { margin-bottom:var(--offset-lg-2xl); grid-column-gap: 85px; grid-area: nav; grid-template-columns: repeat(3,minmax(140px,1fr)) } } @media (min-width: 1360px) { #footer .footer__navigations { grid-column-gap:var(--offset-sm-xxl) } } #footer .footer__link { margin-bottom: var(--offset-sm-l); font: var(--body-text-medium); text-decoration: underline; display: inline-block } #footer .footer__link:last-of-type { margin-bottom: 0 } #footer .footer__link:hover,#footer .footer__link:active { text-decoration: none } #footer .footer__risk { margin-bottom: var(--offset-md-2xs); font: var(--caption-text) } @media (min-width: 1024px) { #footer .footer__risk { grid-area:risk; margin-bottom: 0 } } #footer .footer__risk p+p { margin-top: var(--offset-sm-l) } @media (min-width: 1024px) { #footer .container { grid-column-gap:var(--offset-sm-m); grid-template-columns: 634px 264px; grid-template-areas: "logo logo""nav contacts""nav contacts""risk address""risk copyright"; justify-content: space-between; max-width: 1200px; display: grid } } @media (min-width: 1360px) { #footer .container { grid-column-gap:176px; grid-template-columns: 704px 236px } } #footer .contacts { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { #footer .contacts { grid-row-gap:var(--offset-md-2xs); grid-template-areas: "title title""email social"; display: grid } } @media (min-width: 1024px) { #footer .contacts { flex-flow:column; grid-area: contacts; grid-template-areas: none; display: flex } } #footer .contacts__title { margin-bottom: var(--offset-md-2xs); font: var(--caption-text-semibold); letter-spacing: 3px; display: inline-block } @media (min-width: 768px) { #footer .contacts__title { grid-area:title; margin-bottom: 0 } } #footer .contacts__email { margin-bottom: var(--offset-md-2xs); font: var(--caption-text); flex-flow: column; display: flex } #footer .contacts__email a { text-decoration: underline } @media (min-width: 768px) { #footer .contacts__email { grid-area:email; margin-bottom: 0 } } #footer .contacts__social { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { #footer .contacts__social { grid-area:social; justify-self: flex-end; margin-bottom: 0 } } #footer lui-logo { margin-bottom: var(--offset-md-l) } @media (min-width: 1024px) { #footer lui-logo { margin-bottom:var(--offset-lg-xs); grid-area: logo } } #footer lui-logo .image { width: 130px } @media (min-width: 1024px) { #footer lui-copyright { grid-area:copyright; align-self: end } } .cards { grid-row-gap: var(--offset-sm-l); text-align: left; grid-template-columns: 285px; justify-content: center; align-items: center; display: grid; position: relative } @media (min-width: 768px) { .cards { grid-column-gap:var(--offset-sm-l); grid-template-columns: repeat(3,minmax(219px,357px)) } } .cards__wrap { border-radius: var(--border-radius-m); width: 100%; height: 100%; position: relative; overflow: hidden } .cards__wrap:before { content: ""; z-index: 0; width: 285px; height: 184px; position: absolute; top: -50px; left: -170px; transform: rotate(-35deg) } .cards__item { width: 100%; height: 100%; padding: var(--offset-sm-l) } @media (min-width: 768px) { .cards__item { padding:var(--offset-md-2xs) } } .cards__title { margin-bottom: var(--offset-sm-s); font: var(--subtitle-lg-bold); color: var(--color-text-accent); display: inline-block } @media (min-width: 768px) { .cards__title { margin-bottom:var(--offset-sm-l) } } .cards__desc { font: var(--body-text-semibold) } .card-effect:before,.webp-supported .card-effect:before,.webp-supported .card-effect:before { background: rgba(25,40,180,.5) } [dir=rtl] .cards { text-align: right } [dir=rtl] .cards__wrap:before { left: unset; right: -170px; transform: rotate(35deg) } .just__title { margin: 0 0 var(--offset-md-l) } @media (min-width: 1360px) { .just__title { margin-bottom:var(--offset-lg-l) } } .just__cards { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .just__cards { margin-bottom:var(--offset-lg-l) } } .just__cta-button { margin-bottom: var(--offset-sm-l) } .just__notice { font: var(--subtitle-sm-bold) } [dir=rtl] .just__cta-button vui-icon { transform: scaleX(-1) } .vip__title { margin: 0 0 var(--offset-md-2xs) } .vip__desc { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { .vip__desc { margin-bottom:var(--offset-md-l) } } @media (min-width: 1024px) { .vip__desc { margin-bottom:var(--offset-lg-xs) } } .vip__image { width: 288px; height: 260px; margin: 0 auto var(--offset-md-l); background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width: 768px) { .vip__image { width:688px; height: 353px } } @media (min-width: 1024px) { .vip__image { width:944px; height: 485px } } @media (min-width: 1200px) { .vip__image { width:1104px; height: 568px } } .vip__cards { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .vip__cards { margin-bottom:var(--offset-lg-l) } } .vip .card-effect:before,.webp-supported .vip .card-effect:before,.webp-supported .vip .card-effect:before { background: rgba(74,74,74,.5) } .vip__notice { margin-top: var(--offset-sm-l); font: var(--subtitle-sm-bold) } [dir=rtl] .vip__cta-button vui-icon { transform: scaleX(-1) } .awards-new__title { margin-bottom: var(--offset-sm-xxxl) } @media (min-width: 768px) { .awards-new__title { margin-top:0 } } @media (min-width: 1024px) { .awards-new__title { margin-bottom:var(--offset-md-xs) } } .awards-new__list { align-self: stretch; gap: 16px; display: grid } @media (min-width: 768px) { .awards-new__list { grid-template-rows:repeat(3,1fr); grid-template-columns: repeat(2,1fr); max-width: 90%; margin: 0 auto } } @media (min-width: 1024px) { .awards-new__list { grid-template-rows:repeat(2,1fr); grid-template-columns: repeat(3,1fr); max-width: 100% } } .awards-new .award { padding: var(--offset-sm-s); border-radius: var(--border-radius-2xl); align-items: center; gap: 16px; display: flex } @media (min-width: 1280px) { .awards-new .award { padding:var(--offset-sm-l) } } .awards-new .award__img { max-width: 110px } .awards-new .award__img img { width: var(--width-full) } .awards-new .award__content { flex-direction: column; gap: 8px; display: flex } .awards-new .award__content:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .awards-new .award__content:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .awards-new .award__content:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .awards-new .award__content:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .awards-new .award__content:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .awards-new .award__content:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .awards-new .award.accent { padding: var(--offset-sm-l)var(--offset-sm-l)var(--offset-md-s); flex-direction: column } @media (min-width: 768px) { .awards-new .award.accent:first-child { padding:var(--offset-sm-l); grid-area: 1/1/3/2 } } @media (min-width: 1024px) { .awards-new .award.accent:first-child { grid-area:1/1/3/2 } } .awards-new .award.accent .award__img { max-width: 178px } .awards-new .award.accent .award__img img { width: var(--width-full) } .awards-new .award.accent .award__content { text-align: center } .safety__title { margin: 0 0 var(--offset-md-2xs) } .safety__desc { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { .safety__desc { margin-bottom:var(--offset-md-l) } } @media (min-width: 1024px) { .safety__desc { margin-bottom:var(--offset-lg-xs) } } .safety__image { width: 288px; height: 260px; margin: 0 auto var(--offset-md-l); background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width: 768px) { .safety__image { width:688px; height: 353px } } @media (min-width: 1024px) { .safety__image { width:944px; height: 485px } } @media (min-width: 1200px) { .safety__image { width:1104px; height: 568px } } .safety__image.visible { background-image: } .webp-unsupported .safety__image.visible { background-image: url(/h-assets/img/safety__mobile-466ed6cedb4ea1e7.png) } .webp-supported .safety__image.visible { background-image: url(/h-assets/img/safety__mobile-6d85bf0f74016b01.webp) } @media (min-width: 768px) { .safety__image.visible { background-image: } .webp-unsupported .safety__image.visible { background-image: url(/h-assets/img/safety-04328933063a95ba.png) } .webp-supported .safety__image.visible { background-image: url(/h-assets/img/safety-4479eeebfee13ba1.webp) } } .safety__cards { margin-bottom: var(--offset-sm-l) } @media (min-width: 768px) { .safety__cards { margin-bottom:var(--offset-md-2xs) } } .safety__quote { margin-bottom: var(--offset-md-2xs) } @media (min-width: 1024px) { .safety__quote { margin-bottom:var(--offset-md-l) } } .safety .card-effect:before,.webp-supported .safety .card-effect:before,.webp-supported .safety .card-effect:before { background: 0 0 } .safety .cards__item { padding: var(--offset-md-l)var(--offset-md-l) } @media (min-width: 768px) { .safety .cards__item { padding:var(--offset-md-l)var(--offset-md-l) } } .safety .cards__title { display: none } .safety__notice { margin-top: var(--offset-sm-l); font: var(--subtitle-sm-bold) } [dir=rtl] .safety__cta-button vui-icon { transform: scaleX(-1) } .local-events__title { margin: 0 0 var(--offset-md-2xs) } .local-events__desc { margin: 0 0 var(--offset-md-l) } @media (min-width: 768px) { .local-events__desc { margin:0 auto var(--offset-lg-l); max-width: 688px } } @media (min-width: 1024px) { .local-events__desc { max-width:944px } } @media (min-width: 1360px) { .local-events__desc { max-width:100% } } .local-events__row { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .local-events__row { grid-column-gap:var(--offset-sm-l); margin-bottom: var(--offset-lg-l); grid-template-columns: repeat(2,336px); justify-content: center; align-items: center; display: grid } } @media (min-width: 1024px) { .local-events__row { grid-template-columns:repeat(2,464px) } } @media (min-width: 1360px) { .local-events__row { grid-template-columns:repeat(2,544px) } } .local-events__card { border-radius: var(--border-radius-m); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex-direction: column; justify-content: flex-end; align-items: center; width: 288px; height: 237px; margin: 0 auto; display: flex } @media (min-width: 768px) { .local-events__card { width:336px; height: 308px } } @media (min-width: 1024px) { .local-events__card { width:464px; height: 372px } } @media (min-width: 1360px) { .local-events__card { width:544px } } .local-events__card:first-of-type { margin-bottom: var(--offset-sm-l) } @media (min-width: 768px) { .local-events__card:first-of-type { margin-bottom:0 } } .local-events__card-tag { color: RGB(var(--color-yellow)); text-transform: uppercase; letter-spacing: var(--offset-sm-3xs); font-family: NunitoSans Bold; font-size: 14px; line-height: 24px } .local-events__card-descr { color: var(--color-white); font-family: NunitoSans Bold; font-size: 14px; line-height: 20px } @media (min-width: 1024px) { .local-events__card-descr { font-size:16px; line-height: 24px } } .local-events__card-title { color: var(--color-white); font-family: NunitoSans Bold; font-size: 24px; line-height: 130% } @media (min-width: 768px) { .local-events__card-title { font-size:24px; line-height: 120% } } @media (min-width: 1024px) { .local-events__card-title { font-size:30px } } @media (min-width: 1360px) { .local-events__card-title { font-size:36px } } [dir=rtl] .local-events__cta-button vui-icon { transform: scaleX(-1) } .device { overflow: hidden } .device__title { margin: 0 0 var(--offset-md-2xs) } .device__desc { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { .device__desc { margin-bottom:var(--offset-md-l) } } @media (min-width: 1024px) { .device__desc { margin-bottom:var(--offset-lg-xs) } } .device__wrapper { max-width: 320px; margin: 0 auto } @media (min-width: 768px) { .device__wrapper { max-width:none; margin: 0 } } @media (min-width: 1024px) { .device__wrapper { grid-template-columns:35vw 1fr; grid-template-areas: "img content"; display: grid; position: relative } } @media (min-width: 1360px) { .device__wrapper { grid-template-columns:740px 1fr; justify-content: center } } .device__image { width: 540px; height: 340px; margin-bottom: var(--offset-md-s); position: relative; left: -234px } @media (min-width: 768px) { .device__image { width:1065px; height: 637px; margin-bottom: var(--offset-lg-m); left: -320px } } @media (min-width: 1024px) { .device__image { grid-area:img; margin: 0; position: absolute; left: auto; right: 0 } } .device__image img { max-width: 100% } .device__image img.lazy { width: 100%; height: 100% } .device__image.device__image--mobile { width: 100%; left: auto } @media (min-width: 1024px) { .device__image.device__image--mobile { align-items:center; width: 400px; display: flex } } @media (min-width: 1360px) { .device__image.device__image--mobile { width:100%; right: auto } } .device__image.device__image--mobile img { max-height: 100% } .device__content { flex-flow: column; align-items: center; display: flex } @media (min-width: 768px) { .device__content { align-items:flex-start } } @media (min-width: 1024px) { .device__content { margin-left:var(--offset-lg-s); grid-area: content; padding-top: 12px } } @media (min-width: 1360px) { .device__content { margin-left:0 } } .device .slider { margin-bottom: var(--offset-md-s) } @media (min-width: 768px) { .device .slider { width:100% } } .device .slider__statistics { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { .device .slider__statistics { margin-bottom:var(--offset-sm-xxl) } } .device__buttons { margin-bottom: var(--offset-md-l); flex-direction: column; display: flex } @media (min-width: 768px) { .device__buttons { flex-direction:row } } .device__buttons .statistics { margin-bottom: var(--offset-sm-l) } @media (min-width: 768px) { .device__buttons .statistics { margin-bottom:var(--offset-md-2xs) } } .device__block-button { margin-bottom: var(--offset-md-l) } .device__block-button:last-child { margin-bottom: 0 } @media (min-width: 768px) { .device__block-button { margin-bottom:0; margin-right: var(--offset-md-2xs) } .device__block-button:last-child { margin-right: 0 } } @media (min-width: 1024px) { .device__block-button { margin-right:var(--offset-sm-l) } .device__block-button:last-child { margin-right: 0 } } .device .downloads__list { grid-column-gap: var(--offset-sm-l); grid-row-gap: var(--offset-sm-l); grid-template-columns: repeat(2,136px); align-items: center; display: grid } @media (min-width: 768px) { .device .downloads__list { grid-column-gap:var(--offset-md-2xs); grid-template-columns: repeat(4,136px) } } @media (min-width: 1024px) { .device .downloads__list { grid-column-gap:var(--offset-sm-l); grid-template-columns: repeat(4,max-content) } } .device .downloads__link { color: var(--color-white); width: var(--width-full); height: var(--height-xl-l); cursor: pointer; border-radius: var(--border-radius-m); flex-flow: column; justify-content: center; align-items: center; font-family: NunitoSans Regular; font-size: 16px; line-height: 27px; display: flex } @media (min-width: 768px) { .device .downloads__link { width:var(--width-xl-2xl); font-size: 14px } } .device .downloads__link:before { content: ""; width: 44px; height: 44px; margin-bottom: var(--offset-sm-s); display: block } @media (min-width: 768px) { .device .downloads__link:before { margin-bottom:var(--offset-sm-2xs) } } .device .downloads__link:hover,.webp-supported .device .downloads__link:hover,.webp-supported .device .downloads__link:hover { background: rgba(255,255,255,.1) } .device .downloads__link.app-gallery:before,.webp-supported .device .downloads__link.app-gallery:before,.webp-supported .device .downloads__link.app-gallery:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4zMjMgNWgxOS4zNTRBNy4zMjMgNy4zMjMgMCAwIDEgMzkgMTIuMzIzdjE5LjM1NEE3LjMyMyA3LjMyMyAwIDAgMSAzMS42NzcgMzlIMTIuMzIzQTcuMzIzIDcuMzIzIDAgMCAxIDUgMzEuNjc3VjEyLjMyM0E3LjMyMyA3LjMyMyAwIDAgMSAxMi4zMjMgNVptMi4wMDUgNC41MzFhMS4yMTQgMS4yMTQgMCAxIDAtLjc1MS4zMjRjMS44NDYgMy4wNDcgNC44NTcgNC41NDUgOC40MDQgNC41NDUgMy41MzQtLjAwNSA2LjY2NC0xLjUxMSA4LjUyOC00LjU0M2ExLjIxNCAxLjIxNCAwIDEgMC0uNzk4LS4yOWMtMS44NyAyLjU0LTQuNjgxIDQuMDE4LTcuNzI4IDQuMDIzLTMuMDc0IDAtNS44MDEtMS40ODItNy42NTUtNC4wNTlabTEwLjE4NSAxNS44NjUgMS4wMjEtMy4wNjRoLjc0NGwxLjAyMSAzLjA2NC45OTYtMy4wNjJoLjk0NmwtMS41NjMgNC40NTRoLS43NjJsLTEuMDIyLTIuOTI2LTEuMDIzIDIuOTI2aC0uNzU1bC0xLjU2Ny00LjQ1NGguOTdsLjk5NCAzLjA2MlptLTYuMzgzIDEuMzkgMS45ODEtNC40NTNoLjc5OGwuMDE3LjAyNiAxLjk2MyA0LjQyNmgtLjk1NmwtLjQwNC0uOTI3aC0yLjA1OGwtLjAyNy4wNjUtLjM4My44NjJoLS45MzFabTE2LjMyOS0uMDAzdi00LjQ1aC45djQuNDVoLS45Wm0tMjUuODE0LjAwNnYtNC40NTVoLjkxMnYxLjc5N2gyLjA2di0xLjc5N2guOTEzdjQuNDU1aC0uOTEzdi0xLjgxaC0yLjA2djEuODFoLS45MTJabTguMTA4LTEuOTA0di0yLjU1aC45MTN2Mi41MTRjMCAxLjI3Ni0uNzEgMi4wMDgtMS45NDcgMi4wMDgtMS4yMjUgMC0xLjkyOC0uNzE4LTEuOTI4LTEuOTcydi0yLjU0N2guOTEydjIuNTE3YzAgLjc0NC4zNjUgMS4xNDIgMS4wMjggMS4xNDIuNjYgMCAxLjAyMi0uMzg3IDEuMDIyLTEuMTEyWm0xMy4yMjQgMS45MDF2LTQuNDVoMy4zMDl2LjgxMmgtMi40MXYuOTEyaDEuNjZ2LjgxMmgtMS42NnYxLjEwM2gyLjQ5N3YuODExaC0zLjM5NlptLTguODI5LTEuODM0LS42NS0xLjQ5Mi0uNjQyIDEuNDkyLS4wNDMuMTAzaDEuMzhsLS4wNDUtLjEwM1oiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjkiLz48L3N2Zz4=) 50% no-repeat } .device .downloads__link.aptoide:before,.webp-supported .device .downloads__link.aptoide:before,.webp-supported .device .downloads__link.aptoide:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjE2MiAyNi44ODdDNSAyNS44MjEgNSAyNC41NDcgNSAyMmMwLTIuNTQ3IDAtMy44Mi4xNjItNC44ODcuOTM1LTguODIzIDMuMTI4LTExLjAxNiAxMS45NS0xMS45NUMxOC4xOCA1IDE5LjQ1MyA1IDIyIDVjMi41NDcgMCAzLjgyIDAgNC44ODcuMTYyIDguODIzLjkzNSAxMS4wMTYgMy4xMjggMTEuOTUgMTEuOTVDMzkgMTguMTggMzkgMTkuNDUzIDM5IDIyYzAgMi41NDcgMCAzLjgyLS4xNjIgNC44ODctLjkzNSA4LjgyMy0zLjEyOCAxMS4wMTYtMTEuOTUgMTEuOTVDMjUuODIgMzkgMjQuNTQ3IDM5IDIyIDM5Yy0yLjU0NyAwLTMuODIgMC00Ljg4Ny0uMTYyLTguODIzLS45MzUtMTEuMDE2LTMuMTI4LTExLjk1LTExLjk1Wm03LjQ0Ny0zLjU4NHYtNy44OThjMC0uNDg0LjU0Ni0uNzY3Ljk0MS0uNDg4bDguMjIyIDUuODA0YS4xMi4xMiAwIDAgMSAwIC4xOTRsLTcuNDU1IDUuMzI2YS4xMTguMTE4IDAgMCAxLS4xMzQuMDAyIDMuNTM0IDMuNTM0IDAgMCAxLTEuNTc0LTIuOTRabTIuMzIgMy40MzRMMzAuODAzIDE0Ljk2YS41OTcuNTk3IDAgMCAxIC45NTMuNDc5djcuOTg1YTMuNTggMy41OCAwIDAgMS0xLjQwNiAyLjg0NWwtNy4xOTMgNS41YTEuMTk0IDEuMTk0IDAgMCAxLTEuNDE5LjAyNGwtNi44MDctNC44NjNhLjEyLjEyIDAgMCAxLS4wMDItLjE5M1oiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjkiLz48L3N2Zz4=) 50% no-repeat } .device .downloads__link.galaxy-store:before,.webp-supported .device .downloads__link.galaxy-store:before,.webp-supported .device .downloads__link.galaxy-store:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS45MTEgNS4wNWMtMS4zNzguMDkyLTMuNjcxLjM0LTQuMDE2LjQzMi0uMTQ4LjA0LS41Ny4xMzgtLjkzOC4yMmE5LjA2IDkuMDYgMCAwIDAtLjg0OC4yMTljLS4wOTguMDQtLjM5OS4xNDEtLjY2OS4yMjctMS41OC40OTktMy41NTIgMS42NTUtNC41ODcgMi42OS0uNjk4LjY5OC0xLjU0MyAxLjk1LTIuMDcgMy4wNjktLjM2OC43ODEtLjQ1Ni45OTUtLjYyIDEuNTE3LS4wODYuMjctLjE4Ni41Ny0uMjI0LjY2OS0uMDY2LjE3NC0uMjg4IDEuMDcyLS4zOTcgMS42MDYtLjI1NCAxLjI0OC0uNTAzIDMuODgzLS41NCA1LjcxMi0uMDMzIDEuNzA2LjI2MiA1LjY3MS40OTUgNi42NDguMDQxLjE3Mi4xNDYuNjM0LjIzMiAxLjAyNi4wODcuMzkzLjE5Ljc1My4yMy44LjA0LjA0Ni4wNzMuMTUyLjA3My4yMzUgMCAuMDgzLjE2Ni41NjYuMzcgMS4wNzMuMzIzLjgwNy40NiAxLjA5MS45MTYgMS45MDMuMzA2LjU0NSAxLjE2OCAxLjY3NiAxLjU4OCAyLjA4NS40MjcuNDE1IDEuNDk1IDEuMjE2IDEuOTk2IDEuNDk4LjgwMS40NSAxLjA5Ni41OTIgMS45MDMuOTE2LjUwNy4yMDMuOTkuMzcgMS4wNzMuMzdhLjQyLjQyIDAgMCAxIC4yMzYuMDcyYy4wNDcuMDQuNDA2LjE0NC43OTkuMjMuMzkzLjA4Ny44NTQuMTk0IDEuMDI2LjIzNy44MDIuMjAyIDQuOTE3LjUxOSA2LjQyNy40OTUgMS43NjgtLjAyOSA0LjcwNy0uMjg1IDUuNjY4LS40OTUgMS40MzItLjMxMiAxLjc5NS0uNDAzIDEuODctLjQ2N2EuNDI0LjQyNCAwIDAgMSAuMjM2LS4wNzJjLjIgMCAxLjg4Ny0uNjggMi4zOTktLjk2Ni4yMjItLjEyNS40ODUtLjI3LjU4My0uMzIzLjQ5Mi0uMjY0IDEuNC0uOTQ0IDEuOTA3LTEuNDI3LjQ4NS0uNDYzIDEuMzQxLTEuNTY1IDEuNjcxLTIuMTUzLjQ1Ni0uODEyLjU5My0xLjA5Ni45MTctMS45MDMuMjAzLS41MDcuMzctLjk5LjM3LTEuMDczYS40Mi40MiAwIDAgMSAuMDcyLS4yMzZjLjA0LS4wNDYuMTQzLS40MDYuMjMtLjc5OS4wODctLjM5Mi4xOTMtLjg1NC4yMzYtMS4wMjYuMjE3LS44NjIuNDc1LTQuMTY2LjQ3NS02LjA2OCAwLTEuOTAzLS4yNTgtNS4yMDctLjQ3NS02LjA2OS0uMDQzLS4xNzEtLjE1LS42MzMtLjIzNi0xLjAyNi0uMDg3LS4zOTItLjE5LS43NTItLjIzLS43OTlhLjQyNC40MjQgMCAwIDEtLjA3My0uMjM2YzAtLjItLjY3OS0xLjg4Ni0uOTY2LTIuMzk4LS4xMjQtLjIyMi0uMjctLjQ4NC0uMzIyLS41ODMtLjI2NS0uNDkxLS45NDUtMS40LTEuNDI4LTEuOTA2LS40NjMtLjQ4Ni0xLjU2Ni0xLjM0Mi0yLjE1My0xLjY3MS0uODEzLS40NTYtMS4wOTYtLjU5My0xLjkwNC0uOTE3LS41MDctLjIwMy0uOTc4LS4zNy0xLjA0Ny0uMzdhLjc0Mi43NDIgMCAwIDEtLjI4MS0uMDhjLS4xNC0uMDc1LS44ODUtLjI2Ny0xLjU4My0uNDA5LTEuOTczLS40MDItNi4wNjMtLjYzNS04LjM5LS40NzhabTIuOTgzIDcuMzEyYzEuODU4LjMxMSAzLjQzNiAxLjgzNSAzLjg4OSAzLjc1NS4wNzMuMzEuMTMzLjcwNi4xMzQuODggMCAuMTc1LjA1LjM2Ni4xMDguNDI1LjA3Ny4wNzYuNjU5LjEwNyAyLjA1Mi4xMDdoMS45NDRsLS4wNC4zOC0uMTM0IDEuMjI2Yy0uMDUxLjQ2Ni0uMTM1IDEuMjctLjE4NyAxLjc4NS0uMTAyIDEuMDM2LS4xODIgMS44LS4zOTUgMy43OTMtLjA3OS43MzYtLjE4IDEuNzAzLS4yMjQgMi4xNDlhMTMuNTEyIDEzLjUxMiAwIDAgMS0uMTc3IDEuMjM5Yy0uMzM2IDEuNS0xLjYwNSAyLjc1NS0zLjEwNiAzLjA3MS0uNjM5LjEzNS04LjcxMS4xMzctOS40MzcuMDAzLS43NDQtLjEzOC0xLjQ3My0uNTM1LTIuMDczLTEuMTMtLjgxNy0uODEyLTEuMDktMS41MjktMS4yNy0zLjMyNC0uMDQ1LS40NjctLjE0OC0xLjQ1LS4yMjYtMi4xODctLjIzNi0yLjIwNS0uMjk3LTIuNzktLjQ0NC00LjI3NC0uMDc4LS43OC0uMTU3LTEuNDQ0LS4xNzYtMS40NzUtLjAyLS4wMy0uMDQ1LS4zMTYtLjA1OC0uNjM0bC0uMDI0LS41NzggMi4wMDItLjA0NCAyLjAwMy0uMDQ1LjAyNS0uMzU3Yy4wOTMtMS4zNS42MDEtMi41MDUgMS40OTItMy4zOTggMS4xODctMS4xODkgMi42NC0xLjY0OSA0LjMyMi0xLjM2N1ptLTEuNjg4IDIuMTAzYy0xLjAyLjM0Ny0xLjY3NSAxLjA3Ni0xLjkzMyAyLjE1Mi0uMDgyLjM0LS4xMjQuNjg1LS4wOTMuNzY2LjA1LjEzLjM0Mi4xNDYgMi44Mi4xNDYgMS44NjQgMCAyLjc4NS0uMDMxIDIuODI0LS4wOTUuMTA3LS4xNzMtLjE0OC0xLjIxMS0uNDEtMS42N2EyLjk2MyAyLjk2MyAwIDAgMC0xLjQwMy0xLjIxYy0uMzYzLS4xNDItMS40ODgtLjE5Ny0xLjgwNS0uMDg5WiIgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuOSIvPjwvc3ZnPg==) 50% no-repeat } .device .downloads__link.apptoko:before,.webp-supported .device .downloads__link.apptoko:before,.webp-supported .device .downloads__link.apptoko:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDIzLjM2VjM1YTQgNCAwIDAgMCA0IDRoMjZhNCA0IDAgMCAwIDQtNFY5YTQgNCAwIDAgMC00LTRIOWE0IDQgMCAwIDAtNCA0djE0LjM2Wm00LjQzLTkuNTdjMS4yNTMgMS40MDcgMi45NTIgMy4wNCAzLjkyOCAzLjc3NyAxLjE1NS44NzIgMS45NSAxLjMyIDMuMzA4IDEuODY4IDEuMzQuNTQgMS43MzIuODI0IDMuMDE4IDIuMTg5LjU0LjU3MyAxLjQ0NiAxLjQ3NSAyLjAxNCAyLjAwNCAxLjk5IDEuODUgNC4wNDYgMy44NzMgMy43MDQgMy42NDMtLjYxNC0uNDE0LTIuMjItMS4xNTItMi45OC0xLjM3YTE1LjMyIDE1LjMyIDAgMCAwLTEuNzY1LS4zNWMtMi44My0uMzgtNC4wNS0uODMxLTUuNjg4LTIuMS0uOTM4LS43MjYtMS44NTctMS42ODUtMi40MjEtMi41MjUtLjUyLS43NzQtMi4wNC0zLjUwMi0yLjgwNy01LjAzNi0uNTQtMS4wOC0xLjQzNi0zLjEyMy0xLjQzNi0zLjI3MyAwLS4wODQuMDc4LS4wMDMgMS4xMjUgMS4xNzNabTkuNzI1IDMuNjNjLjI2LjUzNC43NDYuOTY1IDEuMzM2IDEuMTg2LjQwNy4xNTIuODA0LjE3IDQuODY2LjIyOWw0LjA4OS4wNThjLjIxNC4wMDMuNDIuMDg1LjU3OS4yMjkuMjM2LjIxNC42NSAxLjE4MS41NDkgMS4yODItLjAyNy4wMjctLjcxNy4wMDMtMS41MzMtLjA1My0yLjI1MS0uMTU1LTIuMTA0LS4yMDktMS4zOTcuNTA4LjMzLjMzNS42NjUuNjQ1Ljc0NC42ODguMTAxLjA1Ni4zMDEuMDA1LjY4OS0uMTc2IDEuMzE0LS42MTQgMy4yNTktLjgwMSA0LjQwOC0uNDI0IDEuMDYzLjM1IDEuNzk2IDEuMTQxIDIuMDMyIDIuMTk3LjExLjQ4OC4yNTYgMS44NDQuMiAxLjg0NC0uMDE3IDAtLjI2Mi0uMTk0LS41NDctLjQzMS0uNTktLjQ5MS0uODM1LS42MzItMS4zMzYtLjc2Ni0uNTMtLjE0My0xLjk3NS0uMTI1LTIuNTc1LjAzLS42NTQuMTctMi4yNC45NTktMi45NzEgMS40NzctLjMwOC4yMTgtLjY4NS40NS0uODM3LjUxNy0uNDE3LjE4LTEuMTczLjE1Mi0xLjU4OS0uMDYtLjM1Ni0uMTgxLTQuMzA3LTMuOTQzLTUuNjQyLTUuMzcxLS45NTktMS4wMjctMS4zMTYtMS43MjYtMS4zODMtMi43MDYtLjAyNy0uMzktLjAxNC0uNy4wMjgtLjY5OC4wNDMuMDAyLjE3My4yLjI5LjQ0Wm0tNS4zMDEgNS44MTRjLjk2Ljk1NyAxLjgyMiAxLjU5NiAyLjYwNyAxLjkzMy42MzMuMjcyIDIuMjgyLjY1IDMuOTI3Ljg5OSAxLjc1NS4yNjYgMi42LjQ3IDMuNTUuODUyLjYzMi4yNTUgMS45MzguOTU1IDEuOTM4IDEuMDQgMCAuMDE4LS4yNDItLjA3NS0uNTM4LS4yMDgtMS4zMTYtLjU5MS0yLjg0Mi0uNzIxLTUuNzMtLjQ4Ny0yLjQ2LjE5OS0zLjMyNi4wNzQtNC45MTgtLjcxLTEuMjM2LS42MS0xLjc5MS0xLjMzLTIuMjk0LTIuOTc4LS4xOTYtLjY0Mi0uNTYtMi4zNzUtLjU2LTIuNjY2IDAtLjA0Ny4yMzguMjQuNTI4LjY0LjI5LjM5OS45NiAxLjE1NyAxLjQ5IDEuNjg1Wm0zLjczMiA0LjY2YzEuMDkxLjAzIDEuODIyLjAwMiAyLjc1Ni0uMTA5IDEuNDk2LS4xNzcgMi45OTEtLjEzNSAzLjk4NC4xMTEuMTEyLjAyOC4wOTcuMTkzLS4wMTkuMmwtLjE5Ny4wMTJjLTEuMDE0LjA2LTEuNTczLjIwMy00LjIyIDEuMDc4LTEuODYyLjYxNi0yLjAyOS42NTYtMi43NjIuNjYyLS43MTguMDA2LS44MS0uMDE0LTEuMTUtLjIzNy0uNDM3LS4yOS0uNzQtLjg4My0uODI5LTEuNjNhLjMwNi4zMDYgMCAwIDEgLjQwOS0uMzI0bC4wMzcuMDE0Yy40MTguMTUyLjc2MS4xOSAxLjk5LjIyNFoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjkiLz48L3N2Zz4=) 50% no-repeat } .device .downloads__link.getapps:before,.webp-supported .device .downloads__link.getapps:before,.webp-supported .device .downloads__link.getapps:before { background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzQiIGhlaWdodD0iMzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBmaWxsPSIjRTdFN0U3Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI1LjgyNiAzNEgzNFYxMS42ODdMMjguNjg3IDE3bC02LjM2MyA2LjM2My0zLjU2NyAzLjU2OEwyNS44MjcgMzRaTTAgMjUuODVWMzRoMjIuNzQ1TDcuMjk3IDE4LjU1MiAwIDI1Ljg1Wk0zNCA4LjYyOFYwSDExLjcxbDEzLjc0NiAxMy43NDUtLjAxMi4wMTIgMS43MTQgMS43MTNMMzQgOC42MjhaTTguNjI5IDBIMHYyMi43NjhMNS43NjggMTdsOS45My05LjkzTDguNjI4IDBaIi8+PHBhdGggZD0iTTE3IDEyLjI5NWgxLjM2NnY3LjU4OUgxN3oiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTEzLjA1NCAxNy4zLjk2Ni0uOTY1IDMuNTk0IDMuNTk1IDMuNTk1LTMuNTk1Ljk2Ni45NjYtNC41MTQgNC41MTQtLjA0Ny0uMDQ3LS4wNDcuMDQ2LTQuNTEzLTQuNTEzWiIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxyZWN0IHdpZHRoPSIzNCIgaGVpZ2h0PSIzNCIgcng9IjMuMDM2IiBmaWxsPSIjZmZmIi8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+) 50% no-repeat } .device .downloads__desc { margin-bottom: var(--offset-sm-l); font: var(--caption-text); text-align: left } @media (min-width: 768px) { .device .downloads__desc { margin-bottom:var(--offset-sm-s) } } .device .apk-desktop { width: var(--width-lg-3xl); height: var(--height-xl-l); display: none } @media (min-width: 768px) { .device .apk-desktop { display:block } } .device .apk-desktop .qr { width: var(--width-full); height: auto } @media (min-width: 768px) { .device .apk-mobile { display:none } } .device .apk-mobile-link { text-decoration: underline } [dir=rtl] .device__image { left: 0; right: -234px } @media (min-width: 768px) { [dir=rtl] .device__image { right:-320px } } @media (min-width: 1024px) { [dir=rtl] .device__image { right:auto } } [dir=rtl] .device__image.device__image--mobile { right: auto } @media (min-width: 1024px) { [dir=rtl] .device__content { margin-left:0; margin-right: var(--offset-lg-s) } } @media (min-width: 1360px) { [dir=rtl] .device__content { margin-right:0 } } @media (min-width: 768px) { [dir=rtl] .device__block-button { margin-right:0; margin-left: var(--offset-md-2xs) } [dir=rtl] .device__block-button:last-child { margin-left: 0 } } @media (min-width: 1024px) { [dir=rtl] .device__block-button { margin-right:0; margin-left: var(--offset-sm-l) } [dir=rtl] .device__block-button:last-child { margin-left: 0 } } [dir=rtl] .device .downloads__desc { text-align: right } .statistics { text-align: left; align-items: center; display: flex } .statistics__img { width: 40px; height: 40px } @media (min-width: 768px) { .statistics__img { width:52px; height: 52px } } .statistics__img img { max-width: 100%; margin: 0 auto; display: block } .statistics__text-block { margin-left: var(--offset-sm-m) } .statistics__top { font: var(--caption-text) } @media (min-width: 768px) { .statistics__top { font-size:14px } } .statistics__bottom { font: var(--title-h4) } @media (min-width: 768px) { .statistics__bottom { font-size:36px } } [dir=rtl] .statistics { text-align: right } [dir=rtl] .statistics__img { transform: scaleX(-1) } [dir=rtl] .statistics__text-block { margin-left: 0; margin-right: var(--offset-sm-m) } .mobile-btn-block { border-radius: var(--border-radius-m); width: 288px; height: 68px; position: relative; overflow: hidden } @media (min-width: 1024px) { .mobile-btn-block { width:224px } } .mobile-btn-block:hover:before { left: calc(100% - 46px) } .mobile-btn-block:before { content: ""; background: var(--color-background-accent-positive); border-radius: var(--border-radius-round); width: 45px; opacity: var(--opacity-8); transition: var(--transition-slow)cubic-bezier(.71,.14,.36,.89); will-change: transform; position: absolute; top: 1px; bottom: 1px; left: 1px } .webp-supported .mobile-btn-block:before { background: var(--color-background-accent-positive); background: var(--color-background-accent-positive) } @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter:none)) { .mobile-btn-block:before { -webkit-filter:blur(16px); filter: blur(16px) } } .mobile-btn-block .mobile-btn { width: 100%; height: 100%; padding: var(--offset-sm-s); align-items: center; display: flex; position: relative } .mobile-btn-block .mobile-btn__img { width: var(--height-md-2xl); height: var(--height-md-2xl) } .mobile-btn-block .mobile-btn__img img { max-width: 100%; margin: 0 auto; display: block } .mobile-btn-block .mobile-btn__content { margin-left: var(--offset-sm-s); flex-flow: column; align-items: flex-start; display: flex } .mobile-btn-block .mobile-btn .top { color: var(--color-white); font-family: NunitoSans Regular; font-size: 14px; line-height: 21px } .mobile-btn-block .mobile-btn .bottom { color: var(--color-white); font-family: NunitoSans Bold; font-size: 20px; line-height: 30px } [dir=rtl] .gp-rtl { direction: ltr } [dir=rtl] .gp-rtl .mobile-btn__content { align-items: flex-end } [dir=rtl] .mobile-btn-block:not(.gp-rtl):hover:before { left: unset; right: calc(100% - 46px) } [dir=rtl] .mobile-btn-block:not(.gp-rtl):before { left: unset; right: 1px } [dir=rtl] .mobile-btn-block:not(.gp-rtl) .mobile-btn__content { margin-left: 0; margin-right: var(--offset-sm-s) } .cards-box { flex-direction: column-reverse; align-items: flex-end; width: 288px; display: flex } @media (min-width: 768px) { .cards-box { flex-direction:row; align-items: center; width: 100% } } .cards-box__cards { width: 100%; margin-top: calc(var(--height-sm-s)*-1); position: relative } @media (min-width: 768px) { .cards-box__cards { margin-top:0 } } @media (min-width: 1024px) { .cards-box__cards { width:464px } } .cards-box__dots { display: flex; transform: translateY(-48px) } @media (min-width: 768px) { .cards-box__dots { margin-left:var(--offset-lg-s); margin-right: var(--offset-sm-l); flex-direction: column; display: flex; transform: translateY(-24px) } } .cards-box__dots .dot { width: var(--height-sm-s); height: var(--height-sm-s); margin-right: var(--offset-sm-m); border-radius: var(--border-radius-round); background-color: var(--color-background-secondary-surface); cursor: pointer } .cards-box__dots .dot:last-child { margin-right: 0 } @media (min-width: 768px) { .cards-box__dots .dot { margin-right:0; margin-bottom: var(--offset-sm-s) } .cards-box__dots .dot:last-child { margin-bottom: 0 } } .cards-box__dots .dot.active { background-color: #ffdd3c } .cards-box .card { transition: transform var(--transition-slower)cubic-bezier(.18,.98,.45,1),opacity var(--transition-slower)cubic-bezier(.18,.98,.45,1); padding: var(--offset-sm-l); border-radius: var(--border-radius-m); cursor: pointer; background: rgba(78,78,88,.6); flex-direction: row; align-items: flex-start; width: 288px; display: flex; position: absolute; top: 0; left: 0; box-shadow: 0 2px 10px rgba(0,0,0,.07) } .webp-supported .cards-box .card { background: rgba(78,78,88,.6) } @media (min-width: 768px) { .cards-box .card { width:100%; padding: var(--offset-md-2xs) } } .cards-box .card[data-slide="0"] { z-index: 6; opacity: var(--opacity-10); transition: transform .32s cubic-bezier(.18,.98,.45,1),opacity .32s cubic-bezier(.18,.98,.45,1); transform: translate(0)scale(1) } .cards-box .card[data-slide="1"] { z-index: 5; opacity: var(--opacity-9); transform: translateY(15px)scale(.95) } @media (min-width: 768px) { .cards-box .card[data-slide="1"] { opacity:var(--opacity-10) } } .cards-box .card[data-slide="2"] { z-index: 4; opacity: var(--opacity-8); transform: translateY(30px)scale(.9) } @media (min-width: 768px) { .cards-box .card[data-slide="2"] { opacity:var(--opacity-10) } } .cards-box .card[data-slide="3"] { z-index: 3; opacity: var(--opacity-7); transform: translateY(45px)scale(.85) } .cards-box .card[data-slide="4"] { z-index: 2; opacity: var(--opacity-6); transform: translateY(60px)scale(.8) } .cards-box .card[data-slide="5"] { z-index: 1; opacity: var(--opacity-5); transform: translateY(75px)scale(.75) } .cards-box .card__text { color: var(--color-white); text-align: left; font-family: NunitoSans Bold; font-size: 14px; line-height: 24px } @media (min-width: 1024px) { .cards-box .card__text { font-size:16px } } @media (min-width: 768px) { [dir=rtl] .cards-box .cards-box__dots { margin-left:var(--offset-sm-l); margin-right: var(--offset-lg-s) } } [dir=rtl] .cards-box .cards-box__dots .dot { margin-right: 0; margin-left: var(--offset-sm-m) } [dir=rtl] .cards-box .cards-box__dots .dot:last-child { margin-left: 0 } @media (min-width: 768px) { [dir=rtl] .cards-box .cards-box__dots .dot { margin-left:0 } } [dir=rtl] .cards-box .card__text { text-align: right } .pwa-desktop { display: none } .pwa-desktop .container { bottom: var(--offset-md-2xs); padding: var(--offset-sm-l); z-index: var(--zindex-1050); background-color: var(--color-background-surface); border-radius: var(--border-radius-xs); justify-content: space-between; align-items: center; width: 710px; margin: 0 auto; display: flex; position: fixed; left: 0; right: 0 } .pwa-desktop__content { padding-right: var(--offset-md-2xl) } .pwa-desktop__btn-container { display: flex } .pwa-desktop__btn-container vui-button { margin-right: var(--offset-sm-s) } .pwa-desktop__btn-container vui-button:last-child { margin-right: 0 } [dir=rtl] .pwa-desktop__content { padding-right: 0; padding-left: var(--offset-md-2xl) } [dir=rtl] .pwa-desktop__btn-container vui-button { margin-right: 0; margin-left: var(--offset-sm-s) } [dir=rtl] .pwa-desktop__btn-container vui-button:last-child { margin-left: 0 } #pwaMobile .modal { text-align: center } #pwaMobile .subtitle { color: RGBA(var(--color-main-8),.5) } .offset-row-sm-3xs { margin-bottom: 2px } .offset-row-sm-2xs { margin-bottom: 4px } .offset-row-sm-xs { margin-bottom: 6px } .offset-row-sm-s { margin-bottom: 8px } .offset-row-sm-sm { margin-bottom: 10px } .offset-row-sm-m { margin-bottom: 12px } .offset-row-sm-ml { margin-bottom: 14px } .offset-row-sm-l { margin-bottom: 16px } .offset-row-sm-xl { margin-bottom: 18px } .offset-row-sm-xxl { margin-bottom: 20px } .offset-row-md-2xs { margin-bottom: 24px } .offset-row-md-xs { margin-bottom: 28px } .offset-row-md-s { margin-bottom: 32px } .offset-row-md-m { margin-bottom: 36px } .offset-row-md-l { margin-bottom: 40px } .offset-row-md-xl { margin-bottom: 44px } .offset-row-md-2xl { margin-bottom: 48px } .offset-row-lg-xs { margin-bottom: 52px } .offset-row-lg-s { margin-bottom: 56px } .offset-row-lg-m { margin-bottom: 60px } .offset-row-lg-l { margin-bottom: 64px } .offset-row-lg-xl { margin-bottom: 68px } .offset-row-lg-2xl { margin-bottom: 72px } .offset-row-lg-3xl { margin-bottom: 76px } .offset-top-sm-3xs { margin-top: 2px } .offset-top-sm-2xs { margin-top: 4px } .offset-top-sm-xs { margin-top: 6px } .offset-top-sm-s { margin-top: 8px } .offset-top-sm-sm { margin-top: 10px } .offset-top-sm-m { margin-top: 12px } .offset-top-sm-ml { margin-top: 14px } .offset-top-sm-l { margin-top: 16px } .offset-top-sm-xl { margin-top: 18px } .offset-top-sm-xxl { margin-top: 20px } .offset-top-md-2xs { margin-top: 24px } .offset-top-md-xs { margin-top: 28px } .offset-top-md-s { margin-top: 32px } .offset-top-md-m { margin-top: 36px } .offset-top-md-l { margin-top: 40px } .offset-top-md-xl { margin-top: 44px } .offset-top-md-2xl { margin-top: 48px } .offset-top-lg-xs { margin-top: 52px } .offset-top-lg-s { margin-top: 56px } .offset-top-lg-m { margin-top: 60px } .offset-top-lg-l { margin-top: 64px } .offset-top-lg-xl { margin-top: 68px } .offset-top-lg-2xl { margin-top: 72px } .offset-top-lg-3xl { margin-top: 76px } .y-offset-sm-3xs { padding-top: 2px; padding-bottom: 2px } .y-offset-sm-2xs { padding-top: 4px; padding-bottom: 4px } .y-offset-sm-xs { padding-top: 6px; padding-bottom: 6px } .y-offset-sm-s { padding-top: 8px; padding-bottom: 8px } .y-offset-sm-sm { padding-top: 10px; padding-bottom: 10px } .y-offset-sm-m { padding-top: 12px; padding-bottom: 12px } .y-offset-sm-ml { padding-top: 14px; padding-bottom: 14px } .y-offset-sm-l { padding-top: 16px; padding-bottom: 16px } .y-offset-sm-xl { padding-top: 18px; padding-bottom: 18px } .y-offset-sm-xxl { padding-top: 20px; padding-bottom: 20px } .y-offset-md-2xs { padding-top: 24px; padding-bottom: 24px } .y-offset-md-xs { padding-top: 28px; padding-bottom: 28px } .y-offset-md-s { padding-top: 32px; padding-bottom: 32px } .y-offset-md-m { padding-top: 36px; padding-bottom: 36px } .y-offset-md-l { padding-top: 40px; padding-bottom: 40px } .y-offset-md-xl { padding-top: 44px; padding-bottom: 44px } .y-offset-md-2xl { padding-top: 48px; padding-bottom: 48px } .y-offset-lg-xs { padding-top: 52px; padding-bottom: 52px } .y-offset-lg-s { padding-top: 56px; padding-bottom: 56px } .y-offset-lg-m { padding-top: 60px; padding-bottom: 60px } .y-offset-lg-l { padding-top: 64px; padding-bottom: 64px } .y-offset-lg-xl { padding-top: 68px; padding-bottom: 68px } .y-offset-lg-2xl { padding-top: 72px; padding-bottom: 72px } .y-offset-lg-3xl { padding-top: 76px; padding-bottom: 76px } .x-offset-sm-3xs { padding-left: 2px; padding-right: 2px } .x-offset-sm-2xs { padding-left: 4px; padding-right: 4px } .x-offset-sm-xs { padding-left: 6px; padding-right: 6px } .x-offset-sm-s { padding-left: 8px; padding-right: 8px } .x-offset-sm-sm { padding-left: 10px; padding-right: 10px } .x-offset-sm-m { padding-left: 12px; padding-right: 12px } .x-offset-sm-ml { padding-left: 14px; padding-right: 14px } .x-offset-sm-l { padding-left: 16px; padding-right: 16px } .x-offset-sm-xl { padding-left: 18px; padding-right: 18px } .x-offset-sm-xxl { padding-left: 20px; padding-right: 20px } .x-offset-md-2xs { padding-left: 24px; padding-right: 24px } .x-offset-md-xs { padding-left: 28px; padding-right: 28px } .x-offset-md-s { padding-left: 32px; padding-right: 32px } .x-offset-md-m { padding-left: 36px; padding-right: 36px } .x-offset-md-l { padding-left: 40px; padding-right: 40px } .x-offset-md-xl { padding-left: 44px; padding-right: 44px } .x-offset-md-2xl { padding-left: 48px; padding-right: 48px } .x-offset-lg-xs { padding-left: 52px; padding-right: 52px } .x-offset-lg-s { padding-left: 56px; padding-right: 56px } .x-offset-lg-m { padding-left: 60px; padding-right: 60px } .x-offset-lg-l { padding-left: 64px; padding-right: 64px } .x-offset-lg-xl { padding-left: 68px; padding-right: 68px } .x-offset-lg-2xl { padding-left: 72px; padding-right: 72px } .x-offset-lg-3xl { padding-left: 76px; padding-right: 76px } .offset-right-sm-3xs { padding-right: 2px } .offset-right-sm-2xs { padding-right: 4px } .offset-right-sm-xs { padding-right: 6px } .offset-right-sm-s { padding-right: 8px } .offset-right-sm-sm { padding-right: 10px } .offset-right-sm-m { padding-right: 12px } .offset-right-sm-ml { padding-right: 14px } .offset-right-sm-l { padding-right: 16px } .offset-right-sm-xl { padding-right: 18px } .offset-right-sm-xxl { padding-right: 20px } .offset-right-md-2xs { padding-right: 24px } .offset-right-md-xs { padding-right: 28px } .offset-right-md-s { padding-right: 32px } .offset-right-md-m { padding-right: 36px } .offset-right-md-l { padding-right: 40px } .offset-right-md-xl { padding-right: 44px } .offset-right-md-2xl { padding-right: 48px } .offset-right-lg-xs { padding-right: 52px } .offset-right-lg-s { padding-right: 56px } .offset-right-lg-m { padding-right: 60px } .offset-right-lg-l { padding-right: 64px } .offset-right-lg-xl { padding-right: 68px } .offset-right-lg-2xl { padding-right: 72px } .offset-right-lg-3xl { padding-right: 76px } .offset-left-sm-3xs { padding-left: 2px } .offset-left-sm-2xs { padding-left: 4px } .offset-left-sm-xs { padding-left: 6px } .offset-left-sm-s { padding-left: 8px } .offset-left-sm-sm { padding-left: 10px } .offset-left-sm-m { padding-left: 12px } .offset-left-sm-ml { padding-left: 14px } .offset-left-sm-l { padding-left: 16px } .offset-left-sm-xl { padding-left: 18px } .offset-left-sm-xxl { padding-left: 20px } .offset-left-md-2xs { padding-left: 24px } .offset-left-md-xs { padding-left: 28px } .offset-left-md-s { padding-left: 32px } .offset-left-md-m { padding-left: 36px } .offset-left-md-l { padding-left: 40px } .offset-left-md-xl { padding-left: 44px } .offset-left-md-2xl { padding-left: 48px } .offset-left-lg-xs { padding-left: 52px } .offset-left-lg-s { padding-left: 56px } .offset-left-lg-m { padding-left: 60px } .offset-left-lg-l { padding-left: 64px } .offset-left-lg-xl { padding-left: 68px } .offset-left-lg-2xl { padding-left: 72px } .offset-left-lg-3xl { padding-left: 76px } .invalid { width: 100%; padding: var(--offset-sm-s)0; font: var(--regular-s); color: var(--color-text-negative); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: line-height var(--transition-standart)var(--cubic-ease-out),padding var(--transition-standart)var(--cubic-ease-out),color var(--transition-standart)var(--cubic-ease-out); line-height: 16px; display: block } .form { border-radius: var(--border-radius-xs); padding: var(--offset-md-l)var(--offset-md-s); background-color: transparent; align-content: center; align-self: center; position: relative } @media (min-width: 768px) { .form { padding:var(--offset-md-l)var(--offset-md-2xl) } } @media (max-width: 960px) and (max-height:500px) and (orientation:landscape) { .form { padding:var(--offset-md-l)var(--offset-md-s) } } .form .checkbox { display: flex } .form .checkbox a { color: var(--color-text-primary); transition: all var(--transition-faster)var(--cubic-ease-out); text-decoration: underline } .form .checkbox a:hover { opacity: var(--opacity-8) } .form .wrapper { padding: var(--offset-sm-l) } @media (min-width: 768px) { .form .wrapper { padding:var(--offset-sm-xxl)42px var(--offset-md-2xs) } } .form .block { display: block } .form .text-btn { text-align: center; width: 100% } .form .social-buttons { margin-bottom: var(--offset-sm-l); display: flex } .form .social-buttons .social-auth__button { --button-bg-color: #f0f0f2; --button-hover-bg-color: #f7f7f8; --button-disabled-bg-color: #f0f0f2; margin-left: var(--offset-sm-s) } .form .social-buttons .social-auth__button.disabled { opacity: .3 } .form .social-buttons .social-auth__button:first-of-type { margin-left: 0 } .form .social-buttons .social-auth__button_facebook { --button-bg-color: #1877f2; --button-hover-bg-color: #80b4f8; --button-disabled-bg-color: #1877f2 } .form .social-buttons .social-auth__button_gp { --button-bg-color: #f0f0f2; --button-hover-bg-color: #f7f7f8; --button-disabled-bg-color: #f0f0f2 } .form .social-buttons .social-auth__button_line { --button-bg-color: #06c755; --button-hover-bg-color: #76e0a1; --button-disabled-bg-color: #06c755 } [dir=rtl] .form .social-buttons .social-auth__button { margin-left: 0; margin-right: var(--offset-sm-s) } [dir=rtl] .form .social-buttons .social-auth__button:first-of-type { margin-right: 0 } .forgot-link { font: var(--regular-m); color: var(--color-text-secondary); margin-bottom: var(--offset-sm-l); cursor: pointer; transition: color var(--transition-fastest)var(--cubic-ease-out); text-decoration: underline; display: inline-block } @media (min-width: 1280px) { .forgot-link:hover { color:var(--color-text-primary) } } .underline { text-decoration: underline } .underline:hover { text-decoration: none } form { margin-bottom: 0 } .lottery { background-position: bottom; background-repeat: no-repeat; background-size: cover; background-image: ; padding-top: 83px; position: relative; overflow: hidden } .webp-unsupported .lottery { background-image: url(/h-assets/img/bg-mers-mob-feae4d5da412109c.jpg) } .webp-supported .lottery { background-image: url(/h-assets/img/bg-mers-mob-13e85ffbeb900420.webp) } @media (min-width: 600px) { .lottery { background-size:cover } } @media (min-width: 768px) { .lottery { background-position:50%; background-image: ; padding-top: 90px } .webp-unsupported .lottery { background-image: url(/h-assets/img/bg-mers-6dedda91dc0c925f.jpg) } .webp-supported .lottery { background-image: url(/h-assets/img/bg-mers-1667027ec88ae4e3.webp) } } @media (min-width: 1024px) { .lottery { padding-top:104px } } @media (min-width: 1280px) { .lottery { padding-top:130px } } .lottery:after { content: ""; width: var(--width-full); height: var(--height-xl-2xs); background: linear-gradient(rgba(48,19,48,0) 0,rgba(48,19,48,.9) 100%); position: absolute; bottom: 0; left: 0 } .webp-supported .lottery:after { background: linear-gradient(rgba(48,19,48,0) 0,rgba(48,19,48,.9) 100%) } .lottery .container { max-width: 500px; padding: 0 var(--offset-sm-l); margin: 0 auto } @media (min-width: 768px) { .lottery .container { max-width:1024px; padding: 0 var(--offset-md-l) } } @media (min-width: 1024px) { .lottery .container { max-width:1360px } } @media (min-width: 1360px) { .lottery .container { max-width:1264px; padding: 0 var(--offset-md-2xl) } } .lottery__container { flex-direction: column; align-items: center; display: flex } @media (min-width: 768px) { .lottery__container { align-items:flex-start } } .lottery__date { text-transform: uppercase; color: var(--color-stroke-accent-color); margin-bottom: var(--offset-sm-s); text-align: center } @media (min-width: 768px) { .lottery__date { margin-bottom:var(--offset-sm-l); margin-bottom: var(--offset-sm-sm) } .lottery__date:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__date:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__date:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__date:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__date:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__date:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } } @media (min-width: 1024px) { .lottery__date { margin-bottom:var(--offset-sm-xl) } } @media (min-width: 1280px) { .lottery__date { margin-bottom:var(--offset-sm-xxxl) } } .lottery__title { text-align: center; max-width: 375px; margin: 0 } .lottery__title:first-of-type { color: var(--color-stroke-accent-color) } .lottery__title:last-of-type { margin-bottom: var(--offset-sm-s) } @media (min-width: 768px) { .lottery__title:last-of-type { margin-bottom:var(--offset-sm-xxxl) } } @media (min-width: 1024px) { .lottery__title:last-of-type { margin-bottom:var(--offset-sm-xxxl) } } @media (min-width: 768px) { .lottery__title { max-width:483px } .lottery__title:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__title:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__title:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__title:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__title:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } } @media (min-width: 1024px) { .lottery__title { max-width:494px } } .lottery__subtitle { text-align: center; margin-bottom: var(--offset-sm-xxxl); max-width: 375px } @media (min-width: 768px) { .lottery__subtitle { max-width:316px; margin-bottom: 42px } .lottery__subtitle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__subtitle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__subtitle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .lottery__subtitle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__subtitle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .lottery__subtitle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } } @media (min-width: 1024px) { .lottery__subtitle { max-width:412px; margin-bottom: var(--offset-md-l) } } @media (min-width: 1280px) { .lottery__subtitle { max-width:452px } } .lottery__action { flex-direction: column; align-self: stretch; align-items: center; display: flex } @media (min-width: 768px) { .lottery__action { flex-direction:row; align-items: stretch; gap: 16px } } .lottery__btn { width: var(--width-full); padding: var(--offset-sm-ml); border-radius: var(--border-radius-m); color: rgb(var(--color-black)); margin-bottom: var(--offset-sm-xxxl); text-align: center; background: linear-gradient(90deg,#ffdd3c 0%,#ffefa3 100%); justify-content: center; align-items: center; min-width: 288px; display: flex; box-shadow: 0 10px 60px rgba(209,148,71,.5) } .webp-supported .lottery__btn { background: linear-gradient(90deg,#ffdd3c 0%,#ffefa3 100%) } .lottery__btn:hover,.webp-supported .lottery__btn:hover,.webp-supported .lottery__btn:hover { background: rgb(var(--color-yellow-light)) } @media (min-width: 768px) { .lottery__btn { border-radius:var(--border-radius-l); padding: var(--offset-sm-xxxl)var(--offset-md-xxl); min-width: 267px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: 0 } } .lottery__caption { padding-top: 249px; padding-bottom: var(--offset-sm-l); color: var(--color-stroke-highlight); text-align: center; z-index: var(--zindex-1); position: relative } @media (min-width: 768px) { .lottery__caption { padding-top:var(--offset-md-xl); padding-bottom: var(--offset-md-l); text-align: left; max-width: 325px } } @media (min-width: 1024px) { .lottery__caption { max-width:unset; padding-top: 42px } } @media (min-width: 1280px) { .lottery__caption { padding-top:var(--offset-md-l) } } .lottery__img { width: var(--width-full); position: absolute; bottom: 0 } @media (min-width: 768px) { .lottery__img { width:-webkit-max-content; width: -moz-max-content; width: max-content; left: 54% } } @media (min-width: 1024px) { .lottery__img { left:52% } } @media (min-width: 1280px) { .lottery__img { left:50% } } .lottery__img img { height: 329px; margin: 0 auto; display: block } @media (min-width: 768px) { .lottery__img img { object-fit:contain; height: 450px } } @media (min-width: 1024px) { .lottery__img img { height:533px } } @media (min-width: 1280px) { .lottery__img img { height:602px } } .lottery .ticket { width: var(--width-xl-xl); z-index: var(--zindex-1); background-position: 50%; background-repeat: no-repeat; background-size: contain; position: absolute } .lottery .ticket_1 { background-image: ; width: var(--width-xl-2xl); height: 105px; top: 368px; left: 18px } .webp-unsupported .lottery .ticket_1 { background-image: url(/h-assets/img/ticket_1-f824e93f4a491321.png) } .webp-supported .lottery .ticket_1 { background-image: url(/h-assets/img/ticket_1-34373fe6d2bac5e5.webp) } @media (min-width: 768px) { .lottery .ticket_1 { width:130px; height: 125px; top: 30px; left: 390px } } @media (min-width: 1024px) { .lottery .ticket_1 { width:163px; height: 157px; top: 41px; left: 524px } } @media (min-width: 1280px) { .lottery .ticket_1 { left:50% } } .lottery .ticket_2 { background-image: ; width: 115px; height: 128px; top: 542px; left: -58px } .webp-unsupported .lottery .ticket_2 { background-image: url(/h-assets/img/ticket_2-6c4f819232671423.png) } .webp-supported .lottery .ticket_2 { background-image: url(/h-assets/img/ticket_2-86030a01cb1db930.webp) } @media (min-width: 768px) { .lottery .ticket_2 { width:176px; height: 186px; top: 416px; left: 404px } } @media (min-width: 1024px) { .lottery .ticket_2 { width:196px; height: 208px; top: 509px; left: 511px } } @media (min-width: 1280px) { .lottery .ticket_2 { left:47% } } .lottery .ticket_3 { background-image: ; width: 144px; height: 118px; top: 447px; right: -61px } .webp-unsupported .lottery .ticket_3 { background-image: url(/h-assets/img/ticket_3-aca0b063bd3e17fe.png) } .webp-supported .lottery .ticket_3 { background-image: url(/h-assets/img/ticket_3-604e5f9482fdc445.webp) } @media (min-width: 768px) { .lottery .ticket_3 { width:190px; height: 154px; top: 340px; right: -102px } } @media (min-width: 1024px) { .lottery .ticket_3 { width:242px; height: 190px; top: 368px; right: -104px } } @media (min-width: 1280px) { .lottery .ticket_3 { right:100px } } @media (min-width: 1440px) { .lottery .ticket_3 { left:74%; right: auto } } .lottery .hidden { display: none } @media (min-width: 768px) { [dir=rtl] .lottery { background-image: } [dir=rtl] .webp-unsupported .lottery { background-image: url(/h-assets/img/bg-mers-rtl-3465605a1bfe56e8.jpg) } [dir=rtl] .webp-supported .lottery { background-image: url(/h-assets/img/bg-mers-rtl-cf6383a3d50a552e.webp) } } [dir=rtl] .lottery .ticket_1 { background-image: } [dir=rtl] .webp-unsupported .lottery .ticket_1 { background-image: url(/h-assets/img/ticket_1-ar-89ebc0cf7cf28570.png) } [dir=rtl] .webp-supported .lottery .ticket_1 { background-image: url(/h-assets/img/ticket_1-ar-fa50078735d1582c.webp) } @media (min-width: 768px) { [dir=rtl] .lottery .ticket_1 { left:unset; right: 390px } } @media (min-width: 1024px) { [dir=rtl] .lottery .ticket_1 { right:478px } } @media (min-width: 1280px) { [dir=rtl] .lottery .ticket_1 { right:50% } } [dir=rtl] .lottery .ticket_2 { background-image: } [dir=rtl] .webp-unsupported .lottery .ticket_2 { background-image: url(/h-assets/img/ticket_2-ar-737723b481391377.png) } [dir=rtl] .webp-supported .lottery .ticket_2 { background-image: url(/h-assets/img/ticket_2-ar-848cfc03b304cf7e.webp) } @media (min-width: 768px) { [dir=rtl] .lottery .ticket_2 { left:unset; right: 404px } } @media (min-width: 1024px) { [dir=rtl] .lottery .ticket_2 { right:472px } } @media (min-width: 1280px) { [dir=rtl] .lottery .ticket_2 { right:47% } } [dir=rtl] .lottery .ticket_3 { background-image: } [dir=rtl] .webp-unsupported .lottery .ticket_3 { background-image: url(/h-assets/img/ticket_3-ar-382a707acfd0878e.png) } [dir=rtl] .webp-supported .lottery .ticket_3 { background-image: url(/h-assets/img/ticket_3-ar-98b44dbcd81ec69f.webp) } @media (min-width: 768px) { [dir=rtl] .lottery .ticket_3 { right:unset; left: -102px } } @media (min-width: 1024px) { [dir=rtl] .lottery .ticket_3 { left:-104px } } @media (min-width: 1280px) { [dir=rtl] .lottery .ticket_3 { left:100px } } @media (min-width: 768px) { [dir=rtl] .lottery__img { left:auto; right: 54% } } @media (min-width: 1024px) { [dir=rtl] .lottery__img { right:52% } } @media (min-width: 1280px) { [dir=rtl] .lottery__img { right:50% } } @media (min-width: 768px) { [dir=rtl] .lottery__img img { transform:scaleX(-1) } } .hidden { display: none } .ducky { position: relative; overflow: hidden } .ducky__container { z-index: var(--zindex-1); padding-top: 78px; position: relative } @media (min-width: 768px) { .ducky__container { padding-top:98px } } @media (min-width: 1024px) { .ducky__container { padding-top:110px } } @media (min-width: 1280px) { .ducky__container { max-width:1264px } } .ducky__title { margin: 0; margin-bottom: var(--offset-sm-s); text-align: center } @media (min-width: 768px) { .ducky__title { max-width:400px; margin-bottom: 22px } .ducky__title:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__title:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__title:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__title:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__title:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__title:lang(pk) { text-align: right } } @media (min-width: 1024px) { .ducky__title { max-width:566px } } @media (min-width: 1280px) { .ducky__title { max-width:542px } } .ducky__subtitle { margin: 0 auto; margin-bottom: var(--offset-sm-xxl); text-align: center } @media (min-width: 768px) { .ducky__subtitle { margin:0; margin-bottom: var(--offset-md-s); max-width: 400px } .ducky__subtitle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__subtitle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__subtitle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) { text-align: left } .ducky__subtitle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__subtitle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__subtitle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) { text-align: right } .ducky__subtitle:lang(pk) { text-align: right } } @media (min-width: 1024px) { .ducky__subtitle { max-width:566px } } @media (min-width: 1280px) { .ducky__subtitle { max-width:576px; margin-bottom: var(--offset-md-m) } } .ducky__btn { width: var(--width-full); padding: var(--offset-sm-ml); border-radius: var(--border-radius-m); color: #000; margin-bottom: var(--offset-sm-xxxl); background: linear-gradient(90deg,#ffdd3c 0%,#ffefa3 100%); display: block; box-shadow: 0 10px 60px rgba(209,148,71,.5) } .webp-supported .ducky__btn { background: linear-gradient(90deg,#ffdd3c 0%,#ffefa3 100%) } .ducky__btn:hover,.webp-supported .ducky__btn:hover,.webp-supported .ducky__btn:hover { background: #ffefa3 } @media (min-width: 768px) { .ducky__btn { border-radius:var(--border-radius-l); padding: var(--offset-sm-xxxl)var(--offset-md-xxl); min-width: 216px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin-bottom: var(--offset-lg-xxxl) } } .ducky__list { justify-content: center; align-items: center; gap: var(--offset-sm-s); z-index: var(--zindex-1); flex-direction: column; padding: 0 0 384px; display: flex; position: relative } @media (min-width: 768px) { .ducky__list { justify-content:flex-start; gap: var(--offset-md-s); padding-bottom: var(----offset-sm-m); flex-direction: row } } @media (min-width: 1024px) { .ducky__list { padding-bottom:90px } } .ducky__item { align-items: center; gap: var(--offset-sm-s); display: flex } .ducky__text { width: 120px } @media (min-width: 768px) { .ducky__text { width:-webkit-max-content; width: -moz-max-content; width: max-content } } .ducky__icon { width: var(--width-lg-s); height: var(--height-lg-s); justify-content: center; align-items: center; display: flex } @media (min-width: 768px) { .ducky__icon { width:var(--height-lg-s); height: var(--height-lg-s) } } .ducky__img { width: var(--width-full); position: absolute; bottom: 0 } @media (min-width: 768px) { .ducky__img { width:-webkit-max-content; width: -moz-max-content; width: max-content; left: 44% } } @media (min-width: 1024px) { .ducky__img { left:46% } } @media (min-width: 1280px) { .ducky__img { left:44% } } .ducky__img img { object-fit: cover; height: 469px; width: var(--width-full); object-position: 29%; margin: 0 auto; display: block } @media (min-width: 768px) { .ducky__img img { object-fit:contain; height: 528px } } @media (min-width: 1024px) { .ducky__img img { height:654px } } @media (min-width: 1280px) { .ducky__img img { height:744px } } .ducky__img img:lang(pk) { object-position: 35% } @media (min-width: 768px) { .ducky__img:lang(pk) { right:27%; left: unset } } @media (min-width: 1024px) { .ducky__img:lang(pk) { right:32% } } @media (min-width: 1280px) { .ducky__img:lang(pk) { right:44% } } .ducky__coins .coin { width: var(--width-xl-s); height: var(--height-xl-s); background-position: 50%; background-repeat: no-repeat; background-size: contain; animation: infinite levitate; position: absolute } @media (min-width: 1024px) { .ducky__coins .coin { width:130px; height: 130px } .ducky__coins .coin:first-child { background-image: ; animation-duration: 2s; top: 40%; right: -7% } .webp-unsupported .ducky__coins .coin:first-child { background-image: url(/h-assets/img/candles-41a794683cc96c65.png) } .webp-supported .ducky__coins .coin:first-child { background-image: url(/h-assets/img/candles-d2a68cbdd0d28ac5.webp) } } @media (min-width: 1280px) { .ducky__coins .coin:first-child { top:30%; right: 0% } } .ducky__coins .coin:first-child:lang(pk) { right: unset; left: 0 } @media (min-width: 1024px) { .ducky__coins .coin:first-child:lang(pk) { left:-5% } } @media (min-width: 1280px) { .ducky__coins .coin:first-child:lang(pk) { left:-10% } } .ducky__coins .coin:nth-child(2) { background-image: ; animation-duration: 3s; top: 56%; left: 30% } .webp-unsupported .ducky__coins .coin:nth-child(2) { background-image: url(/h-assets/img/coin-93a86172072355a4.png) } .webp-supported .ducky__coins .coin:nth-child(2) { background-image: url(data:image/webp;base64,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) } @media (min-width: 768px) { .ducky__coins .coin:nth-child(2) { top:16%; left: 67% } } @media (min-width: 1024px) { .ducky__coins .coin:nth-child(2) { width:var(--width-xl-xl); height: var(--height-xl-xl) } } @media (min-width: 1280px) { .ducky__coins .coin:nth-child(2) { top:10%; left: 65% } } .ducky__coins .coin:nth-child(2):lang(pk) { left: unset; right: 56% } @media (min-width: 768px) { .ducky__coins .coin:nth-child(2):lang(pk) { right:69% } } @media (min-width: 1280px) { .ducky__coins .coin:nth-child(2):lang(pk) { right:80% } } .ducky__coins .coin:nth-child(3) { background-image: ; animation-duration: 2.5s; top: 87%; right: 65% } .webp-unsupported .ducky__coins .coin:nth-child(3) { background-image: url(/h-assets/img/arrows-d13448205b41fde9.png) } .webp-supported .ducky__coins .coin:nth-child(3) { background-image: url(data:image/webp;base64,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) } @media (min-width: 768px) { .ducky__coins .coin:nth-child(3) { top:54%; right: 44% } } .ducky__coins .coin:nth-child(3):lang(pk) { right: unset; left: 72% } @media (min-width: 768px) { .ducky__coins .coin:nth-child(3):lang(pk) { left:44% } } .ducky .bg { -webkit-filter: blur(200px); filter: blur(200px); opacity: .16; z-index: -1; border-radius: 520px; width: 700px; height: 700px; position: absolute; top: 0; left: 15% } .ducky .bg:first-child { background-color: #3abd2c; width: 400px; height: 400px; left: 22% } .ducky .bg:nth-child(2) { background-color: #0fffb7; left: 36% } .ducky .bg:nth-child(3) { background-color: #199c6d; top: 40%; left: 40% } .ducky .bg:nth-child(4) { background-color: #18ab91; width: 900px; height: 900px } .ducky .bg:nth-child(5) { background-color: #00bffb; width: 800px; height: 800px; left: 39% } .ducky .line { width: var(--width-full); background: linear-gradient(rgba(7,24,41,0) 8.97%,rgba(7,24,41,.8) 100%); height: 100px; position: absolute; bottom: 0; left: 0 } .webp-supported .ducky .line { background: linear-gradient(rgba(7,24,41,0) 8.97%,rgba(7,24,41,.8) 100%) } @keyframes levitate { 0% { transform: translateY(0%) } 50% { transform: translateY(10%) } to { transform: translateY(0%) } } .dream__title { margin: 0 0 var(--offset-md-l) } .dream__desc { margin-bottom: var(--offset-md-2xs) } @media (min-width: 768px) { .dream__desc { margin-bottom:var(--offset-md-l) } } @media (min-width: 1024px) { .dream__desc { margin-bottom:var(--offset-lg-xs) } } .dream__image { width: 288px; height: 260px; margin: 0 auto var(--offset-md-l); background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width: 768px) { .dream__image { width:688px; height: 353px } } @media (min-width: 1024px) { .dream__image { width:944px; height: 485px } } @media (min-width: 1200px) { .dream__image { width:1104px; height: 568px } } .dream__image.visible { background-image: } .webp-unsupported .dream__image.visible { background-image: url(/h-assets/img/dream_mobile-866547dfdfc269a4.png) } .webp-supported .dream__image.visible { background-image: url(/h-assets/img/dream_mobile-0a6a6274f99b4ce2.webp) } @media (min-width: 768px) { .dream__image.visible { background-image: } .webp-unsupported .dream__image.visible { background-image: url(/h-assets/img/dream-5420ff9a293c1103.png) } .webp-supported .dream__image.visible { background-image: url(/h-assets/img/dream-e299926934b25870.webp) } } .awards-new .awards__desc { margin-bottom: var(--offset-md-l) } @media (min-width: 768px) { .awards-new .awards__desc { margin-bottom:var(--offset-md-2xl) } } @media (min-width: 1360px) { .awards-new .awards__desc { margin-bottom:var(--offset-lg-l) } } @media (min-width: 1024px) { .awards-new__list { max-width:90% } } @media (min-width: 1280px) { .awards-new__list { max-width:75% } } .awards-new .award { background: radial-gradient(67.76% 109.24% at 0 0,rgba(38,139,212,.2) 0%,rgba(24,90,138,.1) 50%,rgba(23,79,120,.05) 83.85%,rgba(10,30,44,0) 100%),linear-gradient(108deg,rgba(57,57,57,0) 1.63%,rgba(255,255,255,.08) 99.59%); gap: 8px } .webp-supported .awards-new .award { background: radial-gradient(67.76% 109.24% at 0 0,rgba(38,139,212,.2) 0%,rgba(24,90,138,.1) 50%,rgba(23,79,120,.05) 83.85%,rgba(10,30,44,0) 100%),linear-gradient(108deg,rgba(57,57,57,0) 1.63%,rgba(255,255,255,.08) 99.59%) } .awards-new .award__img { min-width: 110px } body,.webp-supported body,.webp-supported body { background: #070e1e } body .header { background-color: transparent } .spot.visible { background: 0 0 } .webp-unsupported .spot.visible { background-image: url(/h-assets/img/spot_xs-d2fb601f53c64622.png) } .webp-supported .spot.visible { background-image: url(/h-assets/img/spot_xs-49a4827d140fd44e.webp) } @media (min-width: 768px) { .spot.visible { background:0 0 } .webp-unsupported .spot.visible { background-image: url(/h-assets/img/spot_s-54f35596d2aa1652.png) } .webp-supported .spot.visible { background-image: url(/h-assets/img/spot_s-87ae53c55eea013a.webp) } } @media (min-width: 1024px) { .spot.visible { background:0 0 } .webp-unsupported .spot.visible { background-image: url(/h-assets/img/spot_m-e1d6f403716b30c8.png) } .webp-supported .spot.visible { background-image: url(/h-assets/img/spot_m-b8398cc1dd88b81f.webp) } } @media (min-width: 1360px) { .spot.visible { background:0 0 } .webp-unsupported .spot.visible { background-image: url(/h-assets/img/spot_l-292fbdc2a7182654.png) } .webp-supported .spot.visible { background-image: url(/h-assets/img/spot_l-baf53bce58552679.webp) } } @media (min-width: 768px) { .choose__cards { grid-column-gap:var(--offset-sm-xxl) } } @media (min-width: 1024px) { .choose__cards { grid-column-gap:var(--offset-lg-xl) } } @media (min-width: 768px) { .choose .card__count { width:210px } } .just .card-effect:before,.webp-supported .just .card-effect:before,.webp-supported .just .card-effect:before { background: rgba(18,127,15,.6) } .vip__image.visible { background-image: } .webp-unsupported .vip__image.visible { background-image: url(/h-assets/img/vip_mobile-d87d0fbc1fcb0b80.png) } .webp-supported .vip__image.visible { background-image: url(/h-assets/img/vip_mobile-6ab09cc9e7d20fb3.webp) } @media (min-width: 768px) { .vip__image.visible { background-image: } .webp-unsupported .vip__image.visible { background-image: url(/h-assets/img/vip-80623421af4519fd.png) } .webp-supported .vip__image.visible { background-image: url(/h-assets/img/vip-e49a3cc2929e4bb0.webp) } } .vip .card-effect:before,.webp-supported .vip .card-effect:before,.webp-supported .vip .card-effect:before { background: rgba(18,127,15,.6) } .local-events__card.visible:first-of-type { background-image: } .webp-unsupported .local-events__card.visible:first-of-type { background-image: url(/h-assets/img/card1-78e5be2539dacfa0.jpg) } .webp-supported .local-events__card.visible:first-of-type { background-image: url(/h-assets/img/card1-c4053dc2396676af.webp) } .local-events__card.visible:last-of-type { background-image: } .webp-unsupported .local-events__card.visible:last-of-type { background-image: url(/h-assets/img/card2-1c5e21292cecd21f.jpg) } .webp-supported .local-events__card.visible:last-of-type { background-image: url(/h-assets/img/card2-adc655467e025e39.webp) }