.ui-modal{display:none}.ui-modal.--opened{box-sizing:border-box;padding:0 16px;height:100vh;left:0;position:fixed;top:0;width:100vw;overflow-y:auto;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;z-index:1050}.ui-modal.--opened:not(.--disable-mask){background-color:#344054cc}.ui-modal.--opened .-body{display:flex}@media screen and (max-width:1279px){.ui-modal.--opened.--mobile-full{height:var(--app-height);padding:0}.ui-modal.--opened.--mobile-full .-body{margin:0;border-radius:0;height:100%;max-height:100vh;top:unset;left:unset;transform:unset;overflow:hidden}.ui-modal.--opened.--mobile-full .-section.--main{overflow-y:auto;max-height:calc(100% - 80px)}.ui-modal.--opened.--mobile-full .-section.--footer{position:fixed;bottom:0;padding-bottom:24px;background-color:#fff;z-index:1050}}.ui-modal.--opened.--bottom-drawer{padding:0;top:unset;bottom:0;width:100%;height:100%}.ui-modal.--opened.--bottom-drawer .-body{align-self:flex-end;margin:0;border-radius:unset;border:unset;width:100%!important}.ui-modal.--opened.--bottom-drawer .-body:before{top:-32px;content:"";display:block;width:57px;height:4px;border-radius:2px;background-color:#e6e6e6;margin:-16px auto 0}.ui-modal.--opened.--bottom-drawer .-section.--header{text-align:center}.ui-modal .-body{margin:16px auto 96px;border:1px solid #D2D2D2;border-radius:12px;box-shadow:8px -2px 10px 2px #1018281a;position:relative;max-height:calc(100svh - 32px);overflow-y:auto;overflow-x:hidden;display:flex;flex-flow:row wrap}.ui-modal .-section{box-sizing:border-box;width:100%}.ui-modal .-section.--footer{border-top:1px solid #BEBEBE}.ui-modal .close{position:absolute;right:0;top:0}.ui-modal.--side-icon .-section.--heading-icon{flex:0}@media screen and (max-width:1279px){.ui-modal.--side-icon .-section.--heading-icon{display:none}}@media screen and (min-width:1280px){.ui-modal.--side-icon .-section.--header{flex:1;align-self:center;padding-left:0}.ui-modal.--side-icon .-section.--main{padding-left:96px}}