:root{--s-popout-border-radius:var(--s-border-radius-xl);--s-popout-bg:var(--s-bg-color-elevated);--s-popout-close-padding:var(--s-size);--s-popout-close-font-size:var(--s-font-size-lg);--s-popout-close-color:var(--s-text-color-secondary);--s-popout-header-compact-height:var(--s-content-height);--s-popout-header-loose-height:var(--s-content-height);--s-popout-header-loose-padding-x:60px;--s-popout-title-font-size:var(--s-font-size-lg);--s-popout-title-color:var(--s-text-color-emphasis);--s-popout-footer-padding-y:var(--s-content-padding-y);--s-popout-footer-padding-x:var(--s-content-padding-x);--s-popout-button-gap:var(--s-size)}.s-popout{max-height:100%;padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-popout-border-radius);border-top-right-radius:var(--s-popout-border-radius);background:var(--s-popout-bg)}.s-popout--divided{box-shadow:var(--s-box-shadow)}.s-popout__header{position:relative;display:flex;align-items:center}.s-popout__header--compact{height:var(--s-popout-header-compact-height)}.s-popout__header--loose{height:var(--s-popout-header-loose-height);padding-inline-start:var(--s-popout-header-loose-padding-x);padding-inline-end:var(--s-popout-header-loose-padding-x)}.s-popout__button-wrap{position:relative;display:flex;flex-direction:column;z-index:1;height:100%}.s-popout__button-wrap--end{margin-inline-start:auto}.s-popout__title{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;width:70%;height:100%;margin-inline-start:auto;margin-inline-end:auto;text-align:center;font-size:var(--s-popout-title-font-size);font-weight:var(--s-font-weight-bold);color:var(--s-popout-title-color);overflow:hidden}.s-popout__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-popout__close{position:absolute;top:0;inset-inline-end:0;height:100%;border-width:0;font-size:var(--s-popout-close-font-size);color:var(--s-popout-close-color)}.s-popout__footer{display:flex;align-items:center;gap:var(--s-popout-button-gap);padding:var(--s-popout-footer-padding-y) var(--s-popout-footer-padding-x)}.s-popout__footer-button{flex:1 1 0}