/* aside[inert] > *{
	opacity: 0.0;
} */
/*************************************************************************************************************/
/***** WINDOW & DRAWER ***************************************************************************************/
/*************************************************************************************************************/
aside[data-type="modal"],
aside[data-type="window"]{
	z-index: var(--z-top);
}
aside[data-type="drawer"]{
	z-index: var(--z-header-behind);
}

@media(max-width:1024px){
	aside[data-type="window"][aria-role="menu"]#navigation-menu{
		z-index: var(--z-header-behind);
	}
}
/* aside[data-type="modal"], */
aside[data-type="window"],
aside[data-type="drawer"]{
	position: fixed;
	inset: 0;
	transform: translateX(101%);
	display: flex;
}
/* aside[data-type="modal"] .backdrop, */
aside[data-type="window"] .backdrop,
aside[data-type="drawer"] .backdrop{
	position: fixed;
	inset: 0;
	background-color: var(--color-black-50);
}

/* aside[data-type="modal"],
aside[data-type="modal"] .backdrop, */
aside[data-type="window"],
aside[data-type="window"] .backdrop,
aside[data-type="drawer"],
aside[data-type="drawer"] .backdrop{
	opacity: 0;
	pointer-events: none;
	transition: var(--trans);
}
/* aside[data-type="modal"], */
aside[data-type="window"],
aside[data-type="drawer"]{
	/* --height-header: var(--height-header-main, 60px);
	--height-footer: var(--height-header-main, 60px); */
	position: fixed;
	top:0;
	right: 0;

	width: 100%;
	height: 100%;
	min-height:100vh;
	min-height:100svh;
	opacity: 1;
	opacity: 0;
	transition: none;
	transform: translateY(101%);
	/* transition: var(--trans); */
}

/* aside[data-type="modal"].open,
aside[data-type="modal"].open .backdrop, */
aside[data-type="window"].open,
aside[data-type="window"].open .backdrop,
aside[data-type="drawer"].open,
aside[data-type="drawer"].open .backdrop{
	opacity: 1;
	pointer-events: all;
	transform: translateY(0%);
}

/* aside[data-type="modal"] .window__content, */
aside[data-type="window"] .window__content,
aside[data-type="drawer"] .window__content{
	width: 100%;
	background-color: var(--color-background);
	display: flex;
	flex-direction: column;
	overflow: auto;
	z-index: 1;
}
/* aside[data-type="modal"] .window__header,
aside[data-type="modal"] .window__footer, */
aside[data-type="window"] .window__header,
aside[data-type="window"] .window__footer,
aside[data-type="drawer"] .window__header,
aside[data-type="drawer"] .window__footer{
	position: sticky;
	z-index: 1;
	flex-grow: 0;
}

/* aside[data-type="modal"] .window__header, */
aside[data-type="window"] .window__header,
aside[data-type="drawer"] .window__header{
	width: 100%;
	height: var(--height-header-main);
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* border-bottom: var(--border); */
}
/* aside[data-type="modal"] .window__body, */
aside[data-type="window"] .window__body,
aside[data-type="drawer"] .window__body{
	flex-grow: 1;
	padding-block: var(--padding-container-inline);
	padding-inline: var(--padding-container-inline);
}

aside[data-type="window"] .window__footer:not(:empty){
	height: 80px;
	bottom:0;
	align-items: center;
}




/*************************************************************************************************************/
/***** MODALS ************************************************************************************************/
/*************************************************************************************************************/
/* aside[data-type="modal"]{
	align-items: center;
	justify-content: center;
	transform: translateY(0);
}
aside[data-type="modal"] .window__content{
	width: 100%;
	max-width: var(--col-6);
	height: 100%;
}
aside[data-type="modal"] .window__header{
	padding-block: var(--gap-300);
	padding-inline: var(--padding-container-inline);
}

aside[data-type="modal"] .window__header .logo svg{
	width: auto;
	height: var(--height-header-logo);
}
aside[data-type="modal"] .window__header button{
	width: var(--size-100, 24px);
	height: var(--size-100, 24px);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: auto;
}
aside[data-type="modal"] .window__body{
	padding-block: var(--gap-600);
	padding-bottom: var(--gap-global);
	padding-inline: var(--gap-600);
	display: flex;
	flex-direction: column;
	gap: var(--gap-600);
}
aside[data-type="modal"] .window__body header{
	display: flex;
	flex-direction: column;
	gap: var(--gap-200);
	text-align: center;
}

@media(min-width: 1025px){
	aside[data-type="modal"] .window__content{
		height: auto;
	}
	aside[data-type="modal"] .window__header{
		padding-block: var(--gap-600);
		padding-inline: var(--gap-600);
		height: auto;
		border-bottom: 0;
	}
} */

