.ob-cover{aspect-ratio:2/3;color:#1b1409;background:#1b2a6b;border-radius:4px 8px 8px 4px;position:relative;overflow:hidden;container-type:inline-size}.ob-cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.ob-cover.is-ready img{opacity:1}.ob-cover-card{background:#fffdf8;gap:2.4cqw;padding:6.5cqw 6cqw;display:grid;position:absolute;top:24%;left:12%;right:12%;box-shadow:0 1px #1b140914}.ob-cover-card strong{font:800 min(9cqw, calc(60cqw / min(var(--cv-long), 11)))/1.06 var(--font-display);letter-spacing:-.035em;text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:10 4 4;overflow-wrap:break-word}.ob-cover-card span{font:500 4.4cqw/1.3 var(--font-ui)}.ob-cover-mark{font:800 3.6cqw/1 var(--font-display);letter-spacing:-.02em;background:#fffdf8;padding:1.5cqw 2.4cqw;position:absolute;bottom:6cqw;left:7cqw}.ob-cover.is-loading:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff2e 50%,#0000 70%) 0 0/220% 100%;animation:1.8s ease-in-out infinite ob-cover-wait;position:absolute;inset:0}.ob-cover-making{z-index:1;color:#fffdf8;font:500 max(11px, 3.8cqw)/1.35 var(--font-ui);text-align:center;text-wrap:balance;opacity:0;margin:0;animation:.4s 1.2s forwards ob-cover-say;position:absolute;bottom:18cqw;left:6cqw;right:6cqw}@keyframes ob-cover-say{to{opacity:1}}@keyframes ob-cover-wait{0%{background-position:120% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ob-cover.is-loading:after{animation:none}.ob-cover-making{opacity:1;animation:none}}
