body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.42857143;
	color: #333;
	background-color: #F4F6FA
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #ffffff
}

body::-webkit-scrollbar {
	width: 5px;
	background-color: #ffffff
}

body::-webkit-scrollbar-thumb {
	background-color: #d4d4d4;
	border: 2px solid #d4d4d4
}

header {
	background-color: #333;
	color: white;
	padding: 10px;
	text-align: center
}

.baslik {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333
}

.alt-baslik {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #333
}

.header-title {
	display: inline-block;
	color: #FFFFFF;
	font-weight: bold
}

.highlight-t {
	min-height: 420px;
	display: flex;
	justify-content: center;
	align-items: center
}

.footer-ad {
	width: 728px;
	height: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	background-color: #f0f0f0;
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc
}

.ad-image {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.ad-image img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.ad-title {
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 12px
}

.ad-title1 {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 12px
}

a.btn-fast {
	background-color: #ba1818;
	border-color: #ba1818;
	color: white;
	text-decoration: none
}

a.btn-fast:hover {
	background-color: white;
	border-radius: 5px;
	color: black;
	text-decoration: none;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

select.form-select.form-select-sm.custom-language-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 125px;
	height: 36px;
	background-color: #ba1818;
	color: #ffffff;
	font-size: 14px;
	padding: 4px 38px 4px 12px;
	border: none;
	border-radius: 4px;
	background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 24px 24px;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

select.form-select.form-select-sm.custom-language-select {
	background-color: #ba1818;
	color: white;
	border: 5px transparent;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

select.form-select.form-select-sm.custom-language-select option {
	background-color: #343a40;
	color: #ffffff;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

select.form-select.form-select-sm.custom-language-select option:hover {
	background-color: #343a40;
	color: #ffffff;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

.rtitle {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: -5px 0 15px 0;
	padding: 10px 0;
	background-color: #f7f7f7;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.gallery {
	display: inline-block;
	margin-left: 7px;
	margin-bottom: 20px;
	border-radius: 5px
}

.image-box {
	width: 200px;
	height: 200px;
	position: relative;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	overflow: hidden;
	background-color: #f7f7f7;
	transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out
}

.image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
	filter: blur(10px);
	transition: filter 0.3s ease-in-out
}

.image-box img.loaded {
	filter: blur(0)
}

.image-box img.lazy[src="https://beta.fastupload.net/asset/img/loading.gif"] {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.image-box:hover img {
	transform: scale(1.1)
}

.details {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
	background-color: rgba(240, 240, 240, 0.9);
	text-align: center;
	border-top: 1px solid #ccc
}

.details span {
	display: block;
	margin-top: 5px
}

.back-dark {
	background-color: #000000
}

.beta {
	font-size: 0.75rem;
	line-height: 1;
	display: inline-block;
	font-size: small;
	vertical-align: super;
	position: relative;
	top: -0.5em;
	font-weight: bold;
	padding-left: 5px;
	color: #FFD700
}

.secondarys {
	background-color: #ba1818;
	color: #ffffff
}

#clipboard-canvas {
	margin: 0px 0px 5px auto;
	width: 100%;
	border: 1px dashed #A9A9C2;
	border-radius: 7px
}

nav {
	background-color: #213df3;
	padding: 10px;
	text-align: center;
	margin-bottom: 25px
}

nav a {
	color: white;
	margin: 0 10px;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 5px;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out
}

nav a:hover {
	background-color: #ffffff;
	color: black
}

.nav-link:not(.active) {
	color: #45457b !important
}

.nav-link:hover:not(.active) {
	color: #e44059 !important
}

.navbar-nav .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent
}

.dropdown-menu {
	background-color: #343a40
}

.dropdown-menu a {
	color: #ffffff !important
}

.dropdown-menu a:hover {
	background-color: #ffffff;
	color: black !important
}

.dropdown-item {
	width: 90%
}

.highlight {
	padding: 9px 14px;
	margin-bottom: 14px;
	background-color: #fff;
	border: 1px solid #e1e1e8;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

.highlight-t img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px
}

.footer {
	background-color: #555;
	color: white;
	text-align: center;
	padding: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999
}

.top-100 {
	padding-top: 100px
}

.w100 {
	float: left;
	width: 100% !important
}

label {
	margin-bottom: 0.5rem
}

@media (max-width:991px) {
	.header-title {
		font-size: 1.5rem
	}

	.container {
		padding: 0 10px
	}

	.highlight {
		padding: 10px
	}

	.navbar-toggler {
		display: flex;
		position: absolute
	}
}

@media (max-width:768px) {

	.language-selector,
	.auth-buttons {
		width: 100px !important
	}

	.auth-buttons .btn {
		font-size: 0.75rem;
		padding: 2px 6px
	}
}

.navbar-dark .navbar-nav .nav-link {
	color: white
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75)
}

nav.navbar.navbar-expand-lg.secondarys {
	padding: 10px
}

.navbar-collapse {
	display: flex;
	justify-content: center
}

.navbar-nav {
	display: flex;
	justify-content: center
}

.navbar-toggler {
	background-color: white;
	border: none;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1030;
	text-align: center;
	line-height: 40px
}

.navbar-toggler-icon {
	color: black;
	padding-top: 5px
}

.header .header-titles,
.header h1 {
	font-size: 1em
}

.header .header-titles,
.header .heading,
.header>h1 {
	font-size: 1.57142857rem;
	font-weight: 400;
	display: inline-block;
	color: inherit
}

.default-margin-bottom {
	margin-bottom: 20px
}

.header {
	position: relative
}

.header .header-titles,
.header .heading,
.header .heading *,
.header>h1 {
	word-break: break-word
}

.margin-right-5 {
	-webkit-margin-end: 5px !important;
	margin-inline-end: 5px !important
}

.color-accent {
	color: hsl(216, 73%, 52%)
}

.text-content h2 {
	font-size: 1.25em
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4 {
	margin: 40px 0 20px 0;
	font-weight: 400;
	line-height: 120%
}

h2.tito {
	line-height: 1;
	color: #333;
	font-size: 1.57142857rem
}

.section {
	padding-bottom: 80px
}

.section .section-inner .section-header {
	margin-bottom: 45px
}

.section .section-inner .section-header .section-title {
	align-items: center;
	color: var(--primaryColor);
	display: flex;
	justify-content: center;
	margin-bottom: 25px
}

.section .section-inner .section-header .section-title h5 {
	letter-spacing: 5px;
	margin-bottom: 0;
	text-transform: uppercase
}

.section .section-inner .section-header .section-title:after,
.section .section-inner .section-header .section-title:before {
	background-color: var(--primaryColor);
	border-radius: 50%;
	content: "";
	height: 8px;
	width: 8px
}

.section .section-inner .section-header .section-title:before {
	margin-right: 15px
}

.section .section-inner .section-header .section-title:after {
	margin-left: 10px
}

.section .section-inner .section-header .section-text {
	color: #666;
	font-size: 18px;
	font-weight: 300
}

.section .section-inner .section-header .section-text p {
	margin-bottom: 0
}

@media (max-width:991.98px) {
	.section {
		padding-bottom: 50px
	}
}

.card-v {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	display: flex;
	flex-direction: column;
	padding: 40px
}

.card-v.v2 {
	padding: 21px
}

.card-v.v2 .card-v-title {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 3px;
	text-transform: uppercase
}

.card-v .card-v-icon {
	align-items: center;
	background-color: var(--bgColor);
	border-radius: 50%;
	display: flex;
	height: 80px;
	justify-content: center;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 80px
}

.card-v .card-v-icon img,
.card-v .card-v-icon svg {
	width: 40px
}

.card-v .card-v-title {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 12px
}

.card-v .card-v-text {
	color: #888;
	font-weight: 300
}

.card-v .card-v-body,
.card-v .card-v-header {
	padding: 20px
}

.api-url {
	background-color: #f0f4f8;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 15px
}

.parameter-table th,
.parameter-table td {
	padding: 8px;
	vertical-align: top
}

.parameter-table th {
	font-weight: bold
}

.optional {
	color: #6c757d
}

.alert-warning {
	background-color: #fff3cd;
	border-color: #ffeccb;
	color: #856404
}

.code {
	font-size: .93em;
	font-family: monospace;
	padding: .05em;
	white-space: pre
}

.code--command {
	border-radius: .2em;
	padding: .5em;
	-webkit-padding-end: .7em;
	padding-inline-end: .7em;
	-webkit-border-start: .2em solid hsl(216, 73%, 52%);
	border-inline-start: .2em solid hsl(216, 73%, 52%);
	background-color: hsl(0deg 0% 18.43%)
}

.code--snippet {
	color: hsl(245, 5%, 80%);
	background: hsl(0deg 0% 18.43%);
	padding: 10px;
	border-radius: 5px;
	display: block;
	overflow: auto
}

.content-section,
.input-label {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative
}

.checkbox-label,
.input-label {
	position: relative;
	font-size: .93em
}

.input-label {
	margin: 20px 0
}

.input,
.input-label {
	position: relative;
	overflow: visible;
	scroll-snap-align: start
}

button.copy-input,
button.input-action {
	background: var(--buttonDefaultBackground);
	color: var(--buttonDefaultText)
}

button.copy-input,
button.input-action {
	position: absolute;
	inset-inline-end: 7px;
	top: .8181em;
	text-transform: uppercase;
	cursor: pointer;
	line-height: 1;
	font-size: 11px;
	padding: 4px 6px;
	border-radius: 4px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0
}

p {
	margin-bottom: 1rem
}

.footer p {
	text-align: center;
	margin: 0;
	padding: 10px
}