body{--supported: #39B54A;--partial: #A8BD04;--not-supported: #C44230;--font-colour: #FFF}body.accessible-colours{--supported: #99FFB8;--partial: #8090F9;--not-supported: #E17085;--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}body.screenshot a{text-decoration:none}h1 a{text-decoration:none}small,.legend{font-size:1.1rem}strong{font-weight:600}[hidden]{display:none}.feature{background-color:#f2e8d5;position:relative;border:3px solid #db5600;border-bottom:0;display:none}body.caniuse .feature{border-color:#db5600}body.mdn .feature{border-color:#3d7e9a}body.screenshot{padding-top:10px}.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}body.caniuse .footer{background-color:#db5600}body.mdn .footer{background-color:#3d7e9a}.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)}body.accessible-colours tr.statistics td.y span:not(.usage),body.accessible-colours .legend .y{background-color:#99ffb8;background-color:var(--supported)}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}body.accessible-colours tr.statistics td.n span:not(.usage),body.accessible-colours tr.statistics td.p span:not(.usage),body.accessible-colours tr.statistics td.d span:not(.usage),.legend .n{background-color:#e17085;background-color:var(--not-supported);color:#000}tr.statistics td.a span:not(.usage),.legend .a{background-color:#a8bd04;background-color:var(--partial);color:#fff;color:var(--font-colour)}body.accessible-colours tr.statistics td.a span:not(.usage),body.accessible-colours .legend .a{background-color:#8090f9;background-color:var(--partial)}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}}