.dialog-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:0;background:#e8eef7;color:#15276a;font:inherit;font-size:26px;line-height:1;cursor:pointer}
.poster-dialog,.choice-dialog{--dialog-duration:250ms;--dialog-dismiss-duration:200ms;--dialog-travel:20px;border:0;padding:0;color:#142344;background:#fff;box-shadow:0 18px 60px #0e1b4645;font:inherit;direction:rtl}
.poster-dialog::backdrop,.choice-dialog::backdrop{background:#0a174b9e;transition:opacity var(--dialog-duration) cubic-bezier(.23,1,.32,1)}
.poster-dialog.is-closing,.choice-dialog.is-closing{--dialog-duration:var(--dialog-dismiss-duration);pointer-events:none}
.poster-dialog.is-closing::backdrop,.choice-dialog.is-closing::backdrop{opacity:0}
@starting-style{
  .poster-dialog[open]::backdrop,.choice-dialog[open]::backdrop{opacity:0}
}
.poster-dialog{--dialog-duration:350ms;--dialog-dismiss-duration:280ms;--dialog-travel:32px;width:min(calc(100% - 32px),680px);max-width:none;max-height:calc(100dvh - 32px);overflow:auto}
.poster-shell{display:grid;gap:10px;padding:14px}
.poster-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.poster-head h2{font-size:clamp(22px,4vw,30px)}
.poster-image{display:grid;place-items:center;background:#e8eef7;padding:8px}
.poster-image img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 214px);object-fit:contain}
.poster-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.poster-actions .button{width:100%;justify-content:center;min-height:46px;white-space:nowrap;padding-inline:8px}
.poster-actions .button-light{background:#e8eef7}
.poster-feedback,.poster-link{font-size:14px}
.poster-link{width:100%;padding:8px;border:1px solid #aebad0}
.choice-trigger{position:relative;display:grid;align-items:center;width:100%;height:44px;padding:8px 10px;padding-inline-end:27px;border:1px solid #aebad0;border-radius:0;background:#f4f6fa;color:#142344;font:inherit;text-align:start;cursor:pointer;line-height:1.35;white-space:nowrap;overflow:hidden}
.choice-value{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.choice-trigger::after{content:'';position:absolute;inset-inline-end:13px;top:44%;width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.choice-trigger:focus-visible,.choice-trigger[aria-expanded=true]{outline:none;background:#e4e7ed}
.choice-trigger[aria-invalid=true]{border-color:#9a223b}
.choice-trigger:disabled{opacity:1;background:#e8eef7;color:#4b5874;cursor:default}
.choice-dialog{--choice-limit:min(55dvh,460px);position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 16px));max-width:none;max-height:var(--choice-limit);overflow:hidden}
.choice-dialog::backdrop{background:#0a174b28}
.choice-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:inherit}
.choice-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;background:#f4f6fa}
.choice-heading strong{font-size:18px;color:#15276a}
.choice-dialog .choice-search{width:calc(100% - 24px);min-height:44px;margin:8px 12px;padding:8px;border:1px solid #aebad0;border-radius:0;font:inherit;background:#f4f6fa}
.choice-list{grid-row:3;margin:0;padding:3px 0 6px;overflow:auto;list-style:none;overscroll-behavior:contain;min-height:44px}
.form-field .choice-trigger,.form-field select{height:50px}
.choice-option{width:100%;border:0;min-height:44px;padding:8px 13px;background:white;color:#142344;font:inherit;text-align:start;cursor:pointer}
.choice-option:is(:focus,:hover,[aria-selected=true]){outline:none;background:#e8eef7;color:#15276a}
.choice-option[aria-selected=true]::after{content:'✓';float:left;margin-inline-start:7px}
.choice-empty{padding:12px;color:#4b5874}
@media(max-width:700px){
  .poster-dialog,.choice-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 14px);padding-bottom:env(safe-area-inset-bottom)}
  .choice-dialog{--dialog-duration:360ms;--dialog-travel:46px;max-height:min(74dvh,560px)}
  .poster-dialog{--dialog-duration:400ms;--dialog-travel:56px}
  .choice-dialog::backdrop{background:#0a174b8a}
  .choice-option{min-height:48px}
  .poster-shell{padding:12px}
  body:has(.choice-dialog[open],.poster-dialog[open]){overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .poster-dialog::backdrop,.choice-dialog::backdrop{transition:none}
}