@font-face {
  font-family: "BBC Reith Serif";
  font-display: block;
  font-weight: 500;
  src: url("/fonts/BBCReithSerif_W_Md.woff2") format("woff2");
}

@font-face {
  font-family: "BBC Reith Serif";
  font-display: block;
  font-weight: 400;
  src: url("/fonts/BBCReithSerif_W_Rg.woff2") format("woff2");
}

.info__imp {
  font-size: 18px;
  font-style: italic;
  border-left: 5px solid #306192;
  padding-left: 5px;
}

.day {
  text-align: center;
  padding: 5px;
  border: 1px solid #000000;
  font-size: 26px;
}

.check {
  box-shadow: 0px 0px 10px 0px;
  max-width: 100%;
  font-family: Arial, Helvetica, sans-serif !important;
  background-color: #fff;
}

.check__wrapper {
  padding: 0.5rem;
}

.check__top {
}

.check__iban {
  margin-bottom: 1rem;
  display: block;
  font-weight: 500;
}

.check__top-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.check__top-col-1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
}

.check__top-col-1-row {
  display: flex;
  flex-direction: column;
}

.bank__logo {
}

.check__top-col-title {
}

.check__top-col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.check__bot {
  border-bottom: 3px solid #000;
}

.check__bot-grid {
  display: grid;
  grid-template-columns: 1fr 5fr 1fr 1fr 1fr;
}

.check__bot-grid-col {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #000;
}

.check__bot-grid-col-title {
  font-weight: 500;
  background-color: rgba(128, 128, 128, 0.39);
  border-right: 1px solid #000;
  border-bottom: 3px solid #000;
  padding-left: 2px;
}

.check__thanks {
  text-align: right;
  display: block;
  margin: 0.5rem 2rem;
}

/*=========CHECKMQ=======*/

@media (max-width: 1200px) {
  .check {
    font-size: 0.9rem;
  }
}

@media (max-width: 1024px) {
  .check {
    font-size: 0.8rem;
  }
}

@media (max-width: 992px) {
  .check {
    font-size: 0.7rem;
  }
}

.sc-eb7bd5f6-0.fYAfXe a {
  color: #306192;
}

/*=============COMMENTS==============*/

.comment {
  margin-top: 2rem;
  margin-bottom: 2rem;
  max-width: 95%;
}

.comment-content {
  display: flex;
  flex-direction: column;
}

.comment-block {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
  border-top: 1px solid #767d843c;
  padding-top: 0.5rem;
}

.comment-block-answer {
  margin-left: 2rem;
}

.block-avatar {
  margin-right: 1rem;
}

.block-avatar img {
  border-radius: 50%;
  width: 50px;
}

.block-info {
  width: 100%;
}

.block-info-comment {
  position: relative;
}

.block-info-comment__svg {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  font-size: 0.8rem;
}

.block-info-comment__svg svg {
  background-color: #62626237;
  border-radius: 50%;
  fill: #303030;
  width: 20px;
  padding: 5px;
}

.block-info-comment__name {
  font-weight: 700;
  color: #052962;
  padding-bottom: 1rem;
}

.block-info-comment__name span {
  font-size: 0.8rem;
  font-weight: normal;
  color: #30303093;
  padding-left: 0.5rem;
}

.block-info-line {
  display: flex;
  flex-direction: column;
}

.block-info-line__like {
  display: flex;
  justify-content: flex-end;
  color: #626262;
  font-weight: normal;
  font-size: 0.7rem;
}

.comments__more {
  display: block;
  margin: 0 auto;
  color: #3b5998;
  text-align: center;
}

.block-info-comment__name {
  position: relative;
  margin-bottom: 10px;
  padding-right: 50px;
}

.block-info-comment__name span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 0;
}

.block-info-comment__svg {
  display: flex;
  align-items: center;
  gap: 5px;
}

.check__bot-grid {
  grid-template-columns: 1fr 5fr auto 1fr auto !important;
}

a {
  color: #b80000;
}

.gILusN {
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  color: unset;
}

.dWIdNV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 14px;
  height: 14px;
}

.dWIdNV svg {
  width: 24px;
  height: 24px;
}

.hvowur {
  white-space: nowrap;
}

