.app-base-modal-overlay{background-color:#00000080;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%;inset:0;opacity:0;overflow-x:auto;padding:3rem 6vw;position:fixed;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;visibility:hidden;width:100%;z-index:9998}.app-base-modal-overlay.--open{opacity:1;visibility:visible}.app-base-modal-overlay.--no-background{background-color:transparent}.app-base-modal-overlay.--clickable{pointer-events:none}.app-base-modal-overlay.--clickable>div{pointer-events:all}.app-base-modal-overlay.--top-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.app-base-modal-overlay.--top-left,.app-base-modal-overlay.--top-right{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.app-base-modal-overlay.--top-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.app-base-modal-overlay,.app-base-modal-overlay.--top-center{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.app-base-modal-overlay.--center-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.app-base-modal-overlay.--center-left,.app-base-modal-overlay.--center-right{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.app-base-modal-overlay.--center-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.app-base-modal-overlay.--center-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.app-base-modal-overlay.--bottom-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.app-base-modal-overlay.--bottom-left,.app-base-modal-overlay.--bottom-right{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.app-base-modal-overlay.--bottom-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.app-base-modal-overlay.--bottom-center{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.app-base-modal{opacity:0;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,-webkit-transform .5s ease;-o-transition:opacity .5s ease,-o-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease,-o-transform .5s ease;width:55rem;z-index:9999}.app-base-modal--bordered{border-radius:1.4rem}.app-base-modal.--bottom-center,.app-base-modal.--bottom-left,.app-base-modal.--bottom-right,.app-base-modal.--center-center,.app-base-modal.--center-left,.app-base-modal.--center-right,.app-base-modal.--top-center{opacity:0;pointer-events:none}.app-base-modal.--top-center,.app-base-modal.--top-left,.app-base-modal.--top-right{-webkit-transform:translateY(-20rem);-ms-transform:translateY(-20rem);-o-transform:translateY(-20rem);transform:translateY(-20rem)}.app-base-modal.--top-center.app-base-modal--open,.app-base-modal.--top-left.app-base-modal--open,.app-base-modal.--top-right.app-base-modal--open{max-width:100%;opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.app-base-modal.--center-center.app-base-modal--open,.app-base-modal.--center-left.app-base-modal--open,.app-base-modal.--center-right.app-base-modal--open{max-width:100%;opacity:1;pointer-events:auto}.app-base-modal.--bottom-center,.app-base-modal.--bottom-left,.app-base-modal.--bottom-right{-webkit-transform:translateY(20rem);-ms-transform:translateY(20rem);-o-transform:translateY(20rem);transform:translateY(20rem)}.app-base-modal.--bottom-center.app-base-modal--open,.app-base-modal.--bottom-left.app-base-modal--open,.app-base-modal.--bottom-right.app-base-modal--open{max-width:100%;opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.app-base-modal.--size--xs{width:31rem}.app-base-modal.--size--sm{width:37rem}.app-base-modal.--size--md{width:42rem}.app-base-modal.--size--md-l{width:55rem}.app-base-modal.--size--lg{width:68rem}.app-base-modal.--size--xl{width:94rem}.app-base-modal.--size--xxl{width:129rem}