/*!
 * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2024 Fonticons, Inc.
 */

/* ===== brands.min.css ===== */
@charset "utf-8";.fab,.fa-brands{font-weight:400}:root,:host{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(fontawesome/fa-brands-400.woff2?v=0003)format("woff2"),url(fontawesome/fa-brands-400.ttf?v=0003)format("truetype")}.fa-discord{--fa:"";--fa--fa:""}.fa-x-twitter{--fa:"";--fa--fa:""}

/* ===== custom-icons.min.css ===== */
@charset "utf-8";.fak.fa-gamma,.fa-kit.fa-gamma{--fa:"";--fa--fa:""}.fak.fa-magiceden,.fa-kit.fa-magiceden{--fa:"";--fa--fa:""}.fak.fa-ordinal,.fa-kit.fa-ordinal{--fa:"";--fa--fa:""}.fak.fa-suye,.fa-kit.fa-suye{--fa:"";--fa--fa:""}.fak.fa-trio,.fa-kit.fa-trio{--fa:"";--fa--fa:""}.fak,.fa-kit{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:Font Awesome Kit;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-rendering:auto}.fak:before,.fa-kit:before{content:var(--fa)}@font-face{font-family:Font Awesome Kit;font-style:normal;font-display:block;src:url(fontawesome/custom-icons.woff2?v=0003)format("woff2"),url(fontawesome/custom-icons.ttf?v=0003)format("truetype")}

