.toggle-icon{--c-toggle-icon-size:36px;--c-toggle-icon-background-color:transparent;--c-toggle-icon-font-size:var(--u-font-size-h3);--c-toggle-icon-color:inherit;width:var(--c-toggle-icon-size);min-width:var(--c-toggle-icon-size);height:var(--c-toggle-icon-size);min-height:var(--c-toggle-icon-size);background-color:var(--c-toggle-icon-background-color);border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.toggle-icon:focus-visible,.toggle-icon:hover{--c-toggle-icon-line-background-color:var(--theme-color-primary-500)}.toggle-icon__icon{font-size:var(--c-toggle-icon-font-size);color:var(--c-toggle-icon-color);transform:rotateX(var(--c-toggle-icon-vertical-line-rotation,0));transform-origin:50%;transition:transform var(--u-quick-transition);display:inline-block}.toggle-icon--open{--c-toggle-icon-vertical-line-rotation:180deg}.toggle-icon--secondary{--c-toggle-icon-font-size:var(--u-font-size-h5);--c-toggle-icon-background-color:var(--theme-color-primary-600);--c-toggle-icon-color:var(--theme-color-white)}