:root{
	--page-color: #010001;
	--color-light: #FFF;
	--color-bg-light: #595959;
	--color-semi: #010001;
	--color-regular: #272627;
	--color-hightlight: #fff163;
	--color-soldout: #d3d4df;
	--color-active: #fff163;
	--color-active-text: #1d1d1d;
	--color-winnerbg: #f9f9f9;
	--color-socials: #0b3667;
	--color-input: #d3d4df;
	--color-placeholders: #bdbdbd;
	--color-controls: #032d5e;
	--success-color: #22cc7c;
	--footer-color: #d6d6d6;
	--error-color: #cc2229;
	--cart-items-color: #ececec;

	--menu-text-color: #cbcfd3;
	--body-text-color: #cbcfd3;
	--second-text-color: #eaeaea;
	--dialog-label-color: #061c06;
	--dialog-titles-color: #778899;
	--text-simple-color:	#1f1f1f;
	
	--prm-font: "Inter", sans-serif;
	
	--big-font-size: 20px;
	--mid-font-size: 18px;
	--prm-font-size: 16px;
	--semi-font-size: 14px;
	--small-font-size: 12px;
	--extrasmall-font-size: 10px;
	--micro-font-size: 8px;
	
	--h1-size: 28px;
	--h2-size: 38px;
	--h3-size: 24px;
	--h4-size: 16px;
	
	--container-max-width: 1354px;
	
	--collection-b-radius: 6px;
}
html, body {
	font-size: var(--prm-font-size);
	padding: 0px;
	height: 100%;
	width: 100%;
	margin: 0; 
}
body {
	font-family: var(--primary-font);
	background-color: var(--page-color);
	font-optical-sizing: auto;
}
p{
	margin: 0 0 24px 0;
	display: inline-block;
}
* {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
* {white-space-collapse: discard; }

.hidden {
	display:none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;	
}
.containerWrapper{
	display: flex;
	flex-direction: row;
	justify-content: center;
	.content{
		width: 100%;
		max-width: var(--container-max-width);
	}
}
@media screen and (max-width: 900px) {
	body{
		overflow-x: hidden;
	}
}