body {
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
}

h2.sc-f98b1ad2-0.dfvxux {
  margin-bottom: 15px;
}

.sc-3b6b161a-0.hoQmHM {
  padding: 0 15px;
}

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

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

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

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

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

@font-face {
  font-family: "BBC Reith Sans";
  font-display: block;
  font-weight: 300;
  src: url("../fonts/BBCReithSans_W_LtIt.woff2") format("woff2");
  font-style: italic;
}

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

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

@font-face {
  font-family: "BBC Reith Sans";
  font-display: block;
  font-weight: 700;
  src: url("../fonts/BBCReithSans_W_BdIt.woff2") format("woff2");
  font-style: italic;
}

@font-face {
  font-family: "BBC Reith Sans";
  font-display: block;
  font-weight: 900;
  src: url("../fonts/BBCReithSans_W_ExBdIt.woff2") format("woff2");
  font-style: italic;
}

@font-face {
  font-family: ReithSans;
  font-display: block;
  font-weight: 300;
  src: url("../fonts/BBCReithSans_W_Lt.woff2") format("woff2");
}

@font-face {
  font-family: ReithSans;
  font-display: block;
  font-weight: 400;
  src: url("../fonts/BBCReithSans_W_Rg.woff2") format("woff2");
}

@font-face {
  font-family: ReithSans;
  font-display: block;
  font-weight: 500;
  src: url("../fonts/BBCReithSans_W_Md.woff2") format("woff2");
}

@font-face {
  font-family: ReithSans;
  font-display: block;
  font-weight: 700;
  src: url("../fonts/BBCReithSans_W_Bd.woff2") format("woff2");
}

@font-face {
  font-family: ReithSans;
  font-display: block;
  font-weight: 900;
  src: url("../fonts/BBCReithSans_W_ExBd.woff2") format("woff2");
}

@font-face {
  font-family: ReithSerif;
  font-display: block;
  font-weight: 300;
  src: url("../fonts/BBCReithSerif_W_Lt.woff2") format("woff2");
}

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

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

@font-face {
  font-family: ReithSerif;
  font-display: block;
  font-weight: 700;
  src: url("../fonts/BBCReithSerif_W_Bd.woff2") format("woff2");
}

@font-face {
  font-family: ReithSerif;
  font-display: block;
  font-weight: 900;
  src: url("../fonts/BBCReithSerif_W_ExBd.woff2") format("woff2");
}

@font-face {
  font-family: "BBC Reith Serif";
  font-display: block;
  font-weight: 300;
  src: url("../fonts/BBCReithSerif_W_Lt.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");
}

@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: 700;
  src: url("../fonts/BBCReithSerif_W_Bd.woff2") format("woff2");
}

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

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

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

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

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

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

.cwJkjb {
  white-space: nowrap;
}

.eKUnhs {
  cursor: pointer;
  border: 2px solid transparent;
  outline: transparent solid 2px;
  display: flex;
  flex-direction: row;
  gap: 9.3px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 6px 12px;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none !important;
  letter-spacing: 0px;
}

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

.bcpeIB {
  cursor: pointer;
  border: 2px solid transparent;
  outline: transparent solid 2px;
  display: flex;
  flex-direction: row-reverse;
  gap: 9.3px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 6px 12px;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.fpbsEG {
  position: relative;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
  border-color: rgb(0, 0, 0);
  outline-color: rgb(0, 0, 0);
}

.fpbsEG:hover {
  background-color: rgb(58, 60, 62);
  border-color: rgb(58, 60, 62);
  outline-color: rgb(58, 60, 62);
}

.fpbsEG:focus {
  outline: rgb(58, 60, 62) solid 2px;
  border: 2px solid rgb(58, 60, 62);
}

.fpbsEG:active {
  background-color: rgb(84, 86, 88);
  color: rgb(255, 255, 255);
  border-color: rgb(84, 86, 88);
  outline-color: rgb(84, 86, 88);
}

.fpbsEG:disabled {
  cursor: not-allowed;
  background-color: rgb(210, 212, 214);
  color: rgb(138, 140, 142);
  outline-color: rgb(210, 212, 214);
  border-color: rgb(210, 212, 214);
}

.ffpPdD {
  background-color: transparent;
  color: rgb(0, 0, 0);
}

.ffpPdD:hover {
  background-color: rgb(58, 60, 62);
  color: rgb(255, 255, 255);
  border: 2px solid rgb(58, 60, 62);
  outline: rgb(58, 60, 62) solid 2px;
}

.ffpPdD:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(58, 60, 62);
  outline-color: rgb(58, 60, 62);
  border-color: rgb(58, 60, 62);
}

.ffpPdD:active {
  background-color: rgb(84, 86, 88);
  color: rgb(255, 255, 255);
  outline-color: rgb(84, 86, 88);
  border-color: rgb(84, 86, 88);
}

.ffpPdD:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: rgb(210, 212, 214);
  outline-color: transparent;
  border-color: transparent;
}

.fxnHdQ {
  background-color: transparent;
  color: rgb(0, 0, 0);
  padding: 0px;
}

.fxnHdQ:hover {
  background-color: rgb(58, 60, 62);
  color: rgb(255, 255, 255);
  border: 2px solid rgb(58, 60, 62);
  outline: rgb(58, 60, 62) solid 2px;
}

.fxnHdQ:focus {
  color: rgb(255, 255, 255);
  background-color: rgb(58, 60, 62);
  outline-color: rgb(58, 60, 62);
  border-color: rgb(58, 60, 62);
}

.fxnHdQ:active {
  background-color: rgb(84, 86, 88);
  color: rgb(255, 255, 255);
  outline-color: rgb(84, 86, 88);
  border-color: rgb(84, 86, 88);
}

.fxnHdQ:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: rgb(210, 212, 214);
  outline-color: transparent;
  border-color: transparent;
}