/**************************************************************************************************************/
/***** BAR CTA [Mobile] ***************************************************************************************/
/**************************************************************************************************************/
aside[data-type="cta-drawer"]{
	display: none;
}
@media(max-width: 1024px){
	aside[data-type="cta-drawer"]{
		height: 100vh;
		position: fixed;
		bottom: 0;
		display: flex;
		align-items: flex-end;
		z-index: var(--z-header-front);
	}
	/* Toggle Styling */
	aside[data-type="cta-drawer"].open.closing,
	aside[data-type="cta-drawer"] .backdrop,
	aside[data-type="cta-drawer"] .window__content{
		transition: var(--trans);
	}
	aside[data-type="cta-drawer"].open.closing{
		transition-delay: var(--trans-duration);
	}
	aside[data-type="cta-drawer"],
	aside[data-type="cta-drawer"] .window__content,
	aside[data-type="cta-drawer"].open.closing,
	aside[data-type="cta-drawer"].open.closing{
		transform: translateY(100%);
		pointer-events: none;
	}
	aside[data-type="cta-drawer"].open,
	aside[data-type="cta-drawer"].open .window__content{
		transform: translateY(0);
		pointer-events: all;
	}
	aside[data-type="cta-drawer"] .backdrop{
		opacity: 0;
	}
	aside[data-type="cta-drawer"].open .backdrop{
		opacity: 1;
	}
	/* Backdrop */
	aside[data-type="cta-drawer"] .backdrop{
		background-color: var(--color-black-50);
		position: absolute;
		inset: 0;
		z-index: -1;
	}
	/* Window Content */
	aside[data-type="cta-drawer"] .window__content{
		display: flex;
		flex-direction: column;
		max-height: 90%;
	}
	aside[data-type="cta-drawer"] .window__header{
		position: relative;
		padding-inline: calc(1 * var(--padding-container-inline));
		height: var(--height-cta-bar);
		background-color: var(--color-secondary);
		border-top-left-radius: var(--br-600);
		border-top-right-radius: var(--br-600);
		display: flex;
		align-items: center;
		justify-content: center;
		position: sticky;
		top: 0;
		z-index: 1;
		flex-shrink: 0;
	}
	aside[data-type="cta-drawer"] .window__title{
		font-family: var(--ff-heading);
		font-size: var(--fs-600);
		color: var(--color-heading-white);
	}
	aside[data-type="cta-drawer"] .window__close{
		position: absolute;
		top: 50%;
		right: var(--padding-container-inline);
		transform: translateY(-50%);
	}
	aside[data-type="cta-drawer"] .window__body{
		max-height: calc(100vh - var(--height-cta-bar));
		overflow: auto;
	}

	/* This Project - Aside Content */
	aside[data-type="cta-drawer"] [data-widget="card-register"].card{
		border-radius: 0;
	}
	aside[data-type="cta-drawer"] [data-widget="card-register"].card header.card-header{
		display: none;
	}
	
}

/**************************************************************************************************************/
/***** SOCIAL ASIDE *******************************************************************************************/
/**************************************************************************************************************/
aside[data-widget="aside-social"]{
	--width: 20px;
	--right: 0px;
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	right: var(--right);
	width: var(--width);
	z-index: var(--z-header-behind);
}

aside[data-widget="aside-social"] [data-widget="social"] .social-media{
	flex-direction: column;
}
aside[data-widget="aside-social"] [data-widget="social"] label{
	display: flex;
	align-items: center;
	writing-mode: vertical-lr;
}



