/*
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * File: libs.css
 * File Created: Saturday, 10th February 2024 3:11:32 am
 * Author: Nebula Studios (https://discord.gg/CsphJ7Wetz)
 *             ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * The modification of this file is prohibited without explicit permission from Nebula Studios.
 * Any unauthorized modification of this file will result in support being revoked.
 *             ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Last Modified: Friday, 1st March 2024 2:09:55 am
 * Modified By: MS Studios
 *             ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * License: Creative Commons Attribution Non-commercial No-derivatives 4.0 International
 * License Abbreviation: CC BY-NC-ND 4.0
 * License URL: https://creativecommons.org/licenses/by-nc-nd/4.0/
 * Copyright 2023 - 2024, Nebula Studios
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 */

@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&display=swap');

:root {
	--background: #252422;
	--primary: #eb5f28;
	--success: #00ff73;
	--success-subtle: #00ff7363;
	--danger: #ff0040;
	--danger-subtle: #ff004063;
	--warning: #ffd000;
	--warning-subtle: #ffd00063;
	--info: #00a8ff;
	--info-subtle: #00a8ff63;
	/* --violet: #7700ff;
	--violet-subtle: #7700ff63; */
	--violet: #4d00ff;
	--violet-subtle: #4d00ff63;
	--border-subtle: #3d3d3d;
	--primary-subtle: #eb5f2863;
	--selection: #eb5f281a;
	--border: #5a5a5a41;
	--grid: #1d1d1d7c;
	--text: #fffcf2;
	--text-subtle: #b9b9b9;
	--note: #b9b9b9b0;
	--background: #252422;
	--background-darker: #131211;
	--background-subtle: #131211d2;
	--transparent: rgba(0, 0, 0, 0);
	--ease: all 0.2s ease-in-out;
	--border-radius: 10px;
	--box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
	--drop-shadow: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.87));
	--nebula-font: 'Oxanium', cursive;
	--font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto,
		'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif,
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--ns-border-width: 1px;
	--ns-border-style: solid;
	--ns-border-color: #dee2e6;
	--ns-border-color-translucent: rgba(0, 0, 0, 0.175);
	--ns-border-radius: 0.375rem;
	--ns-border-radius-sm: 0.25rem;
	--ns-border-radius-lg: 0.5rem;
	--ns-border-radius-xl: 1rem;
	--ns-border-radius-xxl: 2rem;
	--ns-border-radius-2xl: var(--ns-border-radius-xxl);
	--ns-border-radius-pill: 50rem;
	--ns-border-radius: 0.375rem;
	--ns-border-radius-sm: 0.25rem;
	--ns-border-radius-lg: 0.5rem;
	--ns-border-radius-xl: 1rem;
	--ns-border-radius-xxl: 2rem;
	--ns-border-radius-2xl: var(--ns-border-radius-xxl);
	--ns-border-radius-pill: 50rem;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

.btn {
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	border: 1px solid var(--border-subtle);
	background-color: var(--background-subtle);
	color: var(--text);
	transition: var(--ease);
	width: fit-content;
}

.btn:hover {
	border: 1px solid var(--text-subtle);
	filter: drop-shadow(0px 0px 10px var(--border));
	cursor: pointer;
}

.btn-primary {
	border: 1px solid var(--primary);
	background-color: var(--primary-subtle);
	color: var(--text);
}

.btn-primary:hover {
	border: 1px solid var(--primary);
	filter: drop-shadow(0px 0px 10px var(--primary));
	cursor: pointer;
}

.btn-success {
	border: 1px solid var(--success);
	background-color: var(--success-subtle);
	color: var(--text);
}

.btn-success:hover {
	border: 1px solid var(--success);
	filter: drop-shadow(0px 0px 10px var(--success));
	cursor: pointer;
}

.btn-danger {
	border: 1px solid var(--danger);
	background-color: var(--danger-subtle);
	color: var(--text);
}

.btn-danger:hover {
	border: 1px solid var(--danger);
	filter: drop-shadow(0px 0px 10px var(--danger));
	cursor: pointer;
}

.btn-warning {
	border: 1px solid var(--warning);
	background-color: var(--warning-subtle);
	color: var(--text);
}

.btn-warning:hover {
	border: 1px solid var(--warning);
	filter: drop-shadow(0px 0px 10px var(--warning));
	cursor: pointer;
}

.btn-info {
	border: 1px solid var(--info);
	background-color: var(--info-subtle);
	color: var(--text);
}

.btn-info:hover {
	border: 1px solid var(--info);
	filter: drop-shadow(0px 0px 10px var(--info));
	cursor: pointer;
}

.btn-violet {
	border: 1px solid var(--violet);
	background-color: var(--violet-subtle);
	color: var(--text);
}

.btn-violet:hover {
	border: 1px solid var(--violet);
	filter: drop-shadow(0px 0px 10px var(--violet));
	cursor: pointer;
}

.hover,
.hover-danger,
.hover-success,
.hover-body,
.hover-warning,
.hover-info,
.hover-violet {
	transition: var(--ease);
	border-radius: 10px;
	border: 2px solid var(--transparent);
}

.hover:hover {
	transform: translateY(-5px);
	border: 2px solid var(--primary) !important;
	filter: drop-shadow(0px 0px 10px var(--primary));
	background-color: var(--background-darker);
}

.hover-success:hover {
	transform: translateY(-5px);
	border: 2px solid var(--success);
	filter: drop-shadow(0px 0px 10px var(--success));
	background-color: var(--success-subtle);
	cursor: pointer;
}

.hover-danger:hover {
	transform: translateY(-5px);
	border: 2px solid var(--danger);
	filter: drop-shadow(0px 0px 10px var(--danger));
	background-color: var(--danger-subtle);
	cursor: pointer;
}

