.accordion{background-color:#eee;border:none;color:#444;cursor:pointer;outline:none;padding:18px;text-align:left;transition:.4s;width:100%}.panel{max-height:0;overflow:hidden;padding:0 18px;transition:max-height .2s}.toggle{transition:background-color .3s}.toggle span{transition:translate .3s;will-change:translate}.toggle[aria-checked=true] span{translate:100%}dialog[open]{opacity:1;transform:translateY(0)}dialog{opacity:0;transform:translateY(100%);transition:all allow-discrete .5s}@starting-style{dialog[open]{opacity:0;transform:translateY(100%)}}dialog::backdrop{transition:all allow-discrete .5s}dialog[open]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsl(from var(--bg) h s l / 75%)}@starting-style{dialog[open]::backdrop{background-color:hsl(from var(--bg) h s l / 0%)}}.wrapper{display:grid;font-family:Satoshi;grid-template-rows:4rem minmax(calc(100vh - 4rem),1fr)}