body,html{margin:0;padding:0;height:100vh;width:100vw;font-family:system-ui,sans-serif;background-color:#f5f5f5;overflow:hidden}body.disable-mouse *{pointer-events:none}body.disable-mouse .mouse-allowed,body.disable-mouse .mouse-allowed *{pointer-events:auto}a:active,a:link,a:visited{color:#ccc}a:hover{color:#fff;text-decoration:underline}.app-container{display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%}.header{display:flex;background-color:#333;color:#fff;font-size:1.2rem;align-items:center;gap:50px;width:100vw;min-height:70px;height:70px}.header-notify{margin-left:auto;margin-right:10px;border:1px solid gray;border-radius:5px}.header-notify img{width:40px;height:40px;display:block;mix-blend-mode:screen;filter:invert(1) brightness(.6)}.main-area{flex:1;display:flex;flex-direction:row;width:100%;overflow:hidden;height:calc(100vh - 70px)}.menu{width:20vw;background-color:#222;color:#fff;overflow:hidden;position:relative;transition:width .3s ease;height:100%;display:flex;flex-direction:column}.menu-items{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;flex:1}.menu-items::-webkit-scrollbar{display:none}.menu-item{padding:10px;margin:0 5px 10px 5px;border-radius:5px;display:flex;flex-direction:row;align-items:center;background-color:#222;color:gray}.menu-item .menu-icon{mix-blend-mode:screen;filter:invert(1) brightness(.6)}.menu-item.selected{background-color:#fff;color:#000}.menu-item.selected .menu-icon{mix-blend-mode:normal;filter:none}.menu-collapsed .menu-text{display:none}.menu.menu-collapsed{width:70px}.menu-text{font-size:14pt;font-weight:400;white-space:nowrap}.menu-expanded .menu-text{display:inline;margin-left:5px}.menu-icon{width:40px;height:40px;display:block}.content{display:flex;flex-direction:column;flex:1;background-color:#222;color:#fff;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none}@keyframes blink-twice{0%,100%{opacity:1}25%,75%{opacity:0}50%{opacity:1}}.content-header{color:#aaa;font-size:large;padding:5px;animation:blink-twice 1s ease-in-out 1}.content-items{overflow:hidden;height:100%;scrollbar-width:none}.content-items::-webkit-scrollbar{display:none}.content-item{padding:24px;font-size:1.1rem;margin:3px;border-radius:5px}.content-item.selected{background-color:#f5f5f5;color:#000}.qr{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;background-color:#fff;padding:6px;border-radius:4px}.qr-speak,.qr-text,.qr-vcard{display:flex;justify-content:center}.qr.pos-up-left{top:3px;left:3px}.qr.pos-up-right{top:3px;right:3px}.qr.pos-down-left{bottom:3px;left:3px}.qr.pos-down-right{bottom:3px;right:3px}.qr>div:first-child{display:inline-flex;align-items:center;gap:4px;padding:0 3px 0 3px;border-radius:4px;background-color:#222}.qr .icon{object-fit:contain;width:30px;height:30px}.qr-contact{display:flex;flex-direction:row;gap:20px;border:1px solid #ccc;align-items:flex-end;padding:10px;border-radius:5px}.qr-contact .qr-image{background-color:#fff;padding:6px;border-radius:4px}.qr-contact .column1{display:flex;flex-direction:column;font-size:small;align-items:center;gap:3px}.qr-contact .column1 .photo{width:70px;height:70px}.qr-contact .column1 .photo img{border:1 px solid #222;border-radius:3px;max-width:100%;max-height:100%;object-fit:contain}.xyotube iframe{width:100%!important;height:100%!important}