html {
  font-size: 14px;
}
*, ::after, ::before {
	box-sizing: border-box
}
@media (prefers-reduced-motion:no-preference) {
:root {
	scroll-behavior: smooth
}
}
body {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: var(--bs-border-width) solid;
	opacity: .25
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
	color: var(--bs-heading-color, inherit)
}
.h1, h1 {
	font-size: calc(1.375rem + 1.5vw)
}
h1, h2 {
	font-family: var(--bs-h-font-family);
	font-size: var(--bs-h-font-size)
}

@media (min-width:1200px) {
.h1, h1 {
	font-size: 2.5rem
}
}
.h2, h2 {
font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
.h2, h2 {
	font-size: 2rem
}
}
.h3, h3 {
font-size:calc(1.3rem + .6vw)
}
@media (min-width:1200px) {
.h3, h3 {
	font-size: 1.75rem
}
}
.h4, h4 {
font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
.h4, h4 {
	font-size: 1.5rem
}
}
.h5, h5 {
	font-size: 1.25rem
}
.h6, h6 {
	font-size: 1rem
}
p {
	margin-top: 0;
	margin-bottom: 0
}
abbr[title] {
	text-decoration: underline dotted;
	cursor: help;
	text-decoration-skip-ink: none
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}
ol, ul {
	padding: 0;
	margin: 0
}
dl, ol, ul {
	padding: 0;
	margin: 0
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
dt {
	font-weight: 700
}
dd {
margin-bottom:.5rem;
	margin-left: 0
}
blockquote {
	margin: 0 0 1rem
}
b, strong {
	font-weight: bolder
}
.small, small {
	font-size: .875em
}
.mark, mark {
	padding: .1875em;
	background-color: var(--bs-highlight-bg)
}
sub, sup {
	position: relative;
	font-size: .75em;
	line-height: 0;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
a {
	color: var(--bs-link-color);
	text-decoration: none
}
a:hover {
--bs-link-color-rgb:var(--bs-link-hover-color-rgb)
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	text-decoration: none
}
code, kbd, pre, samp {
	font-family: var(--bs-font-monospace);
	font-size: 1em
}
pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: .875em
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal
}
code {
	font-size: .875em;
	color: var(--bs-code-color);
	word-wrap: break-word
}
a>code {
	color: inherit
}
kbd {
padding:.1875rem .375rem;
	font-size: .875em;
	color: var(--bs-body-bg);
	background-color: var(--bs-body-color);
border-radius:.25rem
}
kbd kbd {
	padding: 0;
	font-size: 1em
}
figure {
	margin: 0 0 1rem
}
img, svg {
	vertical-align: middle
}
table {
	caption-side: bottom;
	border-collapse: collapse
}
caption {
padding-top:.5rem;
padding-bottom:.5rem;
	color: var(--bs-secondary-color);
	text-align: left
}
th {
	text-align: inherit;
	text-align: -webkit-match-parent
}
tbody, td, tfoot, th, thead, tr {
	border-color: inherit;
	border-style: solid;
	border-width: 1px
}
td, th {
	padding: 5px
}
label {
	display: inline-block
}
button {
	border-radius: 0
}
button:focus:not(:focus-visible) {
	outline: 0
}
button, input, optgroup, select, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
button, select {
	text-transform: none
}
[role=button] {
cursor:pointer
}
select {
	word-wrap: normal
}
select:disabled {
	opacity: 1
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display:none !important
}
[type=button], [type=reset], [type=submit], button {
-webkit-appearance:button
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer
}
::-moz-focus-inner {
padding:0;
border-style:none
}
textarea {
	resize: vertical
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0
}
legend {
	float: left;
	width: 100%;
	padding: 0;
margin-bottom:.5rem;
font-size:calc(1.275rem + .3vw);
	line-height: inherit
}
@media (min-width:1200px) {
legend {
	font-size: 1.5rem
}
}
legend+* {
	clear: left
}
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
padding:0
}
::-webkit-inner-spin-button {
height:auto
}
[type=search] {
outline-offset:-2px;
-webkit-appearance:textfield
}
::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-color-swatch-wrapper {
padding:0
}
::file-selector-button {
font:inherit;
-webkit-appearance:button
}
output {
	display: inline-block
}
iframe {
	border: 0
}
summary {
	display: list-item;
	cursor: pointer
}
progress {
	vertical-align: baseline
}
[hidden] {
display:none !important
}
.lead {
	font-size: 1.25rem;
	font-weight: 300
}

