.BrandStyles_base__Doud0 {
  --box-shadow-md: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .05);
  --box-shadow-lg: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, .1), 0 0.25rem 0.375rem -0.125rem rgba(0, 0, 0, .05);
  --site-nav-item-mobile-height: 4rem;
  --site-nav-item-tablet-font-size: 0.875rem;
  --site-nav-item-tablet-height: 4rem;
  --site-nav-item-tablet-lg-font-size: 1rem;
  --site-nav-item-tablet-lg-height: 6rem;
  --site-nav-item-fixed-lg-height: 5rem;
  --site-nav-item-compact-mobile-height: 3rem;
  --site-nav-item-compact-tablet-height: 4rem;
  --site-nav-item-compact-tablet-lg-height: 4rem;
  --quiz-status-top: 10.125rem;
  --login-button-text: var(--masthead-text);
  --cookie-banner-link: var(--colour-assistant);
  --toggle-button-filled-fill: rgba(253, 199, 8, .2);
  --toggle-button-filled-text: var(--colour-charcoal);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  --toggle-button-filled-selected-border: var(--colour-accent);
  --toggle-button-filled-selected-fill: var(--colour-accent)
}

.BrandStyles_base__Doud0 * {
  scroll-margin-top: inherit
}

.BrandStyles_base__Doud0 .tab-key-pressed * {
  scroll-margin-top: unset
}

.BrandStyles_autocompleteDark__Ug2sx {
  --autocomplete-clear-button-text: #fff;
  --autocomplete-modal-search-button-text: #fff;
  --autocomplete-input-text: var(--white-70-opacity);
  --autocomplete-input-fill: var(--black-10-opacity);
  --autocomplete-input-focus-fill: var(--white-20-opacity);
  --autocomplete-input-focus-text: #fff;
  --autocomplete-input-placeholder: var(--white-70-opacity);
  --autocomplete-input-active-placeholder: var(--white-60-opacity);
  --autocomplete-modal-fill: var(--colour-charcoal);
  --autocomplete-modal-border: #1a1a1a;
  --autocomplete-item-selected-text: #fff;
  --autocomplete-item-selected-fill: var(--white-05-opacity);
  --autocomplete-item-highlight-text: #fff;
  --autocomplete-item-remove-icon: var(--white-60-opacity);
  --autocomplete-item-selected-remove-icon: var(--white-60-opacity);
  --autocomplete-item-selected-remove-icon-hover: #fff;
  --autocomplete-clear-button-fill: var(--white-10-opacity);
  --autocomplete-clear-button-hover-text: #000;
  --autocomplete-clear-button-hover-fill: #fff;
  --autocomplete-input-focus-outline-inner: #8fbfff;
  --autocomplete-item-text: #8fbfff;
  --autocomplete-clear-button-focus-outline-outer: #8fbfff;
  --autocomplete-close-button-text: #8fbfff;
  --autocomplete-clear-button-focus-text: #fff
}

.BrandStyles_master__4LEHX {
  --colour-accent-active: rgba(253, 199, 8, .7);
  --colour-accent-faded: rgba(253, 199, 8, .25);
  --colour-accent: #fdc708;
  --colour-assistant: #0058cc;
  --colour-primary: #fdc708;
  --footer-link-hover-text: var(--colour-primary);
  --masthead-fill: #fff;
  --masthead-brand-fill: #f2f2f2;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-text: #000;
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: #000;
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-fill: var(--black-05-opacity);
  --site-nav-item-hover-text: #000;
  --site-nav-item-text: #000;
  --notification-message-fill: #fafafa;
  --text-accent: #000;
  --brand-lockup-footer-height: 2rem;
  --cookie-banner-link: var(--colour-assistant);
  --hero-image-with-cta-button-hover-text: #000
}

.BrandStyles_masterLight__JPWMA {
  --colour-accent-active: rgba(253, 199, 8, .7);
  --colour-accent-faded: rgba(253, 199, 8, .25);
  --colour-accent: #fdc708;
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #4d9aff;
  --colour-primary: #fdc708;
  --footer-link-hover-text: var(--colour-primary);
  --masthead-fill: #fff;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-text: #000;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-nav-item-text: #000;
  --text-accent: #000;
  --connect-subscribe-fill: #1e2124;
  --connect-subscribe-link-text: #4d9aff
}

.BrandStyles_listenStations__z17X_ {
  --listen-colour-primary: #ed1d54;
  --masthead-brand-logo: var(--listen-colour-primary);
  --masthead-secondary-colour-brand-logo: #636363
}

