#control {
	display: block;
    width: 14.375pc;
    background: #1c1c1c;
    position: absolute;
    top: .3125in;
		right: 2%;
	padding: .3125pc;
}

#changeKey {
	position: absolute;
	background: #1c1c1c;
	margin-top: 8px;
	padding: .3125pc;
	cursor: pointer;
	/* width: 14.375pc; */
	/* width: 100%; */
	/* right: 2%; */
	/* 
		top: .3125in;
	padding-left: .3125pc;
		padding-bottom: .3125pc;
		right: 2%;
		padding-right: .3125pc;
	padding-top: .3125pc; */
}

#camera {
	position: absolute;
	bottom: 0;
	left: 0;
}

input:focus,
button:focus {
	outline: 0;
}

[class~=captchaDiv],
#control,
[class~=container] {
	text-align: center;
}

[class~=inline],
[class~=container] {
	width: 100%;
}

body {
	margin-left: 0;
}

[class~=inline] {
	display: inline-block;
}

[id~=headlineControl],
[id~=goodCaptcha],
[id~=average],
[id~=averageFirstSymb] {
	font-size: 13px;
}

[id~=headlineControl],
[id~=goodCaptcha],
[id~=average],
[id~=averageFirstSymb] {
	color: white;
}

[class~=captchaDiv] {
	background: #5b7c87;
}

[class~=captchaDiv] {
	color: #222e39;
}

[class~=captchaDiv] {
	font-size: 0;
}

[class~=captchaDiv] {
	font-size: 750%;
}

[class~=captchaDiv] {
	border-left-width: .375pc;
}

[class~=captchaDiv] {
	border-bottom-width: .375pc;
}

[class~=captchaDiv] {
	border-right-width: .375pc;
}

[class~=captchaDiv] {
	border-top-width: .375pc;
}

button:hover {
	border-left-width: .010416667in;
}

button:hover,
[class~=captchaDiv] {
	border-left-style: solid;
}

[class~=captchaDiv],
button:hover {
	border-bottom-style: solid;
}

[class~=captchaDiv],
button:hover {
	border-right-style: solid;
}

button:hover {
	border-bottom-width: .010416667in;
}

button:hover,
[class~=captchaDiv] {
	border-top-style: solid;
}

button:hover {
	border-right-width: .010416667in;
}

[class~=captchaDiv] {
	border-left-color: #1a222d;
}


[class~=captchaDiv] {
	border-bottom-color: #1a222d;
}

[class~=captchaDiv] {
	border-right-color: #1a222d;
}

[class~=captchaDiv] {
	border-top-color: #1a222d;
}

button:hover {
	border-top-width: .010416667in;
}

[class~=captchaDiv] {
	border-image: none;
}

[class~=captchaDiv] {
	padding-left: 2.25pt;
}

[class~=captchaDiv] {
	padding-bottom: 2.25pt;
}

[class~=captchaDiv] {
	padding-right: 2.25pt;
}

#captchaSpan {
	user-select: none;
}

[class~=captchaDiv] {
	padding-top: 2.25pt;
}

[class~=captchaDiv] {
	width: 22.8125pc;
}

[class~=captchaDiv] {
	height: 1.041666667in;
}

[class~=typeDiv],
[class~=captchaDiv] {
	margin-left: auto;
}

[class~=captchaDiv],
[class~=typeDiv] {
	margin-bottom: auto;
}

#captchaSpan {
	overflow-x: hidden;
}

[class~=captchaDiv],
[class~=typeDiv] {
	margin-right: auto;
}

[class~=captchaDiv] {
	margin-top: 14%;
}

[class~=captchaDiv] {
	line-height: 6.5625pc;
}

[class~=headline],
#captchaSpan,
body {
	padding-left: 0;
}

#captchaSpan,
body {
	margin-bottom: 0;
}

[class~=headline],
body,
#captchaSpan {
	padding-bottom: 0;
}

[class~=captchaDiv] {
	white-space: normal;
}

[class~=captchaDiv],
[class~=typeDiv] {
	display: none;
}

[class~=typeDiv] {
	background: rgba(0, 0, 0, .65);
}

[class~=headline],
#captchaSpan {
	padding-right: 0;
}

[class~=typeDiv] {
	color: white;
}

[class~=typeDiv] {
	width: 270px;
}

[class~=headline],
#captchaSpan {
	padding-top: 0;
}

