/* Malina Casino SK - base styles */
* {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-family: "Sora", system-ui, sans-serif;
  letter-spacing: 0;
  text-decoration: none;
  outline: none;
  scroll-behavior: smooth;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  * {
    font-size: 9px;
  }
}
@media screen and (max-width: 1024px) {
  * {
    font-size: 7px;
  }
}

b, strong, i, em, u, s, mark, small, kbd, abbr {
  font-size: inherit;
  line-height: inherit;
}

html {
  background: var(--main-bg);
  scrollbar-width: thin;
  scrollbar-color: rgba(199, 90, 214, 0.55) rgba(32, 9, 34, 0.9);
}

html::-webkit-scrollbar {
  width: 0.9rem;
}

html::-webkit-scrollbar-track {
  background: rgba(32, 9, 34, 0.95);
}

html::-webkit-scrollbar-thumb {
  border-radius: 0.45rem;
  border: 2px solid rgba(32, 9, 34, 0.95);
  background: linear-gradient(180deg, rgba(199, 90, 214, 0.8), rgba(231, 57, 177, 0.45));
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7937cc, #e739b1);
}

body {
  display: grid;
  grid-auto-rows: minmax(min-content, max-content);
  gap: 3.2rem;
}

.ml-cc00789570 {
  overflow: hidden;
  touch-action: none;
}

.ml-a681017f84 {
  display: none !important;
}

.ml-ef75cbcbfd {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}
@media screen and (max-width: 1360px) {
  .ml-ef75cbcbfd {
    width: calc(100% - 4rem);
    margin: 0 2rem;
  }
}

.ml-2589063b21 {
  margin-top: 0.8rem;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(199, 90, 214, 0.75) rgba(32, 9, 34, 0.85);
}

.ml-2589063b21::-webkit-scrollbar {
  height: 0.6rem;
}

.ml-2589063b21::-webkit-scrollbar-track {
  border-radius: 0.4rem;
  background: rgba(26, 3, 32, 0.65);
}

.ml-2589063b21::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  border: 1px solid rgba(199, 90, 214, 0.35);
  background: linear-gradient(90deg, rgba(199, 90, 214, 0.85), rgba(231, 57, 177, 0.55));
}

.ml-5f71c43aa3 {
  font-size: 3.4rem;
  line-height: 120%;
  font-weight: 700;
  color: var(--text-main);
}
@media screen and (max-width: 768px) {
  .ml-5f71c43aa3 {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 560px) {
  .ml-5f71c43aa3 {
    font-size: 5.64vw;
    text-align: center;
  }
}

.ml-5f71c43aa3.ml-03a6271f54 {
  color: var(--text-accent);
}

.ml-37ac76d2f8 {
  margin-top: 2.4rem;
  font-size: 2.4rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-37ac76d2f8 {
    font-size: 5.13vw;
  }
}

.ml-489bc1df9f {
  display: inline-block;
  padding: 0.7rem 2rem;
  border: none;
  border-radius: 0.8rem;
  border: solid 1px var(--button-primary-stroke);
  background: var(--button-primary-bg);
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 600;
  color: var(--button-primary-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: filter 0.2s;
}
@media screen and (max-width: 560px) {
  .ml-489bc1df9f {
    padding: 3.08vw 6.16vw;
    font-size: 4.62vw;
  }
}
.ml-489bc1df9f:not([disabled]):hover {
  filter: var(--hover);
  cursor: pointer;
}
.ml-489bc1df9f:not([disabled]):active {
  filter: var(--active);
  cursor: pointer;
}

.ml-489bc1df9f.ml-d03705d8bc {
  border: solid 1px var(--button-secondary-stroke);
  background: var(--button-secondary-bg);
  color: var(--button-secondary-color);
}

.ml-18c7bac1b0 {
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 500;
  border: solid 1px transparent;
  border-radius: 0.8rem;
  color: var(--text-nav);
  transition: all 0.2s;
  cursor: pointer;
}
.ml-18c7bac1b0:hover {
  filter: var(--hover);
  border-color: var(--text-nav);
}
.ml-18c7bac1b0:active {
  color: var(--text-accent);
}

.ml-18c7bac1b0.ml-8887104999 {
  color: var(--text-accent);
}

.ml-112b09ef5f {
  position: relative;
  cursor: pointer;
}
.ml-112b09ef5f:hover .ml-4be25f4327 .ml-b6f48fa8d4 {
  text-decoration: underline;
}
.ml-112b09ef5f .ml-4be25f4327 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 0.8rem;
}
.ml-112b09ef5f .ml-4be25f4327 .ml-a48d05da93 {
  flex-shrink: 0;
  display: block;
  width: 1.4rem;
  height: auto;
}
.ml-112b09ef5f .ml-4be25f4327 .ml-b6f48fa8d4 {
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-nav);
}
.ml-112b09ef5f .ml-4be25f4327 .ml-50cffeea54 {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: auto;
  transition: transform 0.2s;
}
.ml-112b09ef5f .ml-d38d063c96 {
  position: absolute;
  left: 50%;
  min-width: 100%;
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 2rem;
  border: solid 1px var(--stroke-main);
  border-radius: 2rem;
  background: var(--tabs-bg);
  transform: translate(-50%, 0);
}
.ml-112b09ef5f .ml-d38d063c96 .ml-10c010e58f {
  display: block;
  padding: 0.5rem;
  font-size: 1.8rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-main);
  white-space: nowrap;
}
.ml-112b09ef5f .ml-d38d063c96 .ml-10c010e58f:hover {
  text-decoration: underline;
}
.ml-112b09ef5f .ml-d38d063c96 .ml-10c010e58f.ml-8887104999 {
  color: var(--text-accent);
}