/* ===== duotone.min.css ===== */
@charset "utf-8";:root,:host{--fa-style-family-duotone:"Font Awesome 6 Duotone";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(fontawesome/fa-duotone-900.woff2?v=0003)format("woff2"),url(fontawesome/fa-duotone-900.ttf?v=0003)format("truetype")}.fad,.fa-duotone{position:relative;font-weight:900;letter-spacing:normal}.fad:before,.fa-duotone:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:var(--fa-primary-opacity,1)}.fad:after,.fa-duotone:after{color:var(--fa-secondary-color,inherit);opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:before,.fa-swap-opacity .fa-duotone:before,.fad.fa-swap-opacity:before,.fa-duotone.fa-swap-opacity:before{opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fa-swap-opacity .fa-duotone:after,.fad.fa-swap-opacity:after,.fa-duotone.fa-swap-opacity:after{opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse,.fa-duotone.fa-inverse{color:var(--fa-inverse,#fff)}.fad.fa-stack-1x,.fad.fa-stack-2x,.fa-duotone.fa-stack-1x,.fa-duotone.fa-stack-2x{position:absolute}

/* ===== light.min.css ===== */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(fontawesome/fa-light-300.woff2?v=0003) format("woff2"),url(fontawesome/fa-light-300.ttf?v=0003) format("truetype")}.fa-light,.fal{font-weight:300}

/* ===== regular.min.css ===== */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:400;font-display:block;src:url(fontawesome/fa-regular-400.woff2?v=0003) format("woff2"),url(fontawesome/fa-regular-400.ttf?v=0003) format("truetype")}.fa-regular,.far{font-weight:400}

/* ===== sharp-light.min.css ===== */
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-light:normal 300 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:300;font-display:block;src:url(fontawesome/fa-sharp-light-300.woff2?v=0003) format("woff2"),url(fontawesome/fa-sharp-light-300.ttf?v=0003) format("truetype")}.fa-light,.fasl{font-weight:300}

/* ===== sharp-regular.min.css ===== */
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-regular:normal 400 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:400;font-display:block;src:url(fontawesome/fa-sharp-regular-400.woff2?v=0003) format("woff2"),url(fontawesome/fa-sharp-regular-400.ttf?v=0003) format("truetype")}.fa-regular,.fasr{font-weight:400}

/* ===== sharp-solid.min.css ===== */
:host,:root{--fa-style-family-sharp:"Font Awesome 6 Sharp";--fa-font-sharp-solid:normal 900 1em/1 "Font Awesome 6 Sharp"}@font-face{font-family:"Font Awesome 6 Sharp";font-style:normal;font-weight:900;font-display:block;src:url(fontawesome/fa-sharp-solid-900.woff2?v=0003) format("woff2"),url(fontawesome/fa-sharp-solid-900.ttf?v=0003) format("truetype")}.fa-solid,.fass{font-weight:900}

/* ===== sharp-duotone-solid.min.css ===== */
@charset "utf-8";:root,:host{--fa-style-family-sharp-duotone:"Font Awesome 6 Sharp Duotone";--fa-font-sharp-duotone-solid:normal 900 1em/1 "Font Awesome 6 Sharp Duotone"}@font-face{font-family:"Font Awesome 6 Sharp Duotone";font-style:normal;font-weight:900;font-display:block;src:url(fontawesome/fa-sharp-duotone-solid-900.woff2?v=0003)format("woff2"),url(fontawesome/fa-sharp-duotone-solid-900.ttf?v=0003)format("truetype")}.fasds,.fa-sharp-duotone,.fa-sharp-duotone.fa-solid{position:relative;font-weight:900;letter-spacing:normal}.fasds:before,.fa-sharp-duotone:before,.fa-sharp-duotone.fa-solid:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:var(--fa-primary-opacity,1)}.fasds:after,.fa-sharp-duotone:after,.fa-sharp-duotone.fa-solid:after{color:var(--fa-secondary-color,inherit);opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fasds:before,.fa-swap-opacity .fa-sharp-duotone:before,.fa-swap-opacity .fa-sharp-duotone.fa-solid:before,.fasds.fa-swap-opacity:before,.fa-sharp-duotone.fa-swap-opacity:before,.fa-sharp-duotone.fa-solid.fa-swap-opacity:before{opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fasds:after,.fa-swap-opacity .fa-sharp-duotone:after,.fa-swap-opacity .fa-sharp-duotone.fa-solid:after,.fasds.fa-swap-opacity:after,.fa-sharp-duotone.fa-swap-opacity:after,.fa-sharp-duotone.fa-solid.fa-swap-opacity:after{opacity:var(--fa-primary-opacity,1)}.fasds.fa-inverse,.fa-sharp-duotone.fa-inverse,.fa-sharp-duotone.fa-solid.fa-inverse{color:var(--fa-inverse,#fff)}.fasds.fa-stack-1x,.fasds.fa-stack-2x,.fa-sharp-duotone.fa-stack-1x,.fa-sharp-duotone.fa-solid.fa-stack-1x,.fa-sharp-duotone.fa-stack-2x,.fa-sharp-duotone.fa-solid.fa-stack-2x{position:absolute}

/* ===== solid.min.css ===== */
:host,:root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(fontawesome/fa-solid-900.woff2?v=0003) format("woff2"),url(fontawesome/fa-solid-900.ttf?v=0003) format("truetype")}.fa-solid,.fas{font-weight:900}

/* ===== fontawesome.min.css ===== */
@charset "utf-8";.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fas:before,.fass:before,.far:before,.fasr:before,.fal:before,.fasl:before,.fat:before,.fast:before,.fad:before,.fadr:before,.fadl:before,.fadt:before,.fasds:before,.fasdr:before,.fasdl:before,.fasdt:before,.fab:before,.fa-solid:before,.fa-regular:before,.fa-light:before,.fa-thin:before,.fa-brands:before,.fa-classic:before,.fa-duotone:before,.fa-sharp:before,.fa-sharp-duotone:before,.fa:before{content:var(--fa)}.fad:after,.fa-duotone.fa-solid:after,.fa-duotone:after,.fadr:after,.fa-duotone.fa-regular:after,.fadl:after,.fa-duotone.fa-light:after,.fadt:after,.fa-duotone.fa-thin:after,.fasds:after,.fa-sharp-duotone.fa-solid:after,.fa-sharp-duotone:after,.fasdr:after,.fa-sharp-duotone.fa-regular:after,.fasdl:after,.fa-sharp-duotone.fa-light:after,.fasdt:after,.fa-sharp-duotone.fa-thin:after{content:var(--fa--fa)}.fa-classic.fa-duotone{font-family:"Font Awesome 6 Duotone"}.fass,.fa-sharp{font-weight:900}.fad,.fa-duotone{font-weight:900}.fasds,.fa-sharp-duotone{font-weight:900}.fa-classic,.fas,.fa-solid,.far,.fa-regular,.fal,.fa-light,.fat,.fa-thin{font-family:"Font Awesome 6 Pro"}.fa-duotone,.fad,.fadr,.fadl,.fadt{font-family:"Font Awesome 6 Duotone"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-sharp,.fass,.fasr,.fasl,.fast{font-family:"Font Awesome 6 Sharp"}.fa-sharp-duotone,.fasds,.fasdr,.fasdl,.fasdt{font-family:"Font Awesome 6 Sharp Duotone"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(-1*var(--fa-li-width,2em));position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-color:var(--fa-border-color,#eee);border-radius:var(--fa-border-radius,.1em);border-style:var(--fa-border-style,solid);border-width:var(--fa-border-width,.08em);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade{animation-name:fa-beat-fade;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-bounce,.fa-fade,.fa-beat-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1)translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9))translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1))translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95))translateY(0)}57%{transform:scale(1,1)translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-360-degrees{--fa:"";--fa--fa:""}.fa-add{--fa:"+";--fa--fa:"++"}.fa-address-card{--fa:"";--fa--fa:""}.fa-alien{--fa:"";--fa--fa:""}.fa-arrow-alt-down{--fa:"";--fa--fa:""}.fa-arrow-down-to-line{--fa:"";--fa--fa:""}.fa-arrow-left{--fa:"";--fa--fa:""}.fa-arrow-right{--fa:"";--fa--fa:""}.fa-arrow-right-rotate{--fa:"";--fa--fa:""}.fa-arrow-rotate-forward{--fa:"";--fa--fa:""}.fa-arrow-rotate-right{--fa:"";--fa--fa:""}.fa-arrow-to-bottom{--fa:"";--fa--fa:""}.fa-arrow-up-arrow-down{--fa:"";--fa--fa:""}.fa-bars{--fa:"";--fa--fa:""}.fa-caret-down{--fa:"";--fa--fa:""}.fa-caret-up{--fa:"";--fa--fa:""}.fa-check-circle{--fa:"";--fa--fa:""}.fa-chevron-down{--fa:"";--fa--fa:""}.fa-chevron-left{--fa:"";--fa--fa:""}.fa-chevron-right{--fa:"";--fa--fa:""}.fa-circle-check{--fa:"";--fa--fa:""}.fa-close{--fa:"";--fa--fa:""}.fa-contact-card{--fa:"";--fa--fa:""}.fa-down{--fa:"";--fa--fa:""}.fa-expand{--fa:"";--fa--fa:""}.fa-gem{--fa:"";--fa--fa:""}.fa-grid{--fa:"";--fa--fa:""}.fa-grid-2{--fa:"";--fa--fa:""}.fa-grid-3{--fa:"";--fa--fa:""}.fa-heart{--fa:"";--fa--fa:""}.fa-image{--fa:"";--fa--fa:""}.fa-lock{--fa:"";--fa--fa:""}.fa-lock-open{--fa:"";--fa--fa:""}.fa-moon{--fa:"";--fa--fa:""}.fa-multiply{--fa:"";--fa--fa:""}.fa-navicon{--fa:"";--fa--fa:""}.fa-planet-ringed{--fa:"";--fa--fa:""}.fa-plus{--fa:"+";--fa--fa:"++"}.fa-plus-large{--fa:"";--fa--fa:""}.fa-redo{--fa:"";--fa--fa:""}.fa-remove{--fa:"";--fa--fa:""}.fa-sort-up-down{--fa:"";--fa--fa:""}.fa-star-of-life{--fa:"";--fa--fa:""}.fa-sun-alt{--fa:"";--fa--fa:""}.fa-sun-bright{--fa:"";--fa--fa:""}.fa-times{--fa:"";--fa--fa:""}.fa-trophy{--fa:"";--fa--fa:""}.fa-user{--fa:"";--fa--fa:""}.fa-vcard{--fa:"";--fa--fa:""}.fa-wallet{--fa:"";--fa--fa:""}.fa-whale{--fa:"";--fa--fa:""}.fa-xmark{--fa:"";--fa--fa:""}.fa-xmark-large{--fa:"";--fa--fa:""}.sr-only,.fa-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:not(:focus),.fa-sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* -------------------------------------------------------------- Simplon Mono */

@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 300;
	  src: url('fonts/SimplonMono-Light-WebS.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 400;
	  src: url('fonts/SimplonMono-Regular-WebS.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 500;
	  src: url('fonts/SimplonMono-Medium-WebS.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 600;
	  src: url('fonts/SimplonMono-Bold-WebS.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* -------------------------------------------------------------- CSS Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, h7, p, a, img, strong, b, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul,li {
	list-style: none;
}

body {
	line-height: 1;
}

* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;-webkit-tap-highlight-color: rgba(0,0,0,0);
}

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

* :focus {outline: none;}

*, * :active {
	-webkit-tap-highlight-color: rgba(0,0,0,0.05);
}

/* -------------------------------------------------------------- Body */

html, body {
	height: 100%;
}

html {
	  overflow-y: scroll; 
}

body {
	-webkit-text-size-adjust: none;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1em;
	width: 100%;
	height: 100vh;
	color: #fff;
	background-color: #000;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* -------------------------------------------------------------- Fonts */

h1,h2,h3,h4,h5 {
	float: left;
	width: 100%;
	line-height: 1.1em;
}

b,strong {
	font-weight: 600;
}

p {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 14px 0;
	font-size: 1rem;
	line-height: 1.25em;
	color: #fff;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

a,a:active,a:visited {
	text-decoration: none;
	color: #ddd;
	transition: all .2s;
}

a:hover {
	color: #fff;
}

::-webkit-input-placeholder {
	color: #777;
}

::-moz-placeholder {
	color: #777;
}

:-ms-input-placeholder {
	color: #777;
}

input:-moz-placeholder {
	color: #777;
}

input,
button,
textarea {
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	background-color: #000;
	border-radius: 0;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* -------------------------------------------------------------- Site */

.site {
	position: relative;
	float: left;
	width: 100%;
	min-height: 100%;
	padding: 71px 0 0 0;
}

@media (max-width: 800px) {
	.site {
		padding: 61px 0 0 0;
	}
	
	.site.active {
		opacity: 0;
		pointer-events: none;
	}
}

/* -------------------------------------------------------------- Section */

section {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 60px 0;
}

@media (max-width: 800px) {
	section {
		margin: 0 0 40px 0;
	}
}

/* -------------------------------------------------------------- Holder */

.holder {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
	padding: 0 20px 0 20px;
}

@media (max-width: 800px) {
	.holder {
		max-width: 100%;
		padding: 0 10px 0 10px;
	}
}

@media (max-width: 2240px) {
	.site.active .holder {
		width: calc(100% - 400px);
		margin-right: 400px;
	}
}

/* -------------------------------------------------------------- Header */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 61px;
	padding: 10px 0 10px 10px;
	display: grid;
	grid-template-columns: auto 1fr auto auto auto;
	align-items: center;
	border-bottom: 1px solid #ededed;
	background-color: #000;
	z-index: 9998;
}

@media (max-width: 800px) {
	header {
		height: 51px;
	}	
}

/* -------------------------------------------------------------- Logo */

.logo a, .logo a:active, .logo a:visited {
	margin: 0 20px 0 0;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	z-index: 9999;
}

.logo img {
	height: 40px;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
	cursor: pointer;
}

@media (max-width: 800px) {
	.logo img {
		height: 30px;
	}
}

/* -------------------------------------------------------------- Hamburger */

.hamburger {
	width: 50px;
	height: 40px;
	font: inherit;
	overflow: visible;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .2s;
	transition-property: opacity,filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent;
	z-index: 9999;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	touch-action: manipulation;
}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 10px;
}

.hamburger-inner {
	top: 50%;
	display: block;
}

.hamburger-inner:after,.hamburger-inner:before {
	position: absolute;
	width: 30px;
	height: 2px;
	transition-timing-function: ease;
	transition-duration: .2s;
	transition-property: transform;
}

.hamburger-inner:after,.hamburger-inner:before {
	display: block;
	content: "";
}

.hamburger:hover .hamburger-inner,.hamburger:hover .hamburger-inner:after,.hamburger:hover .hamburger-inner:before,
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
	background-color: #fff;
}

.hamburger.is-active:hover .hamburger-inner,.hamburger.is-active:hover .hamburger-inner:after,.hamburger.is-active:hover .hamburger-inner:before,
.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before {
	background-color: #fff;
}

.hamburger-inner:before {
	top: 0px;
}

.hamburger-inner:after {
	bottom: 0px;
}

.hamburger--squeeze .hamburger-inner:before {
	  transition: top 50ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}

.hamburger--squeeze .hamburger-inner:after {
	  transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
	top: 4px;
	  transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	  transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:after {
	  bottom: 4px;
	  transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	  transform: rotate(-45deg);
}

@media (max-width: 800px) {
	.hamburger {
		height: 30px;
	}
}

/* -------------------------------------------------------------- Sort */

.sort-toggle {
	position: relative;
	float: left;
}

.sort-options {
	position: absolute;
	display: block;
	top: 50px;
	left: 0;
	border: 1px solid #ededed;
	background-color: #000;
	border-radius: 0;
	overflow: hidden;
	z-index: 10000;
}

.sort-option {
	min-width: 100px;
	padding: 0 10px 0 10px;
	font-size: .9rem;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #ededed;
	border-bottom: 1px solid #444;
	cursor: pointer;
}

.sort-option:last-child {
	border: 0;
}

.sort-option:hover {
	color: #fff;
}

.sort-options.hidden {
	display: none;
}

@media (hover: none) {
	.sort-option:hover {
		color: #ededed;
	}
}

@media (max-width: 800px) {
	.sort-options {
		top: 40px;
	}
	
	.sort-option {
		line-height: 40px;
	}
}

/* -------------------------------------------------------------- Filters */

.number-filter {
	width: 100%;
	min-width: 0;
	height: 40px;
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	background-color: rgba(0,0,0,0);
	border: 1px solid #444;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.number-filter:focus {
	border: 1px solid #ededed;
}

.filters {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	padding: 61px 10px 60px 10px;
	background-color: #000;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain;
	z-index: 9997;
}

.filters.open {
	display: block;
}

.trait-group {
	float: left;
	width: 100%;
	user-select: none;
}

.trait-main {
	float: left;
	width: 100%;
	user-select: none;
	cursor: pointer;
}

.trait-main input {
	display: none;
}

.trait-main label {
	position: relative;
	float: left;
	width: 100%;
	padding: 15px 180px 15px 40px;
	font-size: .9rem;
	line-height: 20px;
	color: #777;
	user-select: none;
	cursor: pointer;
}

.trait-main i {
	position: absolute;
	display: none;
	top: calc(50% - 10px);
	left: 15px;
	font-size: 1rem;
	line-height: 20px;
}

.trait-main input[type="checkbox"]:checked+label {
	color: #fff;
}

.trait-main input[type="checkbox"]:checked+label i {
	display: block;
}

.trait-header {
	position: relative;
	float: left;
	width: 100%;
	padding: 15px 10px 15px 40px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 20px;
	user-select: none;
	cursor: pointer;
}

.sub-trait-header {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 120px 10px 70px;
	font-weight: 500;
	font-size: .9rem;
	line-height: 20px;
	color: #777;
	user-select: none;
	cursor: pointer;
}

.sub-trait-header:hover {
	color: #fff;
}

.toggle-icon i {
	position: absolute;
	top: calc(50% - 10px);
	left: 10px;
	font-size: .9rem;
	line-height: 20px;
}

.sub-trait-header .toggle-icon i {
	left: 40px;
}

.trait-options {
	float: left;
	display: none;
	width: 100%;
}

.trait-option {
	float: left;
	width: 100%;
	user-select: none;
	cursor: pointer;
}

.trait-option:last-child {
	margin: 0 0 10px 0;
}

.trait-option input {
	display: none;
}

.trait-option label {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 180px 10px 40px;
	font-size: .9rem;
	line-height: 20px;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
	cursor: pointer;
}

.sub-trait-options .trait-option label {
	padding: 10px 180px 10px 70px;
}

.trait-option label:hover {
	color: #fff;
}

.trait-option i {
	position: absolute;
	display: none;
	top: calc(50% - 10px);
	left: 10px;
	font-size: 1rem;
	line-height: 20px;
}

.sub-trait-options .trait-option i {
	left: 40px;
}

.trait-option input[type="checkbox"]:checked+label {
	color: #fff;
}

.trait-option input[type="checkbox"]:checked+label i {
	display: block;
}

.trait-option-details {
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
}

.trait-option-perc {
	float: right;
	margin: 0 10px 0 0;
	font-size: .8rem;
	line-height: 20px;
}

.trait-option-count {
	float: right;
	padding: 0 5px 0 5px;
	font-weight: 600;
	font-size: .7rem;
	line-height: 20px;
	color: #fff;
	background-color: #222;
	border-radius: 0;
}

.rare-trait {
	background-color: #2655cc;
}

.super-rare-trait {
	background-color: #c0005a;
}

.ultra-rare-trait {
	background-color: #e65c00;
}

.one-one-trait {
	background-color: #b18100;
}

@media (hover: none) {
	.sub-trait-header:hover,
	.trait-main label:hover,
	.trait-option label:hover {
		color: #777;
	}
}

@media (min-width: 800px) {
	.filters {
		width: 400px;
		padding: 71px 10px 200px 10px;
	}
}

@media (max-width: 800px) {
	.number-filter {
		height: 30px;
		padding: 0 5px 0 5px;
		line-height: 28px;
	}
}

/* -------------------------------------------------------------- Stats */

.collection-stats {
	float: left;
	width: 100%;
	margin: -2px 0 6px 0;
	display: flex;
	flex-wrap: wrap;
}

.collection-stats-item {
	width: calc(25% - 4px);
	margin: 2px;
	padding: 8px;
	background-color: #18181d;
	border-radius: 0;
	user-select: none;
	cursor: pointer;
}

.stat-label {
	float: left;
	width: 100%;
	margin: 0 0 4px 0;
	font-size: .7rem;
	line-height: 1.2em;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.stat-value {
	float: left;
	width: 100%;
	font-size: .7rem;
	line-height: 1.4em;
	overflow-wrap: break-word;
	color: #ededed;
}

.stat-up {
	color: #1fc666; /* green */
}

.stat-down {
	color: #db3928; /* red */
}

.stat-flat {
	color: #777;
}

/* -------------------------------------------------------------- Collection */

.loading {
	position: relative;
	float: left;
	margin: 0 10px 5px 0;
}

.loading-circle {
	float: left;
	width: 30px;
	margin: 0 10px 0 0;
	aspect-ratio: 1;
	border-radius: 50%;
	background: 
		radial-gradient(farthest-side,#fff 94%,#0000) top/4px 4px no-repeat,
		conic-gradient(#0000 30%,#fff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
	animation: l13 1.5s infinite linear;
}

.loading-text {
	float: left;
	font-weight: 500;
	font-size: .8rem;
	line-height: 30px;
	color: #777;
}

@keyframes l13 { 
	100% {
		transform: rotate(1turn)
	}
}

.showing {
	float: left;
	margin: 0 10px 5px 0;
	font-weight: 500;
	font-size: .8rem;
	line-height: 30px;
	color: #777;
}

.collection {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.card {
	position: relative;
	border: 1px solid #ededed;
	overflow: hidden;
}

.grid-3 .card {
	cursor: pointer;
}

.expand {
	position: absolute;
	right: 5px;
	bottom: 5px;
	padding: 5px;
	text-align: center;
	background-color: #000;
	z-index: 9996;
}

.expand i {
	font-size: 1.1rem;
	line-height: 1em;
	color: #777;
}

.grid-3 .expand i {
	font-size: 1rem;
}

.popup .expand {
	display: none;
}

.card-content {
	float: left;
	width: 100%;
}

.ordskul-image {
	position: relative;
	float: left;
	width: 100%;
	aspect-ratio : 1 / 1;
	cursor: pointer;
}

.popup .ordskul-image {
	cursor: auto;	
}

.ordskul-image img {
	float: left;
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
}

.ordskul-image iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.ordskul-switch {
	position: absolute;
	top: 7px;
	right: 7px;
	padding: 8px;
	font-weight: 600;
	font-size: .7rem;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #ededed;
	background-color: #000;
	z-index: 100;
	cursor: pointer;
}

@media (min-width: 800px) {
	.collection {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.filter-active .collection {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.filter-active .grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1000px) {
	.collection {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.filter-active .collection {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.filter-active .grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) {
	.collection {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.filter-active .collection {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.filter-active .grid-3 {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 1400px) {
	.collection {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.filter-active .collection {
		grid-template-columns: repeat(4, 1fr);
	}
	
	.filter-active .grid-3 {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (min-width: 1600px) {
	.collection {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(6, 1fr);
	}
	
	.filter-active .collection {
		grid-template-columns: repeat(5, 1fr);
	}
	
	.filter-active .grid-3 {
		grid-template-columns: repeat(6, 1fr);
	}
}

/* -------------------------------------------------------------- ordskul */

.ordskul {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px;
}

.grid-3 .ordskul {
	padding: 5px;
}

.ordskul-profile {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	z-index: 999;
}

.grid-3 .ordskul-profile {
	margin: 0;
}

.ordskul-name {
	float: left;
	width: calc(100% - 30px);
	font-weight: 600;
	font-size: .8rem;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: .04em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.grid-3 .ordskul-name {
	font-size: .7rem;
}

.popup-content .ordskul-name {
	font-size: .9rem;
}

.ordskul-rarity {
	float: right;
	width: 30px;
	font-weight: 500;
	font-size: .8rem;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: .04em;
	text-align: right;
}

.grid-3 .ordskul-rarity {
	font-size: .7rem;
}

.popup-content .ordskul-rarity {
	font-size: .9rem;
}

.ordskul-rarity i {
	margin: 0 5px 0 0;
	font-size: .7rem;
	line-height: 20px;
}

.grid-3 .ordskul-rarity i {
	font-size: .7rem;
}

.ordskul-traits {
	float: right;
	padding: 0 8px 0 8px;
	font-weight: 500;
	font-size: .7rem;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: .04em;
	background-color: #000;
}

/* -------------------------------------------------------------- ordskul Owner */

.ordskul-owner a,.ordskul-owner a:active,.ordskul-owner a:visited {
	position: relative;
	float: left;
	width: 100%;
	height: 30px;
	font-size: .7rem;
	line-height: 30px;
	color: #ededed;
	padding: 0 40px 0 10px;
	background-color: #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ordskul-owner a:hover {
	color: #fff;
	background-color: #444;
}

.ordskul-owner.owner-image a,.ordskul-owner.owner-image a:active,.ordskul-owner.owner-image a:visited {
	padding: 0 40px 0 30px;
}

.ordskul-owner.owner-image img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.xusername a,.xusername a:active,.xusername a:visited {
	float: left;
	width: calc(100% - 35px);
	font-size: .7rem;
	line-height: 30px;
}

.ordskul-owner i {
	float: left;
	margin: 0 5px 0 0;
	font-size: .8rem;
	line-height: 30px;
	color: #777;
}

.holding-days {
	position: absolute;
	top: 0;
	right: 10px;
	width: 50px;
	font-size: .7rem;
	line-height: 30px;
	color: #777;
	text-align: right;
}

.holding-new {
	text-transform: uppercase;
	letter-spacing: .04em;
}

.xlink a,.xlink a:active,.xlink a:visited {
	position: relative;
	float: left;
	width: 30px;
	height: 30px;
	margin: 0 0 0 5px;
	text-align: center;
	line-height: 30px;
	color: #777;
	background-color: #222;
}

.xlink a i {
	font-size: .8rem;
	line-height: 30px;
}

.xlink a:hover {
	color: #fff;
	background-color: #444;
}

.grid-3 .ordskul-owner {
	display: none;
}

.grid-3 .xlink {
	display: none;
}

@media (hover: none) {
	.ordskul-owner a:hover {
		background-color: #222;
	}
}

/* -------------------------------------------------------------- Owner Card */

.owner-card-single {
	align-self: start; 
}

.owner-card-details {
	position: relative;
	float: left;
	width: 100%;
	padding: 10px;
}

.owner-card-header {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	text-align: center;	
}

.owner-card-image {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}

.grid-3 .owner-card-image {
	float: left;
	width: 40px;
	height: 40px;
}

.owner-card-holding {
	float: left;
	display: none;
	width: calc(100% - 50px);
	margin: 0 0 0 10px;
	font-size: .7rem;
	line-height: 1em;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-3 .owner-card-holding {
	display: block;
}

.popup .owner-card-holding {
	display: none;
}

.owner-card-image img {
	float: left;
	display: block;
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
}

.owner-card-wallet {
	display: inline-block;
	width: 80px;
	height: 80px;
	color: #777;
	text-align: center;
	background-color: #222;
	border-radius: 50%;
	overflow: hidden;
}

.grid-3 .owner-card-wallet {
	float: left;
	width: 40px;
	height: 40px;
}

.owner-card-wallet i {
	font-size: 1.4rem;
	line-height: 80px;
}

.grid-3 .owner-card-wallet i {
	font-size: .9rem;
	line-height: 40px;
}

.owner-card-content {
	position: relative;
	float: left;
	width: 100%;
}

.owner-card-single .owner-card-content {
}

.owner-card-name {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	height: 20px;
	font-weight: 600;
	font-size: .8rem;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.owner-card-rank {
	font-weight: 500;
	color: #777;
}

.grid-3 .owner-card-name {
	margin: 0;
	font-size: .7rem;
	text-align: left;	
}

.owner-card-og {
	float: left;
	width: 100%;
	margin: -10px 0 10px 0;
	height: 20px;
	font-size: .8rem;
	line-height: 20px;
	color: #777;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.og-amount {
	font-weight: 600;
	color: #f8cc50;
	background: -webkit-linear-gradient(#ffff77, #f1982a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.grid-3 .owner-card-og {
	display: none;
}

.owner-card-icons {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4px;
}

.owner-card-icons-2 {
	grid-template-columns: repeat(2, 1fr);
}

.owner-card-icons-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-3 .owner-card-icons {
	display: none;
}

.owner-card-icon {
	color: #ddd;
	text-align: center;
	background-color: #222;
	user-select: none;
	overflow: hidden;
	cursor: pointer;
}

.owner-card-icon:hover {
	color: #fff;
	background-color: #444;
}

.owner-card-icon i {
	font-size: .8rem;
	line-height: 30px;
}

.owner-card-stats {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.grid-3 .owner-card-stats {
	display: none;
}

.owner-card-stat {
	flex: 1;
	min-width: 0; 
	padding: 10px;
	color: #ddd;
	background-color: #222;
	user-select: none;
	cursor: pointer;
}

.owner-card-stat:hover {
	color: #fff;
	background-color: #444;
}

.owner-card-stat-title {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: .7rem;
	line-height: 1.2em;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.owner-card-stat-value {
	float: left;
	width: 100%;
	font-size: .7rem;
	line-height: 1.4em;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-3 .owner-card-stat-value {
	font-size: .7rem;
}

.owner-card-count {
	color: #ededed;
}

.owner-card-total {
	color: #777;
}

.owner-card-collections {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 5px;
	padding: 5px;
	border: 1px solid #444;
}

.grid-3 .owner-card-collections {
	display: none;
}

.owner-card-single .owner-card-collections {
	grid-template-columns: repeat(1, 1fr);
}

.owner-card-single .owner-card-collections-1 {
	grid-template-columns: repeat(1, 1fr);
}

.owner-card-collection {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 0 10px 0 10px;
	font-size: .7rem;
	line-height: 30px;
	color: #ddd;
	border: 1px solid #444;
	user-select: none;
	overflow: hidden;
	cursor: pointer;
}

.owner-card-collection:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.owner-card-collection-label {
	flex: 1 1 auto;
	min-width: 0;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.owner-card-collection-count {
	flex: 0 0 auto;
	color: #ededed;
	text-align: right;
	white-space: nowrap;
}

.aliens-popup-head {
	float: left;
	width: 100%;
	padding: 10px 0 10px 0;
	font-weight: 500;
	font-size: .8rem;
	line-height: 1.2em;
	color: #777;
}

.add-alien-btn {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	height: 30px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 30px;
	color: #2ce67b;
	text-align: center;
	background-color: #222;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-overflow: ellipsis;
	cursor: pointer;
}

.popup-content .add-alien-btn {
	display: none;
}

.add-alien-btn:hover {
	color: #4cff98;
	background-color: #444;
}

.add-alien-btn a i {
	font-size: .9rem;
	line-height: 30px;
}

.add-spaceship-btn a,.add-spaceship-btn a:active,.add-spaceship-btn a:visited {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	height: 30px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 30px;
	color: #2ce67b;
	text-align: center;
	background-color: #222;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-overflow: ellipsis;
	cursor: pointer;
}

.add-spaceship-btn a i {
	font-size: .9rem;
	line-height: 30px;
}

.popup-content .add-spaceship-btn {
	display: none;
}

.add-spaceship-btn a:hover {
	color: #4cff98;
	background-color: #444;
}

.aliens-overview {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 5px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 5px;
	border: 1px solid #444;
}

.grid-3 .aliens-overview {
	display: none;
}

.popup-content .aliens-overview {
	padding: 5px;
	grid-template-columns: repeat(4, 1fr);
}

.aliens-overview img {
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	min-width: 0;
	overflow: hidden;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
	cursor: pointer;
}

.popup-content .aliens-overview img {
	cursor: auto;
}

.more-aliens {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: .7rem;
	color: #ddd;
	background-color: #222;
	cursor: pointer;
	user-select: none;
}

.more-aliens i {
	font-size: .5rem;
}

.more-aliens:hover {
	color: #fff;
	background-color: #444;
}

.aliens-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	width: 100%;
	margin: 0 0 10px 0;
}

.alien-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	border: 1px solid #ededed;
	overflow: hidden;
	cursor: pointer;
	user-select: none;
}

.alien-tile.linked {
	border: 1px solid #2ce67b;
}

.alien-tile img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	min-width: 0;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

.alien-num {
	float: left;
	width: 100%;
	padding: 5px;
	font-weight: 600;
	font-size: .7rem;
	line-height: 1.2em;
}

.alien-tile.is-linked {
	border: 1px solid #444;
}

.alien-tile.selected {
	border: 1px solid #2ce67b;
}

.alien-tile.selected img {
	filter: none;
}

.alien-link-status {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px;
	font-weight: 600;
	font-size: .7rem;
	line-height: 1.2em;
	color: #ededed;
	text-align: center;
	background-color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
}

.is-linked .alien-link-status,
.is-linked .alien-num {
	color: #777;
}

.selected .alien-link-status,
.selected .alien-num {
	color: #2ce67b;
}

@media (hover: none) {
	.owner-card-icon:hover,
	.owner-card-stat:hover,
	.owner-card-collection:hover,
	.more-aliens:hover {
		color: #ddd;
		background-color: #222;
	}
}

@media (max-width: 800px) {
	.owner-card-collections {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.owner-card-single .owner-card-collections {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.owner-card-single .owner-card-collections-1 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.popup-content .aliens-overview {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.aliens-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* -------------------------------------------------------------- Progress */

.progress {
	float: left;
	width: 100%;
	display: none;
	margin: 10px 0 0 0;
	padding: 10px;
	border: 1px solid #444;
}

.popup-content .progress {
	display: block;
}

.progress-bar-title {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: .7rem;
	line-height: 1.2em;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.progress-bar {
	position: relative;
	float: left;
	width: 100%;
	background: linear-gradient(to right, rgba(213,41,41,1) 0%,rgba(255,233,49,1) 50%,rgba(44,230,123,1) 100%);
}

.progress-perc {
	float: right;
	height: 5px;
	background-color: #000;
}

/* -------------------------------------------------------------- Traits Box */

.trait-segment {
	float: left;
	display: none;
	width: 100%;
	margin: 20px 0 0 0;
	font-weight: 500;
	font-size: .7rem;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup-content .trait-segment {
	display: block;
}

.trait-boxes {
	float: left;
	width: 100%;
	display: none;
	grid-template-columns: repeat(2, 1fr);
	gap: 5px;
	padding: 5px;
	border: 1px solid #444;
}

.trait-boxes-resources {
	padding: 5px;
	border: 1px solid #444;
}

.popup-content .trait-boxes {
	display: grid;
}

.trait-box {
	padding: 10px;
	border: 1px solid #444;
	user-select: none;
	cursor: pointer;
}

.popup-content .trait-boxes {
	margin: 10px 0 0 0;
	grid-template-columns: repeat(3, 1fr);
}

.trait-box:hover {
	border: 1px solid #ededed;
}

.trait-box-title {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: .7rem;
	line-height: 1.2em;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.trait-box-value {
	float: left;
	width: 100%;
	font-size: .7rem;
	line-height: 1.4em;
	overflow-wrap: break-word;
	color: #ededed;
}

.trait-box-resource {
	display: block;
	clear: both;
	margin: 0 0 5px 0;
	padding: 5px;
	width: 40px;
	height: 40px;
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
	border: 1px solid #ededed;
	border-radius: 50%;
}

.trait-box-image {
	display: block;
	max-width: 100%;
	height: auto;
}

.trait-box-perc {
	font-weight: 600;
	color: #777;
}

.perc-rare-trait {
	color: #2655cc;
}

.perc-super-rare-trait {
	color: #c0005a;
}

.perc-ultra-rare-trait {
	color: #e65c00;
}

.perc-one-one-trait {
	color: #b18100;
}

@media (max-width: 800px) {
	.popup-content .trait-boxes {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	}
}

@media (hover: none) {
	.trait-box:hover {
		border: 1px solid #444;
	}
}

/* -------------------------------------------------------------- Actions */

.actions {
	width: 100%;
	margin: 0 0 5px 0;
	display: grid;
	grid-template-columns: 1fr 30px;
	gap: 5px;
}

.grid-3 .actions {
	display: none;
}

.actions a, .actions a:visited, .actions a:active {
	height: 30px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 30px;
	color: #ddd;
	text-align: center;
	background-color: #222;
	border: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-overflow: ellipsis;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

.actions a:last-child, .actions a:last-child:visited, .actions a:last-child:active {
	font-size: .8rem;
}

.actions a:hover {
	color: #fff;
	background-color: #444;
}

.actions a i {
	font-size: .9rem;
	line-height: 30px;
}

.actions a.listed-price, .actions a.listed-price:active, .actions a.listed-price:visited {
	font-weight: 600;
	font-size: .7rem;
	color: #ededed;
	background-color: #222;
}

.actions a.listed-price:hover {
	color: #fff;
	background: #777;
}

.expand-popup {
	height: 30px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 30px;
	color: #ddd;
	text-align: center;
	background-color: #222;
	border: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	text-overflow: ellipsis;
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

.expand-popup:hover {
	color: #fff;
	background-color: #444;
}

.expand-popup i {
	font-size: .9rem;
	line-height: 30px;
}

.listed-floor {
	position: absolute;
	top: 7px;
	right: 7px;
	padding: 6px;
	font-weight: 500;
	font-size: .7rem;
	line-height: 1em;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #ededed;
	background-color: #000;
	z-index: 10;
}

.grid-3 .listed-floor {
	display: none;
}

@media (hover: none) {
	.actions a:hover {
		color: #ededed;
		background-color: #222;
	}

	.actions a.listed-price:hover {
		color: #ededed;
		background-color: #222;
	}
}

/* -------------------------------------------------------------- Nav */

.nav {
	float: left;
	width: calc(100% - 20px);
	margin: 20px 0 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.nav a,
.nav a:active,
.nav a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding: 0 10px 0 10px;
	font-size: .7rem;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #ddd;
	border: 1px solid #444;
	cursor: pointer;
	transition: all .2s;
}

.nav a.social,
.nav a.social:active,
.nav a.social:visited {
	width: 30px;
	padding: 0;
}

.nav a:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.nav a i {
	line-height: 28px;
}

@media (hover: none) {
	.nav a,.nav a:active,.nav a:visited {
		touch-action: manipulation;
	}
	
	.nav a:hover {
		color: #ddd;
		border: 1px solid #444;
	}
}

/* -------------------------------------------------------------- Buttons */

.filters-button {
	width: 40px;
	line-height: 40px;
	color: #ededed;
	text-align: center;
	background: rgba(0,0,0,0);
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.filters-button:hover {
	color: #fff;
}

.filters-button i {
	font-size: 1.2rem;
	line-height: 40px;
}

.filters-open {
	color: #fff;
}

.reset-button {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 28px;
	color: #777;
	background-color: rgba(0,0,0,0);
	border: 1px solid #444;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.reset-button:hover {
	color: #fff;
	border: 1px solid #fff;
}

.refresh-button {
	float: left;
	margin: 0 10px 5px 0;
	width: 30px;
	height: 30px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	line-height: 28px;
	text-align: center;
	color: #777;
	background-color: rgba(0,0,0,0);
	border: 1px solid #444;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.refresh-button i {
	font-size: .8rem;
	line-height: 28px;
}

.fa-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.refresh-button:hover {
	color: #fff;
	border: 1px solid #fff;
}

@keyframes colorPulse {
	0%, 100% {
		color: #777;
		border-color: #777;
	}
	50% {
		color: #ededed;
		border-color: #ededed;
	}
}

@keyframes colorPulseRare {
	0%, 100% {
		color: #777;
		border-color: #777;
	}
	50% {
		color: #b18100;
		border-color: #b18100;
	}
}

.refresh-button.new-data {
	color: #777;
	border: 1px solid #444;
	animation: colorPulse 5s ease-in-out infinite;
}

.refresh-button.new-data-rare {
	color: #777;
	border: 1px solid #444;
	animation: colorPulseRare 5s ease-in-out infinite;
}

.refresh-button.new-data:hover {
	color: #fff;
	border: 1px solid #fff;
}

.sort-button {
	float: left;
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 40px;
	color: #ededed;
	background: rgba(0,0,0,0);
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.sort-button:hover {
	color: #fff;
}

.order-button {
	padding: 0 10px 0 10px;
	line-height: 40px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.order-button:hover {
	color: #fff;
}

.order-button i {
	font-size: 1.2rem;
	line-height: 40px;
	--fa-primary-color: #ededed;
	--fa-secondary-color: #777;
	--fa-secondary-opacity: 1;
}

.sort-up i {
	--fa-primary-color: #ededed;
	--fa-secondary-color: #777;
}

.sort-down i {
	--fa-primary-color: #777;
	--fa-secondary-color: #ededed;
}

.order-button:hover i {
	--fa-primary-color: #fff;
	--fa-secondary-color: #fff;
}

@media (hover: none) {
	.filters-button,
	.reset-button,
	.refresh-button,
	.refresh-button.new-data,
	.sort-button,
	.order-button {
		touch-action: manipulation;
	}
	
	.filters-button:hover,
	.sort-button:hover,
	.order-button:hover {
		color: #ededed;
	}
	
	.sort-up:hover i {
		--fa-primary-color: #ededed;
		--fa-secondary-color: #777;
	}
	
	.sort-down:hover i {
		--fa-primary-color: #777;
		--fa-secondary-color: #ededed;
	}
	
	.reset-button:hover,
	.refresh-button:hover {
		color: #777;
		background-color: rgba(0,0,0,0);
		border: 1px solid #444;
	}
	
	.refresh-button.new-data:hover {
		color: #777;
		border: 1px solid #444;
		background-color: rgba(0,0,0,0);
		animation: colorPulse 5s ease-in-out infinite;
	}
	
	.filters-open {
		color: #fff;
	}
}

@media (max-width: 800px) {
	.filters-button,
	.order-button {
		line-height: 30px;
	}
	
	.filters-button i,
	.order-button i {
		line-height: 30px;
	}
	
	.sort-button {
		line-height: 30px;
	}
}

/* -------------------------------------------------------------- Active Filters */

.active-filters {
	float: right;
}

.active-filter-tag {
	position: relative;
	float: right;
	margin: 0 0 5px 5px;
	padding: 0 30px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 500;
	font-style: normal;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 28px;
	color: #777;
	background-color: rgba(0,0,0,0);
	border: 1px solid #444;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.active-filter-tag.owner-address {
	text-transform: none;
}

.active-filter-tag.owner-image {
	padding: 0 30px 0 30px;
}

.active-filter-tag.owner-image img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.active-filter-tag .fa-xmark {
	position: absolute;
	top: calc(50% - 10px);
	right: 10px;
	font-size: .8rem;
	line-height: 20px;
}

.active-filter-tag .fa-wallet,
.active-filter-tag .fa-whale {
	font-size: .7rem;
}

.active-filter-tag:hover {
	color: #fff;
	border: 1px solid #fff;
}

@media (hover: none) {
	.active-filter-tag {
		touch-action: manipulation;
	}
	
	.active-filter-tag:hover {
		color: #777;
		background-color: rgba(0,0,0,0);
		border: 1px solid #444;
	}
}

/* -------------------------------------------------------------- Grid Toggle */

.grid-toggle {
	margin: 0 0 0 10px;
	padding: 0 10px 0 10px;
	line-height: 40px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.grid-toggle i {
	font-size: 1.2rem;
	line-height: 40px;
}

.grid-toggle:hover {
	color: #fff;
}

@media (hover: none) {
	.grid-toggle {
		touch-action: manipulation;
	}
	
	.grid-toggle:hover {
		color: #ededed;
		background: rgba(0,0,0,0);
	}
}

@media (max-width: 800px) {
	.grid-toggle {
		line-height: 30px;
	}
	
	.grid-toggle i {
		line-height: 30px;
	}
}

/* -------------------------------------------------------------- Popup */

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 10px 0 0 0;
	background: rgba(0,0,0,0.9);
	overflow-y: auto !important;
	overscroll-behavior: contain;
	cursor: pointer;
	z-index: 9999;
}

.popup .popup-content {
	margin: 0 auto;
	width: calc(100% - 120px);
	max-width: 500px;
	overflow: visible;
	-webkit-overflow-scrolling: auto;
}

.popup-content .card {
	margin: 0 0 10px 0;
	background-color: #000;
}

.popup-close {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	font-size: .9rem;
	color: #ededed;
	text-align: center;
	background-color: #222;
	cursor: pointer;
	border-radius: 50%;
	z-index: 9999;
}

.popup-close i {
	line-height: 40px;
}

.popup-close:hover {
	color: #fff;
	background-color: #444;
}

@media (max-width: 800px) {
	.popup .popup-content {
	}
}

@media (hover: none) {
	.popup-close:hover {
		color: #ededed;
		background-color: #222;
	}
}

/* -------------------------------------------------------------- Wallet Buttons */

.wallet-buttons {
	float: left;
	width: calc(100% - 20px);
	margin: 0 0 20px 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding: 10px;
	border: 1px solid #444;
	border-radius: 0;
}

.wallet-buttons .no-wallet {
	grid-column: 1 / -1;
}

.wallet-buttons.one-button {
	grid-template-columns: 1fr;
}

.wallet-buttons.one-button button {
	width: 100%;
}

.connected-addresses {
	float: left;
	width: 100%;
	padding: 10px;
	font-size: .9rem;
	overflow-wrap: break-word;
}

.wallet-connect-status {
	position: relative;
	float: left;
	width: 100%;
	padding: 15px 10px 15px 40px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 20px;
}

.wallet-connect-status i {
	position: absolute;
	top: calc(50% - 10px);
	left: 10px;
	font-size: .9rem;
	line-height: 20px;
}

.wallet-connect-profile {
	position: relative;
	grid-column: 1 / -1;
	padding: 5px 5px 5px 55px;
	border: 1px solid #444;
}

.wallet-connect-profile img {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 40px;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
}

.wallet-connect-name {
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	font-weight: 500;
	font-size: .8rem;
	line-height: 15px;
	color: #ededed;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-connect-user {
	float: left;
	width: 100%;
	margin: 0 0 5px 0;
	font-size: .7rem;
	line-height: 15px;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-wallet {
	grid-column: 1 / -1;
	width: 100%;
	display: block;
	font-size: .8rem;
	line-height: 1.2em;
	color: #777;
}

.connect {
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 700;
	font-style: normal;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 40px;
	color: #000;
	text-align: center;
	background-color: #2ce67b;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	transition: all .2s;
	cursor: pointer;
}

.connect:hover {
	color: #000;
	background-color: #4cff98;
}

.link-x a,.link-x a:active,.link-x a:visited {
	display: block;
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 700;
	font-style: normal;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 40px;
	color: #ededed;
	text-align: center;
	background-color: #222;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.link-x a i {
	font-size: .9rem;
	line-height: 40px;
}

.link-x a:hover {
	color: #fff;
	background-color: #444;
}

.disconnect {
	padding: 0 10px 0 10px;
	font-family: 'Simplon Mono', 'Courier New', monospace;
	font-weight: 700;
	font-style: normal;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 40px;
	color: #ededed;
	text-align: center;
	background-color: #222;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.disconnect:hover {
	color: #fff;
	background-color: #444;
}

@media (max-width: 900px) {
	.wallet-buttons {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.wallet-buttons > :not(.hidden):only-child {
		grid-column: 1 / -1;
	}
}

/* -------------------------------------------------------------- Hidden */

.hidden {
	display: none;
}

.number-filter.hidden,
.controls.hidden,
.grid-control.hidden {
	display: none;
}

/* -------------------------------------------------------------- Body Locked */

#overlayRoot {
	position: fixed;
	inset: 0;
	z-index: 9999;
}

@media (max-width: 800px) {
	html.scroll-locked,
	html.scroll-locked body {
		height: 100%;
		overflow: hidden;
	}
}