.cap{position:absolute;left:0;right:0;z-index:8;pointer-events:none}.cap--a{bottom:clamp(18px,6%,60px);display:flex;justify-content:center;padding:0 5%}.cap--a .cap__box{background:rgba(0,0,0,.74);color:#fff;border-radius:10px;padding:clamp(6px,.9cqw,14px) clamp(12px,1.6cqw,24px);font-size:clamp(15px,2.35cqw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.28;text-align:center;max-width:92%;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cap__in{animation:cap-in .22s ease both}@keyframes cap-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cap--a.cap--top{top:clamp(6px,2.5%,28px);bottom:auto;padding:0 max(12%,76px)}.cap--top .cap__in{animation-name:cap-in-top}@keyframes cap-in-top{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.cap-host{container-type:inline-size}