.hover-body:hover {
	transform: translateY(-5px);
	filter: drop-shadow(0px 0px 10px var(--text));
	cursor: pointer;
}

.hover-warning:hover {
	transform: translateY(-5px);
	border: 2px solid var(--warning);
	filter: drop-shadow(0px 0px 10px var(--warning));
	background-color: var(--warning-subtle);
	cursor: pointer;
}

.hover-info:hover {
	transform: translateY(-5px);
	border: 2px solid var(--info);
	filter: drop-shadow(0px 0px 10px var(--info));
	background-color: var(--info-subtle);
	cursor: pointer;
}

.hover-violet:hover {
	transform: translateY(-5px);
	border: 2px solid var(--violet);
	filter: drop-shadow(0px 0px 10px var(--violet));
	background-color: var(--violet-subtle);
	cursor: pointer;
}

.active-danger {
	border: 2px solid var(--danger);
	filter: drop-shadow(0px 0px 10px var(--danger));
	background-color: var(--danger-subtle);
}

.active-success {
	border: 2px solid var(--success);
	filter: drop-shadow(0px 0px 10px var(--success));
	background-color: var(--success-subtle);
}

.rem-underline {
	text-decoration: none;
}

.pointer {
	cursor: default;
}

.pointer:hover {
	cursor: pointer;
}

.r-10 {
	border-radius: 10px;
}

.r-5 {
	border-radius: 5px;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
	--ns-gutter-x: 1.5rem;
	--ns-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--ns-gutter-x) * 0.5);
	padding-left: calc(var(--ns-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container-sm,
	.container {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container-md,
	.container-sm,
	.container {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1320px;
	}
}

body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: var(--nebula-font);
	color: var(--text);
	height: 100vh;
	width: 100vw;
	scrollbar-width: thin;
	scrollbar-color: var(--primary) var(--background-darker);
		scroll-behavior: smooth;
}

.main {
	display: flex;
	height: 100%;
	width: 100%;
}

.bg-primary {
	background-color: var(--primary);
}

.bg-primary-subtle {
	background-color: var(--primary-subtle);
}

.bg-success {
	background-color: var(--success);
}

.bg-success-subtle {
	background-color: var(--success-subtle);
}

.bg-danger {
	background-color: var(--danger);
}

.bg-danger-subtle {
	background-color: var(--danger-subtle);
}

.bg-warning {
	background-color: var(--warning);
}

.bg-warning-subtle {
	background-color: var(--warning-subtle);
}

.bg-info {
	background-color: var(--info);
}

.bg-info-subtle {
	background-color: var(--info-subtle);
}

.bg-violet {
	background-color: var(--violet);
}

.bg-violet-subtle {
	background-color: var(--violet-subtle);
}

.bg-subtle {
	background-color: var(--background-subtle);
}

.bg-transparent {
	background-color: var(--transparent);
}

.bg-dark {
	background-color: var(--background);
}

.bg-dark-subtle {
	background-color: var(--background-subtle);
}

.bg-darker {
	background-color: var(--background-darker);
}

.bg-border {
	background-color: var(--border-subtle);
}

.bg-grid {
	background-image: linear-gradient(
			90deg,
			var(--grid) 1px,
			var(--transparent) 1px
		),
		linear-gradient(0deg, var(--grid) 1px, var(--transparent) 1px);
	background-size: 60px 60px;
	animation: move 5s linear infinite;
	z-index: -9999;
}

.bg-grid::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--background-darker);
	opacity: 1;
	z-index: -1;
}

@keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 60px;
	}
}

.blur-1 {
	backdrop-filter: blur(1px);
}

.blur-5 {
	backdrop-filter: blur(5px);
}

.blur-10 {
	backdrop-filter: blur(10px);
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.m-4 {
	margin: 1.5em !important;
}

.m-5 {
	margin: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}

.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}

.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}

.mx-4 {
	margin-right: 1.5em !important;
	margin-left: 1.5em !important;
}

.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}

.my-4 {
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5em !important;
}

.mt-5 {
	margin-top: 3rem !important;
}

.mt-10 {
	margin-top: 6rem !important;
}

.mt-15 {
	margin-top: 12rem !important;
}

.mt-auto {
	margin-top: auto !important;
}

.me-0 {
	margin-right: 0 !important;
}

.me-1 {
	margin-right: 0.25rem !important;
}

.me-2 {
	margin-right: 0.5rem !important;
}

.me-3 {
	margin-right: 1rem !important;
}

.me-4 {
	margin-right: 1.5em !important;
}

.me-5 {
	margin-right: 3rem !important;
}

.me-auto {
	margin-right: auto !important;
}

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

.mb-1 {
	margin-bottom: 0.25rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5em !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.mb-6 {
	margin-bottom: 6rem !important;
}

.mb-7 {
	margin-bottom: 12rem !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ms-0 {
	margin-left: 0 !important;
}

.ms-1 {
	margin-left: 0.25rem !important;
}

.ms-2 {
	margin-left: 0.5rem !important;
}

.ms-3 {
	margin-left: 1rem !important;
}

.ms-4 {
	margin-left: 1.5em !important;
}

.ms-5 {
	margin-left: 3rem !important;
}

.ms-auto {
	margin-left: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5em !important;
}

.p-5 {
	padding: 3rem !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}

.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}

.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}

.px-4 {
	padding-right: 1.5em !important;
	padding-left: 1.5em !important;
}

.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.py-4 {
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
}

.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 0.25rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pt-4 {
	padding-top: 1.5em !important;
}

.pt-5 {
	padding-top: 3rem !important;
}

.pe-0 {
	padding-right: 0 !important;
}

.pe-1 {
	padding-right: 0.25rem !important;
}

