.form-vibe {
	font-size: 1em;
	background-color: #141210;
	border: .0625em solid #24201c;
	border-width: .0625em 0;
	border-radius: 0;
	padding: 1.2em;
	max-width: 31.25em;
	margin: 2.5em auto;
	box-shadow: 0 1.25em 2.5em rgba(0,0,0,.5);
	position: relative;
	/* --border-color: #75685b; */
	--border-color: #595046;
	--border-color-focus: #ffcb4a;
	--border: .0625em solid var(--border-color, #39332d);
	--border-focus: .0625em solid var(--border-color, #39332d);
	--color-focus: #ffcb4a;
	--box-shadow-focus: 0 0 0 .1875em rgba(255,203,74,.12);
	--background-focus: #241f1b;
	--box-shadow-focus-visible: 0 0 0 .1875em rgba(255, 203, 74, .25);
	--box-shadow-focus-visible-dense: 0 0 0 .1875em #4f411e;
	--alpha: .12;
	--fade-stops-white:
		rgba(255, 255, 255, calc(1     * var(--alpha))) 0%,
		rgba(255, 255, 255, calc(0.987 * var(--alpha))) 8.1%,
		rgba(255, 255, 255, calc(0.951 * var(--alpha))) 15.5%,
		rgba(255, 255, 255, calc(0.896 * var(--alpha))) 22.5%,
		rgba(255, 255, 255, calc(0.825 * var(--alpha))) 29%,
		rgba(255, 255, 255, calc(0.741 * var(--alpha))) 35.3%,
		rgba(255, 255, 255, calc(0.648 * var(--alpha))) 41.2%,
		rgba(255, 255, 255, calc(0.55  * var(--alpha))) 47.1%,
		rgba(255, 255, 255, calc(0.45  * var(--alpha))) 52.9%,
		rgba(255, 255, 255, calc(0.352 * var(--alpha))) 58.8%,
		rgba(255, 255, 255, calc(0.259 * var(--alpha))) 64.7%,
		rgba(255, 255, 255, calc(0.175 * var(--alpha))) 71%,
		rgba(255, 255, 255, calc(0.104 * var(--alpha))) 77.5%,
		rgba(255, 255, 255, calc(0.049 * var(--alpha))) 84.5%,
		rgba(255, 255, 255, calc(0.013 * var(--alpha))) 91.9%,
		rgba(255, 255, 255, calc(0     * var(--alpha))) 100%
	;
	--fade-stops-black:
		rgba(0, 0, 0, calc(1     * var(--alpha))) 0%,
		rgba(0, 0, 0, calc(0.987 * var(--alpha))) 8.1%,
		rgba(0, 0, 0, calc(0.951 * var(--alpha))) 15.5%,
		rgba(0, 0, 0, calc(0.896 * var(--alpha))) 22.5%,
		rgba(0, 0, 0, calc(0.825 * var(--alpha))) 29%,
		rgba(0, 0, 0, calc(0.741 * var(--alpha))) 35.3%,
		rgba(0, 0, 0, calc(0.648 * var(--alpha))) 41.2%,
		rgba(0, 0, 0, calc(0.55  * var(--alpha))) 47.1%,
		rgba(0, 0, 0, calc(0.45  * var(--alpha))) 52.9%,
		rgba(0, 0, 0, calc(0.352 * var(--alpha))) 58.8%,
		rgba(0, 0, 0, calc(0.259 * var(--alpha))) 64.7%,
		rgba(0, 0, 0, calc(0.175 * var(--alpha))) 71%,
		rgba(0, 0, 0, calc(0.104 * var(--alpha))) 77.5%,
		rgba(0, 0, 0, calc(0.049 * var(--alpha))) 84.5%,
		rgba(0, 0, 0, calc(0.013 * var(--alpha))) 91.9%,
		rgba(0, 0, 0, calc(0     * var(--alpha))) 100%
	;
}
.form-vibe.form-vibe__warning {
	border-color: #bb7229;
}
.moderation-approved .form-vibe {
	border-color: #314a25;
	background-color: hsla(135.8, 16.8%, 22.2%, 0.34);
}
.moderation-pending .form-vibe {
	border-color: #715f3c;
	/* box-shadow:
		0 .2em 1.3em hsla(39.4, 100%, 25.1%, 0.55),
		inset 0 .2em 1em hsla(39.4, 100%, 25.1%, 0.53)
	; */
}
.moderation-rejected .form-vibe {
	border-color: #553535;
	box-shadow:
		0 .2em 1.3em hsla(0, 100%, 25.1%, 0.37),
		inset 0 .2em 1em hsla(0, 100%, 25.1%, 0.2)
	;
}
.form-vibe.form-vibe__danger {
	border-color: maroon;
}
.form-vibe:focus-within {
	z-index: 1;
}
.form-vibe.invisible-vibe {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}
.form-vibe.form-vibe-wide {
	max-width: 100%;
}
.form-vibe.add-new-stuff-controls-cont {
	max-width: max-content;
	margin-right: 0;
}
.form-vibe.brightly-blurry {
	background: rgba(66, 55, 43, 0.44);
	backdrop-filter: blur(1em);
}
.moderation-approved .form-vibe.brightly-blurry {
	background: rgba(52, 60, 50, 0.44);
}
.moderation-rejected .form-vibe.brightly-blurry {
	/* background: rgba(52, 60, 50, 0.44); */
}
.moderation-pending .form-vibe.brightly-blurry {
	/* background: rgba(52, 60, 50, 0.44); */
}
.form-vibe:has(*:active, *:focus-visible) {
	z-index: 10;
}

.form-vibe h2:first-child {
	font-size: 1.5em;
	margin: 0 0 1.1em;
}

.form-vibe .form-field-group.form-relative {
	position: relative
}

.form-vibe .form-field-group {
	margin-bottom: 1.25em;
	display: flex;
	flex-direction: column
}
.form-vibe .form-field-group.form-field-group__no-below-space,
.form-vibe .form-field-group.list-item-fields__item {
	margin-bottom: 0;
}
.form-vibe > .form-field-group:last-child {
	margin-bottom: 0;
}

.form-vibe .form-label {
	color: #86817c;
	color: #aaa6a1;
	font-size: .9em;
	font-weight: 500;
	margin: 0 .2em .615em;
	letter-spacing: .0387em;
	transition: color .3s ease;
	display: block;
}

.form-vibe .form-text {
	display: flex;
	align-items: center;
	text-align: center;
}

.form-vibe .has-popup {
	position: relative;
}

.autoexpand-textarea::before,
.autoexpand-textarea textarea,
.form-vibe .form-input-text {
	background-color: #1e1a17;
	background-color: #000;
	background-color: #151312;
	color: #fff;
	border: .0625em solid var( --border-color, #39332d );
	padding: .75em 1em;
	border-radius: .5em;
	font-size: .9375em;
	outline: 0;
	transition: all .3s cubic-bezier(.4,0,.2,1);
	width: 100%;
	box-sizing: border-box;
}
.form-vibe .form-input-text.form-input-text-as-inline {
	padding: 0;
	font-size: 1em;
	border: none;
}

.form-vibe .form-input-text:focus {
	box-shadow: var(--box-shadow-focus);
	background-color: var(--background-focus);
}

.form-vibe .form-field-group:focus-within .form-label {
	color: var(--color-focus);
}

.form-vibe .form-input-text:disabled,
.form-vibe .form-input-text:read-only {
	background-color: #181512;
	border-color: #24201c;
	color: #59524c;
	cursor: not-allowed;
}
.form-vibe div.form-input-text:read-only,
.form-vibe span.form-input-text:read-only {
	border-color: var(--border-color);
	cursor: pointer;
}
.form-vibe .form-input-text:read-only:not(:disabled) {
}
.form-vibe .like-browser {
	position: relative;
	margin: 1em 0 .3em;
	z-index: 0;
}

.form-vibe .form-select {
	background-color: #000;
	color: #fff;
	border: .0625em solid var( --border-color, #39332d );
	padding: .75em 2.5em .75em 1em;
	border-radius: .5em;
	font-size: .9375em;
	outline: 0;
	transition: all .3s cubic-bezier(.4,0,.2,1);
	width: 100%;
	box-sizing: border-box;
	appearance: none;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODk4MDc2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+");
	background-size: 1.2em;
	background-repeat: no-repeat;
	background-position: right 1em center;
	cursor: pointer;
}
.form-vibe .form-select {
	background-color: #1e1a17;
	background-color: #000;
	background-color: #151312;
}
.form-vibe .form-select option {
	background-color: #1e1a17;
	background-color: #151312;
	color: #fff;
}
.form-vibe .form-select:focus,
.form-vibe .form-select:hover {
	/* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+"); */
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZjYjRhIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+");
}
.form-vibe .form-select:focus {
	box-shadow: var(--box-shadow-focus);
	background-color: var(--background-focus);
	border-color: var( --border-color, #39332d );
}

.form-vibe .form-select:disabled {
	background-color: #181512;
	border-color: #24201c;
	color: #59524c;
	cursor: not-allowed;
	opacity: 1;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzkzMzJkIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+");
}

.form-vibe .like-browser::before {
	content: '';
	position: absolute;
	top: -1.3em;
	left: -.3em;
	right: -.3em;
	bottom: -.2em;
	border: 1px solid #312d2a;
	border-bottom: none;
	border-radius: .4em .4em 1px 1px;
	z-index: -1;
	background-color: #222221;
}
.form-vibe .like-browser::after {
	content: '';
	position: absolute;
	top: .12em;
	left: .12em;
	bottom: .12em;
	width: 1.6em;
	background-color: hsla(27.7, 30.2%, 8.4%, 0.54);
}
.form-vibe .like-browser.verified::after {
	background-color: hsla(111.4, 30.2%, 8.4%, 0.54);
}
.form-vibe .form-input-text #url-key {
	color: #a29c97;
}
.form-vibe #name-key-cont.in-progress #url-key::before {
	content: '';
	width:  1em;
	height:  1em;
	border-radius: 100vh;
	border-top: 2px solid #d5a466;
	border-right: 2px solid transparent;
	animation: loader-spin 1s linear infinite;
	position: absolute;
	top: 0;
	bottom: 0;
	right: .5em;
	margin: auto;
}
.form-vibe .like-browser .addressbar {
	color: #605b56;
	border-color: var( --border-color, #39332d );
	background-color: #1c150f;
	border-radius: .12em;
	font-size: .9em;
	padding: 0.42em 1em 0.35em 2em;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M3 12H21M3 12C3 16.9706 7.02944 21 12 21M3 12C3 7.02944 7.02944 3 12 3M21 12C21 16.9706 16.9706 21 12 21M21 12C21 7.02944 16.9706 3 12 3M12 21C4.75561 13.08 8.98151 5.7 12 3M12 21C19.2444 13.08 15.0185 5.7 12 3' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0.64em center;
	background-size: 0.8em;
	word-break: break-all;
}
.form-vibe .like-browser.verified .addressbar {
	color: #576056;
	border-color: #263325;
	background-color: #121e10;
}
.form-vibe .like-browser .addressbar::before,
.form-vibe .like-browser .addressbar::after {
	content: '';
	position: absolute;
}
.form-vibe .like-browser[data-os="Macintosh"] .addressbar::before,
.form-vibe .like-browser[data-os="iOS"] .addressbar::before,
.form-vibe .like-browser[data-os="Linux"] .addressbar::before {
	top: -.9em;
	left: .3em;
	width: .4em;
	height: .4em;
	border-radius: 50%;
}
.form-vibe .like-browser[data-os="Macintosh"] .addressbar::before,
.form-vibe .like-browser[data-os="iOS"] .addressbar::before {
	background-color: hsl(1.4, 57%, 36.7%);
	box-shadow: 0.7em 0 0 hsl(39.4, 47.9%, 41.2%),
		1.4em 0 0 hsl(128.5, 39.2%, 37%);
}
.form-vibe .like-browser[data-os="Linux"] .addressbar::before {
	background-color: #535048;
	box-shadow:
		0.7em 0 0 #535048,
		1.4em 0 0 #535048
	;
}
.form-vibe .like-browser[data-os="Windows"] .addressbar::before {
	top: -.9em;
	right: .3em;
	width: .4em;
	height: .4em;
	border-radius: .1em;
	background-color: hsl(1.4, 57%, 36.7%);
	box-shadow:
		-0.7em 0 0 #535048,
		-1.4em 0 0 #535048
	;
}
.form-vibe .like-browser .addressbar::after {
	font-size: .473em;
	content: 'ZANAYART.BG';
	inset: 0;
	color: #777;
	top: -1.9em;
	font-weight: bold;
	text-align: left;
}
.form-vibe .like-browser[data-os="Macintosh"] .addressbar::after,
.form-vibe .like-browser[data-os="iOS"] .addressbar::after {
	margin-left: 5em;
	text-align: center;
}
.form-vibe .like-browser[data-os="Linux"] .addressbar::after {
	margin-left: 5.7em;
}
.form-vibe .like-browser[data-os="Windows"] .addressbar::after {
	margin-left: .33em;
}
.form-vibe .key-exists-note {
	display: none;
	margin: -.5em 0 1.7em;
	font-style: italic;
	color: #b34747;
	font-size: .8em;
}
.form-vibe .key-exists-note.visible {
	display: block;
}

.form-vibe .form-input-text.has-error {
	border-color: #ff6b6b
}

.form-vibe .form-error-msg {
	color: #ff8585;
	font-size: .75em;
	margin-top: .5em
}

.form-vibe .form-badge {
	border-radius: 0;
	transition: all .25s ease
}

.form-vibe .badge-dot {
	transition: background-color .25s ease,box-shadow .25s ease
}

@media (max-width:768px) {
	.form-vibe .form-password-popup {
		position: relative;
		right: auto;
		top: auto;
		bottom: auto;
		transform: none;
		width: 100%;
		box-sizing: border-box;
		margin-top: .5em;
		margin-bottom: .5em;
		background-color: #1e1a17;
		background-color: #151312;
	}
}

.form-vibe .form-field-checkbox {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	user-select: none;
	margin-top: .75em;
	margin-bottom: 1.25em
}
.form-vibe .form-field-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.form-vibe .form-field-button-checkbox {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	user-select: none;
}
.form-vibe .form-field-button-checkbox input {
	appearance: none;
	/* position: absolute;
	top: 0;
	left: 0;
	opacity: .002;
	clip-path: polygon(0 0, 1px 0, 0 1px);
	z-index: -100;
	height: 1px;
	width: 1px; */
}
.form-vibe .form-field-button-checkbox input::before {
	content: attr(data-text);
	padding: .5em;
	border: 1px solid #463f37;
	background-color: #2f2722;
	display: block;
	border-radius: .5em;
	color: #8c7c71;
	white-space: nowrap;
	cursor: pointer;
}
.form-vibe .form-field-button-checkbox input:hover::before {
	border-color: #645b50;
	background-color: #393029;
	color: #9d8b7f;
}
.form-vibe .form-field-button-checkbox input:checked::before {
	border-color: #544293;
	background-color: #7059c1;
	color: #dfdfdf;
}
.form-vibe .form-field-button-checkbox input:checked:hover::before {
	background-color: #7e65d9;
	color: #fff;
}

.form-vibe .form-checkbox-custom {
	height: 1.125em;
	width: 1.125em;
	background-color: #1e1a17;
	background-color: #151312;
	border: .0625em solid var( --border-color, #39332d );
	border-radius: .25em;
	margin-right: .75em;
	flex-shrink: 0;
	position: relative;
	transition: all .3s ease
}

.form-vibe .form-field-checkbox:hover input~.form-checkbox-custom {
	border-color: var(--border-color-focus);
}

.form-vibe .form-checkbox-custom::after {
	border-color: transparent var(--border-color-focus) var(--border-color-focus) transparent
}

.form-vibe .form-field-checkbox input:checked~.form-checkbox-custom::after {
	display: block
}

.form-vibe .form-checkbox-label {
	color: #948e88;
	font-size: .8125em;
	line-height: 1.385em
}

.form-vibe .form-checkbox-label a {
	color: var(--color-focus);
	text-decoration: none;
	border-bottom: .0625em dashed rgba(255,203,74,.4);
	transition: all .2s ease
}

.form-vibe .form-checkbox-label a:hover {
	color: #ffd56b;
	border-bottom-style: solid
}

.form-vibe .form-actions {
	margin-top: 2em
}

.form-vibe .form-btn-submit {
	width: 100%;
	padding: .875em;
	font-size: .9375em;
	font-size: 1em;
	font-weight: 600;
	border-radius: .5em;
	border: 0;
	transition: all .3s ease;
	position: relative;
}
.form-vibe .form-btn-submit.tiny1 {
	width: max-content;
	max-width: 100%;
	padding: .47em 1.3em;
	font-weight: 600;
}

.form-vibe .form-btn-submit:disabled {
	background-color: #1e1a17;
	background-color: #151312;
	color: #59524c;
	cursor: not-allowed
}

.form-vibe .form-btn-submit:not([disabled]) {
	background-color: var(--border-color-focus);
	color: #141210;
	cursor: pointer;
	box-shadow: 0 .5em 1.5em rgba(255,203,74,.15)
}
.form-vibe .form-btn-submit.tiny1:not([disabled]) {
	background: #56419f;
	color: #fff;
	box-shadow: 0 .5em 1.5em rgba(122, 74, 255, 0.15);
}
.form-vibe .form-btn-submit.tiny1:hover:not([disabled]) {
	background: #6951bd;
}
.form-vibe .form-btn-submit.tiny1:active:not([disabled]) {
	background: #473588;
}

.form-vibe .form-btn-submit:not([disabled]):hover {
	background-color: #ffda7b;
}

.form-vibe .form-btn-submit:not([disabled]):active {
	/* transform: translateY(0); */
	background-color: #cea337;
}

.form-vibe .form-input-text:focus {
	box-shadow: none;
	border-color: var( --border-color, #39332d )
}

.form-vibe .form-input-text:focus-visible {
	background-color: var(--background-focus);
	outline: 0
}

.form-vibe .form-field-checkbox input:focus-visible ~ .form-checkbox-custom,
.form-vibe .form-input-text:focus-visible + .form-input-text,
.form-vibe .form-input-text:focus-visible,
.form-vibe .form-select:focus-visible,
.form-vibe .form-select:focus {
	border-color: var(--border-color-focus);
	box-shadow: var(--box-shadow-focus-visible);
}

.form-vibe .form-field-checkbox input:focus-visible:checked ~ .form-checkbox-custom,
.form-vibe .form-input-text.input-valid:focus-visible {
	border-color: #51a443;
	box-shadow: 0 0 0 .1875em rgb(24, 55, 20);
}

.form-vibe .form-btn-submit:focus-visible {
	outline: .125em solid var(--border-color-focus);
	outline-offset: .1875em
}

.form-vibe .form-checkbox-label a:focus-visible {
	outline: .0625em solid var(--border-color-focus);
	outline-offset: .125em;
	background-color: rgba(255,203,74,.1);
	border-radius: .125em
}

.form-vibe .form-description {
	color: #948e88;
	font-size: .875em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 1.5em;
	text-align: center
}

.form-vibe .form-footer-links {
	margin-top: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center
}

.form-vibe .form-link-secondary {
	color: #948e88;
	font-size: .8125em;
	font-weight: 500;
	text-decoration: none;
	transition: color .3s ease;
	border-bottom: .0625em solid transparent
}

.form-vibe .form-link-secondary:hover {
	color: var(--color-focus);
}

.form-vibe .form-link-secondary:focus-visible {
	outline: .0625em solid var(--border-color-focus);
	outline-offset: .1875em;
	color: var(--color-focus);
	background-color: rgba(255,203,74,.08);
	border-radius: .25em
}

.form-vibe .form-password-popup.is-visible {
	opacity: 1;
	visibility: visible
}

.form-vibe .form-input-text.input-valid {
	border-color: #44803b;
	background-color: #161c14
}

.form-vibe .form-input-text.input-valid:focus,.form-vibe .form-input-text.input-valid:focus-visible {
	border-color: #50b940;
	box-shadow: 0 0 0 .1875em #273724
}

.form-vibe .form-badge {
	display: flex;
	align-items: center;
	padding: .375em .5em;
	font-size: .8125em;
	font-weight: 500;
	background-color: transparent;
	border: 0;
	box-shadow: none
}

.form-vibe .badge-dot {
	width: .5em;
	height: .5em;
	border-radius: 50%;
	margin-right: .75em;
	display: inline-block
}

.form-vibe .form-badge.is-invalid {
	color: #b0a49a
}

.form-vibe .form-badge.is-invalid .badge-dot {
	background-color: #ff6b6b;
	box-shadow: 0 0 .375em rgba(255,107,107,.7)
}

.form-vibe .form-badge.is-valid {
	color: #61ff4a
}

.form-vibe .form-badge.is-valid .badge-dot {
	background-color: #61ff4a;
	box-shadow: 0 0 .5em rgba(97,255,74,.8)
}

.password-strength-wrapper {
	margin-top: 8px;
	height: 3px;
	border-radius: 100vh;
	background-color: #3e342d;
}
#strength-bar {
	border-radius: inherit;
	height: 100%;
}

.form-vibe .form-password-popup {
	position: absolute;
	z-index: 10;
	left: calc(100% + 1.2em);
	top: 50%;
	transform: translateY(calc(-50% + -2px));
	width: 15.625em;
	background-color: #2a2420;
	--popup-border-color: #5e4f2a;
	border: .0625em solid var(--popup-border-color);
	border-radius: .75em;
	padding: 1em;
	box-shadow: 0 1.5em 3em rgba(0,0,0,.9),0 .5em 1.5em rgba(0,0,0,.7);
	display: flex;
	flex-direction: column;
	gap: .625em;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease,visibility .25s ease
}

.form-vibe .form-input-text:focus~.form-password-popup {
	opacity: 1;
	visibility: visible
}
.form-vibe .form-input-text.input-valid~.form-password-popup {
	background-color: #202a20;
	--popup-border-color: #385e2a;
}

.form-vibe .popup-arrow,.form-vibe .popup-arrow::before {
}

.form-vibe .form-password-popup::before {
	width: 0;
	height: 0;
	border-style: solid;
	content: "";
	position: absolute;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-width: 8px 8px 8px 0;
	border-color: transparent var(--popup-border-color) transparent transparent;
	z-index: 1;
}

.form-vibe .form-field-checkbox input:checked~.form-checkbox-custom {
	background-color: #161c14;
	border-color: #51a443
}

.form-vibe .form-checkbox-custom::after {
	content: "";
	position: absolute;
	display: none;
	left: .41em;
	top: -1.125em;
	width: .8em;
	height: 1.8em;
	border-style: solid;
	border-width: 1.2em .2em .2em .5em;
	--chbx: #48b538;
	border-color: transparent var(--chbx) var(--chbx) transparent;
	transform: rotate(38deg) skewY(15deg)
}

.error-msg {
	font-size: .9em;
	padding: .4em .5em 0;
	font-style: italic;
	color: #d56f6f;
	
	padding: .4em .5em;
	font-style: italic;
	color: #bf9898;
	background: hsla(0, 100%, 25.1%, 0.24);
	border: 1px solid #623434;
	margin-top: .8em;
	border-radius: .3em;
}
.error-msg.hidden {
	display: none;
}

.button-controls-cont {
	text-align: right;
	margin-top: 1.2em;
}
.button-controls-cont__tiny-space {
	margin-top: .8em;
}
.button-controls-cont__left-content {
	text-align: left;
}


/*  ATTRIBUTES LIST  */

.attributes-list {
	padding: 0;
	margin: 0;
	list-style: '';
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 20px;
}
.attributes-list .attribute-item {
	border: 1px solid #555;
	background-color: #2d2a28;
	background-color: #28231f;
	border-radius: .9em;
	padding: 1em;
}
.attributes-list .attribute-item h3 {
	margin: 0 0 .2em;
}
.attributes-list .attribute-item .h4-subtitle {
	margin: 0 0 1em;
	font-size: .9em;
	font-style: italic;
	color: #a29991;
}
.attribute-options-list {
	margin: 0;
	padding: 0;
	list-style: '';
	display: flex;
	flex-wrap: wrap;
	gap: .4em;
}
.attribute-options-list .option-hugger {
	position: relative;
}
.attribute-options-list .option-label {
	display: block;
}
.attribute-options-list .olt-wrapper {
	display: block;
	word-break: break-word;
	background-color: #3c3733;
	border: 1px solid #555;
	padding: .4em .5em .3em;
	border-radius: .4em;
	cursor: pointer;
}
.attribute-options-list.ao-type-3 .olt-wrapper {
	border-radius: 100vh;
}
.attribute-options-list .option:checked + .olt-wrapper {
	background-color: #5b45aa;
	border: 1px solid #8d72ee;
}
.attribute-options-list .olt-wrapper:hover {
	background-color: #46413d;
	border-color: #7d7d7d;
}
.attribute-options-list .option:checked + .olt-wrapper:hover {
	background-color: #6c52c8;
	border: 1px solid #b19cfb;
}
.attribute-options-list .option:focus-visible + .olt-wrapper {
	box-shadow: 0 0 0 3px #2d2a28, 0 0 0 5px goldenrod;
}

/*  TINY BUTTONS  */

.tiny-control-btn {
	background: rgba(255, 255, 255, .14);
	padding: .2em .6em;
	border: 1px solid #77644b;
	color: #ddc7b4;
	font-size: .9em;
	border-radius: .3em;
	cursor: pointer;
	display: inline-block;
}
.tiny-control-btn:focus-visible {
	box-shadow: 0 0 0 2px #222, 0 0 0 4px var(--border-color-focus);
}
.tiny-control-btn:hover {
	text-decoration: none;
}
.tiny-control-btn__alert {
	background: rgba(255, 78, 78, 0.14);
	border-color: #754747;
	color: #d78e8e;
}
.tiny-control-btn__alert:hover {
	background: rgba(255, 78, 78, 0.2);
	border-color: #9f6262;
	color: #e6a4a4;
}
.tiny-control-btn__alert:active {
	background: rgba(147, 41, 41, 0.14);
	border-color: #623a3a;
	color: #b77676;
}
.tiny-control-btn__success {
	background: rgba(70, 255, 64, 0.14);
	border-color: #557152;
	color: #9ab099;
}
.tiny-control-btn__success:hover {
	background: rgba(70, 255, 64, 0.19);
	border-color: #7fa47b;
	color: #b2cab1;
}
.tiny-control-btn__success:active {
	background: rgba(40, 170, 36, 0.14);
	border-color: #3d5b3a;
	color: #869b86;
}
.tiny-control-btn__warning {
	background: rgba(255, 147, 51, 0.32);
	border-color: #887159;
	color: #ddc18b;
}
.tiny-control-btn__warning:hover {
	background: rgba(255, 156, 68, 0.42);
	border-color: #ac9175;
	color: #f9e2b6;
}
.tiny-control-btn__warning:active {
	background: rgba(170, 102, 41, 0.32);
	border-color: #77614a;
	color: #b99a5f;
}
.tiny-control-btn__info {
	background: rgba(102, 147, 234, 0.34);
	border-color: #657697;
	color: #b4bed0;
}
.tiny-control-btn__info:hover {
	background: rgba(107, 158, 255, 0.47);
	border-color: #91a5cc;
	color: #d3dbea;
}
.tiny-control-btn__info:active {
	background: rgba(82, 120, 193, 0.34);
	border-color: #525f79;
	color: #9ba5b7;
}

/* ======================== */
/*    AUTHORS ITEMS LIST    */
/* ======================== */

.author-items-list {
	width: calc(100% - 2 * 10px);
	display: block;
	--grid-template: 124px 5fr 3fr 150px 150px;
	margin: 0 10px;
}
.author-items-list colgroup {
	display: none;
}
.author-items-list,
.author-items-list__header,
.author-items-list__bodier,
.author-items-list__footer {
	display: grid;
	gap: 30px;
}
.author-items-list__header,
.author-items-list__footer {
	text-shadow:
		0 0 1px #040100,
		0 0 2px #040100,
		0 0 4px #040100,
		0 0 8px #040100,
		0 0 16px #040100,
		0 0 4px #040100,
		0 0 8px #040100,
		0 0 16px #040100
	;
}
.author-items-list__header {
	margin: -.2em 0 -1em 0;
}
.author-items-list__header .header-row,
.author-items-list__bodier .author-item {
	display: grid;
	grid-template-columns: var(--grid-template, 124px 5fr 3fr 150px 150px);
	align-items: center;
}
.author-items-list__bodier .author-item {
	border: 1px solid var(--border-color);
	background-color: #141210;
	border-radius: .5em;
	position: relative;
}
.author-items-list__bodier .author-item.moderation-pending,
.author-items-list__bodier .author-item.moderation-rejected {
	padding-top: 2.5em;
}
.author-items-list__bodier .author-item.moderation-approved {
	border-color: #464f59;
	background-color: #101214;
}
.author-items-list__bodier .author-item.moderation-pending {
	border-color: #a6790e;
	background: #2d2011;
}
.author-items-list__bodier .author-item.moderation-rejected {
	border-color: #7b3030;
	background: #281313;
}
.author-items-list__bodier .author-item[data-moderation-status]::before {
	content: attr(data-moderation-status);
	position: absolute;
	top: 1em;
	left: 1em;
	right: 1em;
	padding: .2em .8em;
	border-radius: .2em;
}
.author-items-list__bodier .author-item.moderation-pending[data-moderation-status]::before {
	background-color: #5b4612;
	border: 1px solid #938052;
	border-color: #645226;
	border-color: transparent;
	color: #eee;
}
.author-items-list__bodier .author-item.moderation-rejected[data-moderation-status]::before {
	background-color: #532222;
	border: 1px solid #8a5656;
	color: #dbb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.author-items-list .author-item:hover {
	background-color: #1e1b18;
}
.author-items-list .author-item.moderation-approved:hover {
	background-color: #0f151c;
	border-color: #516275;
}
.author-items-list .author-item.moderation-pending:hover {
	background-color: #241504;
}
.author-items-list .author-item.moderation-rejected:hover {
	background-color: #1c0909;
}
.author-items-list__header th,
.author-items-list__bodier td,
.author-items-list__footer td {
	padding: 1em;
	display: block;
}
.author-items-list__header th {
	text-align: center;
	font-weight: bold;
}
.author-items-list .item-image {
	width: 90px;
	height: 90px;
}
.author-items-list .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.author-items-list .item-controls .tiny-control-btn {
	margin: .2em 0;
	width: 100%;
	text-align: center;
}

/* ======================== */
/*     CUSTOM PAGINATION    */
/* ======================== */

.custom-pagination {
}
.pagination {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.custom-pagination li {
	list-style: '';
}
.custom-pagination li.disabled {
	color: #555;
	cursor: default;
}
.custom-pagination li:last-child {
	text-align: right;
}

/* ======================== */
/*   END CUSTOM PAGINATION  */
/* ======================== */

/* ======================== */
/*      TABBED CONTENT      */
/* ======================== */

.tabbed-content {
	/* --border-color */
}
.tabbed-content__tabs-list {
	display: grid;
	width: 100%;
	list-style: '';
	padding: 0;
	margin: 0;
	position: relative;
	/* grid-auto-columns: minmax(0, 1fr); */
	/* grid-auto-columns: 50%; */
	/* grid-auto-flow: column; */
}
.tabbed-content__tabs-list::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 12px;
	border-top: 12px solid #5b45aa;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.tabbed-content__three-tabs .tabbed-content__tabs-list {
	grid-template-columns: 1fr;
}
.tabbed-content__two-tabs .tabbed-content__tabs-list {
	grid-template-columns: 1fr;
}
/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
/* !!!!!!!!!!!!!!!!!!!!!!!!!! */
.tabbed-content__tab-item:has(input[type="radio"]:focus-visible) {
	box-shadow: 0 0 0 2px var(--border-color-focus);
	z-index: 1;
}
.tabbed-content__tab-item label {
	border: 1px solid #5b45aa;
	color: #b5acd5;
	cursor: pointer;
	text-align: center;
	padding: 0 1em;
	padding: .4em .7em .4em 1.8em;
	padding: .3em 1.4em;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 42px;
	background-color: #2f264d;
	box-shadow: inset 0 0 0 10px #2f264d;
	transition: color .3s, padding .3s, box-shadow .3s, background .3s, border .3s;
}
.tabbed-content__tab-item:first-child label {
	border-radius: 1em 1em 0 0;
}
.tabbed-content__tab-item:last-child label {
	border-radius: 0 0 1em 1em;
}
.tabbed-content__tab-item:not(:last-child) label {
	border-bottom-width: 0;
}
.tabbed-content__tab-item label:hover {
	padding-left: 1.9em;
	padding-righjt: .9em;
	background: #3e3460;
	box-shadow: inset 0 0 0 6px #2f264d;
}
.tabbed-content__tab-item-active label,
.tabbed-content__tab-item-active label:hover {
	padding-left: 2.3em;
	padding-righjt: .5em;
	background-color: #7059c1;
	box-shadow: none;
}
.tabbed-content__tab-item-active label {
	color: #ccc;
	/* border-color: transparent; */
	box-shadow: none;
}
.tabbed-content__tab-item-active:hover label {
	color: #eaeaea;
}
.tabbed-content__tab-item label::before {
	content: '';
	width: .8em;
	height: .8em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: .8em;
	margin: auto;
	background: #37304f;
	border-radius: 100vh;
	box-shadow: inset 0 0 0 .1em #5e5286;
	transform: scale(0);
	transition: transform .3s, opacity .3s, background .3s;
}
.tabbed-content__tab-item label:hover::before {
	background: #847422;
	box-shadow: inset 0 0 0 3px #b7a235, 0 0 0 .2em #333;
	transform: scale(.7);
	opacity: .5;
}
.tabbed-content__tab-item-active label::before,
.tabbed-content__tab-item-active label:hover::before {
	background: #54792e;
	box-shadow: inset 0 0 0 3px #7db346, 0 0 0 .2em #333;
	
	background: #54792e;
	box-shadow: inset 0 0 0 3px #7db346, 0 0 0 .2em #333;
	transform: scale(1);
	opacity: 1;
}
.tabbed-content__tab-item label .text-wrapper {
	/* display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-word; */
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.tabbed-content__tabs-content-wrapper {
	border: 1px solid var(--border-color);
	border-radius: 1em;
	/* border-top-width: 0; */
	padding: 1em;
	margin-bottom: 1.25em;
	margin-top: 1.25em;
	background-color: #2b2421;
	position: relative;
}
.tabbed-content__tabs-content-wrapper .in-progress .ajax-waiting::before,
.tabbed-content__tabs-content-wrapper .ajax-waiting.in-progress::before {
	border-radius: inherit;
	inset: 0;
}
.tabbed-content__tab-content {
	display: none;
	border-radius: inherit;
}
.tabbed-content__tab-content .two-columns-cont:not(:last-child) .form-field-group:last-child,
.tabbed-content__tab-content .three-columns-cont:not(:last-child) .form-field-group:last-child {
	margin-bottom: 0;
}
.tabbed-content__tab-content-visible {
	display: block;
}

/* ======================== */
/*    END TABBED CONTENT    */
/* ======================== */

/* ========================= */
/*    AUTOEXPAND TEXTAREA    */
/* ========================= */

.autoexpand-textarea {
	display: grid;
	grid-template: 'all' auto / 1fr;
}
.autoexpand-textarea::before,
.autoexpand-textarea textarea {
	grid-area: all;
	/* font-size: 1em; */
	/* padding: .3em; */
	font-family: inherit;
	line-height: 1.3;
	white-space: pre-wrap;
	resize: none;
	overflow: hidden;
}
.autoexpand-textarea::before {
	content: attr(data-text) ' ';
	visibility: hidden;
}

/* ========================= */
/*  END AUTOEXPAND TEXTAREA  */
/* ========================= */

/* ==========================*/
/*     CHECKBOX SWITCHER     */
/* ==========================*/

.form-vibe .checkbox-switcher {
	background: #2f264d;
	overflow: clip;
	display: block;
	height: 42px;
	border-radius: 42px;
	text-align: center;
	position: relative;
	box-shadow: 0 0 0 3px #544293;
	cursor: pointer;
	transition: box-shadow .3s;
}
.form-vibe .form-label + .checkbox-switcher {
	margin-top: .3em;
}
.form-vibe .checkbox-switcher:has(input:checked) {
	box-shadow: 0 0 0 3px #544293;
}
.form-vibe .checkbox-switcher:has(input:focus-visible) {
	box-shadow: 0 0 0 3px #544293, 0 0 0 5px goldenrod;
}
.form-vibe .checkbox-switcher:has(input:checked):has(input:focus-visible) {
	box-shadow: 0 0 0 3px #544293, 0 0 0 5px goldenrod;
}
.form-vibe .checkbox-switcher input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 1px 0, 0 1px);
}
.form-vibe .checkbox-switcher .cs-text {
	position: relative;
	display: block;
	padding: 0 42px 0 20px;
	background: #7059c1;
	color: #fff;
	border-radius: inherit;
	transition: transform .3s;
	white-space: nowrap;
	height: 100%;
	display: flex;
	place-content: center;
	align-items: center;
	/* background: linear-gradient(to bottom, var(--fade-stops-white));
	--alpha: .12; */
}
.form-vibe .checkbox-switcher .cs-text:hover {
	background-color: #745dc6;
}
.form-vibe .checkbox-switcher .cs-text:active {
	background-color: #5f4ba8;
}
.form-vibe .checkbox-switcher input:not(:checked) + .cs-text {
	transform: translate3d(calc((100% - 42px) * -1), 0, 0);
}
.form-vibe .checkbox-switcher .cs-text::before {
	content: attr(data-label-off);
	position: absolute;
	inset: 0;
	padding: 10px 20px 10px 42px;
	background: #2f264d;
	color: #d2d2d2;
	border-radius: inherit;
	transform: translate3d(calc(100% - 42px), 0, 0);
	/* background: linear-gradient(to top, var(--fade-stops-black));
	--alpha: .12; */
}
.form-vibe .checkbox-switcher .cs-text::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	height: 38px;
	width: 38px;
	right: 2px;
	margin: auto;
	background: #4d6a2e;
	border-radius: 50%;
	box-shadow: inset 0 0 0 7px #719948;
	/* box-shadow:
		inset 0 1px 0 0 rgba(255, 255, 255, .17),
		inset 0 -1px 0 0 rgba(0, 0, 0, .29),
		inset 0 0 0 7px #719948,
		inset 0 -1px 0 7px rgba(255, 255, 255, .37),
		inset 0 1px 0 7px rgba(0, 0, 0, .29)
	; */
	transition: background-color .3s, box-shadow .3s;
}
.form-vibe .checkbox-switcher input:not(:checked) + .cs-text::after {
	background: #7d3939;
	box-shadow: inset 0 0 0 7px #a65050;
}

/* ==========================*/
/*   END CHECKBOX SWITCHER   */
/* ==========================*/



/* ==========================*/
/*       RADIO SWIPER        */
/* ==========================*/

.radio-swiper {
	display: flex;
	background: #2f264d;
	list-style: '';
	padding: 0;
	margin: 1.4em 0;
	border-radius: 100vh;
	border: 2px solid #544293;
	position: relative;
}
.radio-swiper::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 20px;
	height: 12px;
	border-top: 12px solid #5b45aa;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.radio-swiper__item {
	flex: 1;
	position: relative;
}
.radio-swiper__item:has(input:focus-visible) {
	z-index: 1;
}
.radio-swiper__label {
	display: block;
	cursor: pointer;
}
.radio-swiper__face-cover {
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-width: 3px 0;
	border-radius: 100vh;
	box-shadow: inset 0 0 0 10px #2f264d;
	padding: 0 22px;
	transition: box-shadow .3s, background-color .3s, padding .3s;
}
.radio-swiper__item:hover .radio-swiper__face-cover {
	background: #3e3460;
	box-shadow: inset 0 0 0 6px #2f264d;
	padding-left: 30px;
	padding-right: 14px;
}
.radio-swiper__item input:checked + .radio-swiper__face-cover {
	box-shadow: none;
	background: #7059c1;
	cursor: default;
	color: #fff;
	padding-left: 35px;
	padding-right: 9px;
}
.radio-swiper__item input:focus-visible + .radio-swiper__face-cover {
	box-shadow: 0 0 0 2px var(--border-color-focus);
}
.radio-swiper__item .radio-swiper__face-cover::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: .8em;
	margin: auto;
	border-radius: 100vh;
	width: .8em;
	height: .8em;
	opacity: 0;
	transform: scale(0);
	transition: transform .3s, opacity .3s, background .3s;
	box-shadow: 0 0 0 .28em #333;
}
.radio-swiper__item:hover .radio-swiper__face-cover::before {
	background: #847422;
	box-shadow: inset 0 0 0 3px #b7a235, 0 0 0 .2em #333;
	transform: scale(.7);
	opacity: .5;
}
.radio-swiper__item input:checked + .radio-swiper__face-cover::before {
	background: #7db346;
	background: #54792e;
	box-shadow: inset 0 0 0 3px #7db346, 0 0 0 .2em #333;
	transform: scale(1);
	opacity: 1;
}

/* ==========================*/
/*     END RADIO SWIPER      */
/* ==========================*/


/* ========================== */
/*        CHOSEN PATCH        */
/* ========================== */

.form-vibe .chosen-container {
	font-size: 1em;
	width: 100% !important;
	color: inherit;
}

.form-vibe .chosen-container-active .chosen-single,
.form-vibe .chosen-container-active.chosen-with-drop .chosen-single {
	background: var(--background-focus);
}
.form-vibe .chosen-container-single .chosen-single {
	color: inherit;
	height: 44px;
	line-height: 42px;
	background: #000;
	background: #151312;
	border: 1px solid var(--border-color);
	box-shadow: none;
	border-radius: .5em;
}
.form-vibe .chosen-container-single .chosen-single div {
	right: 8px;
}
.form-vibe .chosen-container-single .chosen-single div b {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 -4.5 24 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.4-3.88c-0.829-0.83-2.18-0.83-3 0l-8.38 9.25-8.39-9.25c-0.829-0.83-2.18-0.83-3 0s-0.829 2.18 0 3.01l9.76 10.8c0.449 0.45 1.05 0.65 1.64 0.61 0.587 0.04 1.18-0.16 1.63-0.61l9.76-10.8c0.829-0.83 0.829-2.18 0-3.01' fill='%23898076'/%3E%3C/svg%3E") no-repeat center / 50%;
}
.form-vibe .chosen-container-single.chosen-container-active .chosen-single div b,
.form-vibe .chosen-container-single .chosen-single:hover div b {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 -4.5 24 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.4-3.88c-0.829-0.83-2.18-0.83-3 0l-8.38 9.25-8.39-9.25c-0.829-0.83-2.18-0.83-3 0s-0.829 2.18 0 3.01l9.76 10.8c0.449 0.45 1.05 0.65 1.64 0.61 0.587 0.04 1.18-0.16 1.63-0.61l9.76-10.8c0.829-0.83 0.829-2.18 0-3.01' fill='%23fac748'/%3E%3C/svg%3E") no-repeat center / 50%;
}
.form-vibe .chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 -4.5 24 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m23.3 6.9-9.73-10.8c-0.448-0.45-1.04-0.65-1.63-0.61-0.586-0.04-1.18 0.16-1.63 0.61l-9.73 10.8c-0.827 0.83-0.827 2.18 0 3.01 0.828 0.83 2.17 0.83 3 0l8.36-9.27 8.36 9.27c0.827 0.83 2.17 0.83 3 0 0.827-0.83 0.827-2.18 0-3.01' fill='%23fac748'/%3E%3C/svg%3E");
}

