.ui-popup{border:1px solid var(--ds-border);border-radius:var(--ds-radius-default);background:var(--ds-surface);width:min(560px,100vw - 32px);max-height:85vh;color:var(--ds-foreground);margin:auto;padding:0}.ui-popup.wide{width:min(1100px,100vw - 32px)}.ui-popup>header{z-index:1;background:var(--ds-surface);border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:12px;min-height:57px;padding:8px 14px;display:flex;position:sticky;top:0}.ui-popup>header h3{font-size:var(--ds-text-heading-sm-size);font-weight:var(--ds-text-heading-weight)}dialog.ui-popup>header .ui-popup-close{border-radius:var(--ds-radius-md);width:32px;height:32px;min-height:0;box-shadow:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}dialog.ui-popup>header .ui-popup-close:hover{background:0 0}dialog.ui-popup>header .ui-popup-close:focus-visible{outline-offset:2px;outline:2px solid}.ui-popup.side{border:0;border-left:1px solid var(--ds-border);border-radius:0;width:min(600px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;overflow:auto}.ui-popup.side>header{padding-inline:24px 16px}.ui-popup.side>header h3{font-size:var(--ds-text-heading-size)}.ui-popup-body{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}.ui-popup-body>*{min-width:0}.ui-popup.steady[open]{flex-direction:column;height:min(820px,85vh);display:flex}.ui-popup.steady>.ui-popup-body{flex-direction:column;flex:1;display:flex;overflow:auto}