:root {
	--background-color: #101820;
	--background-color-90: rgba(16,24,32,0.9);
	--background-color-2: #202838;
	--section-background-color: rgba(16, 24, 32, 0.85);
	--section-border-color: #45485a;
	--section-border-radius: 1.5rem;
	--footer-background-color: #101820;
	--text-color: #c4c7da;
	--text-color-2: #858fb5;
	--text-color-3: #5a6285;
	--background-color-2: #242f44;
	--bright-text-color: #ebebeb;
	--link-color: rgb(41, 179, 235);
	--primary-font: "Jost", "Helvetica Neue", Helvetica, sans-serif;
	--menu-background-color: #242f44;
	--menu-background-highlight-color: #374868;
	--menu-highlight-color: rgb(41, 179, 235);
	--field-background-color: #161b20;
	--field-text-color: #c4c7da;
	--field-border-color: #3a4859;
	--field-error-color: #f44;
	--primary-color: rgb(41, 179, 235);
	--primary-contrast-color: #fff;
	--secondary-color: #eb29b3;
	--secondary-contrast-color: #fff;
	--button-cancel-color: #858fb5;
	--button-cancel-background-color: transparent;
	--button-tertiary-color: #858fb5;
	--button-tertiary-background-color: #26334b;
	--button-tertiary-background-hover-color: #3e5379;
	--button-tertiary-border-color: #4f699a;
	--table-row-even-color: rgb(36, 42, 54);
	--table-row-odd-color: rgb(60, 70, 90);
	--table-dark-row-odd-color: #171f28;
	--table-dark-row-even-color: #202836;
	--secondary-contrast-color: #fff;
	--row-background-color: #192131;
	--row-background-highlight-color: #26334b;
}

* {
	box-sizing: border-box;
}

body {
	background-color: var(--background-color);
	color: var(--text-color);
	font-family: var(--primary-font);
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 0;
}

body.page-loading {
	overflow: hidden;
	transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-webkit-transition: background .5s ease-in-out;
}

body.page-loading .page-loading-indicator {
	display: block;
}

.page-loading-indicator {
	display: none;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	background: rgba(0,0,0,0.4);
	text-align:center;
	vertical-align:middle;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}

.page-loading-indicator > div {
	position: absolute;
	top: 50%;
	left: 50%;
	color: var(--primary-color);
}

.page-loading-indicator > div > div {
	position: relative;
	left: -50%;
}

.page-loading-indicator > div > div > i {
	display: block;
}

.clickable {
	cursor: pointer;
}

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

.cookies-notice {
	display: none;
	position: fixed;
	padding: 0.25rem;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #303848;
	font-size: 1rem;
}

.cookies-notice button {
	color: var(--text-color-2);
	background-color: var(--button-tertiary-background-color);
	border-radius: 0.25rem;
	border: none;
	font-size: 1rem;
}

.cookies-notice button:hover {
	background-color: var(--button-tertiary-background-hover-color);
}

.cookies-notice button:active {
	border: none;
}

a, a:visited {
	color: var(--text-color-2);
}

.warning, a.warning, a:visited.warning {
	color: #f80;
}

a.link, a:visited.link {
	color: var(--primary-color);
	font-weight: 400;
}

a.no-underline {
	text-decoration: none;
}

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

.mid-grey {
	color: var(--text-color-2);
}

.sup {
	font-size: 0.9rem;
	position: relative;
	top: -0.35rem;
}

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

.top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4rem;
    background-color: rgba(16,24,32,0.75);
    z-index: 2;
}

.top-inner {
    position: relative;
    width: 100%;
	max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
    height: 4rem;
}

.top .left {
    position: absolute;
    top: 0;
    left: 0;
}

.hamburger-menu {
    float: right;
    margin: 0.25rem 1.5rem 0 0;
	padding: 0 1rem;
    line-height: 4rem;
    position: relative;
    top: 0rem;
    font-size: 1.75rem;
	position: relative;
	z-index: 3;
}

.hamburger-menu:hover {
    color: var(--primary-color);
	cursor: pointer;
}

.account-menu {
	float: right;
	margin: 0.75rem 2rem 0 0;
	padding: 0;
	width: 2.5rem;
	height: 2.5rem;
    font-size: 1.5rem;
	background-color: var(--text-color-2);
	border-radius: 1.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
}

.account-menu:hover {
    color: var(--primary-color);
	cursor: pointer;
}

.menu {
    display: block;
    float: right;
    list-style: none;
    margin: 0 2rem 0 0;
    line-height: 4rem;
    position: relative;
	top: 0.2rem;
	font-size: 1.1rem;
}

.menu li {
    float: left;
    position: relative;
	font-weight: 400;
}

.menu li.hide-med {
	display: none;
}

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

.menu li + li {
    margin-left: 1.5rem;
}

.menu li a {
    text-decoration: none;
    color: var(--text-color);
	cursor: pointer;
}

.menu li a.button {
	color: var(--primary-contrast-color);
}

.menu2 {
	display: none;
	position: fixed;
	z-index: 3;
	right: 0;
	top: 3rem;
	margin-top: 1rem;
	margin-right: 1rem;
	background-color: var(--menu-background-color);
	border-radius: 0.75rem;
	line-height: 3rem;
	padding: 0;
    list-style: none;
	font-size: 1.1rem;
	max-height: calc(100vh - 5rem);
	overflow-y: auto;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu2.visible {
	display: block;
}

.menu2-bg {
	display: none;
	z-index: 1;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.menu2-bg.visible {
	display: block;
}

.menu2-arrow {
	display: none;
	position: absolute;
	z-index: 3;
	width: 0;
	height: 0;
	border-bottom: 0.8rem solid var(--menu-background-color);
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	top: 3.5rem;
	right: 2.5rem;
	content: '';
}

.menu2-arrow.visible {
	display: block;
}

.menu2 li {
	float: none;
    position: relative;
	font-weight: 400;
}

.menu2 li.menu-extra-wide {
	display: none;
}

.menu2 li.menu-wide {
	display: none;
}

.menu2 li.menu-medium {
	display: none;
}

.menu2 li.menu-narrow {
	display: none;
}

.menu2 li > a {
	display: block;
	padding: 0 2rem;
    text-decoration: none;
    color: var(--text-color);
	cursor: pointer;
}

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

.menu2 li + li {
	margin-left: 0;
}

.menu2 li a {
    text-decoration: none;
    color: var(--text-color);
	cursor: pointer;
}

.menu2 li a.button {
	color: #fff;
	margin: 0 1rem;
}

.menu2 li a.button:first-child {
	margin-top: 1rem;
}

.menu2 li a.button:last-child {
	margin-bottom: 1rem;
}

.menu2 li .divider {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--text-color-2);
}

.menu li .menu-item-active {
	position: absolute;
	bottom: 1rem;
	left: calc(50% - 7px);
	width: 14px;
	height: 0;
	border-top: solid 2px var(--primary-color);
}

.menu2 li .menu-item-active {
	position: absolute;
	bottom: 0.5rem;
	left: 2rem;
	width: 14px;
	height: 0;
	border-top: solid 2px var(--primary-color);
}

.collections-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 4rem;
	max-height: calc(100vh - 5rem);
	overflow-y: auto;
	background-color: var(--menu-background-color);
	margin: 0 1rem 1rem;
	box-shadow: 0 0.25rem 1rem #000;
	border-radius: 1rem;
}

.collections-menu.visible {
	display: block;
}