body,
#captchaSpan {
	margin-right: 0;
}

body,
#captchaSpan {
	margin-top: 0;
}

#captchaSpan {
	margin-left: 0;
}

[class~=typeDiv] {
	margin-top: 2%;
}

[class~=headline] {
	background: rgba(0, 0, 0, .85);
}

button:hover {
	border-left-color: red;
}

#captchaSpan {
	overflow-wrap: normal;
}

[class~=headline] {
	color: #db9c81;
}

[class~=desc] {
	padding-left: 3pt;
}

[class~=desc] {
	padding-bottom: 3pt;
}

#captchaSpan {
	word-wrap: normal;
}

#captchaSpan {
	letter-spacing: 0pc;
}

[class~=desc] {
	padding-right: 3pt;
}

#captchaSpan {
	display: inline;
}

button:hover {
	border-bottom-color: red;
}

[class~=desc] {
	padding-top: 3pt;
}

.c_inpt {
	width: 90%;
}

.c_inpt {
	margin-bottom: .3125pc;
}

[class~=enter],
.chat {
	padding-bottom: .052083333in;
}

.chat {
	padding-left: 11.25pt;
}

.chat {
	padding-top: .4375pc;
}

.c_inpt {
	padding-left: 6pt;
}

#chatArea,
.chat {
	width: 62.5pc;
}

.c_inpt {
	padding-bottom: 6pt;
}

.c_inpt {
	padding-right: 6pt;
}

.chat {
	text-align: left;
}

.chat,
.inputChat {
	color: white;
}

button:hover {
	border-right-color: red;
}

.c_inpt {
	padding-top: 6pt;
}

[class~=pages],
[class~=time],
#chatArea,
.inputChat {
	position: absolute;
}

.c_inpt,
.inputChat {
	font-size: .9375pc;
}

[class~=pages] {
	top: .041666667in;
}

[class~=typeChat] {
	padding-top: .104166667in;
}

.inputChat {
	width: 70%;
}

.inputChat {
	padding-left: 4.5pt;
}

.inputChat {
	padding-bottom: 4.5pt;
}

.inputChat {
	padding-right: 4.5pt;
}

.inputChat {
	padding-top: 4.5pt;
}

[class~=enter] input,
.inputChat {
	background: black;
}

.inputChat,
button {
	border-left-width: .75pt;
}

.inputChat,
button {
	border-bottom-width: .75pt;
}

button,
.inputChat {
	border-right-width: .75pt;
}

.inputChat,
button {
	border-top-width: .75pt;
}

body {
	padding-right: 0;
}

body {
	padding-top: 0;
}

body {
	background: #383838;
}

body {
	font-family: arial;
}

button:hover {
	border-top-color: red;
}

#chatArea {
	padding-left: 15px;
}

button,
.inputChat {
	border-left-style: solid;
}

.inputChat {
	border-bottom-style: solid;
}

#chatArea {
	padding-top: 1.5625pc;
}

.inputChat {
	border-right-style: solid;
}

body {
	overflow: hidden;
}

.inputChat {
	border-top-style: solid;
}

.inputChat {
	border-left-color: white;
}

.inputChat {
	border-bottom-color: white;
}

.inputChat {
	border-right-color: white;
}

#chatArea:focus {
	outline: 0;
}

.inputChat {
	border-top-color: white;
}

button:hover,
.inputChat {
	border-image: none;
}

#chatArea {
	padding-bottom: 0;
}

#chatArea {
	height: 9.6875pc;
}

button:hover {
	transform: translateY(-2px);
}

.inputChat {
	border-radius: .4375pc;
}

button {
	background: black;
}

.inputChat {
	left: 15px;
}

.inputChat {
	top: 1.8125in;
}

[class~=valid] {
	color: #369140;
}

button:hover {
	transition: .1s;
}

[class~=invalid] {
	color: #a31d1d;
}

[class~=enter] input,
[class~=btnSelected] {
	border-left-width: .0625pc;
}

[class~=enter] input,
[class~=btnSelected] {
	border-bottom-width: .0625pc;
}

#chatArea {
	text-align: left;
}

[class~=enter] input,
[class~=btnSelected] {
	border-right-width: .0625pc;
}

[class~=enter] input,
[class~=btnSelected] {
	border-top-width: .0625pc;
}

[class~=enter] input,
[class~=btnSelected] {
	border-left-style: solid;
}

