.ui-icon{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent-strong);vertical-align:middle}.ui-icon-left svg{rotate:180deg}.ui-icon-up svg{rotate:-90deg}.ui-icon-down svg{rotate:90deg}:is(a,button):is(:hover,:focus-visible) .ui-icon{background:var(--accent);color:var(--panel)}:is(button,.button,.secondary)>.ui-icon{width:20px;height:20px;background:transparent;color:inherit}:root summary:not([hidden]){position:relative;min-height:44px;padding-inline-end:44px;list-style:none;cursor:pointer;align-content:center}:root summary::-webkit-details-marker{display:none}:root summary::marker{content:""}:root summary::before{inset-inline-end:8px;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);transform:translateY(-50%)}:root summary::after{inset-inline-end:18px;width:8px;height:8px;border:solid var(--accent-strong);border-width:0 2px 2px 0;transform:translateY(-65%) rotate(45deg)}:root details[open]>summary::after{transform:translateY(-30%) rotate(225deg)}:root summary::before,:root summary::after{content:"";position:absolute;top:50%}