.pe-2 {
	padding-right: 0.5rem !important;
}

.pe-3 {
	padding-right: 1rem !important;
}

.pe-4 {
	padding-right: 1.5em !important;
}

.pe-5 {
	padding-right: 3rem !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 0.25rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5em !important;
}

.pb-5 {
	padding-bottom: 3rem !important;
}

.ps-0 {
	padding-left: 0 !important;
}

.ps-1 {
	padding-left: 0.25rem !important;
}

.ps-2 {
	padding-left: 0.5rem !important;
}

.ps-3 {
	padding-left: 1rem !important;
}

.ps-4 {
	padding-left: 1.5em !important;
}

.ps-5 {
	padding-left: 3rem !important;
}

.gap-0 {
	gap: 0 !important;
}

.gap-1 {
	gap: 0.25rem !important;
}

.gap-2 {
	gap: 0.5rem !important;
}

.gap-3 {
	gap: 1rem !important;
}

.gap-4 {
	gap: 1.5em !important;
}

.gap-5 {
	gap: 3rem !important;
}

.text-primary {
	color: var(--primary);
}

.text-success {
	color: var(--success);
}

.text-danger {
	color: var(--danger);
}

.text-subtle {
	color: var(--text-subtle);
}

.text-body {
	color: var(--text);
}

.text-warning {
	color: var(--warning);
}

.text-info {
	color: var(--info);
}

.text-body-subtle {
	color: var(--text-subtle);
}

.text-dark {
	color: var(--background-darker);
}

.text-violet {
	color: var(--violet);
}

.bold {
	font-weight: 700;
}

.semibold {
	font-weight: 600;
}

.light {
	font-weight: 300;
}

.normal {
	font-weight: 400;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.line-through {
	text-decoration: line-through;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.b1-bottom {
	border-bottom: 1px solid;
}

.b1-top {
	border-top: 1px solid;
}

.b1-left {
	border-left: 1px solid;
}

.b1-right {
	border-right: 1px solid;
}

.b1 {
	border: 1px solid;
}

.b2 {
	border: 2px solid;
}

.b2-bottom {
	border-bottom: 2px solid;
}

.b2-top {
	border-top: 2px solid;
}

.b2-left {
	border-left: 2px solid;
}

.b2-right {
	border-right: 2px solid;
}

.border-primary {
	border-color: var(--primary);
}

.border-success {
	border-color: var(--success);
}

.border-danger {
	border-color: var(--danger);
}

.border-warning {
	border-color: var(--warning);
}

.border-info {
	border-color: var(--info);
}

.border-violet {
	border-color: var(--violet);
}

.border-subtle {
	border-color: var(--border-subtle);
}

.border {
	border-color: var(--border);
}

.border-body {
	border-color: var(--text-subtle);
}

.shadow {
	filter: var(--drop-shadow);
}

.shadow-primary {
	filter: drop-shadow(0px 0px 10px var(--primary));
}

.shadow-text {
	filter: drop-shadow(0px 0px 10px var(--text));
}

.shadow-danger {
	filter: drop-shadow(0px 0px 10px var(--danger));
}

.shadow-success {
	filter: drop-shadow(0px 0px 10px var(--success));
}

.shadow-warning {
	filter: drop-shadow(0px 0px 10px var(--warning));
}

.shadow-info {
	filter: drop-shadow(0px 0px 10px var(--info));
}

.shadow-violet {
	filter: drop-shadow(0px 0px 10px var(--violet));
}

.shadow-none {
	filter: none !important;
}

.mask {
	background: var(--primary);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
}

.scroll-y {
	overflow-y: scroll;
	overflow-x: hidden;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
	font-weight: 500;
	line-height: 1.2;
	color: var(--text);
	margin: 0;
}

p {
	margin: 0;
	line-height: 1.5;
}

h1,
.h1 {
	font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
	h1,
	.h1 {
		font-size: 2.5rem;
	}
}

h2,
.h2 {
	font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
	h2,
	.h2 {
		font-size: 2rem;
	}
}

h3,
.h3 {
	font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
	h3,
	.h3 {
		font-size: 1.75rem;
	}
}

h4,
.h4 {
	font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
	h4,
	.h4 {
		font-size: 1.5rem;
	}
}

h5,
.h5 {
	font-size: 1.25rem;
}

h6,
.h6 {
	font-size: 1rem;
}

.w-auto {
	width: auto !important;
}

.w-fit {
	width: fit-content !important;
}

.w-100 {
	width: 100% !important;
}

.w-75 {
	width: 75% !important;
}

.w-50 {
	width: 50% !important;
}

.w-25 {
	width: 25% !important;
}

.h-auto {
	height: auto !important;
}

.h-fit {
	height: fit-content !important;
}

.h-100 {
	height: 100% !important;
}

.h-75 {
	height: 75% !important;
}

.h-50 {
	height: 50% !important;
}

.h-25 {
	height: 25% !important;
}

a {
	text-decoration: none;
	color: var(--text);
	transition: var(--ease);
	scroll-behavior: smooth;
}

.tab {
	color: var(--text-subtle);
	transition: var(--ease);
	border-bottom: 1px solid var(--transparent);
}

.tab:hover {
	color: var(--primary);
	cursor: pointer;
	border-bottom: 1px solid var(--primary);
	filter: var(--drop-shadow-primary);
}

.tab:hover a {
	color: var(--primary);
}

.inactive,
.inactive > a {
	color: var(--text-subtle);
}

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--background-darker);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	gap: 1rem;
}

#loader {
	font-size: 2em;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.footer {
	width: 100%;
	border-top: 2px solid var(--border-subtle);
	position: relative;
	bottom: 0;
}

.d-flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.flex-row {
	flex-direction: row;
}

.d-inline {
	display: inline;
}