.htCKMu {
  border: none;
  outline: none;
  column-gap: 6px;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.htCKMu:hover {
  background-color: inherit;
  border: none;
  outline: none;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: underline;
  letter-spacing: 0px;
}

.htCKMu:focus,
.htCKMu:active {
  text-shadow:
    0.25px 0px 0.1px,
    -0.25px 0px 0.1px;
  background-color: inherit;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.htCKMu:disabled {
  pointer-events: none;
  color: rgb(210, 212, 214);
}

.fYsCgf {
  padding-left: 0px;
  padding-right: 0px;
  border: none;
  outline: none;
  column-gap: 6px;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.fYsCgf:hover {
  background-color: inherit;
  border: none;
  outline: none;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: underline;
  letter-spacing: 0px;
}

.fYsCgf:focus,
.fYsCgf:active {
  text-shadow:
    0.25px 0px 0.1px,
    -0.25px 0px 0.1px;
  background-color: inherit;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.fYsCgf:disabled {
  pointer-events: none;
  color: rgb(210, 212, 214);
}

.kwNGtS {
  background-color: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  top: 0px;
  position: fixed;
  border: none;
  width: 100%;
  bottom: 0px;
  display: grid;
  place-items: center;
  z-index: 5000;
}

.jYQwgQ {
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
  visibility: hidden;
  top: 81px;
  position: fixed;
  border: none;
  width: 100%;
  bottom: 0px;
  z-index: 3000;
}

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

#subliminal-banner {
  display: none;
  position: sticky;
  bottom: 0px;
  z-index: 9999;
}

.crWOKT {
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 80px;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(230, 232, 234);
  z-index: 4000;
  transition: height 0.5s;
}

.crWOKT * {
  z-index: 4000;
}

@media screen and (max-width: 599px) {
  .crWOKT {
    height: 48px;
  }
}

.hNMBLC {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 56px;
  padding: 12px 16px;
  transition: height 0.5s;
}

@media screen and (max-width: 599px) {
  .hNMBLC {
    height: 48px;
    padding: 0px 12px;
  }
}

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

.cGQxra svg {
  height: 40px;
  width: auto;
  transition: height 0.5s;
}

@media screen and (max-width: 599px) {
  .cGQxra svg {
    height: 30px;
  }
}

.ikHtZO {
  cursor: pointer;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
}

.ikHtZO:hover {
  background-color: rgb(230, 232, 234);
}

.ldbNHC {
  flex: 1 1 0%;
  display: inline-flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 12px;
}

.kJgnBN {
  flex: 1 1 0%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  height: 32px;
}

.itQidK {
  flex: 1 1 0%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: end;
  gap: 20px;
  height: 40px;
}

.jnhfld {
  margin-top: 29px;
}

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

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

.bPyPyZ {
  display: flex;
  flex-flow: wrap;
  gap: 18px 16px;
  -webkit-box-align: center;
  align-items: center;
}

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

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

.AsTdr {
  position: relative;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.AsTdr:hover {
  text-decoration: underline;
}

.bgmTpn {
  margin-top: 21px;
}

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

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

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

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

.efJkHF {
  cursor: pointer;
  height: 44px;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 6px 12px;
  background-color: rgb(230, 232, 234);
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.efJkHF:hover {
  background-color: rgb(210, 212, 214);
}

.efJkHF:active {
  background-color: rgb(230, 232, 234);
}

.bhyElZ {
  width: 24px;
  height: 24px;
  margin-left: 4.5px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: rgb(0, 0, 0);
}

.kBxTXZ {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0px;
  border-top: 1px solid rgb(230, 232, 234);
  padding-top: 16px;
}

@media screen and (max-width: 599px) {
  .kBxTXZ {
    flex-direction: column;
  }
}

.jMWXMa {
  font-family: "BBC Reith Sans";
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 40px;
}

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

.ittZym {
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  align-items: center;
}

.ittZym button {
  width: 24px;
  height: 24px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 599px) {
  .ittZym button {
    width: 28px;
    height: 28px;
  }
}

.gpZrTn {
  position: relative;
}

.gpZrTn:hover {
  outline: rgb(58, 60, 62) solid 1px;
}

.gpZrTn::after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid rgb(230, 232, 234);
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.2s linear;
  visibility: hidden;
}

@media screen and (max-width: 599px) {
  .gpZrTn::after {
    bottom: -14px;
  }
}

.bQoEiG {
  margin-top: 16px;
}

.hWSyJW {
  display: flex;
  flex-flow: wrap;
  gap: 12px 16px;
}

.hpveT {
  flex: 0 0 auto;
}

.dckmSN {
  cursor: pointer;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
}

.dckmSN:hover {
  text-decoration: underline;
}

.dfvxux {
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
  font-weight: 500;
  font-size: 38px;
  line-height: 44px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.76px;
}

@media screen and (max-width: 599px) {
  .dfvxux {
    font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 34px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.56px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bGFWdi {
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  text-decoration: underline;
  letter-spacing: -0.36px;
}

@media screen and (max-width: 399px) {
  .bGFWdi {
    font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    text-decoration: underline;
    letter-spacing: -0.32px;
  }
}

@media screen and (max-width: 599px) {
  .bGFWdi {
    font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    text-decoration: underline;
    letter-spacing: -0.32px;
  }
}

.hxuGS {
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.36px;
}

@media screen and (max-width: 399px) {
  .hxuGS {
    font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.32px;
  }
}

@media screen and (max-width: 599px) {
  .hxuGS {
    font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: -0.32px;
  }
}

.fhKUCU {
  font-style: italic;
}

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

.jpoiOL {
  font-weight: 600;
}

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

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

.jesoZj {
  margin-top: 16px;
  overflow-wrap: break-word;
}

.jesoZj p {
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.jesoZj b,
.jesoZj a {
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.jesoZj a {
  text-decoration: none;
  color: rgb(0, 0, 0);
}

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

.dTjesj {
  background-color: rgb(58, 60, 62);
  margin-top: 16px;
  height: 1px;
  border: none;
}

.eBPHAI {
  display: flex;
}

.cpHFoI {
  border-bottom: 1px solid rgb(230, 232, 234);
  position: relative;
  text-align: center;
  overflow: hidden;
  line-height: 0;
  max-width: 100vw;
  z-index: 3000;
}

.cpHFoI * {
  z-index: 3000;
}

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

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

.iWReBz {
  list-style-type: none;
  display: flex;
  padding: 0px;
  margin: 0px;
  align-self: center;
}

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

.jJjzKF {
  position: relative;
}

.cqCeYW {
  position: relative;
}

.cqCeYW::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 30px;
  background: rgb(230, 232, 234);
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.eeXkpK {
  position: relative;
  display: block;
  color: rgb(0, 0, 0);
  cursor: pointer;
  padding: 12px 8px;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.eeXkpK:hover {
  background-color: rgb(230, 232, 234);
  text-decoration: none !important;
}

.gfLEJi {
  z-index: 3000;
  position: sticky;
  background-color: rgb(255, 255, 255);
  top: 80px;
  left: 0px;
  right: 0px;
  transform: translateY(0px);
  transition: transform 0.5s;
}

.gfLEJi * {
  z-index: 3000;
}

@media screen and (max-width: 1007px) {
  .gfLEJi {
    height: 0px;
  }
}

.gpwNUx {
  position: fixed;
  display: block;
  bottom: 0px;
  background-color: rgb(255, 255, 255);
  visibility: hidden;
  z-index: 3000;
  transition: transform 0.1s ease-in-out;
  top: 81px;
  left: 0px;
  width: 320px;
  transform: translateX(-100%);
}

.gpwNUx * {
  z-index: 3000;
}

@media screen and (max-width: 599px) {
  .gpwNUx {
    width: 100%;
  }
}

.fOFekK {
  position: relative;
  display: flex;
  border: 1px solid rgb(138, 140, 142);
  width: 100%;
  height: 44px;
  background-color: rgb(255, 255, 255);
}

.fOFekK:focus-within,
.fOFekK:hover {
  border: 2px solid rgb(0, 0, 0);
  margin: -1px;
}

.fOFekK svg[icon="search"] {
  width: 20px;
  height: 20px;
}

.fOFekK .sc-42d8a745-3 {
  width: 44px;
  height: 44px;
  outline: rgb(0, 0, 0) solid 1px;
}

.fOFekK .sc-42d8a745-3 span {
  width: 18px;
}

.fOFekK:hover {
  border: 2px solid rgb(58, 60, 62);
  margin: -1px;
}

.fOFekK:hover .sc-42d8a745-3 {
  background-color: rgb(58, 60, 62);
  border: 2px solid rgb(58, 60, 62);
  outline: 0px;
}

.blIdnk {
  flex: 1 1 0%;
  border: none;
  outline: none;
  color: rgb(32, 34, 36);
  padding: 13px 0px 13px 13px;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0px;
  font-size: 16px;
  width: 40px;
}

@media screen and (max-width: 599px) {
  .blIdnk {
    font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0px;
    font-size: 16px;
  }
}

.jdGaiS {
  box-sizing: border-box;
  overflow-y: scroll;
  padding: 0px 8px;
  height: 100%;
}

.itBpIZ {
  transform: rotate(0deg);
  transition: transform 0.1s ease-in-out;
  -webkit-box-pack: center;
  justify-content: center;
  display: flex;
  height: 10px;
  width: 13px;
}

.iyUgeV {
  grid-template-columns: 1fr auto;
  background-color: rgb(255, 255, 255);
  padding: 13px 14px;
  position: relative;
  text-align: left;
  cursor: pointer;
  display: grid;
  border: none;
  width: 100%;
  gap: 22px;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
}

.iyUgeV:hover {
  background-color: rgb(230, 232, 234);
}

.iyUgeV::before {
  background-color: transparent;
  transform: translateX(-100%);
  position: absolute;
  height: 100%;
  content: "";
  width: 8px;
  left: 0px;
  top: 0px;
}

.jRsIAV {
  word-break: break-word;
}

.jtxkAZ {
  border-bottom: 1px solid rgb(230, 232, 234);
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
  display: grid;
}

.kbxLHW {
  background-color: rgb(246, 246, 246);
  border-bottom: 1px solid rgb(230, 232, 234);
  padding: 8px;
  margin: 0px -8px;
}

.fDhjj {
  position: relative;
}

.BFLgM {
  position: absolute;
  top: -9999px;
  left: 0px;
  font-family: "BBC Reith Sans";
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  color: rgb(0, 0, 0);
  padding: 8px 12px;
  border: 2px solid rgb(0, 0, 0);
}

.BFLgM:focus,
.BFLgM:active {
  z-index: 5000;
}

@media screen and (max-width: 8192px) {
  .BFLgM:focus,
  .BFLgM:active {
    top: 14px;
    left: 104px;
  }
}

@media screen and (max-width: 599px) {
  .BFLgM:focus,
  .BFLgM:active {
    top: 76px;
    left: 16px;
    background-color: rgb(255, 255, 255);
  }
}

html,
body,
div,
span,
h1,
h2,
p,
a,
b,
i,
ul,
li,
article,
footer,
header,
main,
nav,
section,
time {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

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

ul {
  list-style: none;
}

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

.eSlECZ {
  display: flex;
  flex-direction: column;
}

.eeJXtz {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 32px;
  margin-bottom: 4px;
}

@media screen and (max-width: 599px) {
  .eeJXtz {
    min-height: 0px;
    margin-bottom: 16px;
  }
}

.IvNnh {
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.12px;
  color: rgb(84, 86, 88);
}

.gXqOYA {
  -webkit-box-pack: end;
  justify-content: flex-end;
  align-self: start;
  display: flex;
  flex-direction: row;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 12px;
}

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

.jdpfMh {
  display: none;
}

@media screen and (max-width: 599px) {
  .jdpfMh {
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    border-top: 1px solid rgb(230, 232, 234);
    height: 44px;
    margin-top: 12px;
  }
}

.kRoBHa {
  display: flex;
}

.lasLGY {
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.16px;
}

.hwLppI {
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
  color: rgb(84, 86, 88);
}

.jSIeFi {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

@media screen and (max-width: 599px) {
  .jSIeFi {
    gap: 24px;
  }
}

.emeJAW {
  border: 2px solid transparent;
  outline: transparent solid 2px;
  display: inline-block;
  font-family: "BBC Reith Sans", BBCReithSans-fallback, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: 0px;
  padding: 8px 10px;
  background-color: rgb(246, 246, 246);
  color: rgb(0, 0, 0);
}

.emeJAW:hover {
  background-color: rgb(58, 60, 62);
  color: rgb(255, 255, 255);
}

.emeJAW:focus {
  background-color: rgb(0, 0, 0);
  border-color: rgb(255, 255, 255);
  outline-color: rgb(58, 60, 62);
  color: rgb(255, 255, 255);
}

.emeJAW:active {
  background-color: rgb(246, 246, 246);
}

.kkfrXx {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.isyHVt {
  position: relative;
}

.hIQXRl {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.eYSlhf {
  cursor: pointer;
}

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

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

.eJxjDN {
  display: none;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: end;
}

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

.dotcom-ad {
  display: none;
}

.dotcom-ad {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 1rem;
}

.dotcom-ad-inner {
  display: inline-block;
  margin-bottom: 8px;
}

.dotcom-ad-text-wrapper {
  display: flex;
  justify-content: flex-end;
  visibility: hidden;
}

.dotcom-ad-text {
  color: #505050 !important;
  font:
    bold 0.75rem/0.75rem helvetica,
    arial,
    sans-serif;
  font-size: 0.75rem;
  letter-spacing: 0 !important;
  margin-bottom: 5px !important;
  margin-top: 8px !important;
  padding-top: 0;
  text-decoration: none;
  text-transform: uppercase;
  text-align: right;
}

.dotcom-ad-text:hover {
  text-decoration: underline;
}

#dotcom-top .dotcom-ad-inner {
  display: block;
}

.app .dotcom-ad-text-wrapper {
  margin-top: -12px;
}

.app .dotcom-ad-text {
  font:
    10px "BBC Reith Sans",
    helvetica,
    arial,
    sans-serif;
  user-select: none;
}

.app .dotcom-ad-text:hover {
  text-decoration: none;
}

.nopointer {
  pointer-events: none;
}

.image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sc-47b89c88-0 {
  height: 80px;
}

/* Логотип */
.sc-9c8c5e05-0.cySMiL {
  transition: transform 0.3s ease;
}

/* Шапка */
header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  transition: all 0.3s ease;
}

/* Навигация */
nav {
  position: sticky;
  top: 0;
  z-index: 999;
  transition: transform 0.3s ease;
  will-change: transform;
}

/* Убираем любые внешние отступы */
header,
nav {
  margin: 0;
  padding: 0;
}

/* Шапка фиксирована сверху */
header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  transition: all 0.3s ease;
}

/* Уменьшение высоты шапки */

/* Логотип */
.sc-9c8c5e05-0.cySMiL {
  transition: transform 0.3s ease;
}

/* Навигация */
nav {
  position: sticky;
  top: 0px;
  /* это важно — оно привязано к верхушке viewport */
  z-index: 999;
  transition: transform 0.3s ease;
  will-change: transform;
  margin: 0 !important;
  /* на всякий случай */
  padding: 0 !important;
}

.gfLEJi {
  top: 70px;
}

/* Навигация уезжает вверх */

img {
  object-fit: contain;
}

i {
  font-style: italic;
}

b {
  font-style: bold !important;
}

h2 {
  font-size: 24px !important;
}

.red-box {
  text-align: center;
  background-color: rgb(37, 36, 36);
  padding: 20px;
  color: white;
  font-size: 1.5em;
  line-height: 1.4em;
  border-radius: 10px;
  margin-bottom: 40px;
}

.voc-p_instr {
  padding-left: 30px;
  border-left: 4px solid #d52834;
}

#main-image {
  position: relative;
  box-sizing: border-box;
  display: grid;
  gap: 16px;
  margin: 0px auto;
  margin-bottom: 0px;
  width: 932px;
}

#tabPane-COMMENTS {
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
}

@media screen and (max-width: 1279px) {
  #main-image {
    margin: 0px auto;
    margin-bottom: 0px;
    width: 728px;
  }
}

@media screen and (max-width: 767px) {
  #main-image {
    margin: 0px 16px;
    margin-bottom: 0px;
    width: auto;
  }
}

@media screen and (max-width: 599px) {
  #main-image {
    margin: 0px;
    margin-bottom: 0px;
    width: auto;
  }
}

#coral_thread {
  position: relative;
  /*margin-top: 20px;*/
}

hr {
  border-style: none;
  border-top: 1px solid #ddd;
}

footer {
  margin-top: 50px;
}

h3 span {
  padding: 4px 0 0;
  border-bottom: 4px solid #cc0000;
}

header {
  width: 100%;
}

a:hover {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}

select:focus {
  border: 1px solid #888;
}

@media screen and (max-width: 990px) {
  .widget {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 480px) {
  .widget {
    width: 100%;
  }
}

article {
  position: relative;
  display: block;
}

article a {
  color: #0074d9;
}

a:hover {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}

@media screen and (max-width: 990px) {
  article {
    margin-right: 0;
  }
}

.widget {
  margin-bottom: 40px;
}

.widget li,
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget select {
  width: 100%;
}

:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

:root {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

/* Delaracion de fuentes */

@font-face {
  font-family: "Merriweather";
  src: url("../fonts/Merriweather-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#coral_thread {
  margin-top: 5px;
}

@-ms-viewport {
  width: device-width;
}

div [type="button"] {
  -webkit-appearance: initial;
}

.AriaInfo-root-ac26922b116bd99c170b97a18c17d290 {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.BaseButton-root-464189d43068742128bd39653c671d89 {
  font-family: inherit;
  outline: none;
  border: none;
  touch-action: manipulation;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  align-items: flex-start;
  vertical-align: middle;
  white-space: nowrap;
  background: transparent;
  font-size: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-appearance: none;
}

.BaseButton-root-464189d43068742128bd39653c671d89:disabled {
  cursor: default;
}

.BaseButton-root-464189d43068742128bd39653c671d89::-moz-focus-inner {
  border: 0;
}

.BaseButton-root-464189d43068742128bd39653c671d89:-moz-focusring {
  textshadow: 0 0 0 #000;
}

.Button-root-06dddf3110765e1839bd4713ccb04d57 {
  border-radius: var(--round-corners);
  background-color: transparent;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: background-color 0.2s ease-out;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-bold);
  line-height: 1;
}

.Button-root-06dddf3110765e1839bd4713ccb04d57 > * {
  margin: 0 var(--spacing-1) 0 0;
  align-self: center;
}

.Button-root-06dddf3110765e1839bd4713ccb04d57 > :last-child {
  margin: 0;
}

.Button-root-06dddf3110765e1839bd4713ccb04d57.Button-iconLeft-ac4f9819622323168304f462ea9f3c21
  i {
  padding-right: var(--spacing-1);
}

.Button-sizeRegular-e0a46b1b7772c2d5757f5c4bab1b44d2 {
  font-size: var(--font-size-1);
}

.Button-sizeRegular-e0a46b1b7772c2d5757f5c4bab1b44d2:not(
  .Button-variantText-d956142608c4a9585747d0630c084cab
) {
  padding: var(--spacing-2) var(--spacing-3);
}

.Button-sizeRegular-e0a46b1b7772c2d5757f5c4bab1b44d2:not(
    .Button-variantText-d956142608c4a9585747d0630c084cab
  ).Button-iconLeft-ac4f9819622323168304f462ea9f3c21 {
  padding-left: var(--spacing-2);
  padding-right: var(--spacing-2);
}

.Button-variantTextUnderlined-d08da4a9cde192f05aa32a5c515c244c {
  font-weight: var(--font-weight-primary-bold);
  font-family: var(--font-family-primary);
  text-decoration: underline;
}

.Button-variantTextUnderlined-d08da4a9cde192f05aa32a5c515c244c.Button-colorRegular-cc15a1ff7aceb3f4e548acaa6fa6985a {
  color: #419ea7;
}

.Button-variantTextUnderlined-d08da4a9cde192f05aa32a5c515c244c:not(
    .Button-disabled-cc3f26a281bf2b0be769dfa4708cc636
  ).Button-colorRegular-cc15a1ff7aceb3f4e548acaa6fa6985a:active {
  color: #1c5b71;
}

.Icon-root-c1fc955f8607c3696518db8f02fb9080 {
  font-family: Material Icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  letter-spacing: 0;
  word-break: normal;
  font-feature-settings: "liga", normal, "discretionary-ligatures";
  -ms-font-feature-settings: "liga" 1;
  font-variant-ligatures: "discretionary-ligatures";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Icon-sm-b43dbbab3c3f2b00596ba477436b5c63 {
  font-size: var(--font-size-icon-sm);
  width: var(--font-size-icon-sm);
}

.Hidden-root-f624dc6a06a34ed4aae4822ef75b9617 {
  display: none;
}

.Flex-flex-d2ca733e3f89034ac350e74ab398ca2c {
  display: flex;
}

.Flex-spacing-1-7bd0624564ba26d6c2a0e5d1150663b9 > * {
  margin: 0 var(--spacing-1) 0 0 !important;
}

.Flex-spacing-1-7bd0624564ba26d6c2a0e5d1150663b9 > :last-child {
  margin: 0 !important;
}

.Flex-halfItemGutter-a202fcab1dcbec6c729d74b586859a0d > * {
  margin: 0 calc(0.5 * var(--mini-unit)) 0 0 !important;
}

.Flex-halfItemGutter-a202fcab1dcbec6c729d74b586859a0d > :last-child {
  margin: 0 !important;
}

.Flex-itemGutter-877c8524cc53828abc11c7fa63399cc4 > * {
  margin: 0 var(--mini-unit) 0 0 !important;
}

.Flex-itemGutter-877c8524cc53828abc11c7fa63399cc4 > :last-child {
  margin: 0 !important;
}

.Flex-wrap-6d1b6ac029ed4bb936d308545730f2ca {
  flex-wrap: wrap;
}

.Flex-justifyFlexEnd-d6022468a77727a492ca2de47024ec29 {
  justify-content: flex-end;
}

.Flex-justifySpaceBetween-1e1ecf12d82a80d36b234d1261a4a513 {
  justify-content: space-between;
}

.Flex-alignFlexStart-776800b267a72ebf925def0a6e8dde5e {
  align-items: flex-start;
}

.Flex-alignFlexEnd-bf4274eddbf909adaee6924aa3ec24ff {
  align-items: flex-end;
}

.Flex-alignCenter-26c1ac1572ede070f23436e4a05f81bd {
  align-items: center;
}

.Flex-directionRow-2454f15d2085c2be40d132bad0acd66d {
  flex-direction: row;
}

.Counter-root-059168834122b5ae8235928816a9f1ba {
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-primary-bold);
  font-family: var(--font-family-primary);
  line-height: 1.14;
  letter-spacing: 0.014285714285714287em;
  border-radius: var(--round-corners);
  padding: 1px 3px;
  color: inherit;
}

.Counter-sizeSmall-505af64cb0607eeb3a90380d193dc6aa {
  font-size: var(--font-size-1);
  padding: 2px 3px;
  line-height: 1.33;
}

.Counter-text-58caffde738d519a54562205d642c007 {
  color: var(--palette-text-000);
}

.Counter-colorInherit-3008e9d04bbe3d2fa188fc4130418e6a {
  background-color: currentColor;
}

.SelectField-root-e94ff23b61eac330857f4e86aa8f66bb {
  position: relative;
  display: inline-block;
}

.SelectField-afterWrapper-fd941e0c52ce0243a5158d14ec7575b7 {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  right: var(--spacing-2);
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.SelectField-selectFont-64161fe563cd97253639f1f8b852fd68 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-regular);
  font-size: var(--font-size-3);
  line-height: 1.3;
}

.SelectField-selectFont-64161fe563cd97253639f1f8b852fd68 option {
  font-weight: 400;
}

.SelectField-selectColor-8638a5cdc96d89227e5ae33a58c7a72a {
  color: var(--palette-text-500);
}

.SelectField-select-eeb07c97698171b11db487e472670e13 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 100%;
  border-radius: var(--round-corners);
  background-color: var(--palette-background-input);
  border: 1px solid var(--palette-grey-500);
  padding: calc(var(--spacing-1) - 0.8px) var(--spacing-6) var(--spacing-1)
    var(--spacing-2);
}

.SelectField-select-eeb07c97698171b11db487e472670e13::-moz-focus-inner {
  border: 0;
}

.SelectField-select-eeb07c97698171b11db487e472670e13:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.SelectField-select-eeb07c97698171b11db487e472670e13:disabled {
  background-color: var(--palette-background-input-disabled);
  color: var(--palette-text-input-disabled);
}

.SelectField-select-eeb07c97698171b11db487e472670e13::-ms-expand {
  display: none;
}

.HorizontalGutter-root-42028c0a7886c844bb9f01763cc43000 {
  display: block;
  border: 0;
  padding: 0;
}

.HorizontalGutter-root-42028c0a7886c844bb9f01763cc43000 > :last-child {
  margin: 0 !important;
}

.HorizontalGutter-half-103c5e1607968261e033e654bb4d29a8 > * {
  margin: 0 0 calc(0.5 * var(--mini-unit)) 0 !important;
}

.HorizontalGutter-full-680598106a6954360bcd94b9d3839ca7 > * {
  margin: 0 0 var(--mini-unit) 0 !important;
}

.HorizontalGutter-oneAndAHalf-46c5849e8e0ed7bc3ef647b349fd3f5c > * {
  margin: 0 0 calc(1.5 * var(--mini-unit)) 0 !important;
}

.HorizontalGutter-double-92f3ac140b1da2510f169eee3bb61fbe > * {
  margin: 0 0 calc(2 * var(--mini-unit)) 0 !important;
}

.HorizontalGutter-spacing-4-0909769f4cce75d5d88e0be5c3d827ab > * {
  margin: 0 0 var(--spacing-4) 0 !important;
}

.TabBar-root-d443066dc1f0bff735e39fff14d1fa15 {
  display: flex;
  align-items: flex-end;
  padding: 0;
  margin: 0;
}

.TabBar-streamSecondary-d2a78fd4fb5f8e2d5daaaceca9b6ef84 {
  border-bottom: 1px solid var(--palette-divider);
}

.Tab-root-f3e878389453bcda280e7c10ec6a1260 {
  display: inline-block;
  list-style: none;
}

.Tab-button-6d68dce02925fd18461776edb2692b7e {
  box-sizing: border-box;
  border-bottom: 0;
  list-style: none;
}

.Tab-button-6d68dce02925fd18461776edb2692b7e:hover {
  cursor: pointer;
}

.Tab-streamSecondary-71947cf2508d85c99d4c643d3fcbe591 {
  margin-right: var(--spacing-3);
  margin-bottom: -1px;
  font-family: var(--font-family-primary);
  color: var(--palette-text-500);
  padding-bottom: var(--spacing-2);
}

.Tab-streamSecondary-71947cf2508d85c99d4c643d3fcbe591.Tab-active-c7162dccdcf7f0eceb82b59dc555281d {
  color: var(--palette-primary-500);
  font-weight: var(--font-weight-primary-bold);
  border-bottom: 3px solid var(--palette-primary-500);
  padding-bottom: calc(var(--spacing-2) - 3px);
}

.Timestamp-root-f0b3ebf43486d31ba5226a30c0e02f22 {
  cursor: default;
}

.Timestamp-text-b943991e0f8e51bb4bdba60eabe40535 {
  color: var(--palette-text-100);
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-regular);
  font-size: var(--font-size-2);
  line-height: 1.14;
}

.Button-base-3818d3c9d093073437f9d4751fbaac4e {
  border-radius: var(--round-corners);
}

.Button-fontFamilyPrimary-5e7cc1810b6bcde618b0fd8adb2a5c64 {
  font-family: var(--font-family-primary);
}

.Button-fontWeightPrimarySemiBold-5526f4e404413a488f7dc9d46867bf11 {
  font-weight: var(--font-weight-primary-semi-bold);
}

.Button-fontSizeSmall-4e1ba350ee1ef655df8ddab86350c1ee {
  font-size: var(--font-size-2);
  line-height: 1.14;
}

.Button-textAlignCenter-73a2738f6e39888509e0aca47606b75d {
  text-align: center;
}

.Button-paddingSizeExtraSmall-1a4f75aa7b8e2ce3a8d168ec4e60330e {
  padding: var(--spacing-1) var(--spacing-2);
}

.Button-flat-409c47973ce75cd86d40ebe592ee565e {
  background-color: transparent;
}

.Button-flat-409c47973ce75cd86d40ebe592ee565e.Button-colorSecondary-3bc2b7c29336486a6a4c1b67d199c162:not(
    .Button-disabled-11fc2a834ab017309e2cece13844bc48
  ),
.Button-flat-409c47973ce75cd86d40ebe592ee565e.Button-colorSecondary-3bc2b7c29336486a6a4c1b67d199c162:not(
    :disabled
  ) {
  color: var(--palette-grey-500);
}

.Button-flat-409c47973ce75cd86d40ebe592ee565e.Button-colorSecondary-3bc2b7c29336486a6a4c1b67d199c162:hover {
  color: var(--palette-grey-600);
}

.Button-flat-409c47973ce75cd86d40ebe592ee565e.Button-colorSecondary-3bc2b7c29336486a6a4c1b67d199c162:active {
  color: var(--palette-grey-700);
}

.htmlContent-root-fe3506b39eaecd1a685ceda5e1292c4d {
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: var(--font-weight-primary-regular);
  font-size: var(--font-size-3);
  line-height: 1.45;
  color: var(--palette-text-500);
  word-wrap: break-word;
}

.Username-root-c00565d265d60c03a8fd24001a836d2b {
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 44px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.76px;
}

.HTMLContent-root-5770ce4668399900d87c06ad10ba71a5 {
  word-break: break-word;
}

.Comment-root-438d1b469d0f0c6ae23c9fe785ef01e9 {
  flex: 1 1;
  overflow: hidden;
}

.Comment-timestamp-b603d74501b527b492dba3e2561137cb {
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-2);
  color: var(--palette-grey-500);
  margin-right: var(--spacing-1);
}

.Comment-username-ca460b6a92448c2c4f5e8bf0281046d9 {
  margin-right: var(--spacing-2);
}

.PermalinkButton-icon-0e640f1274f0960aa67d6386824c2a71 {
  margin-right: var(--spacing-1);
}

.ReactionButton-button-f00bbe879a882dd9a0213477cbfbe691 {
  padding-left: 0;
}

.ReactionButton-icon-17968b95c8d22a2a68cb7eb449f342fc {
  margin-right: var(--spacing-1);
}

.ReplyButton-icon-0ac020f222436fb3e181e61baf10a557 {
  margin-right: var(--spacing-1);
}

.ReportButton-icon-b113545e6c1efd1bcefa980ebfb8ef24 {
  margin-right: var(--spacing-1);
}

.CommentContainer-root-66ca40e7132a97e1619cca5f33bd7ddd:focus {
  outline: none;
}

.CommentContainer-actionBar-8f945503291a6fbc016fbde66cee912e {
  min-width: 100px;
}

@media (min-width: 321px) {
  .CommentContainer-actionBar-8f945503291a6fbc016fbde66cee912e {
    min-width: 150px;
  }
}

.CommentContainer-actionButton-471f207edf7f9f69483a5fac1602a4df {
  padding: var(--spacing-1);
}

.CommentContainer-usernameButton-4ac74d170407b2cad24a64c2253db856 {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 100%;
}

.CommentsLinks-link-70c0b0ecf5bc220e36bd77f0222c1656 {
  margin-right: var(--spacing-4);
}

.CommentsLinks-link-70c0b0ecf5bc220e36bd77f0222c1656.CommentsLinks-sizeRegular-9f09cc902dc0312a24ec336e8eed27fa {
  padding: 0;
}

.CommentsLinks-link-70c0b0ecf5bc220e36bd77f0222c1656.CommentsLinks-colorRegular-77f581911c748778fd3c1cdda97ac4cd {
  color: var(--palette-primary-500);
}

.CommentsLinks-link-70c0b0ecf5bc220e36bd77f0222c1656:not(
    .CommentsLinks-disabled-5392f7ece968e8cbd75caf3daf210d97
  ).CommentsLinks-colorRegular-77f581911c748778fd3c1cdda97ac4cd:active {
  color: var(--palette-primary-800);
}

.CommentsLinks-container-a402fceded1b9681d62b5fc133894816 {
  padding-top: var(--spacing-2);
}

@media (max-width: 321px) {
  .CommentsLinks-container-a402fceded1b9681d62b5fc133894816 {
    display: flex;
    flex-wrap: wrap;
  }

  .CommentsLinks-link-70c0b0ecf5bc220e36bd77f0222c1656 {
    margin: 0;
    width: 50%;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    margin-bottom: var(--spacing-3);
  }

  .CommentsLinks-icon-86c132441381af2d6157bc69b5669adb {
    padding-bottom: var(--spacing-1);
    font-size: var(--font-size-icon-lg);
    width: var(--font-size-icon-lg);
  }
}

.AllCommentsTabCommentContainer-borderedCommentSeen-5b076ccc5ae4a0ddfb408cfb88d1e3fa {
  border-bottom: 1px solid var(--palette-divider);
}

.SortMenu-label-c034e852c82145fc36cd4fc9f480fa31 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-bold);
  font-size: var(--font-size-2);
  line-height: 1.14;
  color: var(--palette-text-500);
}

.SortMenu-selectFont-130589fd4c9cb48a0f136b084271a2d0 {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-primary-semi-bold);
  font-size: var(--font-size-2);
  line-height: 1.3;
}

