/* cspell:disable-file */
* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
}
@media only screen {
	body {
		margin: 2em auto;
		max-width: 900px;
		color: #222;
	}
}

body {
	line-height: 1.5;
	font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
}

nav a.active {
	text-decoration: underline;
}

a,
a.visited {
	color: inherit;
	text-decoration: underline;
}
a:hover {
	color: #454545;
}

nav {
	padding: 0;
	margin: 88px 20px 18px 20px;
	text-transform: uppercase;
	position: relative;
	z-index: 10;
}
nav a {
	padding-right: 10px;
	font-size: 130%;
	text-decoration: none;
	font-weight: bold;
}
footer {
	padding: 0;
	margin: 40px 20px 40px 20px;
	position: relative;
	z-index: 1;
}


h1,
h2,
h3 {
	letter-spacing: -0.01em;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 0;
}

.page-title {
	font-size: 2.5rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0.75em;
}

h1 {
	font-size: 1.875rem;
	margin-top: 1.875rem;
	text-transform: uppercase;
}

h2 {
	font-size: 1.5rem;
	margin-top: 1.5rem;
}

h3 {
	font-size: 1.25rem;
	margin-top: 1.25rem;
}
.page-top-faqs h2 {
	font-size: 1.25rem;
	margin-top: 1.25rem;
}
.clear {
	clear:both;
}
figure {
	margin: 1.25em 0;
	page-break-inside: avoid;
}

figcaption {
	opacity: 0.5;
	font-size: 85%;
	margin-top: 0.5em;
}

mark {
	background-color: transparent;
}

hr {
	background: transparent;
	display: block;
	width: 100%;
	height: 1px;
	visibility: visible;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 40px 0 30px 0;
}

img {
	max-width: 100%;
}

.column-list {
	display: flex;
	justify-content: space-between;
}

.column {
	padding: 0 1em;
}

.column:first-child {
	padding-left: 0;
}

.column:last-child {
	padding-right: 0;
}

table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-collapse: collapse;
}

table {
	border-left: none;
	border-right: none;
}

th,
td {
	font-weight: normal;
	padding: 0.25em 0.5em;
	line-height: 1.5;
	min-height: 1.5em;
	text-align: left;
}

th {
	color: rgba(0, 0, 0, 0.55);
	font-weight: 600;
}

ol,
ul {
	margin: 0;
	margin-block-start: 0.6em;
	margin-block-end: 0.6em;
}

li > ol:first-child,
li > ul:first-child {
	margin-block-start: 0.6em;
}

ul > li {
	list-style: disc;
}

ul {
	padding-inline-start: 1.7em;
}

ul > li {
	padding-left: 0.1em;
}

ol {
	padding-inline-start: 1.6em;
}

ol > li {
	padding-left: 0.2em;
}

time {
	opacity: 0.5;
}

.icon {
	display: inline-block;
	max-width: 1.2em;
	max-height: 1.2em;
	text-decoration: none;
	vertical-align: text-bottom;
	margin-right: 0.5em;
}

img.icon {
	border-radius: 3px;
}

.page-header-icon {
	font-size: 3rem;
	margin-bottom: 1rem;
}

.page-header-icon img {
	border-radius: 3px;
}

.subnav-link {
	margin: 1em 0;
	padding: 0;
	border: none;
	font-weight: 500;
}

p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.image {
	border: none;
	margin: 1.5em 0;
	padding: 0;
	border-radius: 0;
	text-align: center;
}

.code,
code {
	background: rgba(135, 131, 120, 0.15);
	border-radius: 3px;
	padding: 0.2em 0.4em;
	border-radius: 3px;
	font-size: 85%;
	tab-size: 2;
}

code {
	color: #d63384;
}

.code {
	padding: 1.5em 1em;
}

.code > code {
	background: none;
	padding: 0;
	font-size: 100%;
	color: inherit;
}

blockquote {
	font-size: 1.25em;
	margin: 1em 0;
	padding-left: 1em;
	border-left: 3px solid #222;
}

.map-container {
  position: relative;
  width: 100%;           /* Fills the full width of its parent */
  padding-bottom: 56.25%; /* For ~16:9 aspect ratio; adjust as needed */
  height: 0;
  overflow: hidden;
  margin-top: 2em;
  margin-bottom:30px;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.roadmap-item ul {
	margin-left: 0;
	padding-left:0;
}

.roadmap-item ul li {
	list-style: none;
}

.youtube-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slides-embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60.6%;
}
.slides-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

article {
	margin: 0 20px;
	z-index: 10;
	position: relative;}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}



