/* line 6, ../../../sass/international/homepage/bonuses-carousel.scss */
.carousel-description {
  padding: 5px;
}

/* line 9, ../../../sass/international/homepage/bonuses-carousel.scss */
.padding-horizontal {
  padding-left: 20px !important;
  margin-bottom: 10px;
}

/* line 13, ../../../sass/international/homepage/bonuses-carousel.scss */
.rating-changes-wrapper {
  margin-bottom: 10px;
}

/* line 16, ../../../sass/international/homepage/bonuses-carousel.scss */
.games-carousel-wrap, .bonuses-carousel-wrap {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* line 7, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-right-8 {
  margin-right: 8px;
}

/* line 11, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-8 {
  margin-bottom: 8px;
}

/* line 15, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-left-8 {
  margin-left: 8px;
}

/* line 21, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-12 {
  margin-top: 12px;
}

/* line 25, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-12 {
  margin-bottom: 12px;
}

/* line 31, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-14 {
  margin-top: 14px;
}

/* line 35, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-14 {
  margin-bottom: 14px;
}

/* line 41, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-16 {
  margin-top: 16px;
}

/* line 45, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-16 {
  margin-bottom: 16px;
}

/* line 51, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-20 {
  margin-top: 20px;
}

/* line 55, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-right-20 {
  margin-right: 20px;
}

/* line 59, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-20 {
  margin-bottom: 20px;
}

/* line 65, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-24 {
  margin-top: 24px;
}

/* line 69, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-24 {
  margin-bottom: 24px;
}

/* line 75, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-32 {
  margin-top: 32px;
}

/* line 79, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-32 {
  margin-bottom: 32px;
}

/* line 85, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-top-48 {
  margin-top: 48px;
}

/* line 89, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_margins.scss */
.mg-bottom-48 {
  margin-bottom: 48px;
}

/* line 5, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_width.scss */
.mx-wh-650 {
  max-width: 650px;
}

/* line 9, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_width.scss */
.mx-wh-800 {
  max-width: 800px;
}

/* line 13, ../../../../redesign/src/assets/scss/common/ui-kit/typography/_width.scss */
.mx-wh-740 {
  max-width: 740px;
}

/* line 4, ../../../../redesign/src/assets/scss/common/ui-kit/overlays/_overlay-white.scss */
.overlay-white:before {
  content: "";
  background: rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* line 3, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  cursor: pointer;
  position: relative;
  padding: 8px 8px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
}
/* line 19, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button .text-overflow {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
/* line 26, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.allow-selection {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
/* line 30, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.size-tn {
  height: 28px;
  font-size: 12px;
}
/* line 35, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.size-sm {
  height: 36px;
}
/* line 39, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.size-md {
  height: 44px;
}
/* line 43, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.size-lg {
  font-size: 18px;
  height: 60px;
}
/* line 48, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.width-ex-lg {
  max-width: 224px;
}
/* line 52, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.width-lg {
  max-width: 200px;
}
/* line 56, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.width-md {
  max-width: 110px;
}
/* line 60, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.width-sm {
  max-width: 98px;
}
/* line 64, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button.radius-4 {
  border-radius: 4px;
}
/* line 68, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  display: block;
  left: 0;
  top: 0;
}
/* line 79, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button:not(:disabled):hover::after {
  background: rgba(255, 255, 255, 0.2);
  height: 100%;
}
/* line 84, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_buttons-common.scss */
.button:disabled {
  background-color: #7e7e7e !important;
}

/* line 5, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_button-gray.scss */
.button.filled-gray {
  background-color: #f2f2f2;
  color: black;
}
/* line 10, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_button-gray.scss */
.button.bordered-gray {
  border: 1px solid #cccccc;
}

/* line 5, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_button-green.scss */
.button.filled-green {
  background: #00832b;
}
/* line 9, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_button-green.scss */
.button.bordered-green {
  border: 3px solid #00832b;
}
/* line 12, ../../../../redesign/src/assets/scss/common/ui-kit/buttons/_button-green.scss */
.button.bordered-green:not(:disabled):hover::after {
  background: #00832b;
  opacity: 0.2;
}

/* line 3, ../../../../redesign/src/assets/scss/common/figures/_half-circle.scss */
.figure-circle {
  width: 36px;
  height: 18px;
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
}
/* line 8, ../../../../redesign/src/assets/scss/common/figures/_half-circle.scss */
.figure-circle.position-top-center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 3, ../../../../redesign/src/assets/scss/common/exclusive/exclusive.scss */
.exclusive {
  color: white;
  background-color: #df3a4d;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  padding: 4px 8px;
}

/* line 5, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .grid-item {
  position: relative;
}
/* line 8, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .grid-item:before {
  content: "";
  border-bottom: 4px dotted white;
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: -2px;
}
/* line 17, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .grid-item.size-medium {
  width: 265px;
}
/* line 22, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  min-height: 366px;
  height: 366px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
/* line 34, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item.item-unavailable:before {
  content: '';
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(65%, #3F3F3F), to(rgba(71, 71, 71, 0)));
  background-image: linear-gradient(0deg, #3F3F3F 65%, rgba(71, 71, 71, 0) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
}
/* line 43, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item:after {
  content: '';
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(55%, black), to(transparent));
  background-image: linear-gradient(0deg, black 55%, transparent);
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
}
/* line 55, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-rectangle.size-large {
  width: 550px;
}
/* line 58, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-rectangle.size-large .title {
  height: 60px;
  max-height: 60px;
  font-size: 18px;
}
/* line 65, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-rectangle .item {
  background-size: cover;
  background-position: center center;
}
/* line 70, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-rectangle .item:before {
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(45%, rgba(0, 0, 0, 0.7)), to(transparent));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 45%, transparent);
}
/* line 75, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-header {
  position: relative;
  height: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
/* line 80, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-header a {
  z-index: 5;
}
/* line 85, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .content {
  height: 100%;
  padding: 20px 16px;
}
/* line 89, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .content a {
  z-index: 5;
  position: relative;
}
/* line 95, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .category {
  color: white;
  width: 100%;
  height: 40px;
  max-height: 40px;
  overflow: hidden;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 105, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .category .category-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 108, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .category a {
  color: white;
  font-size: 12px;
  line-height: 1.3;
}
/* line 115, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .title {
  color: white;
  font-weight: bold;
  line-height: 1.3;
  height: 80px;
  max-height: 80px;
  overflow: hidden;
  z-index: 1;
  font-size: 16px;
}
/* line 126, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .card-head {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  height: 40px;
}
/* line 133, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .card-head img {
  max-height: 40px;
  width: auto;
  max-width: 122px;
}
/* line 139, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .card-head .total {
  color: #fff;
  z-index: 5;
  font-weight: bold;
}
/* line 146, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-link {
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/* line 156, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .button {
  height: 40px;
}
/* line 160, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
}
/* line 164, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .link .icon-chevron-arrow-right {
  font-size: 8px;
  margin-left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 172, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .exclusive, .grid-wrapper .timer-wrapper {
  border-radius: 8px;
}
/* line 176, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .dotted-line {
  height: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  z-index: 1;
  margin: 16px -4px 14px;
}
/* line 184, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .dotted-line:before {
  content: "";
  border-bottom: 4px dotted #323232;
  width: 100%;
}
/* line 191, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .image {
  position: absolute;
  width: 100%;
  height: 170px;
  background-size: cover;
  background-position: top;
}
/* line 200, ../../../../redesign/src/assets/scss/components/bonuses/cards/_bonus-card.scss */
.grid-wrapper .item-unavailable .image {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/* line 3, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
.grid-wrapper {
  grid-template-columns: repeat(4, 1fr);
}
@media all and (max-width: 1024px) {
  /* line 3, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media all and (max-width: 767px) {
  /* line 3, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media all and (max-width: 480px) {
  /* line 3, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* line 20, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
.grid-wrapper .item-rectangle:nth-child(odd) {
  grid-column: 1 / 3;
}
/* line 24, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
.grid-wrapper .item-rectangle:nth-child(even) {
  grid-column: 3 / 5;
}
@media all and (max-width: 1024px) {
  /* line 28, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper .item-rectangle:nth-child(odd), .grid-wrapper .item-rectangle:nth-child(even) {
    grid-column: 1 / 4;
  }
}
@media all and (max-width: 767px) {
  /* line 28, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper .item-rectangle:nth-child(odd), .grid-wrapper .item-rectangle:nth-child(even) {
    grid-column: 1 / 3;
  }
}
@media all and (max-width: 480px) {
  /* line 28, ../../../../redesign/src/assets/scss/components/bonuses/grid/_bonus-grid.scss */
  .grid-wrapper .item-rectangle:nth-child(odd), .grid-wrapper .item-rectangle:nth-child(even) {
    grid-column: 1 / 1;
  }
}

/* line 3, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
:root {
  --swiper-theme-color: #0077ee;
}

/* line 7, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

/* line 17, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 21, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/* line 31, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

/* line 36, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

/* line 40, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-multirow-column > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* line 45, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 50, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-slide {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

/* line 58, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
/* line 63, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

/* line 68, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
/* line 74, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

/* line 78, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* line 88, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 101, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

/* line 105, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

/* line 109, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

/* line 113, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* CSS Mode */
/* line 118, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

/* line 126, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 130, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 134, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

/* line 138, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

/* line 142, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

/* line 149, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

/* line 164, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

/* line 171, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
}

/* line 180, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

/* line 186, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 191, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

/* line 197, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 202, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

/* line 207, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

/* line 212, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-button-lock {
  display: none;
}

/* line 216, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

/* line 222, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 230, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
/* line 235, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
/* line 244, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 249, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

/* line 254, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* line 258, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* line 262, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

/* line 266, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

/* line 270, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

/* line 274, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

/* line 278, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

/* line 287, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 297, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 301, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

/* line 306, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

/* line 312, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

/* line 317, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

/* line 323, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

/* line 328, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

/* line 332, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

/* line 338, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

/* line 342, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
/* line 347, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

/* line 352, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

/* line 363, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

/* line 367, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

/* line 375, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 383, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

/* line 387, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

/* line 391, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
/* line 396, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

/* line 403, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

/* line 412, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

/* line 421, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

/* line 431, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 435, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-scrollbar-lock {
  display: none;
}

/* line 439, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

/* line 448, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* line 456, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
/* line 462, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

/* line 468, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

/* line 485, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

/* line 489, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* a11y */
/* line 500, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* line 509, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

/* line 513, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

/* line 518, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 522, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 527, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube {
  overflow: visible;
}

/* line 531, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 542, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 546, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

/* line 550, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 555, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* line 563, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 572, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

/* line 585, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-flip {
  overflow: visible;
}

/* line 589, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 596, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 600, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 605, ../../../../redesign/src/assets/scss/common/swiper/_swiper.scss */
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}