.header{width:100%;height:-moz-fit-content;height:fit-content;background-color:var(--blue);padding-inline:24px;padding-block:12px;display:flex;align-items:center;justify-content:space-between;font-family:var(--fontTitle);font-size:20px;color:var(--white);letter-spacing:2px;position:-webkit-sticky;position:sticky}.header h1,.menu{cursor:pointer;color:var(--white)}.config,.menu{width:36px;height:36px}.config{color:var(--white);cursor:pointer}@media (max-width:450px){.header{font-size:16px}}@media (max-width:350px){.header{font-size:12px}}@media (max-width:300px){.header h1{display:none}}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background-color:var(--bg);box-shadow:2px 0 5px rgba(0,0,0,.2);padding:20px;transition:left .3s ease;z-index:999}.sidebar-title{font-family:var(--fontTitle);letter-spacing:1px;display:flex;justify-content:center;font-size:32px}.close{font-size:1.5rem;width:100%;display:flex;justify-content:flex-end;color:var(--red)}.close span{cursor:pointer}.link-header{display:flex;flex-direction:row;align-items:center;padding-inline:12px;padding-block:8px;font-family:var(--fontTitle);gap:12px;border-radius:8px;font-size:20px;background-color:var(--blue)}.link-header p{color:var(--white);letter-spacing:1px}.sidebar.open{left:0}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{margin:15px 0}.sidebar ul li a{text-decoration:none;color:var(--blue);font-size:18px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;z-index:998;pointer-events:none}.overlay.show{pointer-events:fill}.dropdown{position:relative;margin-top:6px;padding-left:8px}.dropdown-menu{position:absolute;background-color:var(--blueVariant);color:var(--white);z-index:10;top:42px;right:0;padding:12px;border-radius:4px}.dropdown-menu .text{color:var(--white);font-family:var(--fontTitle);font-size:24px;text-decoration:none}.dropdown-menu .text:hover{color:var(--blue)}.dropdown .dropdown-menu{display:none}.dropdown .dropdown-menu.active,.dropdown:hover .dropdown-menu{display:block;animation:show-up .3s forwards}@keyframes show-up{0%{opacity:0;transform:translate3d(0,30px,0)}to{opacity:1;transform:translateZ(0)}}.dropdown-menu:before{content:"";display:block;position:absolute;top:-10px;right:8px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--blueVariant)};.dropdown-menu select{cursor:pointer;padding-inline:6px;font-family:var(--fontText);border-radius:4px;color:var(--black);font-weight:600}.dropdown-menu li{display:flex;flex-direction:row;gap:8px}