body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
amp-story-page {
background-color: #131516;
}
amp-story-grid-layer {
overflow: visible;
}
@media (max-aspect-ratio: 9 / 16) {
@media (min-aspect-ratio: 320 / 678) {
amp-story-grid-layer.grid-layer {
margin-top: calc((100% / 0.5625 - 100% / 0.6666666666666666) / 2);
}
}
}
.page-fullbleed-area,
.page-background-overlay-area {
position: absolute;
overflow: hidden;
width: 100%;
left: 0;
height: calc(1.1851851851851851 * 100%);
top: calc((1 - 1.1851851851851851) * 100% / 2);
}
.page-safe-area {
overflow: visible;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: calc(0.84375 * 100%);
margin: auto 0;
}
.mask {
position: absolute;
overflow: hidden;
}
.fill {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}