.toggle-icon{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(--f-theme-toggle-icon-background);border-radius:var(--f-theme-toggle-icon-border-radius);transition:background-color var(--u-default-transition);border:none;position:relative}.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{background-color:var(--f-toggle-icon-line-background-color,var(--theme-color-secondary-500));width:40%;height:2px;transition:background-color var(--u-default-transition), transform var(--u-default-transition);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-icon__line--vertical{transform:translate(-50%, -50%) rotate(var(--f-toggle-icon-vertical-line-rotation,90deg))}