.ml-112b09ef5f.ml-ee4431fa26 .ml-d38d063c96 {
  display: block;
}
.ml-112b09ef5f.ml-ee4431fa26 .ml-50cffeea54 {
  transform: rotate(180deg);
}

.ml-909ed6c16a {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.ml-909ed6c16a .ml-10c010e58f {
  font-size: 18px;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-nav);
  text-transform: uppercase;
  opacity: 0.5;
}
.ml-909ed6c16a .ml-10c010e58f.ml-8887104999 {
  text-decoration: underline;
  opacity: 1;
}

.ml-9ba12a8cc5 {
  width: 100%;
  height: 1px;
  border: none;
  background: var(--stroke-main);
}

.ml-f09c80ca25 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ml-50e8031f29 {
  position: fixed;
  left: 0;
  right: 0;
  background: var(--nav-bg);
  border-bottom: solid 1px var(--stroke-main);
  transition: background 0.4s, opacity 0.4s, transform 0.4s;
  z-index: 100;
}
.ml-50e8031f29 .ml-d7e7349d97 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
  padding: 1rem 1.2rem;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 {
    width: 100%;
    padding: 15px 20px;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-37e9172d78 {
  display: flex;
  width: auto;
  height: 4.5rem;
  margin-left: 1.8rem;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-37e9172d78 {
    margin-left: 0;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-37e9172d78 .ml-20b8fb0890 {
  display: block;
  width: auto;
  height: auto;
  max-height: 5.2rem;
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-5f9b31c7c6 {
  display: none;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-5f9b31c7c6 {
    display: block;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 {
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: translate(0, -300%);
    transition: transform 0.4s, opacity 0.4s;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 {
    display: block;
    margin: 80px 20px 20px;
    padding: 2rem;
    border: solid 1px var(--stroke-main);
    border-radius: 2rem;
    background: var(--tabs-bg);
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-650e3320b6 {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 1280px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-650e3320b6 {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-650e3320b6 {
    flex-direction: column;
    gap: 0.5rem;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-650e3320b6 .ml-18c7bac1b0 {
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-650e3320b6 .ml-18c7bac1b0 {
    font-size: 18px;
    color: var(--text-main);
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 {
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
  }
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 .ml-112b09ef5f {
    display: none;
  }
}
.ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 .ml-909ed6c16a {
  display: none;
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 .ml-909ed6c16a {
    display: flex;
    margin: 2.5rem auto;
  }
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 .ml-909ed6c16a .ml-10c010e58f {
    color: var(--text-main);
  }
}
@media screen and (max-width: 767px) {
  .ml-50e8031f29 .ml-d7e7349d97 .ml-600bc9b429 .ml-64479f2228 .ml-02a197bb29 .ml-489bc1df9f {
    width: 100%;
    font-size: 18px;
  }
}
.ml-50e8031f29 .ml-600bc9b429.ml-4839670f1d {
  opacity: 1;
  transform: none;
}
.ml-50e8031f29.ml-37a2878bfd {
    opacity: 1;
  transform: none;
  overflow: visible;
}

.ml-caa13f0055 {
  height: 60px;
}

.ml-0650507346 {
  position: relative;
  overflow: hidden;
  border-radius: 1.6rem;
  background: var(--tabs-bg);
}
.ml-0650507346::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(
    180deg,
    rgba(26, 3, 32, 0.72) 0%,
    rgba(26, 3, 32, 0.55) 40%,
    rgba(26, 3, 32, 0.78) 100%
  );
  pointer-events: none;
}
.ml-0650507346 .ml-3bc2f733f0 {
  position: absolute;
  inset: 0;
  display: block;
}
.ml-0650507346 .ml-3bc2f733f0 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ml-0650507346 .ml-2a3bbfa3e2 {
  position: relative;
  z-index: 1;
  aspect-ratio: 3.2/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 4rem;
  text-align: center;
}
@media screen and (max-width: 560px) {
  .ml-0650507346 .ml-2a3bbfa3e2 {
    min-height: 360px;
    aspect-ratio: auto;
    padding: 3.2rem 2rem;
  }
}
.ml-0650507346 .ml-2a3bbfa3e2 .ml-c058ec8e7e {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--tabs-bg), transparent 10%);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 120%;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-0650507346 .ml-2a3bbfa3e2 .ml-c058ec8e7e {
    font-size: 4.27vw;
  }
}
.ml-0650507346 .ml-2a3bbfa3e2 .ml-2b05cd5bf4 {
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--tabs-bg), transparent 10%);
  font-size: 6rem;
  font-weight: 700;
  line-height: 120%;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-0650507346 .ml-2a3bbfa3e2 .ml-2b05cd5bf4 {
    font-size: 6.4vw;
  }
}
.ml-0650507346 .ml-2a3bbfa3e2 .ml-2b05cd5bf4.ml-03a6271f54 {
  margin-top: 2rem;
  color: var(--text-accent);
}
.ml-0650507346 .ml-2a3bbfa3e2 .ml-f6c9a7db9b {
  margin: 1rem 0 0;
  padding: 0.8rem 1.2rem;
  border-radius: 0.8rem;
  background: color-mix(in srgb, var(--tabs-bg), transparent 10%);
  color: var(--text-accent);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 560px) {
  .ml-0650507346 .ml-2a3bbfa3e2 .ml-f6c9a7db9b {
    font-size: 4.8vw;
  }
}
.ml-0650507346 .ml-2a3bbfa3e2 .ml-489bc1df9f {
  margin-top: 4rem;
  padding: 1.4rem 4.8rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 560px) {
  .ml-0650507346 .ml-2a3bbfa3e2 .ml-489bc1df9f {
    margin-top: 2rem;
    padding: 3.73vw 7.56vw;
    font-size: 4.27vw;
  }
}

.ml-a157ff6b44 {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.ml-a157ff6b44 .ml-719bc9c948 {
  display: flex;
  gap: 1rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}
@media screen and (max-width: 560px) {
  .ml-a157ff6b44 .ml-719bc9c948 {
    gap: 2.67vw;
  }
}
.ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.6rem;
  border-radius: 2rem;
  background: var(--tabs-bg);
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 {
    gap: 1.33vw;
    padding: 2.13vw 4.27vw;
  }
}
.ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 .ml-b2e6d28d29 {
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (max-width: 560px) {
  .ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 .ml-b2e6d28d29 {
    width: 4.27vw;
    height: 4.27vw;
  }
}
.ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 .ml-b6f48fa8d4 {
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 560px) {
  .ml-a157ff6b44 .ml-719bc9c948 .ml-0cf6c3a454 .ml-b6f48fa8d4 {
    font-size: 3.73vw;
  }
}

.ml-b4c5fce02b .ml-4c12c10091 {
  margin: 0 0 2.4rem;
  color: var(--text-main);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 560px) {
  .ml-b4c5fce02b .ml-4c12c10091 {
    font-size: 6.4vw;
    text-align: center;
  }
}

.ml-b4c5fce02b .ml-85865b0152 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.6rem;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .ml-b4c5fce02b .ml-85865b0152 {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  }
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 {
  min-width: 0;
  border-radius: 1.2rem;
  background: var(--tabs-bg);
  overflow: hidden;
  transition: transform 0.2s;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9:hover {
  transform: scale(1.02);
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9:hover .ml-29f297dd65 .ml-ca1bcff205 {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9:hover .ml-29f297dd65 .ml-ca1bcff205 {
    opacity: 0;
  }
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 {
  position: relative;
  aspect-ratio: 3/4;
  min-width: 0;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-29bbbe2d19 {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
  background: #ef4444;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
  outline: solid 2px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
@media screen and (max-width: 560px) {
  .ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da {
    top: 2.67vw;
    left: 2.67vw;
    padding: 0.53vw 2.13vw;
    border-radius: 1.07vw;
    font-size: 3.2vw;
  }
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  border: solid 1px var(--stroke-main);
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  background: color-mix(in srgb, var(--tabs-bg), transparent 10%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 .ml-489bc1df9f {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  min-width: 75%;
  padding: 0.6rem 1.6rem;
  pointer-events: all;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 .ml-489bc1df9f .ml-b2e6d28d29 {
  width: 1.6rem;
  height: 1.6rem;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab {
  padding: 1.2rem;
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-0d2390232b {
  font-size: 1.4rem;
  line-height: 140%;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-0d2390232b {
    font-size: 3.2vw;
  }
}
.ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-c1a14e6613 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-b4c5fce02b .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-c1a14e6613 {
    font-size: 2.67vw;
  }
}
.ml-b4c5fce02b .ml-8ddeb3d275 {
  display: flex;
  justify-content: center;
  margin-top: 3.2rem;
}
.ml-b4c5fce02b .ml-8ddeb3d275 .ml-489bc1df9f {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20rem;
  padding: 1.2rem 2.4rem;
  font-size: 1.6rem;
}
.ml-b4c5fce02b .ml-8ddeb3d275 .ml-489bc1df9f .ml-7e1f0925cc {
  width: 2.2rem;
  height: 2.2rem;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ml-afca21045c {
  min-width: 0;
}
.ml-afca21045c .ml-ed3283a19e {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  color: #ef4444;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-ed3283a19e {
    gap: 2.67vw;
    font-size: 3.73vw;
  }
}
.ml-afca21045c .ml-ed3283a19e .ml-77788e0567 {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: #ef4444;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-ed3283a19e .ml-77788e0567 {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.ml-afca21045c .ml-401af64ec4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.6rem;
}
.ml-afca21045c .ml-401af64ec4 .ml-0d2390232b {
  font-size: 3rem;
  font-weight: 600;
  line-height: 160%;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-401af64ec4 .ml-0d2390232b {
    font-size: 6.4vw;
  }
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-401af64ec4 .ml-4980d22224 {
    display: none;
  }
}
.ml-afca21045c .ml-85865b0152 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
  min-width: 0;
  margin-top: 1.6rem;
}
@media screen and (max-width: 767px) {
  .ml-afca21045c .ml-85865b0152 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 {
    grid-template-columns: 1fr;
    gap: 4.27vw;
    margin-top: 4.27vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 {
  min-width: 0;
  border-radius: 1.2rem;
  background: var(--tabs-bg);
  overflow: hidden;
  transition: transform 0.2s;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 {
    border-radius: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9:hover {
  transform: scale(1.02);
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9:hover .ml-29f297dd65 .ml-ca1bcff205 {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9:hover .ml-29f297dd65 .ml-ca1bcff205 {
    opacity: 0;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 {
  position: relative;
  aspect-ratio: 1/1;
  min-width: 0;
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-29bbbe2d19 {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.2rem 0.8rem;
  border-radius: 0.4rem;
  background: #ef4444;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 160%;
  text-transform: uppercase;
  outline: solid 2px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da {
    top: 2.67vw;
    left: 2.67vw;
    padding: 0.53vw 2.13vw;
    border-radius: 1.07vw;
    font-size: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da .ml-77788e0567 {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #fff;
  animation: pulse 2s infinite;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-13f498f0da .ml-77788e0567 {
    width: 2.13vw;
    height: 2.13vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border: solid 1px var(--stroke-main);
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
  background: color-mix(in srgb, var(--tabs-bg), transparent 10%);
  opacity: 0;
  transition: opacity 0.2s;
  pointer-events: none;
  z-index: 10;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 {
    gap: 2.67vw;
    border-top-left-radius: 3.2vw;
    border-top-right-radius: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 .ml-489bc1df9f {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.6rem;
  pointer-events: all;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 .ml-489bc1df9f {
    gap: 1.6vw;
    padding: 1.6vw 4.27vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-29f297dd65 .ml-ca1bcff205 .ml-489bc1df9f .ml-b2e6d28d29 {
  width: 1.6rem;
  height: 1.6rem;
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab {
  padding: 1.2rem;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab {
    padding: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-0d2390232b {
  font-size: 1.2rem;
  line-height: 140%;
  color: var(--text-accent);
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-0d2390232b {
    font-size: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-c1a14e6613 {
  margin-top: 0.8rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 140%;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-c1a14e6613 {
    font-size: 4.8vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 {
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 {
    font-size: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-796f1b25f9 {
  display: flex;
  align-items: center;
  font-size: inherit;
  color: var(--text-secondary);
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-796f1b25f9 .ml-b2e6d28d29 {
  width: 1.2rem;
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-796f1b25f9 .ml-b2e6d28d29 {
    width: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-796f1b25f9 .ml-03a6271f54 {
  font-size: inherit;
  color: var(--text-main);
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-9925d2d4bc {
  font-size: inherit;
  color: var(--text-secondary);
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-d7e7349d97 .ml-9925d2d4bc .ml-03a6271f54 {
  font-size: inherit;
  color: var(--text-main);
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-ac380aa4b6 {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-ac380aa4b6 {
    font-size: 3.2vw;
  }
}
.ml-afca21045c .ml-85865b0152 .ml-0ac7dd16f9 .ml-e2b0db82ab .ml-ac380aa4b6 .ml-03a6271f54 {
  font-size: inherit;
  color: var(--text-main);
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.ml-87dadad6fb {
  overflow: hidden;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 {
  position: relative;
  max-height: 40rem;
  padding: 2.4rem;
  border: solid 1px var(--stroke-main);
  border-radius: 2.4rem;
  background: var(--tabs-bg);
  transition: max-height 0.2s;
  overflow: hidden;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b {
  margin: 0 0 3.2rem;
  border: solid 1px var(--stroke-main);
  border-radius: 1.6rem;
  background: var(--tabs-bg);
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b summary {
  position: relative;
  padding: 2rem 5.4rem 2rem 2.4rem;
  color: var(--text-main);
  font-size: 2rem;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b summary::-webkit-details-marker {
  display: none;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b summary::after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  content: "+";
  color: var(--text-accent);
  font-size: 3rem;
  line-height: 1;
  transform: translateY(-50%);
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b[open] summary::after {
  content: "−";
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b nav {
  padding: 0 2.4rem 2.4rem;
  border-top: solid 1px var(--stroke-main);
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b ol {
  margin: 1.8rem 0 0;
  padding-left: 2.2rem;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-baa567589b li + li {
  margin-top: 0.8rem;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 h1, .ml-87dadad6fb .ml-2a3bbfa3e2 h2, .ml-87dadad6fb .ml-2a3bbfa3e2 h3, .ml-87dadad6fb .ml-2a3bbfa3e2 h4, .ml-87dadad6fb .ml-2a3bbfa3e2 h5, .ml-87dadad6fb .ml-2a3bbfa3e2 h6 {
  margin-top: 2.4rem;
  font-size: 2rem;
  line-height: 140%;
  font-weight: 600;
  color: var(--text-main);
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 h1, .ml-87dadad6fb .ml-2a3bbfa3e2 h2, .ml-87dadad6fb .ml-2a3bbfa3e2 h3, .ml-87dadad6fb .ml-2a3bbfa3e2 h4, .ml-87dadad6fb .ml-2a3bbfa3e2 h5, .ml-87dadad6fb .ml-2a3bbfa3e2 h6 {
    font-size: 4.27vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 h1:first-child, .ml-87dadad6fb .ml-2a3bbfa3e2 h2:first-child, .ml-87dadad6fb .ml-2a3bbfa3e2 h3:first-child, .ml-87dadad6fb .ml-2a3bbfa3e2 h4:first-child, .ml-87dadad6fb .ml-2a3bbfa3e2 h5:first-child, .ml-87dadad6fb .ml-2a3bbfa3e2 h6:first-child {
  margin: 0;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 h1 {
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 h1 {
    font-size: 4.8vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 h2 {
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 h2 {
    font-size: 4.4vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 h3 {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 h3 {
    font-size: 4vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 ol {
  padding-left: 2rem;
  list-style-position: inside;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 ul {
  padding-left: 2rem;
  list-style: square;
  list-style-position: inside;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 ul li::marker {
  margin-right: 1.5rem;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 p, .ml-87dadad6fb .ml-2a3bbfa3e2 li, .ml-87dadad6fb .ml-2a3bbfa3e2 a {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 p, .ml-87dadad6fb .ml-2a3bbfa3e2 li, .ml-87dadad6fb .ml-2a3bbfa3e2 a {
    margin-top: 2.05vw;
    font-size: 3.73vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 a {
  color: var(--text-accent);
}
.ml-87dadad6fb .ml-2a3bbfa3e2 a:hover {
  text-decoration: underline;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 a[x-apple-data-detectors] {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-decoration: inherit !important;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 table {
  table-layout: fixed;
  border: solid 1px var(--stroke-main);
  border-radius: 8px;
  border-collapse: collapse;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 table th, .ml-87dadad6fb .ml-2a3bbfa3e2 table td {
  padding: 0.5rem 1rem;
  border: solid 1px var(--stroke-main);
  font-size: 2rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 table th, .ml-87dadad6fb .ml-2a3bbfa3e2 table td {
    font-size: 4.62vw;
  }
}
.ml-87dadad6fb .ml-2a3bbfa3e2 table th {
  color: var(--text-main);
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-e6ff739d02 {
  position: absolute;
  left: 2.4rem;
  bottom: 0;
  right: 2.4rem;
  height: 12rem;
  padding-top: 6rem;
  border: none;
  background: linear-gradient(to top, var(--tabs-bg) 40%, rgba(255, 255, 255, 0) 100%);
  font-size: 2rem;
  line-height: 140%;
  font-weight: 500;
  color: var(--text-accent);
  text-decoration: underline;
  cursor: pointer;
}
.ml-87dadad6fb .ml-2a3bbfa3e2 .ml-e6ff739d02:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .ml-87dadad6fb .ml-2a3bbfa3e2 .ml-e6ff739d02 {
    font-size: 3.59vw;
  }
}

.ml-4a4d682425 {
  background: var(--nav-bg);
}
.ml-4a4d682425 .ml-04058648a8 {
  padding: 3.2rem 0;
  text-align: center;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-04058648a8 {
    padding: 8.53vw 0;
  }
}
.ml-4a4d682425 .ml-04058648a8 .ml-b6f48fa8d4 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-04058648a8 .ml-b6f48fa8d4 {
    font-size: 3.73vw;
  }
}
.ml-4a4d682425 .ml-04058648a8 .ml-719bc9c948 {
  display: grid;
  grid-template-columns: repeat(auto-fill, 12rem);
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
  list-style: none;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-04058648a8 .ml-719bc9c948 {
    grid-template-columns: repeat(auto-fill, 28vw);
    gap: 4vw;
    margin-top: 5.33vw;
  }
}
.ml-4a4d682425 .ml-04058648a8 .ml-719bc9c948 .ml-0cf6c3a454 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 3/1;
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  background: #2a0b30;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-04058648a8 .ml-719bc9c948 .ml-0cf6c3a454 {
    padding: 1vw 2vw;
    border-radius: 2.13vw;
    font-size: 3.2vw;
  }
}
.ml-4a4d682425 .ml-04058648a8 .ml-719bc9c948 .ml-0cf6c3a454 img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ml-4a4d682425 .ml-252a11b1da {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  padding: 2.4rem 0;
  list-style: none;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-252a11b1da {
    grid-template-columns: 1fr 1fr;
    gap: 5.33vw;
    padding: 6.4vw 0;
  }
}
.ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 {
    justify-content: flex-start;
    gap: 2.67vw;
  }
}
.ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 .ml-b2e6d28d29 {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: var(--text-accent);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 .ml-b2e6d28d29 {
    width: 5.33vw;
    height: 5.33vw;
  }
}
.ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 .ml-b6f48fa8d4 {
  font-size: 1.4rem;
  color: var(--text-nav);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-252a11b1da .ml-0cf6c3a454 .ml-b6f48fa8d4 {
    font-size: 3.73vw;
  }
}
.ml-4a4d682425 .ml-5931fdf298 {
  display: grid;
  grid-template-columns: 3fr 4fr 4fr;
  align-items: flex-start;
  gap: 3rem;
  padding: 4.8rem 0;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-5931fdf298 {
    grid-template-columns: 1fr 1fr;
    gap: 8vw;
  }
  .ml-4a4d682425 .ml-5931fdf298 .ml-66e1c21593 {
    grid-column: span 2;
  }
}
.ml-4a4d682425 .ml-5931fdf298 .ml-37e9172d78 {
  display: flex;
}
.ml-4a4d682425 .ml-5931fdf298 .ml-37e9172d78 .ml-20b8fb0890 {
  display: block;
  width: auto;
  max-height: 5rem;
}
.ml-4a4d682425 .ml-5931fdf298 .ml-0d2390232b {
  align-self: center;
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 600;
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-5931fdf298 .ml-0d2390232b {
    font-size: 3.73vw;
  }
}
.ml-4a4d682425 .ml-5931fdf298 .ml-77bbd5617f {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-5931fdf298 .ml-77bbd5617f {
    margin-top: 3.2vw;
    font-size: 3.73vw;
  }
}
.ml-4a4d682425 .ml-5931fdf298 .ml-cf24ecf887 {
  display: block;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-nav);
  transition: color 0.2s;
}
.ml-4a4d682425 .ml-5931fdf298 .ml-cf24ecf887:hover {
  color: var(--text-main);
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-5931fdf298 .ml-cf24ecf887 {
    margin-top: 3.2vw;
    font-size: 3.73vw;
  }
}
.ml-4a4d682425 .ml-e10e5534cb {
  padding: 3.2rem 0;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-e10e5534cb {
    padding: 8.53vw 0;
  }
}
.ml-4a4d682425 .ml-e10e5534cb .ml-bb8c1e9db0 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  list-style: none;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-e10e5534cb .ml-bb8c1e9db0 {
    gap: 5.33vw;
  }
}
.ml-4a4d682425 .ml-e10e5534cb .ml-bb8c1e9db0 .ml-0cf6c3a454 {
  display: block;
  min-width: 8rem;
  height: 4.5rem;
  padding: 1rem;
  border-radius: 0.8rem;
  background: #2a0b30;
  text-align: center;
}
.ml-4a4d682425 .ml-e10e5534cb .ml-bb8c1e9db0 .ml-0cf6c3a454 img {
  display: block;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-e10e5534cb .ml-bb8c1e9db0 .ml-0cf6c3a454 {
    min-width: 20vw;
    height: 12vw;
    padding: 2.67vw;
    border-radius: 2.13vw;
    font-size: 3.2vw;
  }
}
.ml-4a4d682425 .ml-e10e5534cb .ml-c116ed732e {
  margin-top: 3.2rem;
  font-size: 1.2rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
  text-align: center;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-e10e5534cb .ml-c116ed732e {
    margin-top: 8.53vw;
    font-size: 3.2vw;
  }
}
.ml-4a4d682425 .ml-e10e5534cb .ml-565094a1cb {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.2rem;
  line-height: 140%;
  font-weight: 400;
  color: var(--text-secondary);
  text-align: center;
}
@media screen and (max-width: 560px) {
  .ml-4a4d682425 .ml-e10e5534cb .ml-565094a1cb {
    margin-top: 4.27vw;
    font-size: 3.2vw;
  }
}

:root {
  --main-bg: #1a0320;
  --nav-bg: #200922;
  --tabs-bg: #361039;
  --stroke-main: #550f5f;
  --stroke-accent: #7937cc;
  --text-main: #fbe5fb;
  --text-secondary: #e99ded;
  --text-accent: #f897ea;
  --text-nav: #f7d1f6;
  --button-primary-bg: #e739b1;
  --button-primary-stroke: #c9fd3e;
  --button-primary-color: #ffffff;
  --button-secondary-bg: #3b0d4c;
  --button-secondary-stroke: #7937cc;
  --button-secondary-color: #fbe5fb;
  --theme-purple: #6f3df5;
  --theme-violet: #7937cc;
  --hover: brightness(1.08) saturate(1.1);
  --active: brightness(0.9) saturate(1.15);
}

body {
  background:
    radial-gradient(ellipse 80rem 50rem at 85% -10%, rgba(231, 57, 177, 0.16), transparent 70%),
    radial-gradient(ellipse 70rem 40rem at 0% 30%, rgba(111, 61, 245, 0.12), transparent 70%),
    var(--main-bg);
}

::selection {
  background: rgba(231, 57, 177, 0.45);
  color: #fff;
}