.ifKcIh {
  cursor: pointer;
  font-weight: 500;
  border: 2px solid transparent;
  outline: 2px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 9.3px;
  column-gap: 9.3px;
  row-gap: 9.3px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 2px 8px;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.cSzJxY {
  cursor: pointer;
  font-weight: 500;
  border: 2px solid transparent;
  outline: 2px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-column-gap: 4px;
  column-gap: 4px;
  row-gap: 4px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 6px 8px;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.hMxlKQ {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
  outline-color: #000000;
}

.hMxlKQ:hover {
  background-color: #3a3c3e;
  border-color: #3a3c3e;
  outline-color: #3a3c3e;
}

.hMxlKQ:focus {
  outline: 2px solid #3a3c3e;
  border: 2px solid #3a3c3e;
}

.hMxlKQ:active {
  background-color: #545658;
  color: #ffffff;
  border-color: #545658;
  outline-color: #545658;
}

.hMxlKQ:disabled {
  cursor: not-allowed;
  background-color: #d2d4d6;
  color: #8a8c8e;
  outline-color: #d2d4d6;
  border-color: #d2d4d6;
}

.hYXWsv {
  background-color: transparent;
  color: #000000;
}

.hYXWsv:hover {
  background-color: #3a3c3e;
  color: #ffffff;
  border: 2px solid #3a3c3e;
  outline: 2px solid #3a3c3e;
}

.hYXWsv:focus {
  color: #ffffff;
  background-color: #3a3c3e;
  outline-color: #3a3c3e;
  border-color: #3a3c3e;
}

.hYXWsv:active {
  background-color: #545658;
  color: #ffffff;
  outline-color: #545658;
  border-color: #545658;
}

.hYXWsv:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: #d2d4d6;
  outline-color: transparent;
  border-color: transparent;
}

.dxbIMj {
  border: none;
  outline: none;
  -webkit-column-gap: 6px;
  column-gap: 6px;
  box-sizing: border-box;
  color: #000000;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.dxbIMj:hover {
  background-color: inherit;
  border: none;
  outline: none;
  color: #000000;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.dxbIMj:focus,
.dxbIMj:active {
  text-shadow:
    0.25px 0px 0.1px,
    -0.25px 0px 0.1px;
  -webkit-text-decoration: none;
  text-decoration: none;
  background-color: inherit;
  color: #000000;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.dxbIMj:disabled {
  pointer-events: none;
  color: #d2d4d6;
}

.bbWPuq {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  height: 65px;
  background-color: #ffffff;
  border-bottom: 1px solid #e6e8ea;
  z-index: 4000;
}

.bbWPuq * {
  z-index: 4000;
}

.cwjPWg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

.hrGuyi {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ipGSFC {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #ffffff;
}

.ipGSFC:hover {
  background-color: transparent;
}

.eojOvQ {
  margin-left: 16px;
}

.etdLat {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.jTsKD {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
}

.fdaSom {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 20px;
}

.ePBico {
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 599px) {
  .ePBico {
    display: none;
  }
}

.hkTqj {
  border-bottom: 1px solid #e6e8ea;
  position: relative;
  text-align: center;
  overflow: hidden;
  line-height: 0;
  max-width: 100vw;
  z-index: 3000;
}

.hkTqj * {
  z-index: 3000;
}

@media screen and (max-width: 1007px) {
  .hkTqj {
    border-bottom: none;
    display: none;
  }
}

.xECcw {
  display: inline-block;
  overflow-x: hidden;
  white-space: nowrap;
  margin-bottom: -1px;
}

.bXpjTY {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (max-width: 1007px) {
  .bXpjTY {
    display: none;
  }
}

.cHJCBW {
  position: relative;
}

.kkeorx {
  position: relative;
}

.kkeorx::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  background: #e6e8ea;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.eqTiTw {
  position: relative;
  display: block;
  color: #000000;
  cursor: pointer;
  padding: 12px 8px;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.eqTiTw:hover {
  background-color: #e6e8ea;
}

.hYxbtM {
  margin-top: 29px;
}

@media screen and (max-width: 399px) {
  .hYxbtM {
    margin-top: 24px;
  }
}

@media screen and (max-width: 599px) {
  .hYxbtM {
    margin-top: 24px;
  }
}

.fwyFkM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  row-gap: 18px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 399px) {
  .fwyFkM {
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

@media screen and (max-width: 599px) {
  .fwyFkM {
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
    -webkit-column-gap: 0;
    column-gap: 0;
  }
}

.hsqCXf {
  -webkit-text-decoration: none;
  text-decoration: none;
  position: relative;
  color: #000000;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.hsqCXf:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.gILz {
  margin-top: 21px;
}

@media screen and (max-width: 1007px) {
  .gILz {
    margin-top: 24px;
  }
}

@media screen and (max-width: 399px) {
  .gILz {
    margin-top: 40px;
  }
}

@media screen and (max-width: 599px) {
  .gILz {
    margin-top: 40px;
  }
}

.dLhQLm {
  position: relative;
  margin-right: 16px;
}

.cqsTxI {
  cursor: pointer;
  height: 44px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 6px 12px;
  background-color: #e6e8ea;
  color: #202224;
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.cqsTxI:hover {
  background-color: #d2d4d6;
}

.cqsTxI:active {
  background-color: #e6e8ea;
}

.eMDdil {
  width: 24px;
  height: 24px;
  margin-left: 4.5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #000000;
}

.ilVVvM {
  margin-top: 16px;
}

.iKZcGw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 16px;
  column-gap: 16px;
  row-gap: 12px;
}

.iRmzNU {
  cursor: pointer;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000000;
}

.iRmzNU:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.bWszMR {
  color: #202224;
  font-family:
    BBC Reith Serif,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 38px;
  line-height: 44px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: -0.76px;
  -moz-letter-spacing: -0.76px;
  -ms-letter-spacing: -0.76px;
  letter-spacing: -0.76px;
}

@media screen and (max-width: 399px) {
  .bWszMR {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-transform: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-letter-spacing: -0.56px;
    -moz-letter-spacing: -0.56px;
    -ms-letter-spacing: -0.56px;
    letter-spacing: -0.56px;
  }
}

@media screen and (max-width: 599px) {
  .bWszMR {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-transform: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-letter-spacing: -0.56px;
    -moz-letter-spacing: -0.56px;
    -ms-letter-spacing: -0.56px;
    letter-spacing: -0.56px;
  }
}

.dKljgB {
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  margin: 0 auto;
  width: 722px;
}

@media screen and (max-width: 1279px) {
  .dKljgB {
    margin: 0 auto;
    width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .dKljgB {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 599px) {
  .dKljgB {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 8192px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1279px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1007px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 599px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 399px) {
  .dKljgB {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}

.bWSguZ {
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  margin: 0 auto;
  width: 722px;
}

@media screen and (max-width: 1279px) {
  .bWSguZ {
    margin: 0 auto;
    width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .bWSguZ {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 599px) {
  .bWSguZ {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 8192px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1279px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 1007px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 767px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 599px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 399px) {
  .bWSguZ {
    margin-bottom: 16px;
  }
}

.khQhed {
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  margin: 0 auto;
  width: 722px;
}

@media screen and (max-width: 1279px) {
  .khQhed {
    margin: 0 auto;
    width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .khQhed {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 599px) {
  .khQhed {
    margin: 0 16px;
    width: auto;
  }
}

@media screen and (max-width: 8192px) {
  .khQhed {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1279px) {
  .khQhed {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1007px) {
  .khQhed {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 767px) {
  .khQhed {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 599px) {
  .khQhed {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 399px) {
  .khQhed {
    margin-bottom: 24px;
  }
}

.bZUiKB {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #202224;
  font-family:
    BBC Reith Serif,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-letter-spacing: -0.36px;
  -moz-letter-spacing: -0.36px;
  -ms-letter-spacing: -0.36px;
  letter-spacing: -0.36px;
}

@media screen and (max-width: 399px) {
  .bZUiKB {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-letter-spacing: -0.32px;
    -moz-letter-spacing: -0.32px;
    -ms-letter-spacing: -0.32px;
    letter-spacing: -0.32px;
  }
}

@media screen and (max-width: 599px) {
  .bZUiKB {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    -webkit-letter-spacing: -0.32px;
    -moz-letter-spacing: -0.32px;
    -ms-letter-spacing: -0.32px;
    letter-spacing: -0.32px;
  }
}

.fYAfXe {
  color: #202224;
  font-family:
    BBC Reith Serif,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: -0.36px;
  -moz-letter-spacing: -0.36px;
  -ms-letter-spacing: -0.36px;
  letter-spacing: -0.36px;
}

@media screen and (max-width: 399px) {
  .fYAfXe {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-letter-spacing: -0.32px;
    -moz-letter-spacing: -0.32px;
    -ms-letter-spacing: -0.32px;
    letter-spacing: -0.32px;
  }
}

@media screen and (max-width: 599px) {
  .fYAfXe {
    font-family:
      BBC Reith Serif,
      Helvetica,
      Arial,
      sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-letter-spacing: -0.32px;
    -moz-letter-spacing: -0.32px;
    -ms-letter-spacing: -0.32px;
    letter-spacing: -0.32px;
  }
}

.kVRnKf {
  font-weight: 600;
}

@media screen and (max-width: 599px) {
  .kVRnKf {
    word-break: break-word;
  }
}

.kKcaog {
  font-style: italic;
}

@media screen and (max-width: 599px) {
  .kKcaog {
    word-break: break-word;
  }
}

.hfihLu {
  max-width: 1280px;
  width: 100%;
  margin: 16px auto 48px auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.ljTcnM {
  margin-top: 16px;
}

.ljTcnM p {
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.ljTcnM b,
.ljTcnM a {
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
}

.ljTcnM a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #000000;
}

@media screen and (max-width: 599px) {
  .ljTcnM {
    margin-top: 24px;
  }
}

.dMmPSQ {
  background-color: #e6e8ea;
  margin-top: 16px;
  height: 1px;
  border: none;
}

.bMDFAT {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

html,
body,
div,
span,
h1,
h4,
p,
a,
img,
strong,
b,
i,
ul,
li,
article,
figure,
figcaption,
footer,
header,
main,
nav,
section,
time {
  margin: 0;
  padding: 0;
  border: 0;
  /*  font: inherit;*/
  vertical-align: baseline;
}

article,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

@supports (-webkit-text-size-adjust: none) or (text-size-adjust: none) {
  body {
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
}

ul {
  list-style: none;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  border: 0;
  font-family: inherit;
  color: inherit;
}

.kTYBSY {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fhxEhT {
  display: grid;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 2fr 1fr;
  grid-column-gap: 8px;
  min-height: 40px;
}

@media screen and (max-width: 599px) {
  .fhxEhT {
    grid-template-columns: 1fr;
  }
}

.gwgaEc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bDFePy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dSEqup {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hhBctz {
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: -0.14px;
  -moz-letter-spacing: -0.14px;
  -ms-letter-spacing: -0.14px;
  letter-spacing: -0.14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
}

.jbvpvO {
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: -0.14px;
  -moz-letter-spacing: -0.14px;
  -ms-letter-spacing: -0.14px;
  letter-spacing: -0.14px;
  color: #545658;
}

.eMfYfM {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.WPunI {
  font-family:
    BBC Reith Sans,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: -0.12px;
  -moz-letter-spacing: -0.12px;
  -ms-letter-spacing: -0.12px;
  letter-spacing: -0.12px;
  color: #545658;
}

.fPUyIi {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  padding-right: 15px;
}

@media screen and (max-width: 599px) {
  .fPUyIi {
    grid-area: 2 / 1 / span 1 / span 3;
    border-top: 1px solid #e6e8ea;
    height: 44px;
    margin-top: 12px;
  }
}

.cvNhQw {
  display: block;
  font-family:
    BBC Reith Serif,
    Helvetica,
    Arial,
    sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-letter-spacing: 0px;
  -moz-letter-spacing: 0px;
  -ms-letter-spacing: 0px;
  letter-spacing: 0px;
  color: #545658;
  padding-left: 0;
  padding-right: 0;
  padding-top: 8px;
}

.jmthjj {
  display: block;
  fill: currentcolor;
}

.jbvZzi {
  display: block;
  height: 28px;
  fill: currentcolor;
  max-width: initial;
}

@media screen and (max-width: 399px) {
  .jbvZzi {
    height: 26px;
    max-width: 248px;
  }
}

@media screen and (max-width: 599px) {
  .jbvZzi {
    height: 26px;
    max-width: 248px;
  }
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(50% - 200px);
}

#formRegArea {
  max-width: 720px;
  width: 100%;
  text-align: center;
  margin: 30px auto;
  padding: 30px 35px 25px;
  background: #1c1c1c;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

#formRegArea h4#formTitleDyn {
  text-align: center;
  margin: 0 0 28px;
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
}

:root {
  --header-height-global: 72px;
  --header-shrink-height-global: 48px;
  --header-z-index-global: var(--z-index-900);
  --header-decorative-bar-height-global: 5px;
}

* {
  -webkit-touch-callout: default !important;
  overflow-wrap: break-word;
}

:root {
  --ion-font-family: "Stuff Display", "Sans-Serif", "Arial", sans-serif;
  --ion-font-family-text: "Stuff Text", "Sans-Serif", "Arial", sans-serif;
  --ion-font-family-sans: "Stuff Sans", "Sans-Serif", "Arial", sans-serif;
  --font-family-sans-wide: "Stuff Sans Wide", "Sans-Serif", "Arial", sans-serif;
  --font-family-sans-condensed:
    "Stuff Sans Condensed", "Sans-Serif", "Arial", sans-serif;
  --header-text-1: 34px;
  --header-text-2: 26px;
  --font-size-10: 0.625rem;
  --font-size-12: 0.75rem;
  --font-size-13: 0.8125rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-22: 1.375rem;
  --font-size-23: 1.4375rem;
  --font-size-24: 1.5125rem;
  --font-size-26: 1.625rem;
  --font-size-28: 1.75rem;
  --font-size-32: 2rem;
  --font-size-34: 2.125rem;
  --font-size-40: 2.5rem;
  --font-size-42: 2.625rem;
  --font-size-50: 3.125rem;
  --font-size-60: 3.75rem;
  --uira-trim-color: var(--ion-color-tertiary);
  --uira-color-impact: darkred;
  --uira-color-dark: red;
  --uira-color-dark-120: #900000;
  --uira-color-dark-contrast: #fff;
  --uira-color-light: #90ee90;
  --uira-color-light-120: #c2fbc2;
  --uira-color-auxiliary: orange;
  --uira-color-grey-light: #e2e2e2;
  --uira-color-grey-light-rgb: 226, 226, 226;
  --uira-color-black-100: #000;
  --uira-color-black-95: #0d0d0d;
  --uira-color-black-95-rgb: 13, 13, 13;
  --uira-color-black-90: #1a1a1a;
  --uira-color-black-90-rgb: 32, 32, 32;
  --uira-color-black-80: #333;
  --uira-color-black-80-rgb: 51, 51, 51;
  --uira-color-black-10: #e5e5e5;
  --uira-color-black-10-rgb: 229, 229, 229;
  --ion-color-bookends: var(--uira-color-black-95);
  --ion-color-bookends-rgb: var(--uira-color-black-95-rgb);
  --ion-color-bookends-filter: invert(21%) sepia(99%) saturate(2362%)
    hue-rotate(190deg) brightness(95%) contrast(101%);
  --ion-color-bookends-contrast: #fff;
  --ion-color-bookends-contrast-rgb: 255, 255, 255;
  --ion-color-bookends-shade: #3d3d3d;
  --ion-color-bookends-tint: #a8a8a8;
}

:focus {
  outline: none;
}

::-moz-selection {
  background: var(--uira-color-light);
}

::selection {
  background: var(--uira-color-light);
}

body {
  overflow-y: auto !important;
  position: unset !important;
  transform: unset !important;
}

a {
  text-underline-offset: 4px;
}

ion-content::part(scroll) {
  --background: var(--ion-background-color);
  background-color: var(--ion-background-color);
}

@media screen and (min-width: 576px) {
  :root {
    --header-text-1: 42px;
  }
}

:root {
  --ion-background-color: #f5f5f5;
  --ion-background-color-rgb: 255, 255, 255;
  --ion-color-base: #fff;
  --ion-story-card-byline-color: #565656;
  --ion-story-card-byline-color-rgb: #565656;
  --ion-text-color: var(--uira-color-black-95);
  --ion-color-content: #fff;
  --ion-color-content-rgb: 255, 255, 255;
  --ion-color-content-contrast: var(--uira-color-black-95);
  --ion-color-content-contrast-rgb: var(--uira-color-black-95-rgb);
  --ion-color-content-shade: #333;
  --ion-color-content-tint: #565656;
  --ion-color-primary: #3880ff;
  --ion-color-primary-tint: #4c8dff;
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-tint: #50c8ff;
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  --ion-color-light: #f2f8fb;
  --ion-color-light-rgb: 242, 248, 251;
  --ion-color-light-shade: #d5dadd;
  --ion-color-light-tint: #f3f9fb;
  --ion-color-primary: #0071aa;
  --ion-color-primary-filter: invert(28%) sepia(31%) saturate(4307%)
    hue-rotate(178deg) brightness(97%) contrast(101%);
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #cce3ee;
  --ion-color-secondary: #046;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #cce3ee;
  --ion-color-tertiary: #cce3ee;
  --ion-color-tertiary-rgb: 204, 227, 238;
  --ion-color-tertiary-contrast: #000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #b4c8d1;
  --ion-color-tertiary-tint: #d1e6f0;
  --uira-color-impact: #ae0035;
  --uira-color-impact-light: #e2c7fd;
  --uira-color-dark: #0f1e54;
  --uira-color-dark-120: #0c1843;
  --uira-color-light: #e2c7fd;
  --uira-color-light-120: #fdf9ff;
  --uira-color-auxiliary: #ff911a;
  --ion-color-light: #e6f1f6;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-primary-medium: #d1a3ff;
  --stuff-color-breaking-news-bar-bg-color: #e61716;
  --stuff-color-text-color-reverse: #fff;
  --stuff-color-breaking-news-bar-link-color-hover: #fad1d0;
  --stuff-color-defcon-defcon-dividerlines: #737373;
  --theme-color-primary-lighter: #b2a1d5;
  --theme-colour-primary-medium: #d1a3ff;
  --theme-color-primary: #6443ab;
  --theme-color-primary-darker: #503689;
  --theme-color-secondary: #c6f7e2;
  --theme-color-primary-translucent: rgba(100, 67, 171, 0.08);
  --theme-color-secondary-lighter: #e2fbf1;
  --theme-color-secondary-translucent: #c6f7e240;
  --color-defcon-defcon-splash: #e61716;
  --color-defcon-defcon-bg: #ebebeb;
  --stuff-article-subtext-color: #737373;
  --color-text-color-default: #0d0d0d;
  --colors-elements-text-heading-color-hover: #6443ab;
  --colors-elements-text-heading-color-active: #6443ab;
  --colors-elements-text-heading-color-visited: #737373;
  --colors-base-colours-theme-color-primary: #6443ab;
  --colors-theme-color-secondary-default: #0d0d0d;
  --colors-theme-color-primary-default: #d1a3ff;
  --stuff-text-heading-color: var(--color-text-color-default);
  --stuff-text-body-color: var(--color-text-color-default);
  --functional-black: #000;
  --text-link-color-default: #6443ab;
  --functional-greys-05: #f2f2f2;
  --colors-elements-device-device-topbar-bg: var(--gray-950);
  --colors-elements-header-footer-footer-topband-bg: var(--gray-950);
  --colors-elements-header-footer-headerfooter-splash-colour: var(
    --theme-colour-primary-medium
  );
  --colors-elements-header-footer-footer-bg-color: #fff;
  --colors-elements-button-button1-bg: var(--custom-purple-500);
  --colors-elements-button-button1-text: var(--clr-neutral-950);
  --colors-elements-button-button2-bg: var(--clr-neutral-950);
  --colors-elements-button-button2-text: var(--clr-neutral-white);
  --colors-elements-button-button2-secondary-text: var(--clr-neutral-950);
  --colors-elements-button-button2-secondary-border: var(--clr-neutral-950);
  --colors-elements-link-color-default: var(--custom-purple-500);
  --colors-elements-link-color-hover: var(--custom-purple-900);
  --colors-elements-dividerlines-primary-default: var(--custom-purple-500);
  --system-message-green: var(--mint-500);
  --color-brand-dark-green-100-dark-green-default: var(--dark-green-100);
  --text-color-default: var(--clr-neutral-950);
  --text-color-reverse: var(--clr-neutral-white);
  --color-functional-grey-950: var(--gray-950);
  --watch-page-bg: var(--mauve-950);
  --elements-text-color-default: #e5e5e5;
  --elements-text-timestamp-default: var(--gray-550);
  --color-functional-white-white: var(--clr-neutral-white);
  --divider-lines-dividerlines-generic-light: var(--gray-200);
  --action-bar-icon: var(--custom-purple-500);
  --label-sponsored-bg: var(--gray-100);
  --label-text-default: var(--gray-950);
  --corner-radius-small: 4px;
  --elements-text-color-reversed: var(--clr-neutral-white);
  --share-popup-bg: #404040;
  --stuff-font-weight-normal: 400;
  --stuff-font-weight-medium: 500;
  --stuff-font-weight-semi-bold: 600;
  --stuff-font-weight-bold: 700;
  --stuff-font-weight-bolder: 900;
  --stuff-font-style-normal: normal;
  --stuff-font-style-italic: italic;
  --stuff-text-heading-sans-xl-wide-font-family: var(--font-family-sans-wide);
  --stuff-text-heading-sans-xl-wide-font-weight: var(
    --stuff-font-weight-semi-bold
  );
  --stuff-text-heading-sans-xl-wide-font-size: 2.5rem;
  --stuff-text-heading-sans-xl-wide-line-height: 2.2rem;
  --stuff-text-heading-sans-l-wide-font-family: var(--font-family-sans-wide);
  --stuff-text-heading-sans-l-wide-font-weight: var(
    --stuff-font-weight-semi-bold
  );
  --stuff-text-heading-sans-l-wide-font-size: 2.5rem;
  --stuff-text-heading-sans-l-wide-line-height: 130%;
  --stuff-text-heading-sans-m-wide-font-family: var(--font-family-sans-wide);
  --stuff-text-heading-sans-m-wide-font-weight: var(
    --stuff-font-weight-semi-bold
  );
  --stuff-text-heading-sans-m-wide-font-size: 2rem;
  --stuff-text-heading-sans-m-wide-line-height: 130%;
  --stuff-text-heading-sans-xs-wide-font-family: var(--font-family-sans-wide);
  --stuff-text-heading-sans-xs-wide-font-weight: var(
    --stuff-font-weight-medium
  );
  --stuff-text-heading-sans-xs-wide-font-size: 2rem;
  --stuff-text-heading-sans-xs-wide-line-height: 1.35rem;
  --stuff-text-heading-sans-xxxl-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-xxxl-font-weight: var(
    --stuff-font-weight-semi-bold
  );
  --stuff-text-heading-sans-xxxl-font-size: 2.5rem;
  --stuff-text-heading-sans-xxxl-line-height: 4.125rem;
  --stuff-text-heading-sans-xxl-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-xxl-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-text-heading-sans-xxl-font-size: 2.5rem;
  --stuff-text-heading-sans-xxl-line-height: 3.3rem;
  --stuff-text-heading-sans-xl-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-xl-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-text-heading-sans-xl-font-size: 2.5rem;
  --stuff-text-heading-sans-xl-line-height: 2.2rem;
  --stuff-text-heading-sans-l-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-l-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-text-heading-sans-l-font-size: 2.5rem;
  --stuff-text-heading-sans-l-line-height: 1.925rem;
  --stuff-text-heading-sans-m-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-m-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-text-heading-sans-m-font-size: 2rem;
  --stuff-text-heading-sans-m-line-height: 1.869rem;
  --stuff-text-heading-sans-s-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-s-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-text-heading-sans-s-font-size: 2rem;
  --stuff-text-heading-sans-s-line-height: 1.375rem;
  --stuff-text-heading-sans-xs-font-family: var(--ion-font-family-sans);
  --stuff-text-heading-sans-xs-font-weight: var(--stuff-font-weight-medium);
  --stuff-text-heading-sans-xs-font-size: 2rem;
  --stuff-text-heading-sans-xs-line-height: 1.35rem;
  --stuff-intro-text-body-font-family: var(--ion-font-family-sans);
  --stuff-intro-text-body-font-weight: var(--stuff-font-weight-normal);
  --stuff-intro-text-body-font-size: 1rem;
  --stuff-intro-text-body-line-height: 150%;
  --stuff-article-text-body-font-family: var(--ion-font-family-sans);
  --stuff-article-text-body-font-weight: var(--stuff-font-weight-normal);
  --stuff-article-text-body-font-size: 1.125rem;
  --stuff-article-text-body-line-height: 150%;
  --stuff-functional-large-text-font-family: var(--ion-font-family-sans);
  --stuff-functional-large-text-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-functional-large-text-font-size: 1rem;
  --stuff-functional-large-text-line-height: 135%;
  --stuff-functional-regular-text-font-family: var(--ion-font-family-sans);
  --stuff-functional-regular-text-font-weight: var(--stuff-font-weight-normal);
  --stuff-functional-regular-text-font-size: 0.875rem;
  --stuff-functional-regular-text-line-height: 135%;
  --stuff-functional-small-text-font-family: var(--ion-font-family-sans);
  --stuff-functional-small-text-font-weight: var(--stuff-font-weight-normal);
  --stuff-functional-small-text-font-size: 0.75rem;
  --stuff-functional-small-text-line-height: 135%;
  --stuff-breaking-news-text-font-family: var(--ion-font-family-sans);
  --stuff-breaking-news-text-font-weight: var(--stuff-font-weight-medium);
  --stuff-breaking-news-text-font-size: 1rem;
  --stuff-breaking-news-text-line-height: 110%;
  --stuff-hamburger-menu-close-font-family: var(--font-family-sans-condensed);
  --stuff-hamburger-menu-close-font-weight: var(--stuff-font-weight-semi-bold);
  --stuff-hamburger-menu-close-font-size: 2rem;
  --stuff-hamburger-menu-close-line-height: 105%;
  --stuff-hamburger-menu-parent-font-family: var(--ion-font-family-sans);
  --stuff-hamburger-menu-parent-font-weight: var(--stuff-font-weight-medium);
  --stuff-hamburger-menu-parent-line-height: 110%;
  --stuff-hamburger-menu-parent-font-size: 1.75rem;
  --stuff-hamburger-menu-child-font-size: 1.25rem;
}

/*  !**/
/*  !**/
/*  !**/
@media screen and (min-width: 1024px) {
  :root {
    --stuff-breaking-news-text-line-height: 150%;
  }
}

:root {
  --stuff-spacing-1: 1px;
  --stuff-spacing-2: 2px;
  --stuff-spacing-3: 3px;
  --stuff-spacing-4: 4px;
  --stuff-spacing-6: 6px;
  --stuff-spacing-8: 8px;
  --stuff-spacing-10: 10px;
  --stuff-spacing-12: 12px;
  --stuff-spacing-16: 16px;
  --stuff-spacing-20: 20px;
  --stuff-spacing-24: 24px;
  --stuff-spacing-28: 28px;
  --stuff-spacing-32: 32px;
  --stuff-spacing-36: 36px;
  --stuff-spacing-48: 48px;
  --stuff-spacing-54: 54px;
  --stuff-spacing-64: 64px;
  --stuff-loader-size: 54px;
  --stuff-measure-gaps-card-row-gap: 0.75rem;
  --stuff-measure-gaps-card-column-gap: 1.5rem;
  --measure-gaps-card-text-row-gap: 0.5rem;
  --measure-gaps-card-padding-bottom: 0px;
  --stuff-measure-label-label-padding-x: 0.5rem;
  --stuff-measure-label-label-padding-y: 0.25rem;
  --measure-headerfooter-link-padding-y: 0.125rem;
  --measure-headerfooter-link-padding-x: 0.25rem;
  --measure-gaps-body-column-gap: 0;
  --measure-gaps-body-row-gap: 1.5rem;
  --measure-gaps-grid-row-gap: 0.75rem;
  --measure-gaps-module-row-gap: 0.75rem;
  --measure-gaps-module-padding: 1.5rem;
  --measure-gaps-module-defcon-padding-bottom: 1.5rem;
  --measure-box-padding-box-padding: 0;
  --measure-gaps-body-side-padding: 0.75rem;
  --measure-gaps-breakingnewsbar-text-row-gap: 0.25rem;
  --measure-box-padding-defcon-box-padding: 0.75rem;
  --stuff-list-item-padding: 0.75rem;
  --measure-tap-area-minimum-taparea: 3rem;
  --measure-tap-area-minimum-tap-area: 3rem;
  --measure-focustabbed-padding-x: 0.25rem;
  --measure-focustabbed-padding-y: 0.125rem;
}

@media screen and (min-width: 768px) {
  :root {
    --measure-gaps-body-column-gap: 1rem;
    --measure-gaps-grid-row-gap: 1rem;
    --measure-gaps-body-side-padding: 1rem;
    --stuff-list-item-padding: 1rem;
    --measure-box-padding-defcon-box-padding: 1rem;
    --stuff-loader-size: 108px;
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --measure-gaps-body-column-gap: 1.5rem;
    --measure-gaps-body-row-gap: 2rem;
    --measure-gaps-grid-row-gap: 1.5rem;
    --measure-gaps-body-side-padding: 2rem;
    --stuff-list-item-padding: 1.5rem;
    --measure-box-padding-defcon-box-padding: 1.5rem;
    --measure-box-padding-box-padding: 1rem;
  }
}

body {
  font-size: 16px;
}

:root {
  --ff: "Stuff Display", "Sans-Serif", "Arial", sans-serif;
  --ff-text: "Stuff Text", "Sans-Serif", "Arial", sans-serif;
  --ff-sans: "Stuff Sans", "Sans-Serif", "Arial", sans-serif;
  --ff-sans-wide: "Stuff Sans Wide", "Sans-Serif", "Arial", sans-serif;
  --ff-sans-condensed:
    "Stuff Sans Condensed", "Sans-Serif", "Arial", sans-serif;
  --ff-fjalla-one: "fjalla_oneregular", "Sans-Serif", "Arial", sans-serif;
  --fs-10: 10px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-22: 22px;
  --fs-23: 23px;
  --fs-24: 24.2px;
  --fs-26: 26px;
  --fs-28: 28px;
  --fs-32: 32px;
  --fs-34: 34px;
  --fs-36: 36px;
  --fs-38: 38px;
  --fs-40: 40px;
  --fs-42: 42px;
  --fs-48: 48px;
  --fs-50: 50px;
  --fs-60: 60px;
  --fs-62: 62px;
  --fs-77: 77.504px;
  --fs-accessibility-5: 5px;
  --fs-accessibility-6: 6px;
  --fs-accessibility-7: 7px;
  --fs-accessibility-8: 8px;
  --fs-accessibility-9: 9px;
  --fs-accessibility-10: 10px;
  --fs-accessibility-11: 11px;
  --fs-accessibility-12: 12px;
  --fs-accessibility-13: 13px;
  --fs-accessibility-14: 14px;
  --fs-accessibility-16: 16px;
  --fs-accessibility-20: 20px;
  --fs-accessibility-24: 24px;
  --fs-accessibility-28: 28px;
  --fs-accessibility-32: 32px;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --lh-100: 1;
  --lh-105: 1.05;
  --lh-110: 1.1;
  --lh-120: 1.2;
  --lh-125: 1.25;
  --lh-130: 1.3;
  --lh-135: 1.35;
  --lh-140: 1.4;
  --lh-150: 1.5;
  --lh-160: 1.6;
  --lh-170: 1.7;
  --lh-180: 1.8;
  --lh-190: 1.9;
  --fst-normal: normal;
  --fst-italic: italic;
  --purple-100: #dccaff;
  --purple-300: #b2a1d5;
  --purple-400: #6443ab;
  --purple-800: #503689;
  --purple-translucent-10: rgba(100, 67, 171, 0.08);
  --purple-translucent-80: rgba(100, 67, 171, 0.8);
  --custom-purple-350: #dfbfff;
  --custom-purple-500: #d1a3ff;
  --custom-purple-700: #7d6299;
  --custom-purple-900: #8911ff;
  --mauve-250: #e8d1ff;
  --mauve-950: #151019;
  --mint-200: #e2fbf1;
  --mint-400: #c6f7e2;
  --mint-500: #42feaf;
  --mint-800: #637c71;
  --mint-translucent-10: rgba(198, 247, 226, 0.1);
  --mint-translucent-20: rgba(198, 247, 226, 0.251);
  --white: #fff;
  --gray-50: #f2f2f2;
  --gray-80: #ebebeb;
  --gray-100: #e5e5e5;
  --gray-200: #ccc;
  --gray-300: #b3b3b3;
  --gray-400: #999;
  --gray-450: #8c8c8c;
  --gray-500: grey;
  --gray-550: #737373;
  --gray-600: #666;
  --gray-700: #4c4c4c;
  --gray-800: #333;
  --gray-850: #262626;
  --gray-900: #1a1a1a;
  --gray-950: #0d0d0d;
  --black: #000;
  --black-translucent-95: rgba(0, 0, 0, 0.95);
  --red-100: #fad1d0;
  --red-400: #e61716;
  --orange-400: #ff911a;
  --yellow-400: #fff160;
  --cyan-50: #e9fbfe;
  --cyan-250: #91edfa;
  --sand-250: #fef5eb;
  --sand-550: #e4d4c2;
  --dark-red-05: #fbf2f5;
  --dark-red-100: #efccd7;
  --blue-violet-500: #8911ff;
  --dark-green-100: #0a563b;
  --maroon-05: #fbf2f5;
  --maroon-50: #d6809a;
  --maroon-100: #ae0035;
  --opacity-0: 0;
  --opacity-10: 0.1;
  --opacity-50: 0.5;
  --opacity-80: 0.8;
  --spacing-0: 0;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-dotted-purple-x: linear-gradient(
      90deg,
      var(--purple-400) 35%,
      transparent 35%,
      transparent 100%
    )
    repeat top center / 3px 1px;
  --border-dotted-purple-y: linear-gradient(
      180deg,
      var(--purple-400) 35%,
      transparent 35%,
      transparent
    )
    repeat-y top center / 1px 3px;
  --border-dotted-purple-translucent-x: linear-gradient(
      90deg,
      var(--purple-translucent-80) 35%,
      transparent 35%,
      transparent 100%
    )
    repeat top center / 3px 1px;
  --border-dotted-purple-translucent-y: linear-gradient(
      180deg,
      var(--purple-translucent-80) 35%,
      transparent 35%,
      transparent
    )
    repeat-y top center / 1px 3px;
  --border-dotted-gray-x: linear-gradient(
      90deg,
      var(--gray-400) 35%,
      transparent 35%,
      transparent 100%
    )
    repeat top center / 3px 1px;
  --border-dotted-gray-y: linear-gradient(
      180deg,
      var(--gray-400) 35%,
      transparent 35%,
      transparent
    )
    repeat-y top center / 1px 3px;
  --border-radius-50: 50%;
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-100: 100;
  --z-index-200: 200;
  --z-index-300: 300;
  --z-index-400: 400;
  --z-index-500: 500;
  --z-index-600: 600;
  --z-index-700: 700;
  --z-index-800: 800;
  --z-index-900: 900;
  --z-index-950: 950;
  --page-margin-x: var(--spacing-12);
  --page-margin-y: var(--spacing-12);
  --grid-row-gap: var(--spacing-12);
  --grid-column-gap: var(--spacing-12);
  --break-point-1440: 1440px;
  --border-dotted-primary-horizontal: var(--border-dotted-purple-x);
  --border-dotted-primary-vertical: var(--border-dotted-purple-y);
  --border-dotted-primary-translucent-horizontal: var(
    --border-dotted-purple-translucent-x
  );
  --border-dotted-primary-translucent-vertical: var(
    --border-dotted-purple-translucent-y
  );
  --border-dotted-horizontal: var(--border-dotted-gray-x);
  --border-dotted-vertical: var(--border-dotted-gray-y);
  font-family:
    Stuff Display,
    "Sans-Serif",
    Arial,
    sans-serif;
}

@media screen and (min-width: 768px) {
  :root {
    --page-margin-x: var(--spacing-16);
    --page-margin-y: var(--spacing-16);
    --grid-row-gap: var(--spacing-16);
    --grid-column-gap: var(--spacing-16);
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --page-margin-x: var(--spacing-32);
    --page-margin-y: var(--spacing-32);
    --grid-row-gap: var(--spacing-24);
    --grid-column-gap: var(--spacing-24);
  }
}

:root {
  --clr-primary: var(--purple-400);
  --clr-primary-darker: var(--purple-800);
  --clr-primary-lighter: var(--purple-300);
  --clr-primary-translucent-10: var(--purple-translucent-10);
  --clr-primary-text: var(--clr-primary);
  --clr-primary-text-inverse: var(--white);
  --clr-primary-surface: var(--clr-primary-lighter);
  --clr-primary-surface-inverse: var(--clr-primary-darker);
  --clr-secondary: var(--mint-400);
  --clr-secondary-darker: var(--mint-800);
  --clr-secondary-lighter: var(--mint-200);
  --clr-secondary-translucent-10: var(--mint-translucent-10);
  --clr-secondary-translucent-20: var(--mint-translucent-20);
  --clr-secondary-text: var(--clr-secondary);
  --clr-secondary-text-inverse: var(--white);
  --clr-secondary-surface: var(--clr-secondary);
  --clr-secondary-translucent-20-surface: var(--clr-secondary-translucent-20);
  --clr-secondary-surface-inverse: var(--clr-secondary-darker);
  --clr-alert: var(--red-400);
  --clr-alert-text: var(--white);
  --clr-alert-text-inverse: var(--white);
  --clr-alert-text-hover: var(--red-100);
  --clr-alert-surface: var(--red-400);
  --clr-alert-surface-inverse: var(--red-400);
  --clr-warning: var(--orange-400);
  --clr-warning-text: var(--white);
  --clr-warning-text-inverse: var(--white);
  --clr-warning-surface: var(--orange-400);
  --clr-warning-surface-inverse: var(--orange-400);
  --clr-neutral-white: var(--white);
  --clr-neutral-50: var(--gray-50);
  --clr-neutral-80: var(--gray-80);
  --clr-neutral-100: var(--gray-100);
  --clr-neutral-200: var(--gray-200);
  --clr-neutral-300: var(--gray-300);
  --clr-neutral-400: var(--gray-400);
  --clr-neutral-450: var(--gray-450);
  --clr-neutral-500: var(--gray-500);
  --clr-neutral-550: var(--gray-550);
  --clr-neutral-600: var(--gray-600);
  --clr-neutral-700: var(--gray-700);
  --clr-neutral-800: var(--gray-800);
  --clr-neutral-850: var(--gray-850);
  --clr-neutral-900: var(--gray-900);
  --clr-neutral-950: var(--gray-950);
  --clr-neutral-black: var(--black);
  --clr-neutral: var(--clr-neutral-400);
  --clr-neutral-black-translucent-95: var(--black-translucent-95);
  --clr-brand-yellow: var(--yellow-400);
  --clr-text: var(--gray-900);
  --clr-text-lighter: var(--gray-400);
  --clr-text-inverse: var(--white);
  --clr-text-alert: var(--red-400);
  --clr-button-primary-new-text: var(--gray-950);
  --clr-button-primary-new-text-hover: var(--gray-950);
  --clr-button-primary-new-text-disabled: var(--gray-400);
  --clr-button-primary-new-icon: var(--gray-950);
  --clr-button-primary-new-icon-hover: var(--gray-950);
  --clr-button-primary-new-surface: var(--theme-colour-primary-medium);
  --clr-button-primary-new-surface-hover: var(--custom-purple-350);
  --clr-button-primary-new-surface-active: var(--custom-purple-350);
  --clr-button-primary-new-surface-disabled: var(--gray-100);
  --clr-button-primary-new-border: transparent;
  --clr-button-primary-new-border-hover: var(--purple-800);
  --clr-button-primary-new-border-active: var(--purple-800);
  --clr-button-primary-new-border-disabled: var(--gray-400);
  --clr-button-primary-new-border-focused: var(--purple-800);
  --clr-button-primary-dark-text: var(--white);
  --clr-button-primary-dark-text-hover: var(--white);
  --clr-button-primary-dark-text-disabled: var(--gray-500);
  --clr-button-primary-dark-icon: var(--white);
  --clr-button-primary-dark-icon-hover: var(--gray-700);
  --clr-button-primary-dark-surface: var(--black);
  --clr-button-primary-dark-surface-hover: var(--gray-700);
  --clr-button-primary-dark-surface-active: var(--gray-700);
  --clr-button-primary-dark-surface-disabled: var(--gray-100);
  --clr-button-primary-dark-border: var(--purple-400);
  --clr-button-primary-dark-border-hover: var(--purple-800);
  --clr-button-primary-dark-border-active: var(--purple-800);
  --clr-button-primary-dark-border-disabled: var(--gray-400);
  --clr-button-primary-dark-border-focused: var(--custom-purple-700);
  --clr-button-text: var(--white);
  --clr-button-surface: var(--black);
  --clr-button-primary-text: var(--white);
  --clr-button-primary-text-hover: var(--white);
  --clr-button-primary-text-disabled: var(--gray-400);
  --clr-button-primary-icon: var(--white);
  --clr-button-primary-icon-hover: var(--white);
  --clr-button-primary-surface: var(--purple-400);
  --clr-button-primary-surface-hover: var(--purple-800);
  --clr-button-primary-surface-active: var(--purple-800);
  --clr-button-primary-surface-disabled: var(--gray-400);
  --clr-button-primary-border: var(--purple-400);
  --clr-button-primary-border-hover: var(--purple-800);
  --clr-button-primary-border-active: var(--purple-800);
  --clr-button-primary-border-disabled: var(--gray-400);
  --clr-button-primary-border-focused: var(--purple-800);
  --clr-button-primary-light-text: var(--clr-primary);
  --clr-button-primary-light-text-hover: var(--clr-primary);
  --clr-button-primary-light-text-disabled: var(--gray-400);
  --clr-button-primary-light-icon: var(--clr-primary);
  --clr-button-primary-light-icon-hover: var(--clr-primary);
  --clr-button-primary-light-surface: var(--mint-400);
  --clr-button-primary-light-surface-hover: var(--mint-200);
  --clr-button-primary-light-surface-active: var(--mint-200);
  --clr-button-primary-light-surface-disabled: var(--gray-100);
  --clr-button-primary-light-surface-focused: var(--mint-400);
  --clr-button-primary-light-border: var(--mint-400);
  --clr-button-primary-light-border-hover: var(--mint-200);
  --clr-button-primary-light-border-active: var(--mint-200);
  --clr-button-primary-light-border-disabled: var(--gray-100);
  --clr-button-primary-light-border-focused: var(--mint-400);
  --clr-button-secondary-text: var(--clr-primary);
  --clr-button-secondary-text-hover: var(--clr-primary);
  --clr-button-secondary-text-disabled: var(--gray-400);
  --clr-button-secondary-icon: var(--clr-primary);
  --clr-button-secondary-icon-hover: var(--clr-primary);
  --clr-button-secondary-surface: transparent;
  --clr-button-secondary-surface-hover: var(--purple-translucent-10);
  --clr-button-secondary-surface-active: var(--purple-translucent-10);
  --clr-button-secondary-surface-disabled: var(--gray-400);
  --clr-button-secondary-border: var(--purple-400);
  --clr-button-secondary-border-hover: var(--purple-800);
  --clr-button-secondary-border-active: var(--purple-800);
  --clr-button-secondary-border-disabled: var(--gray-400);
  --clr-button-secondary-border-focused: var(--purple-800);
  --clr-button-secondary-light-text: var(--clr-secondary);
  --clr-button-secondary-light-text-hover: var(--clr-secondary);
  --clr-button-secondary-light-text-disabled: var(--gray-400);
  --clr-button-secondary-light-icon: var(--clr-secondary);
  --clr-button-secondary-light-icon-hover: var(--clr-secondary);
  --clr-button-secondary-light-surface: transparent;
  --clr-button-secondary-light-surface-hover: var(--mint-translucent-10);
  --clr-button-secondary-light-surface-active: var(--mint-translucent-10);
  --clr-button-secondary-light-surface-disabled: var(--gray-400);
  --clr-button-secondary-light-surface-focused: var(--mint-translucent-10);
  --clr-button-secondary-light-border: var(--clr-secondary);
  --clr-button-secondary-light-border-hover: var(--mint-800);
  --clr-button-secondary-light-border-active: var(--mint-800);
  --clr-button-secondary-light-border-disabled: var(--gray-400);
  --clr-button-secondary-light-border-focused: var(--mint-800);
  --clr-button-danger-text: var(--white);
  --clr-button-danger-text-hover: var(--red-100);
  --clr-button-danger-text-disabled: var(--gray-400);
  --clr-button-danger-icon: var(--white);
  --clr-button-danger-icon-hover: var(--red-100);
  --clr-button-danger-surface: transparent;
  --clr-button-danger-surface-hover: transparent;
  --clr-button-danger-surface-active: transparent;
  --clr-button-danger-surface-disabled: var(--gray-400);
  --clr-button-danger-border: transparent;
  --clr-button-danger-border-hover: transparent;
  --clr-button-danger-border-active: transparent;
  --clr-button-danger-border-disabled: transparent;
  --clr-button-danger-border-focused: var(--white);
  --clr-button-brand-text: var(--purple-400);
  --clr-button-brand-text-hover: var(--purple-800);
  --clr-button-brand-text-disabled: var(--gray-400);
  --clr-button-brand-icon: var(--purple-400);
  --clr-button-brand-icon-hover: var(--purple-400);
  --clr-button-brand-surface: transparent;
  --clr-button-brand-surface-hover: transparent;
  --clr-button-brand-surface-active: transparent;
  --clr-button-brand-surface-disabled: var(--gray-400);
  --clr-button-brand-border: transparent;
  --clr-button-brand-border-hover: transparent;
  --clr-button-brand-border-active: transparent;
  --clr-button-brand-border-disabled: transparent;
  --clr-button-brand-border-focused: var(--purple-800);
  --clr-link-text-primary: var(--black);
  --clr-link-text-primary-hover: var(--purple-800);
  --clr-link-text-primary-active: var(--purple-800);
  --clr-link-text-primary-disabled: var(--gray-400);
  --clr-link-text-primary-focused: var(--black);
  --clr-link-text-primary-visited: var(--gray-550);
  --clr-link-text-primary-border-focused: var(--purple-400);
  --clr-link-text-secondary: var(--clr-neutral-950);
  --clr-link-text-secondary-hover: var(--purple-400);
  --clr-link-text-secondary-active: var(--purple-400);
  --clr-link-text-secondary-disabled: var(--gray-400);
  --clr-link-text-secondary-focused: var(--clr-neutral-950);
  --clr-link-text-secondary-visited: var(--gray-550);
  --clr-link-text-secondary-border-focused: var(--purple-400);
  --clr-link-icon-primary: var(--red-400);
  --clr-link-icon-primary-hover: var(--purple-800);
  --clr-link-icon-primary-active: var(--purple-800);
  --clr-link-icon-primary-disabled: var(--gray-400);
  --clr-link-icon-primary-focused: var(--purple-400);
  --clr-header-splash: var(
    --colors-elements-header-footer-headerfooter-splash-colour
  );
  --clr-header-surface: var(--colors-elements-header-footer-footer-bg-color);
  --clr-header-primary: var(--clr-neutral-950);
  --clr-logo: var(--clr-neutral-950);
  --clr-logo-hover: var(--custom-purple-700);
  --clr-methodology-bg: var(--cyan-50);
  --clr-methodology-border: var(--cyan-250);
  --clr-disclaimer-bg: var(--sand-250);
  --clr-disclaimer-border: var(--sand-550);
  --clr-correction-bg: var(--dark-red-05);
  --clr-correction-border: var(--dark-red-100);
  --clr-summary-bullets: var(--blue-violet-500);
  --fw-base: var(--fw-400);
  --font-xxl: var(--fw-base) var(--fs-24) / var(--lh-150) var(--ff-sans);
  --font-xl: var(--fw-base) var(--fs-20) / var(--lh-150) var(--ff-sans);
  --font-l: var(--fw-base) var(--fs-18) / var(--lh-150) var(--ff-sans);
  --font-base: var(--fw-base) var(--fs-16) / var(--lh-150) var(--ff-sans);
  --font-s: var(--fw-base) var(--fs-14) / var(--lh-130) var(--ff-sans);
  --font-xs: var(--fw-base) var(--fs-12) / var(--lh-130) var(--ff-sans);
  --font-xxs: var(--fw-600) var(--fs-10) / var(--lh-140) var(--ff-sans);
  --font-base-bold: var(--fw-600) var(--fs-16) / var(--lh-150) var(--ff-sans);
  --font-condensed: var(--fw-base) var(--fs-32) / var(--lh-100)
    var(--ff-sans-condensed);
  --font-condensed-bold: var(--fw-600) var(--fs-32) / var(--lh-100)
    var(--ff-sans-condensed);
  --font-condensed-s: var(--fw-base) var(--fs-14) / var(--lh-130)
    var(--ff-sans-condensed);
  --font-condensed-xs: var(--fw-base) var(--fs-12) / var(--lh-110)
    var(--ff-sans-condensed);
  --heading-font-h1: var(--fw-600) var(--fs-60) / var(--lh-140) var(--ff-sans);
  --heading-font-h2: var(--fw-600) var(--fs-48) / var(--lh-140) var(--ff-sans);
  --heading-font-h3: var(--fw-600) var(--fs-32) / var(--lh-140) var(--ff-sans);
  --heading-font-h4: var(--fw-600) var(--fs-28) / var(--lh-140) var(--ff-sans);
  --heading-font-h5: var(--fw-600) var(--fs-23) / var(--lh-140) var(--ff-sans);
  --heading-font-h6: var(--fw-500) var(--fs-20) / var(--lh-140) var(--ff-sans);
  --heading-font-wide-xxl: var(--fw-700) var(--fs-48) / var(--lh-110)
    var(--ff-sans-wide);
  --heading-font-wide-xl: var(--fw-700) var(--fs-32) / var(--lh-110)
    var(--ff-sans-wide);
  --heading-font-wide-l: var(--fw-600) var(--fs-32) / var(--lh-110)
    var(--ff-sans-wide);
  --heading-font-wide-m: var(--fw-600) var(--fs-28) / var(--lh-130)
    var(--ff-sans-wide);
  --heading-font-wide-s: var(--fw-600) var(--fs-23) / var(--lh-130)
    var(--ff-sans-wide);
  --heading-font-normal-l: var(--heading-font-h4);
  --heading-font-normal-s: var(--fw-600) var(--fs-20) / var(--lh-140)
    var(--ff-sans);
  --heading-font-normal-xs: var(--fw-500) var(--fs-18) / var(--lh-140)
    var(--ff-sans);
  --body-font: var(--fw-base) var(--fs-16) / var(--lh-150) var(--ff-sans);
  --body-font-bold: var(--fw-600) var(--fs-16) / var(--lh-150) var(--ff-sans);
  --body-font-s: var(--fw-base) var(--fs-14) / var(--lh-130) var(--ff-sans);
  --body-font-xs: var(--fw-base) var(--fs-12) / var(--lh-130) var(--ff-sans);
  --hero-heading-font-xxl: var(--fw-900) var(--fs-60) / var(--lh-100)
    var(--ff-sans);
  --hero-heading-font-xl: var(--fw-900) var(--fs-42) / var(--lh-100)
    var(--ff-sans);
  --hero-heading-font-l: var(--fw-900) var(--fs-32) / var(--lh-100)
    var(--ff-sans);
}

@media screen and (min-width: 768px) {
  :root {
    --header-height-global: 79px;
    --header-decorative-bar-height-global: 10px;
  }
}

.stuff .breaking-news-close:focus-visible,
.stuff .breaking-news-text.read-more:focus-visible {
  border: var(--stuff-spacing-2) dashed var(--_item-color);
  outline: none;
}

.frame-container-heading-link:focus-visible {
  border-color: var(--clr-primary);
  color: var(--_link-colour-focus);
  gap: 10px;
}

button.sf-btn-primary:focus-visible {
  background-color: var(--uira-color-dark);
  border: 1px solid var(--uira-color-black-95);
}

:root {
  --page-container-max-width: 100%;
}

.page-container.fixed:has(iframe.brightcove-top-carousel) {
  --page-container-max-width: 100%;
}

:root {
  --ads-padding-vertical: var(--spacing-24);
  --ads-padding-horizontal: var(--spacing-48);
  --masthead-header-offset: 85px;
  --ads-sticky-top: calc(
    var(--header-height-global, var(--masthead-header-offset)) +
      var(--spacing-16, 16px)
  );
  --ads-story-list-medium-frame-padding-vertical: var(--spacing-64);
}

.ad-container:has(.ad-slot.open) {
  width: 100%;
}

.ad-container:has(.ad-slot.open:empty) {
  height: 100%;
}

.ad-container.ads-visible:not(:has(.ad-slot.vertical)):not(
    :has(.ad-slot.card)
  ) {
  background-color: var(--_ad-slot-surface-color);
}

:root {
  --top-ad-z-index: calc(var(--app-header-z-index) - 1);
}

.header-ads-block:has(.adHeader) {
  padding: 1rem;
}

.footer-ads-block:has(iframe) {
  padding: 1rem;
}

:root {
  --stuff-text-heading-color: var(--clr-text);
}

.hamburger-menu-wrapper .hamburger-menu-item-title:focus-visible,
.hamburger-menu-wrapper .subnav-list ion-menu-toggle a:focus-visible {
  border: var(--_subnav-list-ion-menu-item-focused);
  outline: none;
}

:root {
  --page-scroll-indicator-padding-top: 0;
}

@container (max-width: 270px) {
}

.video-destination:has(.video-container) .video-placeholder {
  display: none;
}

.video-mini-launcher :is(.play-text, .timestamp, .dot-bullet) {
  font-family: var(--ion-font-family-sans);
  font-style: normal;
  line-height: 130%;
}

.video-mini-launcher :is(.timestamp, .dot-bullet) {
  color: var(--story-card-label-text-color);
}

:root {
  --gaps-grid-row-gap: 24px;
}

ion-button.share-article-button::part(native) {
  padding-inline-end: 0;
  padding-inline-start: 0;
}

.stuff-article-summary .summary-list li::marker {
  color: var(--clr-summary-bullets);
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}

b,
strong {
  font-weight: 700;
}

img {
  max-width: 100%;
}

hr {
  border-width: 0;
  box-sizing: content-box;
  height: 1px;
}

a,
button,
button div,
button span {
  touch-action: manipulation;
}

button {
  -webkit-appearance: button;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  padding: 0;
  text-transform: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  box-sizing: border-box;
}

/*
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    height: 100%;
    width: 100%
}*/

/*html:not(.hydrated) body {
    display: none
}

html.ion-ce body {
    display: block
}

html.plt-pwa {
    height: 100vh
}*/
/*
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-user-drag: none;
    -ms-content-zooming: none;
    word-wrap: break-word;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    height: 100%;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    overscroll-behavior-y: none;
    padding: 0;
    position: fixed;
    text-rendering: optimizeLegibility;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%
}*/

/*html {
    font-family: var(--ion-font-family)
}*/

/*@supports (-webkit-touch-callout:none) {
    html {
        font: var(--ion-dynamic-font,16px var(--ion-font-family))
    }
}

a {
    background-color: transparent;
    color: var(--ion-color-primary,#3880ff)
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 16px
}

h1 {
    font-size: 1.625rem;
    margin-top: 20px
}

h2 {
    font-size: 1.5rem;
    margin-top: 18px
}

h3 {
    font-size: 1.375rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

small,sub,sup {
    font-size: 75%
}

sub,sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}*/

:host-context([dir="rtl"]) .ion-float-start {
  float: right !important;
}

@supports selector(:dir(rtl)) {
}

:host-context([dir="rtl"]) .ion-float-end {
  float: left !important;
}

@supports selector(:dir(rtl)) {
}

@media (min-width: 576px) {
  :host-context([dir="rtl"]) .ion-float-sm-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
  }

  :host-context([dir="rtl"]) .ion-float-sm-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
  }
}

@media (min-width: 768px) {
  :host-context([dir="rtl"]) .ion-float-md-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
  }

  :host-context([dir="rtl"]) .ion-float-md-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
  }
}

@media (min-width: 992px) {
  :host-context([dir="rtl"]) .ion-float-lg-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
  }

  :host-context([dir="rtl"]) .ion-float-lg-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
  }
}

@media (min-width: 1200px) {
  :host-context([dir="rtl"]) .ion-float-xl-start {
    float: right !important;
  }

  @supports selector(:dir(rtl)) {
  }

  :host-context([dir="rtl"]) .ion-float-xl-end {
    float: left !important;
  }

  @supports selector(:dir(rtl)) {
  }
}

:root {
  --button-md-icon-size: 1rem;
  --stuff-button-padding: 8px 16px;
  --stuff-button-margin: 0;
  --stuff-button-font: var(--font-base);
  --stuff-button-icon-fill: var(--clr-button-primary-icon);
  --stuff-button-icon-fill-hover: var(--clr-button-primary-icon-hover);
  --stuff-button-background-color: var(--clr-button-surface);
  --stuff-button-border-focused: transparent;
  --stuff-button-border-type: solid;
  --stuff-button-icon-width: 1rem;
  --stuff-button-icon-height: 1rem;
  --stuff-button-gap: 0;
}

.stuff-button:focus-visible {
  outline: var(--stuff-button-outline-width) var(--stuff-button-border-type)
    var(--stuff-button-border-focused);
  outline-offset: -1px;
}

.stuff-button.primary-dark:focus-visible,
.stuff-button.primary-new:focus-visible {
  --stuff-button-outline-width: var(--border-width-2);
  --stuff-button-border-focused: var(--clr-button-primary-dark-border-focused);
  --stuff-button-border-type: solid;
}

.stuff-auth-block .stuff-auth-btn:focus-visible {
  --stuff-button-border-type: solid;
}

.stuff-auth-block .stuff-auth-btn.secondary:focus-visible {
  --stuff-button-background-color-focused: transparent;
  outline: var(--border-width-2) solid var(--stuff-button-border-focused);
}

.stuff-auth-block .stuff-auth-btn.primary:focus-visible {
  outline: var(--border-width-2) solid var(--stuff-button-border-focused);
}

:root {
  --stuff-divider-thickness: 1px;
  --stuff-divider-background-color: var(--clr-primary-lighter);
  --stuff-divider-height: var(--stuff-divider-thickness);
  --stuff-divider-width: 100%;
  --stuff-divider-margin: 0;
  --stuff-divider-dotted-line: var(--border-dotted-primary-horizontal);
}

:root {
  --stuff-column-gap: var(--grid-column-gap);
}

:root {
  --stuff-logo-color: black;
  /* Пример значения */
  --stuff-logo-height: 50px;
  --stuff-logo-width: 150px;
}

.certified-corporation:focus-visible,
.pou-tiaki:focus-visible {
  outline: var(--stuff-footer-focus-outline);
}

.stuff-footer-body .stuff-logo a:focus-visible {
  outline: var(--stuff-footer-focus-outline);
}

.stuff-footer-body .footer-nav-links a:focus-visible {
  outline: var(--stuff-footer-focus-outline);
}

.social-links button:focus-visible svg {
  border-radius: 50%;
  outline: var(--stuff-footer-focus-outline);
  outline-offset: -1px;
}

.stuff-footer-bottom .links a:focus-visible {
  outline: var(--stuff-footer-focus-outline);
}

.stuff-footer-bottom .shield-icon button:focus-visible svg {
  border-radius: 50%;
  outline: var(--stuff-footer-focus-outline);
  outline-offset: -0.5px;
}

.stuff-masthead-logos .logo-container:focus-visible {
  outline: var(--stuff-footer-focus-outline);
}

:root {
  --stuff-row-gap: var(--grid-column-gap);
}

:root {
  --stuff-inview-header-upper-bar-height: 5px;
  --stuff-inview-header-bar-and-gap-height: calc(
    var(--stuff-inview-header-upper-bar-height) + var(--spacing-4)
  );
}

.stuff-web-header-bar .stuff-logo a:focus-visible,
.stuff-web-header-bar ion-menu-toggle:focus-visible {
  outline: var(--stuff-header-item-focus-outline);
}

:root {
  --stuff-piano-home-page-banner-height: 17rem;
  --stuff-piano-home-page-banner-bottom: 0.75rem;
  --stuff-piano-home-page-banner-animation-bottom: calc(
    (
        var(--stuff-piano-home-page-banner-height) +
          var(--stuff-piano-home-page-banner-bottom)
      ) *
      -1
  );
  --stuff-piano-home-page-banner-margin-inline: 0.75rem;
}

@media screen and (min-width: 576px) {
  :root {
    --stuff-piano-home-page-banner-bottom: 0.875rem;
  }
}

@media screen and (min-width: 768px) {
  :root {
    --stuff-piano-home-page-banner-bottom: 1rem;
    --stuff-piano-home-page-banner-margin-inline: 0;
    --stuff-piano-home-page-banner-right: 1rem;
    --stuff-piano-home-page-banner-width: 25rem;
    --stuff-piano-home-page-banner-animation-right: calc(
      (
          var(--stuff-piano-home-page-banner-width) +
            var(--stuff-piano-home-page-banner-right)
        ) *
        -1
    );
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --stuff-piano-home-page-banner-bottom: 1.5rem;
    --stuff-piano-home-page-banner-right: 1.5rem;
  }
}

:root {
  --stuff-story-card-container-gap-global: 12px;
  --stuff-story-card-body-gap-global: 8px;
  --story-card-gradient-top-color: #220043;
  --story-card-gradient-bottom-color: #09000f;
  --corner-radius-default: 8px;
}

.story-card :is(.surface, .content-link) {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--_container-gap);
  text-decoration: none;
}

.story-card:is(.new-senary, .new-text) .stuff-text-heading {
  --stuff-text-heading-font-size: var(--fs-16);
}

.story-card:is(
    .new-quaternary,
    .new-quinary,
    .new-quinary-square,
    .new-quinary-text
  )
  .stuff-text-heading {
  --stuff-text-heading-font-size: var(--fs-18);
}

.story-card:is(.new-tertiary-text, .new-tertiary-square, .new-tertiary)
  .stuff-text-heading {
  --stuff-text-heading-font-size: var(--fs-20);
}

.story-card:is(
    .tertiary-square,
    .tertiary-wide,
    .new-secondary,
    .new-secondary-square
  )
  .stuff-text-heading {
  --stuff-text-heading-font-size: var(--fs-22);
}

.story-card:is(.secondary, .secondary-square) .stuff-text-heading {
  --stuff-text-heading-font-size: var(--fs-24);
}

.story-card.text :is(.heading-text, .stuff-text-heading) {
  --stuff-text-heading-font-size: var(--fs-18);
  --stuff-text-heading-line-height: var(--lh-140);
  --stuff-text-heading-font-family: var(--ff-sans);
}

.story-card-link:focus-visible {
  outline: var(--story-card-focus-visible-outline);
}

.story-card.secondary :is(.sf-story-image-container, img) {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}

.story-card.tertiary-wide :is(.surface, .content-link) {
  --_container-gap: var(--_image-row-gap);
  flex-direction: row;
}

.story-card.tertiary-square :is(.surface, .content-link) {
  --_container-gap: var(--_image-row-gap);
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}

.story-card:is(.tertiary-square, .tertiary-wide) .sf-story-image-container {
  align-items: flex-start;
  display: flex;
  min-width: var(--story-card-image-width);
  padding: 4px 0 8px;
  width: var(--story-card-image-width);
}

.story-card:is(.tertiary-square, .tertiary-wide) img {
  display: inline-block;
  flex: 1 0 0;
  min-height: var(--story-card-image-height);
  min-width: var(--story-card-image-width);
  -o-object-fit: cover;
  object-fit: cover;
}

.story-card.text :is(.sf-story-image-container, .stuff-intro-text-body) {
  display: none;
}

.story-card:is(.new-lead, .new-secondary-square, .new-secondary)
  .stuff-intro-text-body {
  display: block;
}

.story-card:is(.new-tertiary, .new-tertiary-square) .sf-story-image-container {
  min-height: var(--story-card-image-height);
  min-width: var(--story-card-image-width);
}

.story-card:is(.new-senary, .new-quinary-square, .new-quinary)
  :is(.surface, .content-link) {
  --_container-gap: var(--_image-row-gap);
  align-items: center;
  flex-direction: row;
}

.story-card:is(.new-senary, .new-quinary-square, .new-quinary)
  .stuff-timestamp {
  display: none;
}

.story-card:is(.new-senary, .new-quinary-square, .new-quinary) .card-body {
  justify-content: center;
}

.story-card:is(.new-senary, .new-quinary-square) {
  --story-card-image-width: 110px;
  --story-card-image-height: 110px;
}

.story-card:is(.new-senary, .new-quinary-square, .new-quinary)
  .sf-story-image-container {
  display: flex;
  height: var(--story-card-image-height);
  min-width: var(--story-card-image-width);
  width: var(--story-card-image-width);
}

.story-card:is(.new-senary, .new-quinary-square, .new-quinary) img {
  display: inline-block;
  flex: 1 0 0;
  height: var(--story-card-image-height);
  min-width: var(--story-card-image-width);
  -o-object-fit: cover;
  object-fit: cover;
  width: var(--story-card-image-width);
}

.story-card:is(.new-tertiary-text, .new-quinary-text, .new-text)
  .sf-story-image-container {
  display: none;
}

@media screen and (min-width: 768px) {
  .story-card:is(.new-secondary, .new-secondary-square) .stuff-text-heading {
    --stuff-text-heading-font-size: var(--fs-24);
  }
}

.story-card:is(.left-to-right, .right-to-left).video .surface,
.story-card:is(.left-to-right, .right-to-left).video .surface > * {
  padding: 0;
}

.story-card.right-to-left.video :is(.surface, .content-link) {
  width: unset;
}

.story-card:is(.left-to-right, .right-to-left).video .fake-player {
  border-radius: 0;
}

.story-card:is(.left-to-right).video .card-body {
  padding-right: var(--elements-video-card-padding);
}

.story-card.video:is(.new-text, .text) {
  --mini-launcher-display: inherit;
}

:root {
  --stuff-top-nav-bar-height: 33px;
}

.stuff-top-nav-bar a.top-nav-item:focus-visible {
  outline: var(--clr-primary) dashed 2px;
}

:root {
  --stuff-user-dropdown-background-hover: var(--clr-primary-translucent-10);
  --stuff-user-dropdown-background-active: var(--clr-primary-translucent-10);
  --stuff-user-dropdown-border-color: var(--clr-neutral-100);
  --stuff-user-dropdown-border: var(--border-width-1) solid
    var(--stuff-user-dropdown-border-color);
  --stuff-user-dropdown-background: transparent;
  --stuff-user-dropdown-icon-fill: var(--gray-950);
}

ion-popover.stuff-user-dropdown::part(content) {
  border: var(--stuff-user-dropdown-border);
  border-radius: 0;
  box-shadow: 0 0 var(--spacing-4) rgba(0, 0, 0, 0.3);
}

ion-popover.stuff-user-dropdown .close-icon-container svg:focus-visible {
  outline: var(--stuff-header-item-focus-outline);
}

ion-popover.stuff-user-dropdown ion-item::part(native) {
  --inner-border-width: 0px;
  --min-height: 0;
  font: var(--fw-400) var(--fs-16) / var(--lh-130) var(--ff-sans);
  min-width: 100%;
  padding: var(--spacing-16) var(--spacing-24);
}

ion-popover.stuff-user-dropdown ion-item::part(native):focus-visible {
  --stuff-user-dropdown-focus-padding: calc(
      var(--spacing-16) - var(--border-width-2)
    )
    calc(var(--spacing-24) - var(--border-width-2));
  border: var(--stuff-header-item-focus-outline);
  padding: var(--stuff-user-dropdown-focus-padding);
}

:root {
  --stuff-ads-panel-border-width: var(--spacing-4);
  --stuff-ads-panel-border-color: var(--clr-primary);
  --ads-panel-grid-container-padding-top: 1rem;
  --ads-panel-grid-container-padding-x: 1rem;
  --ads-panel-grid-container-padding-bottom: 0;
}

@media screen and (min-width: 1024px) {
  :root {
    --ads-panel-grid-container-padding-top: 1.5rem;
    --ads-panel-grid-container-padding-x: 2rem;
    --ads-panel-grid-container-padding-bottom: 0;
  }
}

.panel-common:not(.ads-panel-right, .ads-panel-left):has(.adHeader) {
  padding: 1rem 0;
}

.ads-panel-bottom .ad-container:has(.ad-slot.open) {
  width: unset;
}

.masthead
  .ads-panels-container:not(:has(.top-stories-frame)):not(
    :has(.story-list-medium-container)
  ):after {
  background-image: radial-gradient(
    var(--ion-color-contrast) 1px,
    transparent 0
  );
  background-size: 5px 5px;
  bottom: 1rem;
  content: "";
  height: 15px;
  margin: 0 auto;
  position: absolute;
  width: calc(
    min(100vw, 1440px) - var(--ads-panel-grid-container-padding-x) * 2
  );
}

.masthead
  .ads-panels-container:not(:has(.top-stories-frame)):not(
    :has(.story-list-medium-container)
  ) {
  padding-bottom: 3rem;
}

@media screen and (min-width: 1024px) {
  .masthead
    .ads-panels-container:not(:has(.top-stories-frame)):not(
      :has(.story-list-medium-container)
    ):after {
    bottom: 1.5rem;
  }

  .masthead
    .ads-panels-container:not(:has(.top-stories-frame)):not(
      :has(.story-list-medium-container)
    ) {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 1200px) {
  .panel-common:not(.ads-panel-right, .ads-panel-left):has(.adHeader) {
    margin-bottom: 1.5rem;
  }
}

.stuff-carousel-wrapper .swiper :is(.swiper-slide:last-child) {
  min-width: calc(
    var(--stuff-carousel-slide-width) - var(--stuff-carousel-item-gap) * 2
  );
}

:root {
  --stuff-frame-column-gap: var(--spacing-24);
  --stuff-frame-container-gap: var(--spacing-12);
  --stuff-frame-margin-top: var(--stuff-frame-column-gap);
  --stuff-frame-padding-bottom: calc(
    var(--spacing-24) + var(--stuff-ads-panel-border-width)
  );
  --stuff-frame-heading-color: var(--colors-theme-color-secondary-default);
  --stuff-frame-surface-color: transparent;
  --stuff-frame-inner-container-max-width: 100%;
}

@media screen and (min-width: 1024px) {
  :root {
    --stuff-frame-column-gap: var(--spacing-32);
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --stuff-frame-container-gap: var(--spacing-24);
  }
}

:root {
  --defcon-frame-border: var(--spacing-4) solid var(--clr-alert);
  --defcon-frame-surface: var(--clr-neutral-80);
  --defcon-frame-padding-bottom: var(--spacing-24);
  --defcon-frame-box-side-padding: var(--spacing-12);
  --defcon-frame-timestamp-color: var(--clr-alert);
  --defcon-frame-divider-line-horizontal: var(--border-dotted-horizontal);
  --defcon-frame-divider-line-vertical: var(--border-dotted-vertical);
  --defcon-title-font-weight: var(--fw-400);
  --defcon-title-font-size: var(--fs-36);
  --defcon-title-font-line-height: var(--lh-120);
  --defcon-title-font-family: var(--ff-fjalla-one);
  --defcon-frame-lead-card-heading-font: var(--defcon-title-font-weight)
    var(--defcon-title-font-size) / var(--defcon-title-font-line-height)
    var(--defcon-title-font-family);
}

@media screen and (min-width: 768px) {
  :root {
    --defcon-frame-box-side-padding: var(--spacing-16);
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --defcon-frame-box-side-padding: var(--spacing-24);
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --defcon-frame-border: var(--spacing-8) solid var(--clr-alert);
  }
}

:root {
  --stuff-html-frame-font-family: var(--ff-sans);
}

.stuff-news-mixed-frame.desktop .ad-container:has(.story1) {
  flex-basis: var(--_lead-story-flex-basis);
}

.stuff-news-mixed-frame.desktop .ad-container:has(.story2) {
  flex-basis: var(--_secondary-story-flex-basis);
}

.stuff-top-stories-frame.desktop .ad-container:has(.story2) {
  flex-basis: 33%;
}

.stuff-top-stories-frame.desktop .ad-container:has(.story8) {
  flex-basis: var(--_top-stories-8th-story-flex-basis);
}

.stuff-top-stories-frame.desktop .ad-container:has(.bottom-mid-column) {
  flex-basis: var(--_top-stories-bottom-mid-column-flex-basis);
}

.stuff-top-stories-frame.tablet .ad-container:has(.story2) {
  flex-basis: 50%;
}

:root {
  --stuff-article-breadcrumbs-font: var(--fw-500) var(--fs-14) / var(--lh-130)
    var(--ff-sans);
}

.share-dropdown-item:focus-visible {
  outline: var(--_stuff-share-dropdown-outline);
}

:root {
  --stuff-article-date-font: var(--fw-500) var(--fs-14) / var(--lh-130)
    var(--ff-sans);
  --stuff-article-comment-share-font: var(--fw-500) var(--fs-14) / var(--lh-130)
    var(--ff-sans);
  --stuff-article-date-comment-share-width: 100%;
  --stuff-article-date-spacing-gap: unset;
  --stuff-article-date-alignment: center;
}

@media screen and (min-width: 1200px) {
  :root {
    --stuff-article-date-comment-share-width: unset;
    --stuff-article-date-spacing-gap: var(--spacing-4);
    --stuff-article-date-alignment: flex-end;
  }
}

:root {
  --stuff-article-header-margin: var(--spacing-12);
  --stuff-article-authors-font: var(--fw-500) var(--fs-14) / var(--lh-130)
    var(--ff-sans);
  --stuff-article-byline-font: var(--fw-400) var(--fs-14) / var(--lh-130)
    var(--ff-sans);
  --stuff-article-byline-border-bottom: 1px solid var(--clr-primary-lighter);
}

:root {
  --stuff-article-hero-image-desc-font: var(--fw-400) var(--fs-12) /
    var(--lh-140) var(--ff-sans);
  --stuff-article-header-padding: var(--spacing-12) var(--spacing-12)
    var(--spacing-16) var(--spacing-12);
  --stuff-article-hero-image-desc-padding: 0 var(--spacing-8);
  --stuff-article-article-controls-padding-bottom: 0;
  --stuff-article-header-gap: var(--spacing-12);
  --stuff-title-font-weight: var(--fw-400);
  --stuff-title-font-size: var(--fs-36);
  --stuff-title-font-line-height: var(--lh-120);
  --stuff-title-font-family: var(--ff-fjalla-one);
}

@media screen and (min-width: 768px) {
  :root {
    --stuff-article-header-padding: 0 0 var(--spacing-16) 0;
    --stuff-article-hero-image-desc-padding: 0;
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --stuff-article-title-font: var(--fw-600) var(--fs-62) / var(--lh-110)
      var(--ff-sans);
    --stuff-article-article-controls-padding-bottom: var(--spacing-12);
  }
}

:root {
  --stuff-article-source-font: var(--fw-600) var(--fs-18) / var(--lh-150)
    var(--ff-sans);
}

:root {
  --stuff-article-header-max-width: unset;
  --stuff-article-content-max-width: unset;
  --stuff-article-text-max-width: 100vw;
  --stuff-article-ads-gap: 0;
  --stuff-article-padding: var(--spacing-12);
  --stuff-article-block-padding: 0;
  --stuff-article-advert-padding: 0;
  --stuff-article-advert-margin: var(--spacing-24) 0 0 0;
  --stuff-article-ads-display: none;
  --stuff-article-rightrails-width: 300px;
}

@media screen and (min-width: 768px) {
  :root {
    --stuff-article-content-max-width: 35rem;
    --stuff-article-text-max-width: 35rem;
    --stuff-article-ads-gap: var(--spacing-16);
    --stuff-article-padding: var(--spacing-16);
    --stuff-article-ads-display: block;
    --stuff-article-block-padding: 0 var(--spacing-16);
    --stuff-article-advert-padding: 0;
    --stuff-article-advert-margin: var(--spacing-24) 0 0 0;
  }
}

@media screen and (min-width: 1024px) {
  :root {
    --stuff-article-text-max-width: 37.75rem;
    --stuff-article-content-max-width: 37.75rem;
    --stuff-article-ads-gap: var(--spacing-24);
    --stuff-article-padding: var(--spacing-32);
  }
}

@media screen and (min-width: 1200px) {
  :root {
    --stuff-article-content-max-width: 50.75rem;
  }
}

@media screen and (min-width: 1440px) {
  :root {
    --stuff-article-content-max-width: 65.75rem;
    --stuff-article-header-max-width: 50.75rem;
  }
}

:root {
  --stuff-article-content-font: var(--fw-400) var(--fs-18) / var(--lh-150)
    var(--ff-sans);
  --stuff-article-subheading-font: var(--fw-500) var(--fs-24) / var(--lh-150)
    var(--ff-sans);
  --stuff-article-img-caption-title-font: var(--fw-600) var(--fs-20) /
    var(--lh-110) var(--ff-sans);
  --stuff-article-img-caption-body-font: var(--fw-400) var(--fs-14) /
    var(--lh-140) var(--ff-sans);
  --stuff-article-img-caption-credit-font: var(--fw-400) var(--fs-12) /
    var(--lh-140) var(--ff-sans);
  --stuff-article-piano-gap-offset: calc(var(--stuff-article-content-gap) * -1)
    0 0 0;
}

.stuff-article-content .html-content:has(iframe.puzzle-me) {
  border: none;
}

.stuff-article-content .html-content:has(iframe.puzzle-me) {
  padding-left: 0;
  padding-right: 0;
  position: inherit;
  width: 100%;
}

.stuff-article.login-wall-active :is(.restricted-block, .restricted-body) {
  display: none;
}

.stuff-video-layout
  .stuff-video-body
  .date-and-share-container
  .stuff-share:not(.native):is(:hover, :hover:after) {
  --_stuff-share-dropdown-background-color: transparent;
}

:root {
  --article-body-row-gap: 24px;
  --measure-article-heading-row-gap: 12px;
  --measure-article-body-row-gap: 24px;
  --gaps-body-vertical-padding: 24px;
  --article-body-text-max-width: 608px;
}

:root {
  --stuff-logo-width: 48px;
  --stuff-logo-height: 17px;
}

.settings-list ion-item::part(native) {
  height: 100%;
}

.settings-list ion-item::part(detail-icon) {
  opacity: 1 !important;
  position: absolute;
  right: 0;
}

.stuff .settings-list ion-item::part(detail-icon) {
  height: var(--_item-detail-icon-width);
  margin-left: var(--_item-detail-icon-margin-left);
  width: var(--_item-detail-icon-width);
}

.stuff .settings-list ion-item.has-body::part(detail-icon) {
  align-self: flex-start;
  z-index: -1;
}

.stuff .settings-list ion-toggle::part(track) {
  align-self: flex-start;
}