/* */
	.content { 
		--brd: #222;
		--txt: #222;
		--btnBrd: var(--bg);
	}
	.content--iframe { 
		--brd: #FFF;
		--txt: #FFF;
		--btnBrd: var(--bg2);

		min-height: 100vh;
	}

	.frm { }

	.frm + .preloader__img { opacity: 0; height: 0; overflow: hidden; transition-duration: 0.4s; }
	.frm--loading + .preloader__img { opacity: 1; height: 210px; }

	.frm__txt { padding: 1.4rem 0 0; margin: 0; border-bottom: 1px solid var(--brd); color: var(--txt); position: relative; top: 0; left: 0; }
	.frm__txt input, 
	.frm__txt select,
	.frm__txt textarea {
		display: block; width: 100%; border: 0; padding: 1rem 0 1rem; line-height: 1.4; background: transparent; color: var(--txt); font-size: 1rem; 
	}
	.frm__txt input + label,
	.frm__txt textarea + label {
		position: absolute; top: 2.4rem; left: 0; opacity: 1; transition-duration: 0.2s;
	}
	.frm__txt select + label,
	.frm__txt input.ss + label,
	.frm__txt textarea.ss + label,
	.frm__txt input.ff + label,
	.frm__txt textarea.ff + label,
	.frm__txt input:focus + label,
	.frm__txt textarea:focus + label {
		position: absolute; top: 0; left: 0; opacity: 0.6;
	}

	/* password eye */
	.frm__eye { display: block; position: absolute; bottom: 0.4rem; right: 0; width: 22px; height: 14px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 22 14' xmlns='http://www.w3.org/2000/svg' fill='%23222' %3E%3Cpath d='m0.026385 0.13132c3.9978 8.3312 18.17 8.1018 21.843 0h-1.9846c-3.8254 6.3307-14.12 5.8769-17.974 0h-1.8847z' style='stroke-width:3.7704'/%3E%3Cpath transform='rotate(12.394)' d='m8.9595 6.7034h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='matrix(-.9767 .21463 .21463 .9767 0 0)' d='m-12.528 11.425h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='rotate(32.204)' d='m5.3971 3.4763h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='matrix(-.84616 .53293 .53293 .84616 0 0)' d='m-13.218 15.201h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3C/svg%3E"); transition-duration: 0.4s; }
	.content--iframe .frm__eye { background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 22 14' xmlns='http://www.w3.org/2000/svg' fill='%23fff' %3E%3Cpath d='m0.026385 0.13132c3.9978 8.3312 18.17 8.1018 21.843 0h-1.9846c-3.8254 6.3307-14.12 5.8769-17.974 0h-1.8847z' style='stroke-width:3.7704'/%3E%3Cpath transform='rotate(12.394)' d='m8.9595 6.7034h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='matrix(-.9767 .21463 .21463 .9767 0 0)' d='m-12.528 11.425h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='rotate(32.204)' d='m5.3971 3.4763h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3Cpath transform='matrix(-.84616 .53293 .53293 .84616 0 0)' d='m-13.218 15.201h1.9777v5.0927h-1.9777z' style='stroke-width:3.7704'/%3E%3C/svg%3E"); }
	.frm__eye--open { transform: scale(1, -1); }

	/* basic select */
	.frm__txt option { color: #222; }

	.frm__btn { 
		display: inline-block; text-align: center; padding: 0 1rem; background: transparent; color: var(--txt); cursor: pointer; border: 2px solid var(--btnBrd); font-size: 1rem; border-radius: 5px;
		transition-duration: 0.2s; 
	}
	.content .frm__btn:link, .content .frm__btn:visited { 
		text-decoration: none; 
	}
	.content .frm__btn:active, .content .frm__btn:hover, .content .frm__btn:focus { 
		background: #FFF; color: var(--bg);
	}

	.frm__err {
		display: flex; flex-direction: column; gap: 0.4rem; 
		list-style: none; padding: 1rem; margin: 0 0 1rem; 
		background: var(--bg1); border: 1px dotted var(--btnBrd); border-radius: 5px; 
	}

	.frm__chk { }
	.frm__chk input { display: none; }
	.frm__chk label { cursor: pointer; }
	.frm__chk label:before { display: inline-block; content: ''; position: relative; top: 3px; left: 0; margin: 0 1rem 0 0; border: 1px solid var(--brd); width: 1rem; height: 1rem; border-radius: 2px; transition-duration: 0.2s; }
	.frm__chk label:hover:before { background-color: #fff; }
	.frm__chk input:checked + label:before { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10.2 9.6' xmlns='http://www.w3.org/2000/svg' width='11' height='10' fill='%23666'%3E%3Cpath d='m10.2.69c-.07-.16-.37-.69-.62-.69a18.75 18.75 0 0 0 -2.4 2.15c-1.3 1.29-2.55 2.64-3.79 4l-2.46-2.38-.93 1.02a55.94 55.94 0 0 1 4 4.81 43.87 43.87 0 0 1 6.2-8.91z' stroke='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50%; }