.dropdown{display:block;position:relative}.dropdown details{overflow:visible}.dropdown details[open] summary svg{transform:translateY(-50%) rotate(180deg)}.dropdown summary{background-color:rgb(var(--color-accent));border-bottom:.4rem solid rgb(var(--color-background));border-radius:20px 20px 0 0;box-shadow:inset 1px 1px 0 hsla(0,0%,100%,.21);color:rgb(var(--color-background));padding:2rem 3.5rem}.dropdown summary svg{height:1.4rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:transform .3s ease;width:1.4rem}.dropdown ul{left:0;max-height:22rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:2}.dropdown ul li{background-color:rgb(var(--color-background));color:rgb(var(--color-text));cursor:pointer;padding:2rem 3.5rem;transition:background-color .3s ease}.dropdown ul li.active{background-color:rgb(var(--color-outline))}