[class~=enter] input,
[class~=btnSelected],
button {
	border-bottom-style: solid;
}


#chatArea {
	color: white;
}

#chatArea {
	background: none;
}

#chatArea {
	border-left-width: 0;
}

[class~=enter] input,
button,
[class~=btnSelected] {
	border-right-style: solid;
}

[class~=btnSelected],
[class~=enter] input {
	border-top-style: solid;
}

#chatArea {
	border-bottom-width: 0;
}

[class~=btnSelected] {
	border-left-color: red;
}

[class~=btnSelected] {
	border-bottom-color: red;
}

[class~=btnSelected] {
	border-right-color: red;
}

[class~=btnSelected] {
	border-top-color: red;
}

#chatArea {
	border-right-width: 0;
}

[class~=btnSelected] {
	border-image: none;
}

[class~=time] {
	font-family: gta;
}

#chatArea {
	border-top-width: 0;
}

[class~=houseSale],
[class~=time] {
	user-select: none;
}

#chatArea {
	border-left-style: none;
}

[class~=time] {
	display: none;
}

[class~=time] {
	color: #c1c1c3;
}

[class~=time] {
	font-size: 85px;
}

#chatArea {
	border-bottom-style: none;
}

[class~=time] {
	right: 4%;
}

#chatArea {
	border-right-style: none;
}

#chatArea {
	border-top-style: none;
}

[class~=enter] input,
button {
	border-left-color: white;
}

[class~=time] {
	bottom: 7%;
}

#chatArea {
	border-left-color: currentColor;
}

#chatArea {
	border-bottom-color: currentColor;
}

[class~=enter] input,
button {
	border-bottom-color: white;
}

[class~=time] {
	text-shadow: -0 -.052083333in 0 #000, 0 -.052083333in 0 #000, -0 .3125pc 0 #000, 0 3.75pt 0 #000, -5px -0 0 #000, 5px -0 0 #000, -5px 0 0 #000, 5px 0 0 #000, -1px -.3125pc 0 #000, 1px -.052083333in 0 #000, -1px .3125pc 0 #000, 1px .3125pc 0 #000, -5px -.0625pc 0 #000, 5px -1px 0 #000, -5px .75pt 0 #000, 5px 1px 0 #000, -2px -.052083333in 0 #000, 2px -.052083333in 0 #000, -2px .052083333in 0 #000, 2px 3.75pt 0 #000, -5px -1.5pt 0 #000, 5px -1.5pt 0 #000, -5px 1.5pt 0 #000, 5px .020833333in 0 #000, -3px -.052083333in 0 #000, 3px -.3125pc 0 #000, -3px .3125pc 0 #000, 3px .3125pc 0 #000, -5px -.03125in 0 #000, 5px -2.25pt 0 #000, -5px 3px 0 #000, 5px 2.25pt 0 #000, -4px -.3125pc 0 #000, 4px -.052083333in 0 #000, -4px .052083333in 0 #000, 4px 5px 0 #000, -5px -.25pc 0 #000, 5px -.25pc 0 #000, -5px .041666667in 0 #000, 5px 3pt 0 #000, -5px -.052083333in 0 #000, 5px -.052083333in 0 #000, -5px 5px 0 #000, 5px .3125pc 0 #000, -5px -5px 0 #000, 5px -3.75pt 0 #000, -5px 5px 0 #000, 5px 3.75pt 0 #000;
}

[class~=month] {
	color: #c9a353;
}

[class~=played] {
	color: #294d20;
}

#chatArea {
	border-right-color: currentColor;
}

[class~=playedGreen] {
	color: #c1c1c3;
}

[class~=houseSale] {
	position: absolute;
}

[class~=houseSale] {
	bottom: 30%;
}

[class~=houseSale] {
	left: 15%;
}

[class~=houseSale] {
	text-align: center;
}

[class~=houseSale],
[class~=enter] input {
	color: white;
}

[class~=houseSale] {
	text-shadow: .75pt .75pt .020833333in black;
}

button,
[class~=enter] input {
	border-right-color: white;
}

[class~=red] {
	color: #ff7d76;
}

[class~=green] {
	color: #33a739;
}

[class~=enter] input,
button {
	border-top-color: white;
}

#chatArea {
	border-top-color: currentColor;
}

[class~=enter] input,
#chatArea {
	border-image: none;
}

