#top{background-color:transparent;opacity:0.15;}
#top:hover{opacity:0.95;}
#top{padding-top:5px;padding-bottom:5px;}
#top input{border:1px solid #f8f8f8;}
#top #top-links{position:absolute;top:0px;right:6px;}
#top #top-links a{color:#282d26;display:inline-block;margin:4px 6px 0 6px;text-transform:uppercase;font-size:0.8em;font-family:var(--font-family-sans-serif);text-decoration:none;}
#top{display:block;top:0px;color:white;position:fixed;padding:0px 16px;width:100%;border-radius:0;background-color:rgb(186 186 192 / 34%);backdrop-filter:saturate(250%) blur(20px);-webkit-backdrop-filter:saturate(250%) blur(20px);z-index:7;height:24px;}
#top:after{margin-left:-50%;left:50%;content:"";display:block;position:absolute;top:100%;width:100%;height:1px;z-index:1;background-color:rgba(255,255,255,0.15);}
#top .inner{line-height:18px;}
#top .top-inner{justify-content:space-between;align-items:right;margin-left:auto;margin-right:auto;width:100%;max-width:980px;text-align:right;}
#top #search {border: 1px solid gray; display: none; background-color: white;}
#top #search i {display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
    margin-left: 6px;
    margin-right: 3px;}
#top #search input {border: 1px solid #f8f8f8;outline:none;}