:root {
    --desktop: 1080px;
    --tablet: 768px;
    --mobile: 480px;
    --small-mobile: 320px;
}


:root {
    --theme-min-container: var(--desktop);
    --theme-font-family: 'mlbase-sans', -apple-system,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif;
    --theme-letter-spacing: -0.2px;
    --theme-font-size: 14px;
    --theme-font-size-h1: 32px;
    --theme-font-size-h2: 28px;
    --theme-font-size-h3: 24px;
    --theme-font-size-h4: 20px;
    --theme-font-size-h5: 18px;
    --theme-font-size-h6: 16px;
}


:root {
    --theme-gap-layer: 5px;
    --theme-gap-layer-01: calc(var(--theme-gap-layer) * 1);
    --theme-gap-layer-02: calc(var(--theme-gap-layer) * 2);
    --theme-gap-layer-03: calc(var(--theme-gap-layer) * 3);
    --theme-gap-layer-04: calc(var(--theme-gap-layer) * 4);
    --theme-gap-layer-05: calc(var(--theme-gap-layer) * 5);
    --theme-gap-layer-06: calc(var(--theme-gap-layer) * 6);
    --theme-gap-layer-07: calc(var(--theme-gap-layer) * 7);
    --theme-gap-layer-08: calc(var(--theme-gap-layer) * 8);
    --theme-gap-layer-09: calc(var(--theme-gap-layer) * 9);
    --theme-gap-layer-10: calc(var(--theme-gap-layer) * 10);
    --theme-gap-layer-11: calc(var(--theme-gap-layer) * 11);
    --theme-gap-layer-12: calc(var(--theme-gap-layer) * 12);
    --theme-gap-layer-13: calc(var(--theme-gap-layer) * 13);
    --theme-gap-layer-14: calc(var(--theme-gap-layer) * 14);
    --theme-gap-layer-15: calc(var(--theme-gap-layer) * 15);
    --theme-gap-layer-16: calc(var(--theme-gap-layer) * 16);
    --theme-gap-layer-17: calc(var(--theme-gap-layer) * 17);
    --theme-gap-layer-18: calc(var(--theme-gap-layer) * 18);
    --theme-gap-layer-19: calc(var(--theme-gap-layer) * 19);
    --theme-gap-layer-20: calc(var(--theme-gap-layer) * 20);
}


:root {
    --theme-modal-large: 560px;
    --theme-modal-medium: 460px;
    --theme-modal-small: 380px;
}


:root {
    --theme-border-radius-extra-small: 4px;
    --theme-border-radius-small: 8px;
    --theme-border-radius-normal: 12px;
    --theme-border-radius-medium: 24px;
    --theme-border-radius-large: 100px;
}


:root {
    --theme-components-size: 48px;
    --theme-default-animation: .2s ease;

}