.form-label {
margin-bottom:.5rem
}
.col-form-label {
padding-top:calc(.4rem + var(--bs-border-width));
padding-bottom:calc(.4rem + var(--bs-border-width));
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5
}
.col-form-label-lg {
padding-top:calc(.5rem + var(--bs-border-width));
padding-bottom:calc(.5rem + var(--bs-border-width));
	font-size: 1.25rem
}
.col-form-label-sm {
padding-top:calc(.25rem + var(--bs-border-width));
padding-bottom:calc(.25rem + var(--bs-border-width));
font-size:.875rem
}
.form-text {
margin-top:.25rem;
	font-size: .875em;
	color: var(--bs-secondary-color)
}
.form-control {
	display: block;
	width: 100%;
padding:.4rem .5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-clip: padding-box;
	border: var(--bs-border-width) solid var(--bs-border-color);
	appearance: none;
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
	transition: none
}
}
.form-control[type=file] {
	overflow: hidden
}
.form-control[type=file]:not(:disabled):not([readonly]) {
	cursor: pointer
}
.form-control:focus {
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	border-color: #86b7fe;
	outline: 0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-control::-webkit-date-and-time-value {
min-width:85px;
height:1.5em;
margin:0
}
.form-control::-webkit-datetime-edit {
display:block;
padding:0
}
.form-control::placeholder {
color:var(--bs-secondary-color);
opacity:1
}
.form-control:disabled {
	background-color: var(--bs-secondary-bg);
	opacity: 1
}
.form-control::file-selector-button {
padding:.4rem .5rem;
margin:-.4rem -.5rem;
margin-inline-end:.5rem;
color:var(--bs-body-color);
background-color:var(--bs-tertiary-bg);
pointer-events:none;
border-color:inherit;
border-style:solid;
border-width:0;
border-inline-end-width:var(--bs-border-width);
border-radius:0;
transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control::file-selector-button {
transition:none
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
background-color:var(--bs-secondary-bg)
}
.form-control-plaintext {
	display: block;
	width: 100%;
padding:.4rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: transparent;
	border: solid transparent;
	border-width: var(--bs-border-width) 0
}
.form-control-plaintext:focus {
	outline: 0
}
.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
	padding-right: 0;
	padding-left: 0
}
.form-control-sm {
min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
padding:.25rem .5rem;
font-size:.875rem;
	border-radius: var(--bs-border-radius-sm)
}
.form-control-sm::file-selector-button {
padding:.25rem .5rem;
margin:-.25rem -.5rem;
margin-inline-end:.5rem
}
.form-control-lg {
min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
padding:.5rem 1rem;
	font-size: 1.25rem;
	border-radius: var(--bs-border-radius-lg)
}
.form-control-lg::file-selector-button {
padding:.5rem 1rem;
margin:-.5rem -1rem;
margin-inline-end:1rem
}
textarea.form-control {
	min-height: default
}
textarea.form-control-sm {
min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
textarea.form-control-lg {
min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-control-color {
	width: 3rem;
	height: default;
padding:.4rem
}
.form-control-color:not(:disabled):not([readonly]) {
	cursor: pointer
}
.form-control-color::-moz-color-swatch {
border:0 !important;
border-radius:var(--bs-border-radius)
}
.form-control-color::-webkit-color-swatch {
border:0 !important;
border-radius:var(--bs-border-radius)
}
.form-control-color.form-control-sm {
height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}
.form-control-color.form-control-lg {
height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}
.form-select {
--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3e%3cpath fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	display: block;
	width: 100%;
padding:.4rem 1.5rem .4rem .5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	background-color: var(--bs-body-bg);
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	background-repeat: no-repeat;
background-position:right .7rem center;
	background-size: 10px 12px;
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius);
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	appearance: none
}
@media (prefers-reduced-motion:reduce) {
.form-select {
	transition: none
}
}
.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
padding-right:.5rem;
	background-image: none
}
.form-select:disabled {
	background-color: var(--bs-secondary-bg)
}
.form-select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 var(--bs-body-color)
}
.form-select-sm {
padding-top:.25rem;
padding-bottom:.25rem;
padding-left:.5rem;
font-size:.875rem;
	border-radius: var(--bs-border-radius-sm)
}
.form-select-lg {
padding-top:.5rem;
padding-bottom:.5rem;
	padding-left: 1rem;
	font-size: 1.25rem;
	border-radius: var(--bs-border-radius-lg)
}
[data-bs-theme=dark] .form-select {
--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}
.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
margin-bottom:.125rem
}
.form-check .form-check-input {
	float: left;
	margin-left: -1.5em
}
.form-check-reverse {
	padding-right: 1.5em;
	padding-left: 0;
	text-align: right
}
.form-check-reverse .form-check-input {
	float: right;
	margin-right: -1.5em;
	margin-left: 0
}
.form-check-input {
--bs-form-check-bg:var(--bs-body-bg);
	width: 1em;
	height: 1em;
	margin-top: .25em;
	vertical-align: top;
	background-color: var(--bs-form-check-bg);
	background-image: var(--bs-form-check-bg-image);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: var(--bs-border-width) solid var(--bs-border-color);
	appearance: none;
	print-color-adjust: exact
}
.form-check-input[type=checkbox] {
	border-radius: .25em
}
.form-check-input[type=radio] {
	border-radius: 50%
}
.form-check-input:active {
	filter: brightness(90%)
}
.form-check-input:focus {
	border-color: #86b7fe;
	outline: 0;
box-shadow:0 0 0 .25rem rgba(13,110,253,.25)
}
.form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd
}
.form-check-input:checked[type=checkbox] {
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}
.form-check-input:checked[type=radio] {
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}
.form-check-input[type=checkbox]:indeterminate {
	background-color: #0d6efd;
	border-color: #0d6efd;
--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.form-check-input:disabled {
	pointer-events: none;
	filter: none;
	opacity: .5
}
.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
	cursor: default;
	opacity: .5
}
.form-switch {
	padding-left: 2.5em
}
.form-switch .form-check-input {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
	width: 2em;
	margin-left: -2.5em;
	background-image: var(--bs-form-switch-bg);
	background-position: left center;
	border-radius: 2em;
	transition: background-position .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-switch .form-check-input {
	transition: none
}
}
.form-switch .form-check-input:focus {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}
.form-switch .form-check-input:checked {
	background-position: right center;
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.form-switch.form-check-reverse {
	padding-right: 2.5em;
	padding-left: 0
}
.form-switch.form-check-reverse .form-check-input {
	margin-right: -2.5em;
	margin-left: 0
}
.form-check-inline {
	display: inline-block;
	margin-right: 1rem
}
.btn-check {
	position: absolute;
	clip: rect(0,0,0,0);
	pointer-events: none
}
.btn-check:disabled+.btn, .btn-check[disabled]+.btn {
	pointer-events: none;
	filter: none;
	opacity: .65
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255,0.25%29'/%3e%3c/svg%3e")
}
.form-range {
	width: 100%;
	height: 1.5rem;
	padding: 0;
	background-color: transparent;
	appearance: none
}
.form-range:focus {
	outline: 0
}
.form-range:focus::-webkit-slider-thumb {
box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25)
}
.form-range:focus::-moz-range-thumb {
box-shadow:0 0 0 1px #fff, 0 0 0 .25rem rgba(13,110,253,.25)
}
.form-range::-moz-focus-outer {
border:0
}
.form-range::-webkit-slider-thumb {
width:1rem;
height:1rem;
margin-top:-.25rem;
background-color:#0d6efd;
border:0;
border-radius:1rem;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance:none
}
@media (prefers-reduced-motion:reduce) {
.form-range::-webkit-slider-thumb {
transition:none
}
}
.form-range::-webkit-slider-thumb:active {
background-color:#b6d4fe
}
.form-range::-webkit-slider-runnable-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--bs-tertiary-bg);
border-color:transparent;
border-radius:1rem
}
.form-range::-moz-range-thumb {
width:1rem;
height:1rem;
background-color:#0d6efd;
border:0;
border-radius:1rem;
transition:background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance:none
}
@media (prefers-reduced-motion:reduce) {
.form-range::-moz-range-thumb {
transition:none
}
}
.form-range::-moz-range-thumb:active {
background-color:#b6d4fe
}
.form-range::-moz-range-track {
width:100%;
height:.5rem;
color:transparent;
cursor:pointer;
background-color:var(--bs-tertiary-bg);
border-color:transparent;
border-radius:1rem
}
.form-range:disabled {
	pointer-events: none
}
.form-range:disabled::-webkit-slider-thumb {
background-color:var(--bs-secondary-color)
}
.form-range:disabled::-moz-range-thumb {
background-color:var(--bs-secondary-color)
}
.form-floating {
	position: relative
}
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
height:calc(3.5rem + calc(var(--bs-border-width) * 2));
	line-height: 1.25
}
.form-floating>label {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 100%;
padding:1rem .5rem;
	overflow: hidden;
	text-align: start;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: var(--bs-border-width) solid transparent;
	transform-origin: 0 0;
	transition: opacity .1s ease-in-out, transform .1s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-floating>label {
	transition: none
}
}
.form-floating>.form-control, .form-floating>.form-control-plaintext {
padding:1rem .5rem
}
.form-floating>.form-control-plaintext::placeholder, .form-floating>.form-control::placeholder {
color:transparent
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
padding-bottom:.625rem
}
.form-floating>.form-control-plaintext:-webkit-autofill, .form-floating>.form-control:-webkit-autofill {
padding-top:1.625rem;
padding-bottom:.625rem
}
.form-floating>.form-select {
	padding-top: 1.625rem;
padding-bottom:.625rem
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	color: rgba(var(--bs-body-color-rgb), .65);
transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after {
	position: absolute;
inset:1rem .25rem;
	z-index: -1;
	height: 1.5em;
	content: "";
	background-color: var(--bs-body-bg);
	border-radius: var(--bs-border-radius)
}
.form-floating>.form-control:-webkit-autofill~label {
color:rgba(var(--bs-body-color-rgb), .65);
transform:scale(.85) translateY(-.5rem) translateX(.15rem)
}
.form-floating>.form-control-plaintext~label {
	border-width: var(--bs-border-width) 0
}
.form-floating>:disabled~label {
	color: #6c757d
}
.form-floating>:disabled~label::after {
	background-color: var(--bs-secondary-bg)
}
.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0
}
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus {
z-index:5
}
.input-group .btn {
	position: relative;
	z-index: 2
}
.input-group .btn:focus {
	z-index: 5
}
.input-group-text {
	display: flex;
	align-items: center;
padding:.4rem .5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--bs-body-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--bs-tertiary-bg);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: var(--bs-border-radius)
}
.input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text {
padding:.5rem 1rem;
	font-size: 1.25rem;
	border-radius: var(--bs-border-radius-lg)
}
.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text {
padding:.25rem .5rem;
font-size:.875rem;
	border-radius: var(--bs-border-radius-sm)
}
.input-group-lg>.form-select, .input-group-sm>.form-select {
	padding-right: 2rem
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control, .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select, .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
margin-left:calc(var(--bs-border-width) * -1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.input-group>.form-floating:not(:first-child)>.form-control, .input-group>.form-floating:not(:first-child)>.form-select {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.valid-feedback {
	display: none;
	width: 100%;
margin-top:.25rem;
	font-size: .875em;
	color: var(--bs-form-valid-color)
}
.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:.875rem;
	color: #fff;
	background-color: var(--bs-success);
	border-radius: var(--bs-border-radius)
}
.is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated:valid~.valid-feedback, .was-validated:valid~.valid-tooltip {
display:block
}
.form-control.is-valid, .was-validated .form-control:valid {
border-color:var(--bs-form-valid-border-color);
padding-right:calc(1.5em + .8rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .2rem) center;
background-size:calc(.75em + .4rem) calc(.75em + .4rem)
}
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
border-color:var(--bs-form-valid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right:calc(1.5em + .8rem);
background-position:top calc(.375em + .2rem) right calc(.375em + .2rem)
}
.form-select.is-valid, .was-validated .form-select:valid {
border-color:var(--bs-form-valid-border-color)
}
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right:2.75rem;
background-position:right .7rem center, center right 1.5rem;
background-size:10px 12px, calc(.75em + .4rem) calc(.75em + .4rem)
}
.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
border-color:var(--bs-form-valid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.form-control-color.is-valid, .was-validated .form-control-color:valid {
width:calc(3rem + calc(1.5em + .8rem))
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
border-color:var(--bs-form-valid-border-color)
}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
background-color:var(--bs-form-valid-color)
}
.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
color:var(--bs-form-valid-color)
}
.form-check-inline .form-check-input~.valid-feedback {
	margin-left: .5em
}
.input-group>.form-control:not(:focus).is-valid, .input-group>.form-floating:not(:focus-within).is-valid, .input-group>.form-select:not(:focus).is-valid, .was-validated .input-group>.form-control:not(:focus):valid, .was-validated .input-group>.form-floating:not(:focus-within):valid, .was-validated .input-group>.form-select:not(:focus):valid {
z-index:3
}
.invalid-feedback {
	display: none;
	width: 100%;
margin-top:.25rem;
	font-size: .875em;
	color: var(--bs-form-invalid-color)
}
.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
padding:.25rem .5rem;
margin-top:.1rem;
font-size:.875rem;
	color: #fff;
	background-color: var(--bs-danger);
	border-radius: var(--bs-border-radius)
}
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated:invalid~.invalid-feedback, .was-validated:invalid~.invalid-tooltip {
display:block
}
.form-control.is-invalid, .was-validated .form-control:invalid {
border-color:var(--bs-form-invalid-border-color);
padding-right:calc(1.5em + .8rem);
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat:no-repeat;
background-position:right calc(.375em + .2rem) center;
background-size:calc(.75em + .4rem) calc(.75em + .4rem)
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
border-color:var(--bs-form-invalid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right:calc(1.5em + .8rem);
background-position:top calc(.375em + .2rem) right calc(.375em + .2rem)
}
.form-select.is-invalid, .was-validated .form-select:invalid {
border-color:var(--bs-form-invalid-border-color)
}
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
padding-right:2.75rem;
background-position:right .7rem center, center right 1.5rem;
background-size:10px 12px, calc(.75em + .4rem) calc(.75em + .4rem)
}
.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
border-color:var(--bs-form-invalid-border-color);
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
width:calc(3rem + calc(1.5em + .8rem))
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
border-color:var(--bs-form-invalid-border-color)
}
.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
background-color:var(--bs-form-invalid-color)
}
.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {
color:var(--bs-form-invalid-color)
}
.form-check-inline .form-check-input~.invalid-feedback {
	margin-left: .5em
}
.input-group>.form-control:not(:focus).is-invalid, .input-group>.form-floating:not(:focus-within).is-invalid, .input-group>.form-select:not(:focus).is-invalid, .was-validated .input-group>.form-control:not(:focus):invalid, .was-validated .input-group>.form-floating:not(:focus-within):invalid, .was-validated .input-group>.form-select:not(:focus):invalid {
z-index:4
}
.btn-primary {
--bs-btn-color:#fff;
--bs-btn-bg:#0d6efd;
--bs-btn-border-color:#0d6efd;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#0b5ed7;
--bs-btn-hover-border-color:#0a58ca;
--bs-btn-focus-shadow-rgb:49, 132, 253;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#0a58ca;
--bs-btn-active-border-color:#0a53be;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#0d6efd;
--bs-btn-disabled-border-color:#0d6efd
}
.btn-secondary {
--bs-btn-color:#fff;
--bs-btn-bg:#6c757d;
--bs-btn-border-color:#6c757d;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#5c636a;
--bs-btn-hover-border-color:#565e64;
--bs-btn-focus-shadow-rgb:130, 138, 145;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#565e64;
--bs-btn-active-border-color:#51585e;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#6c757d;
--bs-btn-disabled-border-color:#6c757d
}
.btn-success {
--bs-btn-color:#fff;
--bs-btn-bg:#198754;
--bs-btn-border-color:#198754;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#157347;
--bs-btn-hover-border-color:#146c43;
--bs-btn-focus-shadow-rgb:60, 153, 110;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#146c43;
--bs-btn-active-border-color:#13653f;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#198754;
--bs-btn-disabled-border-color:#198754
}
.btn-info {
--bs-btn-color:#000;
--bs-btn-bg:#0dcaf0;
--bs-btn-border-color:#0dcaf0;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#31d2f2;
--bs-btn-hover-border-color:#25cff2;
--bs-btn-focus-shadow-rgb:11, 172, 204;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#3dd5f3;
--bs-btn-active-border-color:#25cff2;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#0dcaf0;
--bs-btn-disabled-border-color:#0dcaf0
}
.btn-warning {
--bs-btn-color:#000;
--bs-btn-bg:#ffc107;
--bs-btn-border-color:#ffc107;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#ffca2c;
--bs-btn-hover-border-color:#ffc720;
--bs-btn-focus-shadow-rgb:217, 164, 6;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#ffcd39;
--bs-btn-active-border-color:#ffc720;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#ffc107;
--bs-btn-disabled-border-color:#ffc107
}
.btn-danger {
--bs-btn-color:#fff;
--bs-btn-bg:#dc3545;
--bs-btn-border-color:#dc3545;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#bb2d3b;
--bs-btn-hover-border-color:#b02a37;
--bs-btn-focus-shadow-rgb:225, 83, 97;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#b02a37;
--bs-btn-active-border-color:#a52834;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#dc3545;
--bs-btn-disabled-border-color:#dc3545
}
.btn-light {
--bs-btn-color:#000;
--bs-btn-bg:#f8f9fa;
--bs-btn-border-color:#f8f9fa;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#d3d4d5;
--bs-btn-hover-border-color:#c6c7c8;
--bs-btn-focus-shadow-rgb:211, 212, 213;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#c6c7c8;
--bs-btn-active-border-color:#babbbc;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#000;
--bs-btn-disabled-bg:#f8f9fa;
--bs-btn-disabled-border-color:#f8f9fa
}
.btn-dark {
--bs-btn-color:#fff;
--bs-btn-bg:#212529;
--bs-btn-border-color:#212529;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#424649;
--bs-btn-hover-border-color:#373b3e;
--bs-btn-focus-shadow-rgb:66, 70, 73;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#4d5154;
--bs-btn-active-border-color:#373b3e;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#fff;
--bs-btn-disabled-bg:#212529;
--bs-btn-disabled-border-color:#212529
}
.btn-outline-primary {
--bs-btn-color:#0d6efd;
--bs-btn-border-color:#0d6efd;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#0d6efd;
--bs-btn-hover-border-color:#0d6efd;
--bs-btn-focus-shadow-rgb:13, 110, 253;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#0d6efd;
--bs-btn-active-border-color:#0d6efd;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#0d6efd;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#0d6efd;
--bs-gradient:none
}
.btn-outline-secondary {
--bs-btn-color:#6c757d;
--bs-btn-border-color:#6c757d;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#6c757d;
--bs-btn-hover-border-color:#6c757d;
--bs-btn-focus-shadow-rgb:108, 117, 125;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#6c757d;
--bs-btn-active-border-color:#6c757d;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#6c757d;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#6c757d;
--bs-gradient:none
}
.btn-outline-success {
--bs-btn-color:#198754;
--bs-btn-border-color:#198754;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#198754;
--bs-btn-hover-border-color:#198754;
--bs-btn-focus-shadow-rgb:25, 135, 84;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#198754;
--bs-btn-active-border-color:#198754;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#198754;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#198754;
--bs-gradient:none
}
.btn-outline-info {
--bs-btn-color:#0dcaf0;
--bs-btn-border-color:#0dcaf0;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#0dcaf0;
--bs-btn-hover-border-color:#0dcaf0;
--bs-btn-focus-shadow-rgb:13, 202, 240;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#0dcaf0;
--bs-btn-active-border-color:#0dcaf0;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#0dcaf0;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#0dcaf0;
--bs-gradient:none
}
.btn-outline-warning {
--bs-btn-color:#ffc107;
--bs-btn-border-color:#ffc107;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#ffc107;
--bs-btn-hover-border-color:#ffc107;
--bs-btn-focus-shadow-rgb:255, 193, 7;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#ffc107;
--bs-btn-active-border-color:#ffc107;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#ffc107;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#ffc107;
--bs-gradient:none
}
.btn-outline-danger {
--bs-btn-color:#dc3545;
--bs-btn-border-color:#dc3545;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#dc3545;
--bs-btn-hover-border-color:#dc3545;
--bs-btn-focus-shadow-rgb:220, 53, 69;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#dc3545;
--bs-btn-active-border-color:#dc3545;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#dc3545;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#dc3545;
--bs-gradient:none
}
.btn-outline-light {
--bs-btn-color:#f8f9fa;
--bs-btn-border-color:#f8f9fa;
--bs-btn-hover-color:#000;
--bs-btn-hover-bg:#f8f9fa;
--bs-btn-hover-border-color:#f8f9fa;
--bs-btn-focus-shadow-rgb:248, 249, 250;
--bs-btn-active-color:#000;
--bs-btn-active-bg:#f8f9fa;
--bs-btn-active-border-color:#f8f9fa;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#f8f9fa;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#f8f9fa;
--bs-gradient:none
}
.btn-outline-dark {
--bs-btn-color:#212529;
--bs-btn-border-color:#212529;
--bs-btn-hover-color:#fff;
--bs-btn-hover-bg:#212529;
--bs-btn-hover-border-color:#212529;
--bs-btn-focus-shadow-rgb:33, 37, 41;
--bs-btn-active-color:#fff;
--bs-btn-active-bg:#212529;
--bs-btn-active-border-color:#212529;
--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
--bs-btn-disabled-color:#212529;
--bs-btn-disabled-bg:transparent;
--bs-btn-disabled-border-color:#212529;
--bs-gradient:none
}
.btn-link {
--bs-btn-font-weight:400;
--bs-btn-color:var(--bs-link-color);
--bs-btn-bg:transparent;
--bs-btn-border-color:transparent;
--bs-btn-hover-color:var(--bs-link-hover-color);
--bs-btn-hover-border-color:transparent;
--bs-btn-active-color:var(--bs-link-hover-color);
--bs-btn-active-border-color:transparent;
--bs-btn-disabled-color:#6c757d;
--bs-btn-disabled-border-color:transparent;
--bs-btn-box-shadow:0 0 0 #000;
--bs-btn-focus-shadow-rgb:49, 132, 253;
	text-decoration: none
}
.btn-link:focus-visible {
color:var(--bs-btn-color)
}
.btn-link:hover {
	color: var(--bs-btn-hover-color)
}
.btn-group-lg>.btn, .btn-lg {
--bs-btn-padding-y:0.5rem;
--bs-btn-padding-x:1rem;
--bs-btn-font-size:1.25rem;
--bs-btn-border-radius:var(--bs-border-radius-lg)
}
.btn-group-sm>.btn, .btn-sm {
--bs-btn-padding-y:0.25rem;
--bs-btn-padding-x:0.5rem;
--bs-btn-font-size:0.875rem;
--bs-btn-border-radius:var(--bs-border-radius-sm)
}

