@layer root{*,*:before,*:after{font-family:system-ui;box-sizing:border-box;margin:0}:root{background-color:light-dark(oklch(90% 0 0),oklch(0% 0 0))}a{color:light-dark(oklch(.2 .3 220),oklch(.7 .5 220));text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{text-align:center;padding:1rem 0}p+p,ul+p,li+p{margin-top:1rem}details{display:flex;flex-direction:column;align-items:center}details[open]{margin-bottom:1rem}details[open]>h1,details[open]>h2,details[open]>h3,details[open]>h4{padding:.5rem}details[open] *+h3{margin-top:1rem}details[open]::details-content{width:90%;padding:1rem 2rem}details summary{display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none;padding:.5rem}details summary h1,details summary h2,details summary h3,details summary h4{display:inline-block}details summary::marker{content:none}details summary:before{content:"➤";display:inline-block;transition:transform .1s ease;font-size:1rem}details[open] summary:before{transform:rotate(90deg)}.center{align-self:center;justify-self:center}.center-content{align-items:center;justify-content:center}.root-default-button{color:#000;background-color:light-dark(oklch(100% 0 0),oklch(100% 0 0));border-radius:.25rem;border:1px solid light-dark(oklch(50% 0 0),oklch(0% 0 0));padding:.25rem .5rem;cursor:pointer;width:fit-content}.root-default-button.disabled{opacity:.5;cursor:default}.root-default-button:hover:not(.disabled){border-color:light-dark(oklch(20% 0 0),oklch(0% 0 0));background-color:light-dark(oklch(100% 0 0),oklch(95% 0 0));box-shadow:0 0 10px 1px light-dark(oklch(0% 0 0 / .1),oklch(0% 0 0 / .4)),inset 0 0 5px 1px light-dark(oklch(0% 0 0 / .1),oklch(0% 0 0 / .2))}}