:root {
    --theme-product-color-grafitovyj: #717376;
    --theme-product-color-grafitovyj-end: #4f5052;
    --theme-product-color-seryj: #c5c4bf;
    --theme-product-color-seryj-end: #a5a4a0;
    --theme-product-color-belyj: #f5f5f5;
    --theme-product-color-belyj-end: #dcdcdc;
    --theme-product-color-ultramarin: #120a8f;
    --theme-product-color-ultramarin-end: #0a0666;
    --theme-product-color-biryuzovyj: #a0ced1;
    --theme-product-color-biryuzovyj-end: #72b1b4;
    --theme-product-color-rozovyj: #ffc0cb;
    --theme-product-color-rozovyj-end: #ff94a4;
    --theme-product-color-pustynnyj-titanovyj: #c1ab92;
    --theme-product-color-pustynnyj-titanovyj-end: #a78f78;
    --theme-product-color-naturalnyj-titan: #c6c2b7;
    --theme-product-color-naturalnyj-titan-end: #aaa69a;
    --theme-product-color-belyj-titanovyj: #f2f1ed;
    --theme-product-color-belyj-titanovyj-end: #d2d1cd;
    --theme-product-color-oranzhevyj: #ffa500;
    --theme-product-color-oranzhevyj-end: #cc8400;
    --theme-product-color-polunochnyj-chernyj: #05062b;
    --theme-product-color-polunochnyj-chernyj-end: #010114;
    --theme-product-color-sinij: #436397;
    --theme-product-color-sinij-end: #2f4a73;
    --theme-product-color-siyayushhaya-zvezda: #f1f2ed;
    --theme-product-color-siyayushhaya-zvezda-end: #d2c5b5;
    --theme-product-color-fioletovyj: #5b0082;
    --theme-product-color-fioletovyj-end: #3a005a;
    --theme-product-color-rozovoe-zoloto: #eacdc3;
    --theme-product-color-rozovoe-zoloto-end: #d1b1a8;
    --theme-product-color-serebristyj: #dbdadd;
    --theme-product-color-serebristyj-end: #bab9bc;
    --theme-product-color-chernyj: #090909;
    --theme-product-color-chernyj-end: #000000;
    --theme-product-color-temno-zelenyj: #023f28;
    --theme-product-color-temno-zelenyj-end: #01291a;
    --theme-product-color-temno-sinij: #012a65;
    --theme-product-color-temno-sinij-end: #001a42;
    --theme-product-color-korichnevyj: #d2b48c;
    --theme-product-color-korichnevyj-end: #b8956b;
    --theme-product-color-ledyanoj-goluboj: #c5d9da;
    --theme-product-color-ledyanoj-goluboj-end: #a8c2c3;
    --theme-product-color-seryj-kosmos: #b8bcc1;
    --theme-product-color-seryj-kosmos-end: #6a6b70;
    --theme-product-color-serebro: #f0f0f0;
    --theme-product-color-serebro-end: #b0b0b0;
    --theme-product-color-zolotoj: #f1c27d;
    --theme-product-color-zolotoj-end: #d39c6c;
	--theme-product-color-tyomnaya-noch: #7c8598;
	--theme-product-color-tyomnaya-noch-end: #272933;
	--theme-product-color-goluboj: #e1f4f6;
	--theme-product-color-goluboj-end: #96bbc1;
	--theme-product-color-chyornyj-kosmos: #595959;
	--theme-product-color-chyornyj-kosmos-end: #111111;
	--theme-product-color-zhyoltyj: #ffee88;
	--theme-product-color-zhyoltyj-end: #d7c756;
	--theme-product-color-zelenyj: #a2d5b2;
	--theme-product-color-zelenyj-end: #459a61;
	
}





