div.overlay{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;z-index:2;background-color:var(--lowlighterColor)}div.overlay:not(.open){display:none}.arrow,.burger{display:inline-block;vertical-align:middle}.arrow{width:0;height:0;padding:0;margin:.36em;border-right:calc(.7em * .866) solid;border-top:.25em solid transparent;border-bottom:.25em solid transparent}.burger{width:min-content;height:min-content;padding:.5em}.burger *{display:block;width:1.75em;height:.2em;padding:0;background-color:#fff;border-radius:.1em}.burger :nth-child(2){margin-top:.5em;margin-bottom:.5em}.dropdown{position:relative;width:max-content;background-color:var(--secondColor);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown>:not(ul){display:inline-block;padding:.5em;margin:0}.dropdown .contents{flex-direction:column;position:absolute;left:0;top:100%;width:100%;transform:scaleY(0);transform-origin:top;transition:transform .2s}.dropdown:hover .contents{transform:scaleY(1)}.dropdown .arrow{margin-left:1em;transition:transform .2s}.dropdown:hover .arrow{transform:rotate(-90deg)}