:root{--mobile-navbar-height:3rem;--navbar-width:15rem;--colliding-navbar-width:0px;--dashboard-header-height:2.25rem}@media only screen and (min-width:1025px){:root{--dashboard-header-height:3rem;--mobile-navbar-height:0px;--colliding-navbar-width:15rem}}.modal{--modal-width:95svw;--modal-height:95svh;--modal-padding-top:1.5rem;--modal-header-height:3rem;--modal-padding-bottom:1.5rem;--modal-padding-horizontal:1.5rem;--modal-interior-height:calc(var(--modal-height) - var(--modal-padding-top) - var(--modal-padding-bottom) - var(--modal-header-height));width:min-content;width:var(--modal-width);height:var(--modal-height);padding:var(--modal-padding-top)var(--modal-padding-horizontal)var(--modal-padding-bottom);z-index:1040;background-color:#fff;border:1px solid #f2f4f6;position:relative;box-shadow:0 5px 5px #9aa0b90d,0 5px 5px #a6adc91a}@media only screen and (max-width:768px){.modal{--modal-width:100svw;--modal-height:100%;--modal-padding-horizontal:.5rem;--modal-padding-bottom:.5rem;box-shadow:none;border:none}}.modal .close{z-index:10;color:#000;position:absolute;top:1rem;right:1rem}.modal header>h3{padding:0}.modal header{height:var(--modal-header-height);flex-direction:column;justify-content:space-between;display:flex}.modal-overlay{width:100svw;height:calc(100svh - var(--banner-height));z-index:1030;background-color:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0}