amp-story-player {
width: 360px;
height: 600px;
position: relative;
display: block;
}
amp-story-player a:first-of-type {
width: 100%;
height: 100%;
background: var(--story-player-poster, #d3d3d3);
background-size: 100% 100%;
display: block;
}
amp-story-player a:not(:first-of-type) {
visibility: hidden;
}
amp-story-player .wae_btn_setting {
max-width: 150px !important;
}
amp-story-player:after {
content: " ";
position: absolute;
box-sizing: border-box;
top: calc(50% - 32px);
left: calc(50% - 32px);
width: 64px;
height: 64px;
border-radius: 50%;
border-color: #fff transparent;
border-style: solid;
border-width: 6px;
filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.25));
animation-name: i-amphtml-story-player-spinner;
animation-duration: 4400ms;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-iteration-count: infinite;
}
@keyframes i-amphtml-story-player-spinner {
12.5% {
transform: rotate(135deg);
}
25% {
transform: rotate(270deg);
}
37.5% {
transform: rotate(405deg);
}
50% {
transform: rotate(540deg);
}
62.5% {
transform: rotate(675deg);
}
75% {
transform: rotate(810deg);
}
87.5% {
transform: rotate(945deg);
}
to {
transform: rotate(1080deg);
}
}
.i-amphtml-story-player-loaded:after {
visibility: hidden;
}