.os-popup-content-hidden{overflow:hidden}.os-modal{--os-modal-width: 50%;position:fixed;left:0;top:0;right:0;width:100%;height:100%;overflow:auto;z-index:2000;background-color:#000000b3;transform:translate(0) translateY(0);transition:.2s all;display:flex;align-items:flex-start;justify-content:center}.os-modal.is-inmask{background-color:transparent}.os-modal.is-top-center{align-items:flex-start;justify-content:center}.os-modal.is-top-left{align-items:flex-start;justify-content:flex-start}.os-modal.is-top-right{align-items:flex-start;justify-content:flex-end}.os-modal.is-bottom-center{align-items:flex-end;justify-content:center}.os-modal.is-bottom-left{align-items:flex-end;justify-content:flex-start}.os-modal.is-bottom-right{align-items:flex-end;justify-content:flex-end}.os-modal.is-fullscreen .os-modal-main{width:100%!important;max-width:inherit!important;max-height:inherit!important;margin:0;border-radius:0;height:100%!important;overflow:auto}.os-modal.is-fullscreen .os-modal-main .os-modal-hd{position:sticky;top:0;z-index:1;background-color:var(--os-color-neutral-0)}.os-modal.is-fullscreen .os-modal-main .os-modal-bd{flex:1}.os-modal.is-fullscreen .os-modal-main .os-modal-ft{position:sticky;bottom:0;background-color:var(--os-color-neutral-0)}.os-modal-mode-drawer .os-modal-main{border-radius:0;margin:var(--os-space-none)}.os-modal-mode-drawer.is-top-center,.os-modal-mode-drawer.is-bottom-center{overflow:hidden}.os-modal-mode-drawer.is-top-center .os-modal-main,.os-modal-mode-drawer.is-bottom-center .os-modal-main{width:100%;max-height:calc(100% - var(--os-space-m));overflow:auto;max-width:inherit}.os-modal-mode-drawer.is-top-center .os-modal-hd,.os-modal-mode-drawer.is-bottom-center .os-modal-hd{position:sticky;top:0;z-index:1;background-color:var(--os-color-neutral-0)}.os-modal-mode-drawer.is-top-center .os-modal-ft,.os-modal-mode-drawer.is-bottom-center .os-modal-ft{position:sticky;bottom:0;background-color:var(--os-color-neutral-0)}.os-modal-mode-drawer.is-top-left,.os-modal-mode-drawer.is-top-right,.os-modal-mode-drawer.is-bottom-left,.os-modal-mode-drawer.is-bottom-right{overflow:hidden}.os-modal-mode-drawer.is-top-left .os-modal-main,.os-modal-mode-drawer.is-top-right .os-modal-main,.os-modal-mode-drawer.is-bottom-left .os-modal-main,.os-modal-mode-drawer.is-bottom-right .os-modal-main{height:100%;max-width:calc(100% - var(--os-space-m));overflow:auto}.os-modal-mode-drawer.is-top-left .os-modal-bd,.os-modal-mode-drawer.is-top-right .os-modal-bd,.os-modal-mode-drawer.is-bottom-left .os-modal-bd,.os-modal-mode-drawer.is-bottom-right .os-modal-bd{flex:1}.os-modal-main{background-color:var(--os-color-neutral-0);border-radius:var(--os-border-radius-base);display:flex;flex-direction:column;margin:var(--os-space-m);width:var(--os-modal-width);min-width:320px;max-width:calc(100% - var(--os-space-m));box-shadow:0 5px 15px #00000080;transition:.5s all}.os-modal-hd{font-size:var(--os-heading6);padding:var(--os-space-base) var(--os-space-base) var(--os-space-none) var(--os-space-base);display:flex;align-items:flex-start;justify-content:space-between}.os-modal-icon>i{font-size:var(--os-heading8);cursor:pointer}.os-modal-icon>i:hover{color:var(--os-color-primary)}.os-modal-bd{padding:var(--os-space-base)}.os-modal-ft{padding:var(--os-space-none) var(--os-space-base) var(--os-space-base) var(--os-space-base);text-align:right}.os-modal-ft>.os-button+.os-button{margin-left:var(--os-space-s)}.os-modal-tip .os-modal-main{max-width:calc(var(--os-modal-width) - var(--os-space-m))}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .os-modal-main,.modal-fade-leave-to .os-modal-main{transform:translate(0) translateY(-50px);opacity:0}.os-modal-mode-drawer.modal-fade-enter-from.is-top-left .os-modal-main,.os-modal-mode-drawer.modal-fade-enter-from.is-bottom-left .os-modal-main,.os-modal-mode-drawer.modal-fade-leave-to.is-top-left .os-modal-main,.os-modal-mode-drawer.modal-fade-leave-to.is-bottom-left .os-modal-main{transform:translate(-50px) translateY(0)}.os-modal-mode-drawer.modal-fade-enter-from.is-top-right .os-modal-main,.os-modal-mode-drawer.modal-fade-enter-from.is-bottom-right .os-modal-main,.os-modal-mode-drawer.modal-fade-leave-to.is-top-right .os-modal-main,.os-modal-mode-drawer.modal-fade-leave-to.is-bottom-right .os-modal-main{transform:translate(50px) translateY(0)}.os-modal-mode-drawer.modal-fade-enter-from.is-bottom-center .os-modal-main,.os-modal-mode-drawer.modal-fade-leave-to.is-bottom-center .os-modal-main{transform:translate(0) translateY(50px)}
