/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
 
 /* ===== fontawesome.min.css ===== */
@charset "utf-8";.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fas,.far,.fab,.fal,.fat,.fad,.fadr,.fadl,.fadt,.fass,.fasr,.fasl,.fast,.fasds,.fasdr,.fasdl,.fasdt,.faslr,.faslpr,.fawsb,.fatl,.fans,.fands,.faes,.fagt,.fajr,.fajfr,.fajdr,.facr,.fausb,.faudsb,.faufsb,.fa-solid,.fa-semibold,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa-chisel,.fa-etch,.fa-graphite,.fa-jelly,.fa-jelly-duo,.fa-jelly-fill,.fa-notdog,.fa-notdog-duo,.fa-slab,.fa-slab-press,.fa-thumbprint,.fa-utility,.fa-utility-duo,.fa-utility-fill,.fa-whiteboard,.fa{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Pro"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.faslr,.faslpr,.fawsb,.fatl,.fans,.fands,.faes,.fagt,.fajr,.fajfr,.fajdr,.facr,.fausb,.faudsb,.faufsb,.fa-solid,.fa-semibold,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa-chisel,.fa-etch,.fa-graphite,.fa-jelly,.fa-jelly-duo,.fa-jelly-fill,.fa-notdog,.fa-notdog-duo,.fa-slab,.fa-slab-press,.fa-thumbprint,.fa-utility,.fa-utility-duo,.fa-utility-fill,.fa-whiteboard,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.fass,.far,.fasr,.fal,.fasl,.fat,.fast,.fad,.fadr,.fadl,.fadt,.fasds,.fasdr,.fasdl,.fasdt,.fab,.faslr,.faslpr,.fawsb,.fatl,.fans,.fands,.faes,.fagt,.fajr,.fajfr,.fajdr,.facr,.fausb,.faudsb,.faufsb,.fa-solid,.fa-semibold,.fa-regular,.fa-light,.fa-thin,.fa-brands,.fa-classic,.fa-duotone,.fa-sharp,.fa-sharp-duotone,.fa-chisel,.fa-etch,.fa-graphite,.fa-jelly,.fa-jelly-duo,.fa-jelly-fill,.fa-notdog,.fa-notdog-duo,.fa-slab,.fa-slab-press,.fa-thumbprint,.fa-utility,.fa-utility-duo,.fa-utility-fill,.fa-whiteboard,.fa):before{content:var(--fa)}}:is(.fad,.fa-duotone,.fadr,.fadl,.fadt,.fasds,.fa-sharp-duotone,.fasdr,.fasdl,.fasdt,.fatl,.fa-thumbprint,.fands,.fa-notdog-duo,.fajdr,.fa-jelly-duo,.faudsb,.fa-utility-duo):after{content:var(--fa)/"";font-feature-settings:"ss01"}@supports not (content:""/""){:is(.fad,.fa-duotone,.fadr,.fadl,.fadt,.fasds,.fa-sharp-duotone,.fasdr,.fasdl,.fasdt,.fatl,.fa-thumbprint,.fands,.fa-notdog-duo,.fajdr,.fa-jelly-duo,.faudsb,.fa-utility-duo):after{content:var(--fa)}}.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:.0833333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.0714286em;vertical-align:.0535715em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.0416667em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start: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,.0625em);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-right,.fa-pull-end{float:inline-end;margin-inline-start: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:none!important;transition:none!important}}@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{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);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-add{--fa:"+"}.fa-address-card{--fa:""}.fa-alien{--fa:""}.fa-arrow-alt-down{--fa:""}.fa-arrow-alt-from-top{--fa:""}.fa-arrow-down{--fa:""}.fa-arrow-down-arrow-up{--fa:""}.fa-arrow-down-from-bracket{--fa:""}.fa-arrow-down-long{--fa:""}.fa-arrow-left{--fa:""}.fa-arrow-left-long{--fa:""}.fa-arrow-left-rotate{--fa:""}.fa-arrow-right{--fa:""}.fa-arrow-right-long{--fa:""}.fa-arrow-right-rotate{--fa:""}.fa-arrow-rotate-back{--fa:""}.fa-arrow-rotate-backward{--fa:""}.fa-arrow-rotate-forward{--fa:""}.fa-arrow-rotate-left{--fa:""}.fa-arrow-rotate-right{--fa:""}.fa-arrow-turn-down-right{--fa:""}.fa-arrow-up{--fa:""}.fa-arrow-up-long{--fa:""}.fa-arrow-up-right{--fa:""}.fa-arrow-up-right-from-square{--fa:""}.fa-arrows-maximize{--fa:""}.fa-bars{--fa:""}.fa-bars-filter{--fa:""}.fa-caret-down{--fa:""}.fa-caret-up{--fa:""}.fa-check{--fa:""}.fa-check-circle{--fa:""}.fa-chevron-down{--fa:""}.fa-chevron-left{--fa:""}.fa-chevron-right{--fa:""}.fa-chevron-up{--fa:""}.fa-circle{--fa:""}.fa-circle-check{--fa:""}.fa-close{--fa:""}.fa-contact-card{--fa:""}.fa-copy{--fa:""}.fa-credit-card-blank{--fa:""}.fa-credit-card-front{--fa:""}.fa-down{--fa:""}.fa-down-from-line{--fa:""}.fa-edit{--fa:""}.fa-expand{--fa:""}.fa-expand-arrows{--fa:""}.fa-expand-arrows-alt{--fa:""}.fa-external-link{--fa:""}.fa-eye{--fa:""}.fa-face-frown{--fa:""}.fa-frown{--fa:""}.fa-gem{--fa:""}.fa-globe{--fa:""}.fa-grid{--fa:""}.fa-grid-2{--fa:""}.fa-grid-3{--fa:""}.fa-hand-holding{--fa:""}.fa-hand-holding-dollar{--fa:""}.fa-hand-holding-usd{--fa:""}.fa-image{--fa:""}.fa-image-broken{--fa:""}.fa-list{--fa:""}.fa-list-dots{--fa:""}.fa-list-squares{--fa:""}.fa-list-ul{--fa:""}.fa-location-dot{--fa:""}.fa-lock{--fa:""}.fa-lock-open{--fa:""}.fa-long-arrow-down{--fa:""}.fa-long-arrow-left{--fa:""}.fa-long-arrow-right{--fa:""}.fa-long-arrow-up{--fa:""}.fa-magnifying-glass{--fa:""}.fa-mail-forward{--fa:""}.fa-map-marker-alt{--fa:""}.fa-maximize{--fa:""}.fa-minus{--fa:""}.fa-moon{--fa:""}.fa-multiply{--fa:""}.fa-navicon{--fa:""}.fa-pen-to-square{--fa:""}.fa-plus{--fa:"+"}.fa-plus-large{--fa:""}.fa-redo{--fa:""}.fa-remove{--fa:""}.fa-search{--fa:""}.fa-share{--fa:""}.fa-share-from-square{--fa:""}.fa-share-square{--fa:""}.fa-sort-alt{--fa:""}.fa-star-of-life{--fa:""}.fa-subtract{--fa:""}.fa-sun-alt{--fa:""}.fa-sun-bright{--fa:""}.fa-table-list{--fa:""}.fa-th-list{--fa:""}.fa-times{--fa:""}.fa-triangle{--fa:""}.fa-undo{--fa:""}.fa-vcard{--fa:""}.fa-wallet{--fa:""}.fa-xmark{--fa:""}.fa-xmark-large{--fa:""}

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

/* ===== custom-icons.min.css ===== */
@charset "utf-8";.fak.fa-gamma,.fa-kit.fa-gamma{--fa:""}.fak.fa-kekko,.fa-kit.fa-kekko{--fa:""}.fak.fa-leather,.fa-kit.fa-leather{--fa:""}.fak.fa-magiceden,.fa-kit.fa-magiceden{--fa:""}.fak.fa-okx,.fa-kit.fa-okx{--fa:""}.fak.fa-ordinal,.fa-kit.fa-ordinal{--fa:""}.fak.fa-phantom,.fa-kit.fa-phantom{--fa:""}.fak.fa-suye,.fa-kit.fa-suye{--fa:""}.fak.fa-titans,.fa-kit.fa-titans{--fa:""}.fak.fa-trio,.fa-kit.fa-trio{--fa:""}.fak.fa-unisat,.fa-kit.fa-unisat{--fa:""}.fak.fa-xverse,.fa-kit.fa-xverse{--fa:""}.fak,.fa-kit{--fa-family:"Font Awesome Kit";--fa-style:400;--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome Kit"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,400);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}.fak:before,.fa-kit:before{content:var(--fa)/""}@supports not (content:''/''){.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=033)format("woff2")}

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

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

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

/* -------------------------------------------------------------- Inter (Bitcoin) */

@font-face {
	font-family: 'Inter Bitcoin';
	src: url('fonts/InterVariable.woff2') format('woff2');
	unicode-range: U+20BF;
}

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

@font-face {
	  font-display: swap;
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 300;
	  src: url('fonts/SimplonMono-Light-Ordinal-io.woff2') format('woff2');
}

@font-face {
	  font-display: swap;
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 400;
	  src: url('fonts/SimplonMono-Regular-Ordinal-io.woff2') format('woff2');
}

@font-face {
	  font-display: swap;
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 500;
	  src: url('fonts/SimplonMono-Medium-Ordinal-io.woff2') format('woff2');
}

@font-face {
	  font-display: swap;
	  font-family: 'Simplon Mono';
	  font-style: normal;
	  font-weight: 600;
	  src: url('fonts/SimplonMono-Bold-Ordinal-io.woff2') format('woff2');
}

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

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

iframe {
	border: 0;
}

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);
}

.fa-sharp,
.fa-light,
.fa-solid,
.fa-regular {
	width: auto;
}

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

html, body {
	font-size: 16px;
	height: 100%;
}

html {
	overflow-y: auto; 
}

html.no-transitions * {
	transition: none !important;
}

body {
	-webkit-text-size-adjust: none;
	font-family: 'Simplon Mono', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1em;
	width: 100%;
	color: #ededed;
	background-color: #000;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: none;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 360px) {
	html {
		font-size: 14px;
	}
}

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

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

h1 {
	padding: 0 0 40px 0;
	font-size: 1.8rem;
	letter-spacing: .04em;
	color: #fff;
	text-align: center;
	text-shadow:
		0 0 5px #000,
		0 0 10px #000,
		0 0 20px #000,
		0 0 40px #000,
		0 2px 4px #000;
}

.focus {
	color: #f57325;
	text-shadow:
		0 0 7px rgba(255,84,0,0.8),
		0 0 15px rgba(255,84,0,0.6),
		0 0 30px rgba(255,84,0,0.4),
		0 0 60px rgba(255,84,0,0.2);
	white-space: nowrap;
}

b,strong {
	font-weight: 600;
}