.SortMenu-select-00d30c2d705d190bbb35175d25e1febe {
  padding: calc(var(--spacing-1) + 0.8px) var(--spacing-6)
    calc(var(--spacing-1) + 1px) var(--spacing-2);
}

@media screen and (max-width: 401px) {
  .SortMenu-selectFont-130589fd4c9cb48a0f136b084271a2d0 {
    font-family: var(--font-family-primary);
    font-weight: var(--font-weight-primary-semi-bold);
    font-size: var(--font-size-4);
    line-height: 1.3;
  }

  .SortMenu-select-00d30c2d705d190bbb35175d25e1febe {
    padding: calc(var(--spacing-1) + 0.4px) var(--spacing-6)
      calc(var(--spacing-1) + 0.8px) var(--spacing-2);
  }
}

.SortMenu-selectColor-cdc63cea0ec0dfe215759778013d6461 {
  color: var(--palette-text-500);
}

.StreamContainer-root-c0a14ac642a4a837a060466b2fb100f4 {
  width: 100%;
}

.StreamContainer-tabBarContainer-6f779f2e3c831ad7716d0e752b701f12 {
  position: relative;
  padding-top: var(--spacing-1);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-2);
}

.StreamContainer-sortMenu-b15f362bd84ed6ab3cc97ab541f318b3 {
  padding-bottom: calc(var(--spacing-2) + 3px);
}

