:root {
  --black: #131313;
  --white: white;
  --white-25: #ffffff40;
  --indian-red: #fd3846;
}

body {
  background-color: var(--black);
  color: var(--white);
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

a {
  text-decoration: none;
}

.mm--delete-me {
  z-index: 9999;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.mm__menu {
  align-items: center;
  display: flex;
}

.mm__menu-button {
  color: var(--black);
  cursor: pointer;
  background-color: #ebebeb;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-right: 16px;
  padding-left: 8px;
  padding-right: 16px;
  font-weight: 600;
  line-height: 13px;
  transition: background-color .2s;
  display: flex;
}

.mm__menu-button:hover {
  background-color: var(--white);
}

.mm__logo {
  mix-blend-mode: multiply;
  margin-right: 4px;
}

.mm__hamburger {
  margin-left: 12px;
}

.mm__number {
  margin-right: 12px;
  font-weight: 600;
}

.mm__buttons {
  margin-left: -8px;
  margin-right: -8px;
  display: none;
}

.mm__button {
  border: 1px solid var(--white-25);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s, border .2s;
  display: flex;
}

.mm__button:hover {
  border-color: var(--white);
  text-decoration: none;
}

.mm__button.mm__button--youtube {
  background-color: var(--indian-red);
  color: var(--black);
  border-color: #fff0;
}

.mm__button.mm__button--youtube:hover {
  background-color: #e22e3b;
}

.mm__button.mm__button--s {
  height: 28px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}

.mm__button.mm__button--s.mm__button--twitter {
  background-color: #1d9bf0;
  border-color: #fff0;
  padding-bottom: 1px;
  display: none;
}

.mm__button.mm__button--s.mm__button--twitter:hover {
  background-color: #0873bb;
}

.mm__button-icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.mm__sponsor {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 32px;
  right: 24px;
}

.mm__bold {
  font-weight: 600;
}

.mm__css {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.mm__sidebar {
  display: none;
  position: fixed;
  inset: 0%;
}

.mm__sidebar-body {
  z-index: 9999;
  transform-origin: 0%;
  color: var(--black);
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 448px;
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: fixed;
  top: 31px;
  bottom: 31px;
  left: 32px;
  overflow: hidden;
}

.mm__sidebar-close {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 20px;
  right: 24px;
}

.mm__sidebar-title {
  font-weight: 600;
}

.mm__sidebar-iframe {
  border-top: 1px solid #ececec;
  flex: 1;
  margin-top: 16px;
  margin-left: -24px;
  margin-right: -24px;
  overflow: scroll;
}

.mm__sidebar-scrim {
  background-color: #13131380;
  position: fixed;
  inset: 0%;
}

.mm__link {
  color: var(--black);
  font-weight: 600;
  transition: color .2s;
}

.mm__link:hover {
  color: var(--indian-red);
}

.page-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.card {
  perspective: 1000px;
  position: relative;
}

.card__bg {
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  width: 400px;
  height: 250px;
}

.card__front {
  text-align: center;
  background-color: #131313;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 4px;
  overflow: hidden;
}

.card__circle {
  z-index: 1;
  border-radius: 50%;
  width: 64px;
  height: 64px;
  position: absolute;
  inset: auto auto 24px 24px;
  overflow: hidden;
}

.card__label-gradient {
  background-image: linear-gradient(122deg, black 20%, #202020 50%, var(--black) 80%);
  filter: blur(12px);
  position: absolute;
  inset: -24px;
}

.card__line {
  z-index: 1;
  border-radius: 12px;
  width: 88px;
  height: 16px;
  position: absolute;
  inset: auto auto 10px;
  overflow: hidden;
}

.card__line.card__line--top {
  width: 128px;
  bottom: 29px;
  left: auto;
}

.card__glow {
  opacity: .7;
  filter: blur(12px);
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  width: 400px;
  height: 250px;
  display: block;
  position: absolute;
  inset: 0%;
}

.card__holo-glow {
  opacity: .2;
  filter: blur(20px);
  background-image: linear-gradient(29deg, #0000 37%, #2a63ffed), linear-gradient(135deg, #28eeac, #f3f177 41%, #fd6d38 71%, #a48eb6);
  border-radius: 24px;
  display: block;
  position: absolute;
  inset: -48px;
}

.card__holo-glow.card__holo-glow--s {
  opacity: .5;
  inset: -24px;
}

.card__front-glow-mask {
  background-color: #131313;
  position: absolute;
  inset: 16px;
}

.card__front-mask {
  border-radius: 24px;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.image {
  text-align: center;
  width: 200px;
  max-width: none;
  height: 148px;
  position: static;
  inset: 0%;
}

.accordion-item {
  max-width: 450px;
}

.accordion__title {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  font-size: 18px;
  display: flex;
}

.accordion__plus-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  margin-left: 20px;
  display: flex;
  position: relative;
}

.accordion__bar-vert {
  background-color: #ababab;
  width: 2px;
  height: 100%;
  position: absolute;
}

.accordion__bar-hor {
  background-color: #ababab;
  width: 100%;
  height: 2px;
}

.accordion__content-wrap {
  background-color: #13131399;
  border-radius: 3px;
  height: 0%;
  position: static;
  overflow: hidden;
}

.accordion__content {
  margin: 15px 20px 20px;
}

@media screen and (max-width: 991px) {
  .mm__title, .mm__number {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .accordion__plus-wrapper {
    margin-top: 15px;
    margin-left: 20px;
  }
}