.shadow-dark {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
}

.cn-marvel-card:hover,
.shadow-dark-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.28);
}

.shadow-light {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.shadow-light-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.05);
}

.shadow-medium {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.shadow-medium-l {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
}

.cn-marvel-char .cn-marvel-halo, .cn-marvel-card .cn-marvel-reverse > .cn-newscover, .cn-marvel-card .cn-marvel-reverse, .cn-marvel-card, .cn-movie-section::before, .cn-marvel-maindock .cn-marvel-mainchar, .cn-marvel-maindock {
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
}

@font-face {
  font-family: "Breakfast Icons";
  src: url("../font/Break-Icons/v4.0.5.woff?token=2312091219");
}
@font-face {
  font-family: "Breakfast Icons Fill";
  src: url("../font/Break-Icons/v4.0.5_Bold.woff?token=2311111526");
}
.cn-marvel-card:hover .cn-marvel-reverse {
  border-radius: 16px;
}

.bf-popup, .cn-footer, .cn-marvel-background {
  color: #FFFFFF;
}

.cn-marvel-card:hover .cn-marvel-reverse {
  padding: 8px;
}
.bf-popup, .cn-sharelink, .main-area {
  background-color: #000000;
}

.cn-marvel-card:hover .cn-marvel-reverse {
  background-color: #FFFFFF;
}

.cn-movie-section > *, .cn-movie-section, .cn-marvel-maindock {
  position: relative;
}

.cn-movie-section::before {
  position: absolute;
}

.cn-marvel-char .cn-marvel-halo, .cn-marvel-card .cn-marvel-reverse > .cn-newscover, .cn-marvel-card .cn-marvel-reverse, .cn-marvel-card, .cn-movie-section::before, .cn-marvel-maindock .cn-marvel-mainchar, .cn-marvel-maindock {
  transition-duration: 0.75s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
}

.cn-mobile-overlay {
  background: linear-gradient(180deg, rgb(0, 0, 0) 6.3%, rgba(0, 0, 0, 0.4705882353) 37.28%, rgba(255, 66, 213, 0) 89.85%);
}

header .cn-header-tab {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.6705882353) inset;
  color: #FFF !important;
  background-color: #353535 !important;
}

.bg-grey-6 {
  background-color: #b01b1b !important;
  color: #FFFFFF !important;
}

.bg-grey-7 {
  background-color: #211e2e !important;
}

.bg-black {
  background-color: #620000;
}

