body {
	margin: 0;
	padding: 0;
	font-family: Roboto, san-serif;
	background: #7F3147;
}
@keyframes quinn-animate-cover-photo {
	0% {
		height: 0;
		animation-timing-function: ease-out
	}
	100% {
		height: 280px
	}

}
@keyframes quinn-animate-profile-photo {
	0% {
		transform: scale(3)
	}
	100% {
		transform: scale(1)
	}

}
@keyframes quinn-animate-name {
	0% {
		transform: translateY(100%)
	}
	100% {
		transform: translateY(0)
	}

}
@keyframes quinn-animate-social {
	0% {
		transform: scale(0)
	}
	95% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}

}
@keyframes quinn-animate-link {
	0% {
		top: 60px;
		transform: scale(0)
	}
	100% {
		top: 0;
		transform: scale(1)
	}

}
@keyframes quinn-animate-watermark {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}

}
@media (prefers-reduced-motion: reduce) {
	* {
		animation: none!important
	}

}
body.quinn.noAnimate * {
	animation: none!important
}
a {
	color: #000;
	text-decoration: none
}
img {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden
}
.skip-link {
	position: absolute;
	top: -50px;
	left: 0;
	background: #000;
	color: #fff;
	padding: 8px;
	z-index: 100
}
.skip-link: focus {
	top: 0
}
#app {
	background: var(--background-gradient, var(--background-color));
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
	position: relative;
	z-index: 1
}
#app .centered-content {
	margin: 0 auto;
	max-width: 991px
}
#app .cover-photo-wrapper {
	height: 280px;
	position: absolute;
	width: 100%
}
#app .cover-photo-wrapper .cover-photo-blurred-wrapper {
	animation: quinn-animate-cover-photo .8s .2s ease-in-out backwards;
	height: 280px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: -1
}
#app .cover-photo-wrapper .cover-photo-blurred-wrapper .cover-photo-blurred {
	display: none;
	height: 280px;
	object-fit: cover;
	object-position: top;
}
@media (min-width: 991px) {
	#app .cover-photo-wrapper .cover-photo-blurred-wrapper .cover-photo-blurred {
		display: block;
		filter: blur(8px)
	}

}
#app .cover-photo-wrapper div.cover-photo {
	animation: quinn-animate-cover-photo .8s .2s ease-in-out backwards;
	height: 280px;
	overflow: hidden
}
#app .cover-photo-wrapper div.cover-photo img {
	height: 280px;
	object-fit: cover;
	width: 100%;
	object-position: top;
}
#app .cover-photo-wrapper div.cover-photo img.placeholder {
	background: #e8ebea;
	border: 1px dashed #979797;
	box-sizing: border-box
}
#app #main {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	text-align: center
}
#app #main.no-cover-photo .profile-wrapper {
	margin-top: 24px
}
#app #main.no-cover-photo .profile-wrapper.no-photo {
	height: auto;
	margin-top: 28px
}
#app #main .profile-wrapper {
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 28px;
	width: 100%
}
#app #main .profile-wrapper .picture-wrapper {
	height: 232px;
	margin-top: -25px;
	z-index: 1
}
#app #main .profile-wrapper .picture-wrapper .picture {
	animation: quinn-animate-profile-photo 1s ease-in-out backwards;
	border-radius: 50%;
	display: inline-flex;
	overflow: hidden
}
#app #main .profile-wrapper .picture-wrapper .picture img {
	height: 232px;
	object-fit: cover;
	width: 232px
}
#app #main .profile-wrapper .picture-wrapper .picture .placeholder {
	background: #e8ebea;
	border: 1px dashed #979797;
	border-radius: 50%;
	box-sizing: border-box;
	height: 232px;
	width: 232px
}
#app #main .profile-wrapper .name-bio-wrapper {
	color: #fff;
	display: flex;
	flex-direction: column-reverse;
	overflow-wrap: break-word;
	z-index: 2
}
#app #main .profile-wrapper .name-bio-wrapper .bio,
#app #main .profile-wrapper .name-bio-wrapper .name {
	margin-top: 24px;
	overflow: hidden;
	text-transform: uppercase
}
#app #main .profile-wrapper .name-bio-wrapper .name {
	font-family: 'Playfair Display', serif;
	font-size: 60px;
	font-weight: 400;
	letter-spacing: -6px;
	line-height: 60px;
	margin: 20px auto 0;
	max-width: 340px;
	min-height: 120px;
	width: 100%
}
#app #main .profile-wrapper .name-bio-wrapper .bio {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 17px
}
#app #main .profile-wrapper .name-bio-wrapper .content {
	animation: quinn-animate-name .5s .5s ease-in-out backwards
}
#app #main .profile-wrapper.no-photo {
	height: 280px;
	justify-content: center
}
#app #main section:not(.socials) {
	--animation-timing: calc(var(--animation-delay) / 5);
	animation: quinn-animate-link calc(var(--animation-timing) + .2s) .8s backwards
}
#app #main section:not(.socials) a {
	text-decoration: underline;
	color:  #FFF;
}
#app #main .socials .social {
	animation: quinn-animate-social .5s .5s ease-in-out backwards;
	color: #FFF;
}
#app #main .socials a.social,
#app #main .socials a.social:visited {
	color: #FFF;
	transform: scale(1);
	transition: all 400ms linear;
	font-size: 24px;
	line-height: 40px;
	margin: 0 5px;
	text-decoration: none;
}
#app #main .socials a.social:hover,
#app #main .socials a.social:active {
	color: #FFF;
	transform: scale(1.1);
}
#app #main .nft_gallery .content {
	border-bottom: 1px solid rgba(0, 0, 0, .3)
}
#app #main .nft_gallery .content .error a {
	border-radius: 8px;
	font-size: 13px;
	line-height: 15px;
	margin: 16px 0;
	min-height: 55px;
	padding: 0
}
#app #main .links .link,
#app #main .nft_gallery .content .title {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 16px;
	text-transform: uppercase
}
#app #main .nft_gallery .content .title {
	padding: 10px 28px 0 0;
	text-align: left;
	color: #000
}
#app #main .nft_gallery .content ul {
	padding: 0 0 15px
}
#app #main .links {
	counter-reset: link-number
}
#app #main .links .link {
	--animation-timing: calc(var(--animation-delay) / 5);
	animation: quinn-animate-link calc(var(--animation-timing) + .4s) .3s backwards;
	border-bottom: 1px solid rgba(0, 0, 0, .3);
	counter-increment: link-number;
	min-height: 68px;
	padding: 10px 28px 10px 0
}
#app #main .links .link .link-text {
	text-align: left
}
#app #main .links .link.placeholder {
	background: #e8ebea;
	border: 1px dashed #979797;
	border-radius: 5px;
	margin-bottom: 5px
}
#app #main .links .link.placeholder:: after {
	display: none
}
#app #main .links .link img {
	border-radius: 50%;
	display: block;
	height: 48px;
	margin-right: 12px;
	object-fit: cover;
	overflow: hidden;
	width: 48px
}
#app #main .links .link:: after {
	content: counter(link-number, decimal-leading-zero);
	font-family: 'Playfair Display',
	serif;
	font-size: 22px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 23px
}
#app #main .support .content .title,
#app #main .text_box .title {
	font-size: 16px
}
#app #main .support .content {
	background-color: transparent;
	border: 5px solid rgba(0, 0, 0, .35);
	box-shadow: 0 6px 40px rgba(0, 0, 0, .06)
}
#app #main .support .content .link {
	background-color: #fff;
	text-transform: uppercase
}
#app #main .embed_music iframe {
	box-shadow: 0 6px 40px rgba(0, 0, 0, .06)
}
#app #main .nft_gallery .content {
	border-top: 1px solid rgba(0, 0, 0, .3)
}
#app #main.isDark .links .link,
#app #main.isDark .support .content {
	border-color: rgba(255, 255, 255, .35)!important
}
#app #main .nft_gallery .content img {
	border-radius: 6px
}
#app footer.watermark {
	animation: quinn-animate-watermark .5s 2s backwards
}
#app #main.isDark {
	color: #fff
}
#app #main.isDark .social img {
	filter: invert(1)
}
#app #main.isDark .links .link {
	color: #fff
}
#app #main.isDark .support .content .link.tip {
	background-color: transparent
}
#app #main.isDark .support .content .link.tip .text {
	background-color: #fff;
	border-color: #fff;
	color: #000
}
#app #main.isDark .support .content .link.tip .error .message {
	filter: invert(100%)
}
#app #main.isDark .nft_gallery .content {
	border-color: rgba(255, 255, 255, .35)
}
#nft_popover .top_bar,
#nft_popover ul li .content .links.show,
#nft_popover ul li .content .more.show {
	border-bottom: 1px solid rgba(0, 0, 0, .35)
}
#app #main.isDark .nft_gallery .content .title {
	color: #fff
}
#app #main.isDark footer.watermark a {
	color: rgba(255, 255, 255, .35)!important
}
#app #main.isDark footer.watermark a span.unfold {
	color: #fff
}
#nft_popover {
	font-weight: 400
}
#nft_popover ul li .content .title {
	font-family: 'Playfair Display', serif
}
#nft_popover.isDark .top_bar,
#nft_popover.isDark ul li .content .links.show,
#nft_popover.isDark ul li .content .more.show {
	border-bottom: 1px solid rgba(255, 255, 255, .35)
}