.BrandStyles_listen__KHjlq {
  --colour-primary: var(--listen-colour-primary);
  --colour-assistant: #e7134b;
  --colour-assistant-dark: #f36d91;
  --colour-accent: #ed1d54;
  --colour-accent-active: rgba(237, 29, 84, .7);
  --colour-accent-faded: rgba(237, 29, 84, .25);
  --colour-accent-2: #6565e7;
  --masthead-fill: #fff;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-text: #000;
  --text-accent: #000;
  --button-text: #fff;
  --button-fill: var(--colour-assistant);
  --login-button-hover-text: #fff;
  --login-button-text: #000;
  --login-dropdown-button-text: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --site-nav-item-text: #000;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --pagination-link-number-active-text: #fff;
  --pagination-link-focus-background-color: #fff;
  --pagination-link-focus-text: var(--colour-accent);
  --pagination-link-text: var(--colour-accent);
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(240, 15, 79, .2);
  --toggle-button-filled-selected-text: #fff;
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_listen__KHjlq {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_listen__KHjlq {
    scroll-margin-top: 162px
  }
}

.BrandStyles_listen__KHjlq {
  --icons-list-icon-colour: var(--colour-assistant);
  --card-image-border-radius: 0.5rem;
  --player-button-border-radius: 0.25rem;
  --card-square-media-indicator-border-radius: 0.5rem;
  --content-label-text: #fff;
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: #fff;
  --card-media-indicator-border-radius: 0.5rem;
  --collapsible-border-radius: 0.375rem;
  --collapsible-panel-padding-left: 1.5rem;
  --collapsible-toggle-bg: #fff;
  --collapsible-toggle-expanded-bg: #fff;
  --connect-subscribe-fill: #1e2124;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --connect-subscribe-button-text: #fff;
  --connect-social-text: #fff;
  --card-media-indicator-active-text: #fff;
  --miniepg-fill: var(--black-10);
  --miniepg-text: #000;
  --miniepg-divider-fill: var(--black-30);
  --miniepg-hover-text: var(--colour-assistant);
  --miniepg-more-link: var(--colour-assistant);
  --miniepg-hover-button-fill: var(--colour-charcoal);
  --miniepg-hover-button-text: #fff;
  --miniepg-content-label-fill: var(--colour-assistant);
  --miniepg-content-label-text: #fff;
  --miniepg-button-border-radius: 100px;
  --hero-image-with-cta-button-hover-fill: var(--colour-assistant);
  --notification-message-fill: var(--colour-accent-2);
  --notification-message-text: #fff;
  --notification-message-icon-fill: #fff;
  --notification-message-button-fill: #fff;
  --notification-message-button-text: var(--colour-assistant);
  --notification-message-link-visited-text: #fff;
  --notification-message-button-radius: 3rem
}

.BrandStyles_local__RpRuF {
  --colour-primary: #f6472c;
  --colour-accent: #f6472c;
  --colour-accent-active: rgba(246, 71, 44, .7);
  --colour-accent-faded: rgba(246, 71, 44, .25);
  --colour-assistant: #e6270a;
  --colour-assistant-dark: #a3b899;
  --link-text-dark: var(--colour-assistant-dark);
  --text-accent: #fff;
  --text-assistant: #fff;
  --button-fill: var(--colour-assistant);
  --masthead-fill: #2b3136;
  --masthead-text: #fff;
  --masthead-global-nav-fill: #2b3136;
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-fill: #4d5b60;
  --site-nav-item-active-border-colour: var(--colour-assistant-dark);
  --site-nav-item-active-text: #fff;
  --site-nav-item-hover-border-colour: var(--colour-assistant-dark);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: #fff;
  --site-nav-item-text: #fff;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-border: var(--colour-assistant-dark);
  --login-button-hover-fill: var(--colour-assistant-dark);
  --login-button-hover-text: #000;
  --login-button-text: #fff;
  --login-dropdown-avatar-color: #000;
  --login-dropdown-avatar-fill: var(--colour-assistant-dark);
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-dropdown-button-hover-text: var(--colour-assistant-dark);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --connect-social-fill: var(--colour-assistant);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-button-text: #fff;
  --connect-subscribe-link-text: var(--link-text-dark);
  --connect-subscribe-fill: #2b3136;
  --cookie-banner-link: var(--colour-assistant);
  --incidents-alert-fill: var(--colour-emergency-moderate);
  --schedule-item-live-label-text: #000;
  --hero-image-with-cta-button-hover-fill: var(--colour-assistant);
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --toggle-button-filled-fill: rgba(230, 39, 10, .2);
  --toggle-button-filled-selected-fill: var(--colour-assistant);
  --toggle-button-filled-selected-text: var(--text-assistant);
  --autocomplete-input-focus-fill: var(--white-10-opacity);
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-focus-outline-inner: var(--colour-assistant-dark);
  --autocomplete-item-text: var(--colour-assistant-dark);
  --autocomplete-clear-button-focus-outline-outer: var(--colour-assistant-dark);
  --autocomplete-close-button-text: var(--colour-assistant-dark);
  --autocomplete-clear-button-focus-text: #fff;
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_local__RpRuF {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_local__RpRuF {
    scroll-margin-top: 162px
  }
}

.BrandStyles_asia__Ao6VS {
  --colour-accent: #00853c;
  --colour-accent-active: rgba(0, 133, 60, .7);
  --colour-accent-faded: rgba(0, 133, 60, .25);
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #8fbfff;
  --colour-primary: #03a54c;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #fff;
  --text-accent: #000;
  --button-fill: var(--colour-accent);
  --button-text: #fff;
  --brand-lockup-mobile-height: 2rem;
  --brand-lockup-tablet-lg-height: 2.3rem;
  --brand-lockup-compact-height: 2rem;
  --brand-lockup-footer-height: 1.7rem;
  --connect-social-fill: var(--colour-accent);
  --connect-social-text: #fff;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --masthead-fill: var(--colour-accent);
  --masthead-text: #fff;
  --masthead-global-nav-fill: var(--colour-accent);
  --masthead-parent-border-bottom-colour: var(--white-10-opacity);
  --masthead-brand-border-bottom-colour: var(--white-10-opacity);
  --masthead-brand-fill: var(--colour-accent);
  --notification-message-button-text: #fff;
  --tab-outline-colour: #000;
  --site-nav-item-active-border-colour: #fff;
  --site-nav-item-active-text: #fff;
  --site-nav-item-hover-border-colour: #fff;
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: #fff;
  --site-nav-item-text: #fff;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-border: #fff;
  --login-button-hover-fill: #fff;
  --login-button-hover-text: #000;
  --login-button-text: #fff;
  --login-dropdown-avatar-color: #000;
  --login-dropdown-avatar-fill: var(--colour-assistant-dark);
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --global-nav-border-color: var(--colour-accent);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --card-media-indicator-hover-fill: var(--colour-assistant-dark);
  --card-media-indicator-hover-text: #000;
  --live-audio-player-button-fill: var(--radio-colour-assistant);
  --live-audio-player-button-text: #fff;
  --miniepg-button-fill: var(--radio-colour-assistant);
  --miniepg-button-text: #fff;
  --miniepg-live-icon-fill: #fff;
  --promo-border-radius: 0;
  --schedule-date-selector-selected-fill: var(--colour-assistant-dark);
  --schedule-date-selector-selected-text: #000;
  --connect-subscribe-button-fill: var(--colour-assistant-dark);
  --hero-image-with-cta-button-hover-fill: var(--colour-assistant-dark);
  --hero-image-with-cta-button-hover-text: #000;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --autocomplete-input-focus-outline-inner: #000;
  --autocomplete-header-fill: #fff;
  --autocomplete-header-text: #fff;
  --autocomplete-close-button-text: var(--colour-assistant);
  --autocomplete-input-text: #fff;
  --autocomplete-input-placeholder: #fff;
  --autocomplete-input-active-placeholder: var(--black-60-opacity);
  --autocomplete-input-focus-text: #000;
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-focus-fill: #fff;
  --autocomplete-clear-button-focus-text: #fff;
  --autocomplete-clear-button-focus-fill: var(--colour-assistant);
  --autocomplete-clear-button-focus-outline-outer: var(--colour-assistant);
  --autocomplete-clear-button-focus-outline-outer-desktop: var(--colour-assistant-dark);
  --autocomplete-search-button-text: #fff;
  --autocomplete-modal-search-button-text: #fff;
  --autocomplete-clear-button-fill: var(--tint-5);
  --toggle-button-filled-fill: rgba(0, 133, 60, .2);
  --toggle-button-filled-selected-text: var(--text-assistant);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_asia__Ao6VS {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_asia__Ao6VS {
    scroll-margin-top: 162px
  }
}

.BrandStyles_about__1HxoZ {
  --image-and-frames-radius: 0.5rem;
  --masthead-brand-fill: #fff;
  --section-header-moreicon-margin-left: 0;
  --more-link-icon-position-top: 0;
  --section-header-description-margin-top: -0.25rem;
  --section-header-flex-direction-mobile: row;
  --connect-section-border-radius: var(--image-and-frames-radius);
  --card-image-border-radius: var(--image-and-frames-radius);
  --submit-button-border-radius: 0.25rem;
  --connect-subscribe-fill: #2b3136;
  --connect-subscribe-text: #fff;
  --colour-placeholder: hsla(0, 0%, 100%, .6);
  --connect-subscribe-link-text: #8fbfff;
  --standard-collection-carousel-nav-button-disabled-fill: #fdc708;
  --standard-collection-carousel-nav-button-fill: #fdc708;
  --standard-collection-carousel-nav-button-text: #000;
  --contentcard-featured-desktop-display-description: block;
  --contentcard-featured-title-mobile-font-size: 1.125rem;
  --carousel-item-border-radius: 0.5rem;
  --slider-item-with-border-peek-width: 10rem;
  --herocarousel-item-button-border-radius: 0.25rem;
  --herocarousel-button-fill: #fdc708;
  --herocarousel-button-text: #000;
  --marketing-blurb-border-radius: var(--image-and-frames-radius);
  --marketing-blurb-layout-width: 75rem;
  --marketing-blurb-layout-width-desktop-min: 62rem;
  --marketing-blurb-layout-padding: 1rem;
  --marketing-blurb-layout-display: "block";
  --heading-font-weight: 700;
  --promo-border-radius: var(--image-and-frames-radius);
  --teaser-content-image-border-radius: 0.5rem;
  --overflow-gradient-middle: var(--black-05-opacity);
  --overflow-gradient-end: var(--black-10-opacity);
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_about__1HxoZ {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_about__1HxoZ {
    scroll-margin-top: 162px
  }
}

.BrandStyles_btn__cd431 {
  --colour-accent: #ff6a14;
  --colour-accent-active: rgba(255, 106, 20, .7);
  --colour-accent-faded: rgba(255, 106, 20, .25);
  --colour-accent-2: #62cbf4;
  --colour-accent-2-active: rgba(98, 203, 244, .7);
  --colour-accent-2-faded: rgba(98, 203, 244, .25);
  --colour-accent-3: #eb0095;
  --colour-accent-3-active: rgba(235, 0, 149, .7);
  --colour-accent-3-faded: rgba(235, 0, 149, .25);
  --colour-accent-4: #008055;
  --colour-accent-4-active: rgba(0, 128, 85, .7);
  --colour-accent-4-faded: rgba(0, 128, 85, .25);
  --colour-assistant: #0c7bc6;
  --colour-assistant-dark: #58a5fe;
  --colour-primary: #342d58;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #000;
  --content-label-fill: var(--colour-accent-2);
  --text-accent: #000;
  --button-fill: var(--colour-accent);
  --button-text: #000;
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-compact-height: 3.25rem;
  --brand-lockup-footer-height: 4rem;
  --brand-lockup-logo-footer-colour: var(--colour-charcoal);
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-text: #000;
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: #000;
  --site-nav-item-text: #000;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-dropdown-button-text: #000;
  --global-nav-border-color: var(--colour-accent);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --connect-social-fill: var(--colour-accent);
  --connect-social-text: #000;
  --connect-subscribe-button-fill: var(--colour-accent);
  --connect-subscribe-button-text: #000;
  --connect-subscribe-link-text: var(--link-text-dark);
  --connect-subscribe-fill: var(--colour-charcoal);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --card-media-indicator-hover-text: #000;
  --playlist-active-border-colour: var(--colour-accent);
  --tab-max-width: auto;
  --toggle-button-filled-fill: rgba(255, 106, 20, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_btn__cd431 {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_btn__cd431 {
    scroll-margin-top: 162px
  }
}

.BrandStyles_heywire__0aLbS {
  --colour-accent: #222055;
  --colour-accent-active: rgba(34, 32, 85, .7);
  --colour-accent-faded: rgba(34, 32, 85, .25);
  --colour-accent-2: #e25028;
  --colour-accent-2-active: rgba(226, 80, 40, .7);
  --colour-accent-2-faded: rgba(226, 80, 40, .25);
  --colour-accent-3: #03a5a0;
  --colour-accent-3-active: rgba(3, 165, 160, .7);
  --colour-accent-3-faded: rgba(3, 165, 160, .25);
  --colour-accent-4: #c7fdbf;
  --colour-accent-4-active: rgba(199, 253, 191, .7);
  --colour-accent-4-faded: rgba(199, 253, 191, .25);
  --colour-accent-5: #6f7d80;
  --colour-accent-5-active: hsla(190, 7%, 47%, .7);
  --colour-accent-5-faded: hsla(190, 7%, 47%, .25);
  --colour-assistant: #45822b;
  --colour-assistant-dark: #c7fdbf;
  --colour-primary: #cfc72a;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-primary);
  --content-label-text: #fff;
  --text-accent: #000;
  --button-fill: var(--colour-primary);
  --brand-lockup-mobile-height: 1.75rem;
  --brand-lockup-tablet-lg-height: 2.625rem;
  --brand-lockup-compact-height: 2.563rem;
  --brand-lockup-footer-height: 1.813rem;
  --connect-social-fill: var(--colour-primary);
  --connect-social-text: #000;
  --connect-subscribe-button-fill: var(--colour-primary);
  --connect-subscribe-button-text: #000;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --connect-subscribe-fill: var(--colour-charcoal);
  --masthead-fill: var(--colour-accent);
  --masthead-text: #fff;
  --masthead-global-nav-fill: var(--colour-accent);
  --masthead-parent-border-bottom-colour: var(--white-20-opacity);
  --masthead-brand-border-bottom-colour: var(--white-20-opacity);
  --masthead-brand-fill: var(--colour-accent);
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: var(--colour-primary);
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-text: #fff;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-border: var(--colour-primary);
  --login-button-hover-fill: var(--colour-primary);
  --login-button-hover-text: #000;
  --login-button-text: #fff;
  --login-dropdown-avatar-color: #000;
  --login-dropdown-avatar-fill: var(--colour-assistant-dark);
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-dropdown-button-hover-text: var(--colour-assistant-dark);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --global-nav-border-color: var(--colour-primary);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --list-bullet: var(--colour-primary);
  --notification-message-button-fill: var(--colour-primary);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --section-header-accent: var(--colour-primary);
  --more-link-icon-colour: var(--colour-accent);
  --card-media-indicator-hover-fill: var(--colour-primary);
  --card-media-indicator-hover-text: #000;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --toggle-button-filled-fill: rgba(207, 199, 42, .2);
  --toggle-button-filled-selected-fill: var(--colour-primary);
  --toggle-button-filled-selected-text: var(--text-accent);
  --autocomplete-header-fill: #fff;
  --autocomplete-header-text: #fff;
  --autocomplete-close-button-text: var(--colour-assistant);
  --autocomplete-input-text: var(--white-80-opacity);
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-placeholder: var(--white-80-opacity);
  --autocomplete-input-active-placeholder: var(--black-60-opacity);
  --autocomplete-input-focus-text: #000;
  --autocomplete-input-focus-fill: #fff;
  --autocomplete-clear-button-focus-fill: var(--colour-primary);
  --autocomplete-clear-button-focus-text: #000;
  --autocomplete-clear-button-focus-outline-outer: var(--colour-assistant);
  --autocomplete-clear-button-focus-outline-outer-desktop: var(--colour-assistant-dark);
  --autocomplete-search-button-text: #fff;
  --autocomplete-modal-search-button-text: #fff;
  --autocomplete-clear-button-fill: var(--tint-5);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_heywire__0aLbS {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_heywire__0aLbS {
    scroll-margin-top: 162px
  }
}

.BrandStyles_masterDark__l4OBN {
  --colour-accent-active: rgba(253, 199, 8, .7);
  --colour-accent-faded: rgba(253, 199, 8, .25);
  --colour-accent: #fdc708;
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #8fbfff;
  --colour-primary: #fdc708;
  --footer-link-hover-text: var(--colour-primary);
  --login-button-text: #fff;
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-dropdown-button-hover-text: #4d9aff;
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --masthead-brand-border-bottom-colour: var(--white-20-opacity);
  --masthead-parent-border-bottom-colour: var(--white-20-opacity);
  --masthead-fill: #000;
  --masthead-global-nav-fill: #000;
  --masthead-text: #fff;
  --masthead-brand-fill: #000;
  --masthead-cta-hover-text: var(--colour-primary);
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: var(--colour-primary);
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-text: #fff;
  --text-accent: #000;
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-primary);
  --connect-subscribe-button-text: var(--text-primary);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --autocomplete-input-focus-fill: var(--white-10-opacity);
  --autocomplete-input-active-placeholder: #fff;
  --autocomplete-input-fill: var(--white-10-opacity);
  --tab-outline-colour: var(--colour-assistant-dark);
  --autocomplete-item-text: var(--colour-assistant-dark);
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_masterDark__l4OBN {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_masterDark__l4OBN {
    scroll-margin-top: 162px
  }
}

.BrandStyles_commercial__t68VE, .BrandStyles_contentsales__XEoFc, .BrandStyles_indigenous__94oiN {
  --autocomplete-clear-button-focus-text: #000
}

.BrandStyles_librarySales__Ykvd4 {
  --text-primary: #000;
  --text-assistant: #fff
}

.BrandStyles_librarySales__Ykvd4, .BrandStyles_religion__uE1gi {
  --autocomplete-clear-button-focus-text: #000
}

.BrandStyles_rage__G_t3j {
  --brand-lockup-mobile-height: 2rem
}

.BrandStyles_triplej__OXVYL {
  --colour-accent: #ef4134;
  --colour-accent-active: rgba(239, 65, 52, .7);
  --colour-accent-faded: rgba(239, 65, 52, .25);
  --colour-accent2: #ffaaa8;
  --colour-assistant: #e03124;
  --colour-assistant-dark: #eb7870;
  --colour-primary: #ef4134;
  --text-accent: #fff;
  --text-accent2: #000;
  --text-assistant: #fff;
  --button-fill: var(--colour-assistant);
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --link-visited-text: var(--colour-primary);
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(239, 65, 52, .2);
  --toggle-button-filled-selected-text: var(--text-accent)
}

.BrandStyles_triplej__OXVYL .likeAVersionPromoBanner {
  --button-fill: #e2d546;
  --button-text: #000;
  --colour-assistant: #fff;
  --tab-outline-colour: #e00000
}

.BrandStyles_triplej__OXVYL .likeAVersionPromoBanner p {
  margin-top: .5rem
}

.BrandStyles_triplej__OXVYL .likeAVersionPromoBanner h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.25rem
}

@media (min-width:48em) {
  .BrandStyles_triplej__OXVYL .likeAVersionPromoBanner p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin-top: .75rem
  }

  .BrandStyles_triplej__OXVYL .likeAVersionPromoBanner h3 {
    font-size: 3rem;
    line-height: 3rem
  }
}

.BrandStyles_triplej__OXVYL {
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #000;
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-nav-item-text: #000;
  --login-dropdown-button-text: #000;
  --brand-lockup-logo-colour: var(--colour-primary);
  --brand-lockup-footer-height: 3.25rem;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --print-button-text: #fff;
  --connect-social-fill: var(--colour-assistant);
  --connect-social-text: var(--text-assistant);
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-button-text: var(--text-assistant);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: var(--text-assistant);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --icons-list-icon-colour: var(--colour-primary);
  --icons-list-background-colour: #fafafa;
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_triplej__OXVYL {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_triplej__OXVYL {
    scroll-margin-top: 162px
  }
}

.BrandStyles_triplejhottest__wSj9g {
  --colour-accent: #36340d;
  --colour-accent2: #f7ee3a;
  --colour-assistant: #79751d;
  --colour-assistant-dark: #a6a027;
  --colour-primary: #f7ee3b;
  --text-accent: #fff;
  --text-accent2: #000;
  --text-assistant: #fff;
  --button-fill: var(--colour-primary);
  --button-text: var(--text-accent2);
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --brand-lockup-logo-colour: var(--colour-accent);
  --card-media-indicator-hover-text: #000;
  --masthead-cta-button-fill: var(--colour-accent);
  --masthead-cta-button-text: var(--colour-accent2);
  --masthead-cta-button-hover-text: var(--text-accent);
  --content-label-fill: var(--colour-assistant-dark);
  --autocomplete-clear-button-focus-fill: var(--colour-assistant-dark);
  --toggle-button-filled-fill: rgba(223, 126, 58, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_triplejhottest__wSj9g {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_triplejhottest__wSj9g {
    scroll-margin-top: 162px
  }
}

.BrandStyles_triplejunearthed__Oakts {
  --colour-accent: #d1f7bf;
  --colour-accent-active: rgba(239, 65, 52, .7);
  --colour-accent-faded: rgba(239, 65, 52, .25);
  --colour-accent-2: #bcfbda;
  --colour-assistant: #47822b;
  --colour-assistant2: #d1f7bf;
  --colour-assistant-dark: #d1f7bf;
  --colour-primary: #45822b;
  --text-accent: #fff;
  --text-accent2: #000;
  --text-assistant: #fff;
  --button-fill: var(--colour-assistant);
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #fff;
  --masthead-global-nav-colour: #000;
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-logo: #10330a;
  --masthead-secondary-colour-brand-logo: #000;
  --masthead-brand-fill: var(--black-05);
  --site-nav-item-active-border-colour: #000;
  --site-nav-item-active-text: #000;
  --site-nav-item-hover-border-colour: transparent;
  --site-nav-item-hover-fill: var(--black-05-opacity);
  --site-nav-item-hover-text: #000;
  --site-nav-item-text: #000;
  --login-dropdown-button-text: #000;
  --login-button-border: var(--colour-assistant);
  --login-button-hover-fill: var(--colour-assistant);
  --login-button-hover-tex: #fff;
  --brand-lockup-logo-colour: var(--colour-primary);
  --brand-lockup-footer-height: 2.75rem;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --print-button-text: #fff;
  --footer-icon-colour: #fff;
  --masthead-cta-button-fill: #10330a;
  --masthead-cta-button-text: #6ae859;
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: var(--text-assistant);
  --connect-social-fill: var(--colour-assistant);
  --connect-social-text: var(--text-assistant);
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-button-text: var(--text-assistant);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --back-to-top-icon-colour: var(--colour-primary);
  --content-label-fill: var(--colour-primary);
  --content-label-text: var(--text-accent);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_triplejunearthed__Oakts {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_triplejunearthed__Oakts {
    scroll-margin-top: 162px
  }
}

.BrandStyles_doublej__yY5uP {
  --colour-accent: #ef4134;
  --colour-accent-active: rgba(239, 65, 52, .7);
  --colour-accent-faded: rgba(239, 65, 52, .25);
  --colour-accent2: #ffaaa8;
  --colour-assistant: #e03124;
  --colour-assistant-dark: #eb7870;
  --colour-primary: #ef4134;
  --text-accent: #fff;
  --text-accent2: #000;
  --text-assistant: #fff;
  --button-fill: var(--colour-assistant);
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --masthead-fill: #000;
  --masthead-text: #fff;
  --masthead-global-nav-fill: #000;
  --masthead-parent-border-bottom-colour: var(--white-20-opacity);
  --masthead-brand-border-bottom-colour: var(--white-20-opacity);
  --masthead-secondary-colour-brand-logo: #fff;
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-text: #fff;
  --brand-lockup-logo-colour: #fff;
  --brand-lockup-footer-height: 3.25rem;
  --brand-lockup-mobile-height: 2rem;
  --login-dropdown-fill: var(--colour-charcoal);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --print-button-text: #fff;
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: var(--text-assistant);
  --connect-social-fill: var(--colour-assistant);
  --connect-social-text: var(--text-assistant);
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-button-text: var(--text-assistant);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-focus-fill: var(--white-10-opacity);
  --autocomplete-input-focus-outline-inner: #ffaaa8;
  --autocomplete-item-text: #ffaaa8;
  --autocomplete-clear-button-focus-outline-outer: #ffaaa8;
  --autocomplete-close-button-text: #ffaaa8;
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(239, 65, 52, .2);
  --toggle-button-filled-selected-text: var(--text-accent);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_doublej__yY5uP {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_doublej__yY5uP {
    scroll-margin-top: 162px
  }
}

.BrandStyles_classic__YD2Kb {
  --colour-primary: #008a94;
  --colour-accent: #02d4e3;
  --colour-accent-active: rgba(2, 212, 227, .7);
  --colour-accent-faded: rgba(2, 212, 227, .25);
  --colour-assistant: #007a85;
  --colour-assistant-dark: #02d4e3;
  --text-accent: #000;
  --text-assistant: #fff;
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-cta-button-fill: var(--colour-accent);
  --masthead-cta-button-text: var(--text-accent);
  --masthead-cta-button-hover-text: #fff;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-nav-item-text: #000;
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-logo-colour: #231f20;
  --brand-lockup-footer-height: 3.375rem;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --card-media-indicator-hover-fill: var(--colour-accent);
  --card-media-indicator-hover-text: var(--text-accent);
  --card-media-indicator-active-text: var(--text-accent);
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant-dark);
  --connect-subscribe-button-text: #000;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-date-selector-selected-fill: var(--colour-accent);
  --schedule-date-selector-selected-text: var(--text-accent);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --notification-message-fill: #fff;
  --notification-message-panel-fill: #f2f2f2;
  --notification-message-button-fill: var(--colour-accent);
  --hero-image-with-cta-button-hover-fill: var(--colour-accent);
  --hero-image-with-cta-button-hover-text: #000;
  --toggle-button-filled-fill: rgba(2, 212, 227, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_classic__YD2Kb {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_classic__YD2Kb {
    scroll-margin-top: 162px
  }
}

.BrandStyles_jazz__WrU5j {
  --colour-accent: #000;
  --colour-accent-active: rgba(0, 0, 0, .7);
  --colour-accent-faded: rgba(0, 0, 0, .25);
  --colour-assistant: #2b55b1;
  --colour-assistant-dark: #66a8ff;
  --colour-primary: #244794;
  --text-accent: #fff;
  --text-assistant: #fff;
  --button-fill: var(--colour-primary);
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: var(--colour-primary);
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-text: #000;
  --login-dropdown-button-text: #000;
  --brand-lockup-logo-colour: var(--colour-accent);
  --brand-lockup-mobile-height: 2rem;
  --brand-lockup-tablet-lg-height: 2.5rem;
  --brand-lockup-compact-height: 2rem;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --back-to-top-icon-colour: var(--colour-primary);
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: var(--text-assistant);
  --connect-social-fill: var(--colour-assistant);
  --connect-social-text: var(--text-assistant);
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-button-text: var(--text-assistant);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --more-link-icon-colour: var(--colour-primary);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --section-header-accent: var(--colour-primary);
  --autocomplete-clear-button-focus-fill: var(--colour-assistant);
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(43, 85, 177, .2);
  --toggle-button-filled-selected-fill: #2b55b1;
  --toggle-button-filled-selected-border: #2b55b1;
  --toggle-button-filled-selected-text: var(--text-accent);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_jazz__WrU5j {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_jazz__WrU5j {
    scroll-margin-top: 162px
  }
}

.BrandStyles_country__hoAHh {
  --colour-accent: #1acb99;
  --colour-accent-active: rgba(26, 203, 153, .7);
  --colour-accent-faded: rgba(26, 203, 153, .25);
  --colour-assistant: #00857c;
  --colour-assistant-dark: #1acb99;
  --colour-primary: #09686d;
  --text-accent: #000;
  --text-assistant: #fff;
  --button-fill: var(--colour-primary);
  --button-text: #fff;
  --heading-font-family: var(--dls-font-stack-condensed);
  --heading-font-weight: bold;
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #000;
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-cta-button-fill: var(--colour-primary);
  --masthead-cta-button-text: #fff;
  --masthead-cta-button-hover-text: #fff;
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: var(--colour-primary);
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-text: #000;
  --login-dropdown-button-text: #000;
  --brand-lockup-mobile-height: 1.5rem;
  --brand-lockup-tablet-lg-height: 2.25rem;
  --brand-lockup-compact-height: 2rem;
  --footer-link-hover-text: var(--colour-accent);
  --back-to-top-icon-colour: var(--colour-primary);
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: var(--text-assistant);
  --connect-social-fill: var(--colour-primary);
  --connect-social-text: #fff;
  --connect-subscribe-fill: var(--colour-charcoal);
  --connect-subscribe-button-fill: var(--colour-assistant-dark);
  --connect-subscribe-button-text: #000;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --more-link-icon-colour: var(--colour-primary);
  --schedule-date-selector-selected-fill: var(--colour-primary);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --section-header-accent: var(--colour-primary);
  --autocomplete-clear-button-focus-fill: #09686d;
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(26, 203, 153, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 181px
}

@media (min-width:34em) {
  .BrandStyles_country__hoAHh {
    scroll-margin-top: 197px
  }
}

@media (min-width:48em) {
  .BrandStyles_country__hoAHh {
    scroll-margin-top: 162px
  }
}

.BrandStyles_news__RiIQA {
  --colour-accent-active: rgba(0, 208, 255, .7);
  --colour-accent-faded: rgba(0, 208, 255, .25);
  --colour-accent: #00d0ff;
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #4d9aff;
  --colour-primary: #00d0ff;
  --connect-social-fill: #00d0ff;
  --footer-link-hover-text: var(--colour-accent);
  --masthead-fill: #000;
  --masthead-brand-border-bottom-colour: var(--white-20-opacity);
  --masthead-parent-border-bottom-colour: var(--white-20-opacity);
  --masthead-text: #fff;
  --page-section-padding-top: 0;
  --product-template-padding-top: 0;
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-text: var(--colour-accent);
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-text: var(--colour-accent);
  --site-nav-item-text: #fff;
  --site-navigation-fill: var(--black-20-opacity);
  --brand-lockup-logo-colour: #fff;
  --brand-lockup-footer-height: 2rem;
  --text-assistant: #fff;
  --login-button-hover-text: #000;
  --login-dropdown-fill: #1e2124;
  --login-dropdown-button-text: #fff;
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --hero-image-with-cta-button-hover-text: #000;
  --toggle-button-filled-fill: rgba(0, 208, 255, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_news__RiIQA {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_news__RiIQA {
    scroll-margin-top: 162px
  }
}

.BrandStyles_radionational__6xf58 {
  --colour-accent: #ed1d54;
  --colour-accent-active: rgba(237, 29, 84, .7);
  --colour-accent-faded: rgba(237, 29, 84, .25);
  --colour-assistant: #e7134b;
  --colour-assistant-dark: #f36d91;
  --colour-primary: #ed1d54;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #fff;
  --text-accent: #fff;
  --brand-lockup-footer-height: 1.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-nav-item-text: #000;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-dropdown-button-text: #000;
  --connect-social-fill: var(--colour-assistant);
  --connect-subscribe-button-fill: var(--colour-assistant);
  --connect-subscribe-link-text: var(--link-text-dark);
  --connect-subscribe-fill: var(--colour-charcoal);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --hero-image-with-cta-button-hover-fill: var(--colour-assistant);
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --autocomplete-clear-button-focus-fill: var(--colour-assistant);
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(237, 29, 84, .2);
  --toggle-button-filled-selected-text: var(--text-accent);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_radionational__6xf58 {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_radionational__6xf58 {
    scroll-margin-top: 162px
  }
}

.BrandStyles_pacific__RT0Dv {
  --colour-accent: #0084d6;
  --colour-accent-active: rgba(0, 132, 214, .7);
  --colour-accent-faded: rgba(0, 132, 214, .25);
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #8fbfff;
  --colour-primary: #1c1f59;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #fff;
  --text-accent: #000;
  --button-fill: var(--colour-assistant-dark);
  --radio-colour-assistant: #e6270a;
  --brand-lockup-mobile-height: 2.1rem;
  --brand-lockup-tablet-lg-height: 2.3rem;
  --brand-lockup-compact-height: 2rem;
  --brand-lockup-footer-height: 1.7rem;
  --connect-social-fill: var(--colour-primary);
  --connect-social-text: #fff;
  --masthead-fill: var(--colour-primary);
  --masthead-text: #fff;
  --masthead-global-nav-fill: var(--colour-primary);
  --masthead-parent-border-bottom-colour: var(--white-10-opacity);
  --masthead-brand-border-bottom-colour: var(--white-10-opacity);
  --masthead-brand-fill: var(--colour-primary);
  --masthead-cta-button-fill: var(--radio-colour-assistant);
  --masthead-cta-button-text: #fff;
  --masthead-cta-button-hover-text: #fff;
  --site-nav-item-active-border-colour: var(--colour-assistant-dark);
  --site-nav-item-active-text: var(--colour-assistant-dark);
  --site-nav-item-hover-border-colour: var(--colour-assistant-dark);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant-dark);
  --site-nav-item-text: #fff;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-border: var(--colour-assistant-dark);
  --login-button-hover-fill: var(--colour-assistant-dark);
  --login-button-hover-text: #000;
  --login-button-text: #fff;
  --login-dropdown-avatar-color: #000;
  --login-dropdown-avatar-fill: var(--colour-assistant-dark);
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-dropdown-button-hover-text: var(--colour-assistant-dark);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --global-nav-border-color: var(--colour-accent);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --card-media-indicator-hover-fill: var(--colour-assistant-dark);
  --card-media-indicator-hover-text: #000;
  --live-audio-player-button-fill: var(--radio-colour-assistant);
  --live-audio-player-button-text: #fff;
  --miniepg-button-fill: var(--radio-colour-assistant);
  --miniepg-button-text: #fff;
  --miniepg-live-icon-fill: #fff;
  --schedule-date-selector-selected-fill: var(--colour-assistant-dark);
  --schedule-date-selector-selected-text: #000;
  --connect-subscribe-button-fill: var(--colour-assistant-dark);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --hero-image-with-cta-button-hover-fill: var(--colour-assistant-dark);
  --hero-image-with-cta-button-hover-text: #000;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --autocomplete-input-focus-outline-inner: var(--colour-assistant-dark);
  --autocomplete-header-fill: #fff;
  --autocomplete-header-text: #fff;
  --autocomplete-close-button-text: var(--colour-assistant);
  --autocomplete-input-text: var(--white-80-opacity);
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-placeholder: #fff;
  --autocomplete-input-active-placeholder: #fff;
  --autocomplete-input-focus-text: #fff;
  --autocomplete-input-focus-fill: var(--white-10-opacity);
  --autocomplete-clear-button-focus-text: #fff;
  --autocomplete-clear-button-focus-outline-outer: var(--colour-assistant);
  --autocomplete-clear-button-focus-outline-outer-desktop: var(--colour-assistant-dark);
  --autocomplete-search-button-text: #fff;
  --autocomplete-modal-search-button-text: #fff;
  --autocomplete-clear-button-fill: var(--tint-5);
  --toggle-button-filled-fill: rgba(143, 191, 255, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  --toggle-button-filled-selected-fill: var(--colour-assistant-dark);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_pacific__RT0Dv {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_pacific__RT0Dv {
    scroll-margin-top: 162px
  }
}

@media (max-width:47.9375em) {
  .BrandStyles_pacific__RT0Dv {
    --autocomplete-input-focus-text: #000;
    --autocomplete-input-active-placeholder: #000
  }
}

.BrandStyles_qanda__I9YRo {
  --colour-accent: #be2d34;
  --colour-accent-active: rgba(190, 45, 52, .7);
  --colour-accent-faded: rgba(190, 45, 52, .25);
  --colour-assistant: #2b55b1;
  --colour-assistant-dark: #58a5fe;
  --colour-primary: #ff3d47;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #fff;
  --content-label-fill: var(--colour-accent);
  --text-accent: #fff;
  --button-fill: var(--colour-accent);
  --button-text: #fff;
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-compact-height: 3rem;
  --brand-lockup-footer-height: 5rem;
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-text: var(--colour-accent);
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: #000;
  --site-nav-item-text: #000;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --login-dropdown-button-text: #000;
  --section-header-accent: var(--colour-accent);
  --print-button-text: #fff;
  --connect-social-fill: var(--colour-accent);
  --connect-social-text: #fff;
  --connect-subscribe-button-fill: var(--colour-accent);
  --connect-subscribe-button-text: #fff;
  --connect-subscribe-link-text: var(--link-text-dark);
  --connect-subscribe-fill: var(--colour-charcoal);
  --cookie-banner-link: var(--colour-accent);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --card-media-indicator-hover-text: #fff;
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --autocomplete-clear-button-focus-text: #fff;
  --toggle-button-filled-fill: rgba(190, 45, 52, .2);
  --toggle-button-filled-selected-text: var(--text-accent);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_qanda__I9YRo {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_qanda__I9YRo {
    scroll-margin-top: 162px
  }
}

.BrandStyles_gardening__FFLz5 {
  --colour-primary: #45822b;
  --colour-accent: var(--colour-primary);
  --colour-accent-active: #d1f7bf;
  --colour-accent-faded: rgba(209, 247, 191, .7);
  --colour-assistant: var(--colour-primary);
  --colour-assistant-dark: #d1f7bf;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --content-label-text: #fff;
  --text-accent: #fff;
  --button-fill: var(--colour-primary);
  --heading-font-family: var(--dls-font-stack-condensed);
  --link-number-active-text: #fff;
  --link-arrow-hover-text: #fff;
  --pagination-link-focus-background-color: #fff;
  --pagination-link-text: var(--colour-accent);
  --pagination-link-focus-text: var(--colour-accent);
  --masthead-fill: #fff;
  --masthead-text: #000;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --brand-lockup-logo-colour: var(--colour-primary);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-compact-height: 3rem;
  --brand-lockup-footer-height: 5rem;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --site-nav-item-active-border-colour: var(--colour-primary);
  --site-nav-item-active-text: var(--colour-primary);
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-text: #000;
  --footer-icon-colour: #fff;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-dropdown-button-text: #000;
  --print-button-text: #fff;
  --cookie-banner-link: var(--colour-assistant);
  --schedule-item-live-label-fill: #ffb300;
  --schedule-item-live-label-text: #000;
  --card-media-indicator-fill: #000;
  --card-media-indicator-hover-text: var(--text-assistant);
  --connect-subscribe-fill: #2b3136;
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --discover-fill: rgba(77, 115, 33, .1);
  --autocomplete-clear-button-focus-fill: #107a5c;
  --autocomplete-clear-button-focus-text: #fff;
  --autocomplete-clear-button-focus-outline-outer: #4d7321;
  --toggle-button-filled-fill: rgba(16, 122, 92, .2);
  --toggle-button-filled-selected-text: var(--text-accent);
  --address-share-bar-padding-left: 24px;
  --address-share-bar-padding-right: 24px;
  --address-share-bar-button-padding: 0.5rem 1.5rem;
  /* ! TODO GEF-532: This is causing some issues. Should rounded-button be used? */
  --button-border-radius: 1.5rem;
  --popover-fill: #fafafa;
  --popover-text: #000;
  --share-link-icon-text: #000;
  --share-link-detail-text: #000;
  --share-link-icon-fill: #fff;
  --utility-bar-letter-spacing: 0;
  --address-bar-font-color: #60646c;
  --button-icon-only-padding: 0.75rem 1.25rem;
  --address-share-bar-min-width: 60%;
  --rounded-button-letter-spacing: 1.4px;
  --rounded-button-min-width: 167.5px;
  --button-filled-active-fill: var(--colour-primary);
  --rounded-button-fill: #c3d2b1;
  --rounded-button-box-shadow: none;
  --rounded-button-hover-box-shadow: none;
  --rounded-button-text: #000;
  --popover-border-radius: 0.25rem;
  --popover-font-family: var(--dls-font-stack-rounded);
  --close-button-focus-fill: transparent;
  --button-ghost-hover-border: transparent;
  --figcaption-margin-top: 0.5rem;
  --collapsible-border-radius: 0.25rem;
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_gardening__FFLz5 {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_gardening__FFLz5 {
    scroll-margin-top: 162px
  }
}

.BrandStyles_takeover__pmwVq {
  --autocomplete-clear-button-focus-text: #000;
  --brand-lockup-mobile-height: 2rem;
  --brand-lockup-tablet-lg-height: 2.5rem;
  --brand-lockup-compact-height: 2rem;
  --brand-lockup-footer-height: 1.5rem;
  --cookie-banner-link: #0058cc
}

.BrandStyles_abcinternationaldevelopment__qV0aH {
  --autocomplete-clear-button-focus-text: #000;
  --masthead-brand-nav-logo-width: 26rem;
  --masthead-brand-nav-logo-compact-width: 26rem
}

.BrandStyles_independent__tANhM {
  --autocomplete-clear-button-focus-text: #000;
  --masthead-brand-nav-logo-width: 28rem;
  --masthead-brand-nav-logo-compact-width: 28rem;
  --tab-outline-colour: #66a8ff
}

.BrandStyles_mediawatch__IluQX {
  --colour-primary: #f44034;
  --colour-accent: #ff6d57;
  --colour-accent-active: rgba(255, 109, 87, .7);
  --colour-accent-faded: rgba(255, 109, 87, .25);
  --colour-assistant: #034896;
  --colour-assistant-dark: #8fbfff;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-assistant-dark);
  --text-accent: #000;
  --button-fill: var(--colour-accent);
  --button-text: #000;
  --content-label-fill: var(--colour-accent);
  --masthead-brand-border-bottom-colour: var(--white-20-opacity);
  --masthead-parent-border-bottom-colour: var(--white-20-opacity);
  --masthead-cta-hover-text: var(--colour-assistant-dark);
  --masthead-cta-hover-arrow: var(--colour-assistant-dark);
  --masthead-fill: #000;
  --masthead-global-nav-fill: #000;
  --masthead-text: #fff;
  --brand-lockup-logo-colour: var(--colour-primary);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-compact-height: 4rem;
  --brand-lockup-footer-height: 3.5rem;
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-text: var(--colour-accent);
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-accent);
  --site-nav-item-text: #fff;
  --global-nav-border-color: var(--colour-accent);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --footer-icon-colour: #fff;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-text-assistant: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-hover-text: #000;
  --login-button-text: #fff;
  --login-dropdown-avatar-color: #000;
  --login-dropdown-avatar-fill: var(--colour-assistant-dark);
  --login-dropdown-button-text: #fff;
  --login-dropdown-button-hover-fill: var(--white-05-opacity);
  --login-dropdown-fill: var(--colour-charcoal);
  --login-dropdown-button-hover-text: var(--colour-assistant-dark);
  --login-skeleton-fill: hsla(0, 0%, 100%, .2);
  --login-skeleton-shimmer-fill: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0.5%, hsla(0, 0%, 100%, .05) 50%, hsla(0, 0%, 100%, 0) 99.5%);
  --cookie-banner-link: var(--colour-assistant);
  --card-media-indicator-fill: #000;
  --more-link-icon-colour: var(--colour-assistant-dark);
  --playlist-active-border-colour: var(--colour-accent);
  --autocomplete-input-fill: var(--white-10-opacity);
  --autocomplete-input-focus-fill: var(--white-10-opacity);
  --autocomplete-input-focus-outline-inner: var(--colour-assistant-dark);
  --autocomplete-clear-button-focus-text: #000;
  --autocomplete-clear-button-focus-outline-outer: var(--colour-assistant-dark);
  --autocomplete-item-text: var(--colour-assistant-dark);
  --toggle-button-filled-fill: rgba(255, 109, 87, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_mediawatch__IluQX {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_mediawatch__IluQX {
    scroll-margin-top: 162px
  }
}

.BrandStyles_abckids__UiuAK {
  --colour-accent: #54cbe3;
  --colour-accent-active: #7bd8ea;
  --colour-accent-faded: #125e6e;
  --colour-accent3: #a7c94f;
  --colour-accent3-active: #c4db8a;
  --colour-accent3-faded: #4d621e;
  --login-button-border: var(--colour-accent3);
  --login-button-hover-fill: var(--colour-accent3);
  --button-fill: var(--colour-assistant);
  --button-text: #fff;
  --connect-social-fill: var(--colour-assistant3);
  --connect-social-text: #fff;
  --connect-subscribe-fill: var(--white-90);
  --connect-subscribe-text: #000;
  --connect-subscribe-button-fill: var(--colour-primary);
  --connect-subscribe-button-text: #fff;
  --connect-subscribe-button-active-fill: var(--colour-charcoal);
  --connect-subscribe-button-active-text: #fff;
  --connect-subscribe-link-text: var(--colour-assistant3);
  --login-dropdown-button-text: #000;
  --login-button-hover-text: #000;
  --icons-list-icon-colour: var(--colour-primary);
  --icons-list-icon-colour-2: var(--colour-primary2);
  --icons-list-icon-colour-3: var(--colour-accent2);
  --icons-list-icon-colour-4: var(--colour-primary4);
  --icons-list-icon-colour-5: var(--colour-primary3);
  --brand-lockup-mobile-height: 3rem;
  --brand-lockup-tablet-lg-height: 4rem;
  --brand-lockup-compact-height: 2.75rem;
  --toggle-button-filled-fill: rgba(250, 74, 71, .2);
  --toggle-button-filled-selected-fill: #fa4a47;
  --toggle-button-filled-selected-text: var(--button-text);
  --autocomplete-clear-button-focus-text: #fff;
  --autocomplete-clear-button-focus-fill: var(--colour-accent)
}

.BrandStyles_kidsListen__GyF1k {
  --colour-accent: #a7c94f;
  --colour-accent-active: #c4db8a;
  --colour-accent-faded: #4d621e;
  --colour-accent3: #54cbe3;
  --colour-accent3-active: #7bd8ea;
  --colour-accent3-faded: #125e6e;
  --button-fill: var(--colour-accent);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 3.5rem;
  --brand-lockup-compact-height: 3rem;
  --toggle-button-filled-fill: rgba(167, 201, 79, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal)
}

.BrandStyles_abckids__UiuAK, .BrandStyles_kidsListen__GyF1k {
  --heading-font-family: var(--dls-font-stack-rounded);
  --typography-font-family: var(--dls-font-stack-rounded);
  --colour-primary: #fa4a47;
  --colour-primary2: #00a398;
  --colour-primary3: #f06f05;
  --colour-primary4: #207ad5;
  --colour-accent2: #f5b319;
  --colour-accent2-active: #f9cf6c;
  --colour-accent2-faded: #7a5705;
  --colour-assistant: #d62000;
  --colour-assistant2: #008582;
  --colour-assistant3: #1e73c8;
  --colour-assistant-dark: #ff8c8a;
  --link-text-dark: var(--colour-assistant-dark);
  --brand-lockup-logo-colour: var(--colour-primary);
  --masthead-fill: #fff;
  --masthead-parent-fill: #f2f2f2;
  --masthead-global-nav-fill: var(--masthead-parent-fill);
  --masthead-global-nav-colour: #000;
  --masthead-text: #000;
  --masthead-brand-fill: #fff;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-cta-button-fill: var(--colour-accent);
  --masthead-cta-button-text: var(--text-accent);
  --masthead-cta-button-hover-text: #fff;
  --site-nav-item-text: #000;
  --site-nav-item-active-border-colour: transparent;
  --site-nav-item-active-focus-border-colour: transparent;
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-active-text: #fff;
  --site-nav-item-hover-border-colour: transparent;
  --site-nav-item-hover-text: var(--colour-primary);
  --site-nav-item-tablet-lg-font-size: 1.125rem;
  --site-nav-item-tablet-font-size: 1rem;
  --site-nav-item-font-size: 1rem;
  --app-link-border-radius: 0.5rem;
  --app-onward-journey-border-radius: 0.5rem;
  --back-to-top-icon-colour: var(--colour-primary);
  --more-link-icon-colour: var(--colour-primary3);
  --footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --card-image-border-radius: 1rem;
  --card-media-indicator-border-radius: 1rem;
  --card-media-indicator-text: #000;
  --card-media-indicator-fill: var(--colour-accent2);
  --card-media-indicator-hover-fill: var(--colour-assistant);
  --card-media-indicator-hover-text: #fff;
  --card-media-indicator-active-text: #fff;
  --card-media-indicator-strip-fill: var(--colour-accent2);
  --card-square-media-indicator-border-radius: 1rem;
  --content-label-border-radius: 3px;
  --schedule-date-selector-selected-fill: var(--colour-accent);
  --schedule-date-selector-selected-text: #000;
  --cookie-banner-link: var(--colour-assistant);
  --hero-download-object-button-border-radius: 1rem;
  --player-button-border-radius: 1.5rem;
  --connect-section-border-radius: 2rem;
  --promo-border-radius: 1rem;
  --promo-background-color: #fff;
  --hero-image-with-cta-button-hover-fill: var(--colour-accent);
  --hero-image-with-cta-button-hover-text: #000;
  --hit-thumbnail-border-radius: 1rem
}

.BrandStyles_abckids__UiuAK.BrandStyles_abckids__UiuAK *, .BrandStyles_kidsListen__GyF1k.BrandStyles_kidsListen__GyF1k * {
  font-family: var(--dls-font-stack-rounded)
}

.BrandStyles_abckids__UiuAK, .BrandStyles_kidsListen__GyF1k {
  scroll-margin-top: 195px
}

@media (min-width:34em) {
  .BrandStyles_abckids__UiuAK, .BrandStyles_kidsListen__GyF1k {
    scroll-margin-top: 211px
  }
}

@media (min-width:48em) {
  .BrandStyles_abckids__UiuAK, .BrandStyles_kidsListen__GyF1k {
    scroll-margin-top: 162px
  }
}

.BrandStyles_abcmusic__MTidJ {
  --colour-primary: #fdc708;
  --colour-accent: #fdc708;
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #66a8ff;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-navigation-fill: #fff;
  --masthead-parent-fill: #fdc708;
  --masthead-brand-border-bottom-colour: var(--black-05-opacity);
  --login-button-border: #fff;
  --login-button-hover-fill: #fff;
  --masthead-global-nav-fill: var(--colour-primary);
  --masthead-global-nav-colour: #000;
  --masthead-cta-arrow: var(--colour-assistant);
  --brand-lockup-mobile-height: 1.575rem;
  --brand-lockup-tablet-lg-height: 2rem;
  --brand-lockup-compact-height: 1.5rem;
  --brand-lockup-footer-height: 2.875rem;
  --brand-lockup-logo-footer-colour: #fff
}

.BrandStyles_education__2Angm {
  --colour-accent: #f4868d;
  --colour-accent-active: rgba(244, 134, 141, .7);
  --colour-accent-faded: rgba(245, 132, 140, .25);
  --colour-accent-2: #f8d087;
  --colour-accent-2-active: hsla(39, 89%, 75%, .7);
  --colour-accent-2-faded: hsla(39, 89%, 75%, .25);
  --colour-accent3: #ffad33;
  --colour-accent3-active: rgba(255, 173, 51, .7);
  --colour-accent3-faded: rgba(255, 173, 51, .25);
  --colour-accent4: #f17e04;
  --colour-accent5: #f7405c;
  --colour-accent6: #5256ad;
  --colour-accent7: #324081;
  --colour-accent8: #382791;
  --colour-accent9: #2a66a2;
  --colour-accent10: #1e195c;
  --colour-accent11: #2da98e;
  --colour-accent12: #127845;
  --colour-accent13: #ffd1d4;
  --colour-assistant: #b71f38;
  --colour-assistant-dark: #f8d087;
  --colour-primary: #f4868d;
  --text-assistant: #fff;
  --link-text-dark: var(--colour-primary);
  --text-accent: #000;
  --button-fill: var(--colour-accent-3);
  --brand-lockup-mobile-height: 1.75rem;
  --brand-lockup-tablet-lg-height: 2rem;
  --brand-lockup-compact-height: 1.5rem;
  --brand-lockup-footer-height: 3.125rem;
  --masthead-fill: #fff;
  --masthead-parent-fill: var(--colour-accent);
  --masthead-global-nav-fill: var(--masthead-parent-fill);
  --masthead-global-nav-colour: #000;
  --masthead-text: #000;
  --masthead-brand-fill: #fff;
  --masthead-brand-border-bottom-colour: #ededed;
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-cta-arrow: var(--colour-assistant);
  --site-nav-item-text: #000;
  --site-nav-item-active-border-colour: var(--colour-accent);
  --site-nav-item-active-focus-border-colour: transparent;
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-active-text: #000;
  --site-nav-item-hover-border-colour: var(--colour-accent);
  --site-nav-item-hover-text: #000;
  --login-button-border: var(--colour-assistant);
  --global-footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --footer-link-hover-text: var(--colour-assistant-dark);
  --login-button-hover-fill: var(--colour-assistant);
  --login-button-hover-text: #fff;
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_education__2Angm {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_education__2Angm {
    scroll-margin-top: 162px
  }
}

.BrandStyles_education__2Angm {
  --app-onward-journey-border-radius: 0.5rem;
  --card-image-border-radius: 0.5rem;
  --card-media-indicator-border-radius: 0.5rem;
  --card-square-media-indicator-border-radius: 0.5rem;
  --connect-section-border-radius: 0.5rem;
  --content-label-border-radius: 3px;
  --hero-download-object-button-border-radius: 0.5rem;
  --hit-thumbnail-border-radius: 0.5rem;
  --player-button-border-radius: 0.75rem;
  --notification-message-fill: var(--colour-light-charcoal);
  --notification-message-text: #fff;
  --notification-message-button-fill: var(--colour-accent);
  --notification-message-button-text: #000;
  --notification-message-icon-fill: var(--text-assistant);
  --connect-subscribe-link-text: var(--colour-assistant-dark);
  --connect-subscribe-fill: var(--colour-charcoal);
  --card-media-indicator-fill: var(--colour-primary);
  --card-media-indicator-strip-fill: var(--colour-primary);
  --card-media-indicator-hover-fill: var(--colour-accent6);
  --card-media-indicator-text: #000;
  --card-media-indicator-hover-text: #fff;
  --card-media-indicator-active-text: #fff;
  --content-label-fill: var(--colour-primary);
  --content-label-text: #000;
  --toggle-button-filled-fill: rgba(244, 134, 141, .2);
  --toggle-button-filled-selected-text: var(--colour-charcoal);
  --autocomplete-clear-button-focus-fill: var(--colour-accent13)
}

.BrandStyles_education__2Angm .customCTA {
  --notification-message-fill: #fff;
  --notification-message-panel-fill: var(--colour-accent7)
}

.BrandStyles_edpols__oFPbY {
  --autocomplete-clear-button-focus-text: #000;
  --brand-lockup-footer-height: 2rem
}

.BrandStyles_shop__RLtv2 {
  --colour-primary: #fdc708;
  --colour-accent: #fdc708;
  --colour-assistant: #0058cc;
  --colour-assistant-dark: #66a8ff;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-text: var(--colour-assistant);
  --site-navigation-fill: #fff;
  --masthead-parent-fill: #fdc708;
  --masthead-brand-border-bottom-colour: var(--black-05-opacity);
  --login-button-border: #fff;
  --login-button-hover-fill: #fff;
  --masthead-global-nav-fill: var(--colour-primary);
  --masthead-global-nav-colour: #000;
  --masthead-cta-arrow: var(--colour-assistant);
  --brand-lockup-mobile-height: 2.5rem;
  --brand-lockup-tablet-lg-height: 3.5rem;
  --brand-lockup-compact-height: 2.75rem;
  --brand-lockup-footer-height: 2.75rem;
  --brand-lockup-logo-colour: #fff;
  --brand-lockup-logo-footer-colour: var(--colour-charcoal)
}

.BrandStyles_studiosMediaProduction__pkOs5 {
  --autocomplete-clear-button-focus-text: #000;
  --masthead-brand-nav-logo-width: 28rem;
  --masthead-brand-nav-logo-compact-width: 28rem
}

.BrandStyles_newssyndication__1IVju {
  --autocomplete-clear-button-focus-text: #000;
  --masthead-brand-nav-logo-width: 25rem;
  --masthead-brand-nav-logo-compact-width: 25rem
}

.BrandStyles_radio__NOoHE {
  --colour-primary: #ed2158;
  --colour-assistant: #e7134b;
  --colour-assistant-dark: #f36d91;
  --colour-accent: #ed1d54;
  --login-button-hover-text: #fff;
  --login-button-text: #000;
  --login-dropdown-button-text: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --button-text: #fff;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_radio__NOoHE {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_radio__NOoHE {
    scroll-margin-top: 162px
  }
}

.BrandStyles_radio__NOoHE {
  --icons-list-icon-colour: var(--colour-assistant);
  --card-image-border-radius: 0.75rem;
  --card-media-indicator-border-radius: 0.75rem
}

.BrandStyles_mardigras__maHyn {
  --notification-message-fill: #fff;
  --notification-message-text: #fff;
  --notification-message-panel-fill: #e60073
}

.BrandStyles_innovationlab__b1R3y {
  --colour-primary: #0058cc;
  --colour-assistant: #0050b8;
  --colour-accent: #5284c7;
  --login-button-hover-text: #fff;
  --toggle-button-filled-selected-fill: var(--colour-assistant);
  --toggle-button-filled-selected-text: #fff;
  --toggle-button-filled-fill: rgba(0, 80, 184, .2)
}

.BrandStyles_digitalproduct__1GLZv {
  --colour-accent: #c0c0f2;
  --colour-primary: #3341ff;
  --toggle-button-filled-selected-fill: var(--colour-accent);
  --toggle-button-filled-fill: rgba(192, 192, 242, .4)
}

.BrandStyles_listenListenLiveMasthead__MkMpm {
  --masthead-fill: #fff;
  --masthead-global-nav-fill: #000;
  --masthead-brand-border-bottom-colour: var(--black-10-opacity);
  --masthead-parent-border-bottom-colour: var(--black-10-opacity);
  --masthead-text: #000;
  --masthead-brand-logo: #ed1d54;
  --text-accent: #000;
  --connect-subscribe-fill: #1e2124;
  --connect-subscribe-link-text: #4d9aff;
  --button-text: #fff;
  --login-button-hover-text: #fff;
  --login-button-text: #000;
  --login-dropdown-button-text: #000;
  --footer-link-hover-text: var(--colour-assistant-dark);
  --footer-colour-assistant: var(--colour-assistant-dark);
  --site-nav-item-text: #000;
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: var(--colour-assistant);
  --site-nav-item-hover-border-colour: var(--colour-assistant);
  --site-nav-item-hover-fill: transparent;
  --site-nav-item-hover-text: var(--colour-assistant);
  --content-label-text: #fff;
  --icons-list-icon-colour: var(--colour-assistant);
  --card-image-border-radius: 0.5rem;
  --card-media-indicator-border-radius: 0 0 0 0.5rem;
  --card-media-indicator-hover-text: #fff;
  --card-media-indicator-active-text: #fff;
  --toggle-button-filled-fill: rgba(240, 15, 79, .2);
  --toggle-button-filled-selected-text: var(--text-accent);
  scroll-margin-top: 179px
}

@media (min-width:34em) {
  .BrandStyles_listenListenLiveMasthead__MkMpm {
    scroll-margin-top: 195px
  }
}

@media (min-width:48em) {
  .BrandStyles_listenListenLiveMasthead__MkMpm {
    scroll-margin-top: 162px
  }
}

.BrandStyles_careers__e6Ch0 {
  --colour-accent: #fdc708;
  --back-to-top-icon-colour: #fdc708;
  --button-fill: #fdc708;
  --more-link-icon-colour: #fdc708;
  --site-nav-item-active-border-colour: #0058cc;
  --site-nav-item-hover-border-colour: #0058cc;
  --section-header-accent: #0058cc;
  --promo-background-color: #fff;
  --promo-border-radius: 1rem;
  --card-image-border-radius: 1rem;
  --card-media-indicator-border-radius: 1rem;
  --marketing-blurb-border-radius: 1rem;
  --marketing-blurb-layout-width: 75rem;
  --marketing-blurb-layout-width-desktop-min: 62rem;
  --marketing-blurb-layout-padding: 1rem;
  --marketing-blurb-layout-display: "block"
}

.BrandStyles_gives__WjuUJ {
  --brand-lockup-logo-colour: #000
}

.BrandStyles_hottest10024__EI47S, .BrandStyles_hottest100__doZ8c {
  --colour-primary: #ff8324;
  --colour-assistant-dark: #f56a00;
  --colour-assistant: #b35c1a;
  --colour-accent: var(--colour-primary);
  --text-accent: #000;
  --button-disabled-fill: #fff;
  --button-ghost-text: var(--colour-assistant);
  --button-ghost-border: var(--colour-assistant);
  --countdown-bg: linear-gradient(180deg, #efdbf0 22%, #ffefdd 40%, #fff 55%, #fff 59%, #ffefdd 80%, #efdbf0);
  --button-fill: var(--colour-primary);
  --button-text: var(--text-accent);
  --button-filled-active-fill: #fff;
  --button-filled-active-text: var(--text-accent);
  --masthead-cta-button-fill: var(--colour-primary);
  --masthead-cta-button-text: var(--text-accent);
  --site-nav-item-active-border-colour: var(--colour-assistant);
  --site-nav-item-active-text: #000;
  --site-nav-item-hover-border-colour: var(--colour-primary);
  --site-nav-item-hover-text: #000;
  --footer-colour-assistant: var(--colour-assistant-dark);
  --submit-button-border-radius: 4px;
  --connect-social-fill: var(--colour-primary);
  --connect-social-text: var(--text-accent);
  --connect-subscribe-button-fill: var(--colour-primary);
  --connect-subscribe-button-text: var(--text-accent);
  --connect-section-border-radius: 0.5rem;
  --keydates-monthday-colour: var(--colour-assistant);
  --timezone-popover-options-button-focus-text: var(--text-accent);
  --timezone-popover-options-button-active-text: var(--text-accent);
  --marketing-blurb-layout-display: inline-block;
  --marketing-blurb-layout-padding: 2rem;
  --marketing-blurb-layout-mobile-padding: 0;
  --marketing-blurb-border-radius: 0.5rem;
  --marketing-blurb-container-border-radius: 0.5rem;
  --notification-message-panel-fill: var(--colour-primary);
  --notification-message-fill: transparent;
  --notification-message-text: var(--text-accent);
  --notification-message-button-fill: #fff;
  --notification-message-button-text: var(--colour-assistant);
  --notification-message-button-radius: 0.5rem;
  --notification-message-message-text-font-size-desktop: 1.25em;
  --notification-message-message-text-line-height-desktop: 1.5;
  --notification-message-message-text-font-size-mobile: 1em;
  --notification-message-message-text-line-height-mobile: 1.5em;
  --notification-message-title-text-font-size-desktop: 1.25em;
  --notification-message-title-text-line-height-desktop: 1.56em;
  --notification-message-title-text-font-size-mobile: 1.125em;
  --notification-message-title-text-line-height-mobile: 1.375em;
  --collapsible-toggle-bg: #fff;
  --collapsible-panel-bg: #fff;
  --collapsible-toggle-expanded-bg: #fff;
  --teaser-navigator-table-even-bg: var(--black-05);
  --teaser-navigator-table-odd-bg: #fff;
  --countdown-ticker-unit-size: 2rem;
  --countdown-ticker-unit-bg: #fff;
  --countdown-ticker-unit-radius: 0.5rem;
  --countdown-ticker-digits-color: #a84900;
  --countdown-ticker-digits-bg: transparent;
  --countdown-ticker-unit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .05);
  --overflow-gradient-middle: var(--white-50-opacity);
  --overflow-gradient-end: var(--white-80-opacity);
  --connect-subscribe-link-text: var(--colour-primary);
  --marketing-blurb-button-fill: var(--colour-assistant);
  --marketing-blurb-button-text: #fff;
  --vertical-video-player-border-radius: 0.5em
}

@media (min-width:75em) {
  .BrandStyles_hottest10024__EI47S, .BrandStyles_hottest100__doZ8c {
    --countdown-ticker-unit-size: 4rem
  }
}

.GlobalStyles_dls__oymTZ {
  font-family: var(--dls-font-stack-sans);
  font-size: 1rem;
  line-height: 1.5rem
}

.GlobalStyles_dls__oymTZ * {
  box-sizing: border-box
}

.GlobalStyles_dls__oymTZ sup {
  line-height: 0
}

@media (forced-colors:active) {
  .GlobalStyles_dls__oymTZ svg {
    forced-color-adjust: auto
  }
}

@media (max-width:33.9375em) {
  .GlobalStyles_dls__oymTZ a:not([href])[id]:empty, .GlobalStyles_dls__oymTZ div[id]:empty {
    display: block;
    position: relative;
    top: -2.7rem
  }
}

@page {
  margin: 15mm
}

@media print {
  .GlobalStyles_dls__oymTZ {
    font-size: 14px
  }

  .print-text-only .GlobalStyles_dls__oymTZ [data-embed], .print-text-only .GlobalStyles_dls__oymTZ [data-print=inline-media], .print-text-only .GlobalStyles_dls__oymTZ img {
    display: none
  }
}

.InfoTooltip_tooltip__DwcE9 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  border: 0;
  background-color: var(--black-70-opacity);
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
  outline: none;
  align-items: center
}

.InfoTooltip_tooltip__DwcE9.InfoTooltip_collection__aSVud {
  left: 0;
  right: auto
}

.InfoTooltip_tooltip__DwcE9.InfoTooltip_collection__aSVud svg {
  color: #9fcfd6
}

.InfoTooltip_visible__n_ZvN.InfoTooltip_tooltip__DwcE9, [data-uri]:hover>.InfoTooltip_container__PB13g>.InfoTooltip_tooltip__DwcE9 {
  display: flex
}

.InfoTooltip_tooltip__DwcE9 button {
  border: 0;
  padding: .1875rem .25rem;
  background-color: transparent;
  outline: none;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer
}

.InfoTooltip_info__fK3wd {
  padding-left: .25rem;
  line-height: 0;
  min-width: 5.5rem
}

.InfoTooltip_icon__irJKO {
  width: 1.25rem;
  height: 1.25rem
}

.InfoTooltip_selectable__y9V1e {
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  padding: .25rem .3125rem .3125rem
}

.InfoTooltip_selectable__y9V1e::-moz-selection {
  color: #000;
  background-color: #add8e6
}

.InfoTooltip_selectable__y9V1e::selection {
  color: #000;
  background-color: #add8e6
}

.icon_icon__9kCSO {
  line-height: 0
}

.icon_size16__Lso8B {
  font-size: 1rem
}

.icon_size20__HIjI5 {
  font-size: 1.25rem
}

.icon_size24__GkyQ9 {
  font-size: 1.5rem
}

.icon_size32__l0CQW {
  font-size: 2rem
}

.icon_size36__cP81u {
  font-size: 2.25rem
}

.icon_size40__JFpPz {
  font-size: 2.5rem
}

.icon_size48__czgkD {
  font-size: 3rem
}

@font-face {
  font-family: ABCSans;
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/abcsansnova-light.woff2) format("woff2"), url(../fonts/abcsansnova-light.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/abcsansnova-regular.woff2) format("woff2"), url(../fonts/abcsansnova-regular.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/abcsansnova-bold.woff2) format("woff2"), url(../fonts/abcsansnova-bold.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 800;
  font-style: normal;
  src: url(../fonts/abcsansnova-black.woff2) format("woff2"), url(../fonts/abcsansnova-black.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 300;
  font-style: italic;
  src: url(../fonts/abcsansnova-lightitalic.woff2) format("woff2"), url(../fonts/abcsansnova-lightitalic.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 400;
  font-style: italic;
  src: url(../fonts/abcsansnova-italic.woff2) format("woff2"), url(../fonts/abcsansnova-italic.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 700;
  font-style: italic;
  src: url(../fonts/abcsansnova-bolditalic.woff2) format("woff2"), url(../fonts/abcsansnova-bolditalic.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans;
  font-weight: 800;
  font-style: italic;
  src: url(../fonts/abcsansnova-blackitalic.woff2) format("woff2"), url(../fonts/abcsansnova-blackitalic.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Condensed;
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/abcsansnova-condensedlight.woff2) format("woff2"), url(../fonts/abcsansnova-condensedlight.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Condensed;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/abcsansnova-condensedbold.woff2) format("woff2"), url(../fonts/abcsansnova-condensedbold.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Condensed;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/abcsansnova-condensedbold.woff2) format("woff2"), url(../fonts/abcsansnova-condensedbold.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Condensed;
  font-weight: 800;
  font-style: normal;
  src: url(../fonts/abcsansnova-condensedbold.woff2) format("woff2"), url(../fonts/abcsansnova-condensedbold.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Rounded;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/abcsansnova-rounded.woff2) format("woff2"), url(../fonts/abcsansnova-rounded.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Rounded;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/abcsansnova-roundedbold.woff2) format("woff2"), url(../fonts/abcsansnova-roundedbold.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Tabbed;
  font-weight: 300;
  font-style: normal;
  src: url(../fonts/abcsans-light-tabnumbers.woff2) format("woff2"), url(../fonts/abcsans-light-tabnumbers.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Tabbed;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/abcsans-regular-tabnumbers.woff2) format("woff2"), url(../fonts/abcsans-regular-tabnumbers.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Tabbed;
  font-weight: 400;
  font-style: italic;
  src: url(../fonts/abcsans-regularitalic-tabnumbers.woff2) format("woff2"), url(../fonts/abcsans-regularitalic-tabnumbers.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Tabbed;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/abcsans-bold-tabnumbers.woff2) format("woff2"), url(../fonts/abcsans-bold-tabnumbers.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSans Tabbed;
  font-weight: 800;
  font-style: normal;
  src: url(../fonts/abcsans-black-tabnumbers.woff2) format("woff2"), url(../fonts/abcsans-black-tabnumbers.woff) format("woff");
  font-display: swap
}

@font-face {
  font-family: ABCSerif;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/abcserif-regular.woff2) format("woff2"), url(../fonts/abcserif-regular.woff) format("woff")
}

@font-face {
  font-family: ABCSerif;
  font-weight: 400;
  font-style: italic;
  src: url(../fonts/abcserif-regular_italic.woff2) format("woff2"), url(../fonts/abcserif-regular_italic.woff) format("woff")
}

@font-face {
  font-family: ABCSerif;
  font-weight: 700;
  font-style: normal;
  src: url(../fonts/abcserif-bold.woff2) format("woff2"), url(../fonts/abcserif-bold.woff) format("woff")
}

:root {
  --text-primary: #000;
  --text-accent: #000;
  --text-assistant: #fff;
  --tint-1: #333;
  --tint-2: #666;
  --tint-3: #999;
  --tint-4: #ccc;
  --tint-5: #e6e6e6;
  --tint-6: #f2f2f2;
  --colour-tap-highlight: rgba(15, 116, 179, .5);
  --colour-visited: #300099;
  --colour-visited-faded: #c3b1ec;
  --colour-error: #db2100;
  --colour-valid: #2f7f33;
  --colour-emergency-extreme: #d31717;
  --colour-emergency-severe: #ff9d47;
  --colour-emergency-moderate: #fbe032;
  --colour-emergency-minor: #fff;
  --colour-emergency-blue: #0058cc;
  --black-90: #1a1a1a;
  --black-90-opacity: rgba(0, 0, 0, .9);
  --black-80: #333;
  --black-80-opacity: rgba(0, 0, 0, .8);
  --black-70: #4d4d4d;
  --black-70-opacity: rgba(0, 0, 0, .7);
  --black-60: #666;
  --black-60-opacity: rgba(0, 0, 0, .6);
  --black-50: grey;
  --black-50-opacity: rgba(0, 0, 0, .5);
  --black-40: #999;
  --black-40-opacity: rgba(0, 0, 0, .4);
  --black-30: #b3b3b3;
  --black-30-opacity: rgba(0, 0, 0, .3);
  --black-20: #ccc;
  --black-20-opacity: rgba(0, 0, 0, .2);
  --black-10: #e6e6e6;
  --black-10-opacity: rgba(0, 0, 0, .1);
  --black-05: #f2f2f2;
  --black-05-opacity: rgba(0, 0, 0, .05);
  --white-90: #e6e6e6;
  --white-90-opacity: hsla(0, 0%, 100%, .9);
  --white-80: #ccc;
  --white-80-opacity: hsla(0, 0%, 100%, .8);
  --white-70: #b3b3b3;
  --white-70-opacity: hsla(0, 0%, 100%, .7);
  --white-60: #999;
  --white-60-opacity: hsla(0, 0%, 100%, .6);
  --white-50: grey;
  --white-50-opacity: hsla(0, 0%, 100%, .5);
  --white-40: #666;
  --white-40-opacity: hsla(0, 0%, 100%, .4);
  --white-30: #4d4d4d;
  --white-30-opacity: hsla(0, 0%, 100%, .3);
  --white-20: #333;
  --white-20-opacity: hsla(0, 0%, 100%, .2);
  --white-10: #1a1a1a;
  --white-10-opacity: hsla(0, 0%, 100%, .1);
  --white-05: #0d0d0d;
  --white-05-opacity: hsla(0, 0%, 100%, .05);
  --colour-aa: #636363;
  --colour-charcoal: #2b3136;
  --colour-dark-charcoal: #1e2124;
  --colour-light-charcoal: #3f454a;
  --grey-border: var(--black-10);
  --grey-border-dark: var(--white-20);
  --dls-font-stack-condensed: "abcsans condensed", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
  --dls-font-stack-rounded: "abcsans rounded", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
  --dls-font-stack-sans: "abcsans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;
  --dls-font-stack-serif: "abcserif", "Book Anitqua", "Palatino Linotype", palatino, serif;
  --dls-font-stack-monospace: "abcsans tabbed", monospace;
  --tab-outline-width: 2px;
  --tab-outline-style: solid;
  --default-tab-outline-colour: #fff;
  --tab-neg-offset: -4px;
  --tab-no-offset: 0;
  --tab-offset: 2px;
  --default-tab-shadow-props: 0 0 0 4px;
  --dls-link-transition: color 0.2s ease-out, border-color 0.2s ease-out, border-radius 0.2s ease-out, background-color 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.2s ease-out, text-decoration 0.2s ease-out;
  --dls-easing-linear: cubic-bezier(0, 0, 1, 1);
  --dls-easing-standard: cubic-bezier(0.25, 0.1, 0.25, 1.0);
  --dls-easing-accelerate: cubic-bezier(0.42, 0, 1, 1);
  --dls-easing-decelerate: cubic-bezier(0, 0, 0.58, 1);
  --dls-easing-inout: cubic-bezier(0.42, 0, 0.58, 1);
  --dls-easing-overshoot: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dls-easing-anticipate: cubic-bezier(0.36, 0, 0.66, -0.56);
  --dls-easing-bounce: cubic-bezier(0.68, -0.6, 0.32, 1.6);
  --dls-easing-delay: cubic-bezier(0.25, 0.1, 0.25, 1.0);
  --dls-duration-xxs: 100ms;
  --dls-duration-xs: 150ms;
  --dls-duration-sm: 200ms;
  --dls-duration-md: 300ms;
  --dls-duration-lg: 400ms;
  --dls-duration-xl: 450ms;
  --dls-duration-xxl: 500ms;
  --dls-box-shadow-xs: 0 2px 2px rgba(0, 0, 0, .05);
  --dls-box-shadow-sm: 0 1px 4px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .05);
  --dls-box-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .05);
  --dls-box-shadow-lg: 0 10px 16px -4px rgba(0, 0, 0, .1), 0 4px 8px -2px rgba(0, 0, 0, .05);
  --dls-box-shadow-xl: 0 20px 24px -4px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .05);
  --dls-box-shadow-xxl: 0 24px 48px -12px rgba(0, 0, 0, .25);
  --dls-box-shadow-dark-xs: 0 2px 2px 0 rgba(0, 0, 0, .15);
  --dls-box-shadow-dark-sm: 0 1px 4px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .15);
  --dls-box-shadow-dark-md: 0 4px 6px -1px rgba(0, 0, 0, .2), 0 2px 4px -1px rgba(0, 0, 0, .15);
  --dls-box-shadow-dark-lg: 0 10px 16px -4px rgba(0, 0, 0, .2), 0 4px 8px -2px rgba(0, 0, 0, .15);
  --dls-box-shadow-dark-xl: 0 20px 24px -4px rgba(0, 0, 0, .2), 0 12px 12px -6px rgba(0, 0, 0, .15);
  --dls-box-shadow-dark-xxl: 0 24px 48px -12px rgba(0, 0, 0, .35)
}

html {
  font-size: var(--html-font-size, 16px)
}

body {
  margin: 0;
  padding: 0
}

:root {
  --brand-asia-foreground: #fff;
  --brand-asia-background: #00853c;
  --brand-btn-foreground: #000;
  --brand-btn-background: #ff6a14;
  --brand-classic-foreground: #fff;
  --brand-classic-background: #008a94;
  --brand-country-foreground: #fff;
  --brand-country-background: #09686d;
  --brand-doublej-foreground: #fff;
  --brand-doublej-background: #2b3136;
  --brand-education-foreground: #fff;
  --brand-education-background: #2a66a2;
  --brand-heywire-foreground: #fff;
  --brand-heywire-background: #222055;
  --brand-iview-foreground: #fff;
  --brand-iview-background: #1e2124;
  --brand-iview-light-background: #22ddd9;
  --brand-jazz-foreground: #fff;
  --brand-jazz-background: #244794;
  --brand-kids-foreground: #fff;
  --brand-kids-background: #207ad5;
  --brand-listen-foreground: #fff;
  --brand-listen-background: #e7134b;
  --brand-local-foreground: #fff;
  --brand-local-background: #2b3136;
  --brand-master-foreground: #000;
  --brand-master-background: #fdc708;
  --brand-music-background: #fafafa;
  --brand-news-foreground: #000;
  --brand-news-background: #00d0ff;
  --brand-purple-foreground: #fff;
  --brand-purple-background: #5a09fb;
  --brand-hottest10024-foreground: #fff;
  --brand-hottest10024-background: #ff8324;
  --brand-triplej-foreground: #fff;
  --brand-triplej-background: #e03124;
  --brand-triplejhottest-foreground: #fff;
  --brand-triplejhottest-background: #36340d;
  --brand-triplejunearthed-foreground: #fff;
  --brand-triplejunearthed-background: #47822b;
  --brand-pacific-foreground: #fff;
  --brand-pacific-background: #1c1f59;
  --brand-commercial-background: #fafafa
}

.Loading_loading__21MZU {
  display: flex;
  color: var(--text-primary, initial);
  flex-shrink: 1;
  align-items: center
}

.Loading_spinner__zmkAw {
  display: inline-block;
  border: 2px solid;
  border-radius: 50%;
  flex: none;
  animation: Loading_load__TNhOH 1s linear infinite
}

.Loading_spinnerColourWhite__wZhdC {
  border-color: hsla(0, 0%, 100%, .25) hsla(0, 0%, 100%, .25) hsla(0, 0%, 100%, .25) #fff
}

.Loading_spinnerColourDark__Cjbyo {
  border-color: rgba(43, 49, 54, .3) rgba(43, 49, 54, .3) rgba(43, 49, 54, .3) rgba(43, 49, 54, .6)
}

.Loading_spinnerColourBrand__CqEIF {
  border-color: var(--loading-secondary-fill, var(--colour-accent-faded));
  border-left-color: var(--loading-fill, var(--colour-accent))
}

.Loading_spinnerSize16__nOTXx {
  width: 1rem;
  height: 1rem
}

.Loading_spinnerSize32__Z_XId {
  width: 2rem;
  height: 2rem
}

.Loading_spinnerSize48__TxVw6 {
  width: 3rem;
  height: 3rem
}

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

  to {
    transform: rotate(1turn)
  }
}

.Loading_label__cTH1q {
  display: inline-block;
  margin-left: .66rem
}

.ScreenReaderOnly_srOnly__bnJwm {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.ScreenReaderOnly_focusable__WHXdi:active, .ScreenReaderOnly_focusable__WHXdi:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

@media (max-width:33.9375em) {
  .ScreenReaderOnly_uptoMobileMax__TrMBr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
  }
}

.ScreenReaderOnly_srLinkHint__OysWz[href^=http]:not([href*="abc.net.au"]):before, .ScreenReaderOnly_srLinkHint__OysWz[target=_blank]:before {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px)
}

.ScreenReaderOnly_srLinkHint__OysWz[href^=http]:not([href*="abc.net.au"]):before {
  content: "(external link)"
}

.ScreenReaderOnly_srLinkHint__OysWz[target=_blank]:before {
  content: "(opens in a new tab)"
}

.ScreenReaderOnly_srLinkHint__OysWz[href^=http][target=_blank]:not([href*="abc.net.au"]):before {
  content: "(external link, opens in a new tab)"
}

.NotificationsProvider_container__xddr_ {
  position: fixed;
  z-index: 999;
  margin: 24px
}

.NotificationsProvider_top__h7qib {
  top: 0
}

.NotificationsProvider_bottom__gngLb, .NotificationsProvider_top__h7qib {
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center
}

.NotificationsProvider_bottom__gngLb {
  bottom: 0
}

.NotificationsProvider_topLeft__bUKcq {
  top: 0;
  left: 0
}

.NotificationsProvider_topRight__WEhf_ {
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.NotificationsProvider_bottomLeft__Zw_iN {
  bottom: 0;
  left: 0
}

.NotificationsProvider_bottomRight__nxI7Z {
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

@keyframes NotificationsProvider_fadeIn__x5TEJ {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.NotificationsProvider_notification__Iu9Gs {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 4px 6px -1px var(--black-10-opacity), 0 2px 4px -1px var(--black-05-opacity)
}

.NotificationsProvider_notification__Iu9Gs:not(:last-of-type) {
  margin-bottom: 24px
}

.Notification_container__1Ygcz {
  --background-colour: var(--notification-component-fill, #fff);
  --text-colour: var(--notification-component-text, #000);
  background-color: var(--background-colour);
  color: var(--text-colour);
  font-size: 14px;
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr min-content;
  grid-template-rows: min-content min-content;
  place-items: center left
}

@media (min-width:34em) {
  .Notification_container__1Ygcz {
    grid-template-columns: auto 1fr min-content
  }
}

.Notification_subgrid__2mprd {
  display: grid;
  max-width: 37.5rem;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content;
  grid-row: 1;
  grid-column: 1/3
}

@media (min-width:34em) {
  .Notification_subgrid__2mprd {
    grid-row: 1/3;
    grid-column: 1
  }
}

.Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #fff);
  color: var(--icon-colour);
  grid-row: 1;
  grid-column: 1;
  margin-right: .625rem
}

.Notification_message__zI9nP, .Notification_title__LSINs {
  margin: 0;
  font-size: 14px;
  grid-row: 1;
  grid-column: 2
}

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

@media (min-width:34em) {
  .Notification_message__zI9nP {
    display: block;
    grid-column: 2
  }
}

.Notification_message__zI9nP.Notification_withTitle__WQ6Rq {
  grid-row: 2;
  grid-column: 1/3
}

@media (min-width:34em) {
  .Notification_message__zI9nP.Notification_withTitle__WQ6Rq {
    grid-column: 2
  }
}

.Notification_linkButton__4orT6 {
  height: 24px;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 20px;
  padding: 0;
  border-bottom: 1px solid var(--tint-4);
  border-radius: 0;
  font-weight: 700;
  margin-top: .75rem
}

.Notification_linkButton__4orT6:hover {
  border-radius: 0;
  text-decoration: none
}

.Notification_linkButton__4orT6:active, .Notification_linkButton__4orT6:active:focus, .Notification_linkButton__4orT6:focus {
  text-decoration: none;
  background-color: transparent;
  color: var(--link-text, var(--colour-assistant));
  border-bottom: 1px solid var(--black-20-opacity)
}

@media (min-width:34em) {
  .Notification_linkButton__4orT6 {
    margin-top: 0;
    margin-left: .5rem
  }
}

.Notification_filledButton__6fXQa {
  width: 100%;
  grid-row: 2;
  grid-column: 1/4;
  margin-top: 1rem
}

@media (min-width:34em) {
  .Notification_filledButton__6fXQa {
    width: max-content;
    grid-row: 1/3;
    grid-column: 2;
    margin-top: 0;
    margin-left: 1rem
  }
}

.Notification_closeButton__vKwPq {
  --button-active-fill: rgba(0, 0, 0, .75);
  --tab-box-shadow: none;
  --tab-no-offset: 2px;
  grid-row: 1;
  grid-column: 3;
  align-self: start
}

.Notification_low__h3OUk .Notification_closeButton__vKwPq, .Notification_medium__sKcv5 .Notification_closeButton__vKwPq {
  --button-text: #fff;
  --button-fill: #000;
  --tab-outline-colour: var(--colour-assistant)
}

.Notification_high__NuNUW .Notification_closeButton__vKwPq {
  --button-text: #000;
  --button-fill: #fff;
  --tab-outline-colour: #fff
}

.Notification_low__h3OUk {
  --background-colour: var(--notification-component-fill, #fff)
}

.Notification_high__NuNUW {
  --text-colour: var(--notification-component-text, #fff)
}

.Notification_info__eRFZl.Notification_medium__sKcv5 {
  --background-colour: var(--notification-component-fill, #d8e6f8)
}

.Notification_info__eRFZl.Notification_high__NuNUW {
  --background-colour: var(--notification-component-fill, #0058cc)
}

.Notification_info__eRFZl.Notification_low__h3OUk .Notification_icon__Sda6a, .Notification_info__eRFZl.Notification_medium__sKcv5 .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #0058cc)
}

.Notification_success__IyD5Z.Notification_medium__sKcv5 {
  --background-colour: var(--notification-component-fill, #dfece0)
}

.Notification_success__IyD5Z.Notification_high__NuNUW {
  --background-colour: var(--notification-component-fill, #2f7f33)
}

.Notification_success__IyD5Z.Notification_low__h3OUk .Notification_icon__Sda6a, .Notification_success__IyD5Z.Notification_medium__sKcv5 .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #2f7f33)
}

.Notification_warning__FrUKt.Notification_medium__sKcv5 {
  --background-colour: var(--notification-component-fill, #fff7db)
}

.Notification_warning__FrUKt.Notification_high__NuNUW {
  --background-colour: var(--notification-component-fill, #fdc708);
  --text-colour: var(--notification-component-text, #000)
}

.Notification_warning__FrUKt.Notification_low__h3OUk .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #636363)
}

.Notification_warning__FrUKt.Notification_high__NuNUW .Notification_icon__Sda6a, .Notification_warning__FrUKt.Notification_medium__sKcv5 .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #000)
}

.Notification_error__ZfKw4.Notification_medium__sKcv5 {
  --background-colour: var(--notification-component-fill, #fae0db)
}

.Notification_error__ZfKw4.Notification_high__NuNUW {
  --background-colour: var(--notification-component-fill, #db2100)
}

.Notification_error__ZfKw4.Notification_low__h3OUk .Notification_icon__Sda6a, .Notification_error__ZfKw4.Notification_medium__sKcv5 .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #db2100)
}

.Notification_neutral__dgbeH.Notification_medium__sKcv5 {
  --background-colour: var(--notification-component-fill, #e6e6e6)
}

.Notification_neutral__dgbeH.Notification_high__NuNUW {
  --background-colour: var(--notification-component-fill, #636363)
}

.Notification_neutral__dgbeH.Notification_low__h3OUk .Notification_icon__Sda6a, .Notification_neutral__dgbeH.Notification_medium__sKcv5 .Notification_icon__Sda6a {
  --icon-colour: var(--notification-component-icon, #636363)
}

h1.Typography_normalise__u5o1s, h2.Typography_normalise__u5o1s, h3.Typography_normalise__u5o1s, h4.Typography_normalise__u5o1s, h5.Typography_normalise__u5o1s, h6.Typography_normalise__u5o1s {
  margin-top: 0
}

.Typography_sizeMobile12__w_FPC {
  font-size: .75rem
}

.Typography_sizeMobile14__u7TGe {
  font-size: .875rem
}

.Typography_sizeMobile16__RyQmM {
  font-size: 1rem
}

.Typography_sizeMobile18__eJCIB {
  font-size: 1.125rem
}

.Typography_sizeMobile20__NUDn4 {
  font-size: 1.25rem
}

.Typography_sizeMobile24__GzKLB {
  font-size: 1.5rem
}

.Typography_sizeMobile28__HuR_f {
  font-size: 1.75rem
}

.Typography_sizeMobile32__6JQ9G {
  font-size: 2rem
}

.Typography_sizeMobile36__gB2XS {
  font-size: 2.25rem
}

.Typography_sizeMobile40__94quB {
  font-size: 2.5rem
}

.Typography_sizeMobile48__GBl0j {
  font-size: 3rem
}

.Typography_sizeMobile56__zyfX3 {
  font-size: 3.5rem
}

.Typography_sizeMobile64__ZO_AS {
  font-size: 4rem
}

.Typography_sizeMobile72__W_xIg {
  font-size: 4.5rem
}

.Typography_sizeMobile80__0APZp {
  font-size: 5rem
}

@media (min-width:48em) {
  .Typography_sizeDesktop12__iauRA {
    font-size: .75rem
  }

  .Typography_sizeDesktop14__5MWmP {
    font-size: .875rem
  }

  .Typography_sizeDesktop16__zyLf4 {
    font-size: 1rem
  }

  .Typography_sizeDesktop18__sE9ns {
    font-size: 1.125rem
  }

  .Typography_sizeDesktop20___6qCS {
    font-size: 1.25rem
  }

  .Typography_sizeDesktop24__mJJ8n {
    font-size: 1.5rem
  }

  .Typography_sizeDesktop28__Nc4XL {
    font-size: 1.75rem
  }

  .Typography_sizeDesktop32__LR_G6 {
    font-size: 2rem
  }

  .Typography_sizeDesktop36__r8Mp_ {
    font-size: 2.25rem
  }

  .Typography_sizeDesktop40__c39F8 {
    font-size: 2.5rem
  }

  .Typography_sizeDesktop48__7hlaA {
    font-size: 3rem
  }

  .Typography_sizeDesktop56__aN2A2 {
    font-size: 3.5rem
  }

  .Typography_sizeDesktop64__I0xas {
    font-size: 4rem
  }

  .Typography_sizeDesktop72__XL_v_ {
    font-size: 4.5rem
  }

  .Typography_sizeDesktop80__8yMKW {
    font-size: 5rem
  }
}

.Typography_sizeTv12__pVf4c {
  font-size: .75rem
}

.Typography_sizeTv20___5LEK {
  font-size: 1.25rem
}

.Typography_sizeTv24__3Oelp {
  font-size: 1.5rem
}

.Typography_sizeTv26__iHdRe {
  font-size: 1.625rem
}

.Typography_sizeTv30__JRZjd {
  font-size: 1.875rem
}

.Typography_sizeTv32__SrHby {
  font-size: 2rem
}

.Typography_sizeTv48__VfbJE {
  font-size: 3rem
}

.Typography_sizeTv72__nVYFM {
  font-size: 4.5rem
}

.Typography_sizeTv96__1UHDd {
  font-size: 6rem
}

.Typography_lineHeightMobile12__34R9_ {
  line-height: .75rem
}

.Typography_lineHeightMobile14__qdqYi {
  line-height: .875rem
}

.Typography_lineHeightMobile16__Acyvt {
  line-height: 1rem
}

.Typography_lineHeightMobile18__XrvSh {
  line-height: 1.125rem
}

.Typography_lineHeightMobile20___U7Vr {
  line-height: 1.25rem
}

.Typography_lineHeightMobile24__crkfh {
  line-height: 1.5rem
}

.Typography_lineHeightMobile28__58YCp {
  line-height: 1.75rem
}

.Typography_lineHeightMobile32__IFQbj {
  line-height: 2rem
}

.Typography_lineHeightMobile36__7_Wga {
  line-height: 2.25rem
}

.Typography_lineHeightMobile40__S3XDe {
  line-height: 2.5rem
}

.Typography_lineHeightMobile48__xks5l {
  line-height: 3rem
}

.Typography_lineHeightMobile56__TProK {
  line-height: 3.5rem
}

.Typography_lineHeightMobile64__yUGLC {
  line-height: 4rem
}

.Typography_lineHeightMobile72__JG80A {
  line-height: 4.5rem
}

.Typography_lineHeightMobile80__RdCwE {
  line-height: 5rem
}

.Typography_lineHeightMobile96__ySxFB {
  line-height: 6rem
}

.Typography_marginBottomMobileDefault__HbZFN {
  margin-bottom: 1.5rem
}

.Typography_marginBottomMobileSmall__6wx7m {
  margin-bottom: 1rem
}

.Typography_marginBottomMobileLarge__UG2Vb {
  margin-bottom: 2rem
}

@media (min-width:48em) {
  .Typography_lineHeightDesktop12__iLGbn {
    line-height: .75rem
  }

  .Typography_lineHeightDesktop14__txnUx {
    line-height: .875rem
  }

  .Typography_lineHeightDesktop16__eRkjh {
    line-height: 1rem
  }

  .Typography_lineHeightDesktop18__sFPxK {
    line-height: 1.125rem
  }

  .Typography_lineHeightDesktop20__8Nc0i {
    line-height: 1.25rem
  }

  .Typography_lineHeightDesktop24__Fh_y5 {
    line-height: 1.5rem
  }

  .Typography_lineHeightDesktop28__QwgmY {
    line-height: 1.75rem
  }

  .Typography_lineHeightDesktop32__ceKem {
    line-height: 2rem
  }

  .Typography_lineHeightDesktop36__PAEA8 {
    line-height: 2.25rem
  }

  .Typography_lineHeightDesktop40__BuoRf {
    line-height: 2.5rem
  }

  .Typography_lineHeightDesktop48__RCwwV {
    line-height: 3rem
  }

  .Typography_lineHeightDesktop56__4IeL6 {
    line-height: 3.5rem
  }

  .Typography_lineHeightDesktop64__D04iD {
    line-height: 4rem
  }

  .Typography_lineHeightDesktop72__kjLsJ {
    line-height: 4.5rem
  }

  .Typography_lineHeightDesktop80__LzF_H {
    line-height: 5rem
  }

  .Typography_lineHeightDesktop96__673p7 {
    line-height: 6rem
  }
}

.Typography_lineHeightTv24__Y4BFO {
  line-height: 1.5rem
}

.Typography_lineHeightTv30__9HVjs {
  line-height: 1.875rem
}

.Typography_lineHeightTv32__ckQAk {
  line-height: 2rem
}

.Typography_lineHeightTv35__V1_iF {
  line-height: 2.1875rem
}

.Typography_lineHeightTv38__k117B {
  line-height: 2.375rem
}

.Typography_lineHeightTv40__PlNNV {
  line-height: 2.5rem
}

.Typography_lineHeightTv56__UE6uV {
  line-height: 3.5rem
}

.Typography_lineHeightTv84__71gig {
  line-height: 5.25rem
}

.Typography_lineHeightTv105__x6oCg {
  line-height: 6.5625rem
}

@media (min-width:48em) {
  .Typography_marginBottomDesktopDefault__mvZlS {
    margin-bottom: 1.5rem
  }

  .Typography_marginBottomDesktopSmall__CboX4 {
    margin-bottom: 1rem
  }

  .Typography_marginBottomDesktopLarge__AgUuW {
    margin-bottom: 2rem
  }
}

.Typography_marginBottomTvDefault__XglWX {
  margin-bottom: 1.5rem
}

.Typography_marginBottomTvSmall__XSUV6 {
  margin-bottom: 1rem
}

.Typography_marginBottomTvLarge__w4XZQ {
  margin-bottom: 3rem
}

.Typography_light__Oi8NR {
  font-weight: var(--typography-font-weight, 300)
}

.Typography_regular__WeIG6 {
  font-weight: var(--typography-font-weight, 400)
}

.Typography_bold__FqafP {
  font-weight: var(--typography-font-weight, bold)
}

.Typography_black__9qnZ1 {
  font-weight: var(--typography-font-weight, 800)
}

.Typography_colourInherit__dfnUx {
  color: inherit
}

.Typography_colourFill__3ovTD {
  color: var(--colour-accent)
}

.Typography_colourLink__KV5i3 {
  color: var(--link-text, var(--colour-assistant))
}

.Typography_letterSpacedNone__rZ0yQ {
  letter-spacing: normal
}

.Typography_letterSpacedNone__rZ0yQ, .Typography_letterSpacedSm__V8kil {
  font-feature-settings: "liga", "clig off";
  font-variant-ligatures: no-common-ligatures
}

.Typography_letterSpacedSm__V8kil {
  letter-spacing: .03125rem
}

.Typography_letterSpacedLg__pfHEw {
  letter-spacing: .125rem;
  font-feature-settings: "liga", "clig off";
  font-variant-ligatures: no-common-ligatures
}

.Typography_base__sj2RP {
  font-family: var(--typography-font-family, var(--dls-font-stack-sans))
}

.Typography_rounded__rfefe {
  font-family: var(--dls-font-stack-rounded)
}

.Typography_condensed__xQvqj {
  font-family: var(--dls-font-stack-condensed)
}

.Typography_tabularNums__YeIHc {
  font-family: var(--dls-font-stack-monospace)
}

.Typography_serif__qU2V5 {
  font-family: var(--dls-font-stack-serif)
}

.Typography_truncateText__aT6Ro {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.Typography_focusReset__A3Rkl {
  box-shadow: none;
  background: none
}

.Typography_uppercase__DtbvY {
  text-transform: uppercase
}

.Typography_condensed__xQvqj.Typography_black__9qnZ1, .Typography_condensed__xQvqj.Typography_regular__WeIG6 {
  font-weight: 700
}

.Button_btn___qFSk {
  color: inherit;
  display: inline-block;
  line-height: 1.75rem;
  background: transparent;
  font-family: var(--dls-font-stack-sans);
  font-size: .875rem;
  font-weight: 700;
  padding: var(--button-padding, .625rem 1.5rem .5rem);
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: var(--button-border-radius, 3px);
  border: var(--button-border, 1px solid);
  border-color: var(--button-fill, var(--colour-accent));
  transition: var(--dls-link-transition);
  touch-action: manipulation;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

@media (hover:hover) {
  .Button_btn___qFSk.Button_hover__DIwpM, .Button_btn___qFSk:hover {
    --button-hover-shadow: var(--button-ghost-hover-fill, var(--button-fill, var(--colour-accent)));
    --button-hover-box-shadow: 0 0 0 2px var(--button-hover-shadow), 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .05);
    box-shadow: var(--button-hover-box-shadow);
    border-radius: var(--button-hover-border-radius, var(--button-border-radius, 2px))
  }
}

.Button_btn___qFSk.Button_focus__NvxJ4, .Button_btn___qFSk.Button_hover__DIwpM, .Button_btn___qFSk:focus, .Button_btn___qFSk:hover {
  color: var(--button-text, var(--text-accent));
  background-color: var(--button-fill, var(--colour-accent))
}

.Button_btn___qFSk.Button_focus-visible__MACNs, .Button_btn___qFSk.Button_focus__NvxJ4 {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_btn___qFSk.Button_focus__NvxJ4, .Button_btn___qFSk:focus-visible {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_btn___qFSk.Button_active__Q5VXq, .Button_btn___qFSk.Button_focus__NvxJ4.Button_active__Q5VXq, .Button_btn___qFSk:active, .Button_btn___qFSk:focus:active {
  color: var(--tint-2);
  border-color: transparent;
  background-color: var(--button-active-fill, var(--colour-accent-active))
}

.Button_btn___qFSk.Button_disabled__IFWhi, .Button_btn___qFSk[disabled] {
  background: var(--button-disabled-fill, transparent);
  color: var(--tint-2);
  border: 1px solid var(--tint-4);
  cursor: not-allowed;
  transform: none;
  box-shadow: none
}

.Button_btnLink__C7b3w {
  text-decoration: none
}

.Button_btnLink__C7b3w.Button_hover__DIwpM, .Button_btnLink__C7b3w:hover {
  color: var(--button-text, var(--text-accent));
  text-decoration: none
}

.Button_btnLink__C7b3w.Button_active__Q5VXq, .Button_btnLink__C7b3w.Button_focus__NvxJ4.Button_active__Q5VXq, .Button_btnLink__C7b3w:active, .Button_btnLink__C7b3w:focus:active {
  background-color: var(--button-active-fill, var(--colour-accent-active))
}

.Button_btnLink__C7b3w.Button_disabled__IFWhi, .Button_btnLink__C7b3w[disabled] {
  pointer-events: none
}

.Button_btnLink__C7b3w.Button_disabled__IFWhi.Button_focus__NvxJ4, .Button_btnLink__C7b3w[disabled]:focus {
  background: var(--button-disabled-fill, transparent);
  color: var(--tint-2);
  border: 1px solid var(--tint-4);
  cursor: not-allowed;
  text-decoration: none
}

.Button_uppercase__u_om3 {
  letter-spacing: .125rem;
  text-transform: uppercase
}

.Button_filled__Z0XIL {
  --button-filled-box-shadow: 0 0 0 0 transparent, 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .05);
  --button-filled-hover-box-shadow: 0 0 0 2px var(--button-filled-active-fill, #2b3136), 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .5), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .3);
  color: var(--button-text, var(--text-accent));
  background-color: var(--button-fill, var(--colour-accent));
  box-shadow: var(--button-filled-box-shadow)
}

@media (hover:hover) {
  .Button_filled__Z0XIL.Button_hover__DIwpM, .Button_filled__Z0XIL.Button_hover__DIwpM.Button_focus__NvxJ4, .Button_filled__Z0XIL:hover, .Button_filled__Z0XIL:hover:focus {
    color: var(--button-filled-active-text, var(--text-assistant));
    border-color: var(--button-filled-active-fill, var(--colour-charcoal));
    background-color: var(--button-filled-active-fill, var(--colour-charcoal));
    box-shadow: var(--button-filled-hover-box-shadow);
    border-radius: var(--button-border-radius, 3px)
  }
}

.Button_filled__Z0XIL.Button_focus__NvxJ4, .Button_filled__Z0XIL:focus {
  color: var(--button-filled-focus-text, var(--button-filled-active-text, var(--text-assistant)));
  border-color: transparent;
  background-color: var(--button-filled-focus-fill, var(--button-filled-active-fill, var(--colour-charcoal)))
}

.Button_filled__Z0XIL.Button_focus-visible__MACNs, .Button_filled__Z0XIL.Button_focus-visible__MACNs:hover {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_filled__Z0XIL:focus-visible, .Button_filled__Z0XIL:focus-visible:hover {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_filled__Z0XIL.Button_active__Q5VXq, .Button_filled__Z0XIL.Button_active__Q5VXq.Button_focus__NvxJ4, .Button_filled__Z0XIL:active, .Button_filled__Z0XIL:active:focus {
  color: var(--button-filled-active-text, var(--text-assistant));
  border-color: transparent;
  background-color: var(--button-filled-active-fill, var(--colour-charcoal))
}

.Button_filled__Z0XIL.Button_disabled__IFWhi, .Button_filled__Z0XIL.Button_disabled__IFWhi.Button_focus__NvxJ4, .Button_filled__Z0XIL[disabled], .Button_filled__Z0XIL[disabled]:focus {
  color: var(--tint-2);
  border-color: transparent;
  background-color: var(--button-disabled-fill, var(--tint-6));
  box-shadow: none
}

.Button_rounded__phsr1 {
  --button-filled-box-shadow: 0 0 0 0 transparent, 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .1), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .05);
  --button-filled-hover-box-shadow: 0 0 0 2px var(--button-filled-active-fill, #2b3136), 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, .5), 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, .3);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  color: var(--rounded-button-text, var(--text-accent));
  background-color: var(--rounded-button-fill, var(--colour-accent));
  box-shadow: var(--rounded-button-box-shadow, var(--button-filled-box-shadow));
  font-size: var(--rounded-button-font-size, .875rem);
  letter-spacing: var(--rounded-button-letter-spacing, .125rem);
  border-color: transparent
}

@media (hover:hover) {
  .Button_rounded__phsr1.Button_hover__DIwpM, .Button_rounded__phsr1.Button_hover__DIwpM.Button_focus__NvxJ4, .Button_rounded__phsr1:hover, .Button_rounded__phsr1:hover:focus {
    border-radius: 1.5rem;
    color: var(--button-filled-active-text, var(--text-assistant));
    border-color: var(--button-filled-active-fill, var(--colour-charcoal));
    background-color: var(--button-filled-active-fill, var(--colour-charcoal));
    box-shadow: var(--rounded-button-hover-box-shadow, var(--button-filled-hover-box-shadow))
  }
}

.Button_rounded__phsr1.Button_focus__NvxJ4, .Button_rounded__phsr1:focus {
  color: var(--button-filled-focus-text, var(--button-filled-active-text, var(--text-assistant)));
  border-color: transparent;
  background-color: var(--button-filled-focus-fill, var(--button-filled-active-fill, var(--colour-charcoal)))
}

.Button_rounded__phsr1.Button_focus-visible__MACNs, .Button_rounded__phsr1.Button_focus-visible__MACNs:hover {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_rounded__phsr1:focus-visible, .Button_rounded__phsr1:focus-visible:hover {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_rounded__phsr1.Button_active__Q5VXq, .Button_rounded__phsr1.Button_active__Q5VXq.Button_focus__NvxJ4, .Button_rounded__phsr1:active, .Button_rounded__phsr1:active:focus {
  color: var(--button-filled-active-text, var(--text-assistant));
  border-color: transparent;
  background-color: var(--button-filled-active-fill, var(--colour-charcoal))
}

.Button_rounded__phsr1.Button_disabled__IFWhi, .Button_rounded__phsr1.Button_disabled__IFWhi.Button_focus__NvxJ4, .Button_rounded__phsr1[disabled], .Button_rounded__phsr1[disabled]:focus {
  color: var(--tint-2);
  border-color: transparent;
  background-color: var(--button-disabled-fill, var(--tint-6));
  box-shadow: none
}

.Button_flat__xKqmo {
  border: 0;
  line-height: 1.3rem
}

.Button_flat__xKqmo, .Button_flat__xKqmo.Button_active__Q5VXq, .Button_flat__xKqmo.Button_hover__DIwpM, .Button_flat__xKqmo:active, .Button_flat__xKqmo:hover {
  color: var(--link-text, var(--colour-assistant))
}

.Button_flat__xKqmo.Button_hover__DIwpM, .Button_flat__xKqmo:hover {
  background-color: transparent;
  box-shadow: none
}

.Button_flat__xKqmo.Button_active__Q5VXq, .Button_flat__xKqmo.Button_hover__DIwpM, .Button_flat__xKqmo:active, .Button_flat__xKqmo:hover {
  text-decoration: underline
}

.Button_flat__xKqmo.Button_focus__NvxJ4, .Button_flat__xKqmo:focus {
  text-decoration: none
}

.Button_flat__xKqmo.Button_focus-visible__MACNs {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_flat__xKqmo:focus-visible {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_flat__xKqmo.Button_active__Q5VXq, .Button_flat__xKqmo.Button_active__Q5VXq.Button_focus__NvxJ4, .Button_flat__xKqmo.Button_focus__NvxJ4, .Button_flat__xKqmo:active, .Button_flat__xKqmo:active:focus, .Button_flat__xKqmo:focus {
  color: var(--text-assistant, #fff);
  background-color: var(--colour-assistant)
}

.Button_flat__xKqmo.Button_disabled__IFWhi, .Button_flat__xKqmo.Button_disabled__IFWhi.Button_hover__DIwpM, .Button_flat__xKqmo[disabled], .Button_flat__xKqmo[disabled]:hover {
  background-color: transparent;
  color: var(--tint-2);
  border: 0;
  text-decoration: none
}

.Button_flatLink__rOXeE {
  text-decoration: none
}

.Button_flatLink__rOXeE.Button_active__Q5VXq, .Button_flatLink__rOXeE.Button_hover__DIwpM, .Button_flatLink__rOXeE:active, .Button_flatLink__rOXeE:hover {
  text-decoration: underline
}

.Button_flatLink__rOXeE.Button_visited__mMfpb, .Button_flatLink__rOXeE:visited {
  color: var(--link-visited-text, var(--colour-visited));
  text-decoration: none
}

.Button_flatLink__rOXeE.Button_disabled__IFWhi, .Button_flatLink__rOXeE[disabled] {
  color: var(--tint-2);
  border: 0;
  background: none;
  outline: 0;
  pointer-events: none
}

.Button_ghost__GD9mG:not([disabled]) {
  color: var(--button-ghost-text, inherit);
  border-color: var(--button-ghost-border, var(--button-fill, var(--colour-accent)));
  background-color: var(--button-ghost-fill, transparent)
}

.Button_ghost__GD9mG:not([disabled]).Button_focus__NvxJ4, .Button_ghost__GD9mG:not([disabled]).Button_hover__DIwpM, .Button_ghost__GD9mG:not([disabled]):focus, .Button_ghost__GD9mG:not([disabled]):hover {
  color: var(--button-ghost-hover-text, var(--button-text, var(--text-accent)));
  border-color: var(--button-ghost-hover-border, var(--button-fill, var(--colour-accent)));
  background-color: var(--button-ghost-hover-fill, var(--button-fill, var(--colour-accent)))
}

.Button_ghost__GD9mG:not([disabled]).Button_active__Q5VXq, .Button_ghost__GD9mG:not([disabled]).Button_focus__NvxJ4.Button_active__Q5VXq, .Button_ghost__GD9mG:not([disabled]):active, .Button_ghost__GD9mG:not([disabled]):focus:active {
  color: var(--button-ghost-active-text, var(--tint-2));
  border-color: var(--button-ghost-active-border, transparent);
  background-color: var(--button-ghost-active-fill, var(--button-active-fill, var(--colour-accent-active)))
}

.Button_ghost__GD9mG[disabled] {
  color: var(--button-ghost-disabled-text, var(--tint-2));
  border-color: var(--button-ghost-disabled-border, var(--tint-4));
  background: var(--button-ghost-disabled-fill, var(--button-disabled-fill, transparent))
}

.Button_noBorder__4YGxV {
  border-color: transparent
}

.Button_noBorder__4YGxV.Button_hover__DIwpM, .Button_noBorder__4YGxV:hover {
  background-color: transparent
}

.Button_noBorder__4YGxV.Button_focus__NvxJ4, .Button_noBorder__4YGxV:focus {
  background-color: var(--button-filled-active-fill, var(--colour-charcoal));
  color: var(--button-filled-active-text, var(--text-assistant))
}

.Button_iconOnly__q0bR0.Button_iconOnly__q0bR0 {
  line-height: 0;
  padding: var(--button-icon-only-padding, .5rem);
  box-shadow: none
}

.Button_iconOnly__q0bR0.Button_iconOnly__q0bR0.Button_focus-visible__MACNs, .Button_iconOnly__q0bR0.Button_iconOnly__q0bR0.Button_focus__NvxJ4 {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_iconOnly__q0bR0.Button_iconOnly__q0bR0.Button_focus__NvxJ4, .Button_iconOnly__q0bR0.Button_iconOnly__q0bR0:focus-visible {
  outline-width: var(--tab-outline-width);
  outline-style: var(--tab-outline-style);
  outline-color: var(--tab-outline-colour, var(--default-tab-outline-colour));
  outline-offset: var(--tab-no-offset);
  box-shadow: var(--tab-box-shadow, 0 0 0 4px var(--colour-assistant))
}

.Button_iconOnly__q0bR0.Button_iconOnly__q0bR0:hover {
  border-radius: var(--button-border-radius, 3px)
}

.Button_iconLeft__6d9H_ svg {
  margin-right: .5rem
}

.Button_iconRight__i0QtS svg {
  margin-left: .5rem
}

.Button_hasText__gfeBI svg {
  vertical-align: middle;
  transform: translateY(-2px)
}

.Button_hasIcon__G3VLB svg {
  vertical-align: middle
}

.CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89 {
  padding: .25rem;
  border-radius: 0;
  border-color: transparent
}

.CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]).CloseButton_hover__bIJny, .CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]):hover {
  background: var(--close-button-hover-fill, #000);
  color: var(--close-button-hover-text, #fff);
  border-radius: 0;
  border-color: transparent
}

.CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]).CloseButton_focus__tb_Bh, .CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]):focus {
  color: var(--close-button-focus-text, var(--button-text, var(--text-accent)));
  background-color: var(--close-button-focus-fill, var(--button-fill, var(--colour-accent)))
}

.CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]).CloseButton_active__6NfFX, .CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]).CloseButton_focus__tb_Bh.CloseButton_active__6NfFX, .CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]):active, .CloseButton_closeButton__IfP89.CloseButton_closeButton__IfP89:not([disabled]):focus:active {
  color: var(--tint-2);
  border-color: transparent;
  background-color: var(--button-active-fill, var(--colour-accent-active))
}

.CloseButton_small__Pc9ae.CloseButton_small__Pc9ae {
  padding: 0
}