.sb-background {
  background-color: var(--full-white);
  background-position: right var(--spacing-4) top;
  background-repeat: no-repeat;
  background-size: calc(40% - var(--spacing-4)) auto;
  height: 100vh;
  left: 0;
  position: fixed;
  width: 100vw;
}

.sb-background--non-chameleon {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width:37.5rem) {
  .sb-background--non-chameleon+.sb-layout-wrapper .sb-account-section {
    padding: var(--spacing-7);
  }
}

@media (min-width:56.25rem) {
  .sb-background--non-chameleon+.sb-layout-wrapper .sb-layout {
    left: 10%;
    width: 50%;
  }
}

.sb-background--bottom-right {
  background-position: 100% 100%!important;
}

.sb-layout {
  margin-top: var(--spacing-1);
  width: 100%;
}

@media (min-width:37.5rem) {
  .sb-layout {
    margin-top: 6.25rem;
    width: 66.6%;
  }

  .sb-layout-wrapper--offset-left .sb-layout {
    left: 16.7%;
  }

  .sb-layout .sb-account-section {
    padding: var(--spacing-7) 0;
  }
}

@media (min-width:56.25rem) {
  .sb-layout {
    margin-top: var(--spacing-7);
    max-width: 50rem;
    width: 40%;
  }

  .sb-layout-wrapper--offset-left .sb-layout {
    left: 10%;
  }
}

@media (min-width:63rem) {
  .sb-layout {
    width: 35%;
  }

  .sb-layout-wrapper--offset-left .sb-layout {
    left: 12.5%;
  }
}

@media (min-width:80rem) {
  .sb-layout {
    margin-top: var(--spacing-9);
  }
}

.sb-layout-wrapper {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  z-index: 1;
}

.sb-layout-wrapper--offset-left {
  justify-content: unset;
}

.sb-layout-wrapper--offset-left .sb-layout {
  position: relative;
}

html[dir=rtl] .sb-layout-wrapper {
  flex-direction: row-reverse;
}

.dark .sb-background {
  background-color: var(--full-black);
}

.sb-account-footer {
  background-color: var(--full-white);
  bottom: 0;
  font-size: .875rem;
  left: 0;
  line-height: 1.125rem;
  padding: var(--spacing-4);
  position: relative;
  transform: translateZ(0);
  width: 100%;
  z-index: 5;
}

.dark .sb-account-footer {
  background-color: var(--full-black);
}

@media (min-width:37.5rem) {
  .sb-account-footer {
    padding: var(--spacing-4) var(--spacing-7);
  }
}

@media (min-width:56.25rem) {
  .sb-account-footer {
    height: auto;
    position: absolute;
  }
}

.sb-account-section {
  background-color: var(--full-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-4);
  pointer-events: auto;
  position: relative;
  text-align: left;
  width: 100%;
}

.sb-account-section--with-top-border {
  border-top: .0625rem solid var(--nobel-grey);
}

.sb-account-section--centre-aligned-content {
  text-align: center;
}

@media (min-width:37.5rem) {
  .sb-account-section {
    min-height: auto;
    padding: var(--spacing-7);
  }
}

.dark .sb-account-section {
  background-color: var(--full-black);
}

.sb-additional-info {
  color: #3a3c3e;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  line-height: 1.125rem;
  padding: 0 .25rem;
}

.sb-additional-info.sb-additional-info-text-content {
  font-size: .75rem;
  line-height: .875rem;
}

.sb-additional-info a {
  color: inherit;
  font-weight: 700;
  text-underline-offset: .25rem;
}

.sb-additional-info a:hover {
  text-decoration-color: #3a3c3e;
  text-decoration-thickness: .125rem;
}

.sb-additional-info button {
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-style: inherit;
  font-weight: 700;
  line-height: inherit;
  text-decoration-line: underline;
  text-underline-offset: .25rem;
}

.sb-additional-info button:hover {
  text-decoration-color: #202224;
  text-decoration-thickness: .125rem;
}

.sb-additional-info-full-width {
  text-align: justify;
}

.sb-additional-info-space-between {
  display: flex;
  justify-content: space-between;
}

.sb-additional-info-space-between a,.sb-additional-info-space-between button {
  color: #202224;
  font-weight: 500;
}

.sb-additional-info-space-between a:hover,.sb-additional-info-space-between button:hover {
  text-decoration-color: #202224;
}

.light .sb-bbc-blocks {
  fill: var(--full-black);
}

.dark .sb-bbc-blocks {
  fill: var(--full-white);
}

.sb-bbc-blocks--x-small {
  height: 1.75rem;
}

.sb-bbc-blocks--small {
  height: 2rem;
}

.sb-bbc-blocks--medium {
  height: 2.25rem;
}

.sb-bbc-blocks--large {
  height: 2.5rem;
}

.sb-bbc-blocks--x-large {
  height: 2.75rem;
}

.sb-bbc-blocks--xx-large {
  height: 3rem;
}

.sb-heading--headlineLarge {
  font-family: ReithSans,BBC Reith Sans,Helvetica,Arial,freesans,sans-serif;
  font-size: 2rem;
  line-height: 2.25rem;
}

@media (min-width:37.5rem) {
  .sb-heading--headlineLarge {
    font-size: 2.75rem;
    line-height: 3rem;
  }
}

