unb-dialog{z-index:10000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}unb-dialog-backdrop{padding:var(--size-4);opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}unb-dialog-container{background:var(--color-gray-100);width:min(480px,100%);max-width:100%;max-height:90vh;color:var(--text-primary);border-radius:var(--radius-lg);opacity:0;flex-direction:column;transition:transform .2s,opacity .2s;display:flex;overflow:hidden;transform:translateY(12px)scale(.98);box-shadow:0 10px 30px #00000040}unb-dialog-header{justify-content:space-between;align-items:center;gap:var(--size-4);padding:var(--size-4);border-bottom:1px solid var(--color-gray-200);display:flex}unb-dialog-header-start{align-items:center;gap:var(--size-3);flex:1;min-width:0;display:flex}unb-dialog-header-end{align-items:center;display:flex}unb-dialog-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}unb-dialog-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}unb-dialog-close-button{width:var(--size-10);height:var(--size-10);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:background .2s;display:flex}unb-dialog-close-button:hover{background:var(--color-gray-200)}unb-dialog-body{padding:var(--size-4);flex:1;overflow:auto}unb-dialog-footer{justify-content:flex-end;gap:var(--size-2);padding:var(--size-4);border-top:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}unb-dialog[state=open]{pointer-events:auto}unb-dialog[state=open] unb-dialog-backdrop{opacity:1}unb-dialog[state=open] unb-dialog-container{opacity:1;transform:translateY(0)scale(1)}@media (width<=767px){unb-dialog-backdrop{padding:var(--size-3);align-items:flex-end}unb-dialog-container{border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-height:95vh}}