@media (width < 860px) {
	.c-image-right img {
		padding:30px 0 0 0;
		margin:0 auto;
		width:320px;
		display: block;
	}

	.c-image-left img {
		padding:30px 0 0 0;
		margin:0 auto;
		width:320px;
		display: block;
	}
}


@media (width >= 860px) {
	.c-image-right {
		min-height:300px;
		clear: both;

	}
	.c-image-right img {
		padding:0 0 45px 30px;
		float:right;
		width:280px;
	}

	.c-image-left {
		min-height:300px;
		clear: both;

	}
	.c-image-left img {
		padding:0 30px 45px 0px;
		float:left;
		width:280px;
	}
}

.page-top-vcg img {
	margin-top:1.5rem;
}

.page-top-nfts img {
	padding: 30px 0 0 0;
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
/*    background: #57037E;*/
    overflow: hidden;
    z-index: 0;
}

.background span {
    width: 100vmin;
    height: 100vmin;
    border-radius: 20vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 200s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    opacity: 0.75;
}

/* magenta */
.background span.magenta {
    color: #ff5da9;
    top: 10%;
    left: 63%;
/*    animation-duration: 50s;*/
    animation-delay: -50s;
    transform-origin: 0vw 17vh;
    box-shadow: -70vmin 0 17vmin currentColor;
    opacity: 0.4;
}
/* yellow */
.background span.yellow {
    color: #feec5a;
    top: 150%;
    left: 43%;
/*    animation-duration: 50s;*/
    animation-delay: -50s;
    transform-origin: 16vw -1vh;
    box-shadow: -70vmin 0 17vmin currentColor;
    opacity: 0.4;
}
/* green */
.background span.green {
    color: #01e49c;
    top: 23%;
    left: 55%;
/*    animation-duration: 50s;*/
    animation-delay: -50s;
    transform-origin: 15vw 18vh;
    box-shadow: -70vmin 0 17vmin currentColor;
    opacity: 0.5;
}
/* blue */
.background span.blue {
    color: #008aff;
    top: 78%;
    left: 25%;
/*    animation-duration: 409s;*/
    animation-delay: -258s;
    transform-origin: 10vw -21vh;
    box-shadow: -70vmin 0 17vmin currentColor;
    opacity: 0.5;
}
/* orange */
.background span.orange {
    color: #ff7141;
    top: 22%;
    left: 78%;
/*    animation-duration: 34s;*/
    animation-delay: -137s;
    transform-origin: -14vw 20vh;
    box-shadow: -70vmin 0 17vmin currentColor;
}
.background span:nth-child(6) {
    color: #FFACAC;
    top: 95%;
    left: 95%;
    animation-duration: 86s;
    animation-delay: -210s;
    transform-origin: 17vw -13vh;
    box-shadow: 40vmin 0 5.677742636618196vmin currentColor;
}
.background span:nth-child(7) {
    color: #FFACAC;
    top: 47%;
    left: 44%;
    animation-duration: 250s;
    animation-delay: -88s;
    transform-origin: 17vw -1vh;
    box-shadow: 40vmin 0 5.633624003609995vmin currentColor;
}
.background span:nth-child(8) {
    color: #E45A84;
    top: 86%;
    left: 75%;
    animation-duration: 277s;
    animation-delay: -352s;
    transform-origin: -7vw 13vh;
    box-shadow: -40vmin 0 5.859097748786942vmin currentColor;
}
.background span:nth-child(9) {
    color: #583C87;
    top: 84%;
    left: 35%;
    animation-duration: 77s;
    animation-delay: -329s;
    transform-origin: -23vw -18vh;
    box-shadow: 40vmin 0 5.189567479753595vmin currentColor;
}
.background span:nth-child(10) {
    color: #E45A84;
    top: 6%;
    left: 68%;
    animation-duration: 87s;
    animation-delay: -200s;
    transform-origin: 23vw -23vh;
    box-shadow: -40vmin 0 5.937518650088624vmin currentColor;
}
.background span:nth-child(11) {
    color: #FFACAC;
    top: 72%;
    left: 83%;
    animation-duration: 235s;
    animation-delay: -337s;
    transform-origin: 2vw -5vh;
    box-shadow: -40vmin 0 5.66274900967312vmin currentColor;
}
.background span:nth-child(12) {
    color: #583C87;
    top: 28%;
    left: 28%;
    animation-duration: 391s;
    animation-delay: -140s;
    transform-origin: 14vw 13vh;
    box-shadow: -40vmin 0 5.299988885471037vmin currentColor;
}
.background span:nth-child(13) {
    color: #FFACAC;
    top: 40%;
    left: 28%;
    animation-duration: 244s;
    animation-delay: -239s;
    transform-origin: 16vw 21vh;
    box-shadow: 40vmin 0 5.607246272654585vmin currentColor;
}
.background span:nth-child(14) {
    color: #FFACAC;
    top: 76%;
    left: 63%;
    animation-duration: 233s;
    animation-delay: -68s;
    transform-origin: -13vw -18vh;
    box-shadow: 40vmin 0 5.115537178447234vmin currentColor;
}
.background span:nth-child(15) {
    color: #E45A84;
    top: 16%;
    left: 56%;
    animation-duration: 122s;
    animation-delay: -131s;
    transform-origin: -20vw -15vh;
    box-shadow: 40vmin 0 5.782026413658312vmin currentColor;
}
.background span:nth-child(16) {
    color: #583C87;
    top: 28%;
    left: 67%;
    animation-duration: 58s;
    animation-delay: -123s;
    transform-origin: 18vw 19vh;
    box-shadow: -40vmin 0 5.293825234306385vmin currentColor;
}
.background span:nth-child(17) {
    color: #E45A84;
    top: 68%;
    left: 94%;
    animation-duration: 133s;
    animation-delay: -367s;
    transform-origin: 13vw -20vh;
    box-shadow: 40vmin 0 5.660411756548762vmin currentColor;
}
.background span:nth-child(18) {
    color: #583C87;
    top: 42%;
    left: 54%;
    animation-duration: 376s;
    animation-delay: -256s;
    transform-origin: -14vw -11vh;
    box-shadow: -40vmin 0 5.545074653768891vmin currentColor;
}
.background span:nth-child(19) {
    color: #E45A84;
    top: 76%;
    left: 84%;
    animation-duration: 313s;
    animation-delay: -286s;
    transform-origin: 24vw 13vh;
    box-shadow: 40vmin 0 5.543687956986753vmin currentColor;
}