.collections-menu .collections-menu-bg {
	z-index: 2;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.collections-menu .collections-menu-fg {
	position: relative;
	z-index: 2;
}

.collections-menu-arrow {
	display: none;
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 0.8rem solid var(--menu-background-color);
	border-left: 0.8rem solid transparent;
	border-right: 0.8rem solid transparent;
	top: 3.5rem;
	right: 2.5rem;
	content: '';
}

.collections-menu-arrow.visible {
	display: block;
}

.collections {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 86rem;
	padding-top: 1.6rem;
}
.collection {
	margin-left: 0.8rem;
	margin-right: 0.8rem;
	margin-bottom: 1.6rem;
	position: relative;
	width: 9rem;
	background-color: var(--menu-background-highlight-color);
	color: var(--text-color);
	border-radius: 1rem;
}
.collection-logo-outer {
	position: relative;
	width: 9rem;
	height: 9rem;
}
.collection-logo {
	position: absolute;
	transition: all .2s;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	top: 0;
	left: 0;
	width: 9rem;
	height: 9rem;
}
.collection:hover .collection-logo {
	background-size: 105%;
}
.collection-details {
	height: 4rem;
	padding: 0 0.5rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.collection-name {
	text-align: center;
	font-size: 1rem;
	line-height: 1.2;
}
.collection:hover {
	background-color: var(--menu-background-highlight-color);
}
.collection a {
	text-decoration: none;
}

.collection-filters {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.collection-sort-field {
    margin-bottom: 3rem;
	margin-right: 1rem;
    text-align: center;
}
.collection-sort-field .form-field {
    display: inline-block;
    position: relative;
}

h1 {
	font-size: 2rem;
	line-height: 4rem;
	font-weight: 800;
	margin: 0 0 0 2rem;
	letter-spacing: 0;
	text-align: left;
	color: var(--primary-color);
	font-family: var(--primary-font);
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: none;
}

h1 a {
	text-decoration: none;
	color: var(--primary-color) !important;
}

h2 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 3rem 0;
	text-align: center;
	color: var(--primary-color);
	font-family: var(--primary-font);
	text-transform: uppercase;
}

h3 {
	font-size: 1.2rem;
	font-weight: 600;
	margin: 2rem 0;
	text-align: left;
	font-family: var(--primary-font);
}

h4 {
	font-size: 1rem;
	font-weight: 400;
	margin: 1.5rem 0 1rem;
	text-align: center;
	color: var(--text-color-2);
	text-transform: uppercase;
	font-family: var(--primary-font);
}

h5 {
	font-size: 1rem;
	font-weight: 400;
	margin: 1rem 0 0;
	text-align: center;
	color: var(--text-color-2);
	font-family: var(--primary-font);
}

h5 + .note {
	margin-top: 1.5rem;
}

p, li {
	font-weight: 300;
}

.page-container {
	width: 100%;
	margin-top: 4rem;
	min-height: calc(100vh - 4rem);
	position: relative;
	max-width: 88rem;
	padding: 1rem 1rem 2rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	position: relative;
}

.page-header {
	margin-top: -0.5rem;
	margin-bottom: 3rem;
}

.text-section {
	max-width: 60rem;
	margin-left: auto;
	margin-right: auto;
}

.text-section li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.narrow-container {
	background-color: var(--background-color-2);
	color: var(--text-color-2);
	border-radius: 1.5rem;
	width: 100%;
	max-width: 32rem;
	padding: 2rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
}

.narrow-container h2 {
	margin-top: 0;
	margin-bottom: 1rem;
}

.narrow-container p {
	font-size: 1rem;
	font-weight: 400;
}

.narrow-container .button, .narrow-container a.button {
	display: inline-block;
	margin-top: 1rem;
	margin-bottom: 0rem;
}

.title-logo {
	height: 2rem;
	vertical-align: top;
	margin-top: 0.8rem;
}

.tr-logo {
	height: 1.9rem;
	vertical-align: text-top;
	position: relative;
	top: 0.25rem;
	border-right: solid 2px rgba(41, 179, 235, 0.75);
	padding-right: 0.75rem;
	margin-right: 0.75rem;
}

.header-external-link {
	font-size: 16px;
	color: var(--text-color-2);
	margin-left: 0.5rem;
	cursor: pointer;
}

.has-more {
	color: var(--primary-color);
	width: 100%;
}

.has-more i {
	display: none;
}

.has-more div {
	text-align: center;
}

.has-more.visible i {
	display: inline-block;
}

.page-footer {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	background-color: var(--row-background-color);
	line-height: 1.5;
}

.page-footer-inner {
	width: 100%;
	max-width: 72rem;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
	box-sizing: border-box;
}

.page-footer-columns {
	display: flex;
	flex-direction: row;
}

.page-footer-columns > div {
	width: 24%;
	text-align: center;
	margin-bottom: 2rem;
}

.page-footer-columns > div:first-child {
	width: 28%;
}

.page-footer-columns > div.center-left {
	text-align: center;
}

.page-footer-columns > div.center-left > div {
	display: inline-block;
	text-align: left;
}

#footer-column-1 {
	order: 1;
}

#footer-column-2 {
	order: 2;
}

#footer-column-3 {
	order: 3;
}

#footer-column-4 {
	order: 4;
}

.page-footer-logo {
	text-align: center;
	margin-top: 1.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-footer-logo > img {
	width: 64px;
}

.page-footer-logo > h1 {
	margin-top: 1rem;
	margin-left: 0;
	line-height: 2rem;
	text-align: center;
	font-size: 1.5rem;
}

.page-footer .disclaimer {
	margin-top: 1rem;
}

.discord-button {
	color: rgb(114,137,218) !important;
}

.discord-button > i {
	font-weight: 400;
}

.twitter-button {
	color: #1DA1F2 !important;
	font-weight: 400;
}

.twitter-button > i {
	font-weight: 400;
}

.sign-in-button {
	display: block;
	margin: 1rem auto;
	width: 18rem;
}

.connect-wallet-button {
	display: block;
	margin: 1rem auto;
	width: 18rem;
}

table.latest-sales tr.has-more-sales {
	background-color: transparent;
}

table.latest-sales tr.has-more-sales:hover {
	background-color: transparent;
	cursor: default;
}

.has-more-sales div {
	text-align: center;
}

.has-more-sales i {
	display: none;
}

.has-more-sales.visible i {
	display: inline-block;
	color: var(--primary-color);
}

.disclaimer {
	width: 100%;
	max-width: 1152px;
	font-size: 1rem;
	color: var(--text-color-2);
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 400;
}

.disclaimer p {
	font-weight: 400;
}

.bottom-link {
	font-size: 1rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5rem;
	text-align: center;
	font-weight: 400;
}

.bottom-link + .bottom-link {
	margin-top: 0.75rem;
}

.bottom-link a, .bottom-link a:active, .bottom-link a:hover {
	color: var(--primary-color); 
}

.message {
	margin-top: 1rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 300;
	color: var(--text-color);
}

.filters {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: start;
	margin: 0 -1rem 0.5rem;
}

.filters1 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 1rem;
}

.filters1 > div {
	margin: 0 0 0 1rem;
	width: 14rem;
}

.filters2 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 1rem;
}

.filters2 > div {
	margin: 0 1rem;
	width: 14rem;
}

.alerts-button select, .filter-sort select, .filter-toggle button, .filter-density button, .filter-collection button, .filter-collection select, .filter-sales-collection select, .filter-sales-toggle input[type=button] {
	display: inline-block;
	transition: all .2s;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	border: 1px solid var(--field-border-color);
	font-size: 1rem;
	font-weight: 400;
	border-radius: 0.8rem;
	color: var(--primary-color);
	padding: 0 1.75rem;
	width: 100%;
	height: 3rem;
	background-color: var(--field-background-color);
}

.filter-sort, .collection-sort, .filter-sales-collection {
	position: relative;
}

.filter-sort:before, .collection-sort:before, .filter-sales-collection:before {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-style: normal;
	font-weight: 900;
	font-size: 1rem;
	line-height: 1rem;
	position: absolute;
	top: 1rem;
	right: 0.75rem;
	color: var(--primary-color) !important;
	pointer-events: none;
}

#collection-sort {
	color: var(--primary-color);
	height: 3rem;
	padding: 0 1.75rem;
}

#collection-sort:hover, #filter-sales-collection:hover {
	border: solid 1px var(--primary-color);
}

.filter-toggle {
	width: 3rem !important;
	height: 3rem !important;
}

.filter-toggle button {
	background-image:url('https://www.thetararity.com/gfx/filter.svg');
	background-size: 75%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	transition: border .2s;
}

.filter-toggle button.filter-active {
	background-image:url('https://www.thetararity.com/gfx/filter_rev.svg');
}

.filter-density {
	width: 6rem !important;
	display: flex;
	flex-direction: row;
}

.filter-collection {
	width: 3rem !important;
	color: var(--primary-color);
}

.filters2 > div.filter-sales-collection {
	width: 20rem;
}

.filter-sales-collection select {
	padding-left: 1rem;
}

.filters1 > div.filter-sales-toggle {
	width: 20rem !important;
}

.filter-toggle button, .filter-density button, .filter-collection button {
	padding: 0;
	font-size: 1.5rem;
}