.hstack {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch
}
.vstack {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-self: stretch
}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	white-space: nowrap !important;
	border: 0 !important
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
	position: absolute !important
}
.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: ""
}
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.vr {
	display: inline-block;
	align-self: stretch;
	width: 1px;
	min-height: 1em;
	background-color: currentcolor;
	opacity: .25
}
.align-baseline {
	vertical-align: baseline !important
}
.align-top {
	vertical-align: top !important
}
.align-middle {
	vertical-align: middle !important
}
.align-bottom {
	vertical-align: bottom !important
}
.align-text-bottom {
	vertical-align: text-bottom !important
}
.align-text-top {
	vertical-align: text-top !important
}
.float-start {
	float: left !important
}
.float-end {
	float: right !important
}
.float-none {
	float: none !important
}
.object-fit-contain {
	object-fit: contain !important
}
.object-fit-cover {
	object-fit: cover !important
}
.object-fit-fill {
	object-fit: fill !important
}
.object-fit-scale {
	object-fit: scale-down !important
}
.object-fit-none {
	object-fit: none !important
}
.opacity-0 {
	opacity: 0 !important
}
.opacity-25 {
	opacity: .25 !important
}
.opacity-50 {
	opacity: .5 !important
}
.opacity-75 {
	opacity: .75 !important
}
.opacity-100 {
	opacity: 1 !important
}
.overflow-auto {
	overflow: auto !important
}
.overflow-hidden {
	overflow: hidden !important
}
.overflow-visible {
	overflow: visible !important
}
.overflow-scroll {
	overflow: scroll !important
}
.overflow-x-auto {
	overflow-x: auto !important
}
.overflow-x-hidden {
	overflow-x: hidden !important
}
.overflow-x-visible {
	overflow-x: visible !important
}
.overflow-x-scroll {
	overflow-x: scroll !important
}
.overflow-y-auto {
	overflow-y: auto !important
}
.overflow-y-hidden {
	overflow-y: hidden !important
}
.overflow-y-visible {
	overflow-y: visible !important
}
.overflow-y-scroll {
	overflow-y: scroll !important
}
.d-inline {
	display: inline !important
}
.d-inline-block {
	display: inline-block
}
.d-block {
	display: block !important
}
.d-grid {
	display: grid !important
}
.d-inline-grid {
	display: inline-grid !important
}
.d-table {
	display: table !important
}
.d-table-row {
	display: table-row !important
}
.d-table-cell {
	display: table-cell !important
}
.d-flex {
	display: flex
}
.d-inline-flex {
	display: inline-flex !important
}
.d-none {
	display: none !important
}
.shadow {
box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important
}
.shadow-sm {
box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important
}
.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important
}
.shadow-none {
	box-shadow: none !important
}
.focus-ring-primary {
--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-secondary {
--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-success {
--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-info {
--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-warning {
--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-danger {
--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-light {
--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}
.focus-ring-dark {
--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}
.position-static {
	position: static
}
.position-relative {
	position: relative
}
.position-absolute {
	position: absolute
}
.position-fixed {
	position: fixed !important
}
.position-sticky {
	position: sticky
}
.top-0 {
	top: 0 !important
}
.top-50 {
	top: 50% !important
}
.top-100 {
	top: 100% !important
}
.bottom-0 {
	bottom: 0 !important
}
.bottom-50 {
	bottom: 50% !important
}
.bottom-100 {
	bottom: 100% !important
}
.start-0 {
	left: 0 !important
}
.start-50 {
	left: 50% !important
}
.start-100 {
	left: 100% !important
}
.end-0 {
	right: 0 !important
}
.end-50 {
	right: 50% !important
}
.end-100 {
	right: 100% !important
}
.translate-middle {
	transform: translate(-50%, -50%) !important
}
.translate-middle-x {
	transform: translateX(-50%) !important
}
.translate-middle-y {
	transform: translateY(-50%) !important
}

.w-25 {
	width: 25%
}
.w-50 {
	width: 50%
}
.w-75 {
	width: 75%
}
.w-100 {
	width: 100%
}
.w-auto {
	width: auto
}
.mw-100 {
	max-width: 100%
}
.vw-100 {
	width: 100vw
}
.min-vw-100 {
	min-width: 100vw
}
.h-25 {
	height: 25%
}
.h-50 {
	height: 50%
}
.h-75 {
	height: 75%
}
.h-100 {
	height: 100%
}
.h-auto {
	height: auto
}
.mh-100 {
	max-height: 100%
}
.vh-100 {
	height: 100vh
}
.min-vh-100 {
	min-height: 100vh
}
.flex-fill {
	flex: 1 1 auto !important
}
.flex-row {
	flex-direction: row
}
.flex-column {
	flex-direction: column
}
.flex-row-reverse {
	flex-direction: row-reverse
}
.flex-column-reverse {
	flex-direction: column-reverse
}
.flex-grow-0 {
	flex-grow: 0 !important
}
.flex-grow-1 {
	flex-grow: 1 !important
}
.flex-shrink-0 {
	flex-shrink: 0 !important
}
.flex-shrink-1 {
	flex-shrink: 1 !important
}
.flex-wrap {
	flex-wrap: wrap
}
.flex-nowrap {
	flex-wrap: nowrap
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse
}
.justify-content-start {
	justify-content: flex-start
}
.justify-content-end {
	justify-content: flex-end
}
.justify-content-center {
	justify-content: center
}
.justify-content-between {
	justify-content: space-between
}
.justify-content-around {
	justify-content: space-around
}
.justify-content-evenly {
	justify-content: space-evenly
}
.align-items-start {
	align-items: flex-start
}
.align-items-end {
	align-items: flex-end
}
.align-items-center {
	align-items: center
}
.align-items-baseline {
	align-items: baseline !important
}
.align-items-stretch {
	align-items: stretch !important
}
.align-content-start {
	align-content: flex-start !important
}
.align-content-end {
	align-content: flex-end !important
}
.align-content-center {
	align-content: center !important
}
.align-content-between {
	align-content: space-between !important
}
.align-content-around {
	align-content: space-around !important
}
.align-content-stretch {
	align-content: stretch !important
}
.align-self-auto {
	align-self: auto !important
}
.align-self-start {
	align-self: flex-start !important
}
.align-self-end {
	align-self: flex-end !important
}
.align-self-center {
	align-self: center !important
}
.align-self-baseline {
	align-self: baseline !important
}
.align-self-stretch {
	align-self: stretch !important
}

body {
--builder-filemanager-height:250px;
--builder-canvas-margin:0px;
--builder-header-top-height:50px;
--builder-bottom-panel-height:35px;
--drag-items-tabs-height:40px;
	scrollbar-color: rgba(0,0,0,.1) var(--bs-body-bg);
	scrollbar-width: thin;
	-webkit-font-smoothing: subpixel-antialiased
}
@media (min-width:576px) {
body {
--builder-left-panel-width:25vw;
--builder-right-panel-width:25vw;
--builder-component-list-element-width:90%
}
}
@media (min-width:768px) {
body {
--builder-left-panel-width:25vw;
--builder-right-panel-width:25vw;
--builder-component-list-element-width:90%
}
}
@media (min-width:992px) {
body {
--builder-left-panel-width:250px;
--builder-right-panel-width:250px;
--builder-component-list-element-width:44%
}
}
@media (min-width:1200px) {
body {
--builder-left-panel-width:300px;
--builder-right-panel-width:300px;
--builder-component-list-element-width:44%
}
}
@media (min-width:1600px) {
body {
--builder-left-panel-width:350px;
--builder-right-panel-width:350px;
--builder-component-list-element-width:44%
}
}
@media (min-width:2000px) {
body {
--builder-left-panel-width:400px;
--builder-right-panel-width:400px;
--builder-component-list-element-width:28%
}
}
body::-webkit-scrollbar {
width:.5rem;
background-color:rgba(0,0,0,.05)
}
body::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.05);
background-color:rgba(0,0,0,.05)
}
body::-webkit-scrollbar-thumb {
background-color:rgba(0,0,0,.15);
border-radius:10px
}
.modal-content {
font-size:.875rem
}
.modal-footer .btn {
font-size:.875rem
}
li[data-type] {
	width: var(--builder-component-list-element-width);
	min-width: 100px;
	height: 100px;
	margin: 0 1% 3% 3%;
	text-align: center;
	font-weight: 400;
	font-size: 11px;
	color: #000;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-bottom: 7px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	background-color: var(--bs-white);
	border-color: var(--bs-border-color);
	border-color: var(--bs-gray-300);
	background-position: 50% 30%;
	background-size: auto 42px;
	z-index: 100;
	cursor: move;
	cursor: grab;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.05)
}
li[data-type] a {
	min-height: 20px;
	white-space: break-spaces;
	padding: 0 3px
}
html[data-bs-theme=dark] li[data-type][data-drag-type=component] {
	filter: invert(100%);
	border-color: var(--bs-gray-500);
	background-color: transparent
}
html[data-bs-theme=dark] li[data-type][data-drag-type=component] a {
	color: var(--bs-gray-900)
}
.drag-elements-sidepane {
	z-index: 0;
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
	overflow: hidden;
	width: 100%
}
.drag-elements-sidepane>div {
	overflow: hidden
}
.drag-elements-sidepane>div:hover {
	overflow-y: auto
}
.drag-elements-sidepane ul {
	z-index: 1;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-align: center
}
.drag-elements-sidepane ul>li {
	float: none;
	clear: both
}
.drag-elements-sidepane ul>li.header {
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative
}
.drag-elements-sidepane ul>li.header label {
	font-size: 11px;
	font-weight: 600;
	line-height: 28px;
	text-align: left;
padding:.3rem 1rem;
padding:.5rem 1.8rem
}
.drag-elements-sidepane ul>li.header label>a {
	padding-left: 1rem;
	color: var(--bs-link-color)
}
.drag-elements-sidepane ul>li.header:first-child {
	margin-top: 0;
	border-top: none
}
.drag-elements-sidepane ul>li ol {
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	list-style: none
}
.drag-elements-sidepane ul>li ol li {
	float: left
}
.drag-elements-sidepane ul>li ol li a {
	color: var(--bs-body-color);
	text-decoration: none;
	text-shadow: none
}
.drag-elements-sidepane ul>li ol li[data-type] {
	border: none
}
.drag-elements-sidepane ul>li ol li[data-type]:hover {
	cursor: hand;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	background-color: var(--bs-body-bg);
	opacity: 1;
	text-align: center
}
.drag-elements-sidepane ul>li ol li[data-type]:hover a {
	visibility: visible
}
.sections-container {
	width: 100%;
	background: var(--bs-body-bg);
	padding-top: 1rem
}
.sections-container>div.section-item {
	box-shadow: 0 0 1px 0 var(--bs-primary);
	box-shadow: 0 0 1px 0 rgba(18,83,205,.7), 0 0 5px 0 rgba(18,83,205,.1);
	box-shadow: 0 0 1px 2px rgba(18,83,205,.05);
	border: 1px solid var(--bs-border-color);
	background: var(--bs-body-bg);
	margin: 0 0 1rem;
padding:.3rem .5rem .3rem 1.4rem;
	position: relative;
	border-radius: 3px
}
.sections-container>div.section-item .controls {
	cursor: pointer;
	display: flex;
	justify-content: space-between
}
.sections-container>div.section-item .controls .handle {
	width: 20px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	cursor: grab
}
.sections-container>div.section-item .controls .handle::after {
	content: "...";
	color: #bbb;
	width: 5px;
	font-size: 28px;
	word-wrap: break-word;
	line-height: 7px;
	vertical-align: middle;
	display: inline-block;
	margin-left: 5px;
	margin-top: 3px
}
.sections-container>div.section-item .controls .name {
	text-transform: capitalize;
	font-weight: 500
}
.sections-container>div.section-item .controls .type {
	color: #777
}
.sections-container>div.section-item .controls .info {
margin-left:.2rem
}
.sections-container>div.section-item .controls .info .name {
	font-size: 13px
}
.sections-container>div.section-item .controls .info .type {
	font-size: 12px
}
.sections-container>div.section-item .controls .buttons {
	margin-right: 2rem;
margin-top:.2rem
}
.sections-container>div.section-item .controls .buttons a {
padding:.3rem .5rem .3rem;
	display: inline-block
}
.sections-container>div.section-item .controls .buttons a:hover {
	background-color: rgba(18,83,205,.1);
	text-decoration: none
}
.sections-container>div.section-item .controls .buttons .delete-btn, .sections-container>div.section-item .controls .buttons .down-btn, .sections-container>div.section-item .controls .buttons .up-btn {
	visibility: hidden
}
.sections-container>div.section-item .controls .buttons:hover .delete-btn, .sections-container>div.section-item .controls .buttons:hover .down-btn, .sections-container>div.section-item .controls .buttons:hover .up-btn {
	visibility: visible
}
.sections-container>div.section-item.drag-over {
	border: 2px dashed var(--bs-link-color);
	border-radius: 5px
}
.sections-container>div.section-item .header_check~label {
	color: var(--bs-link-color);
	display: block
}
.sections-container>div.section-item .header_check~label .header-arrow {
right:.5rem;
top:.7rem;
padding:.3rem .5rem
}
.sections-container>div.section-item .header_check~label .header-arrow:hover {
	background: rgba(18,83,205,.1)
}
.sections-container>div.section-item .header_check~label .header-arrow:before {
	content: "\f105"
}
.sections-container>div.section-item .header_check:checked~label .header-arrow:before {
	content: "\f107"
}
.sections-container>div.section-item .header_check:checked~.tree {
	display: block
}
.sections-container>div.section-item .tree {
	display: none;
	border-top: 1px solid var(--bs-border-color);
padding:.5rem 0 0;
margin:.5rem 0 0
}
.blocks .block-preview, .sections .block-preview {
	position: absolute;
	left: 100%;
	height: auto;
	z-index: 1000;
	border: 1px solid var(--bs-border-color);
	box-shadow: 0 0 1px 2px rgba(18,83,205,.05)
}
.blocks .drag-elements-sidepane li[data-type], .sections .drag-elements-sidepane li[data-type] {
	width: 92%;
	height: auto;
	position: relative;
	text-align: center;
	font-weight: 400;
	font-size: 11px;
	color: #000;
	background-repeat: no-repeat;
	padding: 0;
	margin: 1rem auto;
	display: block;
	border-color: var(--bs-border-color);
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
	background-position: center;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
	background-size: 100%;
	z-index: 100;
	background-color: var(--bs-body-bg);
	cursor: grab;
	opacity: 1;
	margin: 1rem
}
.blocks .drag-elements-sidepane li[data-type] a.name, .sections .drag-elements-sidepane li[data-type] a.name {
	background: rgba(255,255,255,.9);
	background: rgba(0,0,0,.7);
	background: rgba(var(--bs-link-color-rgb), .7);
	background: rgba(255,255,255,.9);
	color: var(--bs-body-color);
padding:.5rem 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	font-size: 12px;
	border-top: 1px solid rgba(0,0,0,.1)
}
.blocks .drag-elements-sidepane li[data-type]:hover, .sections .drag-elements-sidepane li[data-type]:hover {
	border-color: var(--bs-link-color);
	box-shadow: 0 1px 5px 2px rgba(var(--bs-link-color-rgb), .25);
	-webkit-box-shadow: 0 1px 5px 2px rgba(var(--bs-link-color-rgb), .25)
}
.blocks .drag-elements-sidepane li[data-type]:hover:before, .sections .drag-elements-sidepane li[data-type]:hover:before {
	opacity: .15
}
.blocks .drag-elements-sidepane li[data-type]:hover a.name, .sections .drag-elements-sidepane li[data-type]:hover a.name {
	visibility: visible
}
.blocks .drag-elements-sidepane li[data-type]:before, .sections .drag-elements-sidepane li[data-type]:before {
	content: " ";
	background: var(--bs-body-bg);
	background: var(--bs-primary);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .5s
}
.blocks .drag-elements-sidepane li[data-type] img.preview, .sections .drag-elements-sidepane li[data-type] img.preview {
	max-width: 100%
}
.blocks .drag-elements-sidepane li[data-type] a.name, .sections .drag-elements-sidepane li[data-type] a.name {
	visibility: hidden
}
#add-section-box li[data-type], .components .drag-elements-sidepane li[data-type] {
	width: var(--builder-component-list-element-width);
	min-width: 100px;
	height: 100px;
	margin: 0 1% 3% 3%;
	text-align: center;
	font-weight: 400;
	font-size: 11px;
	color: #000;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-bottom: 7px;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	background-color: var(--bs-white);
	border-color: var(--bs-border-color);
	border-color: var(--bs-gray-300);
	background-position: 50% 30%;
	background-size: auto 42px;
	z-index: 100;
	cursor: move;
	cursor: grab;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.05)
}
#add-section-box li[data-type] a, .components .drag-elements-sidepane li[data-type] a {
	min-height: 20px;
	white-space: break-spaces;
	padding: 0 3px
}
html[data-bs-theme=dark] #add-section-box li[data-type][data-drag-type=component], html[data-bs-theme=dark] .components .drag-elements-sidepane li[data-type][data-drag-type=component] {
	filter: invert(100%);
	border-color: var(--bs-gray-500);
	background-color: transparent
}
html[data-bs-theme=dark] #add-section-box li[data-type][data-drag-type=component] a, html[data-bs-theme=dark] .components .drag-elements-sidepane li[data-type][data-drag-type=component] a {
	color: var(--bs-gray-900)
}
#add-section-box li[data-type]:hover, .components .drag-elements-sidepane li[data-type]:hover {
	box-shadow: 0 0 1px 0 var(--bs-primary);
	background-color: rgba(var(--bs-primary-rgb), .05) !important;
	border-color: rgba(var(--bs-primary-rgb), .5) !important
}
#add-section-box li[data-type]:hover a, .components .drag-elements-sidepane li[data-type]:hover a {
	color: var(--bs-primary)
}
.header-arrow {
padding:.3rem .7rem;
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 0;
	transform: rotateZ(-90deg)
}
.header-arrow-active {
	transform: rotateZ(0)
}
label.header {
	font-size: 11px;
	font-weight: 600;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 32px;
	text-align: left;
padding:.3rem .8rem;
	border-top: 1px solid var(--bs-border-color);
	color: var(--bs-link-color);
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #eaeaea
}
.header ol {
	border-bottom: 1px solid #eaeaea
}
label.header:first-child {
	margin-top: 0;
	border-top: none
}
label.header:checked {
	color: red
}
input.header_check {
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0
}
input.header_check:checked+div.section, li.header>input.header_check:checked+ol {
	opacity: 1;
	padding: 0 1rem;
	height: auto
}/*header>ol,div.section{height:0;overflow:hidden;opacity:0;transition:height,opacity .5s}*/
#right-panel label.header .header-arrow {
	right: 10px
}
.toggle {
	position: relative;
	width: 65px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}