/*************************************************************************************************************/
/***** NAVIGATION MENU ***************************************************************************************/
/*************************************************************************************************************/
/****************************/
/* Window - Navigation Menu */
/****************************/
@media(max-width:1024px){
	header#site-header #navigation-icon svg,
	header#site-header #navigation-icon svg rect{
		transition: var(--trans);
		transform-origin: center;
	}
	header#site-header.sticky #navigation-icon svg rect{
		fill: var(--color-primary);
	}


	aside[data-type="window"]#navigation-menu.open ~ #site-header .header-icon:not(#header-burger){
		opacity: 0;
		pointer-events: none;
	}
	aside[data-type="window"]#navigation-menu.open ~ #site-header #navigation-icon svg{
		height: 22px;
	}
	aside[data-type="window"]#navigation-menu.open ~ #site-header #navigation-icon svg rect{
		width: 22px;
	}
	aside[data-type="window"]#navigation-menu.open ~ #site-header #navigation-icon svg rect:first-child {
		transform: rotate(45deg) translate(0px, 4px);
	}
	aside[data-type="window"]#navigation-menu.open ~ #site-header #navigation-icon svg rect:last-child {
		transform: rotate(-45deg) translate(0px, -4px);
	}

	aside#navigation-menu{
		position: fixed;
		z-index: var(--z-header-front);
		top:0;
		right: 0;
		width: 100%;
		height: 100%;
		min-height:100vh;
		min-height:100svh;
		transition: none;
		transform: translateX(101%);
		pointer-events: none;
	}
	aside#navigation-menu.open,
	aside#navigation-menu.open a,
	aside#navigation-menu.open .window__close{
		pointer-events: all;
	}
	aside#navigation-menu .window__header,
	aside#navigation-menu .window__body,
	aside#navigation-menu .window__footer,
	aside#navigation-menu .window__content{
		background-color: var(--color-background);
		color: var(--color-heading);

		/* background-color: var(--color-accent);
		color: var(--color-text-white); */
	}
	aside#navigation-menu .window__header .window__close svg rect{
		fill:  var(--color-accent);
	}
	aside#navigation-menu .window__content{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		gap: 0;
		overflow: auto;
		z-index: 1;
	}

	aside#navigation-menu .window__header,
	aside#navigation-menu .window__footer{
		flex-grow: 0;
		flex-shrink: 0;
	}
	aside#navigation-menu .window__body{
		flex-grow: 1;
		padding-bottom: var(--gap-700);
	}
	aside#navigation-menu .window__header,
	aside#navigation-menu .window__body,
	aside#navigation-menu .window__footer{
		padding-inline: var(--padding-container-inline);
	}

	/* Aside Navigation - Header */
	aside#navigation-menu .window__header{
		height: var(--height-header);
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--gutter, 20px);
		position: sticky;
		top: 0;
		z-index: 1;
		pointer-events: none;
	}
	aside#navigation-menu .window__header .logo,
	aside#navigation-menu .window__header .logo img,
	aside#navigation-menu .window__header .logo svg{
		width: auto;
		max-width: var(--col-2);
		height: var(--height-logo--sticky);
		display: flex;
	}
	aside#navigation-menu .window__close button{
		display: flex;
	}	
	/* Aside Navigation - Body */
	aside#navigation-menu .window__body{
		display: flex;
	}
	aside#navigation-menu .window__body .navigation-menu-navs{
		display: flex;
		flex-direction: column;
		gap: var(--gap-500);
		gap: var(--gap-900);
	}
	aside#navigation-menu .window__body .navigation-menu-navs hr{
		height: 1px;
		background-color: #CDD4F0;
	}


	aside#navigation-menu .window__body .navigation-menu-navs{height: 100%;}

	/* Aside Navigation - Footer */
	aside[data-type="window"]#navigation-menu .window__footer:not(:empty){
		height: auto;
		background-color: var(--color-accent);
		padding-block: var(--gap-500);
		display: flex;
		justify-content: center;
		gap: var(--gap-300);
	}
	aside#navigation-menu .window__footer a{
		width: 100%;
	}

	/* aside[data-type="window"]#navigation-menu #secondary_menu__mobile{
		flex-grow: 1;
		width: 100%;
		display: flex;
		align-items: flex-end;
	} */
	aside[data-type="window"]#navigation-menu #secondary_menu__mobile ul{
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: var(--gap-600);
	}

	/****************/
	/* Navigation ***/
	/****************/
	aside#navigation-menu nav ul li a{
		display: flex;
	}
	aside#navigation-menu nav ul li.menu-item > a,
	aside#navigation-menu nav ul li.menu-item-has-children ul.sub-menu li a{
		font-family: var(--ff-heading);
		font-size: var(--fs-h3);
	}
	aside[data-type="window"]#navigation-menu #secondary_menu__mobile ul li{
		padding-inline: 0;
		border-bottom: 0;
	}
	/* aside[data-type="window"]#navigation-menu #secondary_menu__mobile ul li a{
		padding-block: 0;
		font-family: var(--ff-text);
		font-size: var(--fs-text);
		color: var(--color-white-50);
	} */

	/* aside[data-type="window"]#navigation-menu #secondary_menu__mobile ul li a, */
	aside[data-type="window"]#navigation-menu #footer_menu__mobile ul li a{
		padding-block: var(--gap-200);
		font-family: var(--ff-text);
		font-size: var(--fs-200);
		text-decoration: underline;
	}

	/***********/	
	/* Menu ****/
	/***********/
	/* aside#navigation-menu nav > ul >  li.menu-item{
		padding-inline: var(--gap-300);
		border-bottom: 1px solid var(--color-white-10);
	} */
	aside#navigation-menu nav > ul >  li.menu-item{
		text-align: center;
	}
	aside#navigation-menu nav > ul >  li.menu-item > a{
		width: auto;
		margin-inline: auto;
		display: inline-flex;
		padding-block: var(--gap);
	}
	aside#navigation-menu nav > ul >  li.menu-item:has(a[aria-expanded="true"]){
		padding-bottom: var(--gutter);
	}

	aside#navigation-menu nav > ul >  li.menu-item.menu-item--cta a{
		position: relative;
		padding: var(--padding-button);
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: var(--gap-300);
		font-family: var(--ff-text);
		font-size: var(--fs-btn);
		line-height: var(--lh-btn, var(--lh-100));
		letter-spacing: var(--ls-btn, 0em);
		text-align: center;
		border: 1px solid currentColor;
		border-radius: var(--br-elements);
		background-color: hsl(var(--init-secondary-400-hsl));
		border-color: hsl(var(--init-secondary-400-hsl));
		color: var(--color-text-white);
		min-width: 220px;
	}

	aside#navigation-menu nav > ul >  li.menu-item.menu-item--cta a:hover,
	aside#navigation-menu nav > ul >  li.menu-item.menu-item--cta a:focus{
		background-color: hsl(var(--init-secondary-410-hsl));
		border-color: hsl(var(--init-secondary-410-hsl));
	}

	/******************************/
	/* Link with Submenu [Parent] */
	/******************************/
	aside#navigation-menu nav ul li.menu-item-has-children > a{
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		gap: var(--gap);
	}
	aside#navigation-menu nav ul li.menu-item-has-children > a::after{
		content: "";
		position: relative;
		top: 0%;
		right: 0;
		width: 18px;
		height: 10px;
		transition: var(--trans);
		display: inline-flex;
		gap: var(--gap-200);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	aside#navigation-menu nav ul li.menu-item-has-children > a::after{
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="11" viewBox="0 0 19 11" fill="none"><path d="M8.74923 10.2064C9.16269 10.5979 9.83126 10.5979 10.2403 10.2064L18.6899 2.2097C19.1034 1.8182 19.1034 1.18513 18.6899 0.797793C18.2764 0.410454 17.6079 0.406289 17.1988 0.797793L9.50138 8.08642L1.79955 0.793628C1.38609 0.402124 0.717512 0.402124 0.308449 0.793628C-0.100614 1.18513 -0.105013 1.8182 0.308449 2.20554L8.74923 10.2064Z" fill="white"/></svg>');
		background-image: var(--icon-select);
	}
	aside#navigation-menu nav ul li.menu-item-has-children > a[aria-expanded="true"]::after{
		transform: translateY(0%) var(--transform-select-arrow);
	} 
	aside#navigation-menu nav ul li.menu-item-has-children > a + ul.sub-menu{
		overflow: hidden;
	}

	/*****************/
	/* Submenu Links */
	/*****************/
	aside#navigation-menu nav ul li.menu-item-has-children ul.sub-menu li a{
		padding-block: var(--gap);
		padding-inline: var(--gutter-200);
	}
	/* aside#navigation-menu nav ul li.menu-item-has-children ul.sub-menu li:first-child a{
		padding-top: 0;
	}
	aside#navigation-menu nav ul li.menu-item-has-children ul.sub-menu li:last-child a{
		padding-bottom: 0;
	} */
	
	/*********************/
	/* Language Switcher */
	/*********************/
	/* aside#navigation-menu [data-widget="language-switcher"]{
		margin-top: var(--gap-600);
		padding-inline: var(--gap-300);
		gap: var(--gap-600);
	}
	aside#navigation-menu [data-widget="language-switcher"] .options{
		gap: var(--gap);
	}
	aside#navigation-menu [data-widget="language-switcher"],
	aside#navigation-menu [data-widget="language-switcher"] label,
	aside#navigation-menu [data-widget="language-switcher"] span,
	aside#navigation-menu [data-widget="language-switcher"] a{
		font-size: var(--fs-700);
		color: var(--color-text-white);
	}
	aside#navigation-menu [data-widget="language-switcher"] svg path{
		fill: var(--color-white);
	} */

	/****************/
	/* Search *******/
	/****************/
	/* aside#navigation-menu [data-widget="search"] .item--search{
		position: relative;
	}
	aside#navigation-menu [data-widget="search"] .item--search input{
		padding-right: calc( var(--height-form-items) + var(--gutter) );
	}
	aside#navigation-menu [data-widget="search"] .item--search button{
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		width: var(--height-form-items);
		height: var(--height-form-items);
		background-color: transparent;
		border: 0;
	} */
}