.filter-density button:nth-child(1) {
	border-right: none !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.filter-density button:nth-child(2) {
	border-left: none !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

button.filter-active {
	color: var(--field-background-color);
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.filter-search {
	position: relative;
	display: inline-block;
	transition: all .2s;
	font-size: 1rem;
	font-weight: 400;
	border-radius: 0.8rem;
	color: var(--field-text-color);
	padding: 0 4rem 0 1.5rem;
	width: 100%;
	height: 3rem;
	background-color: var(--field-background-color);
	border: 1px solid var(--field-border-color);
}

.filter-search input {
	height: 3rem;
	line-height: 3rem;
	border: none;
	outline: none;
	font-size: 1rem;
	font-weight: 400;
	font-family: var(--primary-font);
	color: var(--primary-color);
	width: 100%;
	background-color: transparent;
}

.filter-item {
	font-size: 1rem;
}

.filter-item input[type=text], .filter-item input[type=number] {
	outline: none;
	border: 1px solid var(--field-border-color);
	border-radius: 2px;
	color: var(--primary-color);
	background-color: transparent;
	font-size: 1rem;
	padding: 0.3rem 0.3rem;
	width: 6rem;
	border-radius: 0.3rem;
}

.price-field {
	position: relative;
	display: inline-block;
}

.price-field input[type=text], .price-field input[type=number] {
	padding-left: 1.5rem !important;
}

.filter-rarity-marketplace {
	display: none;
}

.filter-rarity-marketplace.visible {
	display: block;
}

.filter-own-collection {
	display: none;
}

.filter-own-collection.visible {
	display: block;
}

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

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

.filter-search-cancel {
	position: absolute;
	top: 0.55rem;
	right: 3rem;
	font-size: 1.4rem;
	color: var(--text-color-2);
	display: none;
	padding-left: 1px;
}

.filter-search-submit {
	position: absolute;
	top: 0.55rem;
	right: 0.7rem;
	font-size: 1.4rem;
	display: none;
	padding-left: 1px;
	color: var(--text-color-2);
}

.filter-search-cancel.visible, .filter-search-submit.visible {
	display: block;
}

.alerts-button select, .filter-sort select:hover, .filter-toggle button:hover, .filter-density button:hover, .filter-collection button:hover, .filter-collection select:hover, .filter-search:hover, .filter-sales-toggle input[type=button]:hover, .filter-item input[type=text]:hover, .filter-item input[type=number]:hover {
	border: 1px solid var(--primary-color);
}

#filter-collection {
	padding: 0 0 0 3rem;
}

#filter-collection-overlay {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: none;
	background: transparent;
	color: 1px solid var(--primary-color);
	font-size: 1.5rem;
	width: 3rem !important;
	padding: 0;
}

.selected-filters {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	overflow-x: auto;
	margin-left: 1rem;
}

.dense .selected-filters {
	margin-left: 0.5rem;
}

.selected-filter {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	background: var(--button-tertiary-background-color);
	border-radius: 1.7rem;
	padding: .2rem 1.2rem;
	margin-right: 0.5rem;
	margin-bottom: 0.4rem;
	cursor: pointer;
	border: 1px solid var(--button-tertiary-background-color);
	transition: all .2s;
}

.selected-filter:hover {
	background: rgba(41, 179, 235, 0.7);
	border-color: rgba(41, 179, 235, 0.7);
}

.selected-filter-label {
	text-transform: capitalize;
	font-size: 1rem;
	color: var(--text-color);
	margin-right: 1.5rem;
	white-space: nowrap;
}

.selected-filter-icon {
	font-size: 1rem;
	color: var(--text-color);
}

.filters-link {
	display: none;
	font-size: 1rem;
	color: var(--primary-color);
	padding: .2rem .8rem;
	cursor: pointer;
	white-space: nowrap;
	margin: 0 .2rem .4rem;
	border: 1px solid var(--field-border-color);
	border-radius: 1.7rem;
	transition: all .2s;
}

.filters-link.visible {
	display: block;
}

.filters-link + .filters-link {
	margin-left: 0.2rem;
}

.filters-link:hover {
	border: 1px solid var(--primary-color);
}

.filters-link.save-search {
	margin-bottom: 1.25rem;
}

.other-filters {
	display: none;
	flex-flow: column nowrap;
	flex-shrink: 0;
	justify-content: flex-start;
	align-items: center;
	margin: 0 1rem 2rem;
	position: relative;
	width: 20rem;
	color: var(--text-color);
}

.other-filters.visible {
	display: flex;
}

#other-sales-filters {
	width: 20rem;
	margin-left: 1rem !important;
	margin-right: 0 !important;
}

.filter-group {
	width: 100%;
	border: 1px solid var(--field-border-color);
	border-radius: .5rem;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0.7rem;
}

.filter-group-top {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	text-transform: capitalize;
}

.filter-group-name {
	font-size: 1rem;
}

.filter-group-icon {
	font-size: 1.1rem;
	margin-right: 0.45rem;
}

.filter-group-icon-visible {
	display: none;
}

.filter-group-icon-hidden {
	display: inline;
}

.filter-group.visible .filter-group-icon-visible {
	display: inline;
}

.filter-group.visible .filter-group-icon-hidden {
	display: none;
}

.filter-group-bottom {
	display: none;
	margin-top: 0.75rem;
}

.filter-group.visible .filter-group-bottom {
	display: block;
}

.filter-group label {
	font-size: 1rem;
}

.filter-item + .filter-item {
	margin-top: 0.5rem;
}

.filter-seller, .filter-buyer {
	text-decoration: underline;
}

.filter-seller.matching-user, .filter-buyer.matching-user {
	font-weight: 600;
}

.checked {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1rem;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 1.5rem;
}

#saved-searches .checked {
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 1.5rem;
}

.checked input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkmark {
	position: absolute;
	top: 1px;
	left: 1px;
	height: 21px;
	width: 21px;
	background-color: transparent;
	border: 1px solid var(--field-border-color);
	border-radius: 0.25rem;
}

.checkmark:hover {
	border: 1px solid var(--primary-color);
}

.checked input:checked ~ .checkmark {
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checked input:checked ~ .checkmark:after {
	display: block;
}

.checked .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

label.checked .check-count {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--text-color);
	min-width: 1.5rem;
	font-size: 0.75rem;
	font-weight: 400;
	background: var(--button-tertiary-background-color);
	border-radius: .4rem;
	padding: .1rem .25rem;
	text-align: center;
}

label.checked .check-count.hidden {
	display: none;
}

label.checked .action {
	position: absolute;
	top: 0;
	right: 0;
	color: var(--text-color);
	min-width: 1.5rem;
	font-size: 0.75rem;
	font-weight: 400;
	text-align: center;
}

.results-outer {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	margin-left: -1rem;
	margin-right: -1rem;
}

.results-middle {
	width: 100%;
}

.results-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.nft {
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 3rem;
	position: relative;
	width: 20rem;
	background-color: var(--menu-background-color);
	color: var(--text-color);
	border-radius: 1rem;
}

.dense .nft {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1.5rem;
	width: 10rem;
	border-radius: 0.75rem;
}

.nft:hover {
	background-color: var(--menu-background-highlight-color);
}

.nft a {
	text-decoration: none;
}