.toggle-checkbox {
	display: none
}
.toggle-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid var(--bs-body-bg);
	border-radius: 30px
}
.toggle-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin .3s ease-in 0s
}
.toggle-inner:after, .toggle-inner:before {
	display: block;
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: 700;
	box-sizing: border-box
}
.toggle-inner:before {
	content: "ON";
	padding-left: 14px;
	background-color: var(--bs-link-color)
}
.toggle-inner:after {
	content: "OFF";
	padding-right: 14px;
	background-color: #999;
	color: #333;
	text-align: right
}
.toggle-switch {
	display: block;
	width: 18px;
	margin: 4px;
	background: var(--bs-body-bg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 39px;
	border: 2px solid var(--bs-body-bg);
	border-radius: 30px;
	transition: all .3s ease-in 0s
}
.toggle-checkbox:checked+.toggle-label .toggle-inner {
	margin-left: 0
}
.toggle-checkbox:checked+.toggle-label .toggle-switch {
	right: 0
}
.form-select {
	-webkit-appearance: none;
	-moz-appearance: none
}
input[type=number] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
padding-right:.5rem;
padding-left:.5rem
}
input[type=number]:focus, input[type=number]:hover {
	-moz-appearance: auto;
	-webkit-appearance: auto;
	appearance: auto
}
.form-select.small-arrow {
background-position:right .5rem center;
	background-size: 10px 8px
}
.input-group.css-unit .form-select.small-arrow {
	max-width: 100px;
padding-left:.5rem;
	padding-right: 1.2em
}
.input-group.auto input[type=number] {
	display: none
}
.input-group.auto .input-group-append {
	width: 100%
}
.input-group.auto .input-group-append .form-select.small-arrow {
	max-width: 100%
}
.btn-group.btn-group-fullwidth {
	display: flex;
	width: 100%
}
.btn-group.btn-group-fullwidth .btn {
	flex: 1 1 auto
}
.btn-group .btn.btn-gray.active {
	background-color: var(--bs-border-color)
}
.btn-group .btn i {
	vertical-align: middle
}
.form-control::placeholder {
opacity:.7
}
.form-control, .form-select {
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,.05) inset
}
.btn-link:hover {
	text-decoration: none
}
input.autocomplete-loading {
	background-image: url(../libs/autocomplete/autocomplete.gif);
	background-position: center right;
	background-repeat: no-repeat
}
ul.autocomplete {
	position: absolute;
	overflow: hidden;
	background-color: var(--bs-body-bg);
	border: 1px solid var(--bs-border-color);
	border-top: none;
	margin-top: -1px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	display: none;
	z-index: 1000
}
ul.autocomplete li {
	display: block;
	padding: .3em;
	overflow: hidden;
	width: 100%;
	cursor: pointer
}
ul.autocomplete li.selected {
	background-color: Highlight;
	color: var(--bs-body-bg)
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
	box-shadow: 0 0 1px 0 rgba(255,255,255,.1);
	background-color: rgba(var(--bs-primary), .07);
	border-radius: 0;
	border-color: transparent
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
	box-shadow: 0 0 1px 0 rgba(var(--bs-primary), .2)
}
.input-list-select .elements {
	max-height: 300px;
	overflow-y: auto;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,.05) inset;
	border: 1px solid #ced4da;