/**************************************************************************************************************/
/***** NOT SUPPORTING *****************************************************************************************/
/**************************************************************************************************************/
/* NOT Supports Clamp */
@supports (not (width: clamp(1px, 1px, 1px))) {
	aside[data-type="drawer"] .window__content{
		height: 60vh;
		min-height: 400px;
		max-height: 600px;
	}
}

/*************************************************************************************************************/
/***** MODALS ************************************************************************************************/
/*************************************************************************************************************/
aside[data-type="modal"]{
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: var(--z-header-front);
}
aside[data-type="modal"][aria-modal="true"] .backdrop{
	position: fixed;
	inset: 0;
	background-color: var(--color-black-50);
}
aside[data-type="modal"][aria-modal="true"] .modal {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: var(--col-6);
	background-color: var(--color-white);
	/* overflow-y: auto; */
}
aside[data-type="modal"][aria-modal="true"] button.close{
	--icon-size: 20px;
	position: absolute;
	top: var(--gutter-600);
	right: var(--gutter-600);
	display: flex;
	width: var(--icon-size);
	height: var(--icon-size);
	background-size: auto;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24" fill="none"><path d="M19.7219 1.72029C20.0125 1.42966 20.4906 1.42966 20.7812 1.72029C21.0719 2.01091 21.0719 2.48904 20.7812 2.77966L11.5609 12L20.7812 21.2203C21.0719 21.5109 21.0719 21.989 20.7812 22.2797C20.4906 22.5703 20.0125 22.5703 19.7219 22.2797L10.5016 13.0594L1.28125 22.2797C0.990625 22.5703 0.5125 22.5703 0.221875 22.2797C-0.06875 21.989 -0.06875 21.5109 0.221875 21.2203L9.44219 12L0.221875 2.77966C-0.06875 2.48904 -0.06875 2.01091 0.221875 1.72029C0.5125 1.42966 0.990625 1.42966 1.28125 1.72029L10.5016 10.9406L19.7219 1.72029Z" fill="%23666666"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10;
}
aside[data-type="modal"][aria-modal="true"] .window__content{
	--gap-form: var(--gap);
	padding-block: var(--gutter-600);
	padding-inline: var(--gutter-600);
	width: 100%;
	margin-inline: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: var(--gap-600);
}
/* Modal Header */
aside[data-type="modal"][aria-modal="true"] .window__header{
	display: flex;
	flex-direction: column;
	gap: var(--gap-200);
	text-align: center;
}
aside[data-type="modal"][aria-modal="true"] .window__header > *:empty{
	display: none;
}