.support .link.tip.show_input .tip_amount {
	outline:  none !important;
	border-color: #FFF;
}
#app #main.isDark .support .content .link.tip .text {
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	height: 56px;
	cursor: pointer;
}
.support .content > .description {
	color:  #FFF;
}

.product {
	border: 2px solid rgba(255, 255, 255, 0.5);
	margin-bottom: 1rem;
	padding: 1rem;
}
section {
	width: 530px;
	max-width: 100%;
	box-sizing: border-box;
}
section.checkout {
	width: 730px;
}

#app #main section:not(.socials) a.button {
	text-decoration: none;
	background: #FFF;
	color: #7F3147;
	border: 2px solid #FFF;
	padding: 5px 10px;
	transition: all 200ms linear;
}
#app #main section:not(.socials) a.button:hover {
	color: #FFF;
	background: transparent;
}


.woocommerce {
	background: rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	padding: 10px;
}
.woocommerce input[type="text"],
.woocommerce input[type="tel"],
.woocommerce input[type="email"],
.woocommerce textarea {
	padding: 10px;
	border: none;
	background: #7F3147;
	color: #FFF;
	font-family: Roboto, san-serif;
}
body.woocommerce {
	background: inherit;
	border-radius: 0;
	padding: 0;
}
.select2-container--default .select2-selection--single {
	border: none;
	background: #7F3147;
	color: #FFF;
	font-family: Roboto, san-serif;
	border-radius: 0;
	line-height: 40px;
	height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #FFF;
	height: 40px;
	line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #FFF transparent transparent transparent;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background: #7F3147;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background-color: #7F3147;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	float: none;
	background: #FFF;
	color: #7F3147;
	border: 2px solid #FFF;
	transition: all 200ms linear;
}
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	background: #7F3147;
	color: #FFF;
	border: 2px solid #FFF;
}

