h1, h2, h3 { font-weight: normal; }
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);
}
}
}
@media not all and (min-resolution:.001dpcm) {
@media {
p.text-wrapper > span {
font-size: calc(100% - 0.5px);
}
}
}
.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);
}
.element-overlay-area {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.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;
}
@media (prefers-reduced-motion: no-preference) {
.animation-wrapper {
opacity: var(--initial-opacity);
transform: var(--initial-transform);
}
}
amp-story-grid-layer.align-bottom {
align-content: end;
padding: 0;
/*
AMP CTA Layer will exactly occupy 74px regardless of any device.
To space out captions 74px from the BOTTOM (AMP CTA Layer),
74px from the TOP should also be spaced out and thus: 2 * 74px
will be the desired max-height.
*/
max-height: calc(100vh - (2 * 74px));
}
.captions-area {
padding: 0 32px 0;
}
amp-story-captions {
margin-bottom: 16px;
text-align: center;
}
amp-story-audio-sticker {
height: 100%;
}
.audio-sticker {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
Neeta Pillaibody{-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}[{"selector":"#anim-af91ea83-c5d0-48dc-aac6-db4baf537a8b [data-leaf-element="true"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-237c292b-30a4-41a2-95bc-247a5f06b1de [data-leaf-element="true"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-369b966f-846d-4321-bb2a-3d1faabeb008 [data-leaf-element="true"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-4fb5b282-5d40-4254-889e-34d0d95322d5 [data-leaf-element="true"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}][{"selector":"#anim-a8345be0-a14b-46d0-be2b-6f645c027ae9 [data-leaf-element="true"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]