[class~=grey] {
	color: #b6b1a6;
}

#chatArea {
	resize: none;
}

[class~=HSheadline] {
	color: #ff9c08;
}

#chatArea {
	font-family: arial;
}

.notice {
	color: rgba(255, 255, 255, .3);
}

button {
	border-top-style: solid;
}

#chatArea {
	font-size: .9375pc;
}

#chatArea::-webkit-scrollbar {
	width: 0pt;
}

[class~=enter] input {
	padding-left: .375pc;
}

[class~=enter] input {
	padding-bottom: .375pc;
}

#chatArea::-webkit-scrollbar {
	background: rgba(0, 0, 0, .2);
}

[class~=enter] input {
	padding-right: .375pc;
}

#homeGos,
#payday,
#chatInpt {
	display: none;
}

[class~=enter] input {
	padding-top: .375pc;
}

[class~=enter] input {
	border-radius: .4375pc;
}

button {
	border-image: none;
}

#payday {
	font-family: gta;
}

[id~=hideControl],
#openControl,
.rights,
#payday,
#record,
[id~=changeKey] {
	position: absolute;
}

#payday {
	color: #ba954d;
}

#payday {
	font-size: 100px;
}

[class~=enter] input {
	margin-top: 2.25pt;
}

#payday {
	right: 6%;
}

#payday {
	bottom: 10%;
}

#payday {
	text-shadow: -0 -.052083333in 0 #000, 0 -5px 0 #000, -0 .052083333in 0 #000, 0 5px 0 #000, -5px -0 0 #000, 5px -0 0 #000, -5px 0 0 #000, 5px 0 0 #000, -1px -5px 0 #000, 1px -3.75pt 0 #000, -1px .3125pc 0 #000, 1px 5px 0 #000, -5px -1px 0 #000, 5px -.010416667in 0 #000, -5px .75pt 0 #000, 5px .75pt 0 #000, -2px -.3125pc 0 #000, 2px -3.75pt 0 #000, -2px 3.75pt 0 #000, 2px 5px 0 #000, -5px -1.5pt 0 #000, 5px -.020833333in 0 #000, -5px .020833333in 0 #000, 5px 1.5pt 0 #000, -3px -.052083333in 0 #000, 3px -3.75pt 0 #000, -3px 3.75pt 0 #000, 3px .052083333in 0 #000, -5px -.1875pc 0 #000, 5px -2.25pt 0 #000, -5px 2.25pt 0 #000, 5px 3px 0 #000, -4px -.3125pc 0 #000, 4px -5px 0 #000, -4px 5px 0 #000, 4px .052083333in 0 #000, -5px -.041666667in 0 #000, 5px -.041666667in 0 #000, -5px .25pc 0 #000, 5px .041666667in 0 #000, -5px -.3125pc 0 #000, 5px -3.75pt 0 #000, -5px .052083333in 0 #000, 5px .052083333in 0 #000, -5px -.052083333in 0 #000, 5px -5px 0 #000, -5px .052083333in 0 #000, 5px .052083333in 0 #000;
}

#record,
button,
[id~=changeKey],
[id~=hideControl],
.rights,
#openControl,
#control #removeMode {
	color: white;
}

.rights {
	text-align: center;
}

[class~=enter] button {
	width: 30%;
}

[class~=desc] span {
	color: #c6db86;
}

#homeNotGos {
	display: block;
}

/* [class~=changeKey] {
	bottom: 1.5%;
} */

/* [class~=changeKey] {
	left: 1%;
} */

/* [class~=changeKey] {
	padding-left: .072916667in;
} */

/* [class~=changeKey] {
	padding-bottom: .072916667in;
} */

/* [class~=changeKey] {
	padding-right: .072916667in;
} */

#openControl {
	font-size: .260416667in;
}

/* [class~=changeKey] {
	padding-top: .072916667in;
} */

[id~=changeKey] {
	background: rgba(0, 0, 0, .6);
}

[id~=changeKey] {
	transition-duration: .3s;
}

#record,
.rights {
	font-family: "Raleway", sans-serif;
}

#openControl {
	right: 3%;
}

.rights,
#record {
	width: 100%;
}

.rights {
	bottom: 1%;
}

#openControl {
	top: 1.875pc;
}

[class~=rights]::selection {
	background: #2ecc71;
}

#openControl,
#record {
	display: none;
}

[class~=rights]::selection {
	color: black;
}