.nft-thumb-container {
	position: relative;
	width: 20rem;
	height: 20rem;
	overflow: hidden;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.dense .nft-thumb-container {
	width: 10rem;
	height: 10rem;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}

.nft-thumb {
	position: absolute;
	transition: all .2s;
	background-image: url(.);
	background-position: 50%;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	background-size: auto 100%;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	top: 0;
	left: 0;
	width: 20rem;
	height: 20rem;
}

.resize .nft-thumb {
	transition: none;
}

.dense .nft-thumb {
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	width: 10rem;
	height: 10rem;
}

.nft:hover .nft-thumb {
	background-size: auto 105%;
}

.nft-thumb-small .nft-thumb {
	background-size: auto 80%;
}

.nft:hover .nft-thumb-small .nft-thumb {
	background-size: auto 85%;
}

.badge {
	position: relative;
	display: block;
	float: left;
	background-color: #ccc;
	color: var(--menu-background-color);
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0.05rem 0.25rem;
	border-radius: 1.5rem;
	margin-left: 0.5rem;
	margin-top: 0.5rem;
}

.name-overlay {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	overflow: hidden;
	bottom: 1rem;
	color: white;
	text-shadow: 0px 0px 2px black, 0 0px 3px black, 0px 0px 5px black;
}

.rarity-marketplace {
	position: absolute;
	display: block;
	width: 36px;
	height: 36px;
	background-color: var(--menu-background-color);
	background-image: url('/gfx/logo_sm.png');
	background-size: 66%;
	background-repeat: no-repeat;
	background-position: center;
	left: calc(50% - 18px);
	bottom: -18px;
	border-radius: 18px;
}

.dense .rarity-marketplace {
	width: 28px;
	height: 28px;
	bottom: -14px;
	border-radius: 14px;
}

.nft:hover .rarity-marketplace {
	background-color: var(--menu-background-highlight-color);
}

.dense .name-overlay {
	font-size: 0.8rem;
	bottom: 0.5rem;
}

.badge.bottom-right {
	float: none;
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
}

.nft-notifications-outer {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.5rem;
}

.nft-notifications {
	position: relative;
	display: block;
	float: right;
	color: #000;
	background-color: var(--primary-color);
	border-radius: 1.5rem;
	padding: 0.075rem 0.25rem;
	font-size: 1rem;
	font-weight: 600;
	margin-left: 0.5rem;
}

.nft-notifications i {
	width: 1.25rem;
	text-align: center;
}

.nft-notifications.orange {
	background-color: #ff7d6b;
}

.nft-icons {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	padding: 0.25rem 0.5rem 0.5rem;
	color: var(--text-color);
}

.nft-icon {
	position: relative;
	display: inline-block;
	background-red;
	padding-left: 1rem;
	padding-right: 1rem;
	z-index: 1;
}

.nft-details {
	height: 10.25rem;
	padding: 0.5rem 1.5rem 0rem;
	width: 100%;
	position: relative;
}

.dense .nft-details {
	height: 8.75rem;
	padding: 0.5rem 0.5rem 0rem;
}

.nft-top {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	padding-bottom: 0.5rem;
}

.nft-edition {
	display: block;
	font-size: 1.3rem;
	font-weight: 300;
	color: var(--text-color);
}

.dense .nft-edition {
	font-size: 0.9rem;
}

.nft-rank {
	display: block;
	font-size: 1.3rem;
	font-weight: 300;
	color: var(--text-color);
	text-align: right;
}

.dense .nft-rank {
	font-size: 0.9rem;
}

.nft-edition-number, .nft-rank-number {
	font-weight: 600;
}

.dense .nft-edition-number {
	letter-spacing: -0.03rem;
}

.nft-title {
	display: block;
	font-size: 1.3rem;
	font-weight: 600;
	color: var(--text-color);
	height: 4.16rem;
	overflow: hidden;
}

.nft-bottom {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.nft-price {
	color: var(--text-color-2);
	font-size: 1.4rem;
}

.dense .nft-title {
	font-size: 0.9rem;
	height: 2.88rem;	
}

.dense .nft-price {
	font-size: 1rem;
}

.dense .nft-price .amount {
	font-size: 1.1rem;
}

.price-available {
	color: var(--primary-color) !important;
}

.nft-price .label, .nft-minted .label {
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 400;
	color: var(--text-color-2);
	letter-spacing: .05rem;
}

.dense .nft-price .label {
	font-size: 0.8rem;
}

.dense .nft-minted {
	display: none;
}

.nft-minted .label {
	margin-bottom: .3rem;
}

.nft-minted .minted {
	white-space: nowrap;
}

.nft-price .amount {
	font-size: 1.3rem;
	font-weight: 600;
}

.nft-price .amount .small-amount {
	font-size: 1rem;
	position: relative;
	top: 0rem;
}

.nft-price .other-amount {
	position: relative;
	line-height: 0.9rem;
	font-size: 0.9rem;
	font-weight: 400;
	color: var(--text-color-2);
}

.nft-price .other-amount .currency-icon {
	width: 14px;
	height: 14px;
	top: -1.5px;
}

.dense .nft-price .other-amount {
	top: 1px;
}

.dense .nft-price .other-amount .currency-icon {
	top: -0.5px;
}

.nft-minted {
	text-align: right;
	font-size: 1rem;
	line-height: 1.45rem;
}

.drop-results-inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.drop-results-inner .nft-thumb-container {
	overflow: visible;
}

.drop-details {
	height: 8rem;
	padding: 0.5rem 1.5rem 0.5rem;
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.3;
	font-weight: 600;
	text-align: center;
	color: var(--text-color);
}

.drop-banner {
	position: absolute;
	width: 8rem;
	top: -2px;
	left: -2px;
}

.back-button {
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 1.5rem;
}

.back-button i {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 0.5rem;
}

#sales-container {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin-left: 1rem;
	margin-right: 1rem;
}

.edition-container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.edition-media-container {
	position: relative;
	width: 40rem;
	margin-right: 4rem;
	margin-top: 1.4rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: start;
	align-items: center;
}

.edition-burned {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 40rem;
	height: 0;
	padding-top: 100%;
	background-image: url('/gfx/burned2.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.edition-badges {
	position: absolute;
	top: 0;
	left: 0;
	/*z-index: 2;*/
}

.edition-media-item {
	display: none;
}

.edition-media-item.visible {
	display: block;
}

.edition-media {
	width: 100%;
}

.edition-image {
	width: 100%;
	max-width: 40rem;
	cursor: zoom-in;
}

.edition-media-selector {
	text-align: center;
	margin-top: 1rem;
}

.edition-media-thumbnail {
	display: inline-block;
	width: 4rem;
	padding-top: 4rem;
	padding-bottom: 3px;
	border-bottom: solid 2px var(--background-color);
	position: relative;
	cursor: pointer;
}

.edition-media-thumbnail.selected {
	border-bottom: solid 2px var(--primary-color);
	cursor: default;
}

.edition-media-thumbnail > img, .edition-media-thumbnail > video {
	opacity: 0.5;
	height: calc(100% - 3px);
	object-fit: cover;
}

.edition-media-thumbnail.selected > img, .edition-media-thumbnail.selected > video {
	opacity: 1;
}

.edition-media-thumbnail:hover > img, .edition-media-thumbnail:hover > video {
	opacity: 1;
}

.edition-video-player-container {
	width: 100%;
	max-width: 40rem;
	padding-top: 100%;
	position: relative;
}

.edition-video-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.edition-image-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 3px);
	border: 0;
}

.edition-video-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	color: #fff;
}

.edition-info-container {
	width: 60rem;
}

.edition-info {
	display: table;
	margin-top: 0.4rem;
	font-size: 2rem;
	font-weight: 600;
}

.edition-info a {
	font-weight: 400;
}

.edition-info-row {
	display: table-row;
}

.edition-info-row > div {
	display: table-cell;
	padding-top: 1rem;
}

.edition-info-row.related-row > div {
	padding-top: 0.5rem;
}

.edition-info-row > div:first-child {
	color: var(--text-color-2); 
	font-size: 1.1rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
	padding-right: 4rem;
	white-space: nowrap;
}

.edition-info-row > div:nth-child(2) {
}

.edition-info-row > div:nth-child(2) a {
	padding-left: 2rem;
	font-size: 1.2rem;
}

.edition-info-row > div:nth-child(2) a.no-indent {
	padding-left: 0;
}

.edition-small {
	font-size: 1.1rem;
	font-weight: 300;
}

.edition-name {
	font-size: 1.5rem;
}

#edition-description {
	display: none;
	font-size: 1.1rem;
	font-weight: 300;
}

#edition-description.visible {
	display: table-row;
}

#edition-description .edition-small {
	white-space: pre-line;
}

.edition-info-extra {
	font-size: 1.2rem;
	color: var(--text-color-2);
	margin-left: 1rem;
	font-weight: 400;
}

.edition-rarity {
	font-size: 1.4rem;
	color: var(--text-color-2);
	font-weight: 400;
}

.edition-price {
	font-size: 2.4rem;
	color: var(--text-color-2); 
}

.edition-price .not-for-sale {
	font-size: 1.5rem;
}

.edition-price .other-amount {
	display: block;
	font-size: 1.2rem;
	line-height: 1.2rem;
	font-weight: 600;
	color: var(--text-color-2);
	white-space: nowrap;
}

.edition-price .other-amount .currency-icon {
	width: 14px;
	height: 14px;
	top: -1.5px;
}

.edition-price a {
	white-space: nowrap;
	font-size: 1.2rem;
}

.edition-marketplace-name {
	font-size: 1.2rem;
}

.edition-minted {
	font-size: 1.5rem;
}

.edition-buttons {
	margin-top: 2rem;
}

.edition-buttons .button {
	min-width: 8rem;
	margin-right: 0.25rem;
	margin-bottom: 0.5rem;
	display: inline-block;
	line-height: normal;
}

.edition-tabs {
	margin-top: 3rem;
	border-bottom: 1px solid var(--field-border-color);
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-end;
}

.edition-tab {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text-color-2);
	padding: 0 2rem 1rem;
	text-align: center;
}

.edition-tab.selected {
	color: var(--text-color);
	padding-bottom: 0rem;
}

.edition-tab-selected {
	display: none;
	border-bottom: solid 2px var(--primary-color);
	padding-bottom: calc(1rem - 2px);
	width: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.edition-tab.selected .edition-tab-selected {
	display: block;
}

.edition-tab-section {
	margin-top: 1rem;
	display: none;
}

.edition-tab-section.visible {
	display: block;
}

.edition-tab-section .message {
	margin-top: 1rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 300;
	color: var(--text-color-2);
}

.edition-details-tab {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text-color-2);
	padding: 0 2rem 1rem;
	text-align: center;
}

.edition-details-tab.selected {
	color: var(--text-color);
	padding-bottom: 0rem;
}

