.context-popup.modal{background-color:var(--color-background-elevated);border-radius:4px;box-shadow:0 0 10px #00000040;display:flex;flex-direction:column;max-width:90%;max-height:90vh;position:fixed}.context-popup .modal-close{color:var(--color-icon-default);font-size:22px;margin-right:-.3em;padding:.3em;z-index:3}.context-popup .modal-header{border-bottom:var(--layout-border-weight-xs) solid var(--color-border-default);padding:24px 20px;position:relative;color:var(--color-text-default);background-color:var(--color-background-elevated)}.context-popup .modal-title{font-size:20px;line-height:1;margin:0}.context-popup .modal-content{background:var(--color-background-elevated);overflow:auto;padding:20px;border-radius:4px}.modal.context-popup .modal-close{font-size:14px;top:14px;right:14px;transform:none}.modal.context-popup .modal-close:hover{background-color:inherit}.modal.context-popup .modal-header{font-size:var(--layout-font-size-form-default);padding:10.5px 28px 10.5px 14px}.modal.context-popup .modal-header .modal-close{top:10.5px;position:absolute}.modal.context-popup .modal-title{font-size:inherit;line-height:1.4;padding-right:15px}.modal.context-popup .modal-title .icon{margin:0 8px 0 4px}.modal.context-popup .modal-content{max-height:250px;overflow:auto;overscroll-behavior:contain;padding:14px}.modal.context-popup .modal-content p{margin-bottom:12px}.modal.context-popup .modal-content p:last-child{margin-bottom:0}.modal.context-popup.is-inverse{background-color:var(--color-background-elevated)}.modal.context-popup.is-inverse .modal-header{border-bottom-color:var(--color-border-default)}.modal.context-popup.is-inverse .modal-content{background:var(--color-background-recessed)}.context-popup{opacity:0}.context-popup.is-positioned{opacity:1}.context-popup.popup-xs{width:220px}.context-popup.popup-xs .modal-close{right:12px}.context-popup.popup-xs .modal-header{padding:12px}.context-popup.popup-xs .modal-header .modal-close{top:9px}.context-popup.popup-xs .modal-title{font-size:var(--layout-font-size-body-md)}.context-popup.popup-sm{width:260px}.context-popup.popup-md{width:340px}.context-popup.popup-lg{width:420px}.context-popup.popup-xl{width:500px}.context-popup.with-directional-indicator:before{border-top-color:var(--color-background-neutral-subtle-inverted)}.context-popup.with-directional-indicator.is-inverse:before{border-top-color:var(--color-background-elevated)}.context-popup.with-directional-indicator.down.is-inverse:before,.context-popup.with-directional-indicator.down-left.is-inverse:before,.context-popup.with-directional-indicator.down-right.is-inverse:before{border-top-color:var(--color-background-elevated)}