.frame[data-v-7cb50ec2]{position:relative;container-type:inline-size;aspect-ratio:var(--frame-ratio);display:flex;align-items:center;justify-content:center;overflow:hidden}.s-light[data-v-7cb50ec2]{background:var(--c-chip-light)}.s-white[data-v-7cb50ec2]{background:#fff}.s-soft[data-v-7cb50ec2]{background:var(--c-bg)}.s-hatch[data-v-7cb50ec2]{background-image:repeating-linear-gradient(135deg,#eceef1 0 9px,#f4f5f7 9px 18px)}.l-fill[data-v-7cb50ec2] img,.l-fill img[data-v-7cb50ec2]{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:var(--frame-fit);object-fit:var(--frame-fit)}.f-badge[data-v-7cb50ec2]{position:absolute;top:10px;right:10px;z-index:2;background:#14181bc7;color:#fff;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.04em;border-radius:var(--r-chip);padding:3px var(--sp-2)}.frame[data-v-7cb50ec2] .sheet{font-size:clamp(5px,4cqw,var(--frame-sheet-max,9px));box-shadow:0 4px 12px #14181b24}.frame[data-v-7cb50ec2] .o-portrait{width:auto;height:88%}.frame[data-v-7cb50ec2] .o-landscape{width:90%;height:auto}