.banner{cursor:pointer;width:100%}.banner_frame{width:calc(100% - 32px);aspect-ratio:var(--banner-ratio,3 / 1);background-color:#eae7da;border-radius:15px;margin:20px auto 0;position:relative;overflow:hidden}.banner.hidden{opacity:0}.banner.hidden .banner_frame{aspect-ratio:auto;height:0;margin-top:0;transition:height .5s cubic-bezier(.76,0,.24,1),margin-top .5s cubic-bezier(.76,0,.24,1)}.banner.visible{opacity:1}.banner-image{object-fit:cover;opacity:0;transition:opacity .25s}.banner-image.is-loaded{opacity:1}.banner_loader{border-radius:15px;position:absolute;inset:0}.shimmer{background:linear-gradient(90deg,#eae7da 25%,#f3f1e8 50%,#eae7da 75%) 0 0/200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}