body {     margin: 0;     opacity: 1;     scroll-behavior: smooth;     font-family: Montserrat, Arial, Helvetica, sans-serif;     height: 100%;     color: #aeb4c8;     font-size: 14px;     line-height: 1.25;     text-shadow: none;     font-weight: 400;     background-color: #1b2038;   	font-display: swap; } * {     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;     box-sizing: border-box; }  .icon-box_size-l {     width: 40px;     height: 40px; }  .icon {     display: inline-block; }  svg:not(:root) {     overflow: hidden; }   .button {     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     cursor: pointer;     border: 0;     padding: 0;     outline: 0;     box-shadow: none;     appearance: none;     text-decoration: none;     background: 0 0;     color: #ffffff;     font-weight: 700;     font-size: 18px;     border-radius: 2em; }  .button_size-s {     padding: 8px 16px;     min-height: 16px;     font-size: 14px;     line-height: 16px; }  .button_kind-primary2 {     background: #298049; }  .typography {     font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;     line-height: 1.2;     font-weight: inherit;     color: #ffffff; } .typography_size_sm {     font-size: 12px; }  .typography_kind_secondary-17 {     color: #ffffff; }  .header__main {     position: fixed;     top: 0;     left: 0;     z-index: 1060;     width: 100%;     background-color: #111525; }  .header__main__container {   display: flex;   align-items: center;   justify-content: space-between;   padding: 0 10px;   width: 100%; }  .header__main__logo__container {     height: 40px;     overflow: visible;     width: auto;     padding: 4px 0;     display: flex;     align-items: center; }  .logo {     display: inline-block;     width: 154px;     height: 32px; }  img {     border: 0;     vertical-align: middle;     max-width: 100%; }  .logo__inner {     max-width: 100%;     max-height: 100%; }  .header__menu {     display: flex;     align-items: center;     padding: 0; }  .header__item {     display: flex;     align-items: center;     margin-left: 30px; } .header__item .link {     color: #ffffff;     font-weight: 600;     font-size: 14px; } .header__item>* {     margin-right: 5px; } .typography_size_m {     font-size: 14px; }  .button_kind-primary1 {     background: #ff3a75; }  .header__button .icon {     color: #dfc7b4; }  .head__tabs {     display: inline-flex;     align-items: flex-end;     justify-content: center;     flex-direction: row;    	box-sizing: border-box;     position: absolute;     top: 100%;     left: 0;     width: 100%;     margin: 0;     padding: 0;     text-align: center;     background-color: #3f3a79;     height: 32px; }  .head__tabs__item {     text-decoration: none;     text-align: center;     border-bottom: 4px solid;     padding: 0 16px; }  .head__tabs__item_type_sports {     color: #3ab1f3; } .head__tabs__item_type_livedealers {     color: #ff3a75; } .head__tabs__item_type_casino {     color: #25ac33; } .head__tabs__title {     margin: 0;     color: #ebebeb;     transition: color .3s linear; } .main {     margin-top: 100px; } .banner {     padding: 20px 8px 8px;     background: linear-gradient(180deg, #9B61D6 0%, #1B2038 100%);     height: 376px;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     border-radius: 6px;     margin: 8px; } .banner__wrapper {     margin: 8px; } .banner__inner {     display: flex;     align-items: center; } .banner__inner__link {     display: flex;     align-items: center;     max-width: 1280px;     flex-direction: row;     justify-content: space-between;     padding: 0 16px;     width: 100%;     flex: 1;     text-decoration: none; } .banner__inner__link img {     width: 100%;     height: auto; } .banner__inner__link  .bonus {     position: absolute;     top: 20px;     left: 280px;     width: 180px;     height: auto; } .banner .header__item {     margin-left: 0;     padding: 14px 32px;     min-height: 48px;     line-height: 20px; }  .banner .header__menu {     margin-top: 32px; } .registration-banner__item {     display: flex;     flex-direction: column;     align-items: flex-start;     width: 592px;     order: -1; }  .typography_kind_secondary-13 {     color: #ffffff; } .registration-banner__salutation {     display: flex;     align-items: center;     margin: 16px 0 0;     text-align: left;     max-height: 96px; } .registration-banner__salutation.typography {     display: -webkit-box;     -webkit-box-orient: vertical;     overflow: hidden;     margin: 0;     word-break: break-word;     font-size: 30px;     font-weight: 700;     line-height: 1.5; }  .banner__inner__link__img {     margin: 0 auto;     position: relative;     max-width: 100%;     width: 614px;     height: 200px; } .home-page-tournament-slider {     margin: 0 10px 30px; }  .bonus__block {     z-index: 1;     display: block;     overflow: hidden;     list-style: none;     padding: 0;     width: 100%;     margin: 20px auto;     height: 100%; }  .bonus__block-wrapper {     display: flex;     justify-content: space-around;     position: relative;     width: 100%;     z-index: 1;     transition-property: transform;     box-sizing: content-box;     transform: translate3d(0px,0,0);     height: auto;     flex-wrap: wrap; }  .home-page-tournament-slider .games-slider-item {     flex-shrink: 0;     height: 100%;     position: relative;     transition-property: transform;     text-align: center;     font-size: 18px;     display: flex;     justify-content: center;     align-items: center;     width: 384px;     margin-bottom: 15px;     margin-left: inherit; }  .typography_size_2xl {     font-size: 24px; } .typography_line_height_xl {     line-height: 1.4; }  .typography_promo_card {     font-family: "Arial Black", Helvetica, sans-serif;     font-weight: 900; }  .image-loader-wrapper {     position: relative;     height: 100%;     min-height: 1px;     display: flex;     justify-content: center;     align-items: center; } .image-loader-wrapper__image {     display: block;     width: 100%;     height: 100%;     object-fit: cover;     object-position: center;     background-size: min(100%,72px) min(100%,72px);     background-repeat: no-repeat;     background-position: center; }  .home-page-games-slider {     position: relative;     display: flex;     min-height: 224px;     padding-left: 40px;     margin: 0 10px 30px; }  .home-page-games-slider .card-type-casino {     width: 192px;     padding: 0 0 15px;     box-sizing: border-box;     margin-right: 8px; }  .games-slider-title {     position: absolute;     top: 50%;     left: 0;     display: flex;     align-items: center;     color: #ffffff;     transform: rotate(-90deg) translateX(-50%);     z-index: 2;     transform-origin: 0 0; }  .games-slider-title__el {     margin-right: 8px; }  .swiper {     width: 100%;     height: 100%; }  .swiper-slide {     text-align: center;     font-size: 18px;     display: flex;     justify-content: center;     align-items: center; } .no-auto-size {     width: 192px !important; }  .swiper-slide img {     display: block;     width: 100%;     height: 100%;     object-fit: cover; }  .swiper {     width: 100%;     margin: 20px auto; }  .swiper-button-next::after, .swiper-button-prev::after {     display: none; }  .swiper-button-next, .swiper-button-prev {     position: absolute;     top: 10px;     width: 120px;     height: 100%;     display: flex;     align-items: center;     background: linear-gradient(270deg, #1B2038 40.26%, rgba(27, 32, 56, 0.00) 100.64%);     cursor: pointer;     z-index: 1; } .swiper-button-next {     right: -1px; } .swiper-button-next .icon {     transform: scaleX(-1);     margin-left: 70px; } .swiper-button-next .icon, .swiper-button-prev .icon {     width: 20px;     height: 20px;     color: #ffffff; }  .swiper-button-prev {     background: linear-gradient(-270deg, #1B2038 40.26%, rgba(27, 32, 56, 0.00) 100.64%);     left: -1px; } .swiper-button-prev .icon {     transform: scaleX(1);     margin-right: 70px; }  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {     opacity: 0; } .swiper-wrapper {     display: flex;     height: auto;     justify-content: space-around;     flex-wrap: wrap; }  .widget-card__card-content {     min-height: 112px;     height: 112px;     padding: 8px; }  .widget-card__card-title {     margin: 5px 0; } .card-content {     min-height: 136px;     display: flex;     flex-direction: column;     justify-content: space-around;     align-items: center;     text-align: center;     padding: 16px 8px;     background-color: #2e2d6a; } .card-media__wrapper {     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     z-index: 2;     display: flex;     flex-direction: column;     justify-content: space-between; } .card-media-overlay {     display: flex;     justify-content: space-between;     padding: 8px;     position: relative;     z-index: 1; } .card-media-overlay__item {     display: flex;     flex-direction: column;     align-items: flex-end; } .card-media-overlay__item:first-child {     align-items: flex-start; } .card-media-overlay__item {     display: flex;     flex-direction: column;     align-items: flex-end; }   .card-media_show_shadow::before {     content: "";     position: absolute;     top: 0;     right: 0;     bottom: 0;     left: 0;     z-index: 1;     background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%); }  .chip {     display: inline-flex;     justify-content: center;     align-items: center;     border-radius: 4px;     line-height: 1; } .chip_kind_success {     background: #25ac33; } .chip_size_s {     padding: 4px 8px; }  .card-media-overlay__item img {     width: auto;     height: auto; } .typography_size_xs {     font-size: 10px;     margin: 0; } .typography_line_height_s {     line-height: 1; } .typography_transforms_uppercase {     text-transform: uppercase; } .typography_strong {     font-weight: 700; } .home-page-games-slider .games-slider-item.more-btn-wrapper {     display: flex;     align-items: center;     justify-content: center;     height: auto; } .home-page-tournament-slider {     margin: 0 10px 30px; } .home-page-tournament-slider .swiper-container {     padding: 24px 15px 32px;     box-sizing: border-box; } .swiper-backface-hidden .swiper-slide {     transform: translateZ(0);     backface-visibility: hidden; } .home-page-tournament-slider .games-slider-item {     display: flex;     justify-content: center;     width: 384px; } .card_effect_shadow {     box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05), 0px 14px 20px rgba(0, 0, 0, 0.2);     transition: .5s; } .home-page-tournament-slider .games-slider-item>.card {     max-width: 384px;     width: 100%;     height: auto; } .card-header {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     height: 48px;     padding: 8px; } .card-header_kind_light {     background-color: #2e2d6a; } .card-title {     display: inline-flex;     justify-content: center;     align-items: center; } .card-title_kind_dark {     color: #ccbbae; } .card-title__icon {     margin-right: 8px; } .card-header__label {     height: 36px;     display: inline-flex;     align-items: center; } .card-badge, .card-badge__label {     display: inline-flex;     align-items: center; } .card-badge {     justify-content: center;     gap: 8px; } .card-badge__icon {     background: 0 0;     display: inline-flex;     color: #549fdd; } .card-badge__label {     height: 100%;     color: #e6d8cc; } .card-badge__label_text_bold {     font-weight: 700; } .card {     display: flex;     flex-direction: column;     border-radius: 6px;     overflow: hidden;     background: #2e2d6a; } .card-body {     display: flex;     flex-direction: column;     overflow: hidden;     height: 100%;     border-radius: 6px;     margin: 0; } .card-body_has_indent {     margin: 0 8px; } .card-action {     height: 100%;     cursor: pointer;     text-decoration: none; }  .card-media_color_gradient-1 {     background: linear-gradient(180deg, #EC6C44 0%, #1B2038 100%);; } .card-media_color_gradient-4 {     background: linear-gradient(180deg, #9B61D6 0%, #1B2038 100%); } .card-media_color_gradient-6 {     background: linear-gradient(180deg, #389EDD 0%, #1B2038 100%); } .card-media {     display: flex;     justify-content: center;     align-items: center;     position: relative;     height: 100%;     overflow: hidden;     background-color: transparent; } .card-media_color_gradient-2 {     background: linear-gradient(180deg, #69D092 0%, #1B2038 100%); } .card-media_color_gradient-7 {     background: linear-gradient(180deg, #EC6C44 0%, #1B2038 100%); } .promo-card__card-media {     padding: 8px; } .card-media__image {     width: 100%;     height: 100%; } .card-media__image_auto {     height: auto; }  .image-loader-wrapper img, .typography_kind_primary-1-400 {     color: #aeb4c8; } .card-badge_inversed .card-badge__icon {     background: #549fdd;     border-radius: 50%;     color: #ffffff; } .amount {     white-space: nowrap;     text-overflow: ellipsis;     overflow: hidden; } .chip_kind_primary {     background: #549fdd; }  .card-media-prize {     min-height: 88px;     background: rgba(46, 45, 106,.8);     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     margin-top: auto;     position: absolute;     width: 100%;     bottom: 0;     left: 0; } .card-media-prize__title {     margin-bottom: 8px;     color: #ccbbae; } .card-media-prize__subtitle {     overflow: hidden;     color: #e6d8cc; } .card-media-prize__subtitle * {     text-transform: uppercase;     margin: 0; } .odometr {     height: 1em;     line-height: 1em;     min-height: 1em;     overflow: hidden; } .odometr_center {     justify-content: center; } .odometr__wrapper {     display: flex;     justify-content: center; } .odometr .display_none {     animation-name: hideWithDelay;     animation-delay: .2s; } @keyframes hideWithDelay {     0% {         display: flex;     }     100% {         display: none;     } } .odometr__coll {     height: 100%;     text-align: center;     transform: translate3d(0,0,0); }  .countdown-row {     display: inline-flex;     flex-direction: row;     justify-content: center;     align-items: center;     flex-wrap: wrap; } .countdown-row__title {     font-size: 12px;     line-height: 14px;     white-space: nowrap;     color: #9f9288;     margin: 0 8px 0 0; } .countdown-row__list {     display: flex; } .countdown-row__list-item {     display: flex;     flex-direction: row;     position: relative; } .countdown-row__list-item:first-child {     margin-right: 8px; } .countdown-row__label, .countdown-row__numbers {     font-size: 12px;     line-height: 14px;     color: #e6d8cc; } .card-footer {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     height: 56px;     padding: 8px; }  .game-of-month-card {     padding: 8px;     display: flex;     flex-direction: column;     height: 100%;     justify-content: space-between; } .typography_size_3xl {     font-size: 30px; } .typography_align_center {     text-align: center; } .game-of-month-card__header {     margin: 6px 0 10px; } .game-of-month-card__games-wrapper {     display: flex;     justify-content: center; } .game-of-month-card__games-wrapper .game-of-month-card__game-card {     max-height: 181px;     min-height: 147px;     height: 100%;     width: 100%; } .game-of-month-card__games-wrapper .game-of-month-card__game-card-casino {     max-width: 155px; } .game-of-month-card__games-wrapper .game-of-month-card__game-card:first-of-type {     margin-right: 8px; } .game-of-month-card__games-wrapper .game-of-month-card__game-card_is-casino:first-of-type {     margin-right: 16px; } .game-of-month-card__link {     display: block;     height: 100%; } .image-loader-wrapper_show_background {     background-color: #433e3d; } .slider-btn {     position: absolute;     top: 22px;     width: 120px;     height: 100%;     display: flex;     align-items: center;     background: linear-gradient(270deg, #1B2038 40.26%, rgba(27, 32, 56, 0.00) 100.64%);     cursor: pointer;     z-index: 1; } .slider-btn-next {     right: -1px; } .slider-btn-prev {     left: -1px; } .slider-btn-next .icon, .slider-btn-prev, .slider-btn-prev .icon {     transform: scaleX(-1); } .slider-btn-prev .icon {     margin-right: -50px; } .list-item-text>:first-child {     margin-right: 8px; } .icon-box {     position: relative;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     cursor: pointer;     padding: 0;     border: 0;     outline: 0;     box-shadow: none;     appearance: none;     text-decoration: none;     background: 0 0;     border-radius: 2px;     color: #ffffff; } .icon-box_kind-info {     background: #549fdd; } .icon-box_size-s {     width: 24px;     height: 24px; } .icon-box_radial {     border-radius: 100%; } .card-footer_type_action .card-footer__item:first-child, .card-footer_type_action .card-footer__item:last-child {     flex: 1; } .list {     margin: 0;     display: flex; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .list.list_dir_column {     flex-direction: column; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list-item-text {     display: inline-flex;     flex-wrap: wrap;     justify-content: center;     align-items: center; } .typography_kind_error-500 {     color: #ca483f; }  .game-card {     height: 100%;     transition: box-shadow .3s ease-in-out;     border-radius: 6px; }  .game-card:hover {     box-shadow: 0 6px 15px 0 rgba(0,0,0,.3); } .game-card picture {     transition: transform .3s ease-in-out; } .game-card:hover picture {     transform: scale(1.1); }  .content {     max-width: 1200px;     margin: 0 auto; } .content__title {     text-align: center; } .footer {     margin: 0 96px; } .list {     margin: 0;     display: flex; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list_dir_row {     flex-direction: row;     padding: 0; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .bottom-menu {     margin: 0;     padding: 0;     font-size: 0;     text-align: center;     justify-content: center;     flex-wrap: wrap; } .bottom-menu__item {     vertical-align: middle;     display: inline-block;     margin: 0 20px 20px; } .bottom-menu__item:first-child {     margin-left: 0; } .bottom-menu__link {     display: inline-block;     color: #3ab1f3;     font-size: 14px;     line-height: 1.25;     vertical-align: middle;     cursor: pointer; } .bottom-menu__link, .bottom-menu__link:hover {     text-decoration: none; } .footer-operators-slider, .footer-payment-slider {     border-bottom: 1px solid #7b7169;     margin-bottom: 24px;     position: relative; }  .footer-payment-slider {     border-top: 1px solid #7b7169;     padding: 16px 0 24px;     margin-bottom: 30px; }  .footer-payment-slider .swiper {     position: static; }  .footer-payment-slider .swiper-wrapper {     align-items: center;     margin-bottom: 10px;     position: relative; } .footer-payment-slider .slider-item {     display: flex;     justify-content: center;     width: unset; } .footer-payment-slider .slider-item img {     width: auto;     height: auto; } .footer-payment-slider .swiper-pagination {     position: absolute; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {     left: 50%;     transform: translateX(-50%);     white-space: nowrap; }  .swiper-pagination-bullet {     display: inline-block;     border-radius: 50%; }  .swiper-pagination-bullet-active {     background: #549FDD; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {     transform: scale(.33);     position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {     transform: scale(1); } .swiper-pagination-clickable .swiper-pagination-bullet {     cursor: pointer; } .footer-payment-slider .swiper-pagination-bullet {     width: 8px;     height: 8px;     background-color: #9f9288;     opacity: 1; } .footer-payment-slider .swiper-pagination-bullet-active {     background-color: #549fdd; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {     margin: 0 4px; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {     transition: 200ms transform,200ms left; } .swiper {     margin-left: auto;     margin-right: auto;     overflow: hidden;     list-style: none;     padding: 0; }  .footer .swiper-slide .footer__pay {     width: auto;     margin-right: 30px; } .swiper-grid-column>.swiper-wrapper {     flex-direction: row !important; }  .layout__mb-20 {     margin-bottom: 20px; } .list.list_dir_column.list_align_center, .list_dir_row {     align-items: center; } .list_dir_row {     flex-direction: row;     padding: 0; } .ul_list_markers_false {     list-style-type: none;     padding: 0; } .partners-list {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-content: center; } .partners-list__icon {     margin: 0 0 30px; } .partners-list__icon:not(:last-child) {     margin-right: 30px; } .partners-list__link {     display: block; }  .event-stream-list .swiper-wrapper {     height: 100%; } .event-stream-list_horizontal {     display: flex;     align-items: center;     height: 103px;     padding: 0 10px;     background: #171b2f; } .event-stream-list_sticky {     position: sticky;     bottom: 0;     z-index: 1000; } .event-stream-list_horizontal .swiper-container {     overflow: hidden; }  .event-stream-list .event-stream-list__item {     cursor: pointer;     width: 100%; } .event-stream-list_horizontal .swiper-container .event-stream-list__item {     text-align: center;     animation: spin .7s 1.2s ease-in-out; }  @keyframes spin {     0%, 100% {         transform: rotate(0deg) scale(1);     }      10% {         transform: rotate(-10deg) scale(1);     }     30% {         transform: rotate(10deg) scale(1.05);     }     50% {         transform: rotate(-10deg) scale(1.1);     }     75% {         transform: rotate(5deg) scale(1.05);     } } .event {     display: flex;     justify-content: space-between;     align-items: center; } .event-stream-list .event {     justify-content: start; } .event-stream-list__item__bigWin .event-stream-list__icon-holder {     width: 72px;     height: 72px;     max-width: 72px;     clip-path: polygon(45% 1.33975%,46.5798% .60307%,48.26352% .15192%,50% 0,51.73648% .15192%,53.4202% .60307%,55% 1.33975%,89.64102% 21.33975%,91.06889% 22.33956%,92.30146% 23.57212%,93.30127% 25%,94.03794% 26.5798%,94.48909% 28.26352%,94.64102% 30%,94.64102% 70%,94.48909% 71.73648%,94.03794% 73.4202%,93.30127% 75%,92.30146% 76.42788%,91.06889% 77.66044%,89.64102% 78.66025%,55% 98.66025%,53.4202% 99.39693%,51.73648% 99.84808%,50% 100%,48.26352% 99.84808%,46.5798% 99.39693%,45% 98.66025%,10.35898% 78.66025%,8.93111% 77.66044%,7.69854% 76.42788%,6.69873% 75%,5.96206% 73.4202%,5.51091% 71.73648%,5.35898% 70%,5.35898% 30%,5.51091% 28.26352%,5.96206% 26.5798%,6.69873% 25%,7.69854% 23.57212%,8.93111% 22.33956%,10.35898% 21.33975%); }  .event__message {     margin-left: 24px;     width: 176px;     white-space: normal; } .pseudo-link {     color: #549fdd;     line-height: 1;     text-shadow: none;     font-weight: 400;     user-select: none;     cursor: pointer;     word-wrap: break-word; } .pseudo-link, .pseudo-link:hover {     text-decoration: none; } .tabbar {     display: none; } .banner__wrapper {     display: flex;     margin: 8px; } .banner__inner {     width: 70%; } .gif {     width: 30%;     margin: 8px; } .gif__link {     display: block;     width: 100%;     height: 100%; } .gif__link img {     width: 100%;     height: 100%;     border-radius: 16px; } .min__img {   display: none; } @media (max-width: 1200px) {     .registration-banner__item,     .banner__inner__link__img {         width: 50%;     }     .tiles>:first-child {         margin-left: 13px;     }     .home-page-games-slider,     .home-page-tournament-slider {         margin: 0 20px 30px;     }     .swiperPay .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,     .swiperPay .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {         bottom: 0;     } }  @media (max-width: 940px) {   .content {     margin: 0 5px 20px; 	}     .footer {         margin: 0 20px 100px;     }     .banner {         padding: 8px;     }     .banner__inner__link {         flex-direction: column;     }     .registration-banner__item,     .banner__inner__link__img {         width: 100%;     }     .banner,     .banner__inner__link__img {         height: auto;     }     .banner__inner__link__img {         order: -2;     }     .registration-banner__item,     .registration-banner__salutation {         align-items: center;         text-align: center;     }     .event-stream-list {         display: none;     }     .tabbar {         display: block;         position: fixed;         z-index: 9997;         bottom: 0;         width: 100%;     }     .tabbar-item_type_round.active, .tabbar-menu {         background-color: #2e2d6a;     }     .tabbar-menu {         --tabbar-menu-count: 5;         height: 80px;         padding: 0 8px;         display: grid;         grid-template-columns: repeat(5,1fr);         justify-items: center;         position: relative;         z-index: 2;         box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.05);;     }     .tabbar-item {         height: 100%;         width: 60px;         padding: 20px 0 0;         display: flex;         align-items: center;         flex-direction: column;         color: #ffffff;         background-color: transparent;         border: 0;         cursor: pointer;         -webkit-font-smoothing: inherit;         -moz-osx-font-smoothing: inherit;         -webkit-appearance: none;         position: relative;         text-decoration: none;         word-break: break-word;         text-align: center;     }     .tabbar-item {         margin: 0 8px;     }     .tabbar-item_type_animate {         color: #ff3a75;     }     .tabbar-item__animated {         position: absolute;         z-index: -1;         border-radius: 9px;         overflow: hidden;         width: calc(100% + 16px);         top: 2px;         bottom: 2px;     }     .tabbar-item__animated::before {         content: "";         position: absolute;         z-index: -2;         left: -50%;         top: -50%;         width: 200%;         height: 200%;         background-repeat: no-repeat;         background-size: 0 0,60% 60%;         background-image: linear-gradient(transparent,transparent),linear-gradient(#FF3A75 60%,transparent 100%);         animation: rotate 4s linear infinite;     }     .tabbar-item_type_animate .typography {         color: #ff3a75;     }     .tabbar-item__animated::after {         content: "";         position: absolute;         z-index: -1;         left: 3px;         top: 3px;         width: calc(100% - 6px);         height: calc(100% - 6px);         background-color: #2e2d6a;         border-radius: 8px;     }     .tabbar-item_type_round {         width: 64px;         height: 64px;         padding: 0;         margin: -8px 8px 0;         display: flex;         align-items: center;         flex-direction: column;         justify-content: center;         position: relative;         color: #ffffff;         box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.15);;         border-radius: 100%;         background-color: #3ab1f3;         border: 0;         cursor: pointer;         -webkit-font-smoothing: inherit;         -moz-osx-font-smoothing: inherit;         -webkit-appearance: none;     }     .tabbar-item_type_round::before {         content: "";         position: absolute;         top: 7px;         left: 7px;         right: 7px;         bottom: 7px;         background-color: inherit;         box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);;         border-radius: 100%;     }     .tabbar-item_type_round .icon {         z-index: 1;     }     .tabbar-submenu {         z-index: 1;         position: fixed;         bottom: 40px;         width: 100%;         height: 100%;         display: none;         flex-direction: column;         justify-content: flex-end;         box-sizing: border-box;         padding: 35px 0;     }     .tabbar-submenu.show {         display: inline-flex;     }     @keyframes showWrapper {         0% {             background-color: transparent;         }          100% {             background-color: rgba(32,32,33,.9);         }     }     .tabbar-submenu.show {         animation: showWrapper .15s linear forwards;     }     .tabbar-submenu__inner {         display: grid;         grid-template-rows: min-content min-content;         padding: 0 0 29px;         box-shadow: 0px -4px 7px rgba(0, 0, 0, 0.05);;         border-radius: 15px 15px 0 0;         transition: .15s;         width: 100%;         background-color: #1b2038;         margin: 0 auto;     }     @keyframes showSubmenu {         0% {             opacity: 0;             transform: translateY(150%);         }          100% {             opacity: 1;             transform: translateY(0);         }     }     .tabbar-submenu.show .tabbar-submenu__inner {         animation: showSubmenu .15s linear forwards;     }     .typography_kind_secondary-9 {         color: #e7e7e7;     }     .tabbar-submenu__title {         width: 100%;         padding: 24px;         font-weight: 700;         min-height: 72px;     }     .tabbar-submenu__menu {         display: flex;         flex-wrap: wrap;         justify-content: center;     }     .tabbar-submenu__item {         display: flex;         flex-direction: column;         align-items: center;         flex: 0 0 64px;         margin: 4px;     }     .tabbar-submenu__item {         margin: 8px;     }     .tabbar-subitem {         display: grid;         align-items: baseline;         justify-content: center;         grid-template-rows: 1fr minmax(32px,auto);         width: 68px;         height: 80px;         padding: 8px 4px;         border-radius: 8px;         background-color: #2e2d6a;         color: #e7e7e7;         box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.15);         border: 0;         cursor: pointer;         -webkit-font-smoothing: inherit;         -moz-osx-font-smoothing: inherit;         -webkit-appearance: none;         position: relative;         text-decoration: none;         word-break: break-word;         white-space: pre-wrap;     }     .tabbar-subitem__icon {         margin: 0 auto;         max-height: 32px;         max-width: 32px;         width: 100%;         height: auto;         z-index: 1;     }     .tabbar-subitem__title {         word-break: break-word;         line-height: 1.1;         margin: auto;         max-width: 60px;         z-index: 1;     } }  @media (max-width: 835px) {     .banner__inner__link .bonus {         position: static;     }     .registration-banner__item {         top: auto;         bottom: 0;     } } @media (max-width: 768px) {     .swiper-button-next .icon,     .swiper-button-prev .icon {         display: none;     }     .head__tabs__menu {         display: none;     }     .registration-banner__item {         right: 0;     }     .home-page-games-slider, .home-page-tournament-slider {         margin: 0 10px 0;     }     .header__main__container:nth-child(2) {         display: none;     }     .header__menu {         display: none;     }     .header__main__wrapper {         justify-content: center;     }     .main {         margin-top: 60px;     }      .main .header__menu {         display: flex;     } }  @media (max-width: 680px) {   .banner__inner, .gif {       width: 100%;   }     .banner__wrapper {       margin: 8px;       display: block;   } }  @media (max-width: 480px) {     .registration-banner__item {         position: static;     }     .banner__inner__link {         text-align: center;     }     .registration-banner__item {         text-align: center;     }     .registration-banner__description {         justify-content: center;     }     .tiles {         margin: 0 auto 48px;     }     .swiper-button-next, .swiper-button-prev {         width: 10px;     }      .slider-btn-next {         right: -10px;     }     .banner__inner__link {         padding: 0;     }     .registration-banner__salutation.typography {         font-size: 21px;     }   .gif {     display: none;   }   .dest__img {     display: none;   }   .min__img {     display: block;   } } @media (max-width: 360px) {     .tabbar-item {         margin: 0 0;     }     .banner {         padding: 0;     }   .home-page-tournament-slider .games-slider-item {         max-width: 320px;         width: 100%;     }     .typography_size_3xl {         font-size: 18px;     } } .swiper-pointer-events {     touch-action: pan-y; } .content__inner a {   color: #9445dc; } .content__inner a:hover { 	color: #ff3a75;     text-decoration: none; }