.cn-marvel-billboard {
  width: 100vw;
  padding-top: 72px;
  background: radial-gradient(80.2% 67.22% at 27.69% 100.07%, #ff0000 0%, rgba(255, 0, 230, 0) 100%);
  overflow-y: clip;
  overflow-x: visible;
}
.cn-marvel-billboard::before {
  content: "";
  background: linear-gradient(179deg, rgba(27, 25, 49, 0) 0.66%, rgba(98, 0, 0, 0.2823529412) 24.41%, rgba(98, 0, 0, 0.5098039216) 35.35%, #000000 80.63%);
  top: 60%;
  position: absolute;
  left: -32px;
  right: -32px;
  bottom: 0px;
  z-index: 100;
}

@keyframes mcu-char {
  from {
    transform: translateY(30%) scale(1.5);
    filter: blur(30px) brightness(10);
    opacity: 0;
  }
  to {
    transform: translateY(0%) scale(1);
    filter: blur(0px) brightness(1);
    opacity: 1;
  }
}
.cn-marvel-maindock {
  transform: translateY(30%);
  opacity: 0;
}
.cn-marvel-maindock:nth-child(2) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 1.2s;
  zoom: 1.12;
}
.cn-marvel-maindock:nth-child(3) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 1s;
  zoom: 1.1;
}
.cn-marvel-maindock:nth-child(4) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.8s;
  zoom: 1.08;
}
.cn-marvel-maindock:nth-child(5) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.6s;
  zoom: 1.06;
}
.cn-marvel-maindock:nth-child(6) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.4s;
  zoom: 1.04;
}
.cn-marvel-maindock:nth-child(7) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.2s;
  zoom: 1.02;
}
.cn-marvel-maindock:nth-child(8) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0s;
}
.cn-marvel-maindock:nth-child(9) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.4s;
  zoom: 1.04;
}
.cn-marvel-maindock:nth-child(10) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.6s;
  zoom: 1.06;
}
.cn-marvel-maindock:nth-child(11) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 0.8s;
  zoom: 1.08;
}
.cn-marvel-maindock:nth-child(12) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 1s;
  zoom: 1.1;
}
.cn-marvel-maindock:nth-child(13) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 1.2s;
  zoom: 1.12;
}
.cn-marvel-maindock:nth-child(14) {
  animation-name: mcu-char;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-duration: 1.75s;
  animation-delay: 1.4s;
  zoom: 1.14;
}
.cn-marvel-maindock .cn-marvel-mainchar {
  height: 400px;
  z-index: 200;
}
.cn-marvel-maindock:hover .cn-marvel-mainchar {
  margin-bottom: 3%;
  margin-top: -3%;
  transform: scale(1.2);
}
.cn-marvel-maindock::before {
  content: "";
  background: linear-gradient(179deg, rgba(27, 25, 49, 0) 0.66%, rgba(98, 0, 0, 0.2823529412) 24.41%, rgba(98, 0, 0, 0.5098039216) 35.35%, #000000 80.63%);
  top: 40%;
  position: absolute;
  left: -32px;
  right: -32px;
  bottom: 0px;
  z-index: 300;
  filter: blur(32px);
}

.cn-breakpoint {
  overflow: visible !important;
}

.cn-marvel-background {
  background-color: #EC1D24;
  font-weight: 800;
}

.cn-marvel-color, .cn-title {
  color: #EC1D24;
}

.cn-movie-section {
  overflow: hidden;
}
.cn-movie-section::before {
  content: "";
  top: -30%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: radial-gradient(197.24% 80.44% at 51.5% -1.34%, rgba(201, 0, 0, 0.71) 0%, rgba(98, 0, 0, 0) 100%);
  z-index: 100;
  filter: blur(30px);
}
.cn-movie-section > * {
  z-index: 200;
}
.cn-movie-section:hover::before {
  transform: scale(1.4);
}

.cn-marvel-card {
  transition-duration: 1.5s;
}
.cn-marvel-card.unactive {
  pointer-events: none;
}
.cn-marvel-card .cn-marvel-reverse {
  overflow: hidden;
  bottom: 100%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  max-height: 0px;
}
.cn-marvel-card .cn-marvel-reverse > .cn-newscover {
  transform: scale(0);
}
.cn-marvel-card:last-child:hover {
  transform: translateY(30px) scale(1.05);
}
.cn-marvel-card:hover {
  pointer-events: all;
  transform: scale(1.2);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #FFFFFF !important;
  color: #000000 !important;
  z-index: 300;
  transform: translateY(120px) scale(1.05);
}
.cn-marvel-card:hover .cn-marvel-reverse {
  max-height: 180px;
  right: 0px;
  left: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cn-marvel-card:hover .cn-marvel-reverse > .cn-newscover {
  transform: scale(1);
}

.cn-sharelink::before, .cn-sharelink::after {
  background-image: url("../../../../source/media/corner-4xl-bottom-black.svg");
}
.cn-sharelink .bg-black {
  background-color: #EC1D24 !important;
}

.cn-newscard .uppercase.bg-black {
  background-color: #828282 !important;
  color: #000000 !important;
}

.cn-marvel-char {
  padding-top: 72px;
}
.cn-marvel-char .cn-marvel-halo {
  width: 80%;
  height: 40px;
  background-color: #EC1D24;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  margin-left: 10%;
  margin-top: 36%;
  filter: blur(30px);
}
.cn-marvel-char:hover .cn-marvel-halo {
  margin-top: 10%;
  height: 120px;
}

.bf-popup {
  border: 1px solid #000000;
}
.bf-popup .border-bottom {
  border-bottom: 1px solid #333333;
}
.bf-popup .bg-black {
  background-color: #4F4F4F !important;
}

.bf-slide .slide-indicator ul {
  background-color: #211e2e !important;
}
.bf-slide .slide-indicator ul li {
  background-color: #000000 !important;
}
.bf-slide .slide-indicator ul li.active {
  background-color: #FFFFFF !important;
}

@media only screen and (max-width: 700px) {
  .cn-breakpoint {
    overflow: clip !important;
  }
  .cn-marvel-maindock .cn-marvel-mainchar {
    height: 200px;
  }
}/*# sourceMappingURL=styles.css.map */