* {
    z-index: auto;
}
.sheet-enter { transform: translateX(100%); opacity: 0; }

.sheet-exit { transform: translateX(0); opacity: 1; }


.sheet-enter-active { 
    transform: translateX(0); 
    opacity: 1; 
    transition: transform 0.3s ease, opacity 0.3s ease; 
}

.sheet-exit-active { 
    transform: translateX(100%); 
    opacity: 0; 
    transition: transform 0.3s ease, opacity 0.3s ease; 
}
.glass{
background: rgba(255, 255, 255, 0.31);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(9.5px);
-webkit-backdrop-filter: blur(9.5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.glass2{
    background: rgba(255, 255, 255, 0.13);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9.5px);
    -webkit-backdrop-filter: blur(9.5px);
    }