.navbar-container{position:fixed;width:calc(100vw - 48px);background:linear-gradient(to bottom right,rgba(255,255,255,.5) -50%,rgba(196,196,196,.068) 50%,rgba(196,196,196,0) 150%);box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar-container,.pc-navbar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.pc-navbar-container{background:linear-gradient(97.46deg,rgba(255,255,255,.5) -19.85%,rgba(235,235,235,.367354) 4.2%,rgba(224,224,224,.287504) 13.88%,rgba(212,212,212,.21131) 27.98%,rgba(207,207,207,.175584) 37.8%,rgba(202,202,202,.143432) 44.38%,rgba(200,200,200,.126299) 50.54%,rgba(196,196,196,.1) 60.21%)}.icon-container{display:flex;justify-content:center;align-items:center;padding:8px;border-radius:50%;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.icon-container.active{border-radius:50px;background-color:hsla(0,0%,100%,.205)!important}.icon-container:hover{transform:scale(1.1);background-color:hsla(0,0%,100%,.1)}