@charset "UTF-8";

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

body {
	font-family: Gudea !important;
}

.logo {
	height: 50px;
}

textarea {
	resize: none !important;
}

header {
	box-shadow: 0 3px 24px rgba(0, 0, 0, .08);
}

b {
	color: #4a00a9;
}

body {
	opacity: 0;
}

body.ready {
	opacity: 1;
}

.no-animate,
.no-animate * {
	transition: none !important;
	animation: none !important;
}


:root {
	--brand: #4a00a9;
	--bg: #ffffff;
	--fg: #212529;
	--panel: #ffffff;
	--muted: #6c757d;
	--primary-text: #ffffff;
	--link: #0d6efd;
}

.theme-dark {
	--brand: #160047;
	--bg: #0b0b10;
	--fg: #e9ecef;
	--panel: #0b0b10;
	--muted: #adb5bd;
	--primary-text: #0b0b10;
	--link: #89a7ff;
}

.theme-dark .list-group-item {
	background: #0b0b10 !important;
	color: #fff;
	border-color: #160047;
}

.theme-dark .accordion-item {
	background: #0b0b10 !important;
	color: #fff;
	border-color: #160047;
}

.theme-dark .accordion-button {
	background: #0b0b10 !important;
	color: #fff;
}

.theme-dark #faq .accordion-button:not(.collapsed) {
	box-shadow: inset 0 -1px 0 #160047 !important;
}

.theme-dark #faq .accordion-button:focus {
	box-shadow: 0 0 0 .25rem #160047 !important;
}

.theme-dark a {
	color: #fff !important;
}

.theme-dark .text-primary {
	color: #fff !important;
}

html,
body {
	background: var(--bg);
	color: var(--fg);
}

a {
	color: var(--link);
}

.text-muted {
	color: var(--muted) !important;
}

.bg-white {
	background: var(--panel) !important;
}

header.bg-white {
	background: var(--panel) !important;
}

.border-bottom {
	border-color: rgba(108, 117, 125, .25) !important;
}

.thin-button {
	width: 45px;
	font-size: 18px;
}

.inactive-mode {
	border-color: var(--brand) !important;
	background: #fff !important;
	color: var(--brand) !important;
}

