.date-filter-wrapper>*+*{margin-left:5px}.dropdown-wrapper{z-index:100;width:120px;position:relative}.dropdown-spring{width:100%;height:0;transition:height .25s;position:absolute;overflow:hidden}.dropdown-wrapper[data-expanded="1"] .dropdown-spring{height:var(--spring-height)}.options-wrapper{background-color:#fff;border-bottom:2px solid #000;width:100%;position:absolute;bottom:0;left:0}.dropdown-option{cursor:pointer;padding:10px 5px}.current-option{z-index:10;cursor:pointer;border-bottom:2px solid #000;align-items:flex-end;height:28px;padding:5px;display:flex;position:relative}.dropdown-option+.dropdown-option{border-top:2px solid #ddd}.dropdown-wrapper[data-active="1"] .current-option,.no-touchscreen .dropdown-option:hover{color:var(--green)}.dropdown-button-icon{--icon-size:10px;--icon-stroke-width:2px;--color:#000;width:var(--icon-size);height:var(--icon-size);transform-origin:40% 60%;border-bottom:var(--icon-stroke-width)solid var(--color);border-left:var(--icon-stroke-width)solid var(--color);transition:transform .1s;position:absolute;bottom:.7em;right:.5em;transform:rotate(-45deg)}.dropdown-wrapper[data-expanded="1"] .dropdown-button-icon{transform:rotate(135deg)}.year-filter{display:inline-block}.calendar-icon{--icon-weight:3px;--icon-size:28px;width:var(--icon-size);height:var(--icon-size);vertical-align:bottom;display:inline-block;position:relative}.calendar-icon:before,.calendar-icon:after{content:"";box-sizing:border-box;position:absolute}.calendar-icon:before{width:calc(var(--icon-size) - 4px);height:calc(var(--icon-size) - 8px);border:var(--icon-weight)solid #000;border-top:6px solid #000;bottom:2px;left:2px}.calendar-icon:after{width:calc(var(--icon-size)/2);left:calc(var(--icon-size)/4);height:calc(var(--icon-weight)*2);border-right:var(--icon-weight)solid #000;border-left:var(--icon-weight)solid #000;top:0}