/*
* atomic styles
* used by backend & frontend
*/

/* ## Reset
================================= */

/* ## VARS
------------------------------------------- */
	/* ## presets */
	:root{
	--unit-xs: 4px;
	--unit-sm: 12px;
	--unit-md: 30px;
	--unit-lg: clamp(30px, -32.308px + 7.692vw, 60px);
	--unit-xl: clamp(30px, -156.923px + 23.077vw, 120px);

	--inset: 15px;

	--z-top: 1000;
	--z-mid: 100;
	--z-bottom: 0;

	--wp--preset--spacing--20: 3px;
	--wp--preset--spacing--30: 10px;
	--wp--preset--spacing--40: 16px;
	--wp--preset--spacing--50: clamp(16px, 13.091px + 0.909vw, 24px);
	--wp--preset--spacing--60: clamp(16px, 8.727px + 2.273vw, 36px);
	--wp--preset--spacing--70: clamp(16px, 2.182px + 4.318vw, 54px);
	--wp--preset--spacing--80: clamp(16px, -8px + 7.5vw, 82px);

	--gray05: hsl(0, 0%, 95%);
	--gray10: hsl(0, 0%, 90%);
	--gray20: hsl(0, 0%, 80%);
	--gray30: hsl(0, 0%, 70%);
	--gray40: hsl(0, 0%, 60%);
	--gray50: hsl(0, 0%, 50%);
	--gray60: hsl(0, 0%, 40%);
	--gray70: hsl(0, 0%, 30%);
	--gray80: hsl(0, 0%, 20%);
	--gray90: hsl(0, 0%, 10%);
}
	/* ## Alignment */
	.txt-center{text-align: center;}
	.margin-center{margin-inline:auto}

	.justify-center{justify-content: center;}
	.justify-start{justify-content: start;}
	.justify-space-between{justify-content: space-between;}

	.align-center{align-items: center;}
	.align-end{align-items: end;}
	.place-center{place-content: center;}


	/* ## display */
	.d-none{display:none}
	.d-block{display:block}
	.d-iblock{display:inline-block}
	.d-inline{display:inline}
	.d-flex{display:flex}
	.d-grid{display:grid}
	.d-contents{display:contents}

	/* ## Responsive Hiding */
	@media (min-width:1201px){
		/* desktop */
		.hide-desktop{display:none !important}
	}
	@media (min-width:811px) and (max-width: 1200px){
		/* tablet horizontal +*/
		.hide-tablet{display:none !important}
	}
	@media only screen and (max-width: 810px){
		/* mobile & tablet*/
		.hide-mobile{display:none !important}
	}

	/* ## Sizing */
	.alignfull{
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}