.astrolog-web-frame {
width: 100%;
margin: 1.5rem 0;
}
.astrolog-web-frame iframe {
display: block;
width: 100%;
min-height: var(--astrolog-min-height, 900px);
border: 0;
border-radius: 18px;
background: #f4efe5;
box-shadow: 0 18px 54px rgba(16, 37, 42, 0.13);
transition: height 180ms ease;
}
.astrolog-web-fallback {
margin: 0.75rem 0 0;
text-align: right;
font-size: 0.82rem;
}
.astrolog-web-notice {
padding: 1rem 1.2rem;
border-left: 4px solid #c89245;
background: #fff8e8;
}
@media (max-width: 700px) {
.astrolog-web-frame {
width: 100vw;
margin-left: calc(50% - 50vw);
}
.astrolog-web-frame iframe {
border-radius: 0;
}
}