.glass{
    backdrop-filter:saturate(180%) blur(20px);
     background:rgba(255,255,255,.12)
}

.topbar{
    position:fixed;
    inset:0 0 auto 0;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 10px
}

.window{
    position:absolute;
    left:12vw;
    top:12vh;
    width:520px;
    min-height:280px;
    border-radius:16px;
    box-shadow:0 10px 40px rgba(0,0,0,.3)
}

.titlebar{
    height:36px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    cursor:grab
}

.window{
    position:absolute;
    left:12vw;
    top:12vh;
    width:520px;
    min-height:280px;
    border-radius:16px;
    box-shadow:0 10px 40px rgba(0,0,0,.3)
}

.titlebar{
    height:36px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 10px;
    cursor:grab
}

.icon{
    width:56px;height:56px;
    border-radius:14px;
    border:none;
    box-shadow:0 6px 20px rgba(0,0,0,.25)
}

.hidden{
    display:none
}

body{
    position: fixed;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.icon-folder img{
    z-index: 2;
    display: flex;
    width: 60px;
    height: 60px;
    object-fit: cover;

    transition: transform 0.1s ease;
}

.icon-folder{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-folder img:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.background img{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -100;
    pointer-events: none;
}

.taskbar{
    position: fixed;
    z-index: 10000;
    display: flex;
    flex-direction: row;
    max-width: calc(100% - 200px);
    height: 75px;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
    border-radius: 20px;
    background-color: rgb(69, 20, 115);
    border: solid 1px black;
    min-width: 500px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}


#selection-box {
  position: absolute;
  border: 2px #00aaff;
  background: rgba(0,170,255,0.2);
  pointer-events: none;
  display: none;
  z-index: 5;
  border-radius: 12px;
}

.bgaudio{
    margin-top: 50px;
}