.d-grid {
	display: grid;
	width: 100%;
	height: 100%;
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

.col {
	flex: 1 0 0%;
}

.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}

.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}

.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}

.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}

.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}

.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}
	.row-cols-sm-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-sm-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-sm-3 > * {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.row-cols-sm-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-sm-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-sm-6 > * {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-sm-0 {
		margin-left: 0;
	}
	.offset-sm-1 {
		margin-left: 8.33333333%;
	}
	.offset-sm-2 {
		margin-left: 16.66666667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333333%;
	}
	.offset-sm-5 {
		margin-left: 41.66666667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333333%;
	}
	.offset-sm-8 {
		margin-left: 66.66666667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333333%;
	}
	.offset-sm-11 {
		margin-left: 91.66666667%;
	}
	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}
	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}
	.g-sm-1,
	.gx-sm-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-sm-1,
	.gy-sm-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-sm-2,
	.gx-sm-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-sm-2,
	.gy-sm-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-sm-3,
	.gx-sm-3 {
		--bs-gutter-x: 1rem;
	}
	.g-sm-3,
	.gy-sm-3 {
		--bs-gutter-y: 1rem;
	}
	.g-sm-4,
	.gx-sm-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-sm-4,
	.gy-sm-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-sm-5,
	.gx-sm-5 {
		--bs-gutter-x: 3rem;
	}
	.g-sm-5,
	.gy-sm-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}
	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-md-0 {
		margin-left: 0;
	}
	.offset-md-1 {
		margin-left: 8.33333333%;
	}
	.offset-md-2 {
		margin-left: 16.66666667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333333%;
	}
	.offset-md-5 {
		margin-left: 41.66666667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333333%;
	}
	.offset-md-8 {
		margin-left: 66.66666667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333333%;
	}
	.offset-md-11 {
		margin-left: 91.66666667%;
	}
	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}
	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}
	.g-md-1,
	.gx-md-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-md-1,
	.gy-md-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-md-2,
	.gx-md-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-md-2,
	.gy-md-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-md-3,
	.gx-md-3 {
		--bs-gutter-x: 1rem;
	}
	.g-md-3,
	.gy-md-3 {
		--bs-gutter-y: 1rem;
	}
	.g-md-4,
	.gx-md-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-md-4,
	.gy-md-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-md-5,
	.gx-md-5 {
		--bs-gutter-x: 3rem;
	}
	.g-md-5,
	.gy-md-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 992px) {
	.col-lg {
		flex: 1 0 0%;
	}
	.row-cols-lg-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-lg-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-lg-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-lg-3 > * {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.row-cols-lg-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-lg-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-lg-6 > * {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-lg-0 {
		margin-left: 0;
	}
	.offset-lg-1 {
		margin-left: 8.33333333%;
	}
	.offset-lg-2 {
		margin-left: 16.66666667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333333%;
	}
	.offset-lg-5 {
		margin-left: 41.66666667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333333%;
	}
	.offset-lg-8 {
		margin-left: 66.66666667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333333%;
	}
	.offset-lg-11 {
		margin-left: 91.66666667%;
	}
	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}
	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}
	.g-lg-1,
	.gx-lg-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-lg-1,
	.gy-lg-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-lg-2,
	.gx-lg-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-lg-2,
	.gy-lg-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-lg-3,
	.gx-lg-3 {
		--bs-gutter-x: 1rem;
	}
	.g-lg-3,
	.gy-lg-3 {
		--bs-gutter-y: 1rem;
	}
	.g-lg-4,
	.gx-lg-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-lg-4,
	.gy-lg-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-lg-5,
	.gx-lg-5 {
		--bs-gutter-x: 3rem;
	}
	.g-lg-5,
	.gy-lg-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%;
	}
	.row-cols-xl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-xl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-xl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.row-cols-xl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-xl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-xl-6 > * {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-xl-0 {
		margin-left: 0;
	}
	.offset-xl-1 {
		margin-left: 8.33333333%;
	}
	.offset-xl-2 {
		margin-left: 16.66666667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333333%;
	}
	.offset-xl-5 {
		margin-left: 41.66666667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333333%;
	}
	.offset-xl-8 {
		margin-left: 66.66666667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333333%;
	}
	.offset-xl-11 {
		margin-left: 91.66666667%;
	}
	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}
	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}
	.g-xl-1,
	.gx-xl-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-xl-1,
	.gy-xl-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-xl-2,
	.gx-xl-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-xl-2,
	.gy-xl-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-xl-3,
	.gx-xl-3 {
		--bs-gutter-x: 1rem;
	}
	.g-xl-3,
	.gy-xl-3 {
		--bs-gutter-y: 1rem;
	}
	.g-xl-4,
	.gx-xl-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-xl-4,
	.gy-xl-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-xl-5,
	.gx-xl-5 {
		--bs-gutter-x: 3rem;
	}
	.g-xl-5,
	.gy-xl-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%;
	}
	.row-cols-xxl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-xxl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-xxl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-xxl-3 > * {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.row-cols-xxl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-xxl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-xxl-6 > * {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-xxl-0 {
		margin-left: 0;
	}
	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}
	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}
	.offset-xxl-3 {
		margin-left: 25%;
	}
	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}
	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}
	.offset-xxl-6 {
		margin-left: 50%;
	}
	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}
	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}
	.offset-xxl-9 {
		margin-left: 75%;
	}
	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}
	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}
	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}
	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}
	.g-xxl-1,
	.gx-xxl-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-xxl-1,
	.gy-xxl-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-xxl-2,
	.gx-xxl-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-xxl-2,
	.gy-xxl-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-xxl-3,
	.gx-xxl-3 {
		--bs-gutter-x: 1rem;
	}
	.g-xxl-3,
	.gy-xxl-3 {
		--bs-gutter-y: 1rem;
	}
	.g-xxl-4,
	.gx-xxl-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-xxl-4,
	.gy-xxl-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-xxl-5,
	.gx-xxl-5 {
		--bs-gutter-x: 3rem;
	}
	.g-xxl-5,
	.gy-xxl-5 {
		--bs-gutter-y: 3rem;
	}
}