aside[data-type="modal"][aria-modal="true"] .window__header .modal-title{
	font-family: var(--ff-heading);
	font-size: var(--fs-h3);
	color: var(--color-heading);
}
aside[data-type="modal"][aria-modal="true"] .window__header .modal-subtitle{
	font-family: var(--ff-text);
	font-size: var(--fs-text);
	color: var(--color-text);
}
/* Modal Body */
aside[data-type="modal"][aria-modal="true"] .window__body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--gap-500);
}
aside[data-type="modal"][aria-modal="true"] .window__body form .form-row--submit{
	margin-top: var(--gap);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-500);
}
aside[data-type="modal"][aria-modal="true"] .window__footer{
	padding-top: var(--gap-700);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: var(--border);
}

aside[data-type="modal"][aria-modal="true"] .modal .window__header:has(.modal-title:empty){
	display: none;
}

@media(min-width: 1025px){
	aside[data-type="modal"][aria-modal="true"] .modal {
		height: auto;
		border-radius: var(--br-global);
	}
	aside[data-type="modal"][aria-modal="true"] button.close{
		top: var(--gap-700);
		right: var(--gap-700);
	}
	aside[data-type="modal"][aria-modal="true"] .window__header{
		text-align: left;
		width: calc(100% - var(--gutter-600) - 20px); /* 20 = Close Size */
	}
}

