body{--supported: #39B54A;--partial: #A8BD04;--not-supported: #C44230;--font-colour: #FFF}body.accessible-colours{--supported: #A6EDB2;--partial: #97BFF0;--not-supported: #842E98;--font-colour: #000}html,body,div,span,h1,p,a,small,strong,table,tbody,thead,tr,th,td,footer,header,main{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}footer,header{display:block}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}html{font-size:62.5%}body{font-size:1.4rem;line-height:1.4;font-family:'Open Sans', sans-serif;font-weight:300}a{color:inherit}h1 a{text-decoration:none}small,.legend{font-size:1.1rem}strong{font-weight:600}.feature{background-color:#F2E8D5;position:relative;border:3px solid #DB5600;border-bottom:0;display:none}.header{padding:10px 10px 0}.header .title{margin-bottom:5px;font-size:2rem}.header .title span{margin-bottom:5px;padding-right:10px}.header .description{font-size:1.6rem}.header .icon-external-link{height:auto;max-height:20px}.main{padding:10px 5px}@media (min-width: 500px){.main{padding:10px}}.footer{padding:5px 10px;margin-top:20px;background-color:#DB5600;color:#FFF;font-size:1.1rem;display:flex;justify-content:space-between}.footer button{background:none;border:1px solid #FFF;border-radius:3px;color:#FFF;font-family:'Open Sans', sans-serif;font-weight:300;cursor:pointer;display:none}@supports (color: var(--supported)){.footer button{display:inline-block}}.footer button .enable{display:inline}.footer button .disable{display:none}.accessible-colours .footer button .enable{display:none}.accessible-colours .footer button .disable{display:inline}table{width:100%;border-collapse:collapse;border-spacing:0;line-height:1.2;margin-bottom:20px;font-size:1.2rem}@media (min-width: 700px){table{font-size:1.4rem}}table thead th{width:10%;vertical-align:bottom}@supports (display: grid){table thead th{width:100%}}.browser-title{display:block;margin-bottom:5px;padding-bottom:5px;border-bottom-style:solid;border-bottom-width:5px;position:relative}@media (max-width: 700px){.browser-title{height:150px}.browser-title span{position:absolute;border-bottom:0;padding-left:5px;padding-bottom:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);white-space:nowrap;left:0;bottom:20px;text-align:left;width:100%}}@supports (display: grid){table thead th,.browser-title{display:grid}}@supports (display: grid){.browser-title span{align-self:end}}@supports (display: grid){table tbody{display:grid;grid-row-gap:5px}}table tbody td{text-align:center;position:relative}table tbody td:hover{cursor:default}table tbody td span:not(.usage){display:block;height:100%;width:100%;padding:7px 0;position:relative}@supports (display: grid){table tr{display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:5px}}table td,table th{border:5px solid #F2E8D5}@supports (display: grid){table td,table th{border:none}}@supports (display: grid){tr.current{background-color:#584E3B;outline:5px solid #584E3B;margin-top:5px;margin-bottom:5px}}tr.current td{border:5px solid #584E3B;position:relative}@supports (display: grid){tr.current td{border:none}}tr.current td span{border-top:5px solid #584E3B}@supports (display: grid){tr.current td span{border:0}}tr.future_1 td span{border-top:5px solid #F2E8D5}@supports (display: grid){tr.future_1 td span{border:0}}span.usage{padding-top:7px;position:absolute;width:100%;background-color:#FFF;height:100%;top:0;left:0;display:none}td:hover span.usage{display:block}.legend div{display:inline-block;width:auto;padding:3px 5px;margin-right:5px}@media screen and (max-width: 450px){.legend div{margin-bottom:5px}}.legend .d{background-color:#FFF;color:#000}.legend .d img{height:10px;width:auto;margin-right:5px}.note{float:right;font-weight:600}@media (max-width: 500px){.note{float:none;display:block;margin-bottom:5px}}span.a{color:#A8BD04}span.y{color:#39B54A}th.ie .browser-title,th.edge .browser-title{border-bottom-color:#233D61}th.chrome .browser-title{border-bottom-color:#3F77BB}th.firefox .browser-title{border-bottom-color:#A36223}th.safari .browser-title{border-bottom-color:#666}th.ios_saf .browser-title{border-bottom-color:#333}th.op_mini .browser-title{border-bottom-color:#992626}th.android .browser-title{border-bottom-color:#7BA13B}th.samsung .browser-title{border-bottom-color:#9753ff}tr.statistics td.y span:not(.usage),.legend .y{background-color:#39B54A;background-color:var(--supported);color:#fff;color:var(--font-colour)}tr.statistics td.n span:not(.usage),tr.statistics td.p span:not(.usage),tr.statistics td.d span:not(.usage),.legend .n{background-color:#C44230;background-color:var(--not-supported);color:#FFF}tr.statistics td.a span:not(.usage),.legend .a{background-color:#A8BD04;background-color:var(--partial);color:#fff;color:var(--font-colour)}tr.statistics td.u span:not(.usage),.legend .u{background-color:#838383;color:#FFF}tr.statistics td.x span:not(.usage)::after{content:' ';position:absolute;top:0;right:0;background-color:#FF6;color:#000;line-height:1;font-size:1pt;height:10px;width:10px}@media screen and (max-width: 600px){tr.statistics td.x span:not(.usage)::after{height:6px}}.legend .x{background-color:#FF6;color:#000}tr.statistics td.d span:not(.usage)::after{content:' ';position:absolute;top:0;right:0;color:#000;line-height:1;font-size:1pt;height:20px;width:20px;background-image:url(/embed/assets/flag.png);background-position:top 3px right 3px;background-repeat:no-repeat;background-size:10px}@media screen and (max-width: 600px){tr.statistics td.d span:not(.usage)::after{background-position:top 3px right 3px;background-size:8px}}