.center {
	justify-content: center;
	align-items: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}

.justify-evenly {
	justify-content: space-evenly;
}

.justify-center {
	justify-content: center;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.align-center {
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-baseline {
	align-items: baseline;
}

.form {
	display: flex;
	flex-direction: column;
}

.form-group {
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
}

.form-row label {
	display: inline-block;
	border-left: 2px solid var(--primary-subtle);
	padding: 0.5rem;
	width: 15%;
	flex-shrink: 2;
}

.form-group input:focus {
	border: 2px solid var(--primary);
	outline: none;
	filter: var(--drop-shadow-primary);
}

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

.note {
	font-size: 0.75rem;
	color: var(--note);
	margin-left: 10px;
	white-space: wrap;
	word-break: break-word;
	width: 100%;
	height: auto;
	transition: var(--ease);
}

.note-link {
	font-size: 0.75rem;
	color: var(--note);
	margin-left: 10px;
	white-space: wrap;
	word-break: break-word;
	width: 100%;
	height: auto;
	transition: var(--ease);
	text-decoration: underline;
}

.note-link:hover {
	color: var(--text);
	cursor: pointer;
}

.toggle-note {
	font-size: 0.75rem;
	color: var(--text-subtle);
	padding: 0;
}

.input-group {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 550px;
}

.input-group-append {
	display: flex;
	align-items: center;
	margin-top: 1rem;
}

.divider {
	height: 2px;
	width: 90%;
	border-top: 1px solid var(--border);
	margin: 1rem 0;
}

.divider-sm {
	height: 1px;
	width: 100%;
	border-top: 1px solid var(--border);
}

.divider-vert {
	height: 50%;
	border-left: 1px solid var(--border);
	margin: 0 1rem;
}

.hidden {
	display: none;
}

.underline {
	text-decoration: underline;
}

.card {
	--ns-card-spacer-y: 1rem;
	--ns-card-spacer-x: 1rem;
	--ns-card-title-spacer-y: 0.5rem;
	--ns-card-title-color: ;
	--ns-card-subtitle-color: ;
	--ns-card-border-width: 1px;
	--ns-card-border-color: var(--border);
	--ns-card-border-radius: var(--ns-border-radius);
	--ns-card-box-shadow: ;
	--ns-card-inner-border-radius: calc(
		var(--ns-border-radius) - (var(--ns-border-width))
	);
	--ns-card-cap-padding-y: 0.5rem;
	--ns-card-cap-padding-x: 1rem;
	--ns-card-cap-bg: rgba(var(--ns-body-color-rgb), 0.03);
	--ns-card-cap-color: ;
	--ns-card-height: ;
	--ns-card-color: ;
	--ns-card-bg: var(--ns-body-bg);
	--ns-card-img-overlay-padding: 1rem;
	--ns-card-group-margin: 0.75rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	max-width: 20vw;
	height: var(--ns-card-height);
	word-wrap: break-word;
	background-color: var(--background-darker);
	background-clip: border-box;
	border: var(--ns-card-border-width) solid var(--ns-card-border-color);
	border-radius: var(--ns-card-border-radius);
}

.card-fluid {
	max-width: 100%;
}

.card:hover {
	filter: var(--drop-shadow);
	border: 1px solid var(--text-subtle);
}

.card-info,
.card-primary,
.card-success,
.card-danger,
.card-warning,
.card {
	transition: var(--ease);
}

.card-info {
	border: 1px solid var(--info-subtle);
}

.card-info:hover {
	filter: drop-shadow(0 0 10px var(--info-subtle));
	border: 1px solid var(--info);
}

.card-primary {
	border: 1px solid var(--primary-subtle);
}

.card-primary:hover {
	filter: drop-shadow(0 0 10px var(--primary-subtle));
	border: 1px solid var(--primary);
}

.card-success {
	border: 1px solid var(--success-subtle);
}

.card-success:hover {
	filter: drop-shadow(0 0 10px var(--success-subtle));
	border: 1px solid var(--success);
}

.card-danger {
	border: 1px solid var(--danger-subtle);
}

.card-danger:hover {
	filter: drop-shadow(0 0 10px var(--danger-subtle));
	border: 1px solid var(--danger);
}

.card-warning {
	border: 1px solid var(--warning-subtle);
}

.card-warning:hover {
	filter: drop-shadow(0 0 10px var(--warning-subtle));
	border: 1px solid var(--warning);
}

.card-violet {
	border: 1px solid var(--violet-subtle);
}

.card-violet:hover {
	filter: drop-shadow(0 0 10px var(--violet-subtle));
	border: 1px solid var(--violet);
}

.card > hr {
	margin-right: 0;
	margin-left: 0;
}
.card > .list-group {
	border-top: inherit;
	border-bottom: inherit;
}
.card > .list-group:first-child {
	border-top-width: 0;
	border-top-left-radius: var(--ns-card-inner-border-radius);
	border-top-right-radius: var(--ns-card-inner-border-radius);
}
.card > .list-group:last-child {
	border-bottom-width: 0;
	border-bottom-right-radius: var(--ns-card-inner-border-radius);
	border-bottom-left-radius: var(--ns-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
	border-top: 0;
}

.card-body {
	flex: 1 1 auto;
	padding: var(--ns-card-spacer-y) var(--ns-card-spacer-x);
}

.card-title {
	margin-bottom: var(--ns-card-title-spacer-y);
}

.card-subtitle {
	margin-top: calc(-0.5 * var(--ns-card-title-spacer-y));
	margin-bottom: 0;
	color: var(--ns-card-subtitle-color);
}

.card-text:last-child {
	margin-bottom: 0;
}

.card-link + .card-link {
	margin-left: var(--ns-card-spacer-x);
}

.card-header {
	padding: var(--ns-card-cap-padding-y) var(--ns-card-cap-padding-x);
	margin-bottom: 0;
	background-color: var(--ns-card-cap-bg);
	border-bottom: var(--ns-card-border-width) solid var(--ns-card-border-color);
}
.card-header:first-child {
	border-radius: var(--ns-card-inner-border-radius)
		var(--ns-card-inner-border-radius) 0 0;
}

.card-footer {
	padding: var(--ns-card-cap-padding-y) var(--ns-card-cap-padding-x);
	background-color: var(--ns-card-cap-bg);
	border-top: var(--ns-card-border-width) solid var(--ns-card-border-color);
}
.card-footer:last-child {
	border-radius: 0 0 var(--ns-card-inner-border-radius)
		var(--ns-card-inner-border-radius);
}

.card-header-tabs {
	margin-right: calc(-0.5 * var(--ns-card-cap-padding-x));
	margin-bottom: calc(-1 * var(--ns-card-cap-padding-y));
	margin-left: calc(-0.5 * var(--ns-card-cap-padding-x));
	border-bottom: 0;
}
.card-header-tabs .nav-link.active {
	background-color: var(--ns-card-bg);
	border-bottom-color: var(--ns-card-bg);
}

.card-header-pills {
	margin-right: calc(-0.5 * var(--ns-card-cap-padding-x));
	margin-left: calc(-0.5 * var(--ns-card-cap-padding-x));
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: var(--ns-card-img-overlay-padding);
	border-radius: var(--ns-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
	width: 100%;
}

.card-img,
.card-img-top {
	border-top-left-radius: var(--ns-card-inner-border-radius);
	border-top-right-radius: var(--ns-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
	border-bottom-right-radius: var(--ns-card-inner-border-radius);
	border-bottom-left-radius: var(--ns-card-inner-border-radius);
}

.card-group > .card {
	margin-bottom: var(--ns-card-group-margin);
}
@media (min-width: 576px) {
	.card-group {
		display: flex;
		flex-flow: row wrap;
	}
	.card-group > .card {
		flex: 1 0 0%;
		margin-bottom: 0;
	}
	.card-group > .card + .card {
		margin-left: 0;
		border-left: 0;
	}
	.card-group > .card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-top,
	.card-group > .card:not(:last-child) .card-header {
		border-top-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-bottom,
	.card-group > .card:not(:last-child) .card-footer {
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-top,
	.card-group > .card:not(:first-child) .card-header {
		border-top-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-bottom,
	.card-group > .card:not(:first-child) .card-footer {
		border-bottom-left-radius: 0;
	}
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.ns-icon {
	--ns-icon-size: 0.75rem;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	font-size: var(--ns-icon-size);
	width: calc(var(--ns-icon-size) * 2);
	height: calc(var(--ns-icon-size) * 2);
	color: var(--ns-primary);
}

.ns-icon-xs {
	--ns-icon-size: 1rem;
	width: calc(var(--ns-icon-size) * 1.5);
	height: calc(var(--ns-icon-size) * 1.5);
}

.ns-icon-sm {
	--ns-icon-size: 1rem;
}

.ns-icon-md {
	--ns-icon-size: 1.5rem;
}

.ns-icon-lg {
	--ns-icon-size: 2rem;
}

.ns-icon-xl {
	--ns-icon-size: 3rem;
}

.rounded {
	border-radius: var(--ns-border-radius) !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.rounded-1 {
	border-radius: var(--ns-border-radius-sm) !important;
}

.rounded-2 {
	border-radius: var(--ns-border-radius) !important;
}

.rounded-3 {
	border-radius: var(--ns-border-radius-lg) !important;
}

.rounded-4 {
	border-radius: var(--ns-border-radius-xl) !important;
}

.rounded-5 {
	border-radius: var(--ns-border-radius-xxl) !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.rounded-pill {
	border-radius: var(--ns-border-radius-pill) !important;
}

.rounded-top {
	border-top-left-radius: var(--ns-border-radius) !important;
	border-top-right-radius: var(--ns-border-radius) !important;
}

.rounded-top-0 {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.rounded-top-1 {
	border-top-left-radius: var(--ns-border-radius-sm) !important;
	border-top-right-radius: var(--ns-border-radius-sm) !important;
}

.rounded-top-2 {
	border-top-left-radius: var(--ns-border-radius) !important;
	border-top-right-radius: var(--ns-border-radius) !important;
}

.rounded-top-3 {
	border-top-left-radius: var(--ns-border-radius-lg) !important;
	border-top-right-radius: var(--ns-border-radius-lg) !important;
}

.rounded-top-4 {
	border-top-left-radius: var(--ns-border-radius-xl) !important;
	border-top-right-radius: var(--ns-border-radius-xl) !important;
}

.rounded-top-5 {
	border-top-left-radius: var(--ns-border-radius-xxl) !important;
	border-top-right-radius: var(--ns-border-radius-xxl) !important;
}

.rounded-top-circle {
	border-top-left-radius: 50% !important;
	border-top-right-radius: 50% !important;
}

.rounded-top-pill {
	border-top-left-radius: var(--ns-border-radius-pill) !important;
	border-top-right-radius: var(--ns-border-radius-pill) !important;
}

.rounded-end {
	border-top-right-radius: var(--ns-border-radius) !important;
	border-bottom-right-radius: var(--ns-border-radius) !important;
}

.rounded-end-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
	border-top-right-radius: var(--ns-border-radius-sm) !important;
	border-bottom-right-radius: var(--ns-border-radius-sm) !important;
}

.rounded-end-2 {
	border-top-right-radius: var(--ns-border-radius) !important;
	border-bottom-right-radius: var(--ns-border-radius) !important;
}

.rounded-end-3 {
	border-top-right-radius: var(--ns-border-radius-lg) !important;
	border-bottom-right-radius: var(--ns-border-radius-lg) !important;
}

.rounded-end-4 {
	border-top-right-radius: var(--ns-border-radius-xl) !important;
	border-bottom-right-radius: var(--ns-border-radius-xl) !important;
}

.rounded-end-5 {
	border-top-right-radius: var(--ns-border-radius-xxl) !important;
	border-bottom-right-radius: var(--ns-border-radius-xxl) !important;
}

.rounded-end-circle {
	border-top-right-radius: 50% !important;
	border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
	border-top-right-radius: var(--ns-border-radius-pill) !important;
	border-bottom-right-radius: var(--ns-border-radius-pill) !important;
}

.rounded-bottom {
	border-bottom-right-radius: var(--ns-border-radius) !important;
	border-bottom-left-radius: var(--ns-border-radius) !important;
}

.rounded-bottom-0 {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
	border-bottom-right-radius: var(--ns-border-radius-sm) !important;
	border-bottom-left-radius: var(--ns-border-radius-sm) !important;
}

.rounded-bottom-2 {
	border-bottom-right-radius: var(--ns-border-radius) !important;
	border-bottom-left-radius: var(--ns-border-radius) !important;
}

.rounded-bottom-3 {
	border-bottom-right-radius: var(--ns-border-radius-lg) !important;
	border-bottom-left-radius: var(--ns-border-radius-lg) !important;
}

.rounded-bottom-4 {
	border-bottom-right-radius: var(--ns-border-radius-xl) !important;
	border-bottom-left-radius: var(--ns-border-radius-xl) !important;
}

.rounded-bottom-5 {
	border-bottom-right-radius: var(--ns-border-radius-xxl) !important;
	border-bottom-left-radius: var(--ns-border-radius-xxl) !important;
}

.rounded-bottom-circle {
	border-bottom-right-radius: 50% !important;
	border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
	border-bottom-right-radius: var(--ns-border-radius-pill) !important;
	border-bottom-left-radius: var(--ns-border-radius-pill) !important;
}

.rounded-start {
	border-bottom-left-radius: var(--ns-border-radius) !important;
	border-top-left-radius: var(--ns-border-radius) !important;
}

.rounded-start-0 {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

.rounded-start-1 {
	border-bottom-left-radius: var(--ns-border-radius-sm) !important;
	border-top-left-radius: var(--ns-border-radius-sm) !important;
}

.rounded-start-2 {
	border-bottom-left-radius: var(--ns-border-radius) !important;
	border-top-left-radius: var(--ns-border-radius) !important;
}

.rounded-start-3 {
	border-bottom-left-radius: var(--ns-border-radius-lg) !important;
	border-top-left-radius: var(--ns-border-radius-lg) !important;
}

.rounded-start-4 {
	border-bottom-left-radius: var(--ns-border-radius-xl) !important;
	border-top-left-radius: var(--ns-border-radius-xl) !important;
}

.rounded-start-5 {
	border-bottom-left-radius: var(--ns-border-radius-xxl) !important;
	border-top-left-radius: var(--ns-border-radius-xxl) !important;
}

.rounded-start-circle {
	border-bottom-left-radius: 50% !important;
	border-top-left-radius: 50% !important;
}

.rounded-start-pill {
	border-bottom-left-radius: var(--ns-border-radius-pill) !important;
	border-top-left-radius: var(--ns-border-radius-pill) !important;
}

.features-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 3rem;
}

.features-grid-item {
	display: flex;
	flex-direction: column;
	align-items: start;
	max-width: 250px;
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: var(--primary);
	border-radius: 10px;
}

::-webkit-scrollbar-track {
	background-color: var(--background-darker);
}

::-webkit-scrollbar-thumb:hover {
	background-color: var(--primary-subtle);
}

::-webkit-scrollbar-thumb:active {
	background-color: var(--primary);
}

::-webkit-scrollbar-corner {
	background-color: var(--background-darker);
}

::-webkit-scrollbar-button {
	display: none;
}

.switch {
	position: relative;
	display: inline-block;
	width: 40px !important;
	height: 20px;
	border: none !important;
	margin: 0 1rem !important;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--background-darker);
	-webkit-transition: 0.4s;
	transition: 0.4s;
	border: 1px solid var(--primary);
}

.slider:before {
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	left: 4px;
	bottom: 4px;
	background-color: var(--text-subtle);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

input:checked + .slider {
	background-color: var(--primary-subtle);
}

input:checked + .slider:before {
	filter: var(--drop-shadow-primary);
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(20px);
	background-color: var(--text);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

textarea {
	width: 100%;
	height: auto;
	resize: none;
	border-radius: 5px;
	border: 2px solid var(--border) !important;
	padding: 10px;
	background-color: var(--background-darker);
	font-family: var(--nebula-font);
	color: var(--text-subtle);
	overflow: visible;
	resize: vertical;
}

textarea:focus {
	outline: none;
	color: var(--text);
}

input[type='text'] {
	border-radius: 5px;
	border: 2px solid var(--border);
	padding: 10px;
	background-color: var(--background-darker);
	font-family: var(--nebula-font);
	color: var(--text-subtle);
	width: 100%;
}

input[type='text']:focus {
	outline: none;
	color: var(--text);
	border: 2px solid var(--primary) !important;
}

input[type='number'] {
	border-radius: 5px;
	border: 2px solid var(--border);
	padding: 10px;
	background-color: var(--background-darker);
	font-family: var(--nebula-font);
	color: var(--text-subtle);
	width: 100%;
}

input[type='number']:hover {
	outline: none;
	color: var(--text);
	border: 2px solid var(--primary) !important;
	filter: var(--drop-shadow-primary);
}

input[type='number']:focus {
	outline: none;
	color: var(--text);
	border: 2px solid var(--primary) !important;
	filter: var(--drop-shadow-primary);
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

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

.tag {
	--ns-tag-radius: 0.25rem 0 0 0.25rem;
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text-subtle);
	text-align: center;
	white-space: nowrap;
	background-color: var(--background);
	border-top: var(--ns-border-width) solid var(--border-subtle);
	border-left: var(--ns-border-width) solid var(--border-subtle);
	border-bottom: var(--ns-border-width) solid var(--border-subtle);
	border-radius: var(--ns-tag-radius);
}

.tag-primary {
	border-top: var(--ns-border-width) solid var(--primary-subtle);
	border-left: var(--ns-border-width) solid var(--primary-subtle);
	border-bottom: var(--ns-border-width) solid var(--primary-subtle);
	background-color: var(--primary-subtle);
}

.tag-warning {
	border-top: var(--ns-border-width) solid var(--warning-subtle);
	border-left: var(--ns-border-width) solid var(--warning-subtle);
	border-bottom: var(--ns-border-width) solid var(--warning-subtle);
	background-color: var(--warning-subtle);
}

.tag-danger {
	border-top: var(--ns-border-width) solid var(--danger-subtle);
	border-left: var(--ns-border-width) solid var(--danger-subtle);
	border-bottom: var(--ns-border-width) solid var(--danger-subtle);
	background-color: var(--danger-subtle);
}

.tag-success {
	border-top: var(--ns-border-width) solid var(--success-subtle);
	border-left: var(--ns-border-width) solid var(--success-subtle);
	border-bottom: var(--ns-border-width) solid var(--success-subtle);
	background-color: var(--success-subtle);
}

.tag-info {
	border-top: var(--ns-border-width) solid var(--info-subtle);
	border-left: var(--ns-border-width) solid var(--info-subtle);
	border-bottom: var(--ns-border-width) solid var(--info-subtle);
	background-color: var(--info-subtle);
}

.tag-violet {
	border-top: var(--ns-border-width) solid var(--violet-subtle);
	border-left: var(--ns-border-width) solid var(--violet-subtle);
	border-bottom: var(--ns-border-width) solid var(--violet-subtle);
	background-color: var(--violet-subtle);
}

.tag-text {
	--ns-tag-text-radius: 0 0.25rem 0.25rem 0;
	border-top: var(--ns-border-width) solid var(--border);
	border-right: var(--ns-border-width) solid var(--border);
	border-bottom: var(--ns-border-width) solid var(--border);
	border-radius: var(--ns-tag-text-radius);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--text);
	text-align: center;
	white-space: nowrap;
}

.tag-group {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}

.disabled {
	pointer-events: none;
	opacity: 0.5;
}

.notification-container {
	position: fixed;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.notification {
	padding: 1rem;
	background-color: var(--background-darker);
	border-radius: var(--ns-border-radius);
	border: 1px solid var(--border);
	transition: var(--ease);
}

.notification-content {
	display: flex;
	align-items: center;
	gap: .5rem;
}

.notification-progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: var(--ns-border-radius);
}

.notification-icon {
	border: 1px solid var(--border);
	border-radius: var(--ns-border-radius);
	padding: .5rem;
}

.top-left {
	top: 1rem;
	left: 1rem;
}

.top-right {
	top: 1rem;
	right: 1rem;
}

.bottom-left {
	bottom: 1rem;
	left: 1rem;
}

.bottom-right {
	bottom: 1rem;
	right: 1rem;
}

.z-1 {
	z-index: 1;
}

.z-2 {
	z-index: 2;
}

.z-3 {
	z-index: 3;
}

.z-4 {
	z-index: 4;
}

.z-5 {
	z-index: 5;
}

.z-10 {
	z-index: 10;
}

.z-9999 {
	z-index: 9999;
}

.-z-1 {
	z-index: -1;
}

.-z-2 {
	z-index: -2;
}

.-z-10 {
	z-index: -10;
}

.-z-9999 {
	z-index: -9999;
}

.float-navbar {
	top: 1rem;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 1;
}

.navbar-nav {
	list-style: none;
}

.nav-item {
	display: flex;
	align-items: center;
	background-color: var(--background-darker);
	border-radius: var(--ns-border-radius);
	padding: 0.5rem 1rem;
	border: 1px solid var(--border);
	transition: var(--ease);
	margin: 0.5rem 0.5rem;
}

.nav-item:hover {
	filter: var(--drop-shadow);
	border: 1px solid var(--text-subtle);
	transform: translateX(5px);
}

.nav-item.active:hover {
	filter: var(--drop-shadow);
	border: 1px solid var(--primary);
}

.nav-item.active {
	filter: var(--drop-shadow);
	border: 1px solid var(--primary);
	color: var(--primary);
	transform: translateX(10px);
}

.fixed {
	position: fixed;
}

.sticky {
	position: sticky;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.timeline {
	border-left: 2px solid var(--border);
	margin-right: 1rem;
	transition: var(--ease);
}

.timeline:hover {
	border-left: 2px solid var(--warning);
}

.timeline-active {
	border-left: 2px solid var(--warning);
}

.timeline-item > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: var(--ease);
}

.timeline-item:hover > span {
	color: var(--warning);
	filter: drop-shadow(0 0 10px var(--warning));
}

.hero-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: fit-content;
}