@guardian/mobile-apps-article-templates/ArticleTemplates/assets/css/style-sync.css

Templates for articles on both iOS and Android next-gen apps

.display-hint--photoEssay .prose figure.element-image+ul li,.main-media:not(.main-media--hidden-caption) .main-media__caption__icon,.figure__caption__icon{display:inline-block;margin-right:6px;position:relative;top:2px}.article__body:after,.match-summary__team:after{content:"";display:table;clear:both}html{font-size:62.5%;font-family:"Guardian Text Egyptian Web",Georgia,serif}body{font-size:1.7em;line-height:1.5em}html,body,object,iframe,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,span,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,mark,q,s,samp,small,strike,strong,sub,sup,time,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,summary,audio,video{list-style:none;margin:0;padding:0;border:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{background-color:#f6f6f6;color:#121212;width:100%;max-width:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}blockquote,q{quotes:none}blockquote::after,q::after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:#121212;text-decoration:none}a:active{color:#121212}a,button,input[type=button],input[type=submit]{-ms-touch-action:manipulation;touch-action:manipulation}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button,select{text-transform:none}button{overflow:visible}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-font-smoothing:antialiased}iframe{display:block;width:100%}.icon{font-family:"Guardian Icons",Georgia,serif}[data-icon]::before{font-family:"Guardian Icons",Georgia,serif;content:attr(data-icon);speak:none}.advert-slot{-webkit-text-size-adjust:none;color:#767676;font-family:"Guardian Text Sans Web",sans-serif;background:#ededed;display:none;overflow:auto}@media all and (max-width: 40.62em){.advert-slot{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.advert-slot{font-size:1.6rem;line-height:2.2rem}}.advert-slot div,.advert-slot img{vertical-align:middle}.advert-slot .advert-slot__action{color:#767676 !important;background-image:none !important;display:none;padding-right:30px;position:absolute;right:0}body[data-ads-enable-hiding=true] .advert-slot .advert-slot__action{display:inline}.advert-slot .advert-slot__action span[data-icon]{font-size:1.3em;position:absolute;right:0;top:-4px}.advert-slot .advert-slot__action.test{padding-right:40px;padding-top:4px;color:#121212 !important}.advert-slot .advert-slot__action.test span[data-icon]{color:#121212;border:solid 1px #999;border-radius:100%;text-align:center;width:32px;height:32px;display:inline-block;right:0px;font-size:16px;top:-2px}.advert-slot .advert-slot__action.test span[data-icon]::before{line-height:26px;position:relative}.advert-slot .advert-slot__wrapper{position:relative;overflow:hidden}.advert-slot .advert-slot__wrapper__content{position:absolute;bottom:0}.advert-slot--mpu{border-top:1px solid #dcdad5;border-bottom:1px solid #dcdad5;display:block;margin:0 auto;width:300px}@media all and (max-width: 35em){.advert-slot--mpu{width:100vw;margin-left:-12px}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.advert-slot--mpu{width:100%;margin:12px 0}}@media all and (min-width: 56.25em){.advert-slot--mpu{float:right;margin:0 -330px 24px 24px;clear:both}}.advert-slot--mpu .advert-slot__label{height:54px;margin:0 auto;padding:12px 0px 12px 12px;width:100%;position:relative;text-align:center}.advert-slot--mpu .advert-slot__label .advert-slot__action{right:12px}.advert-slot--mpu .advert-slot__wrapper{height:250px;margin:0 auto 16px auto;padding-top:250px}@media all and (max-width: 35em){.advert-slot--mpu .advert-slot__wrapper{margin:0 0 16px 0;width:100%}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.advert-slot--mpu .advert-slot__wrapper{margin-top:-24px}}@media all and (min-width: 56.25em){.advert-slot--mpu .advert-slot__wrapper{margin-bottom:0}}@media all and (max-width: 56.24em){.advert-slot--mpu .advert-slot__wrapper--1{height:344px;margin-left:auto;margin-right:auto}}@media all and (min-width: 56.25em){.advert-slot--mpu .advert-slot__wrapper.test__banner{margin-bottom:16px}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.advert-slot--mpu .advert-slot__wrapper.test{margin-top:0}}@media all and (min-width: 40.63em)and (max-width: 56.24em){.ios .advert-slot--mpu .advert-slot__wrapper{margin-left:calc(50% - 150px)}}.advert-slot--false{display:none !important}.article--liveblog .article__body .advert-slot.advert-slot--mpu{float:none;margin:0 auto;position:static}.garnett--type-media .advert-slot--mpu{border-top:solid 1px #767676;border-bottom:solid 1px #767676;background:#333;color:#dcdcdc}.garnett--type-media .advert-slot--mpu .advert-slot__action{color:#dcdcdc !important}.garnett--type-media[data-content-type=gallery] .advert-slot--mpu,.is_advertising.garnett--type-guardianlabs[data-content-type=gallery] .advert-slot--mpu{margin:0 0 32px 0}@media all and (min-width: 40.63em){.garnett--type-media[data-content-type=gallery] .advert-slot--mpu,.is_advertising.garnett--type-guardianlabs[data-content-type=gallery] .advert-slot--mpu{clear:both;position:relative;top:auto;margin-left:8px;margin-right:8px;width:calc(100% - 16px);display:block}.garnett--type-media[data-content-type=gallery] .advert-slot--mpu .advert-slot__wrapper,.is_advertising.garnett--type-guardianlabs[data-content-type=gallery] .advert-slot--mpu .advert-slot__wrapper{margin-left:calc(50% - 150px);margin-top:-24px;margin-bottom:12px}}@media all and (min-width: 56.25em){.garnett--type-media[data-content-type=gallery] .advert-slot--mpu,.is_advertising.garnett--type-guardianlabs[data-content-type=gallery] .advert-slot--mpu{float:left;width:calc(70% - 8px*2)}}.alerts{-webkit-text-size-adjust:none;font-family:"Guardian Text Sans Web",sans-serif;white-space:nowrap;margin:0px;display:inline-block;border-radius:30px;max-width:100%;color:#121212;transition:background-color .3s;transform:translateX(-1px);padding-bottom:.25em}@media all and (max-width: 40.62em){.alerts{font-size:1.4rem;line-height:1.925rem}}@media all and (min-width: 40.63em){.alerts{font-size:1.4rem;line-height:1.925rem}}.alerts.my-guardian-follow-tag{display:none}.alerts svg path{fill:currentColor}.alerts__label{font-weight:normal;margin-left:2px;margin-top:4px;font-size:15px;color:#000}.alerts__state--unfollow-notifications,.alerts__state--unfollow-tag{display:flex;align-items:center}.alerts__state--follow-notifications,.alerts__state--follow-tag{display:none}.alerts.following .alerts__state--follow-notifications{display:flex;align-items:center}.alerts.following .alerts__state--unfollow-notifications{display:none}.alerts.followingTag .alerts__state--follow-tag{display:flex;align-items:center}.alerts.followingTag .alerts__state--unfollow-tag{display:none}.avatar{border-radius:100%;border-radius:100%;overflow:hidden;display:block}.avatar .avatar__img{width:100%;height:100%}.avatar--author{width:68px;height:68px}.avatar--author .avatar__img{width:100%;height:auto;transform-origin:top center;transform:scale(1.6) translate(-1px, -1px)}.avatar--user{height:44px;width:44px}.bullet{color:rgba(0,0,0,0);font-size:.1px;line-height:.1px}@media all and (min-width: 75em){.cutout .cutout__container{min-height:220px}}.cutout .cutout__container .headline{position:relative;z-index:30}@media all and (max-width: 40.62em){.cutout .cutout__container .headline{padding-bottom:72px}}@media all and (min-width: 75em){.cutout .cutout__container .headline{margin:0}}@media all and (max-width: 40.62em){.cutout .headline__byline{margin-right:110px}}.cutout .cutout__image{pointer-events:none;background-repeat:no-repeat;background-position:bottom right;background-size:auto 160px;bottom:0;left:0;position:absolute;right:-40px;top:0;z-index:100}@media(inverted-colors: inverted){.cutout .cutout__image{filter:invert(100%)}}@media all and (min-width: 40.63em){.cutout .cutout__image{background-size:auto 200px}}@media all and (min-width: 75em){.cutout .cutout__image{right:40px}}figure img{display:block}figure video{width:100%}figure figcaption{color:#767676;font-family:"Guardian Text Sans Web",sans-serif;font-size:1.4rem;line-height:1.8rem}@media all and (min-width: 40.63em){figure figcaption{padding:0}}figure.element--supporting figcaption,figure.element-interactive figcaption{padding:2px 0px}figure.figure-wide figcaption{padding:2px 12px}figure figcaption:empty{display:none}.figure-wide{margin:12px 0px}.figure-wide .figure__inner{background:#ededed}.main-media .figure-wide{margin:0}.figure-inline{margin-right:12px;float:left}@media all and (min-width: 28.13em){.figure-inline{margin:6px 12px 0px 0px;float:left}.figure-inline img{width:100%;height:auto}}.figure-inline figcaption{padding-left:0;padding-right:0}.figure--thumbnail img,.figure--thumbnail-with-caption img,.figure-wide img{width:100%;height:100%}.figure--thumbnail figcaption,.figure--thumbnail-with-caption figcaption,.figure-wide figcaption{font-size:1.4rem;line-height:1.8rem}.figure--thumbnail .element-image-inner,.figure--thumbnail-with-caption .element-image-inner,.figure-wide .element-image-inner{height:100%;background:#f6f6f6}.figure--thumbnail{float:left;max-width:33.33%;margin:6px 13px 0 0}@media all and (min-width: 75em){.figure--thumbnail{max-width:140px}}.prose .figure--thumbnail{margin-top:6px}@media all and (min-width: 56.25em){.prose .figure--thumbnail{clear:both;margin-bottom:12px}}@media all and (min-width: 75em){.prose .figure--thumbnail{margin-left:-180px}}.figure--thumbnail:not(.figure--thumbnail-with-caption) .element-image-inner{min-width:65px}.figure--thumbnail-with-caption{display:block;float:left;clear:left;margin:6px 9px 6px 0px;width:50%}.figure--thumbnail-with-caption .figure__inner{width:100%;display:block}.figure--thumbnail-with-caption .element-image__credit{display:block}.figure--thumbnail-with-caption figcaption{padding:0}@media all and (max-width: 28.12em){.figure--thumbnail-with-caption .figure__inner{display:block}.figure--thumbnail-with-caption.portrait-thumbnail{position:relative}.figure--thumbnail-with-caption.portrait-thumbnail .element-image__caption{overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:block;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}.figure--thumbnail-with-caption.landscape-thumbnail .figure__inner{width:100%}}@media all and (min-width: 28.13em){.figure--thumbnail-with-caption{width:33%;max-width:200px}}@media all and (min-width: 40.63em){.figure--thumbnail-with-caption{margin-right:16px}}@media all and (min-width: 75em){.figure--thumbnail-with-caption{margin:4px 0 12px -220px}}.youtube-sdk-caption{font-size:1.4rem;line-height:1.8rem;color:#767676;font-family:"Guardian Text Sans Web",sans-serif;margin:0;padding:2px 0;display:inline-block;margin-top:-12px !important}.ios .youtube-sdk-caption .figure__caption__icon{top:1px}.element-embed .js-email-sub__iframe+figcaption{margin-bottom:12px;padding:0}.element-embed .js-email-sub__iframe+figcaption strong{font-weight:normal}.keyline{position:relative}.keyline:before{content:"";height:1px;overflow:hidden;background-image:none;background-color:#dcdcdc;opacity:1;position:absolute;top:0;left:0;right:0}@media all and (min-width: 75em){.keyline:before{margin:0 auto 0 240px;width:620px}}.keyline-4{position:relative;padding-top:16px !important}.keyline-4:before{content:"";height:12px;width:100%;position:absolute;top:0;left:0;right:0;opacity:1;background-image:repeating-linear-gradient(#dcdcdc, #dcdcdc 1px, transparent 1px, transparent 3px)}@media all and (min-width: 75em){.keyline-4:before{margin:0 auto 0 240px;width:620px}}.keyline-dotted{position:relative}.keyline-dotted:before{content:"";height:0px;overflow:hidden;background-image:none;opacity:1;position:absolute;top:0;left:0;right:0;border-top:dotted 1px #121212;margin:0px 12px}.key-events{background:#f6f6f6;border-bottom:1px solid #dcdad5;border-top:none;margin:0 auto;max-width:1200px;overflow:hidden;padding:12px 12px 0px 12px;position:relative;transition:padding .6s}.key-events--0{display:none}@media all and (min-width: 40.63em){.key-events{padding-top:12px;border:1px solid #dcdad5}}.key-events__title{font:600 1.8rem "Guardian Headline","Guardian Egyptian Web",Georgia,serif;margin-bottom:12px}@media all and (min-width: 40.63em){.key-events__title{float:left;width:33.802816896%}}@media all and (min-width: 56.25em){.key-events__title{width:31.57894737%}}@media all and (min-width: 75em){.key-events__title{float:left;margin-right:20px;width:220px}}.key-events__counter{opacity:1;transition:opacity .2s}.key-events__toggle{border:1px solid #999;border-radius:50%;height:32px;position:absolute;right:6px;top:12px;width:32px}.key-events__toggle-icon{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:transform .4s}.key-events__toggle-icon::before{color:#999;font-size:1.7rem}@media all and (min-width: 40.63em){.key-events__list{float:left;width:66.197183088%}}@media all and (min-width: 56.25em){.key-events__list{width:68.421052635%}}@media all and (min-width: 75em){.key-events__list{width:620px}}.key-events--expanded{padding-bottom:18px}.key-events--expanded .key-events__toggle-icon{transform:translateX(-50%) translateY(-50%) rotate(180deg)}.key-events--expanded .key-events__counter{opacity:0}.key-events--0 .key-events__toggle{display:none}.key-event{max-height:0;opacity:0;padding:0px 6px 0px 12px;position:relative;transition:color .6s;width:90%}.key-event::before{background:#bdbdbd !important;border-radius:50%;content:"";display:block;height:10px;left:-5px;position:absolute;top:4px;width:10px}.key-event::after{background:#bdbdbd;content:"";height:100%;left:-1px;position:absolute;top:4px;width:1px}.key-events--expanded .key-event,.key-event:first-child{max-height:300px;opacity:1}.key-event__time{color:#121212;display:block;font:600 1.5rem "Guardian Headline","Guardian Egyptian Web",Georgia,serif}.key-event:first-child::before{height:1px;left:-1px;top:8px;width:7px}.key-event:first-child::after{top:8px}.key-event:last-child::before{height:1px;left:-1px;top:8px;width:7px}.key-event:last-child::after{height:9px;top:0}.key-event__link,.key-event__link h2{display:block;font:normal 1.6rem "Guardian Text Egyptian Web",Georgia,serif;padding:6px 0px 12px 0px}.loading::before{height:50px;width:50px;margin:0 auto;display:block;color:#000;font-size:44px;line-height:44px;opacity:1;text-align:center;animation:pulse 2s;-moz-animation:pulse 2s infinite;-webkit-animation:pulse 2s infinite}@-moz-keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.container--has-failed .loading{display:none}.loading--liveblog{display:none}.loading--liveblog.loading--visible{display:block;padding:24px 0px}.main-media--hidden-caption .main-media__caption__text,.screen-readable{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}.main-media--hidden-caption .main-media__caption__text.is-visible{position:static;overflow:auto;clip:auto}.selectable,.selectable *{-webkit-user-select:text;-webkit-touch-callout:default}.tabs{color:#767676;font-family:"Guardian Text Sans Web",sans-serif;-webkit-text-size-adjust:none;margin:0;padding:12px;background:#fff;clear:left}@media all and (max-width: 40.62em){.tabs{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.tabs{font-size:1.6rem;line-height:2.2rem}}.tabs .inline-list__item{width:50%}.tabs .tab{vertical-align:top;border-top:2px solid #dcdad5;padding:6px 12px 24px 3px;display:block}.tabs .tab[aria-selected=true]{color:#005689;font-weight:bold;border-top:4px solid #005689;padding-top:4px}.tabs .tab.unavailable{transition:opacity .2s;-webkit-transition:opacity .2s;opacity:.2}.android .tabs{padding:12px}.touchpoint{display:inline-block;background-image:none !important;text-shadow:none !important;-webkit-touch-callout:none;-webkit-user-select:none}.touchpoint__label{-webkit-text-size-adjust:none;font-family:"Guardian Text Sans Web",sans-serif;font-weight:bold;vertical-align:middle;display:inline-block;padding:0 6px}@media all and (max-width: 40.62em){.touchpoint__label{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.touchpoint__label{font-size:1.6rem;line-height:2.2rem}}.touchpoint__button{text-align:center;font-size:24px;line-height:44px;vertical-align:middle;border-radius:100%;display:inline-block;height:44px;width:44px}.touchpoint__button.play:before{display:block;margin-left:4px;margin-top:-1px}.touchpoint__button.pause:before{display:block}.touchpoint__button.pause{line-height:inherit;padding-top:8px}.touchpoint--primary .touchpoint__button{color:#fff;background-color:#005689}.touchpoint--primary:active .touchpoint__button{background-color:#4bc6df}.touchpoint--secondary .touchpoint__button{color:#999;background-color:rgba(0,0,0,0);border:1px solid #999}.touchpoint--secondary:active .touchpoint__button{color:#fff;background-color:#999;border:0}.touchpoint--small .touchpoint__button{font-size:18px;line-height:28px;height:28px;width:28px}html.gallery-image-view,html.gallery-image-view body{background:rgba(0,0,0,0);padding:4px;color:#fff;font-family:"Guardian Text Sans Web",sans-serif;-webkit-text-size-adjust:none}html.gallery-image-view .gallery-caption,html.gallery-image-view body .gallery-caption{color:#dcdcdc;font-size:1.6rem;line-height:2.2rem}html.gallery-image-view .gallery-caption a,html.gallery-image-view body .gallery-caption a{color:#dcdcdc;border-bottom:.0825rem solid rgb(194.5,194.5,194.5)}html.gallery-image-view .gallery-credit,html.gallery-image-view body .gallery-credit{color:#bdbdbd;font-size:1.6rem;line-height:2.2rem}.block{border:solid 1px #dcdad5;border-top:1px solid #999;border-bottom:2px solid #dcdad5;background-color:#fff;overflow:hidden;margin:12px 0px;padding:12px}@media all and (max-width: 28.12em){.block{margin:12px}}.block .block__body{overflow:hidden}.byline{-webkit-text-size-adjust:none;color:#121212;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif}@media all and (max-width: 40.62em){.byline{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.byline{font-size:1.6rem;line-height:2.2rem}}.byline .byline__author{font-weight:700}.byline__authpr{white-space:nowrap}.headline{color:#121212;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:500;font-size:2.8rem;line-height:3.2rem}@media all and (min-width: 40.63em){.headline{font-size:3.4rem;line-height:4rem}}.display-hint--numberedList .article .article__header .main-media__caption__icon{display:none}.display-hint--numberedList .article .article__header .article-kicker,.display-hint--numberedList .article .article__header .headline{width:calc(100% - 48px);margin-top:-32px;position:relative}@media all and (min-width: 40.63em){.display-hint--numberedList .article .article__header .article-kicker,.display-hint--numberedList .article .article__header .headline{width:auto;margin-right:15.492957744%}}@media all and (min-width: 56.25em){.display-hint--numberedList .article .article__header .article-kicker,.display-hint--numberedList .article .article__header .headline{margin-right:36.842105265%}}.display-hint--numberedList .article .article__header .article-kicker{top:-32px;border-bottom:1px solid hsla(0,0%,100%,.5);padding-top:0}.display-hint--numberedList .article .article__header .article-kicker__copy{width:100%}.display-hint--numberedList .article .article__header .article-kicker__copy a{display:block;padding-bottom:8px}.display-hint--numberedList .article .article__header .headline{padding-top:4px}@media all and (min-width: 75em){.display-hint--numberedList .article .article__header .headline,.display-hint--numberedList .article .article__header .standfirst,.display-hint--numberedList .article .article__header .article-kicker{margin-left:auto;margin-right:auto;width:calc(1200px - 336px);transform:translateX(-168px);max-width:none}.display-hint--numberedList .article .article__header .headline{padding-right:16px}.display-hint--numberedList .article .article__header .headline:before,.display-hint--numberedList .article .article__header .headline:after{content:"";position:absolute;bottom:0;background-color:#fff}.display-hint--numberedList .article .article__header .headline:before{top:0;left:224px;width:1px}.display-hint--numberedList .article .article__header .headline:after{right:-336px;width:336px;top:32px}.display-hint--numberedList .article .article__header .article-kicker{border-bottom:0;padding-top:0;z-index:30;margin-top:0}.display-hint--numberedList .article .article__header .article-kicker__section,.display-hint--numberedList .article .article__header .article-kicker__series{margin:0}.display-hint--numberedList .article .article__header .article-kicker__section a,.display-hint--numberedList .article .article__header .article-kicker__series a{padding:4px 8px;margin-left:-8px}.display-hint--numberedList .article .article__header .article-kicker__section{font-weight:400}.display-hint--numberedList .article .article__header .article-kicker__series{font-weight:700;min-height:4px}.display-hint--numberedList .article .article__header .article-kicker__copy{flex-direction:column-reverse;position:absolute;top:-12px;left:0;width:224px;border-bottom:0;padding:16px}}.main-media__caption__text{display:inline}.main-media figure figcaption{padding:0px 12px 24px 12px}@media all and (min-width: 75em){.main-media figure figcaption{padding:0px 0px 24px 0px}}@media all and (min-width: 75em){.main-media{padding-top:12px;margin:0 auto;width:1200px}.main-media figure.element{margin:0 auto 0 240px;padding:0;position:relative;width:620px}.main-media figure.element.element-video:not(.element-youtube){padding-bottom:350px}.main-media .main-media__caption{border:0;padding-left:0;padding-right:0}.main-media .main-media__caption__icon{vertical-align:top}.main-media .main-media__caption__text{display:inline-block;width:590px}}.main-media--hidden-caption{position:relative}.main-media--hidden-caption .main-media__caption{color:hsla(0,0%,100%,.9);border:0;padding:0;position:absolute;right:0;bottom:0;left:0;z-index:10}.main-media--hidden-caption .main-media__caption__icon{line-height:30px;text-align:center;background-color:#ffe500;color:#121212;width:32px;height:32px;display:inline-block;position:absolute;bottom:6px;right:6px;border-radius:100%;z-index:11;font-size:1.6rem}.main-media--hidden-caption .main-media__caption__text{background-color:rgba(0,0,0,.8);padding:6px 12px 12px 12px;max-height:0;overflow:hidden;position:absolute;right:0;bottom:0;right:0;padding-right:48px;z-index:10;line-height:1.6rem;color:#fff}.main-media--hidden-caption .main-media__caption__text.is-visible{position:absolute;left:0;display:block;min-height:44px;max-height:999px}.main-media--hidden-caption .main-media__caption__text a{color:#fff;border-bottom:.0825rem solid hsl(0,0%,90%)}.main-media--hidden-caption .element-interactive{background-color:#fff}.main-media--hidden-caption .element-interactive figcaption{border-bottom:0}.main-media .interactive-atom-fence{width:100%;display:block}.meta{-webkit-text-size-adjust:none;margin:0 auto;width:100%;display:table;position:relative;padding-top:6px}@media all and (max-width: 40.62em){.meta{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.meta{font-size:1.6rem;line-height:2.2rem}}.meta .avatar--author{margin:0px 12px 12px 0px;float:left}.meta__misc{padding:0px 12px 6px 12px}@media all and (min-width: 75em){.meta__misc{margin:0 auto 0 240px;padding-left:0;width:620px}}.meta__misc .meta__byline{margin-bottom:0}.meta__misc .byline{font-family:"Guardian Text Egyptian Web",Georgia,serif;font-weight:400;font-style:italic}.meta__misc .byline a{font-weight:800;font-style:normal}.meta__image__caption__icon,.meta__image__caption__text,.meta__published,.meta__published__comments{font-size:1.4rem;line-height:1.8rem;color:#767676;font-family:"Guardian Text Sans Web",sans-serif}.meta__image__caption__icon #comment-count,.meta__image__caption__text #comment-count,.meta__published #comment-count,.meta__published__comments #comment-count{display:block;margin-top:6px}.meta__image__caption__icon,.meta__image__caption__text,.meta__published{padding-top:0;padding-bottom:.25em}@media all and (min-width: 75em){.meta__image__caption__icon,.meta__image__caption__text,.meta__published{padding-left:0}}.meta__image__caption__text{display:inline}.meta__published__comments{float:right;text-align:right;font-weight:600;font-size:1.8rem;line-height:1.8rem;margin-left:6px;border-left:1px solid #dcdcdc;margin-bottom:6px;margin-top:-6px}.meta__published__comments a{position:relative;display:block;margin:0px -6px 0px 0px;padding:27px 6px 0px 12px;min-width:36px}.meta__published__comments [data-icon]{position:absolute;top:6px;right:4px}.meta__published__comments .screen-readable{max-width:0}.review-rating{margin-top:6px;display:block;margin-bottom:24px}.review-rating span{display:block;float:left;background-color:#ffe500;color:#121212;padding:0 .2rem .4rem;font-size:inherit}.review-rating span:before{content:"☆";font-weight:400}.review-rating span:nth-child(1){padding-left:.5rem}@media all and (max-width: 40.62em){.review-rating span:nth-child(1){margin-left:-0.5rem}}.review-rating span:nth-child(5){padding-right:.5rem}.review-rating--1 [data-icon]:nth-child(-n+1):before,.review-rating--2 [data-icon]:nth-child(-n+2):before,.review-rating--3 [data-icon]:nth-child(-n+3):before,.review-rating--4 [data-icon]:nth-child(-n+4):before,.review-rating--5 [data-icon]:nth-child(-n+5):before{content:"★"}.article-kicker{padding:6px 12px 0px 12px;min-height:0;display:flex;align-items:flex-start;position:relative}.article-kicker__live,.article-kicker__section,.article-kicker__series{font-weight:700}@media all and (max-width: 40.62em){.article-kicker__live,.article-kicker__section,.article-kicker__series{font-size:1.6rem;line-height:2.4rem}}@media all and (min-width: 40.63em){.article-kicker__live,.article-kicker__section,.article-kicker__series{font-size:1.8rem;line-height:2.6rem}}.article-kicker__live{margin-top:-3px;font-family:"Guardian Text Sans Web",sans-serif}.article--liveblog .article__header .article-kicker__live .section__live{position:static}.article-kicker__section,.article-kicker__series{font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif}.article-kicker__section{display:none}@media all and (min-width: 40.63em){.article-kicker__section{display:inline-block}}.article-kicker__series{display:block}@media all and (min-width: 40.63em){.article-kicker__series{display:inline-block;font-weight:400;margin-left:.5rem}}.article-kicker__series a{color:inherit}.article-kicker__copy{vertical-align:top}@media all and (min-width: 40.63em){.article-kicker__copy{display:inline-flex}}.article-kicker .article-badge{height:42px;margin-right:8px;margin-top:6px;margin-bottom:8px}@media all and (min-width: 40.63em){.article-kicker .article-badge{height:48px}}.article-kicker .article-badge~.article-kicker__copy{display:inline-flex;flex-direction:column}.article-kicker .article-badge~.article-kicker__copy .article-kicker__section{display:block;line-height:20px;margin-top:2px}.article-kicker .article-badge~.article-kicker__copy .article-kicker__series{display:block;line-height:20px;margin-bottom:14px;font-weight:400;margin-left:0}.standfirst{color:#767676;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:400;font-size:1.8rem;line-height:2.4rem;clear:left}@media all and (min-width: 40.63em){.standfirst{font-size:2.2rem;line-height:2.8rem}}.standfirst strong,.standfirst b{font-weight:700}body:not(.garnett--type-analysis):not(.garnett--type-live):not(.tone--media[data-content-type=video]) .standfirst{padding-right:48px}.cricket-match-summary-footer,.cricket-match-summary-result,.cricket-match-summary-head{display:table;width:100%;table-layout:fixed;background:#ffe500}.cricket-game-in-play-text,.cricket-game-in-play-follow,.cricket-footer-inning,.cricket-scorecard-batsmen,.cricket-footer-times__time,.cricket-inning-details-innings,.cricket-inning-details-overs,.cricket-scorecard-title,.cricket-match-basic-info{-webkit-text-size-adjust:none;font-family:"Guardian Text Sans Web",sans-serif}@media all and (max-width: 40.62em){.cricket-game-in-play-text,.cricket-game-in-play-follow,.cricket-footer-inning,.cricket-scorecard-batsmen,.cricket-footer-times__time,.cricket-inning-details-innings,.cricket-inning-details-overs,.cricket-scorecard-title,.cricket-match-basic-info{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.cricket-game-in-play-text,.cricket-game-in-play-follow,.cricket-footer-inning,.cricket-scorecard-batsmen,.cricket-footer-times__time,.cricket-inning-details-innings,.cricket-inning-details-overs,.cricket-scorecard-title,.cricket-match-basic-info{font-size:1.6rem;line-height:2.2rem}}.cricket-inning-runs,.cricket-inning-team-name{font:200 2.2rem "Guardian Headline","Guardian Egyptian Web",Georgia,serif;padding-bottom:.3rem}.cricket-match-summary-footer-wrap,.cricket-match-summary-head{padding:12px 12px 12px 12px}@media all and (min-width: 28.13em){.cricket-match-summary-footer-wrap,.cricket-match-summary-head{padding:6px 12px 6px 12px}}.cricket-match-summary-head--pre-match .cricket-match-basic-info-day{display:none}.cricket-match-basic-info{display:table-cell;width:40%}.cricket-match-basic-info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media all and (min-width: 75em){.cricket-match-basic-info{display:block;margin:0 auto 0 228px;width:620px}}.cricket .tabs{margin:0;padding:12px}@media all and (min-width: 75em){.cricket .tabs{min-height:50px;width:100% !important}}.cricket-stats__wrap{padding-top:12px}.cricket .tone--liveBlog.is-live .article__header--cricket,.cricket .tone--deadBlog .article__header--cricket{border-bottom:0}@media all and (min-width: 75em){.cricket .tone--liveBlog.is-live .article__header--cricket,.cricket .tone--deadBlog .article__header--cricket{border:0}}.cricket .tone--liveBlog.is-live .article__header--cricket .meta,.cricket .tone--deadBlog .article__header--cricket .meta{width:100%;line-height:1.2em;background-color:#fff;display:inline-block;padding-left:0;padding-bottom:6px}.cricket .tone--liveBlog.is-live .article__header--cricket .meta__misc,.cricket .tone--deadBlog .article__header--cricket .meta__misc{padding-bottom:0;padding-top:0}.cricket .tone--liveBlog.is-live .article__header--cricket .meta__pubdate,.cricket .tone--deadBlog .article__header--cricket .meta__pubdate{padding-bottom:1.2rem}.cricket .tone--liveBlog.is-live .article__header--cricket .alerts,.cricket .tone--deadBlog .article__header--cricket .alerts{margin:6px 12px 12px -2px}.cricket .tone--liveBlog.is-live .article__header--cricket .alerts__label,.cricket .tone--deadBlog .article__header--cricket .alerts__label{font-weight:normal;margin-left:4px;font-size:15px;color:#000}.cricket .tone--liveBlog.is-live .article__header--cricket .cricket-match-basic-follow,.cricket .tone--deadBlog .article__header--cricket .cricket-match-basic-follow{width:48.5%;padding:12px;vertical-align:text-bottom;display:inline-block}.cricket .tone--liveBlog.is-live .article__header--cricket .cricket-match-basic-follow a,.cricket .tone--deadBlog .article__header--cricket .cricket-match-basic-follow a{color:#999;border-color:#dcdad5}.cricket .tone--liveBlog.is-live .article__header--cricket .cricket-match-basic-follow a.following,.cricket .tone--deadBlog .article__header--cricket .cricket-match-basic-follow a.following{color:#fff}.cricket .tone--liveBlog.is-live .article__header--cricket .cricket-match-basic-follow a:active,.cricket .tone--deadBlog .article__header--cricket .cricket-match-basic-follow a:active{color:#fff}.cricket-match-comp-info{padding:5px 12px}.cricket-match-comp-info h1{-webkit-text-size-adjust:none;font-family:"Guardian Headline","Guardian Egyptian Web",Georgia,serif;font-weight:300}@media all and (max-width: 40.62em){.cricket-match-comp-info h1{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.cricket-match-comp-info h1{font-size:1.6rem;line-height:2.2rem}}.cricket-match-comp-info__comp-name{display:inline-block;padding-right:4px}.cricket-match-basic-follow{display:table-cell;width:60%;text-align:right;vertical-align:middle}.tone--deadBlog .cricket__tabpanel .article .article__header .cricket-match-basic-follow{display:none}.cricket-match-summary-result{min-height:88px}.cricket-match-summary-last-inning{display:table-cell;padding:12px 12px 12px 12px}@media all and (min-width: 40.63em)and (max-width: 56.24em){.cricket-match-summary-last-inning{width:33.802816896%}}@media all and (min-width: 56.25em)and (max-width: 74.99em){.cricket-match-summary-last-inning{width:31.57894737%}}.cricket-inning-pre-match .cricket-match-summary-last-inning{display:none}.cricket-inning,.cricket-inning-details{display:table;width:100%;table-layout:fixed}@media all and (min-width: 75em){.cricket-inning-details{display:block;margin:0 auto 0 228px;width:620px}}.cricket-inning-team-wrap{white-space:nowrap}.cricket-inning-team-name-crest{width:37px;padding-right:6px;box-sizing:content-box}.cricket-inning-draw .cricket-inning-team-name-crest,.cricket-inning-delay .cricket-inning-team-name-crest,.cricket-inning-abandoned .cricket-inning-team-name-crest,.cricket-inning-rain-delay .cricket-inning-team-name-crest{display:none}.cricket-inning-team{display:table-cell;vertical-align:bottom;width:66.6%}@media all and (min-width: 75em){.cricket-inning-team{display:block;margin:0 auto 0 228px;width:620px}}.cricket-inning-team-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cricket-inning-rain-delay .cricket-inning-team-name:before{content:"";display:inline-block;width:37px;height:21px;background:url("../img/cricket-dismissal.png");background-repeat:no-repeat}.cricket-inning-rain-delay .cricket-inning-team-name:before{background-size:auto 44px;background-position:-50px -20px}.cricket-inning-runs{display:table-cell;vertical-align:bottom;white-space:nowrap;width:33.4%;text-align:right}.cricket-match-summary-scorecard{display:table-cell;vertical-align:top;border-left:1px solid #dcdad5}@media all and (max-width: 40.62em){.cricket-match-summary-scorecard{display:none}}@media all and (min-width: 75em){.cricket-match-summary-scorecard .cricket-scorecard-title{border-bottom:0}}.cricket-inning-result .cricket-match-summary-scorecard,.cricket-inning-draw .cricket-match-summary-scorecard,.cricket-inning-delay .cricket-match-summary-scorecard,.cricket-inning-abandoned .cricket-match-summary-scorecard,.cricket-inning-pre-match .cricket-match-summary-scorecard{display:none}.cricket-scorecard-title{color:#999;line-height:1;border-bottom:1px solid #dcdad5;padding:7px 12px 12px 12px;position:relative}.cricket-scorecard-bullets{position:absolute;top:3px;right:8px}.cricket-scorecard-bullets span{background-color:#dcdad5;transition:background-color .2s;display:inline-block;width:7px;height:7px;border-radius:4px;margin-right:4px}.cricket-scorecard-batsmen-wrap{height:62px;overflow:hidden}.cricket-inning-details-innings,.cricket-inning-details-overs{display:table-cell}.cricket-inning-details-innings b,.cricket-inning-details-overs b{font-weight:bold}.cricket-inning-details-innings em,.cricket-inning-details-overs em{font-weight:bold;font-style:normal;color:#005689}.cricket-inning-details-innings{width:66.6%;padding-left:43px}.cricket-inning-draw .cricket-inning-details-innings,.cricket-inning-delay .cricket-inning-details-innings,.cricket-inning-abandoned .cricket-inning-details-innings{padding-left:0}@media all and (min-width: 75em){.cricket-inning-details-innings{padding-left:0}}.cricket-inning-details-overs{text-align:right;width:33.4%}.cricket-inning-result .cricket-footer-times,.cricket-inning-draw .cricket-footer-times,.cricket-inning-delay .cricket-footer-times,.cricket-inning-rain-delay .cricket-footer-times,.cricket-inning-abandoned .cricket-footer-times,.cricket-inning-result .cricket-inning-teams,.cricket-inning-draw .cricket-inning-teams,.cricket-inning-delay .cricket-inning-teams,.cricket-inning-rain-delay .cricket-inning-teams,.cricket-inning-abandoned .cricket-inning-teams{display:none}.cricket-inning-teams{padding:18px 12px 0px 12px}.cricket-inning-teams .cricket-inning-team-name{display:block;padding-bottom:18px}.cricket-inning-teams .cricket-inning-team-name-crest{padding-right:14px}.cricket-footer-times__time{line-height:1.4em;margin-bottom:12px}.cricket-footer-times__time time{padding-right:6px;font-weight:700}.cricket-scorecard-batsmen{padding:6px 12px 12px 12px;display:inline-block}.cricket-scorecard-batsmen-in-play .cricket-scorecard-batsmen-name:before,.cricket-scorecard-batsmen-duck .cricket-scorecard-batsmen-name:before{content:"";display:inline-block;position:relative;bottom:-3px;height:20px;width:20px;margin-right:4px;background:url("../img/cricket-dismissal.png");background-repeat:no-repeat;background-size:auto 48px}.cricket-scorecard-batsmen .cricket-scorecard-batsmen-status{margin-top:-2px}.cricket-scorecard-batsmen .cricket-scorecard-batsmen-status em{font-style:normal;color:#767676}.cricket-scorecard-batsmen-in-play .cricket-scorecard-batsmen-name{font-weight:bold}.cricket-scorecard-batsmen-in-play .cricket-scorecard-batsmen-status{color:#767676}.cricket-scorecard-batsmen-duck .cricket-scorecard-batsmen-name:before{background-position:-24px 0}.cricket-match-summary-footer{white-space:nowrap}.cricket-match-summary-footer-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media all and (min-width: 75em){.cricket-match-summary-footer-wrap{display:block;margin:0 auto 0 228px;width:620px}}.cricket-footer-inning{line-height:1.2;margin-right:12px;display:inline-block}.cricket-game-in-play{background-color:#b51800;display:table;width:100%;padding:6px 12px;table-layout:fixed}.cricket-game-in-play+.cricket-match-summary-head{border-top:0}.cricket-game-in-play-text,.cricket-game-in-play-follow{line-height:1;display:table-cell;color:#fff;vertical-align:middle}.cricket-game-in-play-text{font-weight:bold}.cricket-game-in-play-text,.cricket-game-in-play-link{position:relative;top:-2px}.cricket-game-in-play-follow{text-align:right}.cricket-game-in-play-follow:active{color:hsla(0,0%,100%,.6)}.cricket-game-in-play-follow:active .cricket-game-in-play-icon{border-color:hsla(0,0%,100%,.6)}.cricket-game-in-play-icon{display:inline-block;border:1px solid #fff;line-height:28px;width:30px;border-radius:15px;box-sizing:content-box;text-align:center}.cricket-match-summary-scorecard[data-pages] .cricket-scorecard-batsmen-wrap{animation:fadeOutIn 5s infinite forwards;-webkit-animation:fadeOutIn 5s infinite forwards}@-webkit-keyframes fadeOutIn{7%{opacity:1}93%{opacity:1}to{opacity:0}}@keyframes fadeOutIn{7%{opacity:1}93%{opacity:1}to{opacity:0}}.element__inner{background-color:#f6f6f6;padding-bottom:60%;position:relative;overflow:hidden;display:block}.element__inner img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0}@media all and (max-width: 40.62em){.article__header .element-instagram iframe.instagram-media-rendered{transition:.2s width;transition-delay:.3s;width:100% !important}.article__body .element-embed,.article__body .element-instagram{overflow-x:hidden;width:100%}.article__body .element-instagram .instagram-media,.article__body .element-embed iframe{width:calc(100vw - 24px) !important}.article__body .block--live-blog .element-instagram .instagram-media,.article__body .block--live-blog .element-embed iframe{width:calc(100vw - 48px) !important}.article__body .block--live-blog .element-embed iframe.email-sub__iframe{width:calc(100vw - 54px) !important}}.element-audio iframe,.element-embed iframe,.element-map iframe{width:100%}.element-video{background-color:#000;padding-bottom:56.25%;width:100%;position:relative;overflow:hidden}.element-video iframe,.element-video embed,.element-video object,.element-video video{width:100%;height:100%;position:absolute;top:0;left:0}.element-youtube,.element-placeholder{width:100%}.element-youtube .element-placeholder__button,.element-placeholder .element-placeholder__button{padding:8px;position:absolute;bottom:0;z-index:2}.element-youtube .element-placeholder__button .touchpoint__button,.element-placeholder .element-placeholder__button .touchpoint__button{color:#121212;background-color:#fb0}.element-youtube .element-placeholder__button .touchpoint__button:active,.element-placeholder .element-placeholder__button .touchpoint__button:active{color:#fb0;background-color:#333}.element-youtube .element-placeholder__button .touchpoint__label,.element-placeholder .element-placeholder__button .touchpoint__label{color:#fb0;text-shadow:0 0 4px rgba(0,0,0,.5)}.element-youtube:active .touchpoint__button,.element-placeholder:active .touchpoint__button{color:#fb0;background-color:#333}.element-youtube .element__inner,.element-placeholder .element__inner{padding-bottom:56.25%}.element-youtube{padding-bottom:0}.element-youtube--sdk .element__inner{padding-bottom:0}.element-youtube .youtube-media--expired{color:#fff;padding:6px 12px;background-color:#333;font-size:1.4rem;line-height:1.8rem}.element-youtube .element__inner .youtube-media__placeholder{z-index:1;position:absolute;height:100%;width:100%;transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out;overflow:hidden}.element-youtube .element__inner .youtube-media__placeholder.disable-pointer-events{pointer-events:none}.element-youtube .element__inner .youtube-media__placeholder__img{height:100%;width:100%;position:absolute;background-size:cover;background-position:50% 50%;background-repeat:no-repeat}.element-youtube .element__inner .youtube-media__placeholder .youtube-media__touchpoint{width:100%;height:100%;position:absolute;opacity:0;transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.element-youtube .element__inner .youtube-media__placeholder.fade-touchpoint .youtube-media__touchpoint{opacity:1}.element-youtube .element__inner .youtube-media{opacity:0;z-index:0;position:absolute;height:100%;width:100%;transition:opacity .25s ease-in-out;-webkit-transition:opacity .25s ease-in-out}.element-youtube .element__inner.show-video .youtube-media__placeholder{opacity:0}.element-youtube .element__inner.show-video .youtube-media{opacity:1}.element-youtube .element__inner.hide-placeholder .youtube-media__placeholder{display:none}.element-youtube .element-image+.youtube-media{display:none}.offline .element-audio,.offline .element-embed,.offline .element-map,.offline .element-video{overflow:hidden;position:relative;background-color:#f6f6f6}.offline .element-audio::before,.offline .element-embed::before,.offline .element-map::before,.offline .element-video::before{content:"";width:100%;height:100%;background-color:#f6f6f6;position:absolute;z-index:20}.offline .element-audio iframe,.offline .element-audio embed,.offline .element-audio object,.offline .element-audio video,.offline .element-embed iframe,.offline .element-embed embed,.offline .element-embed object,.offline .element-embed video,.offline .element-map iframe,.offline .element-map embed,.offline .element-map object,.offline .element-map video,.offline .element-video iframe,.offline .element-video embed,.offline .element-video object,.offline .element-video video{z-index:-5}.offline .element-audio figcaption,.offline .element-embed figcaption,.offline .element-map figcaption,.offline .element-video figcaption{background-color:#fff}.element.element-tweet{clear:both}.element.element-code pre{overflow-x:scroll}.match-summary{background-color:#fff;padding-top:12px;position:relative;overflow:hidden}@media all and (max-width: 28.12em){.match-summary .match-summary__team{margin-left:12px;margin-right:12px}}@media all and (min-width: 28.13em){.match-summary{padding:6px 12px 0px 12px;min-height:150px}.match-summary::after{content:"";background-color:#dcdad5;display:block;width:1px;height:100%;position:absolute;top:0;right:50%;bottom:0;left:50%}}@media all and (max-width: 40.62em){.match-summary .headline{font-size:3.2rem;line-height:4rem}}@media all and (min-width: 40.63em){.match-summary .headline{margin:0px 0px 6px 0px;margin-top:-10px;font-size:4rem;line-height:4.8rem}}.match-summary .match-status{z-index:10}@media all and (max-width: 28.12em){.match-summary .match-status{float:left;width:44px;margin:0px 12px}}@media all and (min-width: 28.13em){.match-summary .match-status{margin-left:auto;margin-right:auto;position:absolute;left:0;right:0}}.match-summary .match-status__time{width:100%}.match-summary .alerts{text-align:center;position:relative;z-index:20;padding:6px 3px 0px 0px;width:auto;display:inline-block;float:right;border:0;border-radius:0;margin:0}@media all and (max-width: 28.12em){.match-summary .alerts{font-size:150%}}.match-summary .alerts span[data-icon]{top:0;right:0}.match-summary .alerts:active,.match-summary .alerts.following{background-color:rgba(0,0,0,0);border:0;color:#4bc6df}@media all and (max-width: 28.12em){.match-summary .alerts__label{display:none}}.match-summary__meta{font-family:"Guardian Text Sans Web",sans-serif;min-height:50px;-webkit-text-size-adjust:none}@media all and (max-width: 40.62em){.match-summary__meta{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.match-summary__meta{font-size:1.6rem;line-height:2.2rem}}@media all and (max-width: 28.12em){.match-summary__meta{padding:0px 36px 12px 54px;border-bottom:1px dotted #dcdad5}}@media all and (min-width: 28.13em){.match-summary__meta{width:50%;min-height:44px}}.match-summary__meta__competition,.match-summary__meta__venue{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-summary__team{hyphens:auto;word-break:break-word;min-height:60px}@media all and (max-width: 28.12em){.match-summary__team{padding:12px 0px 30px 0px;position:relative}}@media all and (min-width: 28.13em){.match-summary__team{margin:12px 0px 24px 0px;width:50%;float:left;display:table;table-layout:fixed}}.match-summary__team .match-summary__badge,.match-summary__team .match-summary__info,.match-summary__team .match-summary__score{vertical-align:top}@media all and (min-width: 28.13em){.match-summary__team .match-summary__badge,.match-summary__team .match-summary__info,.match-summary__team .match-summary__score{display:table-cell}}.match-summary__team .match-summary__badge{background-repeat:no-repeat;background-size:contain;background-position-x:center;height:60px}@media all and (max-width: 28.12em){.match-summary__team .match-summary__badge{width:20%;position:absolute;left:0}}@media all and (min-width: 28.13em){.match-summary__team .match-summary__badge{padding:4px 0px 0px 0px;width:54px}}.match-summary__team .match-summary__info{font-family:"Guardian Text Sans Web",sans-serif;-webkit-text-size-adjust:none}@media all and (max-width: 40.62em){.match-summary__team .match-summary__info{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.match-summary__team .match-summary__info{font-size:1.6rem;line-height:2.2rem}}@media all and (max-width: 28.12em){.match-summary__team .match-summary__info{width:60%;float:left;margin-left:22%}}@media all and (min-width: 28.13em){.match-summary__team .match-summary__info{width:100%;padding:0px 0px 0px 6px}}.match-summary__team .match-summary__info__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:25}.match-summary__team .match-summary__score{width:44px;padding:0px 6px}@media all and (max-width: 28.12em){.match-summary__team .match-summary__score{width:15%;text-align:right;padding-right:0;float:right}}@media all and (min-width: 28.13em){.match-summary__team--home .match-summary__score{text-align:right}}.match-summary__team--away{-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.match-summary__score__agg{color:#999;font-size:50%;line-height:70%;display:none}.match-summary__score__agg>span{display:none}@media all and (max-width: 28.12em){.match-summary__score__agg{font-size:75%;margin-top:6px}}@media all and (min-width: 28.13em){.match-summary__score__agg{margin-top:10px}}.is-agg .match-summary__score__agg{display:block}.match-summary__comment{font-family:"Guardian Text Sans Web",sans-serif;-webkit-text-size-adjust:none;padding:6px 12px;background-color:#fff;margin:0 auto;border:1px solid #dcdad5;border-bottom:0;width:auto;display:table;position:relative;z-index:20}@media all and (max-width: 40.62em){.match-summary__comment{font-size:1.6rem;line-height:2.2rem}}@media all and (min-width: 40.63em){.match-summary__comment{font-size:1.6rem;line-height:2.2rem}}.audio-player{background-color:#333;padding:12px;padding-left:68px;position:relative;height:68px;width:100%;z-index:2}.audio-player__container_new .audio-player,.listen-to-article__container .audio-player{padding-left:64px;padding-bottom:4px;padding-top:8px;height:56px}.listen-to-article__container .audio-player{background-color:inherit}@keyframes pulseOut{0%{transform:scale(0);opacity:1}100%{transform:scale(2.6);opacity:0}}@media all and (min-width: 75em){.audio-player__container,.audio-player__container_new,.listen-to-article__container{background-color:hsl(0,0%,15%)}.audio-player__wrapper{background-color:#333;margin:0 auto;width:1200px}.audio-player{margin-left:240px;width:620px}}.audio-player__button{position:absolute;top:12px;left:12px;transform:scale(1);transition:all 300ms;z-index:10}.loading .audio-player__button{transform:scale(0.5);transition:all 1ms;z-index:-1}.audio-player__button.touchpoint--primary .touchpoint__button{color:#121212;background-color:#fb0}.audio-player__button.touchpoint--primary .touchpoint__button:active{background-color:#ffd35c}.audio-player__button .touchpo