/* THIS PROJECT */
aside[data-type="modal"] [data-widget="select"] .label{
	font-size: var(--fs-h4);
	text-transform: none;
	flex-shrink: 0;
}
aside[data-type="modal"] [data-widget="select"] .select{
	width: 100%;
}
aside[data-type="modal"] [data-widget="select-output"]{
	width: 100%;
	min-height: 220px;
}
aside[data-type="modal"] [data-widget="select"] + [data-widget="select-output"]{
	margin-top: var(--gap-600);
}

/* Simple Modal Message */
aside[data-type="modal"] .item--modal-simple{
	text-align: center;
	padding-top: var(--gutter-800);
	padding-bottom: var(--gutter);
}
aside[data-type="modal"] .item--modal-simple .item__content{
	width: 100%;
	max-width: var(--col-4);
	margin-inline: auto;
}
aside[data-type="modal"] .item--modal-simple .item__actions{
	margin-top: var(--gap-500);
	flex-direction: column;
}


/* Search */
aside[data-type="modal"][aria-modal="true"] #form-navigationSearch input{
	padding-right: var(--height-form-items);
}
aside[data-type="modal"][aria-modal="true"] #form-navigationSearch button{
	width: var(--height-form-items);
}

aside[data-type="modal"]#navigation-search{
	align-items: flex-start;
}
aside[data-type="modal"]#navigation-search .modal{
	height: var(--height-header--sticky);
	max-width: unset;
	border-radius: 0;
	display: flex;
}
aside[data-type="modal"]#navigation-search .window__content{
	padding-block: 0;
	max-width: var(--col-4);
}
aside[data-type="modal"]#navigation-search{
	transform: translateY(100%);
	opacity: 0;
	pointer-events: none;
}
aside[data-type="modal"]#navigation-search.open,
aside[data-type="modal"]#navigation-search.closing{
	transform: translateY(0%);
	opacity: 1;
	pointer-events: all;
}
aside[data-type="modal"]#navigation-search .backdrop,
aside[data-type="modal"]#navigation-search .modal,
aside[data-type="modal"]#navigation-search .window__content{
	transition: var(--trans);
}
aside[data-type="modal"]#navigation-search .window__content,
aside[data-type="modal"]#navigation-search.open.closing .window__content{
	transform: translateY(-100%);
}
aside[data-type="modal"]#navigation-search.open .window__content{
	transform: translateY(0%);
}
aside[data-type="modal"]#navigation-search .backdrop,
aside[data-type="modal"]#navigation-search.open.closing .backdrop,
aside[data-type="modal"]#navigation-search .modal,
aside[data-type="modal"]#navigation-search.open.closing .modal{
	opacity: 0;
}
aside[data-type="modal"]#navigation-search.open .modal,
aside[data-type="modal"]#navigation-search.open .backdrop{
	opacity: 1;
}





/*************************************************************************************************************/
/***** NOTIFICATIONS *****************************************************************************************/
/*************************************************************************************************************/
aside[data-type="notification"] {
    position: fixed;
    bottom: var(--gutter);
    left: 50%;
    transform: translateX(-50%);
    padding-block: var(--gap-500);
    padding-inline: var(--gap-700);
    max-width: var(--col-8);
    background-color: var(--color-secondary);
	border-radius: var(--br);
    color: var(--color-text-white);
}

@media(min-width: 1025px){
	aside[data-type="notification"]{
		min-width: var(--col-4);
		text-align: center;
	}
}