.bottom-bar{position:fixed;bottom:20px;width:100%;max-width:500px;left:50%;transform:translateX(-50%);background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px;z-index:500;justify-content:space-evenly;border-radius:12px;height:60px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.bottom-bar,.bottom-bar-option{color:#000;text-align:center;display:flex;align-items:center}.bottom-bar-option{text-decoration:none;padding:10px;margin:0;font-size:1em;background:transparent;transition:background-color .2s,transform .2s;border-radius:8px;position:relative;flex:none;height:50px;line-height:50px;justify-content:center;width:90px}.bottom-bar-option:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.bottom-bar-option:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.bottom-bar-option:not(:last-child){border-right:1px solid hsla(0,0%,100%,.3)}.bottom-bar-option:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:80%;background-color:hsla(0,0%,100%,.3)}.bottom-bar-option.active{background:hsla(0,0%,100%,.3)}.bottom-bar-option:hover{background:hsla(0,0%,100%,.15);transform:scale(1.02);z-index:1;height:50px;line-height:50px}.bottom-bar-option.disabled{color:grey;pointer-events:none;background:none}