@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
1 lines • 93.6 kB
CSS
.sponsorship:after{content:"";display:table;clear:both}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeinright{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}20%{opacity:1}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fadeinright{-webkit-animation-name:fadeinright;animation-name:fadeinright}@-webkit-keyframes slideinright{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideinright{-webkit-animation-name:slideinright;animation-name:slideinright}@-webkit-keyframes scaleout{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px) scale(0.4);transform:translateX(-20px) scale(0.4)}}.scaleout{-webkit-animation-name:scaleout;animation-name:scaleout}@-webkit-keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.blink{-webkit-animation-name:blink;animation-name:blink}.section__live__pulse{-webkit-animation:blink 1.5s ease-in infinite}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}.aside{margin:24px 0px;border-top:1px dotted #dcdad5;padding:12px 0px;width:100%}@media all and (max-width: 28.12em){.aside{border-bottom:1px dotted #dcdad5}}.container{margin:0px 0px 24px 0px;border-top:1px solid #767676}.container__header,.container__footer{overflow:auto;font-family:"Guardian Text Sans Web",sans-serif;font-weight:bold;padding:8px 2px 24px 2px;display:table;width:100%}@media all and (max-width: 28.12em){.container__header,.container__footer{padding:2.8985507247%}}.container__title{color:#121212;vertical-align:top;display:table-cell}.container__title__label{font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:600;margin-top:-1px}@media all and (max-width: 40.62em){.container__title__label{font-size:2.4rem;line-height:3.6rem}}@media all and (min-width: 40.63em){.container__title__label{font-size:2.7rem;line-height:3.9rem}}.container__title__label .container__title__link{color:#121212}.container__title__label .container__title__link:active{color:#121212}.container__title__meta{color:#999;font-weight:600}.container__action{vertical-align:top;-webkit-text-size-adjust:none;display:table-cell}@media all and (max-width: 40.62em){.container__action{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.container__action{font-size:1.6rem;line-height:2.2rem}}.container__action.container__action--sort{padding-top:12px}.container__action--comment,.container__action--view-more{float:right}.container__action--comment .touchpoint__button:before{position:relative;top:-2px;left:2px}@media all and (max-width: 28.12em){.container--comments .container__header .touchpoint__label{display:none}}@media all and (min-width: 75em){.container--comments{margin:0}.container--comments .container__header{float:left;margin:20px;padding:0;width:200px}.container--comments .container__header>h2,.container--comments .container__header>span,.container--comments .container__header>div{display:block;width:200px}.container--comments .container__header .touchpoint__label{padding-left:0}.container--comments .container__title{margin-bottom:15px}.container--comments .container__body{margin-left:240px;margin-top:20px;width:858px}.container--comments .container__footer{margin-left:240px;width:858px}}.container__header{height:54px}.container__header .container__action .touchpoint--primary{display:none !important}.container__header .container__action .comments-closed-label .touchpoint__label{display:none}.comments--open .container__header{height:54px}.comments--open .container__header .container__action .touchpoint--primary{display:block !important}.comments--open .container__header .comments-closed-label .touchpoint__label{display:none !important}.container__body{overflow:hidden}.container--has-failed:not(.container--comments) .container__body{display:none}.android .container.comments--closed .container__action .touchpoint--primary{display:none !important}.android .container .container__action .touchpoint--primary{display:block !important}.android .container--related{margin-bottom:48px}.comments{margin:0;padding:0px 0px 24px 0px;overflow:hidden;background:#f6f6f6}.comments .comment__recommend .touchpoint__button,.comments .comment__recommend.touchpoint__button,.comments .comments__viewmore--button .touchpoint__button,.comments .comments__viewmore--button.touchpoint__button{border:solid 1px rgba(18,18,18,.5);color:#121212}.comments--module{border-top:1px solid #767676;max-width:1200px;margin:0 auto}@media all and (min-width: 75em){.comments__wrapper{margin-left:auto;margin-right:auto;margin-top:24px;max-width:1200px}.comments--page .comments__wrapper{margin-top:0}}.comments__header{position:relative;margin:6px 8px 36px 8px}@media all and (min-width: 40.63em){.comments__header{margin:12px 12px 18px 12px;min-height:44px}}@media all and (min-width: 40.63em)and (max-width: 74.99em){.android .comments__header{margin-left:12px}}@media all and (min-width: 75em){.comments--module .comments__header{float:left;margin:0;width:240px}.comments--module .comments__header .comments__post{display:none}}.comments__headline{font-size:2.1rem;line-height:2.4rem;margin-bottom:36px}@media all and (min-width: 40.63em){.comments__headline{font-size:2.55rem;line-height:3rem}}@media all and (min-width: 75em){.comments--module .comments__title,.comments--module .comments__label,.comments--module .comments__post{display:block;width:200px}}.comments__title .touchpoint__button::before,.comments__label .touchpoint__button::before,.comments__post .touchpoint__button::before{position:relative;top:-2px}.comments__title{font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:700;font-size:24px;padding-bottom:0}@media all and (min-width: 40.63em){.comments__title{line-height:1}}@media all and (min-width: 75em){.comments__title{margin-bottom:6px}}.comments__link,.comments__link:active,.comments .comments__link{color:#121212;font-size:24px;vertical-align:top}.comments__count{font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;color:#999;margin-left:4px}@media all and (min-width: 75em){.comments__count{margin:4px 0;display:block}}.comments--page .comments__count{font-size:1.4rem;line-height:1.6rem;margin-bottom:12px}@media all and (min-width: 40.63em){.comments--page .comments__count{font-size:1.7rem;line-height:2rem}}.comments__closed{-webkit-text-size-adjust:none;display:none;font-family:"Guardian Text Sans Web","Guardian Egyptian Web",sans-serif;margin-top:12px}@media all and (max-width: 40.62em){.comments__closed{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.comments__closed{font-size:1.6rem;line-height:2.2rem}}.comments--closed .comments__closed{display:block}.comments--page .comments__closed{text-align:right}.comments__post{padding:8px;margin:-6px;position:absolute;right:0}.comments__post .touchpoint__button{line-height:22px;width:32px;height:32px;font-size:16px}.comments__post .touchpoint__button::before{top:3px}.comments--module .comments__post{top:0}@media all and (max-width: 28.12em){.comments--module .comments__post .touchpoint__label{display:none}}.comments--page .comments__post{bottom:0}.comments--closed .comments__post{display:none}.comments__post .touchpoint__label{padding-left:0;padding:0 4px;margin-top:2px}.comments__container{overflow:hidden;padding:0;margin-top:24px}.comments--page .comments__container{margin-top:12px}@media all and (min-width: 75em){.comments__container{margin-top:20px}}.comments__block{font-family:"Guardian Text Sans Web",sans-serif}@media all and (max-width: 56.24em){.comments__block{margin:12px}}@media all and (min-width: 75em){.comments__block{margin-top:0}}.comments__block--empty,.comments__block--failed{display:none}@media all and (min-width: 40.63em)and (max-width: 74.99em){.comments__block--empty{margin-left:12px}}.comments-0:not(.comments--closed) .comments__block--empty{display:block}@media all and (min-width: 40.63em)and (max-width: 74.99em){.comments__block--failed{margin-left:12px}}.comments-has-failed .comments__block--failed{display:block}.comments .block{margin:12px 8px;border:solid 1px #dcdad5;border-top:1px solid #999;border-bottom:2px solid #dcdad5}@media all and (min-width: 75em){.comments .block{margin-right:0;margin-left:12px}}.comments__footer{overflow:hidden;margin:24px 12px 0px 0px}@media all and (min-width: 75em){.comments__footer{margin-right:0}}.comments__viewmore{float:right;padding:12px;margin:-12px}.comments-0 .comments__viewmore,.comments-1 .comments__viewmore,.container--has-failed .comments__viewmore{display:none}.comments__viewmore--button{line-height:22px;width:32px;height:32px;font-size:16px}.comments__viewmore--button::before{position:relative;top:3px}.comments__viewmore--label{padding:0px 4px;margin-top:2px}.comments__ordering{-webkit-text-size-adjust:none;font-family:"Guardian Text Sans Web",sans-serif;font-weight:700}@media all and (max-width: 40.62em){.comments__ordering{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.comments__ordering{font-size:1.6rem;line-height:2.2rem}}.comments--open .comments__ordering{line-height:44px}.comments--closed .comments__ordering{float:left}.comments .comments__footer .comments__post{display:none}@media all and (min-width: 75em){.comments .comments__footer .comments__post{display:block;position:relative;left:140px;top:32px}}@media all and (min-width: 40.63em)and (max-width: 74.99em){.comments{padding-left:4px;padding-right:4px}}.comments .block--highlighted{margin:12px 8px 24px 8px}.comments .block--highlighted .comment__container{padding:12px;margin-bottom:32px;background:#ffbb50}.comments .block--highlighted .comment__container .comment__options{background-color:#ffbb50}.comments .block--highlighted .comment__container:after{content:"";width:24px;height:24px;border-radius:0 0 24px;position:absolute;bottom:-24px;left:22px;background-color:#ffbb50}@media all and (min-width: 40.63em)and (max-width: 56.24em){.comments .block--highlighted .comment__container:after{left:33.802816896%}}@media all and (min-width: 56.25em){.comments .block--highlighted .comment__container:after{left:31.57894737%}}.comments .block--highlighted .comment__container .comment__viewthread{display:block;text-align:right;padding-bottom:6px;color:#121212}.comments .block--highlighted .comment__container .prose a:not(.video-URL,.contact-URL,.social-URL){color:#9f1f02;text-decoration:none;padding-bottom:.15em;background-image:linear-gradient(rgba(159, 31, 2, 0.33) 0%, rgba(159, 31, 2, 0.33) 100%);background-repeat:repeat-x;background-size:1px 1px;background-position:0 bottom}@media(-webkit-min-device-pixel-ratio: 1.75),(min-resolution: 168dpi){.comments .block--highlighted .comment__container .prose a:not(.video-URL,.contact-URL,.social-URL){background-image:linear-gradient(rgba(159, 31, 2, 0.33) 0%, rgba(159, 31, 2, 0.33) 100%);background-position:0 93%}}.comments .block--highlighted .comment__container .prose a:not(.video-URL,.contact-URL,.social-URL) a:active,.comments .block--highlighted .comment__container .prose a:not(.video-URL,.contact-URL,.social-URL):hover{color:#9f1f02;background-image:linear-gradient(to bottom, rgb(128.7801242236, 25.1080745342, 1.6198757764) 0%, rgb(128.7801242236, 25.1080745342, 1.6198757764) 100%)}.comments .block--highlighted .comment__container .prose blockquote{color:#121212}.comments .block--highlighted .comment__recommend{text-align:right;position:relative;float:right;margin-right:12px;margin-top:4px}.comments .block--highlighted .avatar{display:inline-block;margin:4px 6px 0 12px}@media all and (min-width: 40.63em)and (max-width: 56.24em){.comments .block--highlighted .avatar{margin-left:33.802816896%}}@media all and (min-width: 56.25em){.comments .block--highlighted .avatar{margin-left:31.57894737%}}.comments .block--highlighted .author-meta{display:inline-block;vertical-align:top;max-width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media all and (min-width: 75em){.comments .block--highlighted{margin-right:0;margin-left:12px}}.inline-list{list-style:none;margin:0;padding:0}.inline-list__item{display:inline-block;vertical-align:top}body[data-fullscreen-interactive]{margin:0}body[data-fullscreen-interactive] a{text-decoration:none}@media(prefers-color-scheme: dark){body[data-fullscreen-interactive].offline{background:#1a1a1a !important;color:#dcdcdc !important}body[data-fullscreen-interactive].offline .element-atom,body[data-fullscreen-interactive].offline .interactive-atom{background:#1a1a1a !important;color:#dcdcdc !important}}.interactive--offline{background-color:#f6f6f6;text-align:center;padding:1px 0;font-family:"Guardian Text Sans Web",sans-serif;-webkit-text-size-adjust:none;color:#767676;clear:both;margin:0}@media all and (max-width: 40.62em){.interactive--offline{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.interactive--offline{font-size:1.6rem;line-height:2.2rem}}body:not([data-fullscreen-interactive]) .interactive--offline{margin:0 -12px !important}body[data-fullscreen-interactive] .interactive--offline{-webkit-text-size-adjust:none}@media all and (max-width: 40.62em){body[data-fullscreen-interactive] .interactive--offline{font-size:2.24rem;line-height:3.08rem}}@media all and (min-width: 40.63em){body[data-fullscreen-interactive] .interactive--offline{font-size:2.24rem;line-height:3.08rem}}.interactive--offline:before{content:"Sorry, we are unable to display\athis content as you have\ano internet connection.\aPlease try again.";display:flex;align-items:center;justify-content:center;margin:3em}.interactive--offline *{display:none}.interactive--offline .interactive--offline--icon{display:inline-block;margin-top:1em;margin-bottom:3.5em;color:#767676;font-family:"Guardian Icons",Georgia,serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}.interactive--offline .interactive--offline--icon:after{display:inline-block;padding:7px 10px 13px;font-size:1.5em}.interactive--offline .interactive--offline--icon.interactive--offline--icon--reload:after{content:"";border:1px solid #767676;border-radius:50%}.interactive--offline .interactive--offline--icon.interactive--offline--icon--reload:active{color:#fff}.interactive--offline .interactive--offline--icon.interactive--offline--icon--reload:active:after{border:1px solid #fff}.interactive--offline .interactive--offline--icon.interactive--offline--icon--loading{display:none;-webkit-animation:fadeIn;-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:1s}.interactive--offline .interactive--offline--icon.interactive--offline--icon--loading:after{content:"";padding:7px 10px 15px}.interactive--offline.interactive--loading .interactive--offline--icon--reload{display:none}.interactive--offline.interactive--loading .interactive--offline--icon--loading{display:block}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.element-interactive .nav_wrapper.element{display:none}body[data-fullscreen-interactive] .element-interactive .nav_wrapper.element{display:initial}.more{padding:24px 0px}.more .more__label,.more .more__button{display:inline-block;vertical-align:middle;color:#fff;font-family:"Guardian Text Sans Web",sans-serif;font-weight:bold;padding:6px 18px 6px 14px;border-radius:40px;border:0;outline:none}@media all and (max-width: 40.62em){.more .more__label,.more .more__button{font-size:1.4rem;line-height:2.1rem}}@media all and (min-width: 40.63em){.more .more__label,.more .more__button{font-size:1.575rem;line-height:2.275rem}}.more .more__label{padding:6px 12px 6px 6px;position:static}.more .more__label:before{position:relative;font-size:110%;right:5px}.more .more__label:active{color:hsl(0,0%,90%)}.more .more__text,.more .more__icon{display:inline-block;padding:0px 6px}.more .more__text{vertical-align:top;margin-top:2px}.more--comments{padding-top:12px}@media all and (max-width: 40.62em){.more--comments{margin-left:52px}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.more--comments{margin-left:33.802816896%}}@media all and (min-width: 56.25em){.more--comments{margin-left:31.57894737%}}.more--live-blogs-blocks{text-align:center}@media all and (max-width: 40.62em){.more--live-blogs,.more--live-blogs-blocks{margin:0px 12px}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.more--live-blogs,.more--live-blogs-blocks{margin-left:33.802816896%}}@media all and (min-width: 56.25em){.more--live-blogs,.more--live-blogs-blocks{margin-left:31.57894737%}}@media all and (min-width: 75em){.more--live-blogs,.more--live-blogs-blocks{margin:0 auto;max-width:1200px;padding-left:240px}}.more--live-blogs .more__button,.more--live-blogs-blocks .more__button{background-color:#b51800}.more--live-blogs .more__button:active,.more--live-blogs-blocks .more__button:active{background-color:rgb(130,17.2375690608,0)}.tags{-webkit-text-size-adjust:none;background-color:#fff;color:#999;font-family:"Guardian Text Sans Web",sans-serif;width:100%;clear:both}@media all and (max-width: 40.62em){.tags{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.tags{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 75em){.tags{margin:0 auto;width:1200px;padding-left:0;padding-right:0}}.tags .hide-tags{display:none}.tags .show-tags{display:inline-block}.tags__inline-list{display:none}.tags__inline-list:not(:empty){display:block;padding:5px 12px 20px 8px}@media all and (min-width: 75em){.tags__inline-list:not(:empty){margin-left:232px;width:940px}}.tags__list-item{margin:1rem 0}@media(inverted-colors: inverted){.tags__list-item{filter:invert(100%)}}.tags__list-item a{white-space:nowrap;padding:6px 16px;border-radius:30px;text-overflow:ellipsis;max-width:18.75rem;color:#121212;background-color:#f6f6f6}.tags__list-item a:active{color:#000;background-color:rgb(220.5,220.5,220.5)}.tags__list-item.more-button a{background-color:rgba(0,0,0,0) !important;color:#121212;border:1px solid rgb(220.5,220.5,220.5)} .tags__list-item.more-button a:active{color:#000;border:1px solid #c3c3c3}@media(inverted-colors: inverted){.tags__list-item #more{filter:invert(100%)}}.related-content{background-color:#f6f6f6}@media all and (min-width: 75em){.related-content{margin:0 auto;padding-left:240px;padding-right:340px;width:1200px}}.font-size-1 .resizable{font-size:70%;line-height:1.5}.font-size-2 .resizable{font-size:80%;line-height:1.5}.font-size-3 .resizable{font-size:90%;line-height:1.5}.font-size-4 .resizable{font-size:100%;line-height:1.5}.font-size-5 .resizable{font-size:110%;line-height:1.5}.font-size-6 .resizable{font-size:120%;line-height:1.5}.font-size-7 .resizable{font-size:130%;line-height:1.5}.font-size-8 .resizable{font-size:140%;line-height:1.5}.font-size-9 .resizable{font-size:150%;line-height:1.5}.font-size-10 .resizable{font-size:160%;line-height:1.5}.garnett--type-media[data-content-type=gallery] .resizable-media{font-size:1.6rem;line-height:2.2rem}.garnett--type-media.font-size-1 .resizable-media{font-size:70%;line-height:1.7rem}.garnett--type-media.font-size-2 .resizable-media{font-size:80%;line-height:1.8rem}.garnett--type-media.font-size-3 .resizable-media{font-size:90%;line-height:1.9rem}.garnett--type-media.font-size-5 .resizable-media{font-size:110%;line-height:2.6rem}.garnett--type-media.font-size-6 .resizable-media{font-size:120%;line-height:2.8rem}.garnett--type-media.font-size-7 .resizable-media{font-size:130%;line-height:3rem}.garnett--type-media.font-size-8 .resizable-media{font-size:140%;line-height:3.2rem}.garnett--type-media.font-size-9 .resizable-media{font-size:150%;line-height:3.4rem}.garnett--type-media.font-size-10 .resizable-media{font-size:160%;line-height:3.6rem}.line-height-0 .resizable-line-height{line-height:1.5}.line-height-1 .resizable-line-height{line-height:1.6}.line-height-2 .resizable-line-height{line-height:1.7}.line-height-3 .resizable-line-height{line-height:1.8}.line-height-4 .resizable-line-height{line-height:1.9}.line-height-5 .resizable-line-height{line-height:2}.line-height-6 .resizable-line-height{line-height:2.1}.line-height-7 .resizable-line-height{line-height:2.2}.line-height-8 .resizable-line-height{line-height:2.3}.line-height-9 .resizable-line-height{line-height:2.4}.line-height-10 .resizable-line-height{line-height:2.5}.sponsorship{padding:12px 12px 16px 12px;font-family:"Guardian Text Sans Web",sans-serif;line-height:1.2;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;align-items:flex-start;-webkit-align-items:flex-start;font-size:1.2rem}@media all and (min-width: 75em){.sponsorship{background-color:#fff;padding-left:240px;margin:0 auto;max-width:1200px}}.sponsorship.paid{display:none}.sponsorship__formatted-sponsor-name{color:#878787;display:inline-block;margin:0px 12px 6px 0px;vertical-align:top}.sponsorship__about-uri{margin-top:4px;display:block}.garnett--type-media .sponsorship__about-uri{color:#878787}.sponsorship__logo{max-height:60px}.atom-embed{height:max-content;width:100%;border:0;margin:1em 0}iframe.scrolly{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}.campaign--snippet{border-top:1px #dcdcdc solid;border-bottom:1px #dcdcdc solid;position:relative;padding:12px;margin:16px -10px 36px}.campaign--snippet:not([open]) .is-on,.campaign--snippet[open] .is-off{display:none}.campaign--snippet[open]{background:#ededed}.campaign--snippet p{font-size:14px;line-height:18px;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:400;padding-top:2px}.campaign--snippet.campaign--success form{color:#121212;padding:8px 0px 10px 10px}.campaign--snippet.campaign--success form p{font-weight:700;font-family:"Guardian Text Sans Web",sans-serif}.campaign__error{padding:0 12px 24px 12px;margin-top:-35px;margin-bottom:20px;color:#880105}.campaign__error p{font-family:"Guardian Text Sans Web",sans-serif;padding-top:0}p.campaign__info{color:#006d67;font-family:"Guardian Text Sans Web",sans-serif}.campaign--snippet .form_submit button{color:#fff;background-color:#c70000}.campaign--snippet .form_submit button:enabled:hover,.campaign--snippet .form_submit button:enabled :active{background-color:rgb(173.5,0,0)}.garnett--pillar-news .campaign--snippet .form_submit button:enabled:hover,.garnett--pillar-news .campaign--snippet .form_submit button:enabled:active{background-color:rgb(173.5,0,0)}.garnett--pillar-sport .campaign--snippet .form_submit button:enabled:hover,.garnett--pillar-sport .campaign--snippet .form_submit button:enabled:active{background-color:rgb(0,69.9927007299,111.5)}.garnett--pillar-opinion .campaign--snippet .form_submit button:enabled:hover,.garnett--pillar-opinion .campaign--snippet .form_submit button:enabled:active{background-color:rgb(166.3732394366,73.0633802817,21.1267605634)}.garnett--pillar-arts .campaign--snippet .form_submit button:enabled:hover,.garnett--pillar-arts .campaign--snippet .form_submit button:enabled:active{background-color:rgb(91.0438596491,74.8771929825,54.4561403509)}.garnett--pillar-lifestyle .campaign--snippet .form_submit button:enabled:hover,.garnett--pillar-lifestyle .campaign--snippet .form_submit button:enabled:active{background-color:hsl(327.65625,52.0325203252%,43.2352941176%)}.garnett--pillar-news .campaign--snippet .form_submit button:disabled{background-color:rgb(224.5,0,0)}.garnett--pillar-sport .campaign--snippet .form_submit button:disabled{background-color:rgb(0,102.0072992701,162.5)}.garnett--pillar-opinion .campaign--snippet .form_submit button:disabled{background-color:rgb(211.6267605634,92.9366197183,26.8732394366)}.garnett--pillar-arts .campaign--snippet .form_submit button:disabled{background-color:hsl(33.488372093,25.1461988304%,38.5294117647%)}.garnett--pillar-lifestyle .campaign--snippet .form_submit button:disabled{background-color:hsl(327.65625,52.0325203252%,53.2352941176%)}.garnett--pillar-news .campaign--snippet .form_submit button{color:#fff;background-color:#c70000}.garnett--pillar-sport .campaign--snippet .form_submit button{color:#fff;background-color:#005689}.garnett--pillar-opinion .campaign--snippet .form_submit button{color:#fff;background-color:#bd5318}.garnett--pillar-arts .campaign--snippet .form_submit button{color:#fff;background-color:#6b5840}.garnett--pillar-lifestyle .campaign--snippet .form_submit button{color:#fff;background-color:#bb3b80}.campaign--snippet__handle{color:#fff;background-color:#121212}.campaign--snippet__handle:hover,.campaign--snippet__handle :active{color:#121212}.campaign--snippet__handle:hover .icon,.campaign--snippet__handle :active .icon{fill:#121212}.garnett--pillar-news .campaign--snippet__handle:hover,.garnett--pillar-news .campaign--snippet__handle :active{color:#fff;background-color:#c70000}.garnett--pillar-news .campaign--snippet__handle:hover .icon,.garnett--pillar-news .campaign--snippet__handle :active .icon{fill:#fff}.garnett--pillar-sport .campaign--snippet__handle:hover,.garnett--pillar-sport .campaign--snippet__handle :active{color:#fff;background-color:#005689}.garnett--pillar-sport .campaign--snippet__handle:hover .icon,.garnett--pillar-sport .campaign--snippet__handle :active .icon{fill:#fff}.garnett--pillar-opinion .campaign--snippet__handle:hover,.garnett--pillar-opinion .campaign--snippet__handle :active{color:#fff;background-color:#bd5318}.garnett--pillar-opinion .campaign--snippet__handle:hover .icon,.garnett--pillar-opinion .campaign--snippet__handle :active .icon{fill:#fff}.garnett--pillar-arts .campaign--snippet__handle:hover,.garnett--pillar-arts .campaign--snippet__handle :active{color:#fff;background-color:#6b5840}.garnett--pillar-arts .campaign--snippet__handle:hover .icon,.garnett--pillar-arts .campaign--snippet__handle :active .icon{fill:#fff}.garnett--pillar-lifestyle .campaign--snippet__handle:hover,.garnett--pillar-lifestyle .campaign--snippet__handle :active{color:#fff;background-color:#bb3b80}.garnett--pillar-lifestyle .campaign--snippet__handle:hover .icon,.garnett--pillar-lifestyle .campaign--snippet__handle :active .icon{fill:#fff}.campaign--snippet>summary{outline:none;padding:0;list-style:none}.campaign--snippet>summary::-webkit-details-marker{display:none}.campaign--snippet>summary .campaign--kicker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.campaign--snippet>summary .campaign--kicker .heading{margin-right:10px}.campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin-right:10px}.campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#121212;background-color:#ffe500;padding:6px 10px 10px;line-height:18px;min-width:84px}.campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{color:#121212;background-color:#ffe500}.garnett--pillar-news .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#fff;background-color:#c70000}.garnett--pillar-news .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{color:#fff;background-color:#c70000}.garnett--pillar-sport .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#fff;background-color:#005689}.garnett--pillar-sport .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{color:#fff;background-color:#005689}.garnett--pillar-opinion .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#fff;background-color:#bd5318}.garnett--pillar-opinion .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{background-color:#bd5318}.garnett--pillar-arts .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#fff;background-color:#6b5840}.garnett--pillar-arts .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{background-color:#6b5840}.garnett--pillar-lifestyle .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble{color:#fff;background-color:#bb3b80}.garnett--pillar-lifestyle .campaign--snippet>summary .campaign--kicker>.campaign--snippet__heading-logo .speech-bubble::after{background-color:#bb3b80}.campaign--snippet__header{margin:0 0 6px}.campaign--snippet__headline{font-size:18px;line-height:22px;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:500;padding-top:1px}.campaign--snippet__heading-logo{font-size:18px;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:500}.campaign--snippet__handle{font-family:"Guardian Text Sans Web",sans-serif;font-size:13px;font-weight:bold;position:absolute;bottom:0;-webkit-transform:translate(0, 50%);-ms-transform:translate(0, 50%);transform:translate(0, 50%);padding:3px 15px 0 6px;margin-left:5px}.campaign--snippet__handle span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.campaign--snippet__handle .icon{fill:#fff;width:16px;height:16px;margin:-3px 6px 0 4px}.campaign__button--rounded{border-radius:100em}.campaign__button--large{height:2.25em}.campaign__button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:0;margin:0 0 0 10px}.campaign__button svg:not(:root){overflow:hidden}.garnett--pillar-news .campaign--snippet__handle:focus{background-color:#c70000}.speech-bubble{position:relative}.speech-bubble::after{content:"";width:20px;height:22px;border-radius:0 0 18px;position:absolute;bottom:-12px;left:10px}.campaign--snippet form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.campaign--snippet form [type=radio],.campaign--snippet form [type=checkbox]{margin-left:0}.campaign--snippet .form_input:not(:first-child){margin:0 0 20px}.campaign--snippet .form_input.form_input--radio .form_field,.campaign--snippet .form_input.form_input--checkbox .form_field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.campaign--snippet .form_input.form_input--radio .form_field label,.campaign--snippet .form_input.form_input--checkbox .form_field label{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.campaign--snippet .form_input.form_input--radio .form_field input,.campaign--snippet .form_input.form_input--checkbox .form_field input{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin:2px 4px 0 13px;min-width:16px}.campaign--snippet .form_input textarea{max-width:100%;min-height:80px}.campaign--snippet .form_input .form_option_container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:10px}.campaign--snippet .form_input .form_option_container label{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin:2px 0 0 4px;font-size:14px;line-height:18px;font-weight:400;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif}.campaign--snippet .form_field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-top:1px solid #dcdcdc}.campaign--snippet .form_field input{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;padding:10px 0 10px 4px}.campaign--snippet .form_field input,.campaign--snippet .form_field select,.campaign--snippet .form_field textarea{border:1px solid #ededed;font-family:"Guardian Text Sans Web",sans-serif;font-size:14px;line-height:20px;margin:0 10px}.campaign--snippet .form_field .form_field_label{margin:1px 0 6px 3px;padding:0 10px;font-size:16px;line-height:20px;font-weight:500;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif}.campaign--snippet .form_field .form_field_label span{font-weight:200;margin-right:10px}.campaign--snippet .form_footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;border-top:1px #dcdcdc solid;padding-right:12px}.campaign--snippet .form_footer .form_submit{-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:4px 0 40px 10px}.campaign--snippet .form_footer .form_submit .button{padding:6px 16px;border:0}.campaign--snippet .form_footer .t_and_c{-webkit-box-flex:1;-ms-flex:auto;flex:auto;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:"Guardian Text Egyptian Web",Georgia,serif;font-size:12px}.campaign--snippet .form_footer .t_and_c a{-webkit-box-flex:1;-ms-flex:auto;flex:auto;color:#121212;margin:8px 0 0;background-image:none !important}.callout--container{display:block;position:relative}.callout--snippet_heading{display:block;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-size:20px;font-weight:700;color:#0077b6}.callout--snippet_title{display:block;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-size:20px;font-weight:500}.callout__description{font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:400;font-size:17px}.callout--details{margin:16px 0 36px;background:#f6f6f6;color:#000;padding:0 5px 6px;border-image:repeating-linear-gradient(to bottom, #dcdcdc, #dcdcdc 1px, transparent 1px, transparent 4px) 13;border-top:13px solid #000;position:relative}.callout--snippet.campaign--success form{color:#121212;padding:8px 0px 10px 10px}.callout--snippet.campaign--success form p{font-weight:700;font-family:"Guardian Text Sans Web",sans-serif}.campaign__error{padding:0 12px 24px 12px;margin-top:-35px;margin-bottom:20px;color:#880105}.campaign__error p{font-family:"Guardian Text Sans Web",sans-serif;padding-top:0}p.campaign__info{color:#006d67;font-family:"Guardian Text Sans Web",sans-serif}.callout--snippet .form_submit button{color:#fff;background-color:#c70000}.callout--snippet .form_submit button:enabled:hover,.callout--snippet .form_submit button:enabled :active{background-color:rgb(173.5,0,0)}.callout--snippet>summary{outline:none;padding:0;list-style:none}.callout--snippet>summary::-webkit-details-marker{display:none}.callout--snippet form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.callout--snippet form [type=radio],.callout--snippet form [type=checkbox]{margin-left:0}.callout--snippet .form_input:not(:first-child){margin:0 0 20px}.callout--snippet .form_input.form_input--radio .form_field,.callout--snippet .form_input.form_input--checkbox .form_field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.callout--snippet .form_input.form_input--radio .form_field label,.callout--snippet .form_input.form_input--checkbox .form_field label{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.callout--snippet .form_input.form_input--radio .form_field input,.callout--snippet .form_input.form_input--checkbox .form_field input{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin:2px 4px 0 13px;min-width:16px}.callout--snippet .form_input textarea{max-width:100%;min-height:80px}.callout--snippet .form_input .form_option_container{display:-webkit-box;display:-ms-flexbox;display:flex;padding-right:10px}.callout--snippet .form_input .form_option_container label{-webkit-box-flex:initial;-ms-flex:initial;flex:initial;margin:2px 0 0 4px;font-size:14px;line-height:18px;font-weight:400;font-family:"Guardian Text Sans Web",sans-serif}.form_field{display:flex;flex-direction:column;margin-bottom:16px}.form_field label{font-weight:700}.callout--snippet .form_field{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.callout--snippet .form_field input{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;padding:10px 0 10px 4px}.callout--snippet .form_field input,.callout--snippet .form_field select,.callout--snippet .form_field textarea{border:1px solid #707070;font-family:"Guardian Text Sans Web",sans-serif;font-size:14px;line-height:20px;margin:0 10px}.callout--snippet .form_field .form_field_label{margin:1px 0 6px 3px;padding:0 10px;font-size:16px;line-height:20px;font-weight:700;font-family:"Guardian Text Sans Web",sans-serif}.callout--snippet .form_field .form_field_label span{font-weight:200;margin-right:10px}.form_footer{display:flex;justify-content:center}.callout--snippet .form_footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-right:12px;display:flex;justify-content:center}.callout--snippet .form_footer .form_submit{-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:4px 0 40px 10px}.callout--snippet .form_footer .form_submit .button{padding:6px 16px;border:0}.form_field_description{color:#707070}input[type=file]::file-selector-button{margin-top:10px;background-color:#fff;border:#000 1px solid;font-family:"Guardian Text Sans Web",sans-serif;font-weight:700;color:#000}summary{list-style:none;margin:0 0 16px}summary::-webkit-details-marker{display:none}summary:focus{outline:none}.callout__toggle--isOpen,.callout__toggle--isClosed{align-items:center}.callout__toggle--isOpen,details[open]>summary .callout__toggle--isClosed{display:none}.callout__toggle--isClosed,details[open]>summary .callout__toggle--isOpen{display:flex;align-items:start;padding-top:4px}.calllout--snippet_title{font-weight:"medium";margin:0;line-height:22px}.callout__toggle{font-family:"Guardian Text Sans Web",sans-serif;font-weight:700;background:#000;color:#fff;height:33px;position:absolute;bottom:0;transform:translate(0, 50%);padding:0 18px;border-radius:100em;cursor:pointer;border:0;margin:0}.callout__toggle__svg{margin-top:4px}.callout__toggle__svg svg{margin-right:12px;fill:#fff}.callout__body{height:auto;margin-bottom:36px}.share__container{margin:12px 0px;display:flex;flex-direction:row}.share__icon{border:1px #0077b6 solid;height:32px;width:32px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.share__icon svg{height:16px;width:16px;fill:#0077b6}.tab,.message{padding:0px 8px}.tab__container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:16px;padding:0px 8px;position:relative}.tab__container::before{content:"";display:block;width:14px;height:1px;background-color:#999;bottom:0;position:absolute;left:-5px}.tab__container::after{content:"";display:block;width:14px;height:1px;background-color:#999;bottom:0;position:absolute;right:-5px}.tab__button{width:100%;height:65px;padding:12px 0px;gap:10px;background:#f6f6f6;border-left:1px solid #999;border-top:1px solid #999;border-right:1px solid #999;font-family:"Guardian Text Sans Web",sans-serif;font-weight:700}.tab__button--form{border-radius:8px 0px 0px 0px;border-bottom-width:0px}.tab__button--message{border-radius:0px 8px 0px 0px;border-bottom:1px solid #999;background-color:#dcdcdc}.message{height:auto;display:flex}.form_submit__button{all:unset;cursor:pointer;margin:6px 0px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px 24px;width:87vw;height:44px;background:#052962;border:1px solid #052962;border-radius:30px;color:#fff;font-family:"Guardian Text Sans Web",sans-serif;font-weight:700;font-size:17px}.form_submit__button svg{margin-right:8px}.message__body{display:flex;flex-direction:column;align-items:center}.terms-and-conditions{margin-bottom:16px}.contact-URL{color:#0077b6;text-decoration:none;padding-bottom:.15em;background-image:linear-gradient(rgba(0, 119, 182, 0.33) 0%, rgba(0, 119, 182, 0.33) 100%);background-repeat:repeat-x;background-size:1px 1px;background-position:0 bottom}@media(-webkit-min-device-pixel-ratio: 1.75),(min-resolution: 168dpi){.contact-URL{background-image:linear-gradient(rgba(0, 119, 182, 0.33) 0%, rgba(0, 119, 182, 0.33) 100%);background-position:0 93%}}.contact-URL a:active,.contact-URL a:hover{color:#052962;background-image:linear-gradient(to bottom, rgb(3.5145631068, 28.8194174757, 68.8854368932) 0%, rgb(3.5145631068, 28.8194174757, 68.8854368932) 100%)}.form_option_row{margin-bottom:6px}.form_option_row input{margin-right:6px}.form_option_row label{font-weight:500}.success__container{display:flex;flex-direction:column;padding-bottom:40px}.success__icon{padding:8px 0px}.success__header{font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:700;font-size:20px;line-height:27px}.success__body{font-family:"Guardian Text Sans Web",sans-serif;font-weight:400;font-size:14px;line-height:18.9px}.expired-content,.expired-content body{background:#fff}.error-message{padding:12px}.error-message .error-message__title{margin-bottom:24px}.error-message .error-message__text{margin:12px 0px}.block--discussion-thread .comment:nth-of-type(n+5){display:none}.block--discussion-thread.block--discussion-thread--checked{margin-top:0}.block--discussion-thread.expand .comment{display:block}.block--discussion-thread.block--discussion-thread--orphan .comment{display:block}.block--discussion-empty,.block--discussion-failed{color:#767676;-webkit-text-size-adjust:none;display:none}@media all and (max-width: 40.62em){.block--discussion-empty,.block--discussion-failed{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.block--discussion-empty,.block--discussion-failed{font-size:1.6rem;line-height:2.2rem}}.comments-0 .block--discussion-empty{display:block}.comments-0 .container__action--sort a,.comments-1 .container__action--sort a,.container--has-failed .container__action--sort a{color:#767676}.comments-0 .container__action--view-more,.comments-1 .container__action--view-more,.container--has-failed .container__action--view-more{display:none}.container__action .comments-closed-label{color:#767676;text-align:right}.comments--closed .container__header .container__title .container__title__label{line-height:2.6rem}.comments--closed .container__header .container__title .touchpoint.comments-closed-label .touchpoint__label{color:#767676;padding:0;display:block}.comments--closed .container__header .container__action .comments-closed-label .touchpoint__label{display:block;padding-top:12px}.comments--closed .container__header .container__action .touchpoint--primary{display:none !important}.container--has-failed .more--comments,.container--has-failed .block--discussion-empty{display:none}[class*=block--live-]{padding-top:0}@media all and (min-width: 40.63em){[class*=block--live-]{padding-top:12px}}@media all and (min-width: 75em){[class*=block--live-]{padding-left:20px;padding-right:20px}}[class*=block--live-] .block__time{color:#767676;display:inline-block;font-family:"Guardian Text Sans Web",sans-serif;padding:12px 0px;vertical-align:top}@media all and (min-width: 40.63em){[class*=block--live-] .block__time{float:left;height:100px;padding:0px 12px 0px 0px;margin-top:-5px}}@media all and (min-width: 40.63em)and (max-width: 56.24em){[class*=block--live-] .block__time{width:33.802816896%}}@media all and (min-width: 56.25em){[class*=block--live-] .block__time{width:31.57894737%}}@media all and (min-width: 75em){[class*=block--live-] .block__time{width:220px}}@media all and (max-width: 74.99em){[class*=block--live-] .block__body .element-rich-link{width:100%}}@media all and (min-width: 40.63em){[class*=block--live-] .block__body{float:left}[class*=block--live-] .block__body .twitter-tweet,[class*=block--live-] .block__body .js-tweet{position:relative}[class*=block--live-] .block__body .twitter-tweet::before,[class*=block--live-] .block__body .js-tweet::before{position:absolute;left:-4rem}[class*=block--live-] .block__body .twitter-tweet::before,[class*=block--live-] .block__body .js-tweet::before{left:-5rem}}@media all and (min-width: 40.63em)and (max-width: 56.24em){[class*=block--live-] .block__body{width:66.197183088%}}@media all and (min-width: 56.25em){[class*=block--live-] .block__body{width:68.421052635%}}@media all and (min-width: 75em){[class*=block--live-] .block__body{width:620px}}[class*=block--live-] .block__updated{clear:both;color:#999;font-family:"Guardian Text Sans Web",sans-serif;font-size:1.3rem;line-height:2.2rem;margin-top:12px}[class*=block--live-] .block__byline{border-left:1px solid #ededed;display:inline-block;padding:6px 12px;margin:0px 0px 12px 12px;vertical-align:top}@media all and (min-width: 40.63em){[class*=block--live-] .block__byline{border:0;float:left;margin:0px 0px 12px 0px;padding:0}}@media all and (min-width: 75em){[class*=block--live-] .block__byline{width:620px}}[class*=block--live-] .block__avatar{background:#f6f6f6;border-radius:50%;display:inline-block;height:40px;margin-right:6px;overflow:hidden;position:relative;vertical-align:middle;width:40px}[class*=block--live-] .block__avatar img{left:50%;max-height:100%;position:absolute;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto}[class*=block--live-] .block__author{display:inline;line-height:40px}[class*=block--live-] .prose blockquote{margin-right:0;margin-left:0}[class*=block--live-] .prose figure.figure-inline{float:none;clear:both}[class*=block--live-] .prose figure.element--thumbnail:first-child{margin-top:2px}@media all and (min-width: 75em){[class*=block--live-] .prose figure.element--thumbnail:first-child{margin-top:20px}}[class*=block--live-] .prose figure:last-child figcaption:not(.figure--thumbnail,.figure-wide,.figure--thumbnail-with-caption){border-bottom:0}[class*=block--live-] .prose figcaption{padding:2px 0px 12px 4px}@media all and (max-width: 28.12em){[class*=block--live-] .prose figure.portrait-thumbnail figcaption{padding:0 0 0 6px}[class*=block--live-] .prose figure.portrait-thumbnail .element-image__caption{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical}}@media all and (min-width: 28.13em)and (max-width: 74.99em){[class*=block--live-] .prose figure.portrait-thumbnail,[class*=block--live-] .prose figure.landscape-thumbnail{margin-bottom:2px}}[class*=block--live-] .prose p:first-child{margin-top:-2px}[class*=block--live-] .prose h2:first-child{margin-top:-3px;margin-bottom:1em}[class*=block--live-] .prose h2+.figure--thumbnail-with-caption,[class*=block--live-] .prose h2+.figure--thumbnail{margin:6px 9px 6px 0}.comment{font-family:"Guardian Text Sans Web",sans-serif}@media all and (max-width: 40.62em){.comment{font-size:1.6rem;line-height:2.4rem}}@media all and (min-width: 40.63em){.comment{font-size:1.8rem;line-height:2.6rem}}.comment.comment--open .comment__options{display:block}.comment.is-response-hidden{display:none}.comment.blocked{color:#999}.comment.blocked .comment__header{opacity:.5}.comment.blocked .comment__recommend{display:none}.comment__container{min-height:64px;margin-bottom:12px;position:relative}.comment__header{word-break:break-all;word-wrap:break-word;margin-top:-2px;padding:0px 12px 9px 0px;overflow:auto}@media all and (min-width: 40.63em)and (max-width: 56.24em){.comment__header{width:33.802816896%;float:left}}@media all and (min-width: 56.25em){.comment__header{width:31.57894737%;float:left;overflow:hidden}}.comment__header .avatar--user{margin:4px 8px 8px 0px;float:left}.comment__body{word-break:break-word;word-wrap:break-word;padding-bottom:12px}@media all and (min-width: 40.63em)and (max-width: 56.24em){.comment__body{margin-right:7.04225352%;margin-left:33.802816896%}}@media all and (min-width: 56.25em){.comment__body{margin-right:5.263157895%;margin-left:31.57894737%}}.comment__body blockquote:first-child{mar