padding:.3rem
}
.input-list-select .elements .row {
--bs-gutter-y:0.5rem;
--bs-gutter-x:0.5rem
}
.input-list-select .elements .element {
	border: 1px solid #ced4da;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,.05) inset;
padding:.2rem;
	height: 100%;
	text-align: center
}
.input-list-select .elements .element:hover {
	border-color: var(--bs-link-color);
	color: var(--bs-link-color)
}
.input-list-select .elements .element label {
	display: block;
	font-size: 11px
}
#accordionSections .card {
	border-color: rgba(18,83,205,.1)
}
#accordionSections .card .card-header {
	background: rgba(18,83,205,.05);
	border: none;
	padding: 0
}
#accordionSections .card .card-header button {
	font-size: 13px;
	text-align: left;
padding:.5rem;
	border-bottom: 1px solid rgba(18,83,205,.2)
}
#accordionSections .card .card-header button:focus {
	text-decoration: none
}
#accordionSections .card .card-header button .header-arrow {
padding:.2rem
}
#sections-list {
	background: var(--bs-body-bg)
}
.sections-tabs .nav-link span {
	font-size: 12px
}
.add-section-btn {
	position: relative;
	bottom: 0;
	background: var(--bs-primary);
	color: var(--bs-white);
	font-size: 18px;
	border-radius: 24px;
	width: 32px;
	height: 32px;
	padding: 3px 7px;
	cursor: pointer;
	display: block;
	box-shadow: 0 0 1px 2px rgba(18,83,205,.05);
	box-shadow: 0 3px 7px 1px rgba(0,0,0,.1), 1px 2px 7px 1px rgba(255,255,255,.1) inset;
	margin: auto;
	position: absolute;
	font-size: 21px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	visibility: hidden;
	top: 50%;
	left: 50%;
	margin-top: -18px;
	margin-left: -18px;
	border-color: var(--bs-link-color)
}
.add-section-btn i {
	font-weight: 600
}
.add-section-btn:hover {
	text-decoration: none;
	filter: brightness(1.2)
}
.add-section-btn i {
	color: var(--bs-body-bg)
}
.animation-container {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	filter: url(#goo);
	animation: rotate-move 2s ease-in-out infinite
}
.dot {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: rgba(255,255,255,.7);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	line-height: 49px;
	text-align: center
}
.dot-3 {
	background-color: var(--bs-link-color);
	animation: dot-3-move 2s ease infinite, index 6s ease infinite
}
.dot-2 {
	background-color: #198754;
	animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite
}
.dot-1 {
	background-color: #dc3545;
	animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite
}
@keyframes dot-3-move {
20% {
transform:scale(1)
}
45% {
transform:translateY(-18px) scale(.45)
}
60% {
transform:translateY(-90px) scale(.45)
}
80% {
transform:translateY(-90px) scale(.45)
}
100% {
transform:translateY(0) scale(1)
}
}
@keyframes dot-2-move {
20% {
transform:scale(1)
}
45% {
transform:translate(-16px, 12px) scale(.45)
}
60% {
transform:translate(-80px, 80px) scale(.45)
}
80% {
transform:translate(-80px, 80px) scale(.45)
}
100% {
transform:translateY(0) scale(1)
}
}
@keyframes dot-1-move {
20% {
transform:scale(1)
}
45% {
transform:translate(16px, 12px) scale(.45)
}
60% {
transform:translate(80px, 70px) scale(.45)
}
80% {
transform:translate(80px, 60px) scale(.45)
}
100% {
transform:translateY(0) scale(1)
}
}
@keyframes rotate-move {
55% {
transform:translate(-50%, -50%) rotate(0)
}
80% {
transform:translate(-50%, -50%) rotate(360deg)
}
100% {
transform:translate(-50%, -50%) rotate(360deg)
}
}
@keyframes index {
0%, 100% {
z-index:3
}
33.3% {
z-index:2
}
66.6% {
z-index:1
}
}
input[type=color] {
	width: 28px;
	height: 28px;
	border-radius: 3px;
	padding: 2px;
	box-shadow: none
}
input[type=color].form-control-color::-moz-color-swatch {
min-width:21px;
min-height:21px;
border-radius:3px;
box-shadow:1px 1px 5px 0 rgba(0,0,0,.25);
border:none
}
input[type=color].form-control-color::-webkit-color-swatch {
min-width:21px;
min-height:21px;
border-radius:3px;
box-shadow:1px 1px 5px 0 rgba(0,0,0,.25);
border:none
}
.breadcrumb-navigator {
padding:.4rem 1rem;
	min-height: 30px
}
.breadcrumb-navigator .breadcrumb {
	font-size: 90%;
	margin: 0
}
.breadcrumb-navigator .breadcrumb .breadcrumb-item {
padding:.2rem .5rem
}
.breadcrumb-navigator .breadcrumb .breadcrumb-item a {
	color: var(--bs-body-color);
	background: rgba(var(--bs-secondary-color-rgb), .03);
padding:.2rem .4rem;
	border-radius: 4px;
	border: 1px solid var(--bs-border-color);
	text-decoration: none
}
.breadcrumb-navigator .breadcrumb .breadcrumb-item a:hover {
	background: rgba(var(--bs-link-color-rgb), .05);
	border: 1px solid rgba(var(--bs-link-color-rgb), .2);
	color: #0d6efd;
	text-decoration: none
}
#dragElement-clone {
	background: rgba(255,255,255,.5);
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	pointer-events: none
}
@keyframes popup-animation {
0% {
transform:translateY(-3rem) scaleY(0) scaleX(0)
}
to {
	transform: translateY(0) scaleY(1) scaleX(1)
}
}
.input-html-list-select .elements {
	margin-top: 5px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid var(--bs-border-color)
}
.input-html-list-select .elements li {
	cursor: pointer
}
.tab-content>.active {
	overflow-y: auto;
	overflow-x: hidden
}
img.preview {
	max-width: 100%
}
.hint {
	position: relative
}
.hint:before {
	position: absolute;
	bottom: 100%;
	margin-bottom: -11px;
	left: calc(50% - 6px);
	content: "";
	z-index: 1000001;
	transform: translateY(-8px);
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	transition: .3s ease;
	transition-delay: 0s;
	border: 6px solid transparent;
	border-top-color: rgba(0,0,0,.9)
}
.hint:after {
	content: attr(aria-label);
	bottom: 100%;
	left: 50%;
	background: rgba(0,0,0,.9);
	color: var(--bs-body-bg);
	padding: 8px 10px;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 12px;
	white-space: nowrap;
	text-shadow: 0 -1px 0 #000;
	box-shadow: rgba(0,0,0,.3);
	position: absolute;
	transform: translateX(-50%);
	visibility: hidden;
	opacity: 0;
	z-index: 1000000;
	pointer-events: none;
	transition: .3s ease;
	transition-delay: 0s
}
.hint:hover:after, .hint:hover:before {
	visibility: visible;
	opacity: 1;
	transition-delay: .1s;
	transform: translateX(-50%) translateY(-8px)
}
.hint:hover:before {
	transform: translateY(-8px)
}
.btn-light {
--bs-btn-bg:transparent;
	border-color: transparent;
	color: var(--bs-body-text)
}
.btn-outline-primary {
--bs-btn-color:var(--bs-link-color)
}
.gallery {
	column-count: 4;
	column-gap: 20px
}
.gallery.flex {
	display: flex;
	flex-wrap: wrap
}
.gallery.flex .item {
	flex: 1 0 21%
}
.gallery.has-shadow .item img {
	box-shadow: 2px 2px 4px 0 #ccc
}
.gallery.masonry {
	margin: 0;
	padding: 0
}
.gallery .item {
	margin-bottom: 20px;
	width: 100%;
	transition: 1s ease all;
	box-sizing: border-box
}
.gallery .item a {
	display: block
}
.gallery .item img {
	max-width: 100%
}
@media only screen and (max-width:320px) {
.gallery .masonry {
	column-count: 1
}
}
@media only screen and (min-width:321px) and (max-width:768px) {
.gallery .masonry {
	column-count: 2
}
}
@media only screen and (min-width:769px) and (max-width:1200px) {
.gallery .masonry {
	column-count: 3
}
}
@media only screen and (min-width:1201px) {
.gallery .masonry {
	column-count: 4
}
}
.btn-icon {
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 0;
padding:.4rem 2rem
}
.btn-icon i:first-child {
	display: inline-block;
margin-right:.3rem;
	opacity: .7
}
.btn-icon.btn-outline-primary {
	border-width: 0;
	box-shadow: 0 0 1px 0 #3478f2;
	background-color: var(--bs-body-bg)
}
.btn-icon.btn-outline-primary:hover {
	color: var(--bs-link-color-rgb);
	background: #f8f9fa
}
.btn-icon.btn-outline-primary i {
	background: 0 0
}
.btn-icon.btn-outline-secondary {
	box-shadow: 0 0 2px 1px rgba(0,0,0,.07), -1px 1px 2px 0 rgba(255,255,255,.15) inset;
	box-shadow: 1px 1px 1px 0 rgba(0,0,0,.07)
}
.btn-icon.btn-secondary {
	box-shadow: -1px 1px 2px 1px rgba(0,0,0,.07), -1px 1px 2px 0 rgba(255,255,255,.15) inset
}
.btn-icon.btn-secondary i {
	background: 0 0
}
.btn-icon.btn-primary {
	box-shadow: -1px 1px 2px 1px rgba(0,0,0,.07), -1px 1px 2px 0 rgba(255,255,255,.15) inset
}
label.form-check .form-check-input {
	float: none;
	vertical-align: middle;
margin-right:.2rem
}
.form-check .form-check-input {
	position: relative;
	box-shadow: 0 0 2px 1px rgba(0,0,0,.07) inset
}
.modal-full .modal-dialog.modal-xl {
	max-width: 90%
}
.modal-full .modal-dialog.modal-xl.modal-dialog-scrollable .modal-content {
	min-height: 50%
}
@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
:root {
--swiper-theme-color:#007aff
}
.swiper, .swiper-initialized {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0, 0, 0)
}
.swiper-pointer-events {
	touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}
