/* Effective stylesheet produced by snapshot save */
@font-face {
  font-family: "Gill Sans Light";
  font-style: normal;
  font-weight: 200;
  src: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Lights.eot?#iefix") format("embedded-opentype"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Lights.woff") format("woff"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Lights.ttf") format("truetype"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Lights.svg#03bd10561bdcb33fea3f49627ded6776") format("svg");
}
@font-face {
  font-family: "Gill Sans Regular";
  font-style: normal;
  font-weight: 400;
  src: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Regular.eot?#iefix") format("embedded-opentype"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Regular.woff") format("woff"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Regular.ttf") format("truetype"), url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/fonts/Gill_Sans_Regular.svg#954f9f39591f03addb6e99cb7445c9af") format("svg");
}
#not-num { width: 6px; height: 6px; text-align: center; display: block; font-family: Helvetica,Arial,sans-serif; background: inherit; color: rgb(255, 255, 255); border-radius: 100%; text-decoration: none; position: absolute; clip: auto; top: 5px; right: 5px; }
@media (min-width: 37.5em) {
  #not-num { top: 9px; right: 6px; }
}
bbc-notifications-bell .animated, bbc-notifications-bell .animated::before { animation-duration: 1.5s; animation-fill-mode: both; }
bbc-notifications-bell .animated.three, bbc-notifications-bell .animated.three::before { animation-iteration-count: 3; }
bbc-notifications-bell .swing::before { transform-origin: center center 0px; animation-name: swing; }
bbc-notifications-bell .swing.onboarding::before { animation-delay: 2.1s; }
@keyframes swing {
  10% { transform: rotate3d(0, 0, 1, 15deg); }
  20% { transform: rotate3d(0, 0, 1, -10deg); }
  30% { transform: rotate3d(0, 0, 1, 5deg); }
  40% { transform: rotate3d(0, 0, 1, -5deg); }
  100%, 50% { transform: rotate3d(0, 0, 1, 0deg); }
}
#notification-link { display: none ! important; float: left; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.3); padding: 0.462em 17px 0.308em; line-height: 1.692em; min-height: 1.692em; }
#notification-link::before { display: inline-block; content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_grey.svg"); background-repeat: no-repeat; background-size: 18px 18px; background-position: 8px 8.75px; }
.n-no-svg #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_grey.png"); }
#notification-link .hidden-span, #notification-link .notification-link__live { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; }
#notification-link.notifications-black-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_black.svg"); }
.n-no-svg #notification-link.notifications-black-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_black.png"); }
#notification-link .notification-link--triangle:first-of-type { position: absolute; left: 0px; top: 11px; border-left: 6px solid rgb(204, 204, 204); border-top: 6px solid transparent; border-bottom: 6px solid transparent; z-index: 1; }
#notification-link .notification-link--triangle:last-of-type { position: absolute; left: -1px; top: 12px; border-left: 5px solid rgb(255, 255, 255); border-top: 5px solid transparent; border-bottom: 5px solid transparent; z-index: 2; }
#notification-link:focus, #notification-link:hover { padding-bottom: 0px; }
@media (min-width: 37.5em) {
  #notification-link { padding: 0.462em 25px 0.308em; line-height: 2.27em; min-height: 2.27em; }
  #notification-link::before { background-position: 16px 12.75px; }
  #notification-link .notification-link--triangle:first-of-type { top: 15px; }
  #notification-link .notification-link--triangle:last-of-type { top: 16px; }
}
[class*="b-header"] #notification-link.notifications-grey-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_grey.svg") ! important; }
.n-no-svg [class*="b-header"] #notification-link.notifications-grey-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_grey.png") ! important; }
[class*="b-header"] #notification-link.notifications-black-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_white.svg"); }
.n-no-svg [class*="b-header"] #notification-link.notifications-black-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_white.png"); }
.b-header--white--black[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_black.svg"); }
.n-no-svg .b-header--white--black[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_black.png"); }
.b-header--black--white[class*="b-header"] #notification-link::before, .b-header--grey--white[class*="b-header"] #notification-link::before, .b-header--semitransparent-dark--white[class*="b-header"] #notification-link::before, .b-header--semitransparent-light--white[class*="b-header"] #notification-link::before, .b-header--semitransparent-medium--white[class*="b-header"] #notification-link::before, .b-header--transparent--white[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_white.svg"); }
.n-no-svg .b-header--black--white[class*="b-header"] #notification-link::before, .n-no-svg .b-header--grey--white[class*="b-header"] #notification-link::before, .n-no-svg .b-header--semitransparent-dark--white[class*="b-header"] #notification-link::before, .n-no-svg .b-header--semitransparent-light--white[class*="b-header"] #notification-link::before, .n-no-svg .b-header--semitransparent-medium--white[class*="b-header"] #notification-link::before, .n-no-svg .b-header--transparent--white[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_white.png"); }
[class*="b-header"] .orb-nav-active #notification-link::before, .orb-nav-active[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_black.svg") ! important; }
.n-no-svg [class*="b-header"] .orb-nav-active #notification-link::before, .n-no-svg .orb-nav-active[class*="b-header"] #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_black.png") ! important; }
[class*="b-header"] .orb-nav-active #notification-link.notifications-grey-bell::before, .orb-nav-active[class*="b-header"] #notification-link.notifications-grey-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_grey.svg") ! important; }
.n-no-svg [class*="b-header"] .orb-nav-active #notification-link.notifications-grey-bell::before, .n-no-svg .orb-nav-active[class*="b-header"] #notification-link.notifications-grey-bell::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_grey.png") ! important; }
#orb-header.orb-nav-pri .orb-nav-id #notification-link.orb-nav-focus-on, #orb-header.orb-nav-pri .orb-nav-id #notification-link:active, #orb-header.orb-nav-pri .orb-nav-id #notification-link:focus, #orb-header.orb-nav-pri .orb-nav-id #notification-link:hover { border-bottom: 4px solid rgb(0, 109, 239); }
.b-header--semitransparent-dark--white #notification-link::before, .b-header--semitransparent-light--white #notification-link::before, .b-header--semitransparent-medium--white #notification-link::before, .b-header--transparent--dark-grey #notification-link::before, .b-header--transparent--white #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_white.svg"); }
.n-no-svg .b-header--semitransparent-dark--white #notification-link::before, .n-no-svg .b-header--semitransparent-light--white #notification-link::before, .n-no-svg .b-header--semitransparent-medium--white #notification-link::before, .n-no-svg .b-header--transparent--dark-grey #notification-link::before, .n-no-svg .b-header--transparent--white #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_white.png"); }
.b-header--transparent--dark-grey #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/bell_white.svg"); }
.n-no-svg .b-header--transparent--dark-grey #notification-link::before { background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/img/bell_white.png"); }
@keyframes loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
bbc-notifications-settings .notifications-settings-item input[type="checkbox"]:checked + .notifications-settings-checkbox-hold::after { background-color: rgb(0, 123, 199); background-image: url("urn:not-loaded:http://mybbc.files.bbci.co.uk/s/notification-ui/2.3.1/svg/settings_ticker.svg"); background-position: 50% 50%; background-size: 25px auto; background-repeat: no-repeat; border: medium none; }
bbc-notifications-settings .notifications-settings-checkbox-hold::after { content: ""; display: block; width: 28px; height: 28px; margin-left: 38px; position: absolute; right: 8px; bottom: 50%; transform: translateY(50%); background-color: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); }