.edition-details-tab-selected {
	display: none;
	border-bottom: solid 2px var(--primary-color);
	padding-bottom: calc(1rem - 2px);
	width: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.edition-details-tab.selected .edition-details-tab-selected {
	display: block;
}

.edition-details-tab-section {
	margin-top: 1rem;
	display: none;
}

.edition-details-tab-section.visible {
	display: block;
}

.edition-popup-price-fields {
	display: flex;
	flex-direction: row;
	margin-top: -0.5rem;
}

.edition-popup-price-fields div + div {
	margin-left: 1rem;
}

.edition-popup-price-fields .price-field input {
	padding: 0.5rem 0 0.5rem 2.5rem !important;
	font-size: 1.5rem !important;
}

.edition-popup-price-fields .price-field .currency-icon {
	left: 0.75rem;
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
}

.edition-popup-image {
	text-align: center;
	margin-bottom: 0.5rem;
}

.edition-popup-image img {
	display: inline-block;
	width: 16rem;
	height: 16rem;
	object-fit: cover;
}

.edition-popup-image + .note {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.edition-popup-price {
	font-size: 2rem;
	font-weight: 600;
	margin: 1rem 0;
	text-align: center;
	color: var(--primary-color);
	text-transform: uppercase;
}

.edition-popup-price .currency-icon {
	width: 20px;
	height: 20px;
	top: -3px;
	margin-right: 0.4rem;
}

.edition-popup-price .other-amount {
	font-size: 1rem;
	color: var(--text-color-2);
	position: relative;
	top: -2px;
}

.edition-popup-subheading {
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: 600;
}

.edition-popup-wallet {
	text-align: center;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	border-radius: 0.33rem;
	background-color: var(--row-background-highlight-color);
	padding: 0.25rem;
	font-size: 1rem;
	height: 3.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.edition-popup-wallet:hover {
	background-color: var(--menu-background-highlight-color);
}

.edition-popup-wallet.selected {
	color: var(--primary-color);
	border: solid 1px var(--primary-color);
}

.edition-popup-wallet.selected:hover {
	background-color: rgba(55, 72, 104, 0.6);
}

.edition-popup-wallet .wallet-balance {
	font-size: 0.9rem;
}

.edition-popup-wallet .wallet-balance .currency-icon {
	top: -1px;
	width: 14px;
	height: 14px;
}

.minting-container {
	/*background-color: var(--background-color-2);*/
	background-color: #242f44;
	color: var(--text-color-2);
	border-radius: 1rem;
	max-width: 42rem;
	calc(800px - 2rem);
	margin-left: auto;
	margin-right: auto;
}

.minting-top {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: flex-start;
}

.minting-bottom {
	padding: 0 2rem 2rem;
}

.minting-media-container {
	position: relative;
	flex-shrink: 1;
	min-width: 16rem;
	padding: 2rem 1rem 1rem;
}

.minting-info-container {
	flex-shrink: 0;
	flex-grow: 1;
	padding: 2rem 1rem 1rem;
	max-width: 26rem;
}

.minting-banner {
	margin-top: 2rem;
	width: 100%;
	padding-top: 20%;
	position: relative;
}

.minting-banner div {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	padding-top: 20%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.minting-hero {
	position: relative;
	border-radius: 15rem;
	border: solid 0.33rem var(--primary-color);
	width: 100%;
	padding-top: 100%;
	height: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.no-banner .minting-hero {
	top: 0;
}

.minting-hero.no-border {
	border-color: transparent;
	border-width: 0;
}

.minting-title {
	text-transform: none;
}

h2.minting-title {
	margin-top: 1rem;
}

.minting-description {
	text-transform: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*color: var(--text-color-2);*/
	font-size: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.minting-description li {
	font-size: 1rem;
	font-weight: 400;
	margin-top: 1rem;
	margin-left: -1em;
}

.minting-details {
	margin-left: auto; 
	margin-right: auto;
	display: table;
	margin-top: 0.4rem;
	font-size: 1.4rem;
	font-weight: 600;
}

.minting-details-row {
	display: table-row;
}

.minting-details-row > div {
	display: table-cell;
	padding-top: 1rem;
}

.minting-details-row > div:first-child {
	color: var(--text-color-2);
	font-size: 0.9rem;
	letter-spacing: .05rem;
	text-transform: uppercase;
	padding-right: 2rem;
	white-space: nowrap;
}

.minting-details-row > div:last-child {
	text-align: center;
}

.minting-details-row select {
	width: 100%;
}

#minting-loading {
	margin-top: 1rem;
}

table.latest-sales {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.5rem;
}

table.latest-sales tr {
	background-color: var(--row-background-color);
}

table.latest-sales tr:hover {
	background-color: var(--row-background-highlight-color);
	cursor: pointer;
}

table.latest-sales tr.burned {
	opacity: 0.5;
}

table.latest-sales tr.burned:hover {
	background-color: var(--row-background-color);
	cursor: default;
}

table.latest-sales tr:first-child, table.latest-sales tr:first-child:hover {
	background-color: transparent;
	cursor: default;
}

table.latest-sales th {
	text-align: left;
	font-family: var(--primary-font);
	font-size: 1rem;
	font-weight: 400;
	color: var(--text-color-2);
	padding: 0.5rem 0.2rem 0.5rem 0;
}

table.latest-sales td {
	text-align: left;
	font-family: var(--primary-font);
	font-size: 1rem;
	font-weight: 300;
	color: var(--text-color);
	padding: 0.5rem 0.5rem 0.5rem 0;
	white-space: nowrap;
}

table.latest-sales tr td:first-child {
	padding-left: 0.5rem;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

table.latest-sales tr td:last-child {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

table.latest-sales td:nth-child(1) {
	width: 9%;
}

table.latest-sales td:nth-child(2) {
	width: 9%;
}

table.latest-sales td:nth-child(3) {
	width: 9%;
}

table.latest-sales td:nth-child(4) {
	width: 9%;
}

table.latest-sales td:nth-child(5) {
	width: 9%;
}

table.latest-sales td:nth-child(6) {
	width: 9%;
}

table.latest-sales td:nth-child(7) {
	width: 17%;
}

table.latest-sales td:nth-child(8) {
	width: 17%;
}

table.latest-sales td:nth-child(9) {
	width: 12%;
}

table.latest-sales.hide-paid td:nth-child(1) {
	width: 12%;
}

table.latest-sales.hide-paid td:nth-child(2) {
	width: 12%;
}

table.latest-sales.hide-paid td:nth-child(3) {
	width: 12%;
}

table.latest-sales.hide-paid td:nth-child(4) {
	width: 12%;
}

table.latest-sales.hide-paid td:nth-child(5) {
	width: 20%;
}

table.latest-sales.hide-paid td:nth-child(6) {
	width: 20%;
}

table.latest-sales.hide-paid td:nth-child(7) {
	width: 12%;
}

table.latest-sales td:first-child img {
	display: block;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.currency-icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 0.2rem;
}

.currency-icon-large {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	position: relative;
	top: -3px;
	margin-right: 0.2rem;
}

.edition-price .currency-icon {
	width: 20px;
	height: 20px;
	top: -3px;
}

.nft-price .currency-icon {
	width: 16px;
	height: 16px;
	top: -2px;
}

.price-field .currency-icon {
	position: absolute;
	width: 16px;
	height: 16px;
	top: calc(50% - 8px);
	left: 0.3rem;
}

.price-paid {
	font-size: 0.9rem;
}

.price-paid > div {
	margin-left: 1.3rem;
	position: relative;
	top: 2px;
}

td.display-name {
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.latest-sales th.sortable {
	text-decoration: underline;
	cursor: pointer;
}

table.latest-sales th.sort-asc:after {
	font-family: "Font Awesome 5 Free";
	content: "\f884";
	display: inline-block;
	padding-left: 0.5rem;
	font-weight: 800;
}

table.latest-sales th.sort-desc:after {
	font-family: "Font Awesome 5 Free";
	content: "\f160";
	display: inline-block;
	padding-left: 0.5rem;
	font-weight: 800;
}

.edition-tab-section > table {
	width: 100%;
	border-collapse: collapse;
}

.edition-tab-section > table tr.underline th {
	font-size: 1rem;
}

.edition-tab-section > table th {
	text-align: left;
	font-family: var(--primary-font);
	font-size: 1.2rem;
	font-weight: 400;
	color: var(--text-color-2);
	padding: 0.5rem 0.2rem 0.5rem 0;
	vertical-align: bottom;
}

.edition-tab-section > table td {
	text-align: left;
	font-family: var(--primary-font);
	font-size: 1.1rem;
	font-weight: 300;
	color: var(--text-color);
	padding: 0.5rem 0.2rem 0.5rem 0;
}

.edition-tab-section > table td a, .edition-tab-section > table td a:visited, .edition-tab-section > table td a:active {
	color: var(--text-color);
}

tr.edition-attribute-missing td, tr.edition-attribute-missing td a {
	color: #888 !important;
}

.edition-details-tab-section > .details-row {
	text-align: left;
	font-size: 1.1rem;
	font-weight: 300;
	color: var(--text-color);
	padding: 0.5rem 0.2rem 0.5rem 0;
	display: flex;
	flex-direction: row;
}

.edition-details-tab-section > .details-row > .details-title {
	width: 20%;
}

.edition-details-tab-section > .details-row > .details-value {
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#claim-button {
	display: block;
	text-decoration: underline;
	font-size: 1rem;
	margin-top: 0.75rem;
}

table.offers {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.5rem;
}

table.offers tr {
	background-color: var(--row-background-color);
}

table.offers tr:not(.rejected):hover {
	background-color: var(--row-background-highlight-color);
	cursor: pointer;
}

table.offers tr:first-child, table.offers tr:first-child:hover {
	background-color: transparent;
	cursor: default;
}

table.offers tr th {
	text-align: left;
	font-weight: 400;
	font-family: var(--primary-font);
	color: var(--text-color-2);
	font-size: 1rem;
}

table.offers tr th.center {
	text-align: center;
}

table.offers tr th:first-child {
	padding-left: 1rem;
}

table.offers tr td:first-child {
	padding-left: 1rem;
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
}

table.offers tr td:last-child {
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}

table.offers tr td:last-child button {
	display: block;
	margin-left: auto;
	margin-right: 1rem;
}

table.offers tr td:first-child img {
	margin: 0.5rem 0.5rem 0rem -0.5rem;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

table.offers tr.rejected td, table.offers tr.rejected td a {
	color: #888 !important;
}

table.offers tr.rejected .click-reject-offer {
	visibility: hidden;
}

.offer-price {
	font-size: 1.3rem;
	color: var(--primary-color);
	margin-top: 1rem;
}

.offer-price-make-offer {
	font-size: 2rem;
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 1.5rem;
}

.offer-price-make-offer .other-amount {
	font-size: 1rem;
	color: var(--text-color-2);
	position: relative;
	top: -2px;
}

.offer-image {
	height: 9rem;
	margin-bottom: 1rem;
}

.offer-image > img {
	height: 9rem;
	object-fit: contain;
}

.offer-price-messages {
	font-size: 1.3rem;
	color: var(--primary-color);
}

.offer-messages {
	height: calc(100vh - 25rem);
	max-height: 25rem;
	overflow-y: auto;
	margin-bottom: 0.5rem;
}

.offer-message {
	background-color: var(--background-color);
	color: var(--text-color); 
	border-radius: 1rem;
	padding: 0.4rem 0.75rem;
	margin: 0.75rem auto 0 0;
	width: 70%;
	overflow-wrap: break-word;
	white-space: pre-line;
	line-height: 1.3;
	font-size: 1rem;
}

.offer-message.self {
	background-color: var(--primary-color);
	margin: 0.75rem 0 0 auto;
	color: #000;
}

.offer-message-time {
	text-align: center;
	font-size: 0.9rem;
	color: var(--text-color-2);
	margin-top: 0.75rem;
}

.offer-message-area {
	position: absolute !important;
	bottom: 0;
	width: calc(100% - 4rem) !important;
}

.offer-message-textarea {
	margin: 0 !important;
	line-height: 1.3;
}

.offer-message-textarea-mirror {
	margin: 0 !important;
	line-height: 1.3;
}

.offer-message-button {
	display: block;
	margin-left: auto;
	padding: 0.3rem 0.85rem !important;
	height: 2.85rem;
}

.stats-section {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.stats-section + .stats-section {
	margin-top: 2rem;
}

.stats-image {
	flex-grow: 0;
	text-align: center;
}

.stats-image img {
	max-width: 290px;
}

.stats-text {
	flex-grow: 1;
}

.stats-section-header {
	margin-top: 1rem;
	text-align: center;
	font-weight: 800;
	font-size: 1.2rem;
}

.stats-table {
	margin: 2rem auto 0;
	border-collapse: collapse;
}

.stats-table td {
	text-align: left;
	font-family: var(--primary-font);
	font-size: 1.1rem;
	font-weight: 300;
	color: var(--text-color);
	padding: 0.5rem 1.5rem 0.5rem;
}

.stats-table th {
	font-size: 1.1rem;
	font-weight: 800;
	font-family: var(--primary-font);
	color: var(--text-color);
	padding: 0.5rem 1.5rem 0.5rem;
}

.stats-table tr.underline td {
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--field-border-color);
}

.stats-table tr.underline + tr td {
	padding-top: 1rem;
}

table.auctions {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 0.5rem;
}

table.auctions tr {
	background-color: var(--row-background-color);
}

table.auctions tr.live:hover {
	background-color: var(--row-background-highlight-color);
	cursor: pointer;
}

table.auctions tr:first-child, table.auctions tr:first-child:hover {
	background-color: transparent;
	cursor: default;
}

table.auctions tr th {
	text-align: left;
	font-weight: 400;
	font-family: var(--primary-font);
	color: var(--text-color-2);
	font-size: 1rem;
}

table.auctions tr th.center {
	text-align: center;
}

table.auctions tr th:first-child {
	padding-left: 1rem;
}

table.auctions tr td {
	font-size: 1.1rem;
}

table.auctions tr td:first-child {
	padding-left: 1rem;
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
}

table.auctions tr td:last-child {
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
}

table.auctions tr td:last-child button {
	display: block;
	margin-left: auto;
	margin-right: 1rem;
}

table.auctions tr td:first-child img {
	margin: 0.5rem 0.5rem 0rem -0.5rem;
	width: 160px;
	height: 160px;
	object-fit: cover;
}

table.auctions tr:not(.live) td, table.auctions tr:not(.live) td a {
	color: #888 !important;
}

table.auctions tr.has-more-auctions {
	background-color: transparent;
}

table.auctions tr.has-more-auctions:hover {
	background-color: transparent;
	cursor: default;
}

.has-more-auctions div {
	text-align: center;
}

.has-more-auctions i {
	display: none;
}

.has-more-auctions.visible i {
	display: inline-block;
	color: var(--primary-color);
}

.auction-image {
	height: 16rem;
	margin-bottom: 1rem;
}

.auction-image > img {
	height: 16rem;
	object-fit: contain;
}

.two-col {
	display: flex;
	flex-direction: row;
}

.two-col.valign-center {
	align-items: center;
}

.two-col > div {
	width: 50%;
}

.two-col.two-col-40-60 > div:nth-child(1) {
	width: 40%;
}

.two-col.two-col-40-60 > div:nth-child(2) {
	width: 60%;
}

.current-bid {
	font-size: 1.3rem;
	text-align: center;
	color: var(--primary-color);
}

.highest-bidder {
	font-size: 1.1rem;
	text-align: center;
}

.available-balance {
	font-size: 1.3rem;
	text-align: center;
	color: var(--primary-color);
}

.time-remaining {
	font-size: 1.3rem;
	text-align: center;
}

.has-flash-updates {
	transition: 1s;
}

.value-updated {
	background-color: gold;
	color: #444;
	box-shadow: 0 0 5px 5px gold;
	border-radius: 0.25rem;
}

.alerts-buttons {
	margin-bottom: 2rem;
	text-align: center;
}

.alerts-buttons-inner {
	display: inline-block;
	text-align: left;
}

.alerts-button {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.alerts-button.disabled {
	opacity: 0.5;
}

.alerts-button .checked {
	padding-right: 0;
	overflow: visible;
}

#alerts-updating {
	position: absolute;
	top: 3px;
	right: 0;
    color: var(--primary-color);
}

#alerts-updating i {
    display: none;
}

#alerts-updating.visible i {
    display: block;
}

.buy-now-outer {
	position: absolute;
	top: 0.75rem;
	width: 100%;
	text-align: center;
}

.buy-now-inner {
	background: gold;
	color: #444;
	padding: 0.125rem 0.5rem;
	border-radius: 0.25rem;
	font-weight: 600;
}

.buy-now-inner:hover {
	background-color: #fff000;
}

.default-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0 0.5rem;
}

.default-table th {
	font-family: var(--primary-font);
	font-size: 1rem;
	font-weight: 400;
	color: var(--text-color-2);
	padding: 0.5rem 0.2rem 0.5rem 0;
	text-align: center;
	border-bottom: 1px solid var(--field-border-color);
}

.default-table td {
	font-family: var(--primary-font);
	font-size: 1rem;
	font-weight: 300;
	color: var(--text-color);
	padding: 0.5rem 0.5rem 0.5rem 0;
	white-space: nowrap;
	text-align: center;
}

.default-table th.border-right, .default-table td.border-right {
	border-right: 1px solid var(--field-border-color);
}

.page-tabs {
	margin-top: 2rem;
	border-bottom: 1px solid var(--field-border-color);
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

.page-tab {
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text-color-2);
	padding: 0 2.5rem 1rem;
	text-align: center;
	position: relative;
	top: 2px;
}

.page-tab.selected {
	color: var(--text-color);
	padding-bottom: 0rem;
}

.page-tab-selected {
	display: none;
	border-bottom: solid 2px var(--primary-color); 
	padding-bottom: calc(1rem - 2px);
	width: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.page-tab.selected .page-tab-selected {
	display: block;
}

.page-tab-section {
	margin-top: 2rem;
	display: none;
}

.page-tab-section.visible {
	display: block;
}

.page-tab-section .message {
	margin-top: 1rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 300;
	color: var(--text-color);
}

.page-tab-section .message.blue {
	color: var(--primary-color);
	font-weight: 400;
}

.promo-outer {
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3rem;
}

.promo-inner {
	position: relative;
	width: 100%;
	padding-top: 25%;
	height: 0;
}

.promo-inner video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	object-fit: cover;
	object-fit: cover;
}

.promo-inner .hide-button {
	position: absolute;
	bottom: 0.5rem;
	left: 0.5rem;
}

.promo-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.promo-content-left {
	float: left;
	margin-right: 40px;
}

.promo-content-right {
}

.promo-narrow {
	display: none;
}

.promo-wide {
	display: block;
}

@media (max-width: 768px) {
	.promo-inner {
		padding-top: 0%;
		height: auto;
	}
	.promo-content {
		position: relative;
		height: auto;
		text-align: center;
	}
	.promo-content-left {
		float: none;
		margin-right: 0;
	}
	.promo-narrow {
		display: block;
	}
	.promo-wide {
		display: none;
	}
}

.coming-soon {
	margin-top: 2rem;
	max-width: 60rem;
	height: 15rem;
	background: #10091a;
	box-shadow: #ea480f 0px 0px 15px 5px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
}

.coming-soon > img {
	float: left;
	width: 15rem;
	height: 15rem;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.coming-soon > div {
	position: relative;
	padding: 0 1rem;
	display: flex;
	flex-direction: column;
	font-weight: 300;
	height: 100%;
	justify-content: center;
}

.coming-soon .checklist {
	margin-top: 0.75rem;
	margin-left: 2rem;
	line-height: 2;
}

.coming-soon .checklist + .checklist {
	margin-top: 0.5rem;
}

.coming-soon .checklist .check-cross {
	vertical-align: text-top;
	width: 23px;
	height: 22px;
	margin-right: 0.25rem;
	margin-left: -2rem;
}

.coming-soon .checklist .button {
	position: relative;
	top: -1px;
	background-color: #f28405;
	border: #d0410b;
	font-weight: 800;
}

.coming-soon .hide-button {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}

.offers-are-here {
	position: relative;
	margin-top: 2rem;
	max-width: 60rem;
	height: 15rem;
	background: #10091a;
	box-shadow: #ff00d9 0px 0px 15px 5px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 20px;
}

.offers-are-here > img {
	float: left;
	width: 15rem;
	height: 15rem;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.offers-are-here-container {
	width: calc(100% - 15rem);
	height: 100%;
	margin-left: 15rem;
	position: relative;
}

.offers-are-here-left {
	position: absolute;
	left: 0;
	top: calc(50% - 1.6rem);
	width: 2rem;
	height: 3.2rem;
	background-image: url('/gfx/offers-here-left.png');
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.offers-are-here-right {
	position: absolute;
	right: 0;
	top: calc(50% - 1.6rem);
	width: 2rem;
	height: 3.2rem;
	background-image: url('/gfx/offers-here-right.png');
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.offers-are-here-left.disabled, .offers-are-here-right.disabled {
	cursor: default;
	opacity: 0.3;
}

.offers-are-here-outer {
	position: relative;
	padding: 0;
	width: calc(100% - 4rem);
	height: 100%;
	left: 2rem;
	top: 0;
	overflow: hidden;
}

.offers-are-here-inner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 300%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.offers-are-here-inner-img {
	width: 16.6667%;
	max-height: 100%;
	object-fit: contain;
	cursor: pointer;
}

.offers-are-here .hide-button {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
}

.image-zoom {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgb(0, 0, 0, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 100000;
}

.image-zoom img {
	width: 100vw;
	height: 100vh;
	object-position: 50% 50%;
	object-fit: contain;
	cursor: zoom-out;
}

.image-zoom-close {
	position: absolute;
	top: 0.5rem;
	right: 1rem;
	font-size: 1.4rem;
	color: var(--text-color);
	cursor: pointer;
	padding: 0.5rem;
}

.mysticgurus1 .badge.bottom-right, .mysticgurus .badge.bottom-right {
	background-color: #003185;
	color: var(--text-color);
	box-shadow: 4px 4px 10px #002667;
	bottom: 0.75rem;
	right: 0.75rem;
}

.mysticgurus1 .badge.top-left, .mysticgurus .badge.top-left {
	background-color: #003185;
	color: var(--text-color);
	box-shadow: 4px 4px 10px #002667;
	top: 0;
	left: 0;
}

.thetalands .nft-thumb {
	background-position: 0% 50%;
}

.thetalands .banner {
	position: absolute;
	bottom: 14px;
	left: 0;
	height: 28px;
	width: 115px;
	background-image: url('/gfx/avatari.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.thetalands .dense .banner {
	bottom: 7px;
	height: 14px;
	width: 58px;
}

.diamondheadz .banner {
	position: absolute;
	bottom: 14px;
	left: 14px;
	width: 90px;
	height: 54px;
	background-image: url('/gfx/diamondheads_ascended.png');
	background-size: contain;
	background-repeat: no-repeat;
}

.diamondheadz .dense .banner {
	bottom: 7px;
	left: 7px;
	width: 45px;
	height: 27px;
}

/* Notifications */

#notifications {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 200000;
}
.notification {
	opacity: 1;
	min-width: 278px;
	border: solid 1px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	display: none;
	position: relative;
	cursor: default;
}
.notification_top {
	width: 100%;
	height: 24px;
	position: relative;
}
.notification_top_bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: rgba(255, 255, 255, 0.35);
	background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(176, 176, 176, 0.35));
}
.notification_top_fg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: white;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 1px solid rgba(255, 255, 255, 0.45);
	border-right: 1px solid rgba(176, 176, 176, 0.45);
	border-left: 1px solid rgba(208, 208, 208, 0.45);
	/*border-bottom: 2px solid rgba(192, 192, 192, 0.04);*/
	font-size: 10pt;
	font-weight: bold;
	padding-left: 40px;
}
.notification_bottom {
	width: 100%;
	height: 24px;
	position: relative;
}
.notification_bottom_bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: rgba(96, 96, 96, 0.35);
	background: linear-gradient(rgba(144, 144, 144, 0.35), rgba(96, 96, 96, 0.35));
}
.notification_bottom_fg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: white;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right: 1px solid rgba(144, 144, 144, 0.45);
	border-left: 1px solid rgba(160, 160, 160, 0.45);
	/*border-top: 2px solid rgba(128, 128, 128, 0.04);*/
}
.notification_text {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: white;
	line-height: 18px;
	margin-left: 40px;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
.notification_icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 20pt;
	text-align: center;
}
.notification_error {
	color: #f44;
}
.notification_okay {
	color: #5b4;
}
.notification_warn {
	color: #fa4;
}
.notification_info {
	color: #2af;
}
.notification_neutral {
	color: #fff;
}
.notification + .notification {
	margin-top: 10px;
}
.minimise_icon {
	position: relative;
	top: -1px;
}
#use-theta-wallet {
	display: none;
	position: fixed;
	z-index: 101;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(16, 24, 32, 0.66);
}
#use-theta-wallet > div {
	position: absolute;
	top: 25%;
	left: 50%;
	width: 60%;
	max-width: 35rem;
}
#use-theta-wallet > div > div {
	position: relative;
	top: 0;
	left: -50%;
	border-radius: 1rem;
	background-color: #303848;
	padding: 2rem;
	text-align: center;
	font-weight: bold;
}

@media (min-width: 88rem) {
	.menu2 {
		right: calc((100vw - 88rem)/2);
	}
}
@media (max-width: 88rem) {
	.collections {
		width: 100%;
		max-width: calc(100vw - 2rem);
	}
}
@media (max-width: 1440px) {
	.disclaimer {
		width: 80%;
	}
}
@media (max-width: 1280px) {
	.filters-showing table.latest-sales td:first-child img {
		width: 50px;
		height: 50px;
	}
	.filters-showing table.latest-sales td, table.latest-sales th {
		font-size: 0.75rem;
		padding: 0.4rem 0.4rem 0.25rem 0;
	}
	.filters-showing td.display-name {
		max-width: 100px;
	}
	.filters-showing .price-paid {
		font-size: 0.7rem;
	}
	filters-showing .price-paid > div {
		margin-left: 1.3rem;
	}
}
@media (max-width: 1152px) {
	.menu li.menu-extra-wide {
		display: none;
	}
	.menu2 li.menu-extra-wide {
		display: block;
	}
}
@media (max-width: 1024px) {
	.hamburger-menu {
		display: block;
	}
	.menu li.menu-wide {
		display: none;
	}
	.menu2 li.menu-wide {
		display: block;
	}
	.edition-tab {
		padding: 0 1rem 1rem;
	}
	.coming-soon {
		height: 16rem;
	}
	.coming-soon > img {
		width: 16rem;
		height: 16rem;
	}
	#other-sales-filters {
		margin-left: 0 !important;
	}
	#sales-container {
		margin: 0 1rem;
	}
	.filters1 > div.filter-sales-toggle {
		margin: 0;
	}
	.filters.sales {
		margin-left: 0;
		margin-right: 0;
		flex-flow: column-reverse nowrap;
		align-items: center;
	}
	.results-outer.filters-showing {
		margin-left: 0;
		margin-right: 0;
		flex-flow: column nowrap;
		align-items: center;
	}
	table.latest-sales td:first-child img {
		width: 50px;
		height: 50px;
	}
	table.latest-sales td, table.latest-sales th {
		font-size: 0.75rem;
		padding: 0.4rem 0.4rem 0.25rem 0;
	}
	.price-paid {
		font-size: 0.7rem;
	}
	td.display-name {
		max-width: 100px;
	}
	.edition-info {
		display: block;
		font-size: 1.5rem;
	}
	.edition-info-row {
		display: block;
	}
	.edition-info-row > div {
		display: block;
	}
	.edition-info-row.related-row > div:first-child {
		display: none;
	}
	.edition-info-row > div:nth-child(2) {
		padding-top: 0;
	}
	.edition-info-row.related-row > div:nth-child(2) {
		padding-top: 0.5rem;
	}
	.selected-filters.sales {
		justify-content: center;
	}
}
@media (max-width: 900px) {
	.offers-are-here-inner {
		width: 300%;
	}
	.menu li.menu-medium {
		display: none;
	}
	.menu2 li.menu-medium {
		display: block;
	}
	.edition-details-tab-section > .details-row {
		font-size: 1rem;
	}
}
@media (max-width: 800px) {
	.page-footer-columns {
		flex-wrap: wrap;
	}
	.page-footer-columns > div {
		width: 50%;
	}
	.page-footer-columns > div:first-child {
		width: 50%;
	}
	.page-footer-columns > div.center-left > div {
		text-align: center;
	}
	#footer-column-1 {
		order: 1;
	}
	#footer-column-2 {
		order: 3;
	}
	#footer-column-3 {
		order: 4;
	}
	#footer-column-4 {
		order: 2;
	}
	.coming-soon {
		height: auto;
		font-size: 1rem;
	}
	.coming-soon > div {
		padding: 1rem 1rem;
	}
	.coming-soon > img {
		width: 12rem;
		height: 12rem;
	}
	.coming-soon .hide-button {
		position: relative;
		bottom: auto;
		right: auto;
		float: right;
		margin-top: 1rem;
	}
	.results-outer {
		margin-left: 0;
		margin-right: 0;
		flex-flow: column nowrap;
		align-items: center;
	}
	.filters {
		margin-left: 0;
		margin-right: 0;
		flex-flow: column-reverse nowrap;
		align-items: center;
	}
	.filter-toggle {
		margin-left: 0 !important;
	}
	.filters1 > div {
		margin: 0 0 0 0.5rem;
	}
	.filters2 > div {
		margin: 0;
		width: 27.5rem;
	}
	.selected-filters {
		justify-content: center;
	}
	.other-filters {
		width: 27.5rem;
	}
	#sales-container {
		margin: 0;
	}
	.price-paid > div {
		margin-left: 1.1rem;
	}
	.edition-container {
		flex-flow: column nowrap;
	}
	.edition-media-container {
		width: 20rem;
		margin-right: auto;
		margin-left: auto;
	}
	.edition-info-container {
		width: 100%;
	}
	.stats-section {
		flex-direction: column;
	}
	.currency-icon {
		width: 14px;
		height: 14px;
		top: -1px;
		margin-right: 0.1rem;
	}
	.edition-price .currency-icon {
		width: 18px;
		height: 18px;
		top: -2px;
	}
	td.display-name {
		max-width: 90px;
	}
	table.auctions tr td:first-child img {
		width: 100px;
		height: 100px;
	}
}
@media (max-width: 704px) {
	.offers-are-here-inner {
		width: 600%;
	}
	.menu {
		display: none;
	}
	.menu2 li.menu-narrow {
		display: block;
	}
	.minting-top {
		flex-flow: column nowrap;
		align-items: center;
	}
	.minting-bottom {
		padding: 0 1rem 1rem;
	}
	.minting-media-container:not(.no-banner) {
		display: none !important;
	}
	.no-banner .minting-hero {
		position: relative;
		left: 0;
	}
	.minting-info-container {
		margin-top: 0;
	}
}
@media (max-width: 600px) {
	.disclaimer {
		width: 90%;
	}
	.coming-soon > img {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.edition-info-row > div:nth-child(2) a {
		padding-left: 1.5rem;
		font-size: 1rem;
	}
	.edition-price {
		font-size: 2rem;
	}
	.edition-price .not-for-sale {
		font-size: 1.2rem;
	}
	.edition-price .other-amount {
		font-size: 1rem;
	}
	.edition-minted {
		font-size: 1.3rem;
	}
	.edition-tab {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	table.latest-sales td, table.latest-sales th {
		font-size: 0.7rem;
	}
	table.latest-sales td:first-child img {
		width: 40px;
		height: 40px;
	}
	td.display-name {
		max-width: 80px;
	}
	#notifications {
		left: 15px;
		right: 15px;
		bottom: 40px;
	}
}
@media (max-width: 544px) {
	.top {
		height: 3rem;
	}
	.top-inner {
		height: 3rem;
	}
	.hamburger-menu {
		line-height: 3rem;
		margin-right: 1.1rem;
		font-size: 1.5rem;
		top: 0;
	}
	.account-menu {
		line-height: 3rem;
		margin-top: 0.35rem;
		margin-right: 1rem;
		font-size: 1.5rem;
		top: 0;
	}
	.menu {
		top: 3rem;
	}
	.menu2 {
		top: 2.5rem;
		max-height: calc(100vh - 4.5rem);
	}
	.menu2-arrow {
		top: 3rem;
		right: 1.5rem;
	}
	.collections-menu {
		top: 3.5rem;
		max-height: calc(100vh - 4.5rem);
	}
	.collections-menu-arrow {
		top: 3rem;
		right: 2rem;
	}
	.filters1 > div:first-child {
		margin-left: 0rem;
		margin-right: 0.25rem;
		width: 2.75rem !important;
	}
	.filters1 > div:nth-child(2) {
		margin-right: 0.25rem;
		margin-left: 0.25rem;
		width: 2.75rem !important;
	}
	#filter-collection {
		padding: 0 0 0 2.75rem;
	}
	#filter-collection-overlay {
		width: 2.75rem !important;
	}
	.filters1 > div:nth-child(3) {
		margin-right: 0.25rem;
		margin-left: 0.25rem;
		width: 10.75rem;
	}
	.filters1 > div:nth-child(4) {
		margin-right: 0rem;
		margin-left: 0.25rem;
		width: 5.5rem !important;
	}
	.filters2 > div {
		width: 23.25rem;
	}
	.filter-sort select {
		padding: 0 0.5rem;
	}
	.other-filters {
		width: 23.25rem;
	}
	h1 {
		font-size: 1.4rem;
		line-height: 3rem;
		margin: 0 0 0 1rem;
	}
	.tr-logo {
		height: 1.7rem;
		top: 0;
	}
	.title-logo {
		height: 1.8rem;
		margin-top: 0.4rem;
	}
	.page-container {
		margin-top: 3rem;
		min-height: calc(100vh - 3rem);
	}
	.page-header {
		margin-bottom: 2rem;
	}
	.note.address {
		font-size: 0.9rem;
	}
	.offers-are-here > img {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.offers-are-here {
		height: auto;
	}
	.offers-are-here-container {
		height: 15rem;
		margin-left: 0;
		width: 100%;
	}
	.edition-buttons {
		text-align: center;
	}
	.dense .nft {
		margin-left: 0.25rem;
		margin-right: 0.25rem;
		margin-bottom: 1rem;
		width: 10rem;
	}
	table.auctions tr td:first-child img {
		width: 80px;
		height: 80px;
	}
	table.auctions td {
		font-size: 1rem;
	}
	.edition-details-tab-section > .details-row {
		flex-direction: column;
	}
}
@media (max-width: 400px) {
	.tr-logo {
		margin-left: 0.5rem;
		padding-right: 0.5rem;
		margin-right: 0.5rem;
	}
	#other-sales-filters {
		width: 100%;
	}
	.disclaimer {
		width: 98%;
	}
	.page-container {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.filters1 > div:nth-child(3) {
		width: 9.5rem;
	}
	.filter-sort select {
		font-size: 0.9rem;
	}
	.filters2 > div {
		width: 22rem;
	}
	.other-filters {
		width: 100%;
		padding-left: 0rem;
		padding-right: 0rem;
	}
	.nft {
		width: auto;
	}
	.dense .nft {
		width: 10rem;
	}
	.edition-tab {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.stats-table td {
		padding: 0.5rem 1rem 0.5rem;
		font-size: 1rem;
	}
	table.latest-sales td:first-child img {
		width: 30px;
		height: 30px;
	}
	td.display-name {
		max-width: 70px;
	}
	.note.address {
		font-size: 0.75rem;
	}
	table.offers td {
		font-size: 1rem;
	}
	table.offers tr td:last-child {
		display: none;
	}
	table.offers tr td:nth-child(4) {
		border-top-right-radius: 0.75rem;
		border-bottom-right-radius: 0.75rem;
	}
	.connect-wallet-button {
		width: 16rem;
		font-size: 1.1rem;
	}
	#notifications {
		left: 10px;
		right: 10px;
		bottom: 20px;
	}
}
@media (max-width: 374px) {
	h1 {
		margin-left: 0.5rem;
	}
	.account-menu {
		margin-right: 0.5rem;
	}
	.menu2 {
		margin-right: 0.5rem;
	}
	.menu2-arrow {
		right: 1rem;
	}
	.note.address {
		font-size: 0.6rem;
	}
	.filters {
		width: 100%;
	}
	.filters2 > div {
		width: 19rem;
	}
	.filters1 > div:first-child {
		width: 2rem !important;
		height: 2.5rem !important;
	}
	.filters1 > div:nth-child(2) {
		margin-right: 0.25rem;
		margin-left: 0.25rem;
		width: 2rem !important;
	}
	.filters1 > div:nth-child(3) {
		margin-right: 0.25rem;
		margin-left: 0.25rem;
	}
	.filters1 > div:nth-child(4) {
		margin-right: 0rem;
		margin-left: 0.25rem;
		width: 4rem !important;
	}
	#filter-collection {
		padding: 0 0 0 2rem;
	}
	#filter-collection-overlay {
		width: 2rem !important;
	}
	.filter-sort select, .filter-toggle button, .filter-density button, .filter-collection button, .filter-collection select {
		border-radius: 0.55rem;
		height: 2.5rem;
	}
	#collection-sort {
		border-radius: 0.55rem;
		height: 2.5rem;
		padding-left: 0.5rem;
	}
	.filter-sort:before, .collection-sort:before, .filter-sales-collection:before {
		top: 0.8rem;
	}
	.filter-search {
		height: 2.5rem;
		border-radius: 0.55rem;
	}
	.filter-search input {
		height: 2.5rem;
		line-height: 2.5rem;
	}
	.filter-search-cancel {
		top: 0.3rem;
	}
	.filter-search-submit {
		top: 0.3rem;
	}
	.minting-details-row > div:first-child {
		font-size: 1.1rem;
		padding-right: 1rem;
	}
}