.inactive-mode:hover,
.inactive-mode:active {
	background-color: color-mix(in srgb, var(--brand) 30%, #fff) !important;
	border-color: color-mix(in srgb, var(--brand) 30%, #fff) !important;
	color: #fff !important;
}

.active-mode {
	background-color: var(--brand) !important;
	border-color: var(--brand) !important;
	color: #fff !important;
}

.theme-toggle {
	border: 1px solid var(--brand);
	background: transparent;
	color: var(--brand);
	border-radius: .5rem;
	padding: .35rem .6rem;
	cursor: pointer;
}

.theme-toggle:hover {
	background: color-mix(in srgb, var(--brand) 15%, transparent);
}

.logo {
	height: 28px;
	width: auto;
}

main {
	min-height: 60vh;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

details summary {
	cursor: pointer;
}

img {
	height: auto;
}

.theme-segmented .seg-track {
	--seg-h: 34px;
	--seg-w: 120px;
	--seg-gap: 2px;
	--seg-pill: var(--brand);
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: var(--seg-w);
	height: var(--seg-h);
	background: color-mix(in srgb, var(--brand) 10%, var(--panel));
	border: 1px solid var(--brand);
	border-radius: 999px;
	padding: var(--seg-gap);
}

.theme-segmented .seg-btn {
	position: relative;
	z-index: 2;
	width: calc((var(--seg-w) - var(--seg-gap)*2)/2);
	height: calc(var(--seg-h) - var(--seg-gap)*2);
	border: 0;
	background: transparent;
	color: var(--fg);
	font-size: 0.9rem;
	line-height: 1;
	border-radius: 999px;
	cursor: pointer;
	user-select: none;
}

.theme-segmented .seg-btn[aria-pressed="true"] {
	color: var(--primary-text);
}

.theme-segmented .seg-pill {
	position: absolute;
	z-index: 1;
	inset: var(--seg-gap) auto var(--seg-gap) var(--seg-gap);
	width: calc((var(--seg-w) - var(--seg-gap)*2)/2);
	border-radius: 999px;
	background: var(--seg-pill);
	background: linear-gradient(295deg,rgba(114, 46, 217, 1) 0%, rgba(74, 0, 169, 1) 32%, rgba(49, 9, 102, 1) 62%, rgba(13, 9, 26, 1) 100%);
	transform: translateX(0);
	transition: transform .22s ease;
	margin-left: -1px;
}

.theme-dark .theme-segmented .seg-track {
	background: color-mix(in srgb, var(--brand) 25%, var(--panel));
}

.mode-segmented .seg-track {
	--seg-h: 36px;
	--seg-w: 210px;
	--seg-gap: 2px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: var(--seg-w);
	height: var(--seg-h);
	background: color-mix(in srgb, var(--brand) 10%, var(--panel));
	border: 1px solid var(--brand);
	border-radius: 999px;
	padding: var(--seg-gap);
}

.mode-segmented .seg-btn {
	position: relative;
	z-index: 2;
	width: calc((var(--seg-w) - var(--seg-gap)*2)/2);
	height: calc(var(--seg-h) - var(--seg-gap)*2);
	border: 0;
	background: transparent;
	color: var(--fg);
	font-size: .95rem;
	line-height: 1;
	border-radius: 999px;
	cursor: pointer;
	user-select: none;
}

.mode-segmented .seg-btn[aria-pressed="true"] {
	color: var(--primary-text);
}

.mode-segmented .seg-pill {
	position: absolute;
	z-index: 1;
	inset: var(--seg-gap) auto var(--seg-gap) var(--seg-gap);
	width: calc((var(--seg-w) - var(--seg-gap)*2)/2);
	border-radius: 999px;
	background: var(--brand);
	background: linear-gradient(295deg,rgba(114, 46, 217, 1) 0%, rgba(74, 0, 169, 1) 32%, rgba(49, 9, 102, 1) 62%, rgba(13, 9, 26, 1) 100%);
	transform: translateX(0);
	transition: transform .22s ease;
	margin-left: -1px;
}

.theme-dark .mode-segmented .seg-track {
	background: color-mix(in srgb, var(--brand) 25%, var(--panel));
}

a {
	color: black !important;
}

.mode-segmented .seg-btn[aria-pressed="true"] i {
	color: #fff !important;
}

.mode-segmented .seg-btn[aria-pressed="false"] i {
	color: #4a00a9 !important;
}

.theme-dark .mode-segmented .seg-btn[aria-pressed="true"] i {
	color: #fff !important;
}

.theme-dark .mode-segmented .seg-btn[aria-pressed="false"] i {
	color: #e9ecef !important;
}

.theme-dark .form-control {
	background-color: #0b0b10 !important;
	color: #e9ecef !important;
	border-color: #0b0b10 !important;
}

.theme-dark .form-control:focus {
	box-shadow: 0 0 0 .25rem #160047 !important;
}

.theme-dark .form-control::placeholder {
	color: #6c757d;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1;
}

::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1;
}

#clipboardImage::file-selector-button {
	background-color: var(--brand);
	background: linear-gradient(295deg,rgba(114, 46, 217, 1) 0%, rgba(74, 0, 169, 1) 32%, rgba(49, 9, 102, 1) 62%, rgba(13, 9, 26, 1) 100%);
	color: #fff;
	border: 1px solid var(--brand);
	border-radius: 0 !important;
	padding: .375rem .75rem;
	cursor: pointer;
}

#clipboardImage::file-selector-button:hover {
	filter: brightness(.9);
}

#clipboardImage::-webkit-file-upload-button {
	background-color: var(--brand);
	color: #fff;
	border: 1px solid var(--brand);
	border-radius: .375rem;
}

.theme-dark .gt_float_switcher .gt_options,
.theme-dark .gt_switcher_wrapper .gt_options,
.theme-dark .gtranslate_wrapper .gt_options,
.theme-dark .gtranslate_wrapper .goog-te-menu2 
{
    background: #0b0b10 !important;
    border: 1px solid #160047 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.45) !important;
}

.theme-dark .gt_float_switcher .gt_selected,
.theme-dark .gt_switcher_wrapper .gt_selected {
    background: #0b0b10 !important;
    color: #e9ecef !important;
    border-color: #160047 !important;
}

.theme-dark .gt_options a,
.theme-dark .goog-te-menu2 * {
    color: #e9ecef !important;
}

.theme-dark .gt_options a:hover,
.theme-dark .goog-te-menu2 a:hover {
    background: #160047 !important;
    color: #fff !important;
}

.theme-dark .gt_float_switcher .gt-selected {
    background: linear-gradient(295deg,rgba(114, 46, 217, 1) 0%, rgba(74, 0, 169, 1) 32%, rgba(49, 9, 102, 1) 62%, rgba(13, 9, 26, 1) 100%) !important;
}

.theme-dark .gt-lang-code {
    color: #fff !important;
}

.theme-dark .gt_float_switcher {
    background: #160047 !important;
}

.theme-dark .gt_float_switcher-arrow {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:white'/></svg>") !important;
}