.page-id-11 .button.wc-forward,
.page-id-12 .button.wc-forward {
	display: none;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	display: inline-block;
}
.products-list {
	padding-top: 1rem;
}
.product {
	text-align: left;
	background: url('../images/th-videos.jpg') center no-repeat;
	background-size: cover;
	height: 250px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
}
.product div + div {
	text-align: right;
}
.product h3 {
	border-bottom: 1px solid #FFF;
	margin-bottom: 3px;
}

.product p.detalhes {
	font-weight: normal;
	font-style: italic;
	margin-top: 0;
}
.product p.price {
	margin-bottom: 3px;
}
.product p.price del {
	font-size: 0.75rem;
	font-weight: normal;
}

.product p.price ins {
	text-decoration: none;
}
.product p.promocao {
	margin-top: 3px;
	font-size: 0.75rem;
	font-weight: normal;
}
.woocommerce ul.order_details {
	padding: 0;
}
.woocommerce ul.order_details li {
	float: none;
	border-right: none;
	border-bottom: 1px dashed #FFF;
	padding: 10px 0 5px;
	margin: 0;
}
.woocommerce ul.order_details li:first-child {
	border-top: 1px dashed #FFF;
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
	width: 100%;
	padding: 0;
}
.woocommerce table.shop_table td {
	border-color: #FFF;
}
.woocommerce .woocommerce-customer-details address,
.woocommerce table.shop_table {
	padding: 0;
	border: none;
}
