button.IndentedComment-toggleButton-7801ac55e388dc6b899253554d72689c {
   opacity: 0;
}

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

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

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

.lend_btn {
   display: inline-block;
   background-color: #ff0000;
   color: #ffffff;
   font-size: 20px;
   font-weight: bold;
   padding: 15px 25px;
   text-align: center;
   text-decoration: none;
   border-radius: 5px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
   margin: 0 auto 20px auto;
   display: block;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
}

#edr_survey .edr_lb {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 999998;
   display: none;
}

#edr_lwrap_first {
   position: absolute;
   left: -100000px;
   top: -100000px;
   width: 100%;
   height: 100%;
   z-index: 999999;
   max-width: 100%;
   width: 450px;
}

.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%;
}

/*!
       * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
       * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
       * Copyright 2023 Fonticons, Inc.
       */


: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("../index/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);
}

.IndentedComment-toggleButton-7801ac55e388dc6b899253554d72689c {
   padding: calc(var(--spacing-1) / 2) var(--spacing-1) var(--spacing-1);
}

.IndentedComment-toggleButton-7801ac55e388dc6b899253554d72689c:hover {
   background: var(--palette-grey-100);
   border-radius: var(--border-radius);
}

.IndentedComment-icon-0b4e221f86154dadbb8d30450849a275 {
   color: var(--palette-grey-400);
}

.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("../index/flags.png");
   --iti-path-flags-2x: url("../index/flags@2x.png");
   --iti-path-globe-1x: url("../index/flags.png");
   --iti-path-globe-2x: url("../index/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);
}

/* Bloque general para el corresponsal */

/* Estilo para la imagen del corresponsal */

/* Estilo para el bloque de información del corresponsal */

/* Título "Corresponsal:" */

/* Nombre del corresponsal */
: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;
   }
}


video {
   width: 100%;
   height: auto;
}


.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;
   }
}


/* Iti_Flag */

.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);
}