html,body{min-height:100%;margin:0;background:#f7f8fa}body{min-width:320px}.pdf-modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:28px;background:#121f30ad}.pdf-modal{width:min(1120px,100%);height:min(88vh,820px);display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 24px 70px #0a1a3059}.pdf-modal header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px 10px 20px;border-bottom:1px solid #e1e5eb}.pdf-modal header span{color:#9298a2;font-size:10px;font-weight:700;text-transform:uppercase}.pdf-modal h2{max-width:820px;overflow:hidden;color:#2f3237;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.pdf-modal iframe{width:100%;flex:1;border:0;background:#eef1f4}.modal-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e1e5eb;border-radius:6px;background:#fff;color:#656b75;cursor:pointer}.modal-close:hover{border-color:#0878ca;color:#0878ca}