.StreamContainer-tabBarRoot-1ecfb54bc839d9934a62d2984e933256 {
  border: 0;
}

.StreamContainer-tabBarRow-979e3f369d90d6245ec10a5f0f4d13f7 {
  border-bottom: 1px solid var(--palette-divider);
}

.StreamContainer-moderateStream-bd12af07051bf0a4ef745ed828e59890 {
  margin-top: var(--spacing-1);
  margin-bottom: var(--spacing-2);
}

body {
  margin: 0;
  padding: 0;
  background: var(--palette-background-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.App-root-b8d425fe9d14704a446f67763f1450eb {
  width: 100%;
}

.App-tabContent-c53cbfdfbe30e99da5086b03ed029a6b {
  padding-top: var(--mini-unit);
}

:root {
  --round-corners: 3px;
  --palette-background-body: #fff;
  --palette-background-popover: #fff;
  --palette-background-tooltip: #65696b;
  --palette-background-input: #fff;
  --palette-background-input-disabled: #efefef;
  --palette-text-100: var(--palette-text-secondary, #65696b);
  --palette-text-500: var(--palette-text-primary, #353f44);
  --palette-text-900: var(--palette-text-dark, #14171a);
  --palette-text-000: var(--palette-text-light, #fff);
  --palette-text-placeholder: var(--palette-grey-lighter, #9fa4a6);
  --palette-text-input-disabled: var(--palette-grey-lighter, #9fa4a6);
  --palette-grey-100: var(--palette-grey-lightest, #f4f7f7);
  --palette-grey-200: var(--palette-grey-lightest, #eaeff0);
  --palette-grey-300: var(--palette-grey-lighter, #cbd1d2);
  --palette-grey-400: var(--palette-grey-lighter, #9fa4a6);
  --palette-grey-500: var(--palette-grey-main, #65696b);
  --palette-grey-600: var(--palette-grey-dark, #49545c);
  --palette-grey-700: var(--palette-grey-darkest, #32404d);
  --palette-grey-800: var(--palette-grey-darkest, #202e3e);
  --palette-grey-900: var(--palette-grey-darkest, #132033);
  --palette-error-100: var(--palette-error-lightest, #fce5d9);
  --palette-error-200: var(--palette-error-lighter, #fac6b4);
  --palette-error-300: var(--palette-error-lighter, #f29d8b);
  --palette-error-400: var(--palette-error-light, #e5766c);
  --palette-error-500: var(--palette-error-main, #d53f3f);
  --palette-error-600: var(--palette-error-main, #b72e39);
  --palette-error-700: var(--palette-error-dark, #991f34);
  --palette-error-800: var(--palette-error-darkest, #7b142e);
  --palette-error-900: var(--palette-error-darkest, #660c2b);
  --palette-success-100: var(--palette-success-lightest, #d8f9d5);
  --palette-success-200: var(--palette-success-lighter, #adf3ad);
  --palette-success-300: var(--palette-success-lighter, #7cdb85);
  --palette-success-400: var(--palette-success-light, #54b767);
  --palette-success-500: var(--palette-success-main, #268742);
  --palette-success-600: var(--palette-success-main, #1b743d);
  --palette-success-700: var(--palette-success-dark, #136138);
  --palette-success-800: var(--palette-success-darkest, #0c4e32);
  --palette-success-900: var(--palette-success-darkest, #07402e);
  --palette-warning-100: var(--palette-warning-main, #fffacc);
  --palette-warning-500: var(--palette-warning-main, #ffe91f);
  --palette-warning-900: var(--palette-warning-main, #ffcc15);
  --palette-divider: rgba(0, 0, 0, 0.12);
  --palette-primary-100: var(--palette-primary-lightest, #ebf6ff);
  --palette-primary-200: var(--palette-primary-lighter, #b7dcff);
  --palette-primary-300: var(--palette-primary-light, #61b3ff);
  --palette-primary-400: var(--palette-primary-main, #2897ff);
  --palette-primary-500: var(--palette-primary-main, #0070d9);
  --palette-primary-600: var(--palette-primary-main, #0062be);
  --palette-primary-700: var(--palette-primary-main, #005aae);
  --palette-primary-800: var(--palette-primary-dark, #004688);
  --palette-primary-900: var(--palette-primary-darkest, #00386d);
  --font-family-primary: var(--font-family-sans-serif, "Open Sans", sans-serif);
  --font-family-secondary: var(--font-family-serif, "Nunito");
  --font-weight-primary-bold: var(--font-weight-bold, 700);
  --font-weight-primary-semi-bold: var(--font-weight-medium, 600);
  --font-weight-primary-regular: var(--font-weight-light, 300);
  --font-weight-secondary-bold: var(--font-weight-bold, 700);
  --font-weight-secondary-regular: var(--font-weight-light, 300);
  --font-size-1: 0.75rem;
  --font-size-2: 0.875rem;
  --font-size-3: 1rem;
  --font-size-4: 1.125rem;
  --font-size-5: 1.25rem;
  --font-size-6: 1.5rem;
  --font-size-7: 1.75rem;
  --font-size-8: 2rem;
  --font-size-9: 2.25rem;
  --font-size-icon-xl: 2.25rem;
  --font-size-icon-lg: 1.5rem;
  --font-size-icon-md: 1.125rem;
  --font-size-icon-sm: 0.875rem;
  --font-size-icon-xs: 0.75rem;
  --shadow-popover: var(--elevation-main, 1px 0px 4px rgba(0, 0, 0, 0.25));
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 24px;
  --spacing-6: 32px;
  --spacing-7: 44px;
  --spacing-8: 60px;
  --spacing-9: 84px;
  --mini-unit-small: 4;
  --mini-unit-large: 8;
  --mini-unit: calc(1px * var(--mini-unit-small));
}

@media (min-width: 320px) {
  :root {
    --mini-unit: calc(1px * var(--mini-unit-large));
  }
}

@import url("css2.css");

:root {
  --palette-primary-main: #e12248 !important;
  --palette-primary-light: #cc0000 !important;
  --palette-success-main: #0074d9 !important;
  --palette-success-light: #025caa !important;
}

.coral {
  color: rgb(32, 34, 36);
  font-family: "BBC Reith Serif", BBCReithSerif-fallback, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  text-transform: none;
  text-decoration: none;
  letter-spacing: -0.36px;
}

.coral button {
  border-radius: 5px;
}

.coral li button {
  border-radius: 0px;
}

:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Regular";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Light";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Thin";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

.comment_link {
  color: #0070d9;
}

.Icon-root-c1fc955f8607c3696518db8f02fb9080 {
  font-family: Material Icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  letter-spacing: 0;
  word-break: normal;
  font-feature-settings: "liga", normal, "discretionary-ligatures";
  -ms-font-feature-settings: "liga" 1;
  font-variant-ligatures: "discretionary-ligatures";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.comment_button {
  color: rgb(185, 8, 8);
  text-align: center;
  cursor: pointer;
}

.comment_button:hover {
  text-decoration: underline;
  margin-top: 10px;
  margin-bottom: 10px;
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(
    var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) +
      var(--iti-flag-width)
  );
  --iti-selected-country-arrow-padding: calc(
    var(--iti-arrow-padding) + var(--iti-arrow-padding) +
      var(--iti-flag-width) + var(--iti-spacer-horizontal) +
      var(--iti-arrow-width) + var(--iti-input-padding)
  );
  --iti-path-flags-1x: url("../fonts/flags.png");
  --iti-path-flags-2x: url("../fonts/flags@2x.png");
  --iti-path-globe-1x: url("../fonts/flags.png");
  --iti-path-globe-2x: url("../fonts/flags.png");
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px;
}

.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover
  button {
  cursor: pointer;
}

.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country-primary:hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

:root {
  --mainColor: #6cbdde;
  --text: #ffffff;
  --input-color: #ffffff;
  --valid-input-color: #ffffff;
}

#Send-Us-Message {
  border: none;
  border-radius: 5px;
  max-width: 560px;
  margin: 0 auto;
  font-family: Arial;
  box-shadow: 3px 3px 6px #00000030;
  background: #2f3032;
}

@media print {
  body {
    display: none !important;
  }
}

.top__list {
  margin-bottom: 80px;
  padding-top: 12px;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .top__list {
    font-size: 12px;
  }
}

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

.top__list .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
}

.top__list .item .place {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  width: 210px;
}

@media screen and (max-width: 991px) {
  .top__list .item .place {
    width: 150px;
  }
}

.top__list .item .place__num {
  width: 36px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .top__list .item .place__num {
    width: 26px;
    font-size: 14px;
  }
}

.top__list .item .place__avatar {
  width: 40px;
  margin-left: 7px;
}

.top__list .item .place__avatar img {
  display: block;
  margin: 0;
}

.top__list .item .place__name {
  margin-left: 20px;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .top__list .item .place__name {
    margin-left: 30px;
  }
}

.top__list .item .progress {
  flex-grow: 1;
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .top__list .item .progress {
    margin-left: 10px;
  }
}

@media screen and (max-width: 991px) {
  .top__list .item {
    flex-direction: column;
  }

  .top__list .item .place {
    width: 100% !important;
  }
}

.top__list .item .place__avatar img {
  display: block;
  min-width: 50px !important;
}

.top__list .item .place {
  width: 240px;
}

.progress__bar {
  display: block;
  height: 25px;
  width: 0;
  margin-right: 20px;
  background-color: #ececec;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.7) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.7) 50%,
    rgba(255, 255, 255, 0.7) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
  border-radius: 3px;
  animation: progress-bar-stripes 2s linear infinite;
  transition: 800ms ease-out;
}

.progress__info {
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .progress__info {
    font-size: 16px;
  }

  .top__list .item {
    flex-direction: column;
  }

  .top__list .item .place {
    width: 100% !important;
  }

  .progress {
    width: 100%;
    margin: 10px 0px;
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }

  to {
    background-position: 0 0;
  }
}

.top__list .item .progress {
  flex-grow: 1;
  margin-left: 20px;
}

@media screen and (max-width: 991px) {
  .top__list .item .progress {
    margin-left: 10px;
  }
}

.progress {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
}

#calculator {
  text-align: center;
  padding: 10px;
  background-color: #fff;
  animation: fadeIn 0.5s ease-in-out;
}

#slider-container {
  position: relative;
  margin-bottom: 2px;
  height: 110px;
}

#slider {
  width: 100%;
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out 0.5s forwards;
  -webkit-appearance: none;
  appearance: none;
  height: 20px !important;
  background: #000;
  border-radius: 10px;
  outline: none;
  padding: 0;
  position: relative;
  z-index: 2;
}

#slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid #000000;
  margin-top: 0px !important;
  z-index: 3;
}

#current-value {
  width: 35%;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 6px;
  font-size: 16px;
  margin-top: -5px;
  margin-bottom: 10px;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
}

.slider-labels {
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.slider-labels span {
  position: relative;
}

.slider-labels span::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  background: #000;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}

.result {
  font-size: 16px;
  margin-bottom: 12px;
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out 1s forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

#Send-Us-Message {
  border: none;
  border-radius: 15px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}

#Send-Us-Message h3 {
  padding: 0 27px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #000;
}

#Send-Us-Message h3 span {
  font-weight: 600;
  color: #cc0000;
  border: none;
}

#Send-Us-Message .form-photo {
  max-width: 422px;
  padding: 0;
}

#Send-Us-Message .form-photo img {
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 25px;
  width: 100%;
}

#Send-Us-Message h2 {
  padding: 0 10px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}

#cd-countdown {
  display: flex;
  align-items: center;
  font-family: sans-serif;
  justify-content: center;
  margin-bottom: 50px;
}

.form__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
  padding-top: 30px;
}

.cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
  position: relative;
}

.cd-digits {
  display: flex;
}

.cd-box {
  background: #fff;
  padding: 15px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  min-width: 20px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0 2px;
}

.cd-label {
  margin-top: 5px;
  font-size: 0.6em;
  color: #333;
  text-transform: uppercase;
  position: absolute;
  bottom: -25px;
  font-weight: bold;
}

.cd-separator {
  color: black;
  border-radius: 8px;
  font-size: 1.5em;
  font-weight: bold;
}

@media (max-width: 550px) {
  .cd-box {
    font-size: 18px;
  }

  .cd-separator {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  .cd-box {
    font-size: 16px;
    padding: 10px 13px;
    min-width: initial;
  }
}

@media (max-width: 450px) {
  .cd-box {
    font-size: 18px;
    padding: 8px 12px;
    min-width: initial;
  }
}

@media (max-width: 400px) {
  .cd-box {
    font-size: 16px;
    padding: 7px;
    min-width: initial;
  }
}

@media (max-width: 380px) {
  .cd-box {
    margin: 0 1.5px;
  }
}

.form-footer {
  box-sizing: border-box;
  padding: 17px 27px;
  width: 100%;
  background: #cc0000;
  border-radius: 0 0 15px 15px;
  font-style: 16px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.form-footer .reserved {
  padding: 10px;
  font-size: 12px;
}

@media (max-width: 540px) {
  #Send-Us-Message h3 {
    padding: 0 15px;
    font-size: 20px;
    margin: 0;
  }

  #Send-Us-Message .form-photo {
    margin: 0 15px;
  }

  #Send-Us-Message .form-photo img {
    margin-bottom: 10px;
  }
}

/* Iti_Flag */

.form-footer p {
  color: white !important;
}

.shell-link {
  text-decoration: none;
  color: #cc0000;
}

#Send-Us-Message {
  border: none;
  border-radius: 15px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}

#Send-Us-Message h3 {
  padding: 0 27px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #000;
}

#Send-Us-Message h3 span {
  font-weight: 600;
  color: #cc0000;
  border: none;
}

#Send-Us-Message .form-photo {
  max-width: 422px;
  padding: 0;
}

#Send-Us-Message .form-photo img {
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 25px;
  width: 100%;
}

#Send-Us-Message h2 {
  padding: 0 10px;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
}

#cd-countdown {
  display: flex;
  align-items: center;
  font-family: sans-serif;
  justify-content: center;
  margin-bottom: 50px;
}

.form__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
  padding-top: 30px;
}

.cd-unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 5px;
  position: relative;
}

.cd-digits {
  display: flex;
}

.cd-box {
  background: #fff;
  padding: 15px 10px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  min-width: 20px;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0 2px;
}

.cd-label {
  margin-top: 5px;
  font-size: 0.6em;
  color: #333;
  text-transform: uppercase;
  position: absolute;
  bottom: -25px;
  font-weight: bold;
}

.cd-separator {
  color: black;
  border-radius: 8px;
  font-size: 1.5em;
  font-weight: bold;
}

@media (max-width: 550px) {
  .cd-box {
    font-size: 18px;
  }

  .cd-separator {
    font-size: 30px;
  }
}

@media (max-width: 500px) {
  .cd-box {
    font-size: 16px;
    padding: 10px 13px;
    min-width: initial;
  }
}

@media (max-width: 450px) {
  .cd-box {
    font-size: 18px;
    padding: 8px 12px;
    min-width: initial;
  }
}

@media (max-width: 400px) {
  .cd-box {
    font-size: 16px;
    padding: 7px;
    min-width: initial;
  }
}

@media (max-width: 380px) {
  .cd-box {
    margin: 0 1.5px;
  }
}

.form-footer {
  box-sizing: border-box;
  padding: 17px 27px;
  width: 100%;
  background: #cc0000;
  border-radius: 0 0 15px 15px;
  font-style: 16px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.form-footer .reserved {
  padding: 10px;
  font-size: 12px;
}

@media (max-width: 540px) {
  #Send-Us-Message h3 {
    padding: 0 15px;
    font-size: 20px;
    margin: 0;
  }

  #Send-Us-Message .form-photo {
    margin: 0 15px;
  }

  #Send-Us-Message .form-photo img {
    margin-bottom: 10px;
  }
}

.form-footer p {
  color: white !important;
}
.progress__bar {
  background-color: green;
  background-image: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(0, 0, 0, 0.1) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    transparent 75%,
    transparent
  );
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 20px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 10px;
  --iti-arrow-color: #555;
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover,
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  ):hover
  button {
  cursor: pointer;
}
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti-aio__selected-country-primary:hover,
.iti-aio--allow-dropdown
  .iti-aio__country-container:not(:has(+ input[disabled])):not(
    :has(+ input[readonly])
  )
  .iti-aio__selected-country:has(+ .iti-aio__dropdown-content:hover)
  .iti-aio__selected-country-primary {
  background-color: var(--iti-hover-color);
}