p {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: .8rem;
	line-height: 1.4em;
	color: #aaa;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

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

a:hover {
	color: #fff;
}

::-webkit-input-placeholder {
	font-size: 14px;
	color: #777;
}

::-moz-placeholder {
	font-size: 14px;
	color: #777;
}

:-ms-input-placeholder {
	font-size: 14px;
	color: #777;
}

input:-moz-placeholder {
	font-size: 14px;
	color: #777;
}

input,
button,
textarea {
	font-family: 'Simplon Mono', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	background-color: #000;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: none;
	font-variant-numeric: tabular-nums;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 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;
}

@media (max-width: 800px) {
	h1 {
		font-size: 1.25rem;
	}
}

/* -------------------------------------------------------------- Pixel Art */

.pixel-art {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

.currency {
	font-family: 'Inter Bitcoin', sans-serif;
	color: #999;
	text-transform: uppercase;
}

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

.site {
	position: relative;
	width: 100%;
	padding: 61px 0 0 0;
}

.site.collection {
	padding: 118px 0 0 0;
}

.site.cart-active {
	padding: 121px 0 0 0;
}

.site.search-active {
	padding: 61px 0 0 0;
}

.site.loading-active {
	padding: 61px 0 0 0;
}

@media (max-width: 800px) {
	.site.collections {
		padding: 41px 0 0 0;
	}
	
	.site.collection {
		padding: 98px 0 0 0;
	}
	
	.site.cart-active {
		padding: 193px 0 0 0;
	}
	
	.site.active {
		opacity: 0;
		pointer-events: none;
	}
}

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

section {
	position: relative;
	width: 100%;
	padding: 10px 0 60px 0;
}

.front {
	padding: 0 0 20px 0;
}

.site.loading-active .front {
	display: none;
}

.main {
	padding: 10px 0 60px 0;
}

.collections .main {
	padding: 0 0 60px 0;
}

@media (max-width: 800px) {
	section {
		padding: 10px 0 40px 0;
	}
	
	.main {
		padding: 10px 0 40px 0;
	}
}

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

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

.front .holder {
	max-width: 2000px;
	padding: 0;
}

.front .stars-content .holder {
	max-width: 1400px;
}

.site.collections.active .front .holder,
.site.collections.active .main .holder {
	width: calc(100% - 400px);
	margin-right: 400px;
}

.site.collections.active .front .stars-content .holder {
	width: 100%;
	margin-right: 0;
}

.site.collections.active .sub {
	width: calc(100% - 420px);
	margin-right: 420px;
}

.site.collections.active .sub .holder {
	padding: 0 0 0 20px;
}

.site.collection.active .main .holder {
	width: calc(100% - 400px);
	margin-right: 400px;
}

.site.collection.active .sub {
	width: calc(100% - 420px);
	margin-right: 420px;
}

.site.collection.active .sub .holder {
	max-width: 1380px;
	margin: 0 0 0 auto;
	padding: 0 0 0 20px;
}

header.nav-overlay-open .holder,
header.filter-overlay-open .holder {
	max-width: 1800px;
}

@media (min-width: 2000px) {
	.holder {
		position: relative;
		margin: 0 auto;
		width: 100%;
		max-width: 2000px;
		padding: 0 20px 0 20px;
	}
	
	.front .stars-content .holder {
		max-width: 1800px;
	}
	
	.site.collection.active .main .holder {
		width: calc(100% - 400px);
		margin-right: 400px;
	}
	
	.site.collection.active .sub .holder {
		max-width: 2400px;
	}
	
	header.nav-overlay-open .holder,
	header.filter-overlay-open .holder {
		max-width: 2400px;
	}
}

@media (max-width: 800px) {
	.holder {
		max-width: 100%;
		padding: 0 10px 0 10px;
	}
	
	.site.collection.active .main .holder {
		width: 100%;
		margin: 0 auto;
	}
}

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

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 61px;
	background-color: #000;
	border-bottom: 1px solid #333;
	z-index: 9998;
	-webkit-backface-visibility: hidden;
}

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

/* -------------------------------------------------------------- Top */

.top {
	width: 100%;
	height: 60px;
	padding: 10px 10px 10px 20px;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	z-index: 9998;
}

@media (max-width: 800px) {
	.top {
		height: 40px;
		padding: 0 0 0 10px;
		grid-template-columns: auto 1fr auto;
	}
}

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

.logo {
	grid-row: 1;
	grid-column: 1;
	height: 40px;
	justify-self: start;
	color: #fff;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	z-index: 9998;
}

.logo i {
	float: left;
	font-size: 25px;
	line-height: 40px;
}

@media (max-width: 800px) {
	.logo {
		grid-row: auto;
		grid-column: auto;
	}
	
	.logo i {
		font-size: 20px;
		line-height: 40px;
	}
}

/* -------------------------------------------------------------- Title */

.title {
	display: flex;
	height: 36px;
	align-items: center;
	cursor: pointer;
	overflow: hidden;
	min-width: 0;
	overflow: hidden;
	gap: 10px;
	padding: 0 20px 0 0;
}

.collections .title {
	pointer-events: none;
	cursor: auto;
}

.title-back {
	flex-shrink: 0;
	height: 36px;
	color: #999;
}

.title-back i {
	font-size: 1rem;
	line-height: 36px;
}

.title-back:hover,
.title:hover .title-back {
	color: #fff;
}

.title-cover {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 50%;
	overflow: hidden;
}

.title-cover-wallet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #222;
	border-radius: 50%;
}

.title-cover-wallet i {
	font-size: .8rem;
	line-height: 36px;
}

.title-content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	font-size: .9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.title-sub {
	font-size: .8rem;
	color: #999;
}

@media (max-width: 800px) {
	.title-cover {
		width: 36px;
		height: 36px;
	}
}

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

.hamburger {
	position: relative;
	grid-row: 1;
	grid-column: 1;
	padding: 0 10px 0 10px;
	height: 40px;
	justify-self: end;
	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: 9998;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	touch-action: manipulation;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	white-space: nowrap;
	gap: 10px;
}

.connect-notification {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	font-size: .6rem;
	line-height: 20px;
	color: #000;
	text-align: center;
	border-radius: 50%;
	background-color: #f57325;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
	overflow: hidden;
}

.connect-menu {
	position: relative;
	font-size: .8rem;
	letter-spacing: .02em;
	color: #999;
}

.hamburger:hover .connect-menu {
	color: #fff;
}

.hamburger:hover .connect-menu .currency {
	color: #fff;
}

.not-connected-menu {
	color: #f57325;
	text-transform: uppercase;
}

.hamburger:hover .not-connected-menu {
	color: #ff8840;
}

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

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

.hamburger-inner:after,.hamburger-inner:before {
	position: absolute;
	width: 24px;
	height: 1px;
	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: #f57325;
}

.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: #f57325;
}

.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 {
		grid-row: auto;
		grid-column: auto;
	}
	
	.connect-notification {
		right: 5px;
	}
}

/* -------------------------------------------------------------- Notifications */

.notifications {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
}

.notifications-header {
	float: left;
	display: grid;
	grid-template-columns: 1fr auto;
	width: 100%;
	font-size: .8rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;  
}

.notifications-items {
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px solid #333;
}

.notification-item {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 5px;
	gap: 10px;
	border: 1px solid #333;
}

.notification-item:last-child {
	margin: 0;
}

.notification-img {
	width: 40px;
	height: 40px;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
	flex-shrink: 0;
}

