:root {--panel-icon-xs:.75rem;--panel-icon-sm:.875rem;--panel-icon-md:1rem;--panel-icon-lg:1.125rem;--panel-icon-xl:1.25rem}.panel-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--panel-icon-lg);height:var(--panel-icon-lg);flex:0 0 var(--panel-icon-lg);color:currentColor;line-height:1}.panel-icon>svg,.panel-icon svg,.ui-icon{width:100%;height:100%;display:block}.panel-icon--xs{width:var(--panel-icon-xs);height:var(--panel-icon-xs);flex-basis:var(--panel-icon-xs)}.panel-icon--sm{width:var(--panel-icon-sm);height:var(--panel-icon-sm);flex-basis:var(--panel-icon-sm)}.panel-icon--md{width:var(--panel-icon-md);height:var(--panel-icon-md);flex-basis:var(--panel-icon-md)}.panel-icon--lg{width:var(--panel-icon-lg);height:var(--panel-icon-lg);flex-basis:var(--panel-icon-lg)}.panel-icon--xl{width:var(--panel-icon-xl);height:var(--panel-icon-xl);flex-basis:var(--panel-icon-xl)}.panel-icon--muted{opacity:.68}.panel-icon-box{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--panel-radius-sm);background:var(--panel-accent-soft);color:var(--panel-accent);border:1px solid color-mix(in srgb,var(--panel-accent) 16%,transparent);flex:0 0 2rem}.panel-sidebar .panel-icon,.panel-sidebar__item .panel-icon{opacity:.65;transition:opacity .15s ease,color .15s ease,transform .15s ease}.panel-sidebar__item:hover .panel-icon,.panel-sidebar__item.is-active .panel-icon,.panel-sidebar__group-summary:hover .panel-icon{opacity:1}.panel-btn .panel-icon{width:1rem;height:1rem;flex-basis:1rem}