.icon-button{background-color:var(--button-background-color);transition:background-color .3s,color .3s}.icon-button:hover,.icon-button.active{background-color:var(--button-active-background-color)}
.button-container{background-color:var(--button-background-color)}
.select{background-color:var(--header-background-color);color:var(--text-color);cursor:pointer;padding:1rem;position:relative}.select .list{background-color:var(--button-background-color-dark);border-radius:6px;flex-direction:column;display:flex;position:absolute;top:50px;left:8px;overflow:hidden}.select .list:not(:last-child){border-bottom:1px solid brown}.select .list .option{color:var(--text-color);cursor:pointer;padding:1rem;font-size:.85rem}.select .list .option:hover{background-color:var(--header-background-color)}
.nav-items{text-align:center;flex-direction:row;gap:2rem;display:flex}@media (max-width:768px){.nav-items{flex-direction:column}}
.mobile-nav-overlay{background:var(--header-background-color);-webkit-backdrop-filter:blur(6px);flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.mobile-nav-overlay .site-nav{flex-direction:column;gap:1rem}