/**
	SEASONAL CARD STYLES - /apps/atvi/callofduty/editorial/components/seasonal/seasonal-card/clientlibs/css/card.less
*/
body.open-modal {
  overflow: hidden;
}
body.open-modal #main-content {
  z-index: 200;
}
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.cod-seasonal-card-component h1,
.cod-seasonal-card-component-modal h1,
.cod-seasonal-card-component-reader-container h1,
.cod-seasonal-card-component h2,
.cod-seasonal-card-component-modal h2,
.cod-seasonal-card-component-reader-container h2,
.cod-seasonal-card-component h3,
.cod-seasonal-card-component-modal h3,
.cod-seasonal-card-component-reader-container h3,
.cod-seasonal-card-component h4,
.cod-seasonal-card-component-modal h4,
.cod-seasonal-card-component-reader-container h4,
.cod-seasonal-card-component h5,
.cod-seasonal-card-component-modal h5,
.cod-seasonal-card-component-reader-container h5,
.cod-seasonal-card-component h6,
.cod-seasonal-card-component-modal h6,
.cod-seasonal-card-component-reader-container h6 {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
@media (max-width: 600px) {
  .cod-seasonal-card-component h1,
  .cod-seasonal-card-component-modal h1,
  .cod-seasonal-card-component-reader-container h1,
  .cod-seasonal-card-component h2,
  .cod-seasonal-card-component-modal h2,
  .cod-seasonal-card-component-reader-container h2,
  .cod-seasonal-card-component h3,
  .cod-seasonal-card-component-modal h3,
  .cod-seasonal-card-component-reader-container h3,
  .cod-seasonal-card-component h4,
  .cod-seasonal-card-component-modal h4,
  .cod-seasonal-card-component-reader-container h4,
  .cod-seasonal-card-component h5,
  .cod-seasonal-card-component-modal h5,
  .cod-seasonal-card-component-reader-container h5,
  .cod-seasonal-card-component h6,
  .cod-seasonal-card-component-modal h6,
  .cod-seasonal-card-component-reader-container h6 {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.cod-seasonal-card-component a,
.cod-seasonal-card-component-modal a,
.cod-seasonal-card-component-reader-container a {
  text-decoration: none;
  color: inherit;
}
.cod-seasonal-card-component sub,
.cod-seasonal-card-component-modal sub,
.cod-seasonal-card-component-reader-container sub,
.cod-seasonal-card-component sup,
.cod-seasonal-card-component-modal sup,
.cod-seasonal-card-component-reader-container sup {
  font-family: "Hitmarker Text Regular";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
}
.cod-seasonal-card-component .game-tag[data-tag="new"],
.cod-seasonal-card-component-modal .game-tag[data-tag="new"],
.cod-seasonal-card-component-reader-container .game-tag[data-tag="new"] {
  background-color: var(--custom-accent-color, var(--default-accent-color));
  border-color: var(--custom-accent-color, var(--default-accent-color));
}
.cod-seasonal-card-component-inner-container,
.cod-seasonal-card-component-modal-inner-container,
.cod-seasonal-card-component-reader-container-inner-container {
  position: relative;
  border-radius: 8px;
  border: 1px solid #3c4147;
  overflow: hidden;
}
.cod-seasonal-card-component__graphic,
.cod-seasonal-card-component-modal__graphic,
.cod-seasonal-card-component-reader-container__graphic {
  position: relative;
  max-width: 100%;
  width: 100%;
}
.cod-seasonal-card-component__graphic img,
.cod-seasonal-card-component-modal__graphic img,
.cod-seasonal-card-component-reader-container__graphic img {
  object-fit: cover;
  width: 100%;
  max-width: unset;
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component__graphic__close-modal-cta,
  .cod-seasonal-card-component-modal__graphic__close-modal-cta,
  .cod-seasonal-card-component-reader-container__graphic__close-modal-cta {
    display: none;
  }
}
.cod-seasonal-card-component__text,
.cod-seasonal-card-component-modal__text,
.cod-seasonal-card-component-reader-container__text {
  background: #23272a;
}
.cod-seasonal-card-component__text-inner-content,
.cod-seasonal-card-component-modal__text-inner-content,
.cod-seasonal-card-component-reader-container__text-inner-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}
.cod-seasonal-card-component__text-eyebrow,
.cod-seasonal-card-component-modal__text-eyebrow,
.cod-seasonal-card-component-reader-container__text-eyebrow {
  font-family: "Hitmarker Text Regular";
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
  color: #b4b1aa;
  text-transform: uppercase;
  display: flex;
  gap: 20px;
}
.cod-seasonal-card-component__text-eyebrow .cod-seasonal-card-component__tags ul,
.cod-seasonal-card-component-modal__text-eyebrow .cod-seasonal-card-component__tags ul,
.cod-seasonal-card-component-reader-container__text-eyebrow .cod-seasonal-card-component__tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cod-seasonal-card-component__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag:not([data-tag="RETHEMED"]),
.cod-seasonal-card-component-modal__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag:not([data-tag="RETHEMED"]),
.cod-seasonal-card-component-reader-container__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag:not([data-tag="RETHEMED"]) {
  background: none;
  border: 1px solid #9c978f;
  color: #9c978f;
}
.cod-seasonal-card-component__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag[data-tag="RETHEMED"],
.cod-seasonal-card-component-modal__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag[data-tag="RETHEMED"],
.cod-seasonal-card-component-reader-container__text-eyebrow .cod-seasonal-card-component__tags li.etc-tag[data-tag="RETHEMED"] {
  background-color: var(--custom-accent-color, var(--default-accent-color));
  border-color: var(--custom-accent-color, var(--default-accent-color));
  order: -1;
}
.cod-seasonal-card-component__text-eyebrow .cod-seasonal-card-component__date,
.cod-seasonal-card-component-modal__text-eyebrow .cod-seasonal-card-component__date,
.cod-seasonal-card-component-reader-container__text-eyebrow .cod-seasonal-card-component__date {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 1px;
  color: #f3f4f5;
}
.cod-seasonal-card-component__text-title,
.cod-seasonal-card-component-modal__text-title,
.cod-seasonal-card-component-reader-container__text-title {
  font-family: "Hitmarker Condensed Black", Arial;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.75rem;
  line-height: 1.75rem;
  color: #f3f4f5;
}
@media (max-width: 600px) {
  .cod-seasonal-card-component__text-title,
  .cod-seasonal-card-component-modal__text-title,
  .cod-seasonal-card-component-reader-container__text-title {
    font-family: "Hitmarker Condensed Black", Arial;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.cod-seasonal-card-component__text-description ul,
.cod-seasonal-card-component-modal__text-description ul,
.cod-seasonal-card-component-reader-container__text-description ul {
  margin-left: 20px;
  list-style: disc;
}
.cod-seasonal-card-component__text-title + .cod-seasonal-card-component__text-description,
.cod-seasonal-card-component__text-title + .cod-seasonal-card-component-modal__text-description,
.cod-seasonal-card-component__text-title + .cod-seasonal-card-component-reader-container__text-description,
.cod-seasonal-card-component-modal__text-title + .cod-seasonal-card-component__text-description,
.cod-seasonal-card-component-modal__text-title + .cod-seasonal-card-component-modal__text-description,
.cod-seasonal-card-component-modal__text-title + .cod-seasonal-card-component-reader-container__text-description,
.cod-seasonal-card-component-reader-container__text-title + .cod-seasonal-card-component__text-description,
.cod-seasonal-card-component-reader-container__text-title + .cod-seasonal-card-component-modal__text-description,
.cod-seasonal-card-component-reader-container__text-title + .cod-seasonal-card-component-reader-container__text-description {
  margin-top: 8px;
}
.cod-seasonal-card-component__text-maps h5,
.cod-seasonal-card-component-modal__text-maps h5,
.cod-seasonal-card-component-reader-container__text-maps h5 {
  margin: 20px 0;
  text-transform: uppercase;
}
.cod-seasonal-card-component__text-maps ul,
.cod-seasonal-card-component-modal__text-maps ul,
.cod-seasonal-card-component-reader-container__text-maps ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cod-seasonal-card-component__text-maps ul li,
.cod-seasonal-card-component-modal__text-maps ul li,
.cod-seasonal-card-component-reader-container__text-maps ul li {
  width: calc(50% - 5px);
  border: 1px solid #79838d;
  position: relative;
}
.cod-seasonal-card-component__text-maps ul li p.map-title,
.cod-seasonal-card-component-modal__text-maps ul li p.map-title,
.cod-seasonal-card-component-reader-container__text-maps ul li p.map-title {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.75rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.6);
  padding: 2px 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cod-seasonal-card-component__text-read-more-cta,
.cod-seasonal-card-component-modal__text-read-more-cta,
.cod-seasonal-card-component-reader-container__text-read-more-cta {
  text-align: center;
}
.cod-seasonal-card-component__text-read-more-cta button,
.cod-seasonal-card-component-modal__text-read-more-cta button,
.cod-seasonal-card-component-reader-container__text-read-more-cta button {
  text-decoration: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.88rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: inherit;
  padding: 4px;
}
@media screen and (-ms-high-contrast: active) {
  .cod-seasonal-card-component__text-read-more-cta button,
  .cod-seasonal-card-component-modal__text-read-more-cta button,
  .cod-seasonal-card-component-reader-container__text-read-more-cta button {
    border: 2px solid currentcolor;
  }
}
.cod-seasonal-card-component__text-read-more-cta button::before,
.cod-seasonal-card-component-modal__text-read-more-cta button::before,
.cod-seasonal-card-component-reader-container__text-read-more-cta button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.cod-seasonal-card-component__text-secondary-ctas ul,
.cod-seasonal-card-component-modal__text-secondary-ctas ul,
.cod-seasonal-card-component-reader-container__text-secondary-ctas ul {
  display: flex;
  gap: 20px;
}
.cod-seasonal-card-component__text-secondary-ctas ul li,
.cod-seasonal-card-component-modal__text-secondary-ctas ul li,
.cod-seasonal-card-component-reader-container__text-secondary-ctas ul li {
  flex: 1 0 0;
}
.cod-seasonal-card-component__text-secondary-ctas a,
.cod-seasonal-card-component-modal__text-secondary-ctas a,
.cod-seasonal-card-component-reader-container__text-secondary-ctas a {
  text-decoration: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  background: #f3f4f5;
  color: #000;
  border-radius: 4px;
  padding: 8px 16px;
  z-index: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cod-seasonal-card-component__text-secondary-ctas a,
  .cod-seasonal-card-component-modal__text-secondary-ctas a,
  .cod-seasonal-card-component-reader-container__text-secondary-ctas a {
    border: 2px solid currentcolor;
  }
}
.cod-seasonal-card-component__text-secondary-ctas a:after,
.cod-seasonal-card-component-modal__text-secondary-ctas a:after,
.cod-seasonal-card-component-reader-container__text-secondary-ctas a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  min-height: 40px;
}
.cod-seasonal-card-component__text-secondary-ctas a:hover,
.cod-seasonal-card-component-modal__text-secondary-ctas a:hover,
.cod-seasonal-card-component-reader-container__text-secondary-ctas a:hover {
  background: #e5e7e9;
}
.cod-seasonal-card-component__text-secondary-tags ul,
.cod-seasonal-card-component-modal__text-secondary-tags ul,
.cod-seasonal-card-component-reader-container__text-secondary-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.cod-seasonal-card-component__text-secondary-tags li,
.cod-seasonal-card-component-modal__text-secondary-tags li,
.cod-seasonal-card-component-reader-container__text-secondary-tags li {
  font-family: "Hitmarker Text Regular", Arial;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 0.63rem;
  line-height: 1.13rem;
  background: none;
  border: 1px solid #9c978f;
  color: #9c978f;
  padding: 0 4px;
  text-transform: uppercase;
}
.cod-seasonal-card-component__tags,
.cod-seasonal-card-component-modal__tags,
.cod-seasonal-card-component-reader-container__tags {
  display: flex;
  gap: 4px;
  height: fit-content;
  margin-top: -1px;
}
.cod-seasonal-card-component__tags [data-tag],
.cod-seasonal-card-component-modal__tags [data-tag],
.cod-seasonal-card-component-reader-container__tags [data-tag] {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.63rem;
  line-height: 0.63rem;
  text-transform: uppercase;
  padding: 4px;
  background: #9c978f;
  border: solid 1px #9c978f;
  color: #000000;
}
.cod-seasonal-card-component__close-modal-cta,
.cod-seasonal-card-component-modal__close-modal-cta,
.cod-seasonal-card-component-reader-container__close-modal-cta {
  display: none;
}
.cod-seasonal-card-component:not(.reader-card).carousel-card .cod-seasonal-card-component__text-eyebrow,
.cod-seasonal-card-component-modal:not(.reader-card).carousel-card .cod-seasonal-card-component__text-eyebrow,
.cod-seasonal-card-component-reader-container:not(.reader-card).carousel-card .cod-seasonal-card-component__text-eyebrow {
  justify-content: space-between;
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component:not(.reader-card).event-card .cod-seasonal-card-component__text,
  .cod-seasonal-card-component-modal:not(.reader-card).event-card .cod-seasonal-card-component__text,
  .cod-seasonal-card-component-reader-container:not(.reader-card).event-card .cod-seasonal-card-component__text {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .cod-seasonal-card-component:not(.reader-card).event-card .cod-seasonal-card-component__text-inner-content,
  .cod-seasonal-card-component-modal:not(.reader-card).event-card .cod-seasonal-card-component__text-inner-content,
  .cod-seasonal-card-component-reader-container:not(.reader-card).event-card .cod-seasonal-card-component__text-inner-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px 20px;
  }
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component-inner-container,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component-inner-container,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component-inner-container {
  display: none;
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component-reader-container,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component-reader-container,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component-reader-container {
  display: block;
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component__text,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component__text,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component__text {
  background: unset;
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component__text-secondary-ctas ul li,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component__text-secondary-ctas ul li,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component__text-secondary-ctas ul li {
  flex: unset;
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component__text-secondary-ctas a,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component__text-secondary-ctas a,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component__text-secondary-ctas a {
  padding: unset;
  background: inherit;
  color: inherit;
  font: inherit;
  text-transform: unset;
  text-decoration: underline;
}
.cod-seasonal-card-component.reader-card .cod-seasonal-card-component__text-secondary-ctas a:after,
.cod-seasonal-card-component-modal.reader-card .cod-seasonal-card-component__text-secondary-ctas a:after,
.cod-seasonal-card-component-reader-container.reader-card .cod-seasonal-card-component__text-secondary-ctas a:after {
  content: "";
}
.cod-seasonal-card-component.standard-card:not(.reader-card) .cod-seasonal-card-component-inner-container {
  filter: drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));
}
.cod-seasonal-card-component.standard-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content {
  padding-bottom: 16px;
}
.cod-seasonal-card-component.standard-card:not(.reader-card) .cod-seasonal-card-component__text-description {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse {
  position: relative;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse button {
  text-indent: 102%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  letter-spacing: 0;
  background: none;
  border: none;
  height: 100%;
  padding: 0;
  width: 40px;
  cursor: pointer;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse .expand-content {
  display: none;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse .expand-content:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
  position: absolute;
  right: 12px;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse .collapse-content:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  rotate: -45deg;
  position: absolute;
  right: 12px;
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__graphic img {
    aspect-ratio: 1.77777778;
    min-height: 400px;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 0;
    width: 432px;
    height: 100%;
    background: rgba(27, 27, 27, 0.9);
    transition: 0.25s left;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px 40px;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text-read-more-cta {
    display: none;
  }
}
@media (max-width: 600px) {
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text-maps,
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text-secondary-ctas {
    display: none;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component__text-description {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card) .cod-seasonal-card-component-expand-collapse {
    display: none;
  }
}
.cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="false"] .cod-seasonal-card-component-expand-collapse .collapse-content {
  display: none;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="false"] .cod-seasonal-card-component-expand-collapse .expand-content {
  display: block;
}
.cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="false"] .cod-seasonal-card-component-expand-collapse .expand-content:after {
  right: 17px;
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="false"] .cod-seasonal-card-component__text {
    left: -392px;
  }
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="true"] .cod-seasonal-card-component-expand-collapse {
    display: block;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="true"] .cod-seasonal-card-component-expand-collapse .collapse-content {
    display: block;
  }
  .cod-seasonal-card-component.carousel-card:not(.reader-card)[aria-expanded="true"] .cod-seasonal-card-component-expand-collapse .expand-content {
    display: none;
  }
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    width: 100%;
    background: rgba(27, 27, 27, 0.9);
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    justify-content: space-between;
    gap: 8px;
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content .cod-seasonal-card-component__text-eyebrow {
    grid-column: 1;
    grid-row: 1;
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content .cod-seasonal-card-component__text-content {
    grid-column: 1;
    grid-row: 2;
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-inner-content .cod-seasonal-card-component__text-read-more-cta {
    grid-column: 2;
    grid-row: 2;
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-description,
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-secondary-ctas {
    display: none;
  }
}
@media (max-width: 600px) {
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-maps,
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-secondary-ctas {
    display: none;
  }
  .cod-seasonal-card-component.event-card:not(.reader-card) .cod-seasonal-card-component__text-description {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.cod-seasonal-card-component-reader-container {
  display: none;
}
#blackcell-card.reader-card .cod-seasonal-card-component__text-secondary-ctas ul {
  display: flex;
  gap: 20px;
}
#blackcell-card.reader-card .cod-seasonal-card-component__text-secondary-ctas ul li {
  flex: 1 0 0;
}
#blackcell-card.reader-card .cod-seasonal-card-component__text-secondary-ctas a {
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
  padding: 8px 16px;
}
#blackcell-card.reader-card .cod-seasonal-card-component__text-secondary-ctas a:after {
  content: "";
}
#weapons .cod-seasonal-card-component[aria-expanded="false"].standard-card .cod-seasonal-card-component__text-secondary-tags,
#store .cod-seasonal-card-component[aria-expanded="false"].standard-card .cod-seasonal-card-component__text-secondary-tags {
  display: none;
}
html[dir="rtl"] .cod-seasonal-card-component__text-eyebrow .cod-seasonal-card-component__date {
  text-align: left;
}
@media (min-width: 600.02px) {
  html[dir="rtl"] .cod-seasonal-card-component.carousel-card .cod-seasonal-card-component__text {
    flex-direction: row-reverse;
  }
}
@media (min-width: 600.02px) {
  body:not([data-browser="Firefox"]) .cod-seasonal-card-component:not(.reader-card).event-card .cod-seasonal-card-component__text,
  body:not([data-browser="Firefox"]) .cod-seasonal-card-component:not(.reader-card).carousel-card .cod-seasonal-card-component__text {
    background: rgba(27, 27, 27, 0.7);
  }
  body:not([data-browser="Firefox"]) .cod-seasonal-card-component:not(.reader-card).event-card .cod-seasonal-card-component__text:before,
  body:not([data-browser="Firefox"]) .cod-seasonal-card-component:not(.reader-card).carousel-card .cod-seasonal-card-component__text:before {
    content: "";
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

/**
	SEASONAL CARD MODAL STYLES - /apps/atvi/callofduty/editorial/components/seasonal/seasonal-card/clientlibs/css/modal.less
*/
body.open-modal {
  overflow: hidden;
}
body.open-modal #main-content {
  z-index: 200;
}
.cod-seasonal-card-component-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(10px);
  z-index: 200;
  color: #f3f4f5;
  place-items: center;
  overflow: auto;
  padding-block: 20px;
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component-modal {
    padding-block: 80px;
  }
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component-expand-collapse {
  display: none;
}
.cod-seasonal-card-component-modal .card-modal-content {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 720px;
}
@media (max-width: 600px) {
  .cod-seasonal-card-component-modal .card-modal-content {
    max-width: 704px;
  }
}
.cod-seasonal-card-component-modal .card-modal-inner-content {
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow-y: auto;
  width: 100%;
  padding-left: 40px;
  scrollbar-gutter: stable;
  overscroll-behavior: none;
}
.cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar {
  width: 40px;
}
.cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar-track {
  background: linear-gradient(90deg, transparent 0% calc(20px + (3px - 2px) / 2), #3c4147 calc(20px + (3px - 2px) / 2) calc(20px + (3px - 2px) / 2 + 2px), transparent calc(20px + (3px - 2px) / 2 + 2px) 100%);
}
.cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, transparent 0% 20px, #79838d 20px calc(20px + 3px), transparent calc(20px + 3px) 100%);
}
@media (min-width: 600.02px) {
  .cod-seasonal-card-component-modal .card-modal-inner-content {
    max-height: calc(100vh - 40px - 80px * 2);
  }
}
@media (max-width: 600px) {
  .cod-seasonal-card-component-modal .card-modal-inner-content {
    max-height: calc(100vh - 40px - 20px * 2);
    padding-left: 32px;
  }
  .cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar {
    width: 32px;
  }
  .cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar-track {
    background: linear-gradient(90deg, transparent 0% calc(14.5px + (3px - 2px) / 2), #3c4147 calc(14.5px + (3px - 2px) / 2) calc(14.5px + 2px), transparent calc(14.5px + 2px) 100%);
  }
  .cod-seasonal-card-component-modal .card-modal-inner-content::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, transparent 0% 14.5px, #79838d 14.5px calc(14.5px + 3px), transparent calc(14.5px + 3px) 100%);
  }
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__graphic {
  border-top: 1px solid #3c4147;
  border-left: 1px solid #3c4147;
  border-right: 1px solid #3c4147;
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__graphic,
.cod-seasonal-card-component-modal .cod-seasonal-card-component__graphic img {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__text {
  background: #23272a;
  border-left: 1px solid #3c4147;
  border-right: 1px solid #3c4147;
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__text-read-more-cta {
  display: none;
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta {
  position: relative;
  display: block;
  width: 100%;
  padding-inline: 40px 40px;
}
@media (max-width: 600px) {
  .cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta {
    padding-inline: 32px 32px;
  }
}
.cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta button {
  text-decoration: none;
  border: none;
  background-color: transparent;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-family: "Hitmarker Text Bold";
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 0.88rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: inherit;
  width: 100%;
  display: grid;
  place-items: center;
  height: 40px;
  z-index: 2;
  background: #3c4147;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (-ms-high-contrast: active) {
  .cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta button {
    border: 2px solid currentcolor;
  }
}
.cod-seasonal-card-component-modal.event-card .cod-seasonal-card-component__text {
  background: #23272a;
}
.cod-seasonal-card-component-modal.event-card .cod-seasonal-card-component__text-description {
  display: block;
}
.cod-seasonal-card-component-modal.event-card .cod-seasonal-card-component__text-secondary-ctas {
  display: block;
}
html[dir="rtl"] .cod-seasonal-card-component-modal .card-modal-inner-content {
  padding-left: 0;
  padding-right: 40px;
}
@media (max-width: 600px) {
  html[dir="rtl"] .cod-seasonal-card-component-modal .card-modal-inner-content {
    padding-left: 0;
    padding-right: 32px;
  }
}
/* Browsers without `scrollbar-gutter` support (like older Safari browsers and iOS)*/
@supports not selector(scrollbar-gutter: stable) {
  .cod-seasonal-card-component-modal .card-modal-inner-content {
    overflow-y: scroll;
  }
}
/* Browsers without `::-webkit-scrollbar-*` support (like FF)*/
@supports not selector(::-webkit-scrollbar) {
  .cod-seasonal-card-component-modal .card-modal-content {
    max-width: 680px;
  }
  @media (max-width: 600px) {
    .cod-seasonal-card-component-modal .card-modal-content {
      max-width: 672px;
    }
  }
  @media (max-width: 600px) {
    .cod-seasonal-card-component-modal .card-modal-content {
      padding-inline: 16px;
    }
  }
  .cod-seasonal-card-component-modal .card-modal-inner-content {
    padding-inline: 20px;
    scrollbar-width: thin;
    overscroll-behavior: none;
  }
  @media (max-width: 600px) {
    .cod-seasonal-card-component-modal .card-modal-inner-content {
      padding-inline: 16px;
    }
  }
  .cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta {
    padding-inline: 20px;
  }
  @media (max-width: 600px) {
    .cod-seasonal-card-component-modal .cod-seasonal-card-component__close-modal-cta {
      padding-inline: 16px;
    }
  }
  html[dir="rtl"] .cod-seasonal-card-component-modal .card-modal-inner-content {
    padding-inline: 20px;
  }
  @media (max-width: 600px) {
    html[dir="rtl"] .cod-seasonal-card-component-modal .card-modal-inner-content {
      padding-inline: 16px;
    }
  }
}