@tailwind base;@tailwind components;@tailwind utilities;:root{--button-bg: #006CB7 !important;--button-hover-bg: #00A3DA !important;--button-text: white}.toolbar md-filled-button{font-family:roboto,system-ui,-apple-system,sans-serif;font-size:14px;transition:background-color .2s}.toolbar md-filled-button:hover{background-color:var(--button-hover-bg)}body{margin:0;padding:0;overflow:hidden}.main-screen{background-color:#fef7ff;display:flex;flex-direction:row;justify-content:center;width:100vw;height:100vh;overflow:hidden}.main-screen .div{background-color:#fef7ff;border:8px solid;border-color:#cac4d0;height:calc(100vh - 16px);position:relative;width:calc(100vw - 16px)}.main-screen .navigation-rail{align-items:center;background-color:#fecd04;display:flex;flex-direction:column;gap:16px;height:calc(100% - 64px);left:0;overflow:hidden;padding:16px 0;position:absolute;top:64px;width:72px;z-index:10}.main-screen .button-panel{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;top:72px;position:absolute}.main-screen .control-buttons{width:100%;background-color:#fecd04!important;gap:12px;display:flex;padding:12px;margin-left:72px}.main-screen .button-panel .MuiIconButton-root{width:48px!important;height:48px!important;margin:0 auto!important;padding:12px!important;border-radius:24px!important;background-color:#006cb7;--IconButton-hoverBg: #00A3DA;color:#fff}.main-screen .css-1ls62m6-MuiButtonBase-root-MuiIconButton-root{background-color:#006cb7;--IconButton-hoverBg: #00A3DA}.main-screen .menu-fab{align-items:center;display:flex;flex-direction:column;gap:4px;height:138px;margin-left:-4px;margin-right:-4px;position:relative;width:80px}.main-screen .icon-2{height:24px!important;position:relative!important;width:24px!important}.main-screen .FAB-elevation{align-items:flex-start;border-radius:16px;display:inline-flex;flex:0 0 auto;gap:10px;position:relative}.main-screen .destinations{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;gap:12px;justify-content:center;margin-left:-4px;margin-right:-4px;position:relative;width:80px}.main-screen .group{background-color:#6750a4;border-radius:8px;height:56px;position:relative;width:56px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.main-screen .group:hover{background-color:#7b65b6}.main-screen .img{height:24px!important;width:24px!important;color:#fff!important;position:relative!important}.main-screen .group .img{position:static!important;margin:auto}.main-screen .content{align-items:flex-start;background-color:#fff;border-radius:28px;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.main-screen .main-content{display:"flex";flex:1;background-color:"#fef7ff";width:100%}.main-screen .group-2{background-color:#fff;height:88px;position:relative;width:100%;border-bottom:1px solid #E7E0EC;padding:0 24px}.main-screen .overlap,.main-screen .overlap-group,.main-screen .flip-wrapper,.main-screen .delete-wrapper{background-color:#f3edf7;border-radius:28px;height:56px;position:absolute;top:16px;width:56px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.main-screen .overlap:hover,.main-screen .overlap-group:hover,.main-screen .flip-wrapper:hover,.main-screen .delete-wrapper:hover{background-color:#e7e0ec}.main-screen .overlap-group{left:0}.main-screen .overlap{left:72px}.main-screen .flip-wrapper{left:144px}.main-screen .delete-wrapper{left:216px}.main-screen .card-grid{align-items:flex-start;align-self:stretch;display:flex;flex:1;position:relative;width:100%;height:calc(100% - 152px);overflow:hidden;background-color:#fff}.main-screen .card-grid svg{width:100%;height:100%}.main-screen .card-grid svg path[stroke="#eee"]{stroke:#e7e0ec;stroke-width:1.5}.main-screen .MuiAppBar-root{background-color:#006cb7;color:#fff}.main-screen .studs-panel{width:140px;gap:16px!important;display:inline-flex;right:-16px;position:fixed}.control-buttons .studs-panel{flex-wrap:inherit;position:fixed}.studs-panel .bg-studs-top{width:48px;height:48px;background-color:#00a3da;border-radius:24px}.control-buttons .bg-studs-top{background-color:#fff579}.button-divider{width:1px;height:100%;background-color:#ffffff8e}