.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size:44px
}
.swiper-button {
	position: absolute;
	top: 50%;
	width: 4.2rem;
	height: 4.2rem;
	margin-top: -2.1rem;
	border-radius: 0;
	color: #121212;
	font-size: 1.5rem;
	line-height: 1;
	background-color: rgba(255,255,255,.6);
	border: 2px solid rgba(255,255,255,.6);
	padding: 0;
	opacity: 0;
	z-index: 1;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	box-sizing: content-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-clip: content-box;
	-webkit-background-clip: content-box;
	-moz-background-clip: content-box;
	background-clip: content-box;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s
}
.swiper-button svg {
	width: 2.4rem;
	height: 2.4rem;
	fill: #fff
}
.swiper-button-prev {
	left: 6.5%
}
.swiper-button-next {
	right: 6.5%
}
section:hover .swiper-button {
	opacity: 1 !important;
	visibility: visible;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
section:hover .swiper-button:hover {
	color: #fff;
	background-color: var(--bs-theme-color) !important
}
section:hover .swiper-button:hover svg {
	fill: #fff
}
.swiper-button.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}
.swiper-button.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none
}
.swiper-pagination {
	position: absolute;
	display: block;
	width: 100%;
	left: 0;
	bottom: 2rem;
	z-index: 1;
	text-align: center;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.swiper-pagination .swiper-pagination-bullet {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width: 10px;
	height: 10px;
	margin: 7px;
	background-color: rgba(255,255,255,.3);
	-moz-transition-duration: .3s;
	-webkit-transition-duration: .3s;
	-o-transition-duration: .3s;
	-ms-transition-duration: .3s;
	transition-duration: .3s;
	text-indent: 99999999px
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #000
}
.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}
.swiper-pagination-lock {
	display: none
}
.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}
.swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
	display: none !important
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}
.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}
.swiper-scrollbar-cursor-drag {
	cursor: move
}
.swiper-scrollbar-lock {
	display: none
}
.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}
.swiper-slide-zoomed {
	cursor: move
}
.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	height: 100%
}
.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-cube {
	overflow: visible
}
.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}
.swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}
.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}
.swiper-flip {
	overflow: visible
}
.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform, opacity, height
}
.swiper-cards {
	overflow: visible
}
.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}
.align-left {
	float: left;
	margin-bottom: 25px;
	max-width: 50%
}
.align-right {
	float: right;
	margin-bottom: 25px;
	max-width: 50%
}
.align-center {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.block-item-2 .block-item {
	width: 50%
}
.block-item-3 .block-item {
	width: 33.333%
}
.block-item-4 .block-item {
	width: 25%
}
.block-item-5 .block-item {
	width: 20%
}
.layout {
	max-width: 100%;
	min-width: 1080px;
	margin: 0 auto
}
@media(max-width:1440px){
.layout {
	max-width: 100%;
	min-width: auto;
	margin: 0 auto
}}


[data-screen=screen-full] .layout {
	width: var(--bs-screen-full)
}
 .layout {
	width: var(--bs-screen-xxl)
}

[data-screen=screen-mid] .layout {
	width: var(--bs-screen-mid)
}
[data-screen=screen-small] .layout {
	width: var(--bs-screen-small)
}
@media only screen and (max-width:1366px) {
[data-screen=screen-full] .layout {
	width: var(--bs-screen-full-notebook)
}
[data-screen=screen-xxl] .layout {
	width: var(--bs-screen-xxl-notebook)
}
[data-screen=screen-large] .layout {
	width: var(--bs-screen-large-notebook)
}
[data-screen=screen-mid] .layout {
	width: var(--bs-screen-mid-notebook)
}
[data-screen=screen-small] .layout {
	width: var(--bs-screen-small-notebook)
}
}
@media only screen and (max-width:820px) {
[data-screen=screen-full] .layout {
	width: var(--bs-screen-full-pad)
}
[data-screen=screen-xxl] .layout {
	width: var(--bs-screen-xxl-pad)
}
[data-screen=screen-large] .layout {
	width: var(--bs-screen-large-pad)
}
[data-screen=screen-mid] .layout {
	width: var(--bs-screen-mid-pad)
}
[data-screen=screen-small] .layout {
	width: var(--bs-screen-small-pad)
}
}
@media only screen and (max-width:480px) {
[data-screen=screen-full] .layout {
	width: var(--bs-screen-full-mobile)
}
[data-screen=screen-xxl] .layout {
	width: var(--bs-screen-xxl-mobile)
}
[data-screen=screen-large] .layout {
	width: var(--bs-screen-large-mobile)
}
[data-screen=screen-mid] .layout {
	width: var(--bs-screen-mid-mobile)
}
[data-screen=screen-small] .layout {
	width: var(--bs-screen-small-mobile)
}
}
.centered-slides-true .swiper-slide {
	transform: scale(.8)
}
.centered-slides-true .swiper-slide.swiper-slide-active {
	transform: scale(1)
}
.display-block {
	display: block
}
em, i {
	font-style: normal
}
img {
	max-width: 100%
}
[allow-slide=false] .swiper-container-horizontal .swiper-wrapper {
	flex-wrap: wrap;
	width: 100% !important;
	transform: translate3d(0, 0, 0) !important
}
[allow-slide=false] .swiper-container-horizontal .swiper-button-next, [allow-slide=false] .swiper-container-horizontal .swiper-button-prev, [allow-slide=false] .swiper-container-horizontal>.swiper-pagination-bullets {
	display: none !important
}
.modalMask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.3);
	margin: auto auto
}
.modalMask .label-Box {
	width: 500px;
	height: 150px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	border-radius: 3px
}
.modalMask .label-Box .label-input-value {
	width: 350px;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border: 1px solid #dcdfe6;
	box-sizing: border-box;
	color: #606266;
	height: 32px;
	line-height: 32px;
	padding: 0 10px
}
.modalMask .label-Box .submit-label-btn {
	background: #4d79f6;
	border-color: #4d79f6;
	color: #fff;
	border-radius: 4px;
	padding: 5px 16px;
	font-size: 13px;
	min-width: 43px
}
.modalMask .label-more-Box {
	width: 500px;
	max-height: 150px;
	overflow: auto;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	border-radius: 3px
}
.modalMask .label-more-Box #label-more-tag span {
	display: inline-block;
	background-color: #f0f9eb;
	border-color: #e1f3d8;
	color: #67c23a;
	border-radius: 4px;
	padding: 3px;
	font-size: 12px;
	margin: 3px
}
.modalMask .modalBox {
	width: 785px;
	height: 600px;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto;
	border-radius: 3px
}
.modalMask .modalBox .title {
	font-size: 18px;
	padding: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between
}
.modalMask .modalBox .addBox {
	width: 100px;
	height: 100px;
	border: 1px dashed #ccc;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #999;
	cursor: pointer
}
.modalBox .addBox .addIcon {
	font-size: 30px;
	font-weight: 700;
	margin-top: 10px
}
.uploaded-title {
	color: #318fff;
	margin-left: 20px;
	margin-bottom: 0
}
.imgBox {
	margin: 20px 0 20px 20px;
	max-height: 290px;
	overflow-y: auto
}
.imgBox .imgItem {
	width: 120px;
	height: 140px;
	background-color: #dcdfe6;
	border: 2px solid #dcdfe6;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	cursor: pointer
}
.imgBox .imgItem:nth-child(6n) {
	margin-right: 0
}
.imgBox .imgwrap {
	max-width: 90%;
	max-height: 90%
}
.imgBox .imgItem.active {
	border: 2px solid #0d0
}
.imgBox .imgItem:hover {
	border: 2px solid #0bf
}
.imgBox .videoItem {
	width: 120px;
	height: 140px;
	background-color: #dcdfe6;
	border: 2px solid #dcdfe6;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	cursor: pointer
}
.imgBox .videoItem:nth-child(6n) {
	margin-right: 0
}
.imgBox .videowrap {
	max-width: 90%;
	max-height: 90%
}
.imgBox .videoItem.active {
	border: 2px solid #0d0
}
.imgBox .videoItem:hover {
	border: 2px solid #0bf
}
.upload-footer {
	width: 180px;
	display: flex;
	justify-content: space-between;
	position: absolute;
	right: 20px;
	bottom: 20px
}
.upload-close {
	width: 70px;
	text-align: center;
	border: 1px solid #ccc;
	line-height: 30px;
	border-radius: 5px;
	cursor: pointer
}
.upload-confirm {
	width: 80px;
	text-align: center;
	background-color: #4d79f6;
	color: #fff;
	line-height: 30px;
	border-radius: 5px;
	cursor: pointer
}
#select-actions #select-name {
	font-size: 12px !important
}
#message-container {
	width: 100%;
	position: fixed;
	top: 20px;
	z-index: 100;
	text-align: center
}
.message {
	display: inline-block;
	position: relative;
	padding: 10px;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
}
.message-success {
	color: #67c23a;
	background-color: #f0f9eb
}
.message-info {
	color: #909399;
	background-color: #f4f4f5
}
.message-warning {
	color: #e6a23c;
	background-color: #fdf6ec
}
.message-error {
	color: #f56c6c;
	background-color: #fef0f0
}
.section-tab-wrap-block .nav-item {
	cursor: pointer
}
.section-tab-wrap-block .nav-item.active {
	cursor: pointer;
	color: var(--bs-theme-color)
}
#select-actions #select-name {
	font-size: 12px
}
header {
	z-index: 999;
	width: 100%
}
header.position-sticky {
	top: 0
}
@media (max-width:1200px) {
.layout {
	max-width: unset;
	min-width: unset
}
}
@media (max-width:1080px) {
[data-screen=screen-large] .layout, [data-screen=screen-mid] .layout, [data-screen=screen-small] .layout {
	width: 90%
}
}
.main-slider, .thumbs-slider {
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden
}
.thumbs-slider .swiper-slide {
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px
}
.thumbs-slider .swiper-slide a {
	border: 1px solid var(--bs-border-color);
	border-radius: 5px;
	overflow: hidden
}
.thumbs-slider img {
	width: 100%;
	object-fit: cover
}
.thumbs-slider.swiper-horizontal {
	width: 100%;
	margin: 20px 0
}
.thumbs-slider.swiper-vertical {
	width: 120px;
	margin: -5px 0
}
.thumbs-slider.swiper-vertical .swiper-slide {
	padding: 5px 0;
	width: 100% !important
}
.main-slider.swiper-horizontal {
	flex: 1;
	min-width: 50%
}
[allow-slide=false] .thumbs-slider .swiper-wrapper {
	transform: none !important;
	flex-wrap: wrap;
	height: auto
}
[allow-slide=false] .thumbs-slider .swiper-wrapper .swiper-slide {
	width: 60px !important;
	height: auto !important
}
[allow-slide=false] .thumbs-slider .swiper-slide {
	padding: 3px
}
[allow-slide=false] .thumbs-slider.swiper-vertical {
	overflow: auto;
	margin: -3px 0
}
[allow-slide=false] div.swiper-initialized .swiper-buttons {
	display: none
}
.swiper-buttons .swiper-button-next::after, .swiper-buttons .swiper-button-prev::after {
	content: none
}
.product-view .swiper-buttons, [slide-btn-position=none] .swiper-buttons, [slide-btn-position=none] .swiper-control, [swiperthumbs] .swiper-buttons, [swiperthumbs] .swiper-control {
	display: none
}
.main-slider .swiper-buttons, .thumbs-slider .swiper-buttons {
	display: none
}
[slide-btn-position=custom] .swiper-buttons, [slide-btn-position=custom] .swiper-control {
	display: block
}
[swiperthumbs] .swiper-button, [swiperthumbs] .swiper-control, [swiperthumbs] .swiper-pagination {
	z-index: 999
}
[swiperthumbs] .swiper-button {
	transform: none;
	box-sizing: border-box
}
[swiperthumbs][allow-slide=false] .main-slider .swiper-control, [swiperthumbs][allow-slide=false] .swiper-buttons, [swiperthumbs][allow-slide=false] .swiper-control, [swiperthumbs][allow-slide=false] .thumbs-slider .swiper-control {
	display: none
}
[slide-btn-position=main] .main-slider .swiper-buttons, [slide-btn-position=main] .main-slider .swiper-control {
	display: block
}
[slide-btn-position=main] .main-slider .swiper-button {
	opacity: 1;
	visibility: visible;
	color: #fff
}
.main-slider .swiper-buttons .swiper-button-next, .main-slider .swiper-buttons .swiper-button-prev {
	background-color: rgba(var(--bs-black-rgb), .4)
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-buttons, [slide-btn-position=thumbs] .thumbs-slider .swiper-control {
	display: block
}
[slide-btn-position=thumbs][allow-slide=false] .thumbs-slider .swiper-buttons, [slide-btn-position=thumbs][allow-slide=false] .thumbs-slider .swiper-control {
	display: none
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button {
	opacity: 1;
	visibility: visible
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button-next, [slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev {
	margin: 0;
	background-color: var(--bs-white);
	overflow: hidden
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button-next svg, [slide-btn-position=thumbs] .thumbs-slider .swiper-button-prev svg {
	width: 100%;
	height: 100%;
	fill: var(--bs-gray-dark)
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button:hover {
	background-color: #fff
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button:hover svg {
	fill: var(--bs-theme-color)
}
[slide-btn-position=thumbs] .thumbs-slider .swiper-button:hover svg {
	fill: var(--bs-theme-color)
}
[slide-btn-position=thumbs] .thumbs-slider.swiper-horizontal {
	padding: 0 20px
}
[slide-btn-position=thumbs][allow-slide=false] .thumbs-slider.swiper-horizontal, [slide-btn-position=thumbs][allow-slide=false] .thumbs-slider.swiper-vertical {
	padding: 0
}
[slide-btn-position=thumbs] .thumbs-slider.swiper-horizontal .swiper-button {
	width: 20px;
	height: 100%
}
[slide-btn-position=thumbs] .thumbs-slider.swiper-horizontal .swiper-button-prev {
	top: 0;
	left: 0;
	right: auto;
	bottom: 0
}