@keyframes example{0%{width:100px}to{width:300px}}.menu{width:"250px";height:"100vh";background:"white";box-shadow:"0px 1px 30px rgba(0, 0, 0, 0.2)";position:"absolute";padding-right:"10px";padding-top:"10px";border-radius:7;z-index:"1000";font-size:"13px";letter-spacing:"0"}nav{position:absolute;width:250px;height:100vh;bottom:20%;transition:left .8s ease}nav.active{bottom:0}.custom-confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{width:auto;max-width:325px;background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;z-index:1}.modal-content p{margin:15px 20px;font-weight:700;font-size:16px}.button-container{display:flex;justify-content:space-around;margin-bottom:20px}.custom-confirm-modal button{padding:10px;background-color:#758bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.custom-confirm-modal button:hover{background-color:#f55}.show{display:flex}.loader{width:50px;aspect-ratio:1;display:grid}.loader:after,.loader:before{content:"";grid-area:1/1;--c:no-repeat radial-gradient(farthest-side,#4285f4 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;animation:l12 1s infinite}.loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes l12{to{transform:rotate(.5turn)}}.hidden{display:none}.loaderBeforGraceSpeak{width:45px;aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,#000 90%,#0000);background:var(--_g) 0 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s linear infinite}@keyframes l3{20%{background-position:0 0,50% 50%,100% 50%}40%{background-position:0 100%,50% 0,100% 50%}60%{background-position:0 50%,50% 100%,100% 0}80%{background-position:0 50%,50% 50%,100% 100%}}.loadingConnectingAnimation{animation:blinker 2s linear infinite}.MuiCircularProgress-circle{color:#fff}@keyframes blinker{50%{opacity:0}}.center-div{width:100%;height:83vh}@media (min-width:768px){.side-div-blur{width:35%;filter:blur(2.5px);background-color:rgba(0,0,0,.05);height:100%}.center-div{width:30%;height:100%;border-left:.5px solid rgba(0,0,0,.3);border-right:.5px solid rgba(0,0,0,.3)}}