.filter-option{border-top:1px solid #000;cursor:pointer}.filter-option.active{background-color:var(--green);color:#fff}.filter-option a{color:inherit;display:block;padding:7px}#title{left:var(--padding);position:fixed;top:var(--v-padding)}#filter_ctner{--dev-y:-7px;position:fixed;right:var(--padding);text-align:center;top:calc(var(--v-padding) + var(--dev-y));white-space:nowrap}#filter_nod{border-bottom:1px solid #000;cursor:pointer;padding:7px}.hover #filter_nod:hover{color:#009247}#filter_options{height:0;overflow:hidden;pointer-events:none}#filter_ctner.expanded{background:#e6e6e6}#filter_ctner.expanded #filter_nod{border-bottom:none}#filter_ctner.expanded #filter_options{height:auto;pointer-events:auto}#about-link{left:var(--padding);position:fixed;top:calc(var(--v-padding) + 1.5em)}@media screen and (min-width:560px){#about-link{left:50%;top:var(--v-padding);transform:translate(-50%)}}@media screen and (min-width:830px){.filter-option a{padding:5px 10px}#filter_options{background-color:#e6e6e6}#filter_ctner{--dev-y:-5px}#filter_nod{cursor:pointer;padding:5px}}@media (hover:hover){.filter-option:hover{background-color:var(--green);color:#fff}}