#record {
	font-size: 30pt;
}

.rights {
	font-size: .75pc;
}

[id~=hideControl] {
	font-size: .9375pc;
}

#record {
	bottom: 4%;
}

button {
	padding-left: .375pc;
}

button {
	padding-bottom: .375pc;
}

button {
	padding-right: .375pc;
}

#recordS {
	font-size: 30px;
}

button {
	padding-top: .375pc;
}

button {
	border-radius: .4375pc;
}

button {
	margin-top: 2.25pt;
}

[id~=changeKey]:hover {
	background: rgba(0, 0, 0, 1);
}

[class~=bebrochka] {
    bottom: 70.5%;
    position: absolute;
    right: 2%;
    padding-left: 1.072916667in;
    padding-bottom: 0.272916667in;
    padding-right: 0.072916667in;
    padding-top: 0.072916667in;
    transition-duration: .3s;
    color: white;
}

/* Background customization panel */
#bgControlWrap {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: .5rem;
}

#bgToggleBtn {
	background: rgba(28, 34, 41, .92);
	color: #fff;
	border: 1px solid rgba(120, 148, 165, .65);
	border-radius: 8px;
	padding: .45rem .75rem;
	font-size: 12px;
	cursor: pointer;
}

#bgToggleBtn:hover {
	background: rgba(36, 44, 53, .98);
}

#bgControlPanel {
	position: relative;
	width: min(330px, calc(100vw - 2rem));
	background: rgba(28, 34, 41, .96);
	border: 1px solid rgba(120, 148, 165, .6);
	border-radius: 10px;
	padding: 1.55rem .75rem .75rem;
	backdrop-filter: blur(4px);
	color: #fff;
}

#bgCloseBtn {
	position: absolute;
	top: .3rem;
	right: .45rem;
	z-index: 2;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	font-size: 0;
	user-select: none;
}

#bgCloseBtn::before {
	content: '\00D7';
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

#bgCloseBtn:hover {
	color: #ff9a9a;
}

.bgModeRow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	margin-bottom: .45rem;
}

.bgModeRow:last-child {
	margin-bottom: 0;
}

.bgModeRow label {
	font-size: 12px;
	white-space: nowrap;
}

#bgColorPicker {
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid rgba(120, 148, 165, .65);
	border-radius: 6px;
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

#bgColorPicker::-webkit-color-swatch-wrapper {
	padding: 0;
}

#bgColorPicker::-webkit-color-swatch {
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

#bgColorPicker::-moz-color-swatch {
	border: 0;
	border-radius: 5px;
	cursor: pointer;
}

#bgUrlInput {
	width: 200px;
	max-width: 58%;
	padding: .3rem .45rem;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, .35);
	background: rgba(20, 20, 20, .92);
	color: #fff;
	font-size: 12px;
}

#bgUrlDarkness {
	flex: 1;
	min-width: 90px;
}

#bgUrlDarknessValue {
	font-size: 11px;
	min-width: 36px;
	text-align: right;
}

/* Control panel refresh */
#control {
	background: rgba(28, 34, 41, .95);
	border-radius: 12px;
	padding: .5rem;
	overflow: hidden;
}

#control hr {
	border: 0;
	border-top: 1px solid rgba(120, 148, 165, .55);
	margin: .45rem -9999px;
	padding: 0 9999px;
	width: auto;
}

#hideControl {
	position: absolute;
	top: .25rem;
	left: .45rem;
	width: 20px;
	height: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	user-select: none;
	z-index: 2;
}

#hideControl::before {
	content: '\00D7';
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
}

#hideControl:hover {
	color: #ff9a9a;
}

#headlineControl {
	margin-top: .2rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

#changeKey,
[id~=changeKey] {
	position: static;
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: rgba(28, 34, 41, .92);
	border: 0;
	border-radius: 10px;
	margin-top: 0;
	padding: .42rem .4rem;
	transition: background .2s ease;
}

#changeKey::before,
[id~=changeKey]::before {
	content: '';
	display: block;
	height: 1px;
	background: rgba(120, 148, 165, .55);
	margin: -.1rem -9999px .45rem;
	padding: 0 9999px;
}

[id~=changeKey]:hover {
	background: rgba(36, 44, 53, .98);
}

.chat-warning {
	color: rgb(255, 74, 74);
}

.chat-record {
	color: rgb(242, 206, 112);
}
