.toggle-icon{position:relative;width:var(--u-spacing-10);min-width:var(--u-spacing-10);height:var(--u-spacing-10);min-height:var(--u-spacing-10);background-color:var(--theme-background-primary-100);border:none;border-radius:50%;transition:background-color var(--u-default-transition)}.toggle-icon:focus-visible,.toggle-icon:hover{--f-toggle-icon-line-background-color: var(--theme-color-primary-500)}.toggle-icon--open{--f-toggle-icon-vertical-line-rotation: 180deg}.toggle-icon__line{position:absolute;top:50%;left:50%;width:40%;height:2px;background-color:var(--f-toggle-icon-line-background-color, var(--theme-color-secondary-500));transform:translate(-50%,-50%);transition:background-color var(--u-default-transition),transform var(--u-default-transition)}.toggle-icon__line--vertical{transform:translate(-50%,-50%) rotate(var(--f-toggle-icon-vertical-line-rotation, 90deg))}