/* Fonts */

			@font-face {
				font-family: "Inter";
				src: url("fonts/Inter-Regular.otf");
				font-weight: normal;
			}

			@font-face {
				font-family: "Inter";
				src: url("fonts/Inter-Medium.otf");
				font-weight: 500;
			}

			@font-face {
				font-family: "Inter";
				src: url("fonts/Inter-Bold.otf");
				font-weight: bold;
			}

			@font-face {
				font-family: "Inter";
				src: url("fonts/Inter-ExtraBold.otf");
				font-weight: 800;
			}

			@font-face {
				font-family: "Fira Code";
				src: url("fonts/FiraCode-Regular.ttf");
				font-weight: normal;
			}

			@font-face {
				font-family: "Fira Code";
				src: url("fonts/FiraCode-Bold.ttf");
				font-weight: bold;
			}

			:root {
				--bs-font-monospace: "Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
				--bs-font-sans-serif: "Inter", 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";
			}
			.starttop {margin-top:4rem}
			
			.btn-group-vertical>.btn, .btn-group>.btn {
			text-align: left;
			padding: 0.625rem;}
			
			.btnpointer {
			cursor: default;
			margin-bottom: 0.5rem;
			margin-right: 0.5rem;
			}
			
			.playfair-display-header {
			font-family: "Playfair Display", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: italic;
			}

			/* Layout */

			@media (min-width: 1460px) {
				body {
					width: 82rem;
					max-width: 100%;
					margin-left: auto;
					margin-right: auto;
					border-left: var(--bs-border-width) solid hsla(var(--bs-secondary-hsl), 0.25);
					border-right: var(--bs-border-width) solid hsla(var(--bs-secondary-hsl), 0.25);
				}
			}

			/* Background */

			:root {
				--bs-graph-border-color: hsla(var(--bs-secondary-hsl), 0.1);
			}

			body {
				background-color: var(--bs-content-bg);
			}

			.graph-pattern {
				background-image: 
					linear-gradient(
						var(--bs-graph-border-color) 1px,
						transparent 1px
					),
					linear-gradient(
						to right,
						var(--bs-graph-border-color) 1px,
						transparent 1px
					);
				background-size: 40px 40px;
				background-position: 20px 20px;
			}

			@media (max-width: 991.98px) {
				#core-demo-container {
					background-color: var(--bs-secondary-bg);
					background-image: 
						linear-gradient(
							var(--bs-graph-border-color) 1px,
							transparent 1px
						),
						linear-gradient(
							to right,
							var(--bs-graph-border-color) 1px,
							transparent 1px
						);
					background-size: 40px 40px;
					background-position: 20px 20px;
					border-top: var(--bs-border-width) solid hsla(var(--bs-secondary-hsl), 0.25);
				}
			}

			/* Misc. */

			.btn-square {
				width: 30px;
				height: 30px;
				padding-left: 0;
				padding-right: 0;
			}

			@keyframes ping-animation {
				75%,
				100% {
					transform: scale(2);
					opacity: 0;
				}
			}

			.animate-ping {
				animation: ping-animation 1s cubic-bezier(0, 0, 0.2, 1) infinite;
			}

			@media (prefers-reduced-motion) {
				.animate-ping {
					animation: none;
				}
			}

			/* Core theme picker */

			.core-theme-button .btn-check + .btn {
				border: 0;
				outline: 0;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.core-theme-button .btn-check:focus-visible + .btn {
				box-shadow: 0 0 0 var(--bs-focus-ring-width) hsla(var(--bs-primary-hsl), 0.5);
			}

			.core-theme-button .btn-check:checked + .btn {
				color: var(--bs-primary-foreground);
				background-color: var(--bs-primary);
				-webkit-font-smoothing: auto;
				-moz-osx-font-smoothing: auto;
			}

			/* Core specific styles */

			/* Default core */

			[data-bs-core=default][data-bs-theme=dark] {
				--bs-core-demo-bg: var(--bs-body-bg);
			}

			[data-bs-core=default][data-bs-theme=dark] .core-picker-dropdown-menu {
				box-shadow: 0 0.125rem 0.25rem hsla(var(--bs-black-hsl), 0.05);
			}