.modal-mask{position:fixed;right:0;left:0;top:0;bottom:0;z-index:48;cursor:pointer;background:rgba(0,0,0,.3)}.modal-view .modal-container{position:fixed;bottom:0;z-index:49;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);overflow-y:auto;top:var(--header-height);bottom:var(--bottom-nav-bar-height);right:0;max-width:calc(100vw - var(--sidebar-width));width:620px}.modal-view.slide-sidebar-modal-enter-active,.modal-view.slide-sidebar-modal-leave-active{-webkit-transition-duration:.3s;transition-duration:.3s}.modal-view.slide-sidebar-modal-enter-active .modal-container,.modal-view.slide-sidebar-modal-leave-active .modal-container{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.modal-view.slide-sidebar-modal-enter-active .modal-mask,.modal-view.slide-sidebar-modal-leave-active .modal-mask{-webkit-transition:opacity .2s;transition:opacity .2s}.modal-view.slide-sidebar-modal-leave-active .modal-mask{pointer-events:none}.modal-view.slide-sidebar-modal-enter .modal-container,.modal-view.slide-sidebar-modal-leave-to .modal-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.modal-view.slide-sidebar-modal-enter .modal-mask,.modal-view.slide-sidebar-modal-leave-to .modal-mask{opacity:0}.modal-view--covers-appbar .modal-container{top:0;z-index:52}