html[theme=default] {
    --theme-color-default: #fff;
    --theme-text-color: #000;
    --theme-main-color: #1d1d1f;
    --theme-minor-color: #37373a;
    --theme-success-color: #1daf66;
    --theme-color-strict: hsl(0, 0%, 50%);
    --theme-color-attention: #f8604a;
    --theme-color-good: #ffac47;
    --theme-color-substrate: hsla(0, 0%, 40%, 0.05);
    --theme-color-substrate-old: hsla(0, 0%, 40%, 0.06);
    --theme-color-components: hsl(0, 0%, 80%);
    --theme-color-components-hover: hsl(0, 0%, 60%);
    --theme-color-icon: hsl(0, 0%, 64%);
    --theme-color-icon-hover: hsl(0, 0%, 50%);
    --theme-color-border: hsl(0, 0%, 88%);
    --theme-color-block: hsl(0, 0%, 92%);
    --theme-color-block-hover: hsl(0, 0%, 88%);
    --theme-color-layer-001: #a73afd;
    --theme-color-layer-002: #005bff;
    --theme-color-layer-003: #e4f5ec;
	--theme-color-layer-004: #1daf66;
    --theme-gradient-layer-001: linear-gradient(97.26deg, #ed3cca .49%, #df34d2 14.88%, #d02bd9 29.27%, #bf22e1 43.14%, #ae1ae8 57.02%, #9a10f0 70.89%, #8306f7 84.76%, #7c1af8 99.15%), linear-gradient(rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
    --theme-animation-default: cubic-bezier(0.25,0.1,0.25,1);
    --theme-color-overlay: #00000090;
    --theme-color-blur: #00000050;
    --theme-bg-start: rgba(1, 136, 253, 1);
    --theme-bg-middle: rgba(0, 59, 255, 1);
    --theme-bg-end: rgba(0, 31, 170, 1);

  /* root discharge */
    --theme-color-shadow: rgba(0,0,0,.08);
    --theme-color-warning: #fffae8;
    --theme-bar-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
    --theme-bar-container: rgba(24, 21, 20, 0.8);
  /* root discharge */






  /* root discharge */
    --theme-shadow-01: 0 2px 8px 0 var(--theme-color-shadow);
    --theme-shadow-02: 0 6px 12px 0 var(--theme-color-shadow);
    --theme-shadow-03: 0 8px 24px 0 var(--theme-color-shadow);
    --theme-shadow-04: 0 12px 48px 0 var(--theme-color-shadow);
    --theme-shadow-05: 0 16px 64px 0 var(--theme-color-shadow);
  /* root discharge */
    --theme-modal-start: overlay-modal-start .2s ease 1 forwards;
    --theme-modal-end: overlay-modal-end .2s ease 1 forwards;
  /* root discharge */
    --theme-menu-start-section-main: menu-start-section-main .2s ease 1 forwards;
    --theme-menu-start-section-sub: menu-start-section-sub .2s ease 1 forwards;
    --theme-menu-close-animation: menu-close-animation .2s ease 1 forwards;
    --theme-animation-link-background: background-color .2s ease;
    --theme-animation-link-border-color: border-color .2s ease;
    --theme-animation-link-main: color .2s ease;
    --theme-animation-link-transform: transform .2s ease;
    --theme-animation-link-opacity: opacity .2s ease;
    --theme-animation-shadow: box-shadow .2s ease;
    --theme-animation-overlay: overlay-animation .2s ease 1 forwards;
    --theme-animation-overlay-end: overlay-animation-end .2s ease 1 forwards;
    --theme-animation-bounce-in: bounce-in .6s ease 1 forwards;




















  /* root discharge */
    --theme-rating-active: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjZmZhODAwIiBkPSJNNS43OTggMy4xMTNDNi43NzUgMS4zNzEgNy4yNjQuNSA4IC41czEuMjI1Ljg3MSAyLjIwMiAyLjYxM2MuMjE2LjM4NS40MDQuODY1Ljc3MSAxLjEyOS4zNS4yNTEuODM4LjI3NiAxLjI1Mi4zNTFjMS45NjMuMzU4IDIuOTQ1LjUzNiAzLjIwMiAxLjIxNHEuMDI4LjA3NS4wNDcuMTUyYy4xNzMuNzA2LS41MjYgMS4zMTgtMS45MyAyLjc2LS40MzkuNDUyLS42MzkuNjY2LS43MjYuOTU4LS4wODIuMjcxLS4wNDIuNTY1LjAzNiAxLjE1Mi4yNyAyLjAxNi40MDIgMy4xMzQtLjE3NSAzLjU5LTEuMDMzLjgxOC0yLjY5OS0uNjE3LTMuNjMyLTEuMDQ4QzguNTMyIDEzLjEzMyA4LjI3NCAxMyA4IDEzcy0uNTMxLjEzMy0xLjA0Ny4zNzFjLS45MzMuNDMtMi41OTkgMS44NjYtMy42MzIgMS4wNDgtLjU3Ni0uNDU2LS40NC0xLjU3NC0uMTctMy41OS4wNzgtLjU4Ny4xMTctLjg4LjAzNi0xLjE1Mi0uMDg4LS4yOTItLjI4OC0uNTA2LS43MjctLjk1N0MxLjA1NyA3LjI3Ny4zNTMgNi42NjUuNTI2IDUuOTYwcS4wMTktLjA3OC4wNDctLjE1M2MuMjU3LS42NzggMS4yMzktLjg1NiAzLjIwMi0xLjIxNC40MTQtLjA3NS45MDItLjEgMS4yNTItLjM1MS4zNjctLjI2NC41NTUtLjc0NC43NzEtMS4xMjlDNS43OTggMy4xMTMiPjwvcGF0aD48L3N2Zz4=');
    --theme-rating: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjYmVjOWQxIiBkPSJNNS43OTggMy4xMTNDNi43NzUgMS4zNzEgNy4yNjQuNSA4IC41czEuMjI1Ljg3MSAyLjIwMiAyLjYxM2MuMjE2LjM4NS40MDQuODY1Ljc3MSAxLjEyOS4zNS4yNTEuODM4LjI3NiAxLjI1Mi4zNTFjMS45NjMuMzU4IDIuOTQ1LjUzNiAzLjIwMiAxLjIxNHEuMDI4LjA3NS4wNDcuMTUyYy4xNzMuNzA2LS41MjYgMS4zMTgtMS45MyAyLjc2LS40MzkuNDUyLS42MzkuNjY2LS43MjYuOTU4LS4wODIuMjcxLS4wNDIuNTY1LjAzNiAxLjE1Mi4yNyAyLjAxNi40MDIgMy4xMzQtLjE3NSAzLjU5LTEuMDMzLjgxOC0yLjY5OS0uNjE3LTMuNjMyLTEuMDQ4QzguNTMyIDEzLjEzMyA4LjI3NCAxMyA4IDEzcy0uNTMxLjEzMy0xLjA0Ny4zNzFjLS45MzMuNDMtMi41OTkgMS44NjYtMy42MzIgMS4wNDgtLjU3Ni0uNDU2LS40NC0xLjU3NC0uMTctMy41OS4wNzgtLjU4Ny4xMTctLjg4LjAzNi0xLjE1Mi0uMDg4LS4yOTItLjI4OC0uNTA2LS43MjctLjk1N0MxLjA1NyA3LjI3Ny4zNTMgNi42NjUuNTI2IDUuOTYwcS4wMTktLjA3OC4wNDctLjE1M2MuMjU3LS42NzggMS4yMzktLjg1NiAzLjIwMi0xLjIxNC40MTQtLjA3NS45MDItLjEgMS4yNTItLjM1MS4zNjctLjI2NC41NTUtLjc0NC43NzEtMS4xMjlDNS43OTggMy4xMTMiPjwvcGF0aD48L3N2Zz4=');
}

.animation-img {
	opacity: 0;
	transition: var(--theme-animation-link-opacity);
}

.animation-img.lazyloaded, .animation-img.ls-is-cached {
	opacity: 1;
}







/* Анимации для оверлея */
@keyframes overlay-animation {
	0% {
		background-color: transparent;
	}

	100% {
		background-color: var(--theme-color-overlay);
	}
}

@keyframes overlay-animation-end {
	0% {
		background-color: var(--theme-color-overlay);
	}

	100% {
		background-color: transparent;
	}
}

@keyframes overlay-modal-start {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes overlay-modal-end {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* Анимация "прыжка" */
@keyframes bounce-in {
	0% {
		transform: scale(1);
	}

	20% {
		transform: scale(1.3);
	}

	30% {
		transform: scale(1.2);
	}

	40% {
		transform: scale(1.3);
	}

	100% {
		transform: scale(1.2);
	}
}


/* Анимация загрузчика */
@keyframes loader-animation {
	0% {
		transform: translate(0);
	}

	16% {
		transform: translateY(-150%);
	}

	33% {
		transform: translate(0);
	}

	100% {
		transform: translate(0);
	}
}

/* Анимация меню первой секции */
@keyframes menu-start-section-main {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

/* Анимация меню второй секции */
@keyframes menu-start-section-sub {
	0% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(0);
	}
}

/* Анимация закрытия всего меню */
@keyframes menu-close-animation {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-100%);
	}
}