.notification-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.notification-name {
	font-size: .8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification-price {
	font-size: .8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification-tx a,.notification-tx a:active,.notification-tx a:visited {
	font-size: .8rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.notification-tx a:hover {
	color: #fff;
}

.notification-status {
	min-width: 0;
	margin-left: auto;
	padding: 0 5px 0 0;
	font-size: .8rem;
	color: #999;
	flex-shrink: 0;
	white-space: nowrap;
}

/* -------------------------------------------------------------- Search */

.search-menu {
	grid-row: 1;
	grid-column: 1;
	justify-self: center;
	display: flex;
	width: 40%;
	max-width: 500px;
	height: 36px;
	align-items: center;
	justify-self: center;
	border: 1px solid #333;
	border-radius: 9999px;
}

.filters-search .search-menu {
	float: left;
	justify-self: auto;
	width: 100%;
	max-width: none;
	margin: 15px 0 15px 0;
}

.loading-active .search-menu {
	display: none;
}

.search-control {
	padding: 0 12px 0 12px;
	height: 34px;
	color: #777;
	background: rgba(0,0,0,0);
	text-align: center;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	pointer-events: none;
}

.search-control i {
	font-size: 1rem;
	line-height: 34px;
}

.search-control:hover {
	color: #fff;
}

.search-close {
	padding: 0 12px 0 12px;
	height: 34px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.search-close i {
	font-size: 1rem;
	line-height: 34px;
}

.search-close:hover {
	color: #fff;
}

.search-input {
	flex: 1;
	width: 100%;
	min-width: 0;
	height: 34px;
	padding: 0;
	font-family: 'Simplon Mono', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 34px;
	color: #fff;
	background-color: rgba(0,0,0,0);
	border: 0;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

@media (hover: none) {
	.search-control:hover {
		color: #999;
	}
	
	.search-close:hover {
		color: #ededed;
	}
}

@media (max-width: 800px) {
	.top .search-menu {
		width: auto;
		max-width: none;
		grid-row: auto;
		grid-column: auto;
		justify-self: end;
		border: 0;
	}
	
	header.search-active .top .search-menu {
		margin: 0 0 0 10px;
		justify-self: stretch;
	}
	
	.top .search-control {
		color: #999;
		pointer-events: auto;
		cursor: pointer;
	}
	
	header.search-active .top .search-control {
		color: #999;
	}
	
	.top .search-control:not(.hidden),
	.top .search-close:not(.hidden) {
		display: inline-block;
		width: auto;
		padding: 0 10px 0 5px;
	}
	
	.top .search-input {
		display: none;
	}
	
	header.search-active .top .search-input {
		display: inline-block;
		padding: 0 5px 0 5px;
	}
}

/* -------------------------------------------------------------- Search Results */

.search-results {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.collections .search-results {
	padding: 20px 0 20px 0;
}

.search-results-group {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #333;
}

.search-results-row {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
}

.search-results-row:hover {
	background-color: #111;
}

.search-results-img {
	width: 32px;
	height: 32px;
	object-fit: cover;
}

.user-img {
	border-radius: 50%;
}

.search-results-wallet {
	width: 32px;
	height: 32px;
	color: #999;
	text-align: center;
	border-radius: 50%;
	background-color: #111;
}

.search-results-wallet i {
	font-size: .7rem;
	line-height: 32px;
}

.search-results-info {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 5px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #222;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.search-results-row:last-child .search-results-info {
	border: 0;	
}

.search-results-name {
	font-size: .9rem;
	color: #ededed;
}

.search-results-meta {
	font-size: .8rem;
	color: #999;
}

.search-results-empty {
	padding: 10px 10px 10px 10px;
	text-align: center;
	color: #999;
	font-size: .9rem;
}

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

.sub {
	position: fixed;
	top: 61px;
	width: 100%;
	height: 57px;
	background-color: #000;
	border-bottom: 1px solid #333;
	z-index: 9997;
}

.collections .sub {
	position: sticky;
}

.overview-header-active.collections .sub  {
	height: 97px;
}

.collections .sub.collections-filters-active {
	height: 103px;
}

.overview-header-active.collections .sub.collections-filters-active {
	height: 139px;
}

.cart-active .sub {
	height: 121px;
}

.site.loading-active .sub,
.site.search-active .sub {
	display: none;
}

@media (max-width: 800px) {
	.sub {
		top: 41px;
	}
	
	.cart-active .sub {
		height: 152px;
	}
}

/* -------------------------------------------------------------- Menu */

.menu {
	width: 100%;
	height: 56px;
	padding: 10px 0 10px 0;
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	z-index: 9995;
}

.collections .menu {
	grid-template-columns: 1fr auto auto auto auto;
}

@media (max-width: 800px) {	
	.nav-overlay-open .menu {
		display: none;
	}
}

/* -------------------------------------------------------------- Filter Button */

.filter-button {
	position: relative;
	height: 36px;
	width: 36px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.filter-button i {
	font-size: .9rem;
	line-height: 34px;
}

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

.filters-open {
	color: #fff;
	border: 1px solid #ededed;
}

.filters-header {
	position: fixed;
	top: 61px;
	width: 360px;
	height: 57px;
	margin: 0 0 20px 0;
	display: flex;
	gap: 10px;
	align-items: center;
	border-bottom: 1px solid #333;
	background-color: #000;
	z-index: 9998;
}

.loading-active .filters-header {
	display: none;
}

.filters-header-title {
	flex: 1;
	display: flex;
	flex-direction: column;
	min-width: 0;
	font-size: .9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filters-title-sub {
	font-size: .8rem;
	color: #999;
}

.show-filters {
	padding: 0 10px 0 10px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	background-color: #ff8840;
	color: #000;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.show-filters:hover {
	background-color: #f57325;
}

.reset-filters {
	padding: 0 10px 0 10px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	color: #999;
	background-color: rgba(0,0,0,0);
	border: 1px solid #333;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

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

.close-filters {
	position: relative;
	display: none;
	flex-shrink: 0;
	height: 36px;
	width: 36px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.close-filters i {
	font-size: .9rem;
	line-height: 34px;
}

.close-filters:hover {
	color: #fff;
	border: 1px solid #fff;
}

.filter-notification {
	position: absolute;
	top: -5px;
	right: -10px;
	width: 20px;
	height: 20px;
	font-size: .6rem;
	line-height: 20px;
	color: #000;
	text-align: center;
	border-radius: 50%;
	background-color: #f57325;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
	overflow: hidden;
}

@media (hover: none) {
	.filter-button {
		touch-action: manipulation;
	}
	
	.filter-button:hover {
		color: #ededed;
		border: 1px solid #333;
		background: rgba(0,0,0,0);
	}
	
	.filters-open {
		color: #fff;
	}
}

@media (max-width: 800px) {
	.filters-header {
		position: fixed;
		top: 41px;
		width: 100%;
		margin: 0 0 20px -20px;
		padding: 0 10px 0 10px;
		background-color: #000;
		z-index: 9998;
	}
	
	.close-filters {
		display: block;
	}
	
	.filter-notification {
		right: -5px;
	}
}

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

.sort-toggle {
	position: relative;
	height: 36px;
}

.sort-button {
	float: left;
	height: 36px;
	padding: 0 12px 0 12px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 34px;
	color: #ededed;
	background: rgba(0,0,0,0);
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.sort-button i {
	font-size: .7rem;
	line-height: 34px;
}

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

.sort-options {
	position: absolute;
	display: block;
	top: 46px;
	left: 0;
	border: 1px solid #ededed;
	background-color: #000;
	overflow: hidden;
	z-index: 10000;
	box-shadow: 0 10px 30px rgba(0,0,0,0.75);
}

.sort-order {
	display: flex;
	flex-direction: row;
	width: 100%;
	gap: 1px;
	background-color: #222;
	border-bottom: 1px solid #222;
}

.sort-order-down,
.sort-order-up {
	flex: 1;
	text-align: center;
	cursor: pointer;
	color: #999;
	background-color: #000;
}

.sort-order-down:hover,
.sort-order-up:hover {
	color: #fff;
}

.sort-order-down i,
.sort-order-up i {
	font-size: .9rem;
	line-height: 34px;
}

.sort-order-active {
	color: #ededed;
}

.sort-option {
	display: flex;
	align-items: center;
	min-width: 91px;
	padding: 0 10px 0 10px;
	font-size: .7rem;
	line-height: 34px;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #999;
	border-bottom: 1px solid #222;
	cursor: pointer;
}

.sort-option i {
	margin-left: auto;
	font-size: .7rem;
	line-height: 34px;
}

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

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

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

@media (hover: none) {
	.sort-button {
		touch-action: manipulation;
	}
	
	.sort-option:hover {
		color: #999;
	}
	
	.sort-button:hover {
		color: #ededed;
	}
}

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

.grid-toggle {
	height: 36px;
	width: 36px;
	color: #ededed;
	background: rgba(0,0,0,0);
	text-align: center;
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.grid-toggle i {
	font-size: .9rem;
	line-height: 34px;
}

.grid-toggle:hover {
	color: #fff;
	border: 1px solid #ededed;
}

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

/* -------------------------------------------------------------- Timeframe Toggle */

.timeframe-toggle {
	min-width: 50px;
	height: 36px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 34px;
	text-align: center;
	color: #ededed;
	background: rgba(0,0,0,0);
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.timeframe-toggle:hover {
	color: #fff;
	border: 1px solid #ededed;
}

@media (hover: none) {
	.grid-toggle {
		touch-action: manipulation;
	}
	
	.timeframe-toggle:hover {
		color: #ededed;
		border: 1px solid #333;
	}
}

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

.nav {
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	height: 100vh;
	height: 100dvh;
	padding: 91px 20px 20px 20px;
	background-color: #000;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain;
	z-index: 9996;
	transform: translateX(100%);
	visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.nav.open {
	transform: none;
	visibility: visible;
}

@media (max-width: 800px) {
	.nav,
	.nav.loading-active,
	.nav.cart-active {
		width: 100vw;
		padding: 71px 20px 20px 20px;
	}
}

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

.filters {
	position: fixed;
	top: 0;
	right: 0;
	width: 400px;
	height: 100vh;
	height: 100dvh;
	padding: 138px 20px 20px 20px;
	background-color: #000;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	overscroll-behavior: contain;
	z-index: 9996;
	transform: translateX(100%);
	visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.filters.open {
	transform: none;
	visibility: visible;
}

.spacer {
	float: left;
	width: 100%;
	height: 40px;
}

@media (max-width: 800px) {
	.filters {
		width: 100vw;
		padding: 118px 20px 20px 20px;
	}
}

/* -------------------------------------------------------------- Trait Group */

.trait-group-title {
	float: left;
	width: 100%;
	margin: 30px 0 15px 0;
	font-size: .8rem;
	line-height: 20px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.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 30px;
	font-size: .9rem;
	line-height: 20px;
	color: #999;
	user-select: none;
	cursor: pointer;
}

.trait-main i {
	position: absolute;
	display: none;
	top: calc(50% - 10px);
	left: 15px;
	font-size: .9rem;
	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 30px;
	font-size: .9rem;
	line-height: 20px;
	user-select: none;
	cursor: pointer;
}

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

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

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

.toggle-icon.open i {
	transform: rotate(180deg);
}

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

.trait-options {
	float: left;
	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 160px 10px 30px;
	font-size: .9rem;
	line-height: 20px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	user-select: none;
	cursor: pointer;
}

.sub-trait-options .trait-option label {
	padding: 10px 160px 10px 60px;
}

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

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

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

.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: 0;
}

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

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

.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: #999;
	}
}

/* -------------------------------------------------------------- Price Filter */

.price-filter {
	position: relative;
	display: flex;
	align-items: center;
	padding: 3px 0 3px 30px;
	cursor: pointer;
}

.price-filter-icon {
	position: absolute;
	display: none;
	top: calc(50% - 10px);
	left: 0;
	font-size: .9rem;
	line-height: 20px;
}

.price-filter.active .price-filter-icon {
	display: block;
}

.price-filter-text {
	font-size: .9rem;
	color: #999;
	white-space: nowrap;
	padding-right: 20px;
}

.price-filter.active .price-filter-text {
	color: #fff;
}

.price-filter-inputs {
	flex: 1;
	min-width: 0;
	display: flex;
	gap: 5px;
}

.price-filter .price-filter-input {
	display: block;
	flex: 1;
	min-width: 0;
	padding: 0 12px 0 12px;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	background-color: #000;
	border: 1px solid #333;
	border-radius: 9999px;
}

.price-filter .price-filter-input.has-value {
	border: 1px solid #ededed;
}

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

.price-filter .price-filter-input::-webkit-outer-spin-button,
.price-filter .price-filter-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* -------------------------------------------------------------- Collections Price Filter */

.collections-filters {
	height: 42px;
	padding: 0 0 10px 0;
}

.collections-price-filter {
	display: flex;
	margin-left: auto;
	width: 100%;
	max-width: 400px;
	height: 32px;
	align-items: center;
	gap: 10px;
}

.collections-price-filter-input {
	flex: 1;
	min-width: 0;
	padding: 0 12px 0 12px;
	font-size: 16px;
	line-height: 32px;
	color: #fff;
	background-color: #000;
	border: 1px solid #333;
	border-radius: 9999px;
}

.collections-price-filter-input.has-value {
	border: 1px solid #ededed;
}

.collections-price-filter-input:focus {
	border: 1px solid #ededed;
}

.collections-price-filter-input::-webkit-outer-spin-button,
.collections-price-filter-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

@media (max-width: 800px) {
	.collections-price-filter {
		max-width: none;
	}
}

/* -------------------------------------------------------------- Stars */

.stars {
	position: relative;
	width: 100%;
	padding: 80px 0 0 0;
}

.starry-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
}

.stars-content {
	position: relative;
	z-index: 1;
}

.stars-content h1 {
	padding: 0 20px 40px 20px;
}

.stars-content h2 {
	padding: 0 20px 20px 20px;
}

@media (max-width: 800px) {
	.stars {
		padding: 60px 0 0 0;
	}
	
	.starry-bg {
		aspect-ratio: 3 / 2;
	}
	
	.stars-content h1 {
		padding: 0 10px 30px 10px;
	}
	
	.stars-content h2 {
		padding: 0 10px 20px 10px;
	}
}

/* -------------------------------------------------------------- Spotlight */

.spotlight {
	width: 100%;
	padding: 5px 20px 20px 20px;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 50px) / 6);
	gap: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.spotlight-menu {
	display: flex;
}

.spotlight-menu-item {
	padding: 0 20px 0 20px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .04em;
	line-height: 50px;
	color: #777;
	text-shadow:
		0 0 5px #000,
		0 0 10px #000,
		0 0 20px #000,
		0 0 40px #000,
		0 2px 4px #000;
	cursor: pointer;
}

.spotlight-menu-item:hover {
	color: #ededed;
}

.spotlight-menu-item-active {
	color: #ededed;
}

.collections-card.spotlight-card {
	background-color: #000;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 1);
}

.spotlight-project {
	position: relative;
	z-index: 4;
}

.spotlight .project-image {
	aspect-ratio : 4 / 3;
	z-index: 1;
}

.spotlight .project-image img {
	aspect-ratio : 4 / 3;
}

.spotlight .project-image iframe {
	pointer-events: none;
}

.spotlight-project {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	width: 100%;
	padding: 10px 10px 10px 10px;
}

.spotlight-project-image {
	position: absolute;
	top: -52px;
	left: 10px;
	width: 42px;
	min-width: 42px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 1px solid #000;
	overflow: hidden;
	z-index: 4;
}

.spotlight-project-image img {
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
	background-color: #222;
}

.spotlight-project-name {
	flex: 1;
	min-width: 0;
	font-size: .9rem;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.spotlight-project-price {
	flex: 1;
	font-size: .9rem;
	line-height: 1.2em;
	color: #ededed;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (hover: none) {
	.spotlight {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.spotlight::-webkit-scrollbar {
		display: none;
	}
}

@media (max-width: 1000px) {
	.spotlight {
		grid-auto-columns: 260px;
	}
}

@media (max-width: 800px) {
	.spotlight {
		padding: 0 10px 20px 10px;
		grid-auto-columns: calc((100% - 10px) / 2.33);
	}
	
	.spotlight-menu-item {
		padding: 0 10px 0 10px;	
	}
}

/* -------------------------------------------------------------- Warning */

.warning {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
}

.warning-button {
	display: inline-block;
	width: 60px;
	padding: 10px 0 10px 0;
	font-weight: 500;
	font-size: .8rem;
	text-transform: uppercase;
	line-height: 20px;
	text-align: center;
	color: #000;
	background-color: #f15525;
	border-radius: 4px;
}

.warning-text {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: .7rem;
	color: #999;
	text-align: center;
}

/* -------------------------------------------------------------- Loading */

.loading {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
}

.loading-circle {
	display: inline-block;
	width: 32px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: radial-gradient(farthest-side,#f57325 94%,#0000) top/4px 4px no-repeat,
				conic-gradient(#0000 30%,#f57325);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);
	animation: spin 1.5s infinite linear;
}

.loader {
	width: 16px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: conic-gradient(#0000 30%, #ededed);
	-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 2px), #000 0);
	margin: 0 5px 0 0;
	animation: spin 0.8s linear infinite;
}

.loading-text {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	font-size: .7rem;
	color: #999;
	text-align: center;
}

/* -------------------------------------------------------------- Warning */

.warning {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 20px 0 0 0;
}

.warning-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	background: #cc2200;
	border-radius: 5px;
	border: 2px solid #881100;
	box-shadow:
		0 0 10px rgba(255, 40, 0, 0.5),
		0 0 25px rgba(255, 40, 0, 0.2),
		0 0 50px rgba(255, 40, 0, 0.1),
		inset 0 0 20px rgba(255, 80, 20, 0.4),
		inset 0 -4px 8px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	animation: alarm-pulse 2.5s ease-in-out infinite;
	user-select: none;
}

.warning-button-text {
	font-weight: 500;
	font-size: .8rem;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	text-shadow:
		0 0 8px rgba(255, 200, 150, 0.8),
		0 0 20px rgba(255, 100, 50, 0.5);
}

@keyframes alarm-pulse {
	0%, 100% {
		background: #cc2200;
		box-shadow:
			0 0 10px rgba(255, 40, 0, 0.3),
			0 0 20px rgba(255, 40, 0, 0.1),
			0 0 40px rgba(255, 40, 0, 0.05),
			inset 0 0 20px rgba(255, 80, 20, 0.3),
			inset 0 -4px 8px rgba(0, 0, 0, 0.2);
	}
	50% {
		background: #ff3300;
		box-shadow:
			0 0 10px rgba(255, 50, 0, 0.5),
			0 0 30px rgba(255, 50, 0, 0.3),
			0 0 50px rgba(255, 40, 0, 0.1),
			inset 0 0 30px rgba(255, 120, 40, 0.4),
			inset 0 -4px 8px rgba(0, 0, 0, 0.2);
	}
}

.warning-text {
	padding: 20px 0 0 0;
	font-size: .7rem;
	color: #999;
	text-align: center;
}

.warning-reset {
	padding: 0 0 20px 0;
	font-size: .7rem;
	color: #777;
	text-align: center;
}

/* -------------------------------------------------------------- Overview */

.showing {
	float: left;
	margin: 0 10px 5px 0;
	font-size: .7rem;
	line-height: 32px;
	color: #999;
}

.overview {
	width: 100%;
	padding: 5px 0 0 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 10px;
}

.grid-2 {
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.grid-3 {
	grid-template-columns: 1fr;
	gap: 0;
}

.collections .grid-1 {
	padding: 10px 0 0 0;
}

.collections .grid-2 {
	padding: 10px 0 0 0;
	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}

.collections .grid-3 {
	padding: 0;
	grid-template-columns: 1fr;
	gap: 0;
}

.overview.single {
	grid-template-columns: 1fr;
	gap: 0;
}

.collection-card {
	position: relative;
	border: 1px solid #333;
	overflow: hidden;
	cursor: pointer;
}

.grid-2 .collection-card {
	cursor: pointer;
}

.grid-3 .collection-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 0 10px 0;
	border: 0;
	border-bottom: 1px solid #222;
}

.grid-3 .collection-card:hover {
	background-color: #0c0c0c;
}

.grid-3 .collection-card:first-child {
	border-top: 1px solid #222;
}

.grid-3 .collection-card.owner-card-single {
	margin: 5px 0 0 0;
	padding: 10px;
	border: 1px solid #222;
}

.collections-card {
	position: relative;
	border: 1px solid #333;
	overflow: hidden;
	cursor: pointer;
}

.grid-2 .collections-card {
	display: flex;
	align-items: center;
}

.grid-3 .collections-card {
	display: flex;
	align-items: center;
	border: 0;
	touch-action: pan-y;
}

.grid-3 .collections-card:hover {
	background-color: #0c0c0c;
}

.buy-selected {
	border: 1px solid #f57325;
}

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

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

.grid-3 .collection-card .project-image {
	width: 60px;
	flex: 0 0 60px;
}

.card-view .project-image {
	cursor: auto;	
}

.single-card .project-image {
	width: 50%;
	max-width: 600px;
	flex-shrink: 0;
}

.project-image::after {
	content: "\f03e";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 7 Sharp";
	font-weight: 300;
	font-size: 3rem;
	line-height: 1;
	color: transparent;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(
		120deg,
		#101010 30%,
		#222 38%,
		#333 40%,
		#222 42%,
		#101010 70%
	);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	animation: shimmer 1.8s ease-in-out infinite;
	z-index: 1;
	transition: opacity 0.3s ease;
}

.grid-2 .project-image::after {
	font-size: 2rem;
}

.grid-3 .project-image::after {
	font-size: 1rem;
}

.card-view .project-image::after,
.single-card .project-image::after {
	font-size: 4rem;
}

.project-image.loaded::after {
	opacity: 0;
	pointer-events: none;
}

.project-image.load-failed::after {
	content: "\f11a"; /* fa-face-frown */
	color: #333;
	-webkit-text-fill-color: #333;
	background: none;
	-webkit-background-clip: unset;
	background-clip: unset;
	animation: none;
}

.project-image img {
	float: left;
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
	background-color: #000;
}

.project-image img[alt=""] {
	opacity: 0;
}

.project-image.loaded img {
	opacity: 1;
}

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

@media (max-width: 800px) {
	.grid-1 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.grid-2 {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.grid-3 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.collections .grid-2 {
		grid-template-columns: 1fr;
	}
	
	.single-card .project-image {
		width: 100%;
		max-width: none;
	}
}

/* -------------------------------------------------------------- Project */

.project {
	float: left;
	width: 100%;
	max-width: 100%;
	padding: 10px;
}

.grid-2 .project {
	padding: 5px;
}

.grid-3 .collection-card .project {
	display: flex;
	padding: 0 0 0 10px;
	align-items: center;
}

.card-view .project {
	padding: 20px;
}

.grid-3 .collection-card.activity-active .project {
	flex-direction: row;
	align-items: center;
}

.grid-1 .collection-card.activity-active .project-content,
.grid-2 .collection-card.activity-active .project-content {
	flex-direction: column;
	align-items: flex-start;
}

.grid-3 .collection-card .project-content {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 10px;
}

.grid-3 .collection-card.activity-active .project-content {
	gap: 0;
}

.project-profile {
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.grid-2 .project-profile {
	margin: 0 0 5px 0;
}

.grid-3 .collection-card .project-profile {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	width: auto;
	margin: 0 10px 0 0;
	align-items: flex-start;
}

.collections .grid-3 .project-profile {
	margin: 0;
}

.grid-3 .collection-card.activity-active .project-profile {
	flex-direction: column;
	align-items: flex-start;
}

.spotlight-card .project-profile {
	margin: 0;
}

.grid-1 .collection-card .project-details {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	width: 100%;
}

.project-name {
	flex: 1;
	min-width: 0;
	font-size: .8rem;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.grid-2 .project-name {
	font-size: .8rem;
}

.grid-3 .collection-card .project-name {
	min-width: 0;
}

.card-view .project-name {
	font-size: .9rem;
}

.item-collection-name {
	width: 100%;
	font-size: .7rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.collection-card .item-stats {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 5px 0 0 0;
}

.collection-card .item-stats-content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.grid-3 .collection-card .item-stats {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	padding: 0;
}

.grid-3 .collection-card .item-stats-content {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.grid-3 .collection-card .item-stats {
	order: -1;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	flex-shrink: 0;
}

.grid-3 .collection-card .actions {
	order: 0;
	margin-left: auto;
	flex-shrink: 0;
}

.item-stat-title {
	width: 100%;
	font-size: .7rem;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.item-stat-value {
	width: 100%;
	font-size: .7rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.onchain-link {
	flex: 0 0 auto;
	padding: 0 0 0 10px;
	height: 20px;
	line-height: 20px;
	color: #999;
	cursor: pointer;
}

.onchain-link:hover {
	color: #fff;
}

.onchain-link i {
	font-size: .9rem;
	line-height: 20px;
}

@media (max-width: 800px) {
	.card-view .project {
		padding: 20px;
	}
	
	.grid-3 .collection-card .project-content {
		flex-direction: column;
	}
}

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

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

.grid-3 .collections-card-content {
	flex: 1;
	min-width: 0;
	margin-left: 10px;
	align-self: stretch;
	border-bottom: 1px solid #222;
}

.project-collection {
	padding: 10px;
}

.grid-2 .project-collection {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.grid-3 .project-collection {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	height: 100%;
}

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

.grid-2 .project-collection-image {
	width: 50px;
	min-width: 50px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.grid-3 .project-collection-image {
	width: 40px;
	min-width: 40px;
	margin: 10px 0 10px 0;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.project-collection-image img {
	float: left;
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
	display: block;
	background-color: #222;
}

.project-collection-profile {
	width: 100%;
	margin: 0 0 10px 0;
}

.grid-2 .project-collection-profile {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 5px 0;
}

.grid-3 .project-collection-profile {
	flex: 1;
	min-width: 0;
	margin: 0;
}

.project-collection-name {
	min-width: 0;
	font-size: .9rem;
	line-height: 1.2em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-3 .project-collection-name {
	font-size: .9rem;
}

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

.overview-header {
	--visible-stats: 4;
	grid-column: 1 / -1;
	width: 100%;
	display: flex;
	align-items: center;
	background-color: #000;
	z-index: 9990;
}

.site.loading-active .overview-header {
	display: none;
}

.overview-header-title {
	font-size: .8rem;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #999;
}

.overview-header-controls {
	display: none;
	align-items: center;
}

.overview-header-chevron {
	padding: 0 20px 0 20px;
	color: #999;
	cursor: pointer;
}

.overview-header-chevron i {
	font-size: 1rem;
	line-height: 40px;
}

.overview-header-chevron.toggled i {
	transform: scaleX(-1);
}

.overview-header-stats {
	display: flex;
	flex: 1;
	justify-content: flex-end;
}

.overview-header-stat {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 17.5vw;
	min-width: 90px;
	max-width: 260px;
	font-size: .8rem;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #999;
}

.overview-header-stat-active {
	cursor: pointer;
	pointer-events: auto;
}

.nav-overlay-open .overview-header,
.filter-overlay-open .overview-header {
	--visible-stats: 4;
}

.nav-overlay-open .overview-header-stat,
.filter-overlay-open .overview-header-stat {
	display: none;
}

.nav-overlay-open .overview-header-stat-active,
.filter-overlay-open .overview-header-stat-active {
	display: flex;
	width: 12.5vw;
}

@media (max-width: 1200px) {
	.nav-overlay-open .overview-header,
	.filter-overlay-open .overview-header {
		--visible-stats: 2;
	}
	
	.nav-overlay-open .overview-header-controls,
	.filter-overlay-open .overview-header-controls {
		display: flex;
		margin-left: auto;
	}
	
	.nav-overlay-open .overview-header-stats,
	.filter-overlay-open .overview-header-stats {
		flex: none;
	}
	
	.nav-overlay-open .overview-header-stat-first,
	.filter-overlay-open .overview-header-stat-first {
		width: auto;
		min-width: auto;
	}
}

@media (hover: hover) {
	.overview-header-chevron:hover,
	.overview-header:has(.overview-header-stat-active:hover) .overview-header-chevron {
		color: #ededed;
	}
}

.overview-header-chevron.hover {
	color: #ededed;
}

@media (max-width: 800px) {
	.overview-header {
		--visible-stats: 2;
	}
	
	.overview-header-controls {
		display: flex;
		margin-left: auto;
	}
	
	.overview-header-stats {
		flex: none;
	}
	
	.overview-header-stat {
		display: none;
	}
	
	.overview-header-stat-active {
		display: flex;
		width: 25vw;
	}
	
	.overview-header-stat-first {
		width: auto;
		min-width: auto;
	}
}

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

.project-stats {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.grid-2 .project-stats {
	grid-column: 1 / -1;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.grid-3 .project-stats {
	display: flex;
	gap: 0;
	justify-content: flex-end;
}

.project-stat {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-1 .project-stat:nth-child(odd) {
	align-items: flex-start;
}

.grid-1 .project-stat:nth-child(even) {
	align-items: flex-end;
}

.grid-3 .project-stat {
	width: 17.5vw;
	min-width: 90px;
	max-width: 260px;
	text-align: right;
	justify-content: center;
}

.grid-3 .project-stat:first-child {
	max-width: 90px;
}

.project-stat-title {
	margin: 0 0 3px 0;
	font-size: .7rem;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-3 .project-stat-title {
	display: none;
}

.project-stat-value {
	font-size: .9rem;
	line-height: 1.2em;
	color: #ededed;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-2 .project-stat-value {
	font-size: .9rem;
}

.grid-3 .project-stat-value {
	font-size: .9rem;
	line-height: 1.4em;
	text-align: right;
}

.project-stat-sub {
	font-size: .8rem;
	color: #999;
}

.project-stat-sub i {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 5px 0 0;
	font-size: .6rem;
}

.project-stat-pending {
	font-size: .8rem;
	color: #5acc77;
}

.project-stat-percentage-up {
	color: #5acc77;
}

.project-stat-percentage-down {
	color: #f15525;
}

.project-stat-percentage-down i {
	transform: rotate(180deg);
}

.project-stat-hidden {
	display: none;
}

.grid-3 .project-stat.project-stat-hidden {
	display: flex;
}

.nav-overlay-open .grid-3 .project-stat,
.filter-overlay-open .grid-3 .project-stat {
	width: 12.5vw;
}

@media (max-width: 1200px) {
	.nav-overlay-open .grid-3 .project-stat.project-stat-hidden,
	.filter-overlay-open .grid-3 .project-stat.project-stat-hidden {
		display: none;
	}
}

@media (max-width: 800px) {
	.grid-3 .project-stat.project-stat-hidden {
		display: none;
	}
	
	.grid-3 .project-stat {
		width: 25vw;
	}
}

/* -------------------------------------------------------------- Project Owners */

.collection-card.activity-active .project-owners {
	display: flex;
	margin: 5px 0 0 0;
	flex-direction: column;
	align-items: stretch;
	gap: 5px;
}

.grid-2 .collection-card.activity-active .project-owners {
	display: none;
}

.project-owner {
	display: grid;
	grid-template-columns: 1fr;
}

.collection-card.activity-active .project-owner {
	grid-template-columns: auto 1fr;
	gap: 5px;
}

.grid-1 .project-owner {
	padding: 5px 0 0 0;
}

.grid-1 .collection-card.activity-active .project-owner {
	padding: 0;
}

.card-view .project-owner {
	grid-template-columns: 1fr auto;
	gap: 5px;
	align-items: start;
}

.single-card .project-owner {
	grid-template-columns: 1fr auto;
	gap: 5px;
	align-items: start;
}

.grid-2 .project-owner {
	display: none;
}

.grid-3 .collection-card.activity-active .project-owner {
	grid-template-columns: auto 1fr;
}

.project-owner-single {
	grid-template-columns: 1fr;
	gap: 0;
}

.project-owner-address {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 5px;
	width: 100%;
	font-size: .7rem;
	line-height: 14px;
	color: #ededed;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	cursor: pointer;
}

.collection-card.activity-active .project-owner-address {
	grid-template-columns: auto 1fr;
}

.card-view .project-owner-address {
	line-height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #333;
}

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

.single-card .project-owner-address {
	line-height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #333;
}

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

.project-owner-wallet {
	width: 24px;
	height: 24px;
	color: #999;
	text-align: center;
	border-radius: 50%;
	background-color: #111;
}

.project-owner-wallet i {
	font-size: .7rem;
	line-height: 24px;
}

.project-owner-username {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 5px;
	width: 100%;
	font-size: .7rem;
	line-height: 14px;
	color: #ededed;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
	cursor: pointer;
}

.collection-card.activity-active .project-owner-username {
	grid-template-columns: auto 1fr;
}

.project-owner-username img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.card-view .project-owner-username {
	line-height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #333;
}

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

.single-card .project-owner-username {
	line-height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #333;
}

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

.owner-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.owner-taproot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.grid-1 .collection-card.activity-active .owner-name,
.grid-1 .collection-card.activity-active .owner-taproot {
	display: flex;
	flex-direction: column;
}

.holding-days {
	color: #999;
	text-align: right;
}

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

.collection-card.activity-active .holding-days,
.collection-card.activity-active .holding-new {
	display: none;
}

.project-owner-xlink a,.project-owner-xlink a:active,.project-owner-xlink a:visited {
	position: relative;
	float: left;
	width: 32px;
	text-align: center;
	line-height: 30px;
	color: #999;
	border: 1px solid #333;
}

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

.project-owner-xlink a:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.grid-2 .project-owner-xlink {
	display: none;
}

.copylink {
	position: relative;
	float: left;
	width: 32px;
	text-align: center;
	line-height: 30px;
	color: #999;
	background-color: #000;
	border: 1px solid #333;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.copylink i {
	font-size: .7rem;
	line-height: 30px;
}

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

.project-owner-activity {
	color: #999;
}

.project-owner-transfer {
	color: #777;
}

.project-buyer .project-owner-transfer {
	color: #5acc77;
}

.project-seller .project-owner-transfer {
	color: #f15525;
}

.project-owner-transfer i {
	font-size: .7rem;
	line-height: 24px;
}

@media (hover: none) {
	.project-owner-address a:hover,
	.project-owner-username a:hover,
	.copylink:hover {
		color: #ededed;
		border: 1px solid #333;
	}
}

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

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

.owner-card-details {
	width: 100%;
	padding: 10px;
}

.grid-3 .collection-card .owner-card-details {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
}

.owner-card-header {
	display: flex;
	width: 100%;
	text-align: center;	
	justify-content: center;
}

.grid-2 .collection-card.owner-card-single .owner-card-header {
	text-align: left;
	justify-content: flex-start;
}

.grid-3 .collection-card .owner-card-header {
	width: auto;
}

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

.grid-2 .owner-card-image {
	width: 40px;
	height: 40px;
	justify-content: flex-start;
}

.grid-3 .owner-card-image {
	width: 60px;
	height: 60px;
}

.grid-3 .collection-card .owner-card-image {
	width: 49px;
	height: 49px;
}

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

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

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

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

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

.grid-2 .owner-card-wallet {
	width: 40px;
	height: 40px;
}

.grid-3 .owner-card-wallet {
	width: 60px;
	height: 60px;
}

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

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

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

.owner-card-content {
	width: 100%;
}

.grid-2 .collection-card .owner-card-content {
	display: flex;
	align-items: center;
	gap: 0;
	flex: 1;
	min-width: 0;
	padding: 10px 0 0 0;
}

.grid-3 .collection-card .owner-card-content {
	display: flex;
	align-items: center;
	gap: 0;
	flex: 1;
	min-width: 0;
}

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

.owner-card-rank {
	color: #999;
}

.grid-2 .owner-card-name,
.grid-3 .owner-card-name {
	width: auto;
	padding: 0;
	text-align: left;
	flex-shrink: 1;
	min-width: 0;
}

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

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

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

.grid-2 .collection-card .owner-card-icons,
.grid-3 .collection-card .owner-card-icons {
	width: auto;
	padding: 0 0 0 5px;
	display: flex;
	gap: 0;
	flex-shrink: 0;
}

.owner-card-icon {
	padding: 0 5px 0 5px;
	color: #ededed;
	text-align: center;
	background-color: #222;
	user-select: none;
	overflow: hidden;
	cursor: pointer;
}

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

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

.grid-2 .owner-card-icon i {
	line-height: 20px;
}

.grid-2 .collection-card .owner-card-icon,
.grid-3 .collection-card .owner-card-icon {
	background-color: #000;
}

.grid-2 .collection-card .owner-card-icon:hover,
.grid-3 .collection-card .owner-card-icon:hover {
	background-color: #000;
}

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

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

.grid-3 .collection-card .owner-card-stats {
	display: flex;
	width: auto;
	gap: 10px;
	flex-shrink: 0;
	margin-left: auto;
}

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

.grid-3 .collection-card .owner-card-stat {
	flex: none;
	width: auto;
	min-width: 80px;
}

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

.owner-card-stat-title {
	width: 100%;
	padding: 0 0 5px 0;
	font-size: .7rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.owner-card-stat-value {
	width: 100%;
	font-size: .8rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.grid-2 .owner-card-stat-value {
	font-size: .8rem;
}

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

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

@media (hover: none) {
	.owner-card-icon:hover,
	.owner-card-stat:hover,
	.owner-card-collection:hover {
		color: #ededed;
		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);
	}
}

/* -------------------------------------------------------------- Card Box */

.card-box {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.card-box:last-child {
	margin: 0;
}

.card-box-header {
	float: left;
	display: grid;
	grid-template-columns: 1fr auto;
	width: 100%;
	margin: 10px 0 0 0;
	touch-action: manipulation;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;  
}

.card-box-title {
	font-size: .8rem;
	line-height: 32px;
	text-transform: uppercase;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-box-toggle i {
	font-size: .9rem;
	line-height: 32px;
}

.card-box-toggle.open i {
	transform: rotate(180deg);
}

.card-box-content {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}

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

.trait-boxes {
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 5px;
}

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

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

.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: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.trait-box-perc {
	color: #999;
}

.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) {
	.trait-boxes {
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	}
}

/* -------------------------------------------------------------- Offers */

.offers {
	float: left;
	width: 100%;
}

.offer-row {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	font-size: .8rem;
	line-height: 20px;
	gap: 10px;
}

.offer-amount {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.offer-type {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.offer-by {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.offer-expiry {
	margin-left: auto;
	flex-shrink: 0;
	color: #999;
}

/* -------------------------------------------------------------- Activities */

.activities {
	float: left;
	width: 100%;
}

/* -------------------------------------------------------------- Activity */

.activity-list {
	float: left;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto auto;
	overflow: visible;
}

.activity-header {
	display: grid;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
	align-items: center;
	font-size: .8rem;
	line-height: 32px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .02em;
	border-bottom: 1px solid #333;
	overflow: visible;
}

.activity-row {
	display: grid;
	padding: 5px 0 5px 0;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
	align-items: center;
	font-size: .8rem;
	line-height: 22px;
}

.activity-type {
	min-width: 0;
}

.activity-detail {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: .8rem;
	color: #999;
	overflow: hidden;
}

.activity-price {
	text-align: right;
	margin-left: 5px;
}

.activity-from,
.activity-to,
.activity-tx {
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
}

.activity-from:hover,
.activity-to:hover,
.activity-tx:hover {
	color: #fff;
}

.activity-date {
	text-align: right;
	margin-left: 5px;
	color: #999;
}

/* -------------------------------------------------------------- Activity Filter */

.activity-filter-toggle {
	position: relative;
	width: auto;
}

.activity-filter-button {
	float: left;
	padding: 0 12px 0 12px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	color: #ededed;
	background: rgba(0,0,0,0);
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.activity-filter-button:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.activity-filter-options {
	position: absolute;
	display: block;
	top: 37px;
	left: 0;
	border: 1px solid #ededed;
	background-color: #000;
	overflow: hidden;
	z-index: 10000;
	box-shadow: 0 10px 30px rgba(0,0,0,0.75);
}

.activity-filter-option {
	padding: 0 10px;
	font-size: .8rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #999;
	border-bottom: 1px solid #333;
	white-space: nowrap;
	cursor: pointer;
}

.activity-filter-option:last-child {
	border: 0;
}

.activity-filter-option:hover {
	color: #fff;
}

.activity-filter-options.hidden {
	display: none;
}

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

.actions {
	width: 100%;
	padding: 0 0 10px 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.collection-card .actions {
	padding: 0;	
}

.card-view .actions {
	grid-template-columns: 1fr auto;
}

.single-card .actions {
	grid-template-columns: 1fr;
}

.card-view.owned .actions {
	grid-template-columns: 1fr;
}

.card-view.unlisted .actions {
	grid-template-columns: 1fr;
}

.grid-2 .actions {
	padding: 0;
	gap: 5px;
}

.grid-3 .collection-card .actions {
	flex: 0 0 auto;
	width: auto;
	padding: 0;
	grid-template-columns: 1fr;
	gap: 5px;
}

.grid-3 .collection-card.owned .actions {
	grid-template-columns: 1fr auto;
}

.collection-card.activity-active .actions {
	grid-template-columns: 1fr;
}

.collection-card.owned.activity-active .actions {
	grid-template-columns: 1fr auto;
}

.secondary-actions {
	display: flex;
	width: 100%;
	padding: 0 0 10px 0;
	gap: 10px;
}

.card-view .secondary-actions {
	padding: 0 0 10px 0;
}

.card-select-area {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	cursor: pointer;
	z-index: 999;
}

.card-view .card-select-area {
	display: none;
}

.grid-2 .card-select-area {
	padding: 5px;
}

.grid-3 .card-select-area {
	padding: 4px;
}

.card-select {
	float: left;
	width: 34px;
	height: 34px;
	color: #fff;
	text-align: center;
	background: rgba(75, 75, 75, 0.25);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 50%;
}

.card-select-area:hover .card-select {
	background: rgba(75, 75, 75, 0.25);
}

.card-select i {
	font-size: .8rem;
	line-height: 34px;
}

.card-pre-select .card-select {
	border: 1px solid #f57325;
	background: rgba(245, 115, 37, 0.4);
}

.card-pre-select .card-select i {
	line-height: 32px;
}

.card-select-area:hover .card-pre-select .card-select {
	background: rgba(75, 75, 75, 0.25);
}

.buy-selected .card-select,
.list-selected .card-select {
	color: #000;
	background-color: #f57325;
}

.buy-selected .card-select-area:hover .card-select,
.list-selected .card-select-area:hover .card-select {
	color: #000;
	background-color: #ff8840;
}

.grid-3 .card-select {
	width: 24px;
	height: 24px;
}

.grid-3 .card-select i {
	font-size: .7rem;
	line-height: 24px;
}

.grid-3 .card-pre-select .card-select i {
	line-height: 22px;
}

.open-card-view {
	flex: 0 0 auto;
	padding: 0 0 0 10px;
	height: 20px;
	line-height: 20px;
	color: #777;
	cursor: pointer;
}

.open-card-view:hover {
	color: #fff;
}

.open-card-view i {
	font-size: .9rem;
	line-height: 20px;
}

.grid-2 .collection-card .open-card-view,
.grid-3 .collection-card .open-card-view {
	display: none;
}

.project-activity-transfer {
	display: flex;
	flex-direction: column;
	font-size: .8rem;
	color: #999;
}

.grid-3 .project-activity-transfer {
	align-items: flex-end;
	text-align: right;
}

.project-activity-transfer i {
	margin: 0 5px 0 0;
	width: 20px;
	font-size: .8rem;
	text-align: center;
}

.project-activity-details {
	color: #999;
}

.grid-3 .project-activity-details {
	text-align: right;
}

.project-activity-type {
	font-size: .7rem;
	line-height: 15px;
}

.project-activity-date {
	display: inline-block;
	margin: 0 0 0 5px;
}

.project-activity-price {
	margin: 0 0 5px 0;
	font-size: .8rem;
	line-height: 20px;
	color: #ededed;
}

/* -------------------------------------------------------------- Action */

.action {
	height: 32px;
	padding: 0 12px 0 12px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .01em;
	line-height: 32px;
	color: #ededed;
	text-align: center;
	background-color: #222;
	border: 0;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.action:hover {
	color: #fff;
	background-color: #333;
}

.action.processing {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.action .loader {
	background: conic-gradient(#0000 30%, #ededed);
}

.card-view.owned .listed-price-button {
	color: #ededed;
	background-color: #111;
	pointer-events: none;
	cursor: default;
}

.card-view.owned .listed-price-button:hover {
	color: #ededed;
	background-color: #111;
}

.list-button {
	flex: 1;
}

.delist-button {
	flex: 1;
}

.change-button {
	flex: 1;
}

.unlisted-button {
	padding: 0 12px 0 12px;
	font-size: .7rem;
	color: #999;
	background-color: #111;
}

.card-view .unlisted-button {
	cursor: auto;
}

.card-view .unlisted-button:hover {
	color: #999;
	background-color: #111;
}

.card-view .buy-button,
.single-card .buy-button,
.buy-selected .select-button,
.list-selected .list-button,
.card-view .list-button,
.single-card .list-button,
.accept-button,
.confirm-button,
.cart-button,
.popup-action .make-offer-button,
.unlisted .make-offer-button,
.create-listing-button,
.update-listing-button,
.connect-button {
	color: #000;
	background-color: #f57325;
}

.card-view .buy-button:hover,
.single-card .buy-button:hover,
.buy-selected .select-button:hover,
.list-selected .list-button:hover,
.card-view .list-button:hover,
.single-card .list-button:hover,
.accept-button:hover,
.confirm-button:hover,
.cart-button:hover,
.popup-action .make-offer-button:hover,
.unlisted .make-offer-button:hover,
.create-listing-button:hover,
.update-listing-button:hover,
.connect-button:hover {
	color: #000;
	background-color: #ff8840;
}

.card-view .buy-button .currency,
.single-card .buy-button .currency,
.buy-selected .select-button .currency,
.list-selected .list-button .currency,
.card-view .list-button .currency,
.single-card .list-button .currency,
.accept-button .currency,
.confirm-button .currency,
.cart-button .currency,
.popup-action .make-offer-button .currency,
.unlisted .make-offer-button .currency,
.create-listing-button .currency,
.update-listing-button .currency  {
	color: #000;
}

.card-view .buy-button .loader,
.single-card .buy-button .loader,
.buy-selected .select-button .loader,
.list-selected .list-button .loader,
.card-view .list-button .loader,
.single-card .list-button .loader,
.accept-button .loader,
.confirm-button .loader,
.cart-button .loader,
.popup-action .make-offer-button .loader,
.unlisted .make-offer-button .loader,
.create-listing-button .loader,
.update-listing-button .loader,
.connect-button .loader {
	background: conic-gradient(#0000 30%, #000);
}

.select-button {
	width: 32px;
	padding: 0;
}

.select-button i {
	font-size: .8rem;
	line-height: 32px;
}

.offer-accept-button {
	height: 20px;
	font-size: .7rem;
	line-height: 20px;
}

.card-view.offer-active .accept-button {
	color: #ededed;
	background-color: #222;
}

.card-view.offer-active .accept-button:hover {
	color: #fff;
	background-color: #333;
}

.card-view.offer-active .accept-button .currency {
	color: #999;
}

.confirm-button {
	flex: 1;
}

.cart-button {
	flex: 1;
}

.cart-remove-button {
	flex: 0 0 auto;
	width: 32px;
	padding: 0;
}

.cart-remove-button i {
	font-size: .7rem;
	line-height: 32px;
}

.listing-remove-button {
	width: 32px;
	padding: 0;
	line-height: 30px;
	border: 1px solid #333;
	background: rgba(0,0,0,0);
}

.listing-remove-button:hover {
	color: #fff;
	border: 1px solid #ededed;
	background: rgba(0,0,0,0);
}

.offer-remove-button {
	width: 32px;
	padding: 0;
	line-height: 30px;
	border: 1px solid #333;
	background: rgba(0,0,0,0);
}

.offer-remove-button:hover {
	color: #fff;
	border: 1px solid #ededed;
	background: rgba(0,0,0,0);
}

.price-remove-button {
	width: 32px;
	padding: 0;
	line-height: 30px;
	border: 1px solid #333;
	background: rgba(0,0,0,0);
}

.price-remove-button i {
	font-size: .7rem;
	line-height: 30px;
}

.price-remove-button:hover {
	color: #fff;
	border: 1px solid #ededed;
	background: rgba(0,0,0,0);
}

.offer-quick-button {
	width: 50px;
	padding: 0;
}

.offer-quick-button:first-child {
	flex: 1;
	width: 100%;
}

.make-offer-button {
	flex: 1;
}

.cart-widget .make-offer-button {
	flex: none;
	min-width: 110px;
}

.popup-action .cancel-offer-button {
	flex: 1;
}

.collection-offer-button {
	flex: 1;
	font-size: .7rem;
}

.instant-sell-button {
	flex: 1;
	overflow: visible;
	min-width: fit-content;
	font-size: .7rem;
}

.create-listing-button {
	flex: 1;
	min-width: 0;
}

.update-listing-button {
	flex: 1;
	min-width: 0;
}

.remove-listing-button {
	flex: 1;
	min-width: 0;
}

.remove-listing-button:hover {
	color: #fff;
	background-color: #333;
}

.global-listing-button {
	line-height: 30px;
	color: #ededed;
	border: 1px solid #333;
	background: rgba(0,0,0,0);
}

.global-listing-button:hover {
	color: #fff;
	border: 1px solid #ededed;
	background: rgba(0,0,0,0);
}

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

.connect-button i {
	width: auto;
	margin: 0 10px 0 0;
	font-size: .8rem;
	line-height: 32px;
}

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

button.processing {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

button.processing .loader {
	animation: spin 1.5s infinite linear, fadeIn 0.3s ease-out;
}

button.processing .btn-text-new {
	animation: fadeIn 0.3s ease-out;
}

button.processing .btn-text-old {
	animation: fadeIn 0.3s ease-out reverse forwards;
}

@media (hover: none) {
	.action:hover {
		color: #ededed;
		background-color: #222;
	}
	
	.action.unlisted-button:hover {
		color: #999;
		background-color: #111;
	}
	
	.collection-card.buy-selected .buy-button:hover,
	.card-view .buy-button:hover,
	.single-card .buy-button:hover,
	.buy-selected .select-button:hover,
	.list-selected .list-button:hover,
	.card-view .list-button:hover,
	.single-card .list-button:hover,
	.accept-button:hover,
	.confirm-button:hover,
	.cart-button:hover,
	.popup-action .make-offer-button:hover,
	.unlisted .make-offer-button:hover,
	.create-listing-button:hover,
	.update-listing-button:hover,
	.connect-button:hover {
		color: #000;
		background-color: #f57325;
	}
	
	.cart-remove-button:hover {
		color: #ededed;
		background-color: #000;
	}
}

/* -------------------------------------------------------------- Cart */

.cart-widget {
	width: 100%;
}

.cart-menu {
	width: 100%;
	height: 64px;
	display: flex;
	gap: 10px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #333;
	background-color: #000;
}

.cart-menu-body {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
}

.cart-menu-controls {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
}

.cart-menu-count {
	flex: 0 0 auto;
	width: 68px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #333;
	border-radius: 9999px;
}

.cart-menu-minus {
	flex: 0 0 auto;
	width: 32px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 32px;
	text-align: center;
	color: #ededed;
	background-color: #222;
	border: 0;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.cart-menu-plus {
	flex: 0 0 auto;
	width: 32px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 32px;
	text-align: center;
	color: #ededed;
	background-color: #222;
	border: 0;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.cart-menu-minus i,
.cart-menu-plus i {
	font-size: .9rem;
	line-height: 32px;
}

.cart-menu-minus:hover,
.cart-menu-plus:hover {
	color: #fff;
	background-color: #333;
}

.count-disabled,
.count-disabled:hover {
	color: #444;
	background-color: #111;
	pointer-events: none;
}

.cart-slider-controls {
	flex: 1;
	min-width: 0;
}

/* Reset default appearance */
#cart-slider {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	border-radius: 9999px;
	background: linear-gradient(to right, #7e3000 var(--fill, 0%), #222 var(--fill, 0%));
	outline: none;
	cursor: pointer;
}

/* Thumb — WebKit (Chrome, Safari, Edge) */
#cart-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f57325;
	cursor: pointer;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
}

/* Thumb — Firefox */
#cart-slider::-moz-range-thumb {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #f57325;
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75);
}

/* Track — Firefox */
#cart-slider::-moz-range-track {
	height: 4px;
	border-radius: 2px;
	background: #444;
}

/* Filled portion — Firefox only */
#cart-slider::-moz-range-progress {
	height: 4px;
	border-radius: 2px;
	background: #ededed;
}

.slider-disabled {
	pointer-events: none;
}

@media (max-width: 800px) {
	.cart-widget {
		width: calc(100% + 20px);
		margin: 0 0 0 -10px;
	}
	
	.nav-overlay-open .cart-widget,
	.filter-overlay-open .cart-widget {
		display: none;
	}
	
	.cart-menu {
		flex-wrap: wrap;
		height: 95px;
		margin: 0;
		border: 0;
		border-top: 1px solid #333;
	}
	
	.cart-menu-body {
		flex: 1 0 100%;
	}
	
	.cart-menu-controls {
		flex: 1 0 100%;
	}
}

/* -------------------------------------------------------------- Offer Menu */

.offer-menu {
	float: left;
	width: 100%;
}

.offer-inputs {
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	gap: 10px;
}

.offer-menu input[type=number] {
	flex: 1;
	min-width: 0;
	padding: 0 12px 0 12px;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #333;
	border-radius: 9999px;
	background-color: #000;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 998;
}

.offer-menu input[type=number]::-webkit-outer-spin-button, 
.offer-menu input[type=number]::-webkit-inner-spin-button {
	display: none;
}

.offer-menu input[type=number]:focus {
	color: #fff;
	border: 1px solid #ededed;
}

.offer-duration-toggle {
	position: relative;
	width: auto;
}

.offer-duration-button {
	min-width: 110px;
	padding: 0 12px 0 12px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	color: #ededed;
	background: rgba(0,0,0,0);
	border: 1px solid #333;
	border-radius: 9999px;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	white-space: nowrap;
	cursor: pointer;
}

.offer-duration-button:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.offer-durations {
	position: absolute;
	display: block;
	top: 42px;
	right: 0;
	min-width: 110px;
	border: 1px solid #ededed;
	background-color: #000;
	overflow: hidden;
	z-index: 10000;
	box-shadow: 0 10px 30px rgba(0,0,0,0.75);
}

.offer-duration {
	padding: 0 12px 0 12px;
	font-size: .8rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #999;
	border-bottom: 1px solid #333;
	white-space: nowrap;
	cursor: pointer;
}

.offer-duration:last-child {
	border: 0;
}

.offer-duration:hover {
	color: #fff;
}

.offer-durations.hidden {
	display: none;
}

.offer-quick-buttons {
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	gap: 10px;
}

.offer-desc {
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}

.offer-desc p {
	margin: 0;
}

.offer-alert-desc {
	float: left;
	width: 100%;
	font-size: .7rem;
	color: #e7801b;
}

.offer-duration-desc {
	float: left;
	width: 100%;
	font-size: .7rem;
}

.offer-funds-desc {
	float: left;
	width: 100%;
	font-size: .7rem;
}

.offer-desc-wallet {
	color: #ededed;
}

/* -------------------------------------------------------------- Collection Offer Menu */

.collection-offer-menu {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

.collection-offer-buttons {
	display: flex;
	float: right;
	gap: 10px;
}

.site.search-active .collection-offer-menu {
	display: none;
}

@media (max-width: 800px) {
	.collection-offer-buttons {
		float: left;
		width: 100%;
	}
}

/* -------------------------------------------------------------- Single Sell Popup */

.single-sell-item {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	color: #999;
}

.single-sell-item-image {
	width: 40px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.single-sell-item-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.single-sell-item-name {
	flex: 1;
	font-size: .8rem;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* -------------------------------------------------------------- Instant Sell Popup */

.instant-sell .popup-body {
	padding: 0 20px 0 20px;
}

.instant-sell-items {
	float: left;
	width: 100%;
	max-height: 335px;
	overflow-y: auto;
}

.instant-sell-item {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 0 10px 0;
	border-top: 1px solid #222;
	cursor: pointer;
	color: #999;
}

.instant-sell-item:first-child {
	border: 0;
}

.instant-sell-item:hover {
	color: #fff;
}

.instant-sell-item.selected {
	color: #fff;
}

.instant-sell-item-check {
	width: 20px;
	font-size: .9rem;
	line-height: 40px;
}

.instant-sell-item-check i {
	display: block;
	color: #222;
}

.instant-sell-item.selected .instant-sell-item-check i {
	display: block;
	color: #f57325;
}

.instant-sell-item-image {
	width: 40px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.instant-sell-item-image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.instant-sell-item-name {
	flex: 1;
	font-size: .8rem;
	line-height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@media (hover: none) {
	.instant-sell-item:hover {
		color: #999;
	}
	.instant-sell-item.selected:hover {
		color: #fff;
	}
}

/* -------------------------------------------------------------- Listing Menu */

.listing-menu {
	float: left;
	width: 100%;
}

.listing-inputs {
	width: 100%;
	display: flex;
	gap: 10px;
}

.listing-menu input[type=number] {
	flex: 1;
	min-width: 0;
	padding: 0 12px 0 12px;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #333;
	border-radius: 9999px;
	background-color: #000;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 998;
}

.listing-menu input[type=number]::-webkit-outer-spin-button, 
.listing-menu input[type=number]::-webkit-inner-spin-button {
	display: none;
}

.listing-menu input[type=number]:focus {
	color: #fff;
	border: 1px solid #ededed;
}

/* ------------------------------------------------- Batch Listing */

.batch-list .popup-body {
	padding: 10px 10px 10px 10px;
}

.batch-list-popup .listing-menu {
	margin: 0;
}

.batch-list-popup .listing-inputs {
	grid-template-columns: 1fr auto auto;
	margin: 0;
}

.batch-list-items {
	float: left;
	width: 100%;
	max-height: 300px;
	margin: 10px 0 0 0;
	overflow-y: auto;
}

.batch-list-item {
	width: 100%;
	display: grid;
	grid-template-columns: 32px 1fr 1fr auto;
	gap: 10px;
	align-items: center;
	padding: 10px 0 10px 0;
	border-top: 1px solid #333;
}

.batch-list-item:first-child {
	border: 0;	
}

.batch-list-item-image {
	width: 32px;
	aspect-ratio : 1 / 1;
	overflow: hidden;
}

.batch-list-item-image img {
	width: 100%;
	aspect-ratio : 1 / 1;
	object-fit: cover;
}

.batch-list-item-name {
	font-size: .8rem;
	line-height: 32px;
	color: #ededed;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.batch-list-item input[type=number] {
	width: 100%;
	padding: 0 12px 0 12px;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	color: #fff;
	border: 1px solid #333;
	border-radius: 9999px;
	background-color: #000;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 998;
}

.batch-list-item input[type=number]::-webkit-outer-spin-button, 
.batch-list-item input[type=number]::-webkit-inner-spin-button {
	display: none;
}

.batch-list-item input[type=number]:focus {
	color: #fff;
	border: 1px solid #ededed;
}

.batch-list-item input[type=number]:last-child {
	grid-column: span 2;
}

.batch-delist-item {
	flex: none;
	width: auto;
	padding: 0 20px 0 20px;
}

.batch-delist-all {
	flex: 1;
}

@media (max-width: 800px) {
	.batch-list-popup .listing-inputs {
		grid-template-columns: 1fr 1fr;
	}
	
	.batch-list-popup .listing-inputs > :first-child {
		grid-column: 1 / -1;
	}
}

/* ------------------------------------------------- Current Item */

.current-item {
	display: flex;
	align-items: center;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	gap: 10px;
	border-bottom: 1px solid #222;
}

.current-item img {
	width: 40px;
	height: 40px;
	aspect-ratio : 1 / 1;
	object-fit: cover;
}

.current-item-profile {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
}

.current-item-name {
	font-size: .8rem;
	color: #ededed;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.current-item-collection {
	font-size: .7rem;
	color: #999;
}

.current-item-price {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	white-space: nowrap;
}

.current-item-listed {
	font-size: .8rem;
	color: #ededed;
	cursor: pointer;
}

.current-item-listed:hover {
	color: #fff;
}

.current-item-trait-floor {
	font-size: .7rem;
	color: #999;
}

.current-item-trait-floor-price {
	color: #ededed;
	cursor: pointer;
}

.current-item-trait-floor-price:hover {
	color: #fff;
}

/* -------------------------------------------------------------- Links */

.footer {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.links {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.links a,
.links a:active,
.links a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 10px 0 10px;
	font-size: .8rem;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #999;
	cursor: pointer;
	transition: color .2s;
}

.links a:hover {
	color: #fff;
}

.social {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.social a,
.social a:active,
.social a:visited {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 10px 0 10px;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #999;
	cursor: pointer;
	transition: color .2s;
}

.links a i {
	font-size: .9rem;
	line-height: 32px;
}

.social a:hover {
	color: #fff;
}

@media (hover: none) {
	.links a,.links a:active,.links a:visited {
		touch-action: manipulation;
	}
	
	.links a:hover,
	.social a:hover {
		color: #ededed;
		border: 1px solid #333;
	}
}

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

.reset-button {
	float: right;
	margin: 0 0 5px 5px;
	padding: 0 10px 0 10px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	color: #999;
	background-color: rgba(0,0,0,0);
	border: 1px solid #333;
	-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;
}

@media (hover: none) {
	.reset-button {
		touch-action: manipulation;
	}
	
	.reset-button:hover {
		color: #999;
		background-color: rgba(0,0,0,0);
		border: 1px solid #333;
	}
}

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

.active-filters {
	float: right;
}

.site.loading-active .active-filters {
	display: none;
}

.active-filter-tag {
	position: relative;
	float: right;
	margin: 0 0 5px 5px;
	padding: 0 30px 0 10px;
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 30px;
	color: #999;
	background-color: rgba(0,0,0,0);
	border: 1px solid #333;
	-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 32px 0 32px;
}

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

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

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

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

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

/* -------------------------------------------------------------- Card View */

.card-view-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	overflow: hidden;
	cursor: pointer;
	z-index: 9999;
}

.card-view-scroll {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.card-view-content {
	width: 100%;
	max-width: 500px;
	cursor: default;
	pointer-events: none;
}

.card-view-header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 500px;
	padding: 9px 0 0 0;
	background-color: #000;
	z-index: 9997;
}

.card-view-top {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #333;
}

.card-view {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 60px 0 0 0;
	border: 1px solid #333;
	background-color: #000;
	pointer-events: auto;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.75);
}

.card-view-title {
	flex: 1;
	min-width: 0;
	padding: 0 0 0 10px;
	cursor: pointer;
	overflow: hidden;
}

.card-view-name {
	display: block;
	font-size: .9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-view-collection {
	display: block;
	font-size: .7rem;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.share-content {
	flex-shrink: 0;
	padding: 0 20px 0 10px;
	color: #999;
	text-align: center;
	cursor: pointer;
}

.expand-content {
	flex-shrink: 0;
	padding: 0 10px 0 10px;
	color: #999;
	text-align: center;
	cursor: pointer;
}

.onchain-content a,.onchain-content a:active,.onchain-content a:visited {
	flex-shrink: 0;
	padding: 0 20px 0 10px;
	color: #999;
	text-align: center;
	cursor: pointer;
}

.share-content i,
.expand-content i,
.onchain-content a i {
	font-size: .9rem;
	line-height: 50px;
}

.share-content:hover,
.expand-content:hover,
.onchain-content a:hover {
	color: #fff;
}

.card-view-close {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	color: #ededed;
	border-left: 1px solid #333;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
}

.card-view-close i {
	font-size: .9rem;
	line-height: 50px;
}

.card-view-close:hover {
	color: #fff;
}

@media (hover: none) {
	.card-view-close:hover {
		color: #ededed;
		background-color: #000;
	}
}

@media (max-width: 800px) {
	.card-view-scroll {
		padding: 0 30px 0 30px;
	}
	
	.card-view-header {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 60px);
		max-width: 500px;
		background-color: #000;
		z-index: 9997;
	}
}

/* -------------------------------------------------------------- Single */

.single-card {
	position: relative;
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: 0 0 20px 0;
	gap: 40px;
}

.single-content {
	flex: 1;
	min-width: 0;
}

.single-profile {
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: center;
}

.single-name {
	flex: 1;
	min-width: 0;
	font-size: .9rem;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

@media (max-width: 800px) {
	.single-card {
		flex-direction: column;
		gap: 0;
	}
	
	.single-content {
		flex: 1;
		min-width: 0;
		margin: 20px 0 0 0;
	}

	.single-content {
		width: 100%;
		max-width: none;
	}
}

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

.popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	overflow: hidden;
	cursor: pointer;
	z-index: 9999;
}

.popup-scroll {
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.popup-content {
	width: 100%;
	max-width: 500px;
	cursor: default;
	pointer-events: none;
}

.popup-header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 500px;
	padding: 9px 0 0 0;
	background-color: #000;
	z-index: 9997;
}

.popup-top {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #333;
}

.popup-card {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 40px 0;
	padding: 60px 0 0 0;
	border: 1px solid #333;
	background-color: #000;
	pointer-events: auto;
	box-shadow: 0 10px 30px rgba(0,0,0,0.75);
}

.popup-title {
	flex: 1;
	min-width: 0;
	padding: 0 0 0 10px;
	font-size: .9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popup-close {
	flex-shrink: 0;
	width: 50px;
	height: 50px;
	color: #ededed;
	border-left: 1px solid #333;
	text-align: center;
	cursor: pointer;
	z-index: 9999;
}

.popup-close i {
	font-size: .9rem;
	line-height: 50px;
}

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

.popup-body {
	float: left;
	width: 100%;
	padding: 20px;
}

.popup-message {
	margin: 0;
}

.popup-action {
	float: left;
	width: 100%;
	display: flex;
	gap: 10px;
	padding: 10px;
	border-top: 1px solid #333;
}

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

@media (max-width: 800px) {
	.popup-scroll {
		padding: 0 30px 0 30px;
	}
	
	.popup-header {
		position: fixed;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: calc(100% - 60px);
		max-width: 500px;
		background-color: #000;
		z-index: 9997;
	}
}

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

.wallet-buttons {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.nav .wallet-buttons {
	margin: 0 0 20px 0;
}

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

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

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

.wallet-connect-status {
	position: relative;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	font-size: .9rem;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wallet-connect-status .loader {
	display: inline-block;
	vertical-align: middle;
}

.wallet-connect-profile {
	position: relative;
	grid-column: 1 / -1;
	padding: 0 0 10px 50px;
}

.wallet-connect-profile img {
	position: absolute;
	top: 0;
	left: 0;
	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-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: .8rem;
	line-height: 15px;
	color: #999;
	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: #999;
}

.link-x a,.link-x a:active,.link-x a:visited {
	display: block;
	padding: 0 12px 0 12px;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 32px;
	color: #ededed;
	background-color: #222;
	border: 0;
	border-radius: 9999px;
	text-align: left;
	-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: .8rem;
	line-height: 32px;
}

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

.address-filter-buttons {
	grid-column: 1 / -1;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.address-filter {
	width: 100%;
	padding: 0 12px 0 12px;
	font-size: .8rem;
	letter-spacing: .02em;
	line-height: 30px;
	color: #ededed;
	background-color: rgba(0,0,0,0);
	border: 1px solid #333;
	border-radius: 9999px;
	text-align: left;
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased !important;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	cursor: pointer;
}

.address-filter:hover {
	color: #fff;
	border: 1px solid #ededed;
}

.address-filter-connected {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.address-filter-connected i {
	font-size: .8rem;
	line-height: 30px;
	color: #f57325;
}

.address-filter-active {
	border: 1px solid #ededed;
}

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

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

/* -------------------------------------------------------------- Status */

.status {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #000;
	z-index: 9997;
}

.status-message {
	float: left;
	width: 100%;
	padding: 10px 0 20px 0;
	font-size: .8rem;
	line-height: 20px;
	padding: 10px 0 calc(20px + env(safe-area-inset-bottom)) 0;
	border-top: 1px solid #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.status-message .loading-circle {
	width: 20px;
	background: 
		radial-gradient(farthest-side,#fff 94%,#0000) top/3px 3px no-repeat,
		conic-gradient(#0000 30%,#fff);
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);
}

/* -------------------------------------------------------------- Interface */

.hidden {
	display: none;
}

:root {
	--is-mobile: 0;
	--filter-auto-open: 0;
}

@media (min-width: 1400px) {
	:root {
		--filter-auto-open: 1;
	}
}

@media (max-width: 800px) {
	:root {
		--is-mobile: 1;
	}
}

/* -------------------------------------------------------------- Animations */

@keyframes shimmer {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes spin {
	to { transform: rotate(360deg); }
}

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