.form-vibe .chosen-container-single .chosen-drop {
	border-radius: 0 0 .5em .5em;
}

.form-vibe .chosen-container-multi .chosen-choices .search-field .chosen-search-input,
.form-vibe .chosen-container-single .chosen-search input[type="text"] {
	font-family: inherit;
	border-color: var(--border-color);
	background: #000 url("data:image/svg+xml,%3Csvg fill='%23595046' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Elens%3C/title%3E%3Cpath d='M0 13.024q0-2.624 1.024-5.056t2.784-4.16 4.16-2.752 5.056-1.056q2.656 0 5.056 1.056t4.16 2.752 2.784 4.16 1.024 5.056q0 3.616-1.984 6.816l7.072 7.040q0.864 0.896 0.864 2.144t-0.864 2.112-2.144 0.864-2.112-0.864l-7.040-7.040q-3.2 1.952-6.816 1.952-2.656 0-5.056-1.024t-4.16-2.784-2.784-4.128-1.024-5.088zM4 13.024q0 2.464 1.216 4.544t3.296 3.264 4.512 1.216q1.824 0 3.488-0.704t2.88-1.92 1.92-2.88 0.736-3.52-0.736-3.52-1.92-2.848-2.88-1.92-3.488-0.736q-2.432 0-4.512 1.216t-3.296 3.296-1.216 4.512z'%3E%3C/path%3E%3C/svg%3E") no-repeat calc(100% - 5px) center / auto 50%;
	border-radius: 2px;
	color: inherit;
}

