@charset "UTF-8";
:root {
		--main-text: #4F4F4F;
		--additional-text: #828282;
		--white: #fff;
		--shadow: 0px 0px 30px 0px #3333330F;
		--shadow-small: 0px 4px 20px 0px #0000001A;
		--dark: #333;
		--title: #333;
		--footer: #4F4F4F;
		--footer-color: #BDBDBD;
		--footer-stroke: #828282;
		--grey: #F5F4F5;
		--greymiddle: #909090;
		--red: #B1181E;
		--redlight: #EBD1D2;
		--golddark: #8A724B;
		--golddark50: #8A724B80;
		--gold: #BB9959;
		--gold3: #E9E5DC;
		--stroke-gold: #EFE6E1;
		--header-color: var(--main-text);
		--header-arrow: var(--greymiddle);
		--header-button: var(--greymiddle);
		--form-bg: #DDE8EE;
		--form-text: #486D87;
		--input-stroke: #95B9D3;
	--input-bg: #DDE8EE;
		--input-text: var(--main-text);
		--gallery-bg: var(--page-bg);
}
:root {
		--page-bg: #F8F5F3;
		--bg: var(--white);
		--pattern: #DECFC8;
		--accent: #A33D25;
		--accent50: #A33D2580;
		--stroke: #DDB6A6;
		--stroke50: #DDB6A680;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #DECFC8;
		--white-accent: #A33D25;
		--white-stroke: #DDB6A6;
		/*-----*/
		--light-bg: #EFE6E3;
		--light-pattern: #DDB6A6;
		--light-accent: #A33D25;
		--light-stroke: #DDB6A6;
		/*-----*/
		--dark-bg: #4F1F13;
		--dark-pattern: #F5F4F580;
		--dark-accent: #fff;
		--dark-stroke: #DDB6A6;
		/*----*/
		--form: #F3E0D3;
}
.style-izhevsk {
		--page-bg: #F5F4F5;
		--bg: var(--white);
		--pattern: #DECFC833;
		--accent: #A33D25;
		--icon: #A33D25;
		--accent50: #A33D2580;
		--stroke: #DDB6A6;
		--stroke50: #DDB6A680;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #DECFC833;
		--white-accent: #A33D25;
		--white-stroke: #DDB6A6;
		/*-----*/
		--light-bg: #EFE6E3;
		--light-pattern: #ffffff80;
		--light-accent: #A33D25;
		--light-stroke: #DDB6A6;
		/*-----*/
		--dark-bg: #4F1F13;
		--dark-pattern: #F5F4F533;
		--dark-accent: #fff;
		--dark-stroke: #DDB6A6;
		/*----*/
		--form: #F3E0D3;
}
.style-novodev {
		--additional-text: var(--golddark);
		--header-color: var(--golddark);
		--header-arrow: var(--golddark);
		--header-button: var(--golddark);
		--page-bg: #F8F5F2;
		--bg: var(--white);
		--pattern: #F0EEEA;
		--accent: #5B0C0F;
		--icon: #991F25;
		--accent50: #5B0C0F80;
		--stroke: #5B0C0F;
		--stroke50: #E9E5DC;
		--footer: #486D87;
		--footer-color: #F8F5F2;
		--footer-stroke: #ffffff80;
		--grey: #F8F5F2;
		--input-text: #5B0C0F;
		--title: var(--accent);
		--gallery-bg: #E9E5DC;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #F0EEEA;
		--white-accent: #5B0C0F;
		--white-stroke: #5B0C0F;
		/*-----*/
		--light-bg: #E9E5DC;
		--light-pattern: #F0EEEA;
		--light-accent: #5B0C0F;
		--light-stroke: #5B0C0F;
		/*-----*/
		--dark-bg: #5B0C0F;
		--dark-pattern: #F8F5F24D;
		--dark-accent: #fff;
		--dark-stroke: #fff;
		/*----*/
		--form: #F3E0D3;
}
.style-red {
		--page-bg: #F8F5F3;
		--bg: var(--white);
		--pattern: #DECFC880;
		--accent: #A33D25;
		--icon: #A33D25;
		--accent50: #A33D2580;
		--stroke: #DDB6A6;
		--stroke50: #DDB6A680;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #DECFC880;
		--white-accent: #A33D25;
		--white-stroke: #DDB6A6;
		/*-----*/
		--light-bg: #EFE6E3;
		--light-pattern: #DDB6A680;
		--light-accent: #A33D25;
		--light-stroke: #DDB6A6;
		/*-----*/
		--dark-bg: #4F1F13;
		--dark-pattern: #F5F4F533;
		--dark-accent: #fff;
		--dark-stroke: #DDB6A6;
		/*----*/
		--form: #F3E0D3;
}
.style-gold {
		--page-bg: #F8F4E8;
		--bg: var(--white);
		--pattern: #ECE5CF80;
		--accent: #9F8843;
		--icon: #9F8843;
		--accent50: #9F884380;
		--stroke: #9F8843;
		--stroke50: #9F884380;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #ECE5CF80;
		--white-accent: #9F8843;
		--white-stroke: #ECE5CF;
		/*-----*/
		--light-bg: #ECE5CF;
		--light-pattern: #BA9D3680;
		--light-accent: #87690E;
		--light-stroke: #BA9D36;
		/*-----*/
		--dark-bg: #87690E;
		--dark-pattern: #F5F4F533;
		--dark-accent: #fff;
		--dark-stroke: rgba(255, 255, 255, 0.6);
		/*----*/
		--form: #ECE5CF;
}
.style-blue {
		--page-bg: #E6EEF3;
		--bg: var(--white);
		--pattern: #D8E6EE80;
		--accent: #3F81B1;
		--icon: #3F81B1;
		--accent50: #3F81B180;
		--stroke: #A3C6DF;
		--stroke50: #A3C6DF80;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #D8E6EE80;
		--white-accent: #3F81B1;
		--white-stroke: #A3C6DF;
		/*-----*/
		--light-bg: #F2FAFF;
		--light-pattern: #A3C6DF80;
		--light-accent: #155888;
		--light-stroke: #A3C6DF;
		/*-----*/
		--dark-bg: #155888;
		--dark-pattern: #F5F4F533;
		--dark-accent: #fff;
		--dark-stroke: rgba(255, 255, 255, 0.6);
		/*----*/
		--form: #CDE1EC;
}
.style-green {
		--page-bg: #EFF4F2;
		--bg: var(--white);
		--pattern: #CEDCD680;
		--accent: #66A289;
		--icon: #66A289;
		--accent50: #66A28980;
		--stroke: #66A289;
		--stroke50: #66A28980;
		/*-----*/
		--white-bg: var(--white);
		--white-pattern: #CEDCD680;
		--white-accent: #66A289;
		--white-stroke: #66A289;
		/*-----*/
		--light-bg: #CEDCD6;
		--light-pattern: #A2CCBA80;
		--light-accent: #3B725B;
		--light-stroke: #66A289;
		/*-----*/
		--dark-bg: #3B725B;
		--dark-pattern: #F5F4F533;
		--dark-accent: #fff;
		--dark-stroke: rgba(255, 255, 255, 0.6);
		/*----*/
		--form: #CEDCD6;
}
.theme-panel {
		position: fixed;
		bottom: 0;
		right: 0;
		background: #000;
		z-index: 200;
		padding: 20px;
		color: #fff;
		display: flex;
		flex-direction: column;
		gap: 10px;
		font-size: 10px;
}
.theme-panel label input {
		position: absolute;
		transform: scale(0);
		opacity: 0;
}
.theme-panel label span {
		display: block;
		padding: 8px 4px;
		border: 1px solid #fff;
		border-radius: 5px;
		text-align: center;
}
.theme-panel label input:checked ~ span {
		background: #fff;
		color: #000;
}
.theme-panel > * {
		display: flex;
		gap: 10px;
}
.theme-panel > * > * {
		flex: 1 1 auto;
}