.notifications[data-v-1d48f6fd]{position:absolute;top:4.5rem;right:1.5rem;margin-left:1.5rem;max-width:30rem;z-index:10000}@media (prefers-color-scheme:dark){:root{--background-color:#181818;--text-color:#c1c1c1;--header-color:#77a5de;--active-link-color:#42b983;--link-color:#c1c1c1;--rooms-color:#d3d3d3;--rooms-line-color:#969699;--content-modal-bg-color:#181818;--content-modal-shadow-color:#77a5de;--content-modal-close-color:#bc2323;--content-modal-close-hover-color:#bc2323;--card-color:#2c3e50}}@media (prefers-color-scheme:light){:root{--background-color:#d3d3d3;--text-color:#2c3e50;--header-color:#2c3e50;--active-link-color:#42b983;--link-color:#2c3e50;--rooms-color:#fff;--rooms-line-color:#dee2e6;--content-modal-bg-color:#fff;--content-modal-shadow-color:#181818;--content-modal-close-color:transparent;--content-modal-close-hover-color:#181818;--card-color:#2c3e50}}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background-color:var(--background-color)}body,html{width:100%;height:100%}article{min-height:100%;display:flex;flex-direction:column;align-items:stretch}main{flex-grow:1}.footer{height:24px;line-height:24px}footer,header,main{flex-shrink:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--text-color)}#nav{padding:20px}#nav a{font-weight:700;color:var(--link-color)}#nav a.router-link-exact-active{color:var(--active-link-color)}.no-underline,.no-underline:hover{text-decoration-line:none;outline:none}.mymodal-route{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:1000}.mymodal-content{width:90%;max-height:80%;overflow-x:hidden;position:absolute;z-index:10005;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem;box-shadow:0 0 1.5rem var(--content-modal-shadow-color);background:var(--content-modal-bg-color);-ms-overflow-style:none;scrollbar-width:thin}.mymodal-wrap{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000}.mymodal-close{width:1.5em;float:right;color:var(--text-color);background-color:var(--content-modal-close-color)}.mymodal-close:hover{background-color:var(--content-modal-close-hover-color)}@media (min-width:576px){.mymodal-route{width:100%;height:100%}.mymodal-content{width:50%;max-height:80%}}