.sb-heading--headlineSmall {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media (min-width:37.5rem) {
  .sb-heading--headlineSmall {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}

.sb-heading--sectionHeading {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media (min-width:37.5rem) {
  .sb-heading--sectionHeading {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.sb-heading--indexHeadlineLarge {
  font-size: 1.5rem;
  line-height: 1.75rem;
}

@media (min-width:37.5rem) {
  .sb-heading--indexHeadlineLarge {
    font-size: 1.75rem;
    line-height: 2rem;
  }
}

.sb-heading--indexHeadlineMedium {
  font-size: 1.25rem;
  line-height: 1.5rem;
}

@media (min-width:37.5rem) {
  .sb-heading--indexHeadlineMedium {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.sb-heading--indexHeadlineSmall {
  font-size: 1rem;
  line-height: 1.25rem;
}

@media (min-width:37.5rem) {
  .sb-heading--indexHeadlineSmall {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.sb-heading--bodyCopy {
  font-size: 1rem;
  line-height: 1.375rem;
}

.sb-heading--description {
  font-size: .875rem;
  line-height: 1.125rem;
}

.sb-heading--metaData {
  font-size: .8125rem;
  line-height: 1rem;
}

.sb-heading--labels {
  font-size: .75rem;
  line-height: 1rem;
}

.sb-heading--light {
  font-weight: var(--light-weight);
}

.sb-heading--regular {
  font-weight: var(--regular-weight);
}

.sb-heading--medium {
  font-weight: var(--medium-weight);
}

.sb-heading--bold {
  font-weight: var(--bold-weight);
}

.sb-heading--extraBold {
  font-weight: var(--extra-bold-weight);
}

.sb-service-identifier-container {
  display: flex;
  flex-wrap: nowrap;
  height: 2.625rem;
  justify-content: center;
  margin: 2.125rem 0 auto;
  max-width: 100%;
}

.sb-service-identifier {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10vw;
  display: flex;
  height: 10vw;
  margin: 0 3vw;
  width: 10vw;
}

.sb-service-identifier--iplayer {
  background-image: url(static/images/service-identifier-iplayer-from-white.gif);
}

.sb-service-identifier--sounds {
  background-image: url(static/images/service-identifier-sounds-from-white.gif);
}

.sb-service-identifier--news {
  background-image: url(static/images/service-identifier-news-from-white.gif);
}

.sb-service-identifier--sport {
  background-image: url(static/images/service-identifier-sport-from-white.gif);
}

.sb-service-identifier--weather {
  background-image: url(static/images/service-identifier-weather-from-white.gif);
}

.sb-service-identifier--bitesize {
  background-image: url(static/images/service-identifier-bitesize-from-white.gif);
}

.dark .sb-service-identifier--iplayer {
  background-image: url(static/images/service-identifier-iplayer-from-black.gif);
}

.dark .sb-service-identifier--sounds {
  background-image: url(static/images/service-identifier-sounds-from-black.gif);
}

.dark .sb-service-identifier--news {
  background-image: url(static/images/service-identifier-news-from-black.gif);
}

.dark .sb-service-identifier--sport {
  background-image: url(static/images/service-identifier-sport-from-black.gif);
}

.dark .sb-service-identifier--weather {
  background-image: url(static/images/service-identifier-weather-from-black.gif);
}

.dark .sb-service-identifier--bitesize {
  background-image: url(static/images/service-identifier-bitesize-from-black.gif);
}

@media (prefers-reduced-motion) {
  .sb-service-identifier--iplayer {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23DC2878' d='M182 358h-68c-.55 0-1.05-.225-1.412-.587A1.994 1.994 0 0 1 112 356V156c0-.552.224-1.052.586-1.414S113.448 154 114 154h68c.55 0 1.05.225 1.413.587.362.363.587.863.587 1.413v200c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23FF4C98' d='m372.106 248.243 34-58.89c.275-.476.33-1.022.197-1.517a1.994 1.994 0 0 0-.93-1.215l-173.205-100a1.997 1.997 0 0 0-2.732.732l-34 58.89a1.992 1.992 0 0 0-.197 1.517c.133.495.453.94.93 1.215l173.205 100a1.997 1.997 0 0 0 2.732-.732z'/%3E%3Cpath fill='%23AF0D5B' d='m372.106 263.757 34 58.89c.275.476.33 1.022.197 1.517-.133.495-.453.94-.93 1.215l-173.205 100a1.997 1.997 0 0 1-2.732-.732l-34-58.89a1.992 1.992 0 0 1-.197-1.517c.133-.495.453-.94.93-1.215l173.205-100a1.997 1.997 0 0 1 2.732.732z'/%3E%3C/svg%3E")!important;
  }

  .sb-service-identifier--sounds {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23A13104' d='M122 304H78c-.552 0-1.052-.224-1.414-.586S76 302.552 76 302v-92c0-.552.224-1.052.586-1.414S77.448 208 78 208h44c.552 0 1.052.224 1.414.586s.586.862.586 1.414v92c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23D24712' d='M230 376h-80c-.552 0-1.052-.224-1.414-.586S148 374.552 148 374V138c0-.552.224-1.052.586-1.414S149.448 136 150 136h80c.552 0 1.052.224 1.414.586s.586.862.586 1.414v236c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23FA6400' d='M422 424H258c-.552 0-1.052-.224-1.414-.586S256 422.552 256 422V90c0-.552.224-1.052.586-1.414S257.448 88 258 88h164c.552 0 1.052.224 1.414.586S424 89.448 424 90v332c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3C/svg%3E")!important;
  }

  .sb-service-identifier--news {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23B80000' d='M302 424h-68c-.552 0-1.052-.224-1.414-.586S232 422.552 232 422V306c0-.552.224-1.052.586-1.414S233.448 304 234 304h68c.552 0 1.052.224 1.414.586s.586.862.586 1.414v116c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23EB0000' d='M422 280H234c-.552 0-1.052-.224-1.414-.586S232 278.552 232 278V90c0-.552.224-1.052.586-1.414S233.448 88 234 88h188c.552 0 1.052.224 1.414.586S424 89.448 424 90v188c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23D30000' d='M206 328H90c-.552 0-1.052-.224-1.414-.586S88 326.552 88 326V210c0-.552.224-1.052.586-1.414S89.448 208 90 208h116c.552 0 1.052.224 1.414.586s.586.862.586 1.414v116c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3C/svg%3E")!important;
  }

  .sb-service-identifier--sport {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23FFD230' d='M90 184h332c.552 0 1.052-.224 1.414-.586s.586-.862.586-1.414V90c0-.552-.224-1.052-.586-1.414S422.552 88 422 88H90c-.552 0-1.052.224-1.414.586S88 89.448 88 90v92c0 .552.224 1.052.586 1.414S89.448 184 90 184z'/%3E%3Cpath fill='%23FFA100' d='M306 424h116c.552 0 1.052-.224 1.414-.586s.586-.862.586-1.414v-92c0-.552-.224-1.052-.586-1.414S422.552 328 422 328H306c-.552 0-1.052.224-1.414.586S304 329.448 304 330v92c0 .552.224 1.052.586 1.414s.862.586 1.414.586z'/%3E%3Cpath fill='%23FFBA00' d='M210 304h212c.552 0 1.052-.224 1.414-.586s.586-.862.586-1.414v-92c0-.552-.224-1.052-.586-1.414S422.552 208 422 208H210c-.552 0-1.052.224-1.414.586S208 209.448 208 210v92c0 .552.224 1.052.586 1.414s.862.586 1.414.586z'/%3E%3C/svg%3E")!important;
  }

  .sb-service-identifier--weather {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%23067EB3' d='m316.234 368.56 52.326-52.326c.391-.391.586-.902.586-1.414a1.99 1.99 0 0 0-.586-1.414L252.594 197.44c-.391-.391-.902-.586-1.414-.586s-1.024.195-1.414.586l-52.326 52.326c-.391.391-.586.902-.586 1.414s.195 1.024.586 1.414L313.406 368.56c.391.391.902.586 1.414.586.512 0 1.024-.196 1.414-.586z'/%3E%3Cpath fill='%231969A6' d='M90 424h74c.552 0 1.052-.224 1.414-.586s.586-.862.586-1.414V258c0-.552-.224-1.052-.586-1.414S164.552 256 164 256H90c-.552 0-1.052.224-1.414.586S88 257.448 88 258v164c0 .552.224 1.052.586 1.414S89.448 424 90 424z'/%3E%3Cpath fill='%23149EDC' d='M258 166h164c.552 0 1.052-.224 1.414-.586s.586-.862.586-1.414V90c0-.552-.224-1.052-.586-1.414S422.552 88 422 88H258c-.552 0-1.052.224-1.414.586S256 89.448 256 90v74c0 .552.224 1.052.586 1.414s.862.586 1.414.586z'/%3E%3C/svg%3E")!important;
  }

  .sb-service-identifier--bitesize {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cpath fill='%236100A8' d='M134 400H78c-.552 0-1.052-.224-1.414-.586S76 398.552 76 398V162c0-.552.224-1.052.586-1.414S77.448 160 78 160h56c.552 0 1.052.224 1.414.586s.586.862.586 1.414v236c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%237222C6' d='M254 400h-92c-.552 0-1.052-.224-1.414-.586S160 398.552 160 398V114c0-.552.224-1.052.586-1.414S161.448 112 162 112h92c.552 0 1.052.224 1.414.586s.586.862.586 1.414v284c0 .552-.224 1.052-.586 1.414s-.862.586-1.414.586z'/%3E%3Cpath fill='%23963CE1' d='m444.77 373.863-85.829 26.232c-.529.162-1.073.093-1.526-.148s-.812-.655-.973-1.184L273.901 126.63a1.995 1.995 0 0 1 .149-1.521 1.996 1.996 0 0 1 1.18-.972l85.829-26.232c.529-.162 1.073-.093 1.526.148s.812.655.973 1.184L446.1 371.37a1.998 1.998 0 0 1-1.33 2.493z'/%3E%3C/svg%3E")!important;
  }
}

@media (min-width:25rem) {
  .sb-service-identifier {
    background-size: 2.625rem;
    height: 2.625rem;
    margin: 0 .625rem;
    width: 2.625rem;
  }
}

.sb-account-logo-wrapper {
  background-color: var(--full-white);
  margin: var(--spacing-4) 0 var(--spacing-5);
  padding: var(--spacing-2) 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.sb-account-content-container {
  margin-top: var(--spacing-7);
  text-align: left;
}

.dark .sb-account-logo-wrapper {
  background-color: var(--full-black);
}

@media (min-width:37.5rem) {
  .sb-account-logo-wrapper {
    background-color: transparent;
    margin-top: var(--spacing-2);
    position: static;
  }
}

@media (min-width:56.25rem) {
  .sb-account-service-identifier-wrapper {
    display: none;
    margin-top: 0;
  }
}

.sb-bbc-footer {
  background-color: var(--full-white);
  bottom: auto;
  font-size: .8125rem;
  height: auto;
  left: auto;
  line-height: 1rem;
  padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);
  position: absolute;
  transform: translateZ(0);
  width: 100%;
}

.sb-bbc-footer__links {
  border-top: .0625rem solid var(--nobel-grey);
  padding-bottom: var(--spacing-4);
}

.sb-bbc-footer__links ul {
  list-style: none;
}

.sb-bbc-footer__links li {
  display: inline-block;
  padding: var(--spacing-4) var(--spacing-4) 0 0;
}

.dark .sb-bbc-footer {
  background-color: var(--full-black);
}

.dark .sb-bbc-footer__links {
  border-top-color: var(--full-white);
}

@media (min-width:37.5rem) {
  .sb-bbc-footer {
    padding: 0 var(--spacing-7) var(--spacing-4) var(--spacing-7);
  }
}

.sb-button {
  background-color: var(--core-account);
  color: var(--full-white);
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: var(--bold-weight);
  hyphens: auto;
  line-height: 1.25rem;
  outline-color: var(--core-account);
  overflow-wrap: break-word;
  padding: var(--spacing-4);
  text-align: center;
  text-decoration: none;
  transition: all .2s ease 0s;
  user-select: none;
}

@media (min-width:37.5rem) {
  .sb-button {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.sb-button:focus,.sb-button:hover {
  background-color: var(--core-account-dark);
  box-shadow: 0 0 0 .125rem var(--core-account-dark);
  outline: none;
}

.sb-button:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
}

.sb-button:focus:not(:focus-visible) {
  box-shadow: none;
}

.sb-button:disabled {
  opacity: .3;
}

.sb-button--icon-wrapper {
  align-items: center;
  display: flex;
}

.sb-button--full-width {
  width: 100%;
}

.sb-button--secondary {
  background-color: transparent;
  border: .125rem solid var(--full-black);
  box-sizing: border-box;
  color: var(--full-black);
}

.sb-button--secondary:focus,.sb-button--secondary:hover {
  background-color: var(--core-account-dark);
  border-color: var(--core-account-dark);
  box-shadow: 0 0 0 .125rem var(--core-account-dark);
  color: var(--full-white);
  text-decoration-thickness: .125rem;
}

.sb-button--secondary:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
}

.sb-button--secondary:focus:not(:focus-visible) {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-button--secondary .sb-icon {
  fill: var(--full-black);
}

.sb-button--tertiary {
  box-sizing: border-box;
  color: var(--core-account);
  text-decoration-skip-ink: none;
}

.sb-button--tertiary,.sb-button--tertiary:focus,.sb-button--tertiary:hover {
  background-color: var(--full-white);
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-button--tertiary:focus,.sb-button--tertiary:hover {
  text-decoration-color: var(--core-account);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: .125rem;
}

.sb-button--tertiary:focus {
  box-shadow: 0 0 0 .125rem var(--full-black) inset,0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-button--tertiary:focus:not(:focus-visible) {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-button--tertiary .sb-icon {
  fill: var(--core-account);
}

.sb-button--focus-outlined:focus {
  box-shadow: 0 0 0 .125rem #fff,0 0 0 .25rem #fff;
  outline: .125rem solid #000;
  outline-offset: .125rem;
}

.dark .sb-button:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
  outline: .125rem solid #000;
  outline-offset: .125rem;
}

.dark .sb-button--secondary {
  background-color: var(--full-black);
  border-color: var(--full-white);
  color: var(--full-white);
}

.dark .sb-button--secondary:focus,.dark .sb-button--secondary:hover {
  background-color: var(--core-account-dark);
  border-color: var(--core-account-dark);
  color: var(--full-white);
  text-decoration-color: var(--full-white);
}

.dark .sb-button--secondary:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
}

.dark .sb-button--tertiary {
  background-color: var(--mine-shaft-grey);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.15);
  color: var(--core-account-light);
}

.dark .sb-button--tertiary:focus,.dark .sb-button--tertiary:hover {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
  text-decoration-color: var(--core-account-light);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: .125rem;
}

.dark .sb-button--tertiary:focus {
  box-shadow: 0 0 0 .125rem var(--full-white) inset,0 0 0 1px hsla(0,0%,100%,.15);
}

.dark .sb-button--tertiary:focus:not(:focus-visible) {
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.15);
}

.sb-button-inline {
  background-color: transparent;
  border: 0;
  color: var(--core-account);
  cursor: pointer;
  font-weight: var(--bold-weight);
  padding: 0;
  text-decoration-color: var(--core-account);
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: .0625rem;
  text-underline-offset: .25rem;
  width: auto;
}

.sb-button-inline:focus,.sb-button-inline:hover {
  outline: none;
  text-decoration-thickness: .125rem;
}

.sb-button-inline:focus {
  box-shadow: 0 0 0 .125rem var(--full-white),0 0 0 .25rem var(--full-black);
}

.sb-button-inline:focus:not(:focus-visible) {
  box-shadow: none;
}

.sb-button-inline--secondary {
  color: var(--full-black);
  font-weight: var(--regular-weight);
  text-decoration-color: var(--full-black);
}

.dark .sb-button-inline {
  color: var(--core-account-light);
  text-decoration-color: var(--core-account-light);
}

.dark .sb-button-inline:focus {
  box-shadow: 0 0 0 .125rem var(--full-black),0 0 0 .25rem var(--full-white);
}

.dark .sb-button-inline--secondary {
  color: var(--full-white);
  text-decoration-color: var(--full-white);
}

.sb-link {
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: .0625rem;
  text-underline-offset: .25rem;
}

.sb-link:focus,.sb-link:hover {
  outline: none;
  text-decoration-thickness: .125rem;
}

.sb-link:focus {
  box-shadow: 0 0 0 .125rem var(--full-white),0 0 0 .25rem var(--full-black);
}

.sb-link:focus:not(:focus-visible) {
  box-shadow: none;
}

.sb-link--primary {
  color: var(--core-account);
  font-weight: var(--bold-weight);
  text-decoration-color: var(--core-account);
}

.sb-link--secondary {
  font-weight: var(--regular-weight);
}

.sb-link--secondary,.sb-link--tertiary {
  color: var(--full-black);
  text-decoration-color: var(--full-black);
}

.sb-link--tertiary {
  font-weight: var(--bold-weight);
  text-decoration-line: none;
}

.sb-link--tertiary:hover {
  text-decoration-line: underline;
  text-decoration-thickness: .0625rem;
}

.dark .sb-link:focus {
  box-shadow: 0 0 0 .125rem var(--full-black),0 0 0 .25rem var(--full-white);
}

.dark .sb-link--primary {
  color: var(--core-account-light);
  text-decoration-color: var(--core-account-light);
}

.dark .sb-link--secondary,.dark .sb-link--tertiary {
  color: var(--full-white);
  text-decoration-color: var(--full-white);
}

.sb-link-button {
  background-color: var(--core-account);
  color: var(--full-white);
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: var(--bold-weight);
  hyphens: auto;
  line-height: 1.25rem;
  outline-color: var(--core-account);
  overflow-wrap: break-word;
  padding: var(--spacing-4);
  text-align: center;
  text-decoration: none;
  text-decoration-skip-ink: none;
  text-underline-offset: .25rem;
  user-select: none;
}

@media (min-width:37.5rem) {
  .sb-link-button {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.sb-link-button:focus,.sb-link-button:hover {
  background-color: var(--core-account-dark);
  box-shadow: 0 0 0 .25rem var(--core-account-dark);
  outline: none;
  text-decoration-color: var(--full-white);
}

.sb-link-button:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
}

.sb-link-button:focus:not(:focus-visible) {
  box-shadow: none;
}

.sb-link-button:disabled {
  opacity: .3;
}

.sb-link-button {
  text-decoration-thickness: .125rem;
  transition: all .2s ease 0s;
}

.sb-link-button:focus,.sb-link-button:hover {
  text-decoration-line: underline;
  text-decoration-style: solid;
}

.sb-link-button--secondary,.sb-link-button--tertiary {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
  box-sizing: border-box;
}

.sb-link-button--secondary:focus,.sb-link-button--secondary:hover,.sb-link-button--tertiary:focus,.sb-link-button--tertiary:hover {
  background-color: var(--full-white);
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-link-button--secondary:focus,.sb-link-button--tertiary:focus {
  box-shadow: 0 0 0 .125rem var(--full-black) inset,0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-link-button--secondary:focus:not(:focus-visible),.sb-link-button--tertiary:focus:not(:focus-visible) {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
}

.sb-link-button--secondary {
  background-color: transparent;
  border: .125rem solid var(--full-black);
  color: var(--full-black);
}

.sb-link-button--secondary:focus,.sb-link-button--secondary:hover {
  background-color: var(--core-account-dark);
  border-color: var(--core-account-dark);
  box-shadow: 0 0 0 .125rem var(--core-account-dark);
  color: var(--full-white);
}

.sb-link-button--secondary:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-white),0 0 0 .5rem var(--full-black);
}

.sb-link-button--secondary .sb-icon {
  fill: var(--full-black);
}

.sb-link-button--tertiary {
  background-color: var(--full-white);
  color: var(--core-account);
}

.sb-link-button--tertiary:focus,.sb-link-button--tertiary:hover {
  text-decoration-color: var(--core-account);
}

.sb-link-button--full-width {
  width: 100%;
}

.sb-link-button--no-hover-underline:focus,.sb-link-button--no-hover-underline:hover {
  text-decoration: none;
}

.dark .sb-link-button:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-black),0 0 0 .5rem var(--full-white);
}

.dark .sb-link-button--secondary {
  background-color: var(--full-black);
  border-color: var(--full-white);
  color: var(--full-white);
}

.dark .sb-link-button--secondary:focus,.dark .sb-link-button--secondary:hover {
  background-color: var(--core-account-dark);
  border-color: var(--core-account-dark);
  color: var(--full-white);
  text-decoration-color: var(--full-white);
}

.dark .sb-link-button--secondary:focus {
  box-shadow: 0 0 0 .25rem var(--core-account-dark),0 0 0 .375rem var(--full-black),0 0 0 .5rem var(--full-white);
}

.dark .sb-link-button--tertiary {
  background-color: var(--mine-shaft-grey);
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.15);
  color: var(--core-account-light);
}

.dark .sb-link-button--tertiary:focus,.dark .sb-link-button--tertiary:hover {
  box-shadow: 0 1px 8px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,28,61,.05),0 10px 20px 0 rgba(0,0,0,.05);
  text-decoration-color: var(--core-account-light);
}

.dark .sb-link-button--tertiary:focus {
  box-shadow: 0 0 0 .125rem var(--full-white) inset,0 0 0 1px hsla(0,0%,100%,.15);
}

.dark .sb-link-button--tertiary:focus:not(:focus-visible) {
  box-shadow: 0 0 0 1px hsla(0,0%,100%,.15);
}

.sb-flex-container {
  display: flex;
  justify-content: space-around;
}

.sb-flex-container>:not(:first-child) {
  margin-left: var(--spacing-4);
}

.sb-flex-container--align-center {
  align-items: center;
}

.sb-flex-container--reverse {
  flex-direction: row-reverse;
}

.sb-flex-container--reverse>:not(:first-child) {
  margin-left: 0;
}

.sb-flex-container--reverse>:not(:last-child) {
  margin-left: var(--spacing-4);
}

.sb-flex-container--justify-content-start {
  justify-content: flex-start;
}

.sb-field.sb-field--checkbox {
  padding-top: 0;
}

.sb-checkbox {
  appearance: none;
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  height: 1.875rem;
  margin: 0;
  outline: initial;
  position: relative;
  transition: all .1s;
  vertical-align: middle;
  width: 1.875rem;
}

.sb-checkbox--green {
  background-color: var(--seashell-grey);
  border: .0625rem solid var(--nobel-grey);
}

.sb-checkbox--grayscale {
  background-color: var(--full-white);
  border: .0625rem solid var(--full-black);
}

.sb-checkbox:focus {
  outline: .125rem solid var(--core-account);
  outline-offset: var(--spacing-1);
}

.sb-checkbox:after,.sb-checkbox:before {
  content: "";
  height: 0;
  top: 50%;
  width: 0;
}

.sb-checkbox:before {
  left: 50%;
  position: absolute;
}

.sb-checkbox--green:before {
  background-color: var(--core-success);
}

.sb-checkbox--grayscale:before {
  background-color: transparent;
}

.sb-checkbox:after {
  background-repeat: no-repeat;
  background-size: 0 0;
  display: none;
  margin: 0 auto;
  position: relative;
  transform: translateY(-50%);
}

.sb-checkbox--green:hover {
  border-color: var(--core-success);
  box-shadow: inset 0 0 0 .0625rem rgba(0,0,0,.1);
}

.sb-checkbox--grayscale:hover {
  border-color: var(--full-black);
  box-shadow: inset 0 0 0 .0625rem var(--full-black);
}

.sb-checkbox:checked:before {
  height: var(--spacing-7);
  left: -1px;
  top: -1px;
  transition: all .1s;
  width: var(--spacing-7);
}

.sb-checkbox:checked:after {
  background-size: var(--spacing-4) var(--spacing-4);
  display: block;
  height: var(--spacing-4);
  width: var(--spacing-4);
}

.sb-checkbox--green:checked:after {
  background-image: url(static/images/tick_white.svg);
}

.sb-checkbox--grayscale:checked:after {
  background-image: url(static/images/tick_black.svg);
}

.sb-checkbox--green:hover:before {
  background-color: var(--core-success-dark);
}

.sb-checkbox--grayscale:hover:before {
  background-color: transparent;
}

.sb-checkbox--disabled {
  background-color: var(--seashell-grey);
  cursor: default;
  opacity: .25;
}

.sb-checkbox--green.sb-checkbox--disabled {
  border-color: var(--hound-grey);
}

.sb-checkbox--grayscale.sb-checkbox--disabled {
  border-color: var(--full-black);
}

.sb-checkbox--green.sb-checkbox--disabled:hover {
  background-color: var(--seashell-grey);
  border-color: var(--hound-grey);
}

.sb-checkbox--grayscale.sb-checkbox--disabled:hover {
  background-color: var(--seashell-grey);
  border-color: var(--full-black);
  box-shadow: none;
}

.sb-checkbox--green.sb-checkbox--disabled:checked:hover:before {
  background-color: var(--core-success);
}

.sb-checkbox--grayscale.sb-checkbox--disabled:checked:hover:before {
  background-color: transparent;
}

.sb-checkbox__label {
  display: inline-block;
  width: calc(100% - 1.5rem);
}

.sb-checkbox__label--large {
  font-size: 1.125rem;
  font-weight: var(--bold-weight);
  line-height: 1.375rem;
}

@media (min-width:37.5rem) {
  .sb-checkbox__label--large {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.sb-checkbox__label--small {
  font-size: 1rem;
  line-height: 1.375rem;
}

.sb-checkbox__field-decoration {
  border-bottom: .1875rem solid;
  border-color: var(--core-error);
  margin: var(--spacing-2) 0 var(--spacing-1);
}

.sb-checkbox__error-component-container {
  margin-top: var(--spacing-4);
}

.sb-checkbox-static {
  background-color: var(--nobel-grey);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFF' width='1em' height='1em'%3E%3Cpath d='m30 4.6-2.8-2.8L2 27.4l2.8 2.8L30 4.6zM4.8 1.8 1.9 4.7l25.2 25.5 2.9-2.9L4.8 1.8z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1.875rem;
  width: 1.875rem;
}

.sb-checkbox-static--checked {
  background-color: var(--core-success-dark);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFF' width='1em' height='1em'%3E%3Cpath d='m32 7.2-2.5-2.4L11 23.3h2L2.4 12.6 0 15.1l12 12.1 20-20z'/%3E%3C/svg%3E");
}

.sb-checkbox-static__hidden-content {
  clip: rect(1px,1px,1px,1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.sb-checkbox-static__label {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: var(--bold-weight);
  line-height: 1.5rem;
  line-height: 1.375rem;
  width: calc(100% - 1.5rem);
}

@media (min-width:37.5rem) {
  .sb-checkbox-static__label {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.checklist-item--checked {
  color: var(--core-success);
}

.dark .checklist-item--checked {
  color: var(--core-success-light);
}

.checklist__item__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 1rem;
}

.checklist__header {
  font-weight: var(--medium-weight);
}

.sb-divider {
  background-color: var(--nobel-grey);
  border: none;
  color: var(--nobel-grey);
  height: .0625rem;
  margin-bottom: var(--spacing-4);
  margin-top: var(--spacing-6);
}

.dark .sb-divider {
  background-color: var(--seashell-grey);
  color: var(--seashell-grey);
}

.sb-feedback {
  display: inline-block;
  margin: var(--spacing-2) 0;
  padding: var(--spacing-4);
  position: relative;
  width: 100%;
}

.sb-feedback--success {
  background-color: var(--core-success);
  color: var(--full-white);
}

.sb-feedback--info {
  background-color: var(--core-account);
  color: var(--full-white);
}

.sb-feedback--warning {
  background-color: var(--core-alert);
  color: var(--full-black);
}

.sb-feedback--error {
  background-color: var(--core-error);
  color: var(--full-white);
}

.sb-feedback--success.sb-feedback--bordered {
  background-color: var(--full-white);
  border: .125rem solid var(--core-success);
  color: var(--full-black);
}

.sb-feedback--info.sb-feedback--bordered {
  background-color: var(--full-white);
  border: .125rem solid var(--core-account);
  color: var(--full-black);
}

.sb-feedback--warning.sb-feedback--bordered {
  background-color: var(--full-white);
  border: .125rem solid var(--core-alert);
  color: var(--full-black);
}

.sb-feedback--error.sb-feedback--bordered {
  background-color: var(--full-white);
  border: .125rem solid var(--core-error);
  color: var(--full-black);
}

.sb-feedback__icon-wrapper {
  align-items: center;
  display: flex;
}

.sb-feedback__icon-wrapper .sb-icon {
  align-self: flex-start;
}

.sb-form-message {
  background-color: var(--full-white);
  color: var(--full-black);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-2);
  margin: var(--spacing-2) 0;
  padding: var(--spacing-4);
  position: relative;
  width: 100%;
}

.sb-form-message--error {
  background-color: var(--core-error);
  color: var(--full-white);
}

.sb-form-message--general {
  margin: 0 0 var(--spacing-7) 0;
}

.sb-form-message--info {
  border: .125rem solid var(--core-account);
}

.sb-form-message--info .sb-form-message__icon {
  fill: var(--core-account);
  height: 1.5rem;
  width: 1.5rem;
}

.sb-form-message--info .sb-form-message__content {
  margin-top: var(--spacing-1);
}

.sb-form-message--info .form-message__section--divider {
  border-bottom-color: var(--core-account-transparent);
}

.sb-form-message--info .sb-link--secondary {
  color: var(--full-black);
  font-weight: var(--regular-weight);
  text-decoration-color: var(--full-black);
}

.sb-form-message__icon {
  fill: currentColor;
  flex-shrink: 0;
  margin-top: .1875rem;
}

.sb-form-message__content {
  font-size: 1rem;
  line-height: 1.375rem;
}

.sb-form-message__content__title {
  font-weight: var(--bold-weight);
  margin-bottom: var(--spacing-2);
}

.sb-form-message .form-message__section--divider {
  border-bottom-color: var(--full-white-transparent);
}

.sb-form-message .link {
  border-bottom-color: var(--full-white);
}

.sb-form-message .link,.sb-form-message .link:hover {
  color: var(--full-white);
}

.sb-form-message .page__close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.sb-field .sb-form-message:after,.sb-field .sb-form-message:before {
  border-bottom: var(--spacing-2) solid;
  border-left: var(--spacing-2) solid transparent;
  border-right: var(--spacing-2) solid transparent;
  content: "";
  display: block;
  left: var(--spacing-6);
  margin-left: var(--spacing-1);
  position: absolute;
  top: -6px;
  width: 0;
}

.sb-field .sb-form-message--error:after,.sb-field .sb-form-message--error:before {
  border-bottom-color: var(--core-error);
}

.sb-field .sb-form-message--info:before {
  border-bottom-color: var(--core-account);
  top: -8px;
}

.sb-field .sb-form-message--info:after {
  border-bottom-color: var(--full-white);
  top: -5px;
}

.sb-field.sb-field__radio {
  display: inline-block;
  margin-bottom: 0;
  padding-top: 0;
}

.sb-radio {
  height: calc(3.25rem - 8px);
  margin: 0;
  opacity: 0;
  width: calc(3.25rem - 8px);
}

.sb-radio:checked+.sb-radio__circle-icon {
  opacity: 1;
}

.sb-radio__container {
  align-items: center;
  border-radius: 2rem;
  border-width: 2px;
  border: 2px solid var(--full-black);
  display: flex;
  justify-content: center;
  min-height: calc(2.375rem - 8px);
  min-width: calc(2.375rem - 8px);
  position: relative;
}

.sb-radio__container:focus,.sb-radio__container:focus-within {
  outline: var(--full-black) solid 2px;
  outline-offset: 2px;
}

.sb-radio__container--disabled {
  border-color: var(--seashell-grey);
}

.sb-radio,.sb-radio__circle-icon {
  opacity: 0;
  position: absolute;
}

.sb-radio__circle-icon {
  pointer-events: none;
}

.sb-radio__label {
  display: inline-block;
  width: calc(100% - 1.5rem);
}

.sb-radio__label--large {
  font-size: 1.125rem;
  font-weight: var(--bold-weight);
  line-height: 1.375rem;
}

@media (min-width:37.5rem) {
  .sb-radio__label--large {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}

.sb-radio__label--large--small {
  font-size: 1rem;
  line-height: 1.375rem;
}

.sb-radio__label__field-decoration {
  border-bottom: .1875rem solid;
  border-color: var(--core-error);
  margin: var(--spacing-2) 0 var(--spacing-1);
}

.sb-radio__label__error-component-container {
  margin-top: var(--spacing-4);
}

.dark .sb-radio__container {
  border-color: var(--full-white);
}

.dark .sb-radio:focus,.dark .sb-radio:focus-within {
  outline-color: var(--full-black);
}

.dark .sb-radio__container--disabled {
  border-color: var(--davys-gray);
}

.dark .sb-field--invalid .sb-radio__container,.light .sb-field--invalid .sb-radio__container,:not(.dark) .sb-field--invalid .sb-radio__container,:not(.light) .sb-field--invalid .sb-radio__container {
  border-color: var(--core-error);
}

.dark .sb-field--invalid .sb-radio__container:focus,.dark .sb-field--invalid .sb-radio__container:focus-within,.light .sb-field--invalid .sb-radio__container:focus,.light .sb-field--invalid .sb-radio__container:focus-within,:not(.dark) .sb-field--invalid .sb-radio__container:focus,:not(.dark) .sb-field--invalid .sb-radio__container:focus-within,:not(.light) .sb-field--invalid .sb-radio__container:focus,:not(.light) .sb-field--invalid .sb-radio__container:focus-within {
  outline-color: var(--core-error);
}

a,address,b,big,body,button,center,code,details,div,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,legend,li,mark,object,ol,output,p,pre,q,s,section,small,span,sub,time,u,ul,var {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

details,footer,header,section {
  display: block;
}

button {
  border-radius: 0;
}

body {
  line-height: 1;
}

ol,ul {
  list-style: none;
}

q {
  quotes: none;
}

q:after,q:before {
  content: "";
  content: none;
}

button {
  background: none;
}

input {
  outline: none;
  padding-left: 0;
  padding-right: 0;
}

legend {
  max-width: 100%;
}

button,input,select {
  font-family: inherit;
}

html {
  box-sizing: border-box;
}

*,:after,:before {
  box-sizing: inherit;
}

body {
  font-family: ReithSans,BBC Reith Sans,Helvetica,Arial,freesans,sans-serif;
}

:root {
  --spacing-0: 0;
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-7: 2rem;
  --spacing-8: 2.5rem;
  --spacing-9: 3rem;
  --spacing-10: 3.5rem;
  --spacing-11: 4rem;
  --spacing-12: 4.5rem;
  --spacing-13: 5rem;
  --spacing-14: 7.5rem;
  --spacing-15: 10rem;
  --full-white: #fff;
  --full-black: #000;
  --core-account: #0071f1;
  --core-account-light: #3092ff;
  --core-account-dark: #0051ad;
  --core-success: #148a00;
  --core-success-light: #1ecc00;
  --core-success-dark: #0e6200;
  --core-alert: #ffb32b;
  --core-alert-light: #ffc45c;
  --core-alert-dark: #9f6d09;
  --core-error: #e51854;
  --core-error-light: #ff8faf;
  --core-error-dark: #991038;
  --mine-shaft-grey: #2d2d2d;
  --hound-grey: #848484;
  --nobel-grey: #b3b3b3;
  --seashell-grey: #f1f1f1;
  --davys-gray: #525252;
  --full-white-transparent: hsla(0,0%,100%,.25);
  --core-account-transparent: rgba(0,113,241,.25);
  --foundation-grey-1: #fefefe;
  --foundation-grey-2: #f6f6f6;
  --foundation-grey-3: #e6e8ea;
  --foundation-grey-4: #b0b2b4;
  --foundation-grey-5: #8a8c8e;
  --foundation-grey-6: #545658;
  --foundation-grey-7: #3a3c3e;
  --foundation-grey-8: #202224;
  --foundation-grey-9: #141618;
  --foundation-grey-10: #141414;
  --breakpoint-group-1: 0rem;
  --breakpoint-group-2: 25rem;
  --breakpoint-group-3: 37.5rem;
  --breakpoint-group-4: 56.25rem;
  --breakpoint-group-5: 63rem;
  --breakpoint-group-6: 80rem;
  --light-weight: 300;
  --regular-weight: 400;
  --medium-weight: 500;
  --bold-weight: 700;
  --extra-bold-weight: 800;
}

.sb-icon {
  fill: var(--full-white);
  height: 1.5rem;
  width: 1.5rem;
}

.sb-icon--fix-min-size {
  min-height: 1.5rem;
  min-width: 1.5rem;
}

.sb-icon--left {
  margin-right: .5rem;
}

.sb-icon--right {
  margin-left: .5rem;
}

.sb-icon-spinner {
  animation: spin 4s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.sb-field {
  margin-bottom: var(--spacing-4);
  padding-top: var(--spacing-2);
}

.sb-field__input-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: var(--spacing-2);
  margin-top: var(--spacing-6);
  padding-bottom: .0625rem;
  padding-top: .1875rem;
  position: relative;
}

.sb-field__input-container--primary-content {
  display: inline-block;
  width: 80%;
}

.sb-field__input-container--secondary-content {
  display: inline-block;
  padding-left: var(--spacing-2);
  padding-top: 0;
  vertical-align: bottom;
  width: auto;
}

.sb-field__input-container--secondary-content .link {
  display: block;
}

.sb-field__message-container {
  margin-top: var(--spacing-4);
}

.sb-field__input {
  background: transparent;
  border: 0;
  font-size: 1.25rem;
  font-weight: var(--bold-weight);
  line-height: 1.5rem;
  outline: 0;
  width: 100%;
}

@media (min-width:37.5rem) {
  .sb-field__input {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.sb-field__input::-ms-clear,.sb-field__input::-ms-reveal {
  display: none;
}

.sb-field__input:invalid {
  box-shadow: none;
}

@media (min-width:37.5rem) {
  .sb-field__input {
    line-height: 101%!important;
  }
}

.sb-field__input--dropdown {
  appearance: none;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: var(--spacing-6);
  border-radius: 0;
  padding: var(--spacing-1) 0;
}

.sb-field__input--dropdown:focus {
  outline: 2px solid var(--core-account-dark);
}

.sb-field__input--dropdown+.field__label {
  padding-bottom: var(--spacing-2);
}

.sb-field__input--password-toggle {
  width: calc(100% - 6.5625rem);
}

.sb-field__label {
  bottom: 3%;
  font-size: 1.25rem;
  line-height: 1.5rem;
  pointer-events: none;
  position: absolute;
  top: auto;
  transition: bottom .3s ease,left .3s ease,font-size .3s ease,line-height .3s ease;
}

@media (min-width:37.5rem) {
  .sb-field__label {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
}

.sb-text-input__icon-set--position-start~.sb-field__label {
  left: var(--spacing-7);
}

.no-js .sb-field__label,.sb-field--populated .sb-field__label,.sb-field--read-only .sb-field__label,.sb-field--static .sb-field__label,.sb-field__input--dropdown~.sb-field__label,.sb-field__input:focus~.sb-field__label,.sb-field__input:valid~.sb-field__label {
  bottom: 88%;
  font-size: 1rem;
  left: 0;
  line-height: 1.25rem;
}

@media (min-width:37.5rem) {
  .no-js .sb-field__label,  .sb-field--populated .sb-field__label,  .sb-field--read-only .sb-field__label,  .sb-field--static .sb-field__label,  .sb-field__input--dropdown~.sb-field__label,  .sb-field__input:focus~.sb-field__label,  .sb-field__input:valid~.sb-field__label {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.sb-field__input:-webkit-autofill~.sb-field__label {
  bottom: 88%;
  font-size: 1rem;
  left: 0;
  line-height: 1.25rem;
}

@media (min-width:37.5rem) {
  .sb-field__input:-webkit-autofill~.sb-field__label {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

.sb-field__decoration {
  border-bottom: .0625rem solid;
}

.sb-field__decoration:before {
  border-bottom: .125rem solid;
  content: "";
  display: block;
  transition: width .3s ease,border-color .3s ease;
  width: 0;
}

.no-js .sb-field__decoration:before,.sb-field--invalid .sb-field__decoration:before,.sb-field--populated .sb-field__decoration:before,.sb-field--valid .sb-field__decoration:before,.sb-field__input-container:focus-within~.sb-field__decoration:before {
  width: 100%;
}

.sb-field__input:-webkit-autofill~.sb-field__decoration:before {
  width: 100%;
}

.sb-field__info {
  display: block;
  font-size: .8125rem;
  font-weight: var(--bold-weight);
  line-height: 1rem;
  padding: var(--spacing-1) 0;
  text-align: right;
  text-decoration: none;
}

.dark .sb-field--invalid>.sb-field__decoration,.dark .sb-field--invalid>.sb-field__decoration:before,.light .sb-field--invalid>.sb-field__decoration,.light .sb-field--invalid>.sb-field__decoration:before,:not(.dark) .sb-field--invalid>.sb-field__decoration,:not(.dark) .sb-field--invalid>.sb-field__decoration:before,:not(.light) .sb-field--invalid>.sb-field__decoration,:not(.light) .sb-field--invalid>.sb-field__decoration:before {
  border-color: var(--core-error);
}

.dark .sb-field--valid .sb-field__decoration,.dark .sb-field--valid .sb-field__decoration:before,.light .sb-field--valid .sb-field__decoration,.light .sb-field--valid .sb-field__decoration:before,:not(.dark) .sb-field--valid .sb-field__decoration,:not(.dark) .sb-field--valid .sb-field__decoration:before,:not(.light) .sb-field--valid .sb-field__decoration,:not(.light) .sb-field--valid .sb-field__decoration:before {
  border-color: var(--core-success-light);
}

.dark .sb-field--valid>.sb-field__input-container .sb-text-input__valid-icon,.light .sb-field--valid>.sb-field__input-container .sb-text-input__valid-icon,:not(.dark) .sb-field--valid>.sb-field__input-container .sb-text-input__valid-icon,:not(.light) .sb-field--valid>.sb-field__input-container .sb-text-input__valid-icon {
  color: var(--core-success-light);
}

.dark .sb-field--valid .sb-field__input,.light .sb-field--valid .sb-field__input,:not(.dark) .sb-field--valid .sb-field__input,:not(.light) .sb-field--valid .sb-field__input {
  padding-right: 1.5rem;
}

.sb-field__input--dropdown {
  background-image: url(static/images/up_down_arrow_dark.svg);
  color: var(--full-black);
}

.light .sb-field__label {
  color: var(--hound-grey);
}

.light .sb-field__decoration:before,.light .sb-field__input--dropdown,.light .sb-field__input~.sb-field__decoration {
  border-color: var(--full-black);
}

.no-formvalidation .light .sb-field__label {
  color: var(--full-black);
}

.light .sb-field--populated .sb-field__label,.light .sb-field--read-only .sb-field__label,.light .sb-field--static .sb-field__label,.light .sb-field__input,.light .sb-field__input--dropdown+.sb-field__label,.light .sb-field__input:focus+.sb-field__label,.light .sb-field__input:valid+.sb-field__label,.light .sb-field__note,.light .sb-field__notifications,.light .sb-field__notifications-prompt,.no-js .light .sb-field__label {
  color: var(--full-black);
}

.light .sb-field__input:-webkit-autofill~.sb-field__label {
  color: var(--full-black);
}

.light .sb-field__info {
  color: var(--mine-shaft-grey);
}

.light .sb-field__info:hover {
  color: var(--core-account);
}

.dark .sb-field__label {
  color: var(--foundation-grey-4);
}

.dark .sb-field__decoration:before,.dark .sb-field__input--dropdown,.dark .sb-field__input~.sb-field__decoration {
  border-color: var(--full-white);
}

.no-formvalidation .dark .sb-field__label {
  color: var(--full-white);
}

.dark .sb-field--populated .sb-field__label,.dark .sb-field__info,.dark .sb-field__input,.dark .sb-field__input--dropdown+.sb-field__label,.dark .sb-field__input:focus+.sb-field__label,.dark .sb-field__input:valid+.sb-field__label,.dark .sb-field__note,.dark .sb-field__notifications,.dark .sb-field__toggle-link,.no-js .dark .sb-field__label {
  color: var(--full-white);
}

.dark .sb-field__input:-webkit-autofill~.sb-field__label {
  color: var(--full-white);
}

.dark .sb-field__input--dropdown {
  background-image: url(static/images/up_down_arrow_light.svg);
  color: var(--full-white);
}

.dark .sb-field__input--dropdown option {
  background-color: var(--full-white);
  color: var(--full-black);
}

.dark .sb-field__info:hover {
  color: var(--core-account);
}

.sb-text-input__icon-set {
  display: flex;
  gap: var(--spacing-1);
  height: 1.25rem;
  z-index: 2;
}

.sb-text-input__icon-set span,.sb-text-input__icon-set svg {
  height: 100%;
}

.sb-field__input-container.sb-field__input-container--dropdown .sb-field__label {
  margin-bottom: var(--spacing-1);
}

.sb-field__input-container.end .sb-text-input__icon-set {
  order: 2;
}

.sb-field-minimal {
  margin: 0;
  position: relative;
}

.sb-field-minimal .sb-field__input-container {
  background-color: #fff;
  border: 1px solid;
  height: 2.75rem;
  margin: 0;
  padding: var(--spacing-2);
}

.sb-field-minimal .sb-field__input-container:focus,.sb-field-minimal .sb-field__input-container:focus-within {
  box-shadow: var(--full-white) 0 0 0 .125rem,var(--full-white) 0 0 0 calc(var(--spacing-1));
  outline: var(--full-black) solid .125rem;
  outline-offset: .125rem;
  z-index: 2;
}

.sb-field-minimal .sb-form-message {
  margin: 0;
}

.sb-field-minimal .sb-form-message.sb-form-message--error {
  background-color: var(--core-error);
  padding: var(--spacing-3);
}

.sb-field-minimal .sb-form-message.sb-form-message--error:after,.sb-field-minimal .sb-form-message.sb-form-message--error:before {
  border-bottom-color: var(--core-error);
}

.sb-field-minimal .sb-field {
  margin: 0;
}

.sb-field-minimal.sb-field--invalid .sb-field__input-container {
  border: 1px solid var(--core-error);
}

.sb-field-minimal .sb-field__input {
  font-size: 1rem;
  font-weight: var(--regular-weight);
  height: 100%;
  padding: 0;
}

.sb-field-minimal .sb-field__input:-webkit-autofill,.sb-field-minimal .sb-field__input:-webkit-autofill:active,.sb-field-minimal .sb-field__input:-webkit-autofill:focus,.sb-field-minimal .sb-field__input:-webkit-autofill:hover {
  z-index: 2;
}

.sb-field-minimal .sb-field__input:disabled {
  opacity: .5;
}

@media (min-width:37.5rem) {
  .sb-field-minimal .sb-field__input {
    font-size: 1.125rem;
  }
}

.sb-field-minimal .sb-field-minimal__label {
  display: flex;
  font-size: 1rem;
  font-weight: var(--medium-weight);
  height: 1.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 19rem;
}

.sb-field-minimal .sb-field__input-container .sb-field__input {
  flex: 1;
}

.sb-field-minimal .sb-field__input-container .sb-text-input__icon-set {
  height: 1.5rem;
  z-index: 3;
}

.sb-field-minimal .sb-field__input-container .sb-text-input__icon-set svg>path {
  fill: currentColor;
  bottom: var(--spacing-4);
}

.sb-field-minimal .sb-field__input-container.start .sb-field__input {
  padding-left: var(--spacing-7);
}

.sb-field-minimal .sb-button-inline#sb-text-input-minimal-toggle-password-view {
  color: var(--davys-gray);
  font-size: 1rem;
  font-weight: var(--regular-weight);
  text-decoration: none;
}

.sb-field-minimal .sb-button-inline#sb-text-input-minimal-toggle-password-view:hover {
  text-decoration: underline;
  text-decoration-color: var(--davys-gray);
}

@media (min-width:37.5rem) {
  .sb-field-minimal .sb-field__input-container {
    flex-direction: row;
  }

  .sb-field-minimal .sb-form-message__content__text {
    font-size: 1rem;
  }

  .sb-field-minimal div:has(>.sb-form-message.sb-form-message--error) {
    width: inherit;
  }

  .sb-field-minimal .sb-button-inline#sb-text-input-minimal-toggle-password-view {
    bottom: calc(var(--spacing-5)*-1);
  }
}
/*# sourceMappingURL=components.min.css.map*/