.form-vibe .chosen-container-active .chosen-single {
	box-shadow: var(--box-shadow-focus-visible-dense);
	border-color: var(--border-color-focus);
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice {
	background: #5b45aa;
	border-color: #9480d7;
	border-radius: .4em;
	line-height: 1.4;
	font-size: 1em;
	padding: .1em 1.9em 0 .6em;
	color: inherit;
	box-shadow: none;
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice:hover {
	background: #6c52c8;
	border-color: #a894ec;
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 0;
	bottom: 0;
	right: 9px;
	margin: auto;
	background: transparent;
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before,
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
	content: '';
	position: absolute;
	inset: 0;
	height: 3px;
	width: 110%;
	border-radius: 100vh;
	margin: auto;
	background: #9b84ec;
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::before,
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover::after {
	background: #af9bf4;
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before {
	transform: rotate3d(0, 0, 1, -45deg);
}
.form-vibe .chosen-container-multi .chosen-choices li.search-choice .search-choice-close::after {
	transform: rotate3d(0, 0, 1, 45deg);
}

.form-vibe .chosen-container .chosen-drop,
.form-vibe .chosen-container.chosen-container-multi .search-field .chosen-search-input {
	transition: border .3s, box-shadow .3s;
}
.form-vibe .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
.form-vibe .chosen-container.chosen-container-multi.chosen-container-active .search-field .chosen-search-input,
.form-vibe .chosen-container.chosen-container-active .chosen-drop,
.form-vibe .chosen-container.chosen-container-single.chosen-container-active .chosen-drop {
	box-shadow: var(--box-shadow-focus-visible-dense);
	border-color: var(--border-color-focus) !important;
}
.form-vibe .chosen-container.chosen-container-active .chosen-drop {
	background-color: var(--background-focus);
	padding-bottom: .3em;
	border-color: var(--border-color);
	border-radius: 0 0 .5em .5em;
}
.form-vibe .chosen-container.chosen-container-multi.chosen-container-active .chosen-drop::before,
.form-vibe .chosen-container.chosen-container-single.chosen-container-active .chosen-drop::before {
	content: '';
	height: 4px;
	background: var(--background-focus);
	position: absolute;
	border: 0 solid var(--border-color-focus);
	border-width: 0 1px;
	top: -3px;
	left: -1px;
	right: -1px;
}
.form-vibe .chosen-container .chosen-results li.highlighted {
	background: #7059c1;
}
.form-vibe .chosen-container .chosen-results {
	color: inherit;
	margin: 0;
	padding: .2em .2em;
}
.form-vibe .chosen-container .chosen-results .active-result,
.form-vibe .chosen-container .chosen-results .result-selected {
	padding: .4em .3em;
	border-radius: .15em;
	line-height: 1.2;
}
.form-vibe .chosen-container-multi .chosen-results .result-selected {
	text-decoration: line-through;
	background: #1c1b1a;
	color: #555;
}
.form-vibe .chosen-container .chosen-results li.no-results {
	color: inherit;
	background: #3e3630;
}

/*   TAGS   */

.tags-list .chosen-container-multi .chosen-choices {
	background: transparent !important;
	border: none;
	padding: 0;
	overflow: initial;
}
.tags-list .chosen-container-active .chosen-choices {
	box-shadow: none !important;
	border: none;
}
.tags-list .chosen-container-multi .chosen-choices li.search-field {
	float: none;
	clear: both;
	width: 100%;
	display: block;
	padding-top: 16px;
	line-height: 32px;
	position: relative;
}
.tags-list .chosen-container-multi .chosen-choices li.search-field:first-child {
	padding-top: 0;
}
.tags-list .chosen-container-multi .chosen-choices li.search-field::before {
	/* content: 'Добави тагове'; */
	position: absolute;
	inset: 21px 7px 0;
	pointer-events: none;
	line-height: 42px;
}
.tags-list .chosen-container-multi .chosen-choices li.search-field:has(.search-field .chosen-search-input:focus)::before,
.tags-list .chosen-container-multi .chosen-choices li.search-field:first-child::before {
	content: '';
}
.tags-list .chosen-container-multi .chosen-choices .search-field .chosen-search-input,
.tags-list .chosen-container-single .chosen-search input[type="text"] {
	border: 1px solid var(--border-color) !important;
	border-radius: .5em;
	line-height: 42px;
	width: 100% !important;
	height: 44px !important;
	font-size: 1em;
	padding: 0 .3em;
	color: inherit !important;
	background: #000 !important;
	background: #151312 !important;
}
.tags-list .chosen-container-multi.chosen-container-active .chosen-choices .search-field .chosen-search-input {
	border-radius: .5em .5em 0 0;
}
.tags-list .chosen-container .chosen-results li.highlighted {
	background-image: none !important;
}
.tags-list .chosen-choices:has(.search-field input[type="text"]:focus) + .chosen-drop {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
}

/* ========================== */
/*      END CHOSEN PATCH      */
/* ========================== */


/* ========================= */
/*      CKEDITOR5 PATCH      */
/* ========================= */

.ck-editor__editable_inline {
	min-height: 120px;
}

.ck-reset_all,
.ck.ck-editor__main,
.ck-body-wrapper,
.ck.ck-editor__editable_inline {
	--ck-font-face: 'Sofia Sans Semi Condensed', sans-serif !important;
	font-family: 'Sofia Sans Semi Condensed', sans-serif !important
}

.ck-reset_all,
.ck.ck-editor__main,
.ck-body-wrapper,
.ck.ck-balloon-panel,
.ck.ck-dialog {
	--ck-color-split-button-hover-background: #332e29;
	--ck-color-labeled-field-label-background: var(--ck-color-base-background);
	--ck-color-split-button-hover-border: #6a6a6a;
	--ck-color-dropdown-panel-background: #1a1715;
	--ck-color-base-background: #141210;
	--ck-color-base-border: #2c2824;
	--ck-color-base-border: var(--border-color);
	--ck-color-base-text: #e2e2e2;
	--ck-color-text: #acacac;
	--ck-color-toolbar-background: #0b0a09;
	--ck-color-toolbar-background: #24201b;
	--ck-color-toolbar-background: #110f0e;
	--ck-color-toolbar-background: #201b18;
	--ck-color-toolbar-border: #463f38;
	--ck-color-button-default-background: transparent;
	--ck-color-button-default-hover-background: #231f1c;
	--ck-color-button-default-active-background: #332e29;
	--ck-color-button-on-background: #332e29;
	--ck-color-button-on-hover-background: #443e37;
	--ck-color-button-on-disabled-background: #171513;
	--ck-color-button-off-color: #ffffff;
	--ck-color-dropdown-panel-border: #534c45;
	--ck-color-list-background: #0b0a09;
	--ck-color-list-button-hover-background: #231f1c;
	--ck-color-input-background: #0b0a09;
	--ck-color-input-text: #ffffff;
	--ck-color-input-border: #332e29;
	--ck-color-focus-border: #5c4e43;
	--ck-focus-outer-shadow: 0 0 0 3px rgba(92, 78, 67, 0.4);
	--ck-color-shadow: rgba(0, 0, 0, 0.6);
	--ck-color-button-default-focus-background: #231f1c;
	--ck-color-button-default-focus-outline: transparent;
	--ck-color-button-on-focus-background: #332e29;
	--ck-color-button-on-color: goldenrod;
	--ck-color-dialog-background: #141210;
	--ck-color-dialog-form-header-border: #2c2824;
	--ck-border-radius: .5em;
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
	background: var(--ck-color-button-on-background);
	color: var(--ck-color-button-on-color);
}

.ck.ck-button:focus,
.ck.ck-button.ck-focus {
	outline: none !important;
	box-shadow: var(--ck-focus-outer-shadow) !important;
	border-color: var(--ck-color-focus-border) !important;
	background: #231f1c !important
}

.ck.ck-editor__editable.ck-focused {
	border-color: var(--ck-color-focus-border) !important;
	box-shadow: var(--ck-focus-outer-shadow) !important
}

.ck.ck-editor__editable_inline {
	background: #1e1a17 !important;
	background: #000 !important;
	background: #151312 !important;
	color: #c6c6c6 !important;
	border-color: var( --border-color, #39332d ) !important;
	transition:
		 background-color 0.2s ease-in-out
		,box-shadow 0.2s ease-in-out
		,border-radius 0.2s ease-in-out .2s
		,border-color 0.2s ease-in-out !important
	;
}

.ck.ck-editor__editable_inline.ck-focused {
	background: var(--background-focus) !important;
	border-color: var(--border-color-focus) !important;
	box-shadow: var(--box-shadow-focus-visible) !important;
	transition:
		 background-color 0.2s ease-in-out
		,box-shadow 0.2s ease-in-out
		,border-radius 0.2s ease-in-out
		,border-color 0.2s ease-in-out !important
	;
}

.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable.ck-focused,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners.ck-focused {
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

.ck.ck-editor__editable_inline::selection {
	background-color: #4a3f35 !important;
	color: #acacac !important
}

.ck.ck-dialog__header,
.ck.ck-dialog__content,
.ck.ck-dialog__footer {
	background-color: #141210 !important
}

.ck.ck-dialog__header-title {
	color: var(--ck-color-text) !important;
	font-weight: bold !important
}

.ck.ck-dialog__header-close-button {
	color: #d1d1d1 !important
}

.ck.ck-dialog__header-close-button:hover {
	background-color: #231f1c !important;
	color: #ffffff !important
}

.ck.ck-character-info {
	background-color: #0b0a09 !important;
	border-top: 1px solid #2c2824 !important
}

.ck.ck-character-info .ck-character-info__name,
.ck.ck-character-info .ck-character-info__code {
	color: var(--ck-color-text) !important
}

.ck.ck-character-grid__button {
	background-color: #141210 !important;
	color: var(--ck-color-text) !important;
	border: 1px solid #2c2824 !important
}

.ck.ck-character-grid__button:hover,
.ck.ck-character-grid__button:focus {
	box-shadow: var(--ck-focus-outer-shadow) !important;
	border-color: var(--ck-color-focus-border) !important;
	background-color: #231f1c !important
}

.ck.ck-dropdown .ck-button.ck-dropdown__button {
	background-color: #0b0a09 !important;
	color: var(--ck-color-text) !important
}

.ck.ck-labeled-field-view > .ck-labeled-field-view__status {
	background: transparent !important;
	color: #a19285 !important;
	padding: 0 4px !important
}

.ck.ck-dropdown__panel {
	/* border-color: #534c45 !important; */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important
}

.ck.ck-list__item .ck-button {
	color: var(--ck-color-base-text) !important
}

.ck.ck-list__item .ck-button:hover {
	background-color: #231f1c !important;
	color: #ffffff !important
}

.ck.ck-list__item .ck-button.ck-on {
	background-color: #332e29 !important;
	color: #ffffff !important
}

.ck.ck-balloon-panel,
.ck.ck-balloon-panel_with-arrow {
	background: #141210 !important;
	border-color: #2c2824 !important;
	border-color: #574b40 !important;
}

.ck.ck-balloon-panel[class*="arrow_n"]::after {
	border-bottom-color: #141210 !important;
	border-bottom-color: #5b4c3d !important;
}

.ck.ck-balloon-panel[class*="arrow_n"]::before {
	border-bottom-color: #2c2824 !important
}

.ck.ck-balloon-panel[class*="arrow_s"]::after {
	border-top-color: #141210 !important;
	border-top-color: #5b4c3d !important;
}

.ck.ck-balloon-panel[class*="arrow_s"]::before {
	border-top-color: #2c2824 !important
}

.ck.ck-balloon-panel[class*="arrow_e"]::after {
	border-left-color: #141210 !important;
	border-left-color: #5b4c3d !important;
}

.ck.ck-balloon-panel[class*="arrow_e"]::before {
	border-left-color: #2c2824 !important
}

.ck.ck-balloon-panel[class*="arrow_w"]::after {
	border-right-color: #141210 !important;
	border-right-color: #5b4c3d !important;
}

.ck.ck-balloon-panel[class*="arrow_w"]::before {
	border-right-color: #2c2824 !important
}

.ck.ck-labeled-field-view,
.ck.ck-input {
	background-color: #0b0a09 !important;
	color: #ffffff !important
}

.ck .ck-button,
.ck .ck-dropdown,
.ck .ck-list__item button {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out !important
}

.ck.ck-icon {
	color: #bfbfbf;
}

.ck.ck-button:disabled .ck-icon,
.ck.ck-button.ck-disabled .ck-icon {
	color: #332e29 !important
}

.ck.ck-link_main {
	color: #b89154 !important
}

.ck-powered-by,
.ck-powered-by-balloon {
	display: none !important
}

.ck.ck-balloon-panel.ck-tooltip {
	border: 1px solid #3d3630 !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6) !important
}

.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
	color: #acacac !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_n"]::before {
	border-bottom-color: #3d3630 !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_n"]::after {
	border-bottom-color: #141210 !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_s"]::before {
	border-top-color: #3d3630 !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_s"]::after {
	border-top-color: #141210 !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_n"]::before {
	border-bottom-color: #584a40 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_n"]::after {
	border-bottom-color: #584a40 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_s"]::before {
	border-top-color: #584a40 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important
}

.ck.ck-balloon-panel.ck-tooltip[class*="arrow_s"]::after {
	border-top-color: #584a40 !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important
}

.moderation-approved .ck-reset_all,
.moderation-approved .ck.ck-editor__main,
.moderation-approved .ck-body-wrapper,
.moderation-approved .ck.ck-balloon-panel,
.moderation-approved .ck.ck-dialog {
	--ck-color-toolbar-background: #171a15;
	--background-focus: #171a15;
}
.moderation-approved .ck.ck-editor__editable_inline {
	background-color: #131512 !important;
}
.moderation-approved .autoexpand-textarea::before,
.moderation-approved .autoexpand-textarea textarea,
.moderation-approved .form-vibe .form-input-text,
.moderation-approved .form-vibe .chosen-container-single .chosen-single,
.moderation-approved .form-vibe .chosen-container.chosen-container-active .chosen-drop,
.moderation-approved .form-vibe .chosen-container.chosen-container-multi.chosen-container-active .chosen-drop::before,
.moderation-approved .form-vibe .chosen-container.chosen-container-single.chosen-container-active .chosen-drop::before {
	background-color: #131512;
}

/* ========================= */
/*    END CKEDITOR5 PATCH    */
/* ========================= */


.no-bottom-margin {
	margin-bottom: 0 !important;
}


/* =============================== */
/*      GRID LIST ITEMS INDEX      */
/* =============================== */

.index-table.as-grid .author-item td {
	word-break: break-word;
}

/* =============================== */
/*    END GRID LIST ITEMS INDEX    */
/* =============================== */



/* =============================== */
/*          MEDIA QUERIES          */
/* =============================== */




@media (min-width: 561px) {
	.tabbed-content__two-tabs .tabbed-content__tabs-list {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.tabbed-content__two-tabs .tabbed-content__tabs-list::after {
		content: initial;
	}
	.tabbed-content__two-tabs .tabbed-content__tab-item:first-child label {
		border-top-left-radius: 1em;
		border-top-right-radius: 0;
	}
	.tabbed-content__two-tabs .tabbed-content__tab-item:last-child label {
		border-radius: 0 1em 0 0;
	}
	.tabbed-content__two-tabs .tabbed-content__tab-item:not(:last-child) label {
		border-right-width: 0;
		border-bottom-width: 1px;
	}
	.tabbed-content__two-tabs .tabbed-content__tab-item:not(:first-child) label {
		border-left-width: 0;
	}
	.tabbed-content__two-tabs .tabbed-content__tabs-content-wrapper {
		border-top-width: 0;
		border-radius: 0 0 1em 1em;
		margin-top: 0;
	}
	.form-vibe.add-new-stuff-controls-cont .form-btn-submit {
		--submit-btn-gap: 10px;
		margin-left: var(--submit-btn-gap);
		margin-right: var(--submit-btn-gap);
	}
}

@media (min-width: 591px) {
	.tabbed-content__three-tabs .tabbed-content__tabs-list {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}
	.tabbed-content__three-tabs .tabbed-content__tabs-list::after {
		content: initial;
	}
	.tabbed-content__three-tabs .tabbed-content__tab-item:first-child label {
		border-top-left-radius: 1em;
		border-top-right-radius: 0;
	}
	.tabbed-content__three-tabs .tabbed-content__tab-item:last-child label {
		border-radius: 0 1em 0 0;
	}
	.tabbed-content__three-tabs .tabbed-content__tab-item:not(:last-child) label {
		border-right-width: 0;
		border-bottom-width: 1px;
	}
	.tabbed-content__three-tabs .tabbed-content__tab-item:not(:first-child) label {
		border-left-width: 0;
	}
	.tabbed-content__three-tabs .tabbed-content__tabs-content-wrapper {
		border-top-width: 0;
		border-radius: 0 0 1em 1em;
		margin-top: 0;
	}
}

@media (min-width: 620px) {
	.two-columns-cont:last-child .form-field-group,
	.tabbed-content__tab-content .two-columns-cont:last-child .form-field-group,
	.tabbed-content__tab-content .three-columns-cont:last-child .form-field-group {
		margin-bottom: 0;
	}
}

@media (min-width: 1011px) {
	.form-vibe.add-new-stuff-controls-cont {
		margin-right: auto;
	}
	.form-vibe.add-new-stuff-controls-cont .form-btn-submit {
		margin: 0 0 0 auto;
	}
	.author-items-list {
		margin: auto;
		width: 100%;
	}
}

@media (max-width: 720px) {
	/* =============================== */
	/*      GRID LIST ITEMS INDEX      */
	/* =============================== */
	
	.author-items-list {
		width: 100%;
		margin: 0;
	}
	.index-table.as-grid {
		display: block;
	}
	.index-table.as-grid thead {
		display: none;
	}
	.index-table.as-grid tbody {
		display: grid;
		grid-template-columns: 1fr;
		gap: 50px;
	}
	.index-table.as-grid .author-item {
		display: block;
		border-radius: 0;
		border-width: 1px 0;
	}
	.index-table.as-grid .author-item {
		padding: 0;
	}
	.index-table.as-grid .author-item[data-moderation-status]::before {
		position: static;
		display: block;
		border-radius: 0;
		padding: .9em .4em;
		/* margin-bottom: 1em; */
	}
	.index-table.as-grid .author-item td {
		display: block;
		padding: .3em .5em .3em 2em;
		word-break: break-word;
	}
	.index-table.as-grid .author-item td:first-child {
		padding: 1.2em .7em .7em;
		width: 90px;
		float: left;
		margin-right: 10px;
	}
	.index-table.as-grid .author-item .item-image {
		width: 100%;
		height: auto;
		margin: auto;
		max-width: 250px;
		aspect-ratio: 1/1;
	}
	.index-table.as-grid .author-item td:nth-child(2) {
		padding: 0.8em 1em;
	}
	.index-table.as-grid .author-item td:nth-child(3) {
		clear: both;
		margin-top: 0;
	}
	.index-table.as-grid .author-item td:nth-child(2) strong {
		display: block;
		font-size: 1.3em;
		margin-bottom: .4em;
	}
	.index-table.as-grid .author-item td:not(:first-child):not(:nth-child(2)):not(:last-child) {
		background-color: rgba(255, 255, 255, .08);
		padding-bottom: .5em;
		margin: 10px;
		border: 1px solid #3b4b66;
		border-radius: .3em;
	}
	.index-table.as-grid .author-item.moderation-pending td:not(:first-child):not(:nth-child(2)):not(:last-child) {
		border-color: #66533b;
	}
	.index-table.as-grid .author-item.moderation-rejected td:not(:first-child):not(:nth-child(2)):not(:last-child) {
		border-color: #66433b;
	}
	.index-table.as-grid .author-item td.center-content {
		text-align: left;
	}
	.index-table.as-grid .author-item td time > * {
		display: inline;
	}
	.index-table.as-grid .author-item td time .time-date::after {
		content: ',';
		margin-left: -.178em;
	}
	.index-table.as-grid .author-item td[data-text]::before {
		content: attr(data-text) ':';
		display: block;
		font-style: italic;
		color: #84b4f0;
		text-indent: -1.3em;
		margin: .3em 0 .3em;
	}
	.index-table.as-grid .author-item.moderation-pending td[data-text]::before {
		color: #b3762a;
	}
	.index-table.as-grid .author-item.moderation-rejected td[data-text]::before {
		color: #a4554d;
	}

	.index-table.as-grid .author-item td.item-controls {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 7px;
		padding: .5em .5em 1em;
	}
	.index-table.as-grid .author-item td.item-controls a {
		padding: .5em;
	}

	/* =============================== */
	/*    END GRID LIST ITEMS INDEX    */
	/* =============================== */
	
	@media (min-width: 541px) {
		.index-table.as-grid .author-item td:not(:first-child):not(:nth-child(2)):not(:last-child) {
			float: left;
			width: calc((100% - 30px) / 2);
		}
		.index-table.as-grid .author-item td:nth-child(2n+4):not(:first-child):not(:nth-child(2)):not(:last-child) {
			margin-left: 0;
		}
		.index-table.as-grid .author-item td:nth-child(2n+3):not(:first-child):not(:nth-child(2)) {
			clear: both;
		}
		.index-table.as-grid .author-item td.item-controls {
			clear: both;
		}
	}
}

@media (min-width: 1011px) {
	.form-vibe {
		padding: 2em;
		border-width: .0625em;
	}
	.form-vibe.form-vibe-wide {
		max-width: 1000px;
		border-radius: 1em;
	}
}

@media (max-width: 1000px) {
	.form-vibe .form-password-popup {
		left: auto;
		right: 0;
		transform: none;
		width: 13em;
		box-shadow: 0 1.5em 3em rgba(0, 0, 0, 0.41),0 .5em 1.5em rgba(0, 0, 0, 0.41);
	}
	.form-vibe .form-password-popup.over-the-textbox {
		top: auto;
		bottom: calc(100% + 14px);
	}
	.form-vibe .form-password-popup.under-the-textbox {
		top: calc(100% + 14px);
		bottom: auto;
	}

	.form-vibe .form-password-popup.over-the-textbox::before {
		left: 0;
		top: 100%;
		border-width: 8px 8px 0 8px;
		border-color: var(--popup-border-color) transparent transparent transparent;
		z-index: 1;
		bottom: auto;
		right: 0;
	}
	.form-vibe .form-password-popup.under-the-textbox::before {
		left: 0;
		top: auto;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent var(--popup-border-color) transparent;
		z-index: 1;
		bottom: 100%;
		right: 0;
	}
}

@media (max-width: 800px) {
	.tabbed-content__tab-item label {
		/* height: 48px; */
	}
	.tabbed-content__tab-item label .text-wrapper {
		/* -webkit-line-clamp: 2; */
	}
}

@media (max-width: 619px) {
	.two-columns-cont:last-child .form-field-group:last-child {
		margin-bottom: 0;
	}
}

@media (max-width: 560px) {
	.form-vibe .form-btn-submit {
		--submit-btn-gap: .9375em;
		margin-left: var(--submit-btn-gap);
		margin-right: var(--submit-btn-gap);
		width: calc(100% - 2 * var(--submit-btn-gap));
		max-width: initial;
	}
}

@media (max-width: 520px) {
	.form-vibe:not(.invisible-vibe) {
		padding: 1.2em .9em;
	}
}

@media (max-width: 400px) {
	.form-vibe:not(.invisible-vibe) {
		padding: 1.1em .7em;
	}
}