.official-event-frame{width:100%;min-width:0;margin-bottom:24px;container-type:inline-size}.official-event-frame .official-event-banner{box-sizing:border-box;aspect-ratio:4;border:1px solid var(--passport-line);background:var(--passport-surface);width:100%;color:var(--passport-text);border-radius:12px;position:relative;overflow:hidden}.official-event-art{width:100%;height:100%;display:block}.official-event-art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.official-event-art .official-event-mobile{display:none}.official-event-placeholder{background:var(--passport-bg);height:100%;color:var(--passport-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.official-event-placeholder>span{font-size:30px}.official-event-placeholder strong{color:var(--passport-text);font-size:16px}.official-event-placeholder small{font-size:11px}.official-event-image-error{background:var(--passport-bg);color:var(--passport-muted);place-items:center;margin:0;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.official-event-art:focus-visible{outline:2px solid var(--passport-green);outline-offset:-4px}.official-event-frame .official-event-close{color:#fff;cursor:pointer;background:#10151088;border:0;border-radius:50%;width:32px;min-width:0;height:32px;padding:0;font-size:24px;position:absolute;top:8px;right:8px}.official-event-pages{gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.official-event-frame .official-event-pages button{color:#fff;background:#0009;border:1px solid #fff6;border-radius:4px;min-width:24px;padding:3px 6px;font-size:11px}.official-event-frame .official-event-pages button[aria-pressed=true]{color:var(--passport-green);border-color:var(--passport-green)}@container (width<=600px){.official-event-frame .official-event-banner{aspect-ratio:3/2}.official-event-art .official-event-desktop{display:none}.official-event-art .official-event-mobile{display:block}}