footer p {
	text-align: right;
	color: #222;
}
footer p.disclaimer {
	font-size: 0.875rem;
	color: #555;
	font-style: italic;
	margin-bottom: 0.25em;
}
.disclaimers p {
	font-size: 0.875rem;
	color: #555;
	font-style: italic;
}
#social {
	float: left;
}
 /* Style all font awesome icons */

.fa {
  padding: 7px;
  text-align: center;
  text-decoration: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;

}
.fa span {
	display: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

.fa-twitter {
  background: rgb(29, 155, 240);
  color: white;
}

.fa-telegram {
  background: rgb(0, 136, 204);
  color: white;
}

/* Klaro cookie consent overrides */
.klaro {
	z-index: 1000;
	position: relative;
}
.klaro,
.klaro button,
.klaro h1,
.klaro h2,
.klaro h3,
.klaro p,
.klaro a,
.klaro span,
.klaro li,
.klaro strong {
	font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

/* --- All Klaro links: override green default --- */
.klaro .cookie-modal a,
.klaro .cookie-notice a,
.klaro .context-notice a {
	color: #222 !important;
	text-decoration: underline !important;
}

/* --- All Klaro text: override light-on-dark defaults --- */
.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li {
	color: #222 !important;
}

/* --- Cookie notice bar (bottom banner) --- */
.klaro .cookie-notice:not(.cookie-modal-notice) {
	background: rgba(255, 255, 255, 0.92) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
	border-radius: 0 !important;
}
@media (min-width: 1024px) {
	.klaro .cookie-notice:not(.cookie-modal-notice) {
		border-radius: 3px !important;
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
	}
}
.klaro .cookie-notice .cn-body .cn-learn-more a {
	opacity: 0.6;
}
.klaro .cookie-notice .cn-body .cn-learn-more a:hover {
	opacity: 1;
}
.klaro .cookie-notice .cn-ok .cm-btn {
	border-radius: 3px !important;
	padding: 8px 18px !important;
	font-size: 0.875em !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
}
.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-success {
	background-color: #222 !important;
	color: #fff !important;
}
.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-danger,
.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-close {
	background-color: transparent !important;
	color: #222 !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-danger:hover,
.klaro .cookie-notice .cn-ok .cm-btn.cm-btn-close:hover {
	border-color: rgba(0, 0, 0, 0.35) !important;
}

/* --- Settings modal --- */
.klaro .cookie-modal .cm-bg {
	background: rgba(0, 0, 0, 0.25) !important;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
.klaro .cookie-modal .cm-modal.cm-klaro {
	background: rgba(255, 255, 255, 0.98) !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: #222 !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
	border-radius: 3px !important;
}
/* Modal header */
.klaro .cookie-modal .cm-modal .cm-header {
	border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.klaro .cookie-modal .cm-modal .cm-header h1 {
	color: #222 !important;
	font-size: 1.5rem !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	text-transform: none !important;
}
.klaro .cookie-modal .cm-modal .cm-header p {
	color: rgba(0, 0, 0, 0.55) !important;
	font-size: 0.9em;
}
.klaro .cookie-modal .cm-modal .cm-header .hide svg {
	stroke: #222 !important;
}
/* Modal body */
.klaro .cookie-modal .cm-modal .cm-body .cm-list-description {
	color: rgba(0, 0, 0, 0.5) !important;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body .cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body .cm-service span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body .cm-service span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body .cm-purpose p.purposes {
	color: rgba(0, 0, 0, 0.45) !important;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-caret a {
	color: rgba(0, 0, 0, 0.45) !important;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-switch-container {
	border-bottom-color: rgba(0, 0, 0, 0.1) !important;
}
.klaro .cookie-modal .cm-modal .cm-body li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body li.cm-service.cm-toggle-all {
	border-top-color: rgba(0, 0, 0, 0.1) !important;
}
/* Always show individual services (no collapsed accordion) */
.klaro .cookie-modal .cm-modal .cm-body .cm-services .cm-content {
	display: block !important;
	margin-left: 0 !important;
}
.klaro .cookie-modal .cm-modal .cm-body .cm-services .cm-caret {
	display: none !important;
}
/* Modal footer */
.klaro .cookie-modal .cm-modal .cm-footer {
	border-top-color: rgba(0, 0, 0, 0.1) !important;
	background: transparent !important;
}
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
	display: none;
}
/* Toggle switches */
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
	background-color: #222 !important;
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
	background-color: #222 !important;
	opacity: 0.5 !important;
}
.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider {
	background-color: rgba(0, 0, 0, 0.12) !important;
	box-shadow: none !important;
}
.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before {
	background-color: #fff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
/* Modal buttons — "Accept all" is the only filled button */
.klaro .cookie-modal .cm-footer-buttons .cm-btn.cm-btn-success {
	background-color: #222 !important;
	color: #fff !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
}
/* All other modal buttons get the outline treatment */
.klaro .cookie-modal .cm-footer-buttons .cm-btn.cm-btn-success-var,
.klaro .cookie-modal .cm-footer-buttons .cm-btn.cm-btn-close,
.klaro .cookie-modal .cm-footer-buttons .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-footer-buttons .cm-btn:not(.cm-btn-success) {
	background-color: transparent !important;
	color: #222 !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
}
.klaro .cookie-modal .cm-footer-buttons .cm-btn:not(.cm-btn-success):hover {
	border-color: rgba(0, 0, 0, 0.35) !important;
}

/* --- Context notices (inline placeholders for blocked embeds) --- */
.klaro .context-notice {
	background: rgba(255, 255, 255, 0.9) !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-radius: 3px !important;
	padding: 2em !important;
}
.klaro .context-notice p {
	color: #444 !important;
}
.klaro .context-notice .cm-btn {
	background-color: #222 !important;
	color: #fff !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
}

/* --- Cookie settings link in footer --- */
.cookie-settings {
	text-decoration: underline !important;
	color: #222;
}
.cookie-settings:hover {
	color: #555;
}

/* --- Fixed CTA bar --- */
#cta-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
	font-size: 0.9rem;
	transition: opacity 0.3s, transform 0.3s;
}
.cta-bar-content {
	color: #222;
}
.cta-bar-content a.cta-bar-link,
.cta-bar-content a.cta-bar-link:hover {
	text-decoration: none;
	font-weight: inherit;
	margin-left: 0;
}
.cta-bar-content a.cta-bar-link:hover {
	color: #555;
}
.cta-bar-content a {
	font-weight: 600;
	margin-left: 0.5em;
	text-decoration: none;
}
.cta-bar-content a:hover {
	text-decoration: underline;
}
@media (width < 600px) {
	#cta-bar {
		font-size: 0.9rem;
		height: auto;
		padding: 8px 16px;
	}
	.cta-bar-content {
		text-align: center;
	}
}

/* --- Delegate CTA box (staking pool page) --- */
.delegate-cta {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	padding: 1.5em 1.5em 1em 1.5em;
	margin: 1.5em 0;
	background: rgba(255, 255, 255, 0.6);
}
.delegate-cta h2 {
	margin-top: 0;
}
.pool-id-box {
	display: flex;
	align-items: center;
	gap: 0.75em;
	background: rgba(135, 131, 120, 0.1);
	border-radius: 3px;
	padding: 0.5em 0.75em;
	margin: 0.5em 0 1em 0;
}
.pool-id-box code {
	flex: 1;
	background: none;
	padding: 0;
	font-size: 0.8rem;
	color: #d63384;
	word-break: break-all;
}
.pool-id-box button {
	background: #222;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 5px 14px;
	font-size: 0.8rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}
.pool-id-box button:hover {
	background: #454545;
}