@font-face {
	font-family: Gill Sans Light;
	src: url(../fonts/Gill_Sans_Lights.eot?#iefix) format("embedded-opentype"), url(../fonts/Gill_Sans_Lights.woff) format("woff"), url(../fonts/Gill_Sans_Lights.ttf) format("truetype"), url(../fonts/Gill_Sans_Lights.svg#03bd10561bdcb33fea3f49627ded6776) format("svg");
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: Gill Sans Regular;
	src: url(../fonts/Gill_Sans_Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Gill_Sans_Regular.woff) format("woff"), url(../fonts/Gill_Sans_Regular.ttf) format("truetype"), url(../fonts/Gill_Sans_Regular.svg#954f9f39591f03addb6e99cb7445c9af) format("svg");
	font-weight: 400;
	font-style: normal;
}
.notifications-canon-bold {
	letter-spacing: -1px; font-weight: 700;
}
.notifications-trafalgar-bold {
	letter-spacing: -1px; font-weight: 700;
}
.notifications-brevier-bold {
	font-weight: 700;
}
.notifications-canon-bold {
	font-weight: 700;
}
.notifications-great-primer-bold {
	font-weight: 700;
}
.notifications-long-primer-bold {
	font-weight: 700;
}
.notifications-minion-bold {
	font-weight: 700;
}
.notifications-pica-bold {
	font-weight: 700;
}
.notifications-trafalgar-bold {
	font-weight: 700;
}
.notifications-canon {
	line-height: 32px !important; font-size: 28px !important;
}
.notifications-canon-bold {
	line-height: 32px !important; font-size: 28px !important;
}
.notifications-double-pica {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-double-pica-bold {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-trafalgar {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-trafalgar-bold {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-canon-bold {
	letter-spacing: -0.06rem;
}
.notifications-trafalgar-bold {
	letter-spacing: -0.06rem;
}
.notifications-double-pica-bold {
	letter-spacing: -0.06rem; font-weight: 700;
}
.notifications-great-primer {
	line-height: 20px !important; font-size: 18px !important;
}
.notifications-great-primer-bold {
	line-height: 20px !important; font-size: 18px !important;
}
.notifications-pica {
	line-height: 20px !important; font-size: 15px !important;
}
.notifications-pica-bold {
	line-height: 20px !important; font-size: 15px !important;
}
.notifications-long-primer {
	line-height: 18px !important; font-size: 15px !important;
}
.notifications-long-primer-bold {
	line-height: 18px !important; font-size: 15px !important;
}
.notifications-brevier {
	line-height: 16px !important; font-size: 14px !important;
}
.notifications-brevier-bold {
	line-height: 16px !important; font-size: 14px !important;
}
.notifications-minion {
	text-transform: uppercase; line-height: 16px !important; font-size: 12px !important;
}
.notifications-minion-bold {
	text-transform: uppercase; line-height: 16px !important; font-size: 12px !important;
}
.notifications-error--inner {
	font-family: Helvetica,Arial,sans-serif; font-weight: 400;
}
.notifications-error__body {
	font-family: Helvetica,Arial,sans-serif; font-weight: 400;
}
.notifications-error__header--text {
	font-family: Helvetica,Arial,sans-serif; font-weight: 400;
}
@media all and (min-width:20em)
{
.notifications-canon {
	line-height: 36px !important; font-size: 32px !important;
}
.notifications-canon-bold {
	line-height: 36px !important; font-size: 32px !important;
}
.notifications-trafalgar {
	line-height: 28px !important; font-size: 24px !important;
}
.notifications-trafalgar-bold {
	line-height: 28px !important; font-size: 24px !important;
}
.notifications-great-primer {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-great-primer-bold {
	line-height: 24px !important; font-size: 20px !important;
}
.notifications-great-primer-bold {
	letter-spacing: -0.06rem;
}
.notifications-pica {
	line-height: 22px !important; font-size: 16px !important;
}
.notifications-pica-bold {
	line-height: 22px !important; font-size: 16px !important;
}
.notifications-long-primer {
	line-height: 20px !important; font-size: 16px !important;
}
.notifications-long-primer-bold {
	line-height: 20px !important; font-size: 16px !important;
}
}
@media all and (min-width:37.5em)
{
.notifications-canon {
	line-height: 56px !important; font-size: 48px !important;
}
.notifications-canon-bold {
	line-height: 56px !important; font-size: 48px !important;
}
.notifications-trafalgar {
	line-height: 40px !important; font-size: 36px !important;
}
.notifications-trafalgar-bold {
	line-height: 40px !important; font-size: 36px !important;
}
.notifications-double-pica {
	line-height: 32px !important; font-size: 28px !important;
}
.notifications-double-pica-bold {
	line-height: 32px !important; font-size: 28px !important;
}
.notifications-great-primer {
	line-height: 28px !important; font-size: 24px !important;
}
.notifications-great-primer-bold {
	line-height: 28px !important; font-size: 24px !important;
}
.notifications-pica {
	line-height: 24px !important; font-size: 18px !important;
}
.notifications-pica-bold {
	line-height: 24px !important; font-size: 18px !important;
}
.notifications-long-primer {
	line-height: 22px !important;
}
.notifications-long-primer-bold {
	line-height: 22px !important;
}
.notifications-minion {
	font-size: 13px !important;
}
.notifications-minion-bold {
	font-size: 13px !important;
}
.n-no-touchevents .notifications-canon {
	line-height: 48px !important; font-size: 40px !important;
}
.n-no-touchevents .notifications-canon-bold {
	line-height: 48px !important; font-size: 40px !important;
}
.n-no-touchevents .notifications-trafalgar {
	line-height: 32px !important; font-size: 32px !important;
}
.n-no-touchevents .notifications-trafalgar-bold {
	line-height: 32px !important; font-size: 32px !important;
}
.n-no-touchevents .notifications-double-pica {
	line-height: 24px !important; font-size: 24px !important;
}
.n-no-touchevents .notifications-double-pica-bold {
	line-height: 24px !important; font-size: 24px !important;
}
.n-no-touchevents .notifications-great-primer {
	line-height: 20px !important; font-size: 20px !important;
}
.n-no-touchevents .notifications-great-primer-bold {
	line-height: 20px !important; font-size: 20px !important;
}
.n-no-touchevents .notifications-pica {
	line-height: 22px !important; font-size: 16px !important;
}
.n-no-touchevents .notifications-pica-bold {
	line-height: 22px !important; font-size: 16px !important;
}
.n-no-touchevents .notifications-long-primer {
	line-height: 18px !important; font-size: 14px !important;
}
.n-no-touchevents .notifications-long-primer-bold {
	line-height: 18px !important; font-size: 14px !important;
}
.n-no-touchevents .notifications-brevier {
	font-size: 13px !important;
}
.n-no-touchevents .notifications-brevier-bold {
	font-size: 13px !important;
}
.n-no-touchevents .notifications-minion {
	font-size: 12px !important;
}
.n-no-touchevents .notifications-minion-bold {
	font-size: 12px !important;
}
}
.notification-error__container {
	margin: 0px;
}
.notifications-error {
	margin: 0px auto; text-align: center; display: none; max-width: 976px;
}
.show.notifications-error {
	display: block;
}
.notifications-error__back {
	width: 100px; height: 30px; margin-bottom: 20px !important; display: inline-block; cursor: pointer;
}
.notifications-error__back__arrow {
	background: url("../svg/arrow_left.svg") no-repeat center / 16px rgb(0, 122, 198); width: 40px; height: 30px; float: left; display: inline-block;
}
.n-no-svg .notifications-error__back__arrow {
	background-image: url("../img/arrow_left.png");
}
.notifications-error__back__text {
	background: rgb(0, 122, 198); width: 59px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; font-size: 18px; vertical-align: middle; border-left-color: rgba(255, 255, 255, 0.5); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
.notifications-error__header {
	color: rgb(0, 133, 208);
}
.notifications-error__header--text {
	margin: 20px auto !important; line-height: 28px; padding-left: 40px !important; font-size: 24px; display: inline-block; background-image: url("../svg/warning_icon.svg"); background-repeat: no-repeat; background-size: 28px;
}
.n-no-svg .notifications-error__header--text {
	background-image: url("../img/warning_icon.png");
}
.notifications-error__body {
	margin: 0px 0px 20px !important;
}
.notifications-error--inner {
	background: rgb(228, 19, 79); left: 0px; width: 100%; display: none; position: absolute; z-index: 5;
}
.show.notifications-error--inner {
	display: block;
}
@media all
{
.notifications-error--inner {
	height: auto;
}
}
.notifications-error--inner__body {
	margin: 15px 4.33% !important; padding: 0px !important; color: rgb(255, 255, 255); line-height: 22px; font-size: 16px; max-width: 976px;
}
.notifications-error--inner__body br {
	display: none;
}
@media all and (min-width:20em)
{
.notifications-error--inner__body {
	margin: 15px 8.33% !important;
}
.notifications-error--inner__body br {
	display: block;
}
}
@media all and (min-width:48em)
{
.notifications-error--inner__body br {
	display: none;
}
}
@media all and (min-width:25em)
{
.notifications-error--inner__body {
	margin: 15px 16px !important;
}
}
@media all and (min-width:63em)
{
.notifications-error--inner__body {
	margin: 15px auto !important; width: 100% !important;
}
}
.notifications-error--inner__container {
	margin: -66px auto 0px; width: 100%; height: 66px; display: block; max-width: 976px;
}
@media all
{
.notifications-error--inner__container {
	height: 81px; margin-top: -81px;
}
}
@media all and (min-width:30.87em)
{
.notifications-error--inner__container {
	height: 59px; margin-top: -59px;
}
}
@media all and (min-width:49.31em)
{
.notifications-error--inner__container {
	height: 37px; margin-top: -37px;
}
}
.notifications-error--inner__close {
	background-position: right; width: 100%; height: 14px; margin-left: -8px; z-index: 2; cursor: pointer; max-width: 976px; background-image: url("../img/cross.png"); background-repeat: no-repeat; background-size: 14px;
}
.notifications-keyboard-access {
	padding: 10px 0px !important; font-size: 13px;
}
.notifications-keyboard-access button {
	background: rgb(255, 255, 255); margin: 0px 15px 0px 0px; padding: 0.46em 12px 0.3em; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51); line-height: 2em; font-size: 100%; font-weight: 700; display: inline-block; cursor: pointer;
}
.notifications-keyboard-access button:disabled {
	display: none;
}
#not-num {
	background: inherit; border-radius: 100%; top: 5px; width: 6px; height: 6px; text-align: center; right: 5px; color: rgb(255, 255, 255); font-family: Helvetica,Arial,sans-serif; text-decoration: none; display: block; position: absolute; clip: auto;
}
.new-notifications#not-num {
	background: rgb(0, 109, 239);
}
@media all and (min-width:37.5em)
{
#not-num {
	top: 9px; right: 6px;
}
}
bbc-notifications-bell .animated {
	animation-duration: 1.5s; animation-fill-mode: both; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: both;
}
bbc-notifications-bell .animated::before {
	animation-duration: 1.5s; animation-fill-mode: both; -webkit-animation-duration: 1.5s; -webkit-animation-fill-mode: both;
}
bbc-notifications-bell .three.animated {
	animation-iteration-count: 3; -webkit-animation-iteration-count: 3;
}
bbc-notifications-bell .three.animated::before {
	animation-iteration-count: 3; -webkit-animation-iteration-count: 3;
}
bbc-notifications-bell .swing::before {
	transform-origin: center center; animation-name: swing; -webkit-transform-origin: center center; -webkit-animation-name: swing;
}
bbc-notifications-bell .onboarding.swing::before {
	animation-delay: 2.1s; -webkit-animation-delay: 2.1s;
}
#notification-link {
	padding: 0.46em 17px 0.3em; line-height: 1.69em; border-left-color: rgba(0, 0, 0, 0.3); border-left-width: 1px; border-left-style: solid; float: left; display: none !important; position: relative; min-height: 1.69em;
}
#notification-link::before {
	background-position: 8px 8.75px; left: 0px; top: 0px; width: 100%; height: 100%; display: inline-block; position: absolute; content: ""; background-image: url("../svg/bell_grey.svg"); background-repeat: no-repeat; background-size: 18px 18px;
}
.n-no-svg #notification-link::before {
	background-image: url("../img/bell_grey.png");
}
.notifications-shown#notification-link {
	display: block !important;
}
#notification-link .hidden-span {
	top: -10px; width: 1px; height: 1px; overflow: hidden; position: absolute;
}
#notification-link .notification-link__live {
	top: -10px; width: 1px; height: 1px; overflow: hidden; position: absolute;
}
.notifications-black-bell#notification-link::before {
	background-image: url("../svg/bell_black.svg");
}
.n-no-svg .notifications-black-bell#notification-link::before {
	background-image: url("../img/bell_black.png");
}
#notification-link :first-of-type.notification-link--triangle {
	left: 0px; top: 11px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(204, 204, 204); border-top-width: 6px; border-bottom-width: 6px; border-left-width: 6px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 1;
}
#notification-link :last-of-type.notification-link--triangle {
	left: -1px; top: 12px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; z-index: 2;
}
#notification-link:focus {
	padding-bottom: 0px;
}
#notification-link:hover {
	padding-bottom: 0px;
}
@media all and (min-width:37.5em)
{
#notification-link {
	padding: 0.46em 25px 0.3em; line-height: 2.27em; min-height: 2.27em;
}
#notification-link::before {
	background-position: 16px 12.75px;
}
#notification-link :first-of-type.notification-link--triangle {
	top: 15px;
}
#notification-link :last-of-type.notification-link--triangle {
	top: 16px;
}
}
[class*=b-header] .notifications-grey-bell#notification-link::before {
	background-image: url("../svg/bell_grey.svg") !important;
}
.n-no-svg [class*=b-header] .notifications-grey-bell#notification-link::before {
	background-image: url("../img/bell_grey.png") !important;
}
[class*=b-header] .notifications-black-bell#notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.n-no-svg [class*=b-header] .notifications-black-bell#notification-link::before {
	background-image: url("../img/bell_white.png");
}
[class*=b-header].b-header--white--black #notification-link::before {
	background-image: url("../svg/bell_black.svg");
}
.n-no-svg [class*=b-header].b-header--white--black #notification-link::before {
	background-image: url("../img/bell_black.png");
}
[class*=b-header].b-header--black--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
[class*=b-header].b-header--grey--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
[class*=b-header].b-header--semitransparent-dark--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
[class*=b-header].b-header--semitransparent-light--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
[class*=b-header].b-header--semitransparent-medium--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
[class*=b-header].b-header--transparent--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.n-no-svg [class*=b-header].b-header--black--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg [class*=b-header].b-header--grey--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg [class*=b-header].b-header--semitransparent-dark--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg [class*=b-header].b-header--semitransparent-light--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg [class*=b-header].b-header--semitransparent-medium--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg [class*=b-header].b-header--transparent--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
[class*=b-header] .orb-nav-active #notification-link {
	border-left-color: rgb(204, 204, 204);
}
[class*=b-header] .orb-nav-active #notification-link :first-of-type.notification-link--triangle {
	border-left-color: rgb(204, 204, 204);
}
[class*=b-header].orb-nav-active #notification-link {
	border-left-color: rgb(204, 204, 204);
}
[class*=b-header].orb-nav-active #notification-link :first-of-type.notification-link--triangle {
	border-left-color: rgb(204, 204, 204);
}
[class*=b-header] .orb-nav-active #notification-link :last-of-type.notification-link--triangle {
	border-left-color: rgb(255, 255, 255) !important;
}
[class*=b-header].orb-nav-active #notification-link :last-of-type.notification-link--triangle {
	border-left-color: rgb(255, 255, 255) !important;
}
[class*=b-header] .orb-nav-active #notification-link::before {
	background-image: url("../svg/bell_black.svg") !important;
}
[class*=b-header].orb-nav-active #notification-link::before {
	background-image: url("../svg/bell_black.svg") !important;
}
.n-no-svg [class*=b-header] .orb-nav-active #notification-link::before {
	background-image: url("../img/bell_black.png") !important;
}
.n-no-svg [class*=b-header].orb-nav-active #notification-link::before {
	background-image: url("../img/bell_black.png") !important;
}
[class*=b-header] .orb-nav-active .notifications-grey-bell#notification-link::before {
	background-image: url("../svg/bell_grey.svg") !important;
}
[class*=b-header].orb-nav-active .notifications-grey-bell#notification-link::before {
	background-image: url("../svg/bell_grey.svg") !important;
}
.n-no-svg [class*=b-header] .orb-nav-active .notifications-grey-bell#notification-link::before {
	background-image: url("../img/bell_grey.png") !important;
}
.n-no-svg [class*=b-header].orb-nav-active .notifications-grey-bell#notification-link::before {
	background-image: url("../img/bell_grey.png") !important;
}
.orb-nav-pri#orb-header .orb-nav-id .orb-nav-focus-on#notification-link {
	border-bottom-color: rgb(0, 109, 239); border-bottom-width: 4px; border-bottom-style: solid;
}
.orb-nav-pri#orb-header .orb-nav-id #notification-link:active {
	border-bottom-color: rgb(0, 109, 239); border-bottom-width: 4px; border-bottom-style: solid;
}
.orb-nav-pri#orb-header .orb-nav-id #notification-link:focus {
	border-bottom-color: rgb(0, 109, 239); border-bottom-width: 4px; border-bottom-style: solid;
}
.orb-nav-pri#orb-header .orb-nav-id #notification-link:hover {
	border-bottom-color: rgb(0, 109, 239); border-bottom-width: 4px; border-bottom-style: solid;
}
.orb-nav-pri#orb-header .orb-nav-id .orb-nav-focus-on#notification-link {
	padding-bottom: 0px;
}
.b-header--black--white #notification-link {
	border-left-color: rgb(102, 102, 102);
}
.b-header--black--white #notification-link :first-of-type.notification-link--triangle {
	border-left-color: rgb(102, 102, 102);
}
.b-header--black--white #notification-link :last-of-type.notification-link--triangle {
	border-left-color: rgb(0, 0, 0);
}
.b-header--grey--white #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--grey--white #notification-link :first-of-type.notification-link--triangle {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--grey--white #notification-link :last-of-type.notification-link--triangle {
	border-left-color: rgb(76, 76, 76);
}
.b-header--dark-grey--grey #notification-link {
	border-left-color: rgb(51, 51, 51);
}
.b-header--dark-grey--grey #notification-link :first-of-type.notification-link--triangle {
	border-left-color: rgb(51, 51, 51);
}
.b-header--dark-grey--grey #notification-link :last-of-type.notification-link--triangle {
	border-left-color: rgb(25, 25, 25);
}
.b-header--semitransparent-dark--white #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--semitransparent-light--white #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--semitransparent-medium--white #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--transparent--dark-grey #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--transparent--white #notification-link {
	border-left-color: rgba(255, 255, 255, 0.4);
}
.b-header--semitransparent-dark--white #notification-link .notification-link--triangle {
	display: none;
}
.b-header--semitransparent-light--white #notification-link .notification-link--triangle {
	display: none;
}
.b-header--semitransparent-medium--white #notification-link .notification-link--triangle {
	display: none;
}
.b-header--transparent--dark-grey #notification-link .notification-link--triangle {
	display: none;
}
.b-header--transparent--white #notification-link .notification-link--triangle {
	display: none;
}
.b-header--semitransparent-dark--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.b-header--semitransparent-light--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.b-header--semitransparent-medium--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.b-header--transparent--dark-grey #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.b-header--transparent--white #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.n-no-svg .b-header--semitransparent-dark--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg .b-header--semitransparent-light--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg .b-header--semitransparent-medium--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg .b-header--transparent--dark-grey #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.n-no-svg .b-header--transparent--white #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.b-header--transparent--dark-grey #notification-link {
	border-left-color: rgba(0, 0, 0, 0.3);
}
.b-header--transparent--dark-grey #notification-link::before {
	background-image: url("../svg/bell_white.svg");
}
.n-no-svg .b-header--transparent--dark-grey #notification-link::before {
	background-image: url("../img/bell_white.png");
}
.b-header--transparent--white #notification-link {
	border-left-color: rgba(204, 204, 204, 0.3);
}
.notifications__container {
	margin: 0px auto; padding: 0px 8px; font-size: 0px; display: block; max-width: 976px;
}
@media all and (min-width:25em)
{
.notifications__container {
	padding: 0px 16px;
}
}
@media all and (min-width:80em)
{
.b-pw-1280 .notifications__container {
	max-width: 1248px;
}
}
.spinner {
	margin: 0px auto; padding: 16px 0px; text-align: center;
}
.spinner img {
	width: auto; height: auto; display: inline; animation-name: loader-spin; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: loader-spin; -webkit-animation-timing-function: linear;
}
bbc-notifications-drawer {
	font-weight: 400;
}
bbc-notifications-drawer .notification-signed-out .notifications-description {
	width: 20em;
}
bbc-notifications-drawer .notifications-wide-spread {
	background: linear-gradient(rgba(0, 123, 199, 0.9) 0px, rgb(0, 123, 199) 100%); height: 100%; -webkit-font-smoothing: antialiased;
}
bbc-notifications-drawer .notifications-top-header {
	padding-top: 12px;
}
bbc-notifications-drawer .notifications-top-header .notifications-main-header {
	margin: 0px; color: rgb(255, 255, 255); font-family: "Gill Sans Light",Arial,sans-serif; font-weight: 400;
}
bbc-notifications-drawer .notifications-top-header .notifications-description {
	color: rgb(255, 255, 255); font-family: Helvetica,Arial,sans-serif; font-weight: 400; margin-top: 8px;
}
bbc-notifications-drawer .notifications-cta {
	padding: 8px 10px 8px 0px; color: rgb(255, 255, 255); font-family: Helvetica,Arial,sans-serif;
}
bbc-notifications-drawer .notifications-cta p {
	padding-right: 4px; padding-left: 12px; font-weight: 400; display: inline;
}
bbc-notifications-drawer .notifications-cta a {
	padding: 0px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; display: inline;
}
bbc-notifications-drawer .notifications-cta a:hover {
	text-decoration: none;
}
bbc-notifications-drawer .notifications-cta a.notifications-upsell-register:hover {
	padding-bottom: 4px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
bbc-notifications-drawer .notifications-cta a.notifications-upsell-register {
	color: rgb(255, 255, 255);
}
bbc-notifications-drawer .notifications-cta .notification-sign-in {
	background: url("../svg/signin-icon-blue.svg") no-repeat 12px 6px / 20px rgb(255, 255, 255); padding: 6px 14px 6px 12px; color: rgb(0, 0, 0); display: inline-block;
}
.n-no-svg bbc-notifications-drawer .notifications-cta .notification-sign-in {
	background-image: url("../img/signin-icon-blue.png");
}
bbc-notifications-drawer .notifications-cta .notification-sign-in a {
	color: rgb(0, 123, 199); line-height: 22px; padding-left: 32px; text-decoration: none;
}
bbc-notifications-drawer .notifications-cta .notification-sign-in:hover {
	background-image: url("../svg/signin-icon-hover-blue.svg"); background-color: rgb(245, 245, 245);
}
.n-no-svg bbc-notifications-drawer .notifications-cta .notification-sign-in:hover {
	background-image: url("../img/signin-icon-hover-blue.png");
}
bbc-notifications-drawer .notifications-cta .notification-sign-in:hover a {
	color: rgb(0, 83, 131);
}
bbc-notifications-drawer .notifications__header {
	padding: 16px 0px; transition:box-shadow 0.2s linear; margin-bottom: -1px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; display: flex; justify-content: space-between; -webkit-transition: box-shadow .2s linear; -webkit-box-pack: justify;
}
bbc-notifications-drawer .notifications__header .notification-title {
	margin: 0px; padding: 0px; text-transform: uppercase; font-family: "Gill Sans Regular",Arial,sans-serif; font-size: 28px; font-weight: 400; display: inline-block;
}
bbc-notifications-list .notification-new.notification-item .notification-text-body {
	font-weight: 700;
}
bbc-notifications-list .notification-unread.notification-item .notification-text-body {
	font-weight: 700;
}
bbc-notifications-drawer .notifications__header .notification-title__beta {
	text-transform: uppercase; line-height: 20px; font-size: 13px; margin-left: 4px; vertical-align: top; display: none;
}
@media all and (min-width:25em)
{
bbc-notifications-drawer .notifications__header .notification-title__beta {
	display: inline;
}
}
bbc-notifications-drawer .notifications__header .notification-header-icons {
	padding-left: 0px; margin-top: 0px;
}
bbc-notifications-drawer .notifications__header .notification-header-icons a {
	padding: 0px; width: auto; line-height: 0; display: inline-block; white-space: nowrap; cursor: pointer;
}
bbc-notifications-drawer .notifications__header .notification-header-icons a .setting-icon {
	border: 0px currentColor; border-image: none; top: 4px; width: 16px; height: 16px; margin-right: 8px; display: inline-block; position: relative;
}
bbc-notifications-drawer .notifications__header .notification-header-icons a .notifications-brevier {
	line-height: 28px !important; font-size: 13px !important;
}
bbc-notifications-drawer .shadowAdded.notifications__header {
	border-bottom-color: rgb(228, 228, 228); box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.07);
}
bbc-notifications-drawer p {
	margin: 0px 0px 12px;
}
bbc-notifications-drawer #notifications-wrapper {
	overflow: auto; padding-bottom: 1px; margin-bottom: -1px;
}
bbc-notifications-list .no-notifications {
	padding: 8px 0px; width: 430px; max-width: 100%;
}
bbc-notifications-list .notification-items {
	margin: 0px; padding: 0px;
}
bbc-notifications-list .notification-item {
	margin-bottom: -1px; border-top-color: rgb(228, 228, 228); border-bottom-color: rgb(228, 228, 228); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: none; position: relative;
}
bbc-notifications-list .notification-item:hover {
	border-color: rgb(179, 179, 179); z-index: 99999;
}
bbc-notifications-list .notification-item:hover .notification-text-body {
	color: rgb(0, 109, 239);
}
bbc-notifications-list .notification-item .notification-item--link {
	padding: 14px 8px 14px 0px; display: flex; box-sizing: border-box;
}
@media all and (min-width:25em)
{
bbc-notifications-list .notification-item .notification-item--link {
	padding: 11px 16px 11px 0px; -ms-grid-row-align: center; align-items: center; -webkit-box-align: center;
}
}
bbc-notifications-list .notification-item .notification-icon-and-dot {
	width: 32px; text-align: center; display: flex; flex-direction: column; align-items: center; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal;
}
@media all and (min-width:25em)
{
bbc-notifications-list .notification-item .notification-icon-and-dot {
	padding: 0px 4px 0px 16px; width: auto; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal;
}
}
@media all and (min-width:37.5em)
{
bbc-notifications-list .notification-item .notification-icon-and-dot {
	padding-right: 16px;
}
bbc-notifications-list .notification-item .notifications-image {
	margin-left: 12px;
}
}
bbc-notifications-list .notification-item .notification-dot {
	background: rgb(0, 109, 239); border-radius: 50%; width: 8px; height: 8px; margin-top: 2px; display: inline-block; visibility: hidden; order: 2; -webkit-box-ordinal-group: 3;
}
@media all and (min-width:25em)
{
bbc-notifications-list .notification-item .notification-dot {
	margin-top: 0px; order: 1; -webkit-box-ordinal-group: 2;
}
}
bbc-notifications-list .notification-item .notifications-image {
	background-position: center; padding: 8px; border: 0px currentColor; border-image: none; width: 16px; height: 16px; margin-top: -5px; display: inline-block; order: 1; background-repeat: no-repeat; background-size: 32px 32px; -webkit-box-ordinal-group: 2;
}
@media all and (min-width:25em)
{
bbc-notifications-list .notification-item .notifications-image {
	margin-top: 0px; order: 2; -webkit-box-ordinal-group: 3;
}
}
bbc-notifications-list .notification-item .notification-iplayer-icon.notifications-image {
	background-image: url("../svg/iplayer_icon.svg");
}
bbc-notifications-list .notification-item .notification-music-icon.notifications-image {
	background-image: url("../svg/music_icon.svg");
}
bbc-notifications-list .notification-item .notification-text {
	display: inline-block;
}
bbc-notifications-list .notification-item .notification-text p {
	margin-bottom: 4px;
}
bbc-notifications-list .notification-item .notification-item--info {
	line-height: normal; font-size: 0px;
}
bbc-notifications-list .notification-item .notification-item--info > span {
	padding-right: 8px; margin-right: 8px; border-right-color: rgb(51, 51, 51); border-right-width: 1px; border-right-style: solid;
}
bbc-notifications-list .notification-item .notification-item--info > span:last-child {
	padding-right: 0px; margin-right: 0px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
bbc-notifications-list .notification-new.notification-item .notification-dot {
	visibility: visible;
}
bbc-notifications-settings .notifications-settings-description {
	font-weight: 400; margin-top: 8px; margin-bottom: 22px;
}
@media all and (min-width:20em)
{
bbc-notifications-settings .notifications-settings-description {
	margin-bottom: 16px;
}
}
@media all and (min-width:25em)
{
bbc-notifications-settings .notifications-settings-description {
	margin-bottom: 24px;
}
}
@media all and (min-width:63em)
{
bbc-notifications-settings .notifications-settings-description {
	width: 75% !important;
}
}
@media all and (min-width:80em)
{
bbc-notifications-settings .notifications-settings-description {
	width: 58.33% !important;
}
}
bbc-notifications-settings :last-of-type.notifications-settings-item {
	margin-bottom: 24px;
}
bbc-notifications-settings .notifications-settings-item label {
	margin: 10px 0px 12px; padding: 16px 8px; text-align: left; display: block; position: relative; cursor: pointer; box-sizing: border-box; background-color: rgb(233, 233, 229);
}
@media all and (min-width:48em)
{
bbc-notifications-settings .notifications-settings-item label {
	width: 75% !important;
}
}
@media all and (min-width:63em)
{
bbc-notifications-settings .notifications-settings-item label {
	width: 58.33% !important;
}
}
@media all and (min-width:80em)
{
bbc-notifications-settings .notifications-settings-item label {
	width: 50% !important; margin-left: 3px;
}
}
bbc-notifications-settings .notifications-settings-item input[type=checkbox] {
	display: none;
}
bbc-notifications-settings .notifications-settings-item input[type=checkbox] + .notifications-settings-checkbox-hold {
	-ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
bbc-notifications-settings .notifications-settings-item input[type=checkbox]:checked + .notifications-settings-checkbox-hold::after {
	background-position: 50% 50%; border: currentColor; border-image: none; background-image: url("../svg/settings_ticker.svg"); background-repeat: no-repeat; background-size: 25px; background-color: rgb(0, 123, 199);
}
bbc-notifications-settings .notifications-settings-text {
	font-weight: 700;
}
bbc-notifications-settings .notifications-settings-checkbox-hold::after {
	border: 1px solid rgb(211, 211, 211); border-image: none; width: 28px; height: 28px; right: 8px; bottom: 50%; margin-left: 38px; display: block; position: absolute; content: ""; transform: translateY(50%); background-color: rgb(255, 255, 255); -webkit-transform: translateY(50%);
}