@layer components{[data-accordion]{--transition-duration:.3s;outline:2px solid var(--add-total-color);outline-offset:-2px;width:100%;transition:outline-color var(--transition-duration) ease-in-out, max-height var(--transition-duration) ease-in-out;border-radius:8px;padding:0 5px;overflow:hidden;box-shadow:0 2px 5px #0000001a}[data-accordion][data-expanded=false]{outline-color:#0000;max-height:0}[data-accordion][data-accordion-variant=secondary]{border-left:2px solid var(--border-color-special);border-radius:0 8px 8px 0;outline:none;overflow:hidden}[data-accordion][data-accordion-variant=transparent]{border-radius:none;border-left:none;outline:none;overflow:hidden}.accordion-wrapper{width:100%}[data-accordion-header]{border:2px solid var(--border-color-special);background-color:#0000;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex;box-shadow:0 2px 5px #0000001a}[data-accordion-header=secondary],[data-accordion-header=transparent]{border:none;border-bottom:1px solid var(--border-color)}[data-accordion-header]:has(~[data-expanded=true]){border-bottom:none;border-radius:10px 10px 0 0}[data-accordion=icon][data-accordion-variant=primary],[data-accordion=card][data-accordion-variant=primary]{border-radius:0 0 10px 10px}button[data-accordion-header]{--color:var(--outlineE);outline-offset:3px;cursor:pointer;outline:2px solid #0000;transition:color .3s ease-in-out;position:relative}button[data-accordion-header]:hover{color:var(--fg2)}button[data-accordion-header]:focus-visible{color:var(--fg2);outline-color:var(--outlineE)}button[aria-expanded=true]>svg{transform:rotate(180deg)}}