:host{display:block;--icon-width:var(--site-navigation-icon-width);--icon-height:var(--site-navigation-icon-height)}:host(.size-xlarge),:host(.size-xlarge) svg{width:40px;width:var(--icon-width,40px);height:40px;height:var(--icon-height,40px)}:host(.size-large),:host(.size-large) svg{width:24px;width:var(--icon-width,24px);height:24px;height:var(--icon-height,24px)}:host(.size-medium),:host(.size-medium) svg{width:20px;width:var(--icon-width,20px);height:20px;height:var(--icon-height,20px)}:host(.size-tiny),:host(.size-tiny) svg{width:16px;width:var(--icon-width,16px);height:16px;height:var(--icon-height,16px)}:host(.mirror-horizontal) svg{transform:scale(-1);-webkit-transform:scaleX(-1)}:host(.mirror-vertical) svg{transform:scale(1,-1);-webkit-transform:scaleY(-1)}:host(.mirror-both) svg{transform:scale(-1,-1);-webkit-transform:scale(-1)}:host(.active) svg{fill:var(--on-surface-color)}:host(.default) svg{fill:var(--on-surface-hi)}