:host {
	/* Label Container */
	/*@doc Define o espaçamento da esquerda do container*/
	--ez-guide-navigator--padding-left: var(--space--large);
	/*@doc Define o espaçamento da direita do container*/
	--ez-guide-navigator--padding-right: var(--space--small);
	/*@doc Define a cor de shadow box do container de label*/
	--ez-guide-navigator--box-shadow: var(--shadow, 0px 0px 24px 0px #000);
	/*@doc Define a cor de fundo do container de label*/
	--ez-guide-navigator--background-color: var(--color--inverted);
	/*@doc Define o border radius do container de label*/
	--ez-guide-navigator--border-radius: 0px var(--border--radius-medium) var(--border--radius-medium) 0px;
	
	/*Labels Actions */
	/*@doc Define o espaçamento entre as ações*/
	--ez-guide-navigator--actions-gap: var(--space--medium);
	/*@doc Define a margem vertical do elemento*/
	--ez-guide-navigator--actions-margin: var(--space--large) 0 var(--space--medium);
	/*@doc Define o espaçamento da direita do elemento*/
	--ez-guide-navigator--actions-padding-right: calc(var(--space--medium, 12px) + var(--space--small, 6px));
}

.inverted {
	/* private */
	transform: rotate(180deg);
}

.ez-guide-navigator {
	/* private */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;

	/* public */
	padding-left: var(--ez-guide-navigator--padding-left);
	padding-right: var(--ez-guide-navigator--padding-right);
	background-color: var(--ez-guide-navigator--background-color);
	-webkit-box-shadow: var(--ez-guide-navigator--box-shadow);
	box-shadow: var(--ez-guide-navigator--box-shadow);
	border-radius: var(--ez-guide-navigator--border-radius);
}

.ez-guide-navigator__actions {
	/* private */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	
	/* public */
	gap: var(--ez-guide-navigator--actions-gap);
	margin: var(--ez-guide-navigator--actions-margin);
	padding-right: var(--ez-guide-navigator--actions-padding-right);
}

.hidden {
	/* private */
	display: none;
}