div.sliders {
  display: flex;
  gap: var(--MainGap);
}
div.sliders .slider-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--MainGap);
}
div.sliders .slider {
  position: relative;
}
div.sliders .slider.sl1 {
  flex: 0 0 var(--440);
  width: var(--440);
  height: var(--600);
}
div.sliders .slider.sl2 {
  flex: 0 0 var(--1280);
  width: var(--1280);
  height: var(--600);
}
div.sliders .slider.sl2 .container .item {
  padding: var(--MainGap) var(--120);
}
div.sliders .slider.sl2 .controls .arrow {
  display: block;
}
div.sliders .slider.sl3 {
  flex: 0 0 var(--440);
  width: var(--440);
  height: var(--780);
}
div.sliders .slider.sl4 {
  flex: 0 0 var(--1280);
  width: var(--1280);
  height: var(--370);
}
div.sliders .slider.sl5, div.sliders .slider.sl6 {
  flex: 0 0 var(--620);
  width: var(--620);
  height: var(--370);
}
div.sliders .slider.sl6 {
  border-radius: 0;
}
div.sliders .slider.sl6 .container {
  height: var(--336);
  border-radius: var(--BorderRadius);
}
div.sliders .slider.sl6 .controls .bullets {
  padding: 0;
}
div.sliders .slider .container {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  border-radius: var(--BorderRadius);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.15);
}
div.sliders .slider .container .item {
  height: 100%;
  flex: 0 0 100%;
  background: var(--BG) center center/cover no-repeat;
  display: flex;
  align-items: center;
  padding: var(--30);
  text-decoration: none;
  position: relative;
}
div.sliders .slider .container .item.b .info .title {
  color: var(--black);
}
div.sliders .slider .container .item.w .info .title {
  color: var(--white);
}
div.sliders .slider .container .item .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
div.sliders .slider .container .item video.cover {
  object-fit: cover;
}
div.sliders .slider .container .item .info {
  max-width: var(--450);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--30);
  position: relative;
  z-index: 0;
}
div.sliders .slider .container .item .info .title {
  font-size: var(--30);
  font-weight: 600;
  line-height: var(--38);
}
div.sliders .slider .controls {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 var(--40);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
div.sliders .slider .controls .arrow {
  display: none;
  width: var(--40);
  height: var(--40);
  border-radius: var(--BorderRadius);
  pointer-events: auto;
  transition: all 0.3s linear;
  border: var(--1) solid rgba(252, 191, 6, 0.25);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  position: absolute;
  left: var(--MainGap);
  top: 50%;
  transform: translateY(-50%);
}
div.sliders .slider .controls .arrow:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.45) 30.84%, rgba(252, 191, 6, 0.45) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(252, 191, 6, 0.4);
}
div.sliders .slider .controls .arrow:hover:after {
  transform: translate(-50%, -50%) scale(1.25);
}
div.sliders .slider .controls .arrow:after {
  content: "";
  display: block;
  background: url("/images/arrow-left.svg") center center/var(--9) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s linear;
}
div.sliders .slider .controls .arrow.right {
  transform: translateY(-50%) rotate(180deg);
  left: auto;
  right: var(--MainGap);
  box-shadow: var(---4) var(---4) var(--5) 0 rgba(0, 0, 0, 0.15);
}
div.sliders .slider .controls .bullets {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--30);
  gap: var(--15);
}
div.sliders .slider .controls .bullets .bullet {
  display: block;
  width: var(--14);
  height: var(--14);
  background: url("/images/bullet.svg") center center/contain no-repeat;
  box-shadow: var(--1) var(--1) var(--3) 0 rgba(0, 0, 0, 0.15);
  transition: all 0.3s linear;
  pointer-events: auto;
}
div.sliders .slider .controls .bullets .bullet:hover, div.sliders .slider .controls .bullets .bullet.current {
  background-image: url("/images/bullet-c.svg");
}
div.sliders .slider.r .container .item {
  padding: var(--30);
  align-items: flex-end;
}

.categories-grid {
  position: relative;
  padding: 0 var(--60);
}
.categories-grid .arrow {
  display: block;
  width: var(--40);
  height: var(--40);
  border-radius: var(--BorderRadius);
  pointer-events: auto;
  transition: all 0.3s linear;
  border: var(--1) solid rgba(252, 191, 6, 0.25);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--9));
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.categories-grid .arrow:hover {
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.45) 30.84%, rgba(252, 191, 6, 0.45) 79.16%);
  box-shadow: var(--4) var(--4) var(--5) 0 rgba(0, 0, 0, 0.25);
  border-color: rgba(252, 191, 6, 0.4);
}
.categories-grid .arrow:hover:after {
  transform: translate(-50%, -50%) scale(1.25);
}
.categories-grid .arrow:after {
  content: "";
  display: block;
  background: url("/images/arrow-left.svg") center center/var(--9) no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s linear;
}
.categories-grid .arrow.right {
  transform: translateY(-50%) rotate(180deg);
  left: auto;
  right: 0;
  box-shadow: var(---4) var(---4) var(--5) 0 rgba(0, 0, 0, 0.25);
}
.categories-grid .container {
  --InLine:4;
  display: flex;
  overflow: hidden;
  gap: var(--MainGap);
}
.categories-grid .container .category {
  flex: 0 0 calc((100% - (var(--InLine) - 1) * var(--MainGap)) / var(--InLine));
  height: var(--200);
  display: flex;
  gap: var(--20);
  align-items: center;
  padding: var(--20);
  border-radius: var(--BorderRadius);
  border: var(--1) solid rgba(153, 153, 153, 0.4);
  background: linear-gradient(151deg, rgba(212, 204, 204, 0.55) 30.84%, rgba(152, 152, 152, 0.55) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(var(--12));
  text-decoration: none;
  transition: all 0.3s linear;
}
.categories-grid .container .category:hover {
  border-color: rgba(252, 191, 6, 0.4);
  background: linear-gradient(151deg, rgba(252, 191, 6, 0.35) 30.84%, rgba(252, 191, 6, 0.35) 79.16%);
  box-shadow: var(--8) var(--8) var(--13) 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(var(--20));
}
.categories-grid .container .category .cover {
  flex: 0 0 var(--170);
}
.categories-grid .container .category .title {
  flex: 1;
  font-size: var(--20);
  font-weight: 600;
  line-height: var(--28);
}

/*# sourceMappingURL=mp.css.map */