p {
	color: #000;
	font-size: 1.1rem;
	line-height: 1.5;
}

iframe.video,video {
	display: flex;
	height: auto;
	-o-object-fit: fill;
	object-fit: fill;
	width: 100%;
}

iframe.video {
	min-height: 195px;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-flex-end {
	justify-content: flex-end!important;
}

.floated.left {
	float: left!important;
}

.floated.right {
	float: right!important;
}

.aligned.right {
	text-align: right!important;
}

.ui.form .field>.floating.selection.dropdown {
	border-radius: 100px!important;
}

.ui.form .field>.floating.selection.dropdown .menu {
	border-radius: 1rem!important;
}

.ui.form .field>.floating.selection.dropdown>.label {
	border-radius: 100px;
}

.ui.star.rating .active.icon {
	color: #ffbc00!important;
	text-shadow: none!important;
}

.image.rating {
	align-items: center;
	display: flex;
	justify-content: center;
}

.image.rating svg {
	flex: 1;
	margin: 0 .2rem;
	max-width: 18px;
	width: 100%;
}

@keyframes waving {
	0% {
		transform: translate(-50%,-75%) rotate(0deg);
	}

	to {
		transform: translate(-50%,-75%) rotate(1turn);
	}
}

.waving.btn {
	border: none;
	border-radius: 100px;
	box-sizing: border-box;
	cursor: pointer;
	margin-top: .5rem;
	overflow: hidden;
	padding: 1.25rem 1rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.waving.btn:hover .liquid {
	top: -200px;
}

.waving.btn span.text {
	color: #fff;
	font-family: Valexa;
	font-size: 1.5rem;
	font-weight: 600;
	position: relative;
	z-index: 1;
}

.waving.btn span.liquid {
	background: #ff7878;
	display: block;
	height: 300px;
	left: 0;
	position: absolute;
	top: -145px;
	transition: .5s;
	width: 100%;
}

.waving.btn span.liquid:after {
	animation: waving 10s linear infinite;
	background: #000;
	background: hsla(0,0%,100%,.5);
	border-radius: 40%;
}

.waving.btn span.liquid:after,.waving.btn span.liquid:before {
	content: "";
	height: 200%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%,-75%);
	width: 200%;
}

.waving.btn span.liquid:before {
	animation: waving 5s linear infinite;
	background: #000;
	background: #fff;
	border-radius: 45%;
}

.ui.button.yellow {
	background: #ffe73e!important;
	color: #000!important;
}

.ui.button.yellow:hover {
	background: #ffba20!important;
	color: #000!important;
}

.ui.button.white,.ui.button.white:hover {
	background: #fff!important;
	color: #000!important;
}

@keyframes cursor-colors {
	0% {
		filter: hue-rotate(0deg);
	}

	to {
		filter: hue-rotate(1turn);
	}
}

#cursor {
	animation: cursor-colors 5s infinite;
	background: rgba(63,133,255,.68);
	border-radius: 50%;
	box-shadow: 0 0 20px 10px rgba(63,133,255,.68);
	display: none;
	height: 1rem;
	opacity: .8;
	pointer-events: none;
	position: fixed;
	transform: translate(-50%,-50%);
	width: 1rem;
	z-index: 999;
}

#cursor:before {
	border-radius: 50%;
	content: "";
	height: 50px;
	opacity: .2;
	position: absolute;
	transform: translate(-30%,-30%);
	width: 50px;
}

.circular-corner {
	border-radius: 500px!important;
}

.rounded-corner {
	border-radius: 1rem!important;
}

.ui.message.white {
	background: #fff;
}

.ui.pagination.menu {
	border-radius: .75rem;
}

.ui.pagination.menu .item {
	font-size: 1.1rem;
}

h2 {
	font-size: 1.5rem;
}

a {
	color: #000;
	cursor: pointer;
	opacity: 1!important;
}

.bold,strong {
	font-weight: 600;
}

.overflow-hidden {
	overflow: hidden;
}

input.error {
	background: #fff6f6!important;
	border-color: #e0b4b4!important;
	color: #9f3a38!important;
}

body,html {
	background: #fff;
	color: #000;
	height: auto!important;
	margin: 0 auto;
	max-width: 1600px;
	overflow: hidden;
}

.ui.modal.modal-screenshots {
	display: flex!important;
	margin: -1rem!important;
	max-width: -moz-fit-content!important;
	max-width: fit-content!important;
	overflow: hidden;
	width: -moz-fit-content!important;
	width: fit-content!important;
}

.ui.modal.modal-screenshots .content {
	background: transparent!important;
	display: flex!important;
	padding: 0!important;
}

.ui.modal.modal-screenshots img {
	height: auto;
	max-height: 100vh;
	max-width: 100vw;
	width: auto;
}

.main.container {
	background: #fff;
	margin: 0 auto!important;
	width: 100%!important;
}

#user-message {
	align-items: center;
	-webkit-backdrop-filter: invert(1);
	backdrop-filter: invert(1);
	background: radial-gradient(#f6f6f6,hsla(0,0%,96%,.77),#fff);
	display: none;
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 999999;
}

#user-message.active {
	display: flex;
}

#user-message .container {
	background: #fff;
	border-radius: 1rem;
	max-width: 400px;
	position: relative;
	width: 100%;
	z-index: 99999;
}

#user-message .content>div {
	padding: 1.5rem;
}

#user-message .content .icon {
	display: flex;
	padding-bottom: 0;
}

#user-message .content .icon img {
	margin: auto;
	width: 60px;
}

#user-message .content .text {
	color: #000;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	padding-top: 1rem;
	text-align: justify;
}

#user-message .action {
	background: #ececec;
	border-radius: 0 0 1rem 1rem;
	padding: 1.5rem;
	text-align: center;
}

#user-message .action button {
	border-radius: 100px;
	margin: auto;
	min-width: 180px;
}

#cookie {
	background: #fff;
	border-radius: 1rem;
	bottom: 1rem;
	box-shadow: 0 0 40px 40px rgba(0,0,0,.07);
	display: none;
	left: 1rem;
	max-width: 300px;
	position: fixed;
	width: 100%;
	z-index: 99999;
}

#cookie.active {
	display: block;
}

#cookie .content>div {
	padding: 1.5rem;
}

#cookie .content .icon {
	align-items: center;
	background: #fff;
	border-radius: 1rem 1rem 0 0;
	display: flex;
	justify-content: center;
	padding: 1rem;
}

#cookie .content .icon img {
	margin-right: 2rem;
	width: 60px;
}

#cookie .content .icon span {
	font-family: system-ui;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
}

#cookie .content .text {
	background: #f2f3ff;
	color: #353535;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
	padding-top: 1rem;
}

#cookie .content .text * {
	color: #353535;
}

#cookie .action {
	background: #fff;
	border-radius: 0 0 1rem 1rem;
	padding: 1.5rem;
}

#cookie .action button {
	border-radius: .75rem;
	min-width: 180px;
}

#maintenance-page {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 100vh;
	text-align: center;
}

#maintenance-page .row {
	flex-direction: column;
}

#maintenance-page .timeout-wrapper {
	align-items: center;
	display: flex;
	font-size: 1.5rem;
	justify-content: center;
	margin-bottom: 3rem;
}

#maintenance-page .timeout-wrapper .item {
	align-items: center;
	border-radius: 1rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 90px;
	justify-content: center;
	line-height: 1;
	margin: .5rem;
	padding: .25rem;
	width: 90px;
}

#maintenance-page .timeout-wrapper .item .text {
	font-size: 1.1rem;
	font-weight: 700;
	margin-top: 1rem;
}

#maintenance-page .timeout-wrapper .item .count {
	font-size: 2rem;
}

#maintenance-page .ui.header {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	margin: auto;
	text-transform: uppercase;
}

#maintenance-page .ui.header.sub {
	color: #cadcea;
	font-size: 1.6rem;
	font-weight: 500;
	margin-top: 2rem;
	text-transform: capitalize;
}

#maintenance-page .logo {
	margin-bottom: 2rem;
}

#maintenance-page .logo img {
	height: auto;
	max-width: 300px;
	width: 100%;
}

#maintenance-page .more {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 5rem auto 0;
	padding: 2rem;
	text-align: center;
	width: 100%;
}

#maintenance-page .more .content {
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5;
	max-width: 800px;
}

.center.aligned {
	text-align: center;
}

.left.aligned {
	text-align: left;
}

.right.aligned {
	text-align: right;
}

.buttons.spaced {
	display: flex;
}

.buttons.spaced .button {
	flex: 1;
}

.buttons.spaced .button.basic {
	border: 1px solid #ddd;
	border-radius: .25rem;
}

.buttons.spaced .button:not(:last-child) {
	margin-right: .5rem;
}

.display-flex {
	display: -ms-flex;
	display: flex;
}

.custom.divider {
	border-bottom: 5px solid #2185d0!important;
	margin: 1rem -1rem;
}

.d-none {
	display: none!important;
}

.d-block {
	display: block!important;
}

.d-table {
	display: table!important;
}

.d-flex {
	display: flex!important;
}

.d-inline-block {
	display: inline-block;
}

[v-cloak] {
	display: none;
}

[vhidden] {
	visibility: hidden;
}

.d-flex {
	display: flex;
}

.borderless {
	border: none!important;
}

#body .card,.shadowless,.ui.celled.grid>.column:not(.row),.ui.celled.grid>.row,.ui.celled.grid>.row>.column {
	box-shadow: none!important;
}

.radiusless {
	border-radius: 0!important;
}

.w-25 {
	width: 25%!important;
}

.w-50 {
	width: 50%!important;
}

.w-75 {
	width: 75%!important;
}

.w-100 {
	width: 100%!important;
}

.capitalize {
	text-transform: capitalize!important;
}

img {
	max-width: 100%;
}

.divider.fluid {
	margin-left: -1rem!important;
	margin-right: -1rem!important;
}

.ui.card>:last-child,.ui.cards>.card>:last-child {
	border-radius: 0;
}

.ui.secondary.menu .active.item {
	background: transparent;
	font-weight: 600;
}

span.tag {
	color: #fff;
	display: block;
}

span.tag.red {
	background: #ff3e4d!important;
	color: #fff!important;
}

span.tag.yellow {
	background: linear-gradient(90deg,#ffd366,#ffc73e,#ffb500)!important;
	background: #ffc12a;
	color: #000;
}

span.tag.blue {
	background: #00a5ef!important;
	color: #fff!important;
}

span.tag.teal {
	background: #009688!important;
	color: #fff!important;
}

span.tag.green {
	background: #00ad50!important;
	color: #fff!important;
}

.button.silver {
	background: silver;
	color: #fff;
}

.button.silver:active,.button.silver:focus,.button.silver:hover {
	color: #fff;
	font-weight: 700;
}

.button.tumblr {
	background: #44546a;
	color: #fff;
}

.button.tumblr:hover {
	background: #394659;
	color: #fff;
}

.button.white {
	background: #fff!important;
	color: #000!important;
	font-weight: 400!important;
}

.button.white.basic {
	border: 1px solid silver!important;
}

.button.white:hover {
	font-weight: 700!important;
}

.label.white {
	background: #fff!important;
	color: #909090!important;
}

.label.silver {
	background: silver!important;
	color: #fff!important;
}

.right.floated {
	float: right;
}

.dimmer.modals {
	overflow-y: auto;
}

.player {
	height: 100%;
}

.player,.player .controls {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.player .controls {
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	background: rgba(35,35,35,.09);
	height: 55px;
	padding: .5rem 1rem;
	z-index: 2;
}

.player .controls,.player .play,.player .stop {
	align-items: center;
	display: flex;
	justify-content: center;
}

.player .play,.player .stop {
	cursor: pointer;
	height: 30px;
	min-height: 30px;
	min-width: 30px;
	width: 30px;
}

.player .play img,.player .stop img {
	filter: invert(1);
	width: 100%;
}

.player .play {
	margin-right: .5rem;
}

.player .play.playing img {
	filter: invert(1) drop-shadow(3px 3px 10px #232323);
}

.player .stop {
	margin-left: .5rem;
}

.player .wave {
	background-color: #fff;
	height: 40px;
	-webkit-mask-image: url(/assets/images/waves.svg);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	position: relative;
	width: 100%;
}

.player .wave span {
	background: #ff9e22;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}

.video-player .ui.dimmer {
	height: calc(100% - 55px);
}

.video-player .player {
	background: #252525!important;
	padding-bottom: 55px;
	position: relative;
}

.video-player .player .controls {
	background: #232323;
}

.video-player .content {
	background: transparent!important;
	padding: 0!important;
}

#body {
	background: #fff;
	margin: auto;
	max-width: 100%;
}

#body .ui.processing-transaction.dimmer {
	height: 100%;
	position: fixed;
	width: 100%;
}

#body .card {
	position: relative!important;
}

#body .card.product .content:after {
	display: none;
}

#body .card.product .image {
	background: transparent;
	border-radius: .75rem!important;
	height: 295px;
	max-height: 295px;
	overflow: hidden;
	position: relative;
}

#body .card.product .image img.cover {
	border-radius: .75rem .75rem 0 0;
	min-height: 100%;
	position: absolute;
	top: 0;
	transition: top 1s ease 0s;
	width: 100%;
	z-index: 1;
}

#body .card.product .image .price {
	border-radius: 0 0 0 1rem;
	font-size: .9rem;
	font-weight: 700;
	right: 0;
	top: 0;
}

#body .card.product .image .category,#body .card.product .image .price {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: rgba(88,88,88,.32);
	color: #fff;
	padding: .5rem .75rem .25rem;
	position: absolute;
	z-index: 2;
}

#body .card.product .image .category {
	border-radius: 0 1rem 0 0;
	bottom: 0;
	font-weight: 600;
	left: 0;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#body .card.product .image:hover .item-action {
	width: 100%;
}

#body .card.product .image:hover .item-action span {
	visibility: visible;
}

#body .card.product .image:hover .video {
	display: flex;
}

#body .card.product .image .badge {
	align-items: center;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: hsla(0,0%,100%,0);
	border-radius: 0 1rem 1rem 0;
	display: flex;
	height: 32px;
	justify-content: center;
	left: 0;
	padding: .5rem;
	position: absolute;
	top: .75rem;
	width: 40px;
	z-index: 2;
}

#body .card.product .image .badge img {
	height: 20px;
	width: 20px;
}

#body .card.product .image .item-action {
	align-items: flex-end;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	padding-bottom: 20%;
	position: absolute;
	top: 0;
	transition: width .5s;
	width: 0;
}

#body .card.product .image .item-action span {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: hsla(0,0%,100%,.42);
	border-radius: 1rem;
	color: #000;
	cursor: pointer;
	font-size: 1.1rem;
	font-weight: 600;
	padding: .75rem 1rem;
	position: relative;
	transition: background .5s,-webkit-backdrop-filter .5s;
	transition: backdrop-filter .5s,background .5s;
	transition: backdrop-filter .5s,background .5s,-webkit-backdrop-filter .5s;
	visibility: hidden;
	white-space: nowrap;
	z-index: 2;
}

#body .card.product .image .item-action span:hover {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
	background: #fff;
}

#body .card.product * {
	border: none;
}

#body .card.product .title {
	color: #333;
	display: flex;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	text-align: center;
}

#body .card.product.audio .controls {
	background: rgba(35,35,35,.09);
}

#body .card.product.video .video {
	align-items: center;
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
	background: rgba(0,0,0,.06);
	cursor: pointer;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#body .card.product.video .video img {
	filter: invert(1);
	width: 80px;
}

#body .card.product:nth-child(2n) .wave span {
	background: #00e1ff;
}

#body .cards.products.four .card .image {
	height: 295px;
	max-height: 295px;
}

#body .cards.products.five .card .image {
	height: 210px;
	max-height: 210px;
}

#app {
	display: flex;
	min-height: 100vh;
}

#app>section {
	flex: 1;
	overflow: hidden visible;
}

#left-section {
	box-shadow: 2px 0 20px 0 rgba(0,0,0,.05);
	max-width: 340px;
	position: relative;
	width: 100%;
}

#left-section:before {
	background: #f0f8ff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 70px;
}

#left-section .header.logo {
	align-items: center;
	display: flex;
	height: 80px;
	justify-content: center;
	padding-left: 70px;
	width: 100%;
}

#left-section .header.logo img {
	max-width: 180px;
	width: 100%;
}

#left-section>.menu {
	height: calc(100vh - 80px);
	padding: 0;
	position: relative;
}

#left-section>.menu .main {
	height: calc(100vh - 250px);
	overflow: hidden;
	padding: 1rem 0;
}

#left-section>.menu .main::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

#left-section>.menu .main:hover {
	overflow: auto;
}

#left-section>.menu .main::-webkit-scrollbar-track {
	background: #eaeaea;
}

#left-section>.menu .main::-webkit-scrollbar-thumb {
	background: #bbd8cb;
}

#left-section>.menu .main::-webkit-scrollbar-thumb:hover {
	background: #556e7a;
}

#left-section>.menu .item {
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 1.15rem;
	font-weight: 500;
	padding: 0;
	position: relative;
}

#left-section>.menu .item.list:not(.parent) {
	background: #fefcff;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	display: none;
	margin-left: auto;
	width: calc(100% - 70px);
}

#left-section>.menu .item.list:not(.parent).active {
	display: block;
}

#left-section>.menu .item.list:not(.parent) .item {
	align-items: center;
	display: block;
	min-height: 55px;
	padding: 17.55px 1.25rem;
	width: 100%;
}

#left-section>.menu .item.list:not(.parent) .item:hover {
	font-weight: 600;
}

#left-section>.menu .item.list:not(.parent) .item:hover:first-letter {
	color: #ff5343;
	font-weight: 700;
}

#left-section>.menu .item.input {
	background: #fff;
	border: none;
	border-radius: 0;
	display: flex;
	height: 70px!important;
	padding: 1rem!important;
}

#left-section>.menu .item.input input {
	border-radius: .75rem 0 0 .75rem;
}

#left-section>.menu .item.input button {
	border-radius: 0 .75rem .75rem 0!important;
}

#left-section>.menu .item:hover:not(.input) .image img {
	transform: rotate(-1turn);
}

#left-section>.menu .item:hover:not(.input) .text {
	font-weight: 600;
}

#left-section>.menu .item>div {
	align-items: center;
	display: flex;
	width: 100%;
}

#left-section>.menu .item>div>span {
	align-items: center;
	display: flex;
	flex: 1;
	height: 55px;
	text-transform: capitalize;
}

#left-section>.menu .item .image {
	align-items: center;
	background: transparent;
	height: 55px;
	justify-content: center;
	max-width: 70px;
	min-width: 70px;
	padding: .8rem;
	width: 100%;
}

#left-section>.menu .item .image img {
	transition: transform 1s;
	width: 23px;
}

#left-section>.menu .item .text {
	padding: .8rem 1.25rem;
}

#left-section>.menu .footer {
	background: #fff;
	color: #000;
	height: 100px;
}

#left-section>.menu .footer .social {
	align-items: center;
	display: flex;
	height: 65px;
	justify-content: center;
	padding: 1rem 1.5rem;
}

#left-section>.menu .footer .social a {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: center;
}

#left-section>.menu .footer .social a img {
	border-radius: 500px;
	width: 40px;
}

#left-section>.menu .footer .copyright {
	align-items: center;
	display: flex;
	font-weight: 600;
	height: 35px;
	justify-content: center;
	width: 100%;
}

#right-section {
	height: 100vh;
	max-width: 1580px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}

#right-section #body>.selection {
	padding: 2rem;
}

#right-section #body>.selection>.header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(56deg,#003d50,#00c4ff 50%);
	-webkit-background-clip: text;
	display: table;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	text-transform: capitalize;
}

#right-section #body>.selection>.header:hover {
	font-weight: 700;
}

#right-section #body>.selection.popular>.header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(56deg,#00fdff,#ff6c00 90%);
	-webkit-background-clip: text;
}

#right-section #body>.selection.popular>.header:hover {
	font-weight: 700;
}

#top-menu {
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	height: 80px;
	justify-content: center;
	left: 300px;
	max-width: 1580px;
	top: 0;
	width: 100%;
	z-index: 999;
}

#top-menu .ui.menu {
	font-size: 1.1rem;
	height: 80px;
	margin: 0;
	padding: 0 1.5rem;
	width: 100%;
}

#top-menu .ui.menu .item.logo {
	display: none;
	margin-left: 0;
	margin-right: 1rem;
	width: 180px;
}

#top-menu .ui.menu .item.logo img {
	height: auto;
	width: 100%;
}

#top-menu .ui.menu>.item {
	background: transparent;
	color: #000;
	font-weight: 600;
	height: 45px;
}

#top-menu .ui.menu>.item.search {
	margin: 0 auto 0 0;
	max-width: 350px;
	width: 100%;
}

#top-menu .ui.menu>.item.search form {
	height: 45px;
}

#top-menu .ui.menu>.item.search input {
	border-radius: .75rem;
}

#top-menu .ui.menu>.item:not(.search):not(.logo) {
	background: #f8f8ff;
	border-radius: .75rem;
}

#top-menu .ui.menu>.item:not(.search):not(.logo):hover {
	background: rgba(224,224,233,.46);
}

#top-menu .ui.menu>.item.cart,#top-menu .ui.menu>.item.notifications {
	background: transparent!important;
	border: none!important;
	padding-left: .25rem;
	padding-right: .25rem;
	position: relative;
}

#top-menu .ui.menu>.item.cart .default,#top-menu .ui.menu>.item.notifications .default {
	display: block;
	padding-right: 2rem;
	position: relative;
}

#top-menu .ui.menu>.item.cart .default img,#top-menu .ui.menu>.item.notifications .default img {
	display: inline-block;
	margin-bottom: -.5em;
	margin-top: -.5em;
	max-height: 2em;
	vertical-align: top;
	width: auto;
}

#top-menu .ui.menu>.item.cart span,#top-menu .ui.menu>.item.notifications span {
	position: absolute;
	right: 0;
}

#top-menu .ui.menu>.item.cart .menu,#top-menu .ui.menu>.item.notifications .menu {
	border: none;
	border-radius: .75rem;
	max-width: 320px;
	min-width: 320px;
}

#top-menu .ui.menu>.item.cart .menu .container,#top-menu .ui.menu>.item.notifications .menu .container {
	max-height: 245px;
	overflow: auto;
}

#top-menu .ui.menu>.item.cart .menu .container::-webkit-scrollbar,#top-menu .ui.menu>.item.notifications .menu .container::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

#top-menu .ui.menu>.item.cart .menu .container:hover,#top-menu .ui.menu>.item.notifications .menu .container:hover {
	overflow: auto;
}

#top-menu .ui.menu>.item.cart .menu .container::-webkit-scrollbar-track,#top-menu .ui.menu>.item.notifications .menu .container::-webkit-scrollbar-track {
	background: #eaeaea;
}

#top-menu .ui.menu>.item.cart .menu .container::-webkit-scrollbar-thumb,#top-menu .ui.menu>.item.notifications .menu .container::-webkit-scrollbar-thumb {
	background: #b061ff;
}

#top-menu .ui.menu>.item.cart .menu .container::-webkit-scrollbar-thumb:hover,#top-menu .ui.menu>.item.notifications .menu .container::-webkit-scrollbar-thumb:hover {
	background: #582a86;
}

#top-menu .ui.menu>.item.cart .menu .item,#top-menu .ui.menu>.item.notifications .menu .item {
	align-items: flex-start;
	cursor: default;
	display: flex;
	overflow: hidden;
	padding: 0!important;
}

#top-menu .ui.menu>.item.cart .menu .item:hover,#top-menu .ui.menu>.item.notifications .menu .item:hover {
	background: transparent!important;
}

#top-menu .ui.menu>.item.cart .menu .item .image,#top-menu .ui.menu>.item.notifications .menu .item .image {
	align-items: center;
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	display: flex;
	height: 60px;
	justify-content: center;
	margin: .75rem;
	min-height: 60px;
	min-width: 60px;
	width: 60px;
	background-color: #efefef;
}

#top-menu .ui.menu>.item.cart .menu .item .content,#top-menu .ui.menu>.item.notifications .menu .item .content {
	flex: 1;
	line-height: 1.5;
	overflow: hidden;
	padding: .75rem .75rem .75rem 0;
	position: relative;
}

#top-menu .ui.menu>.item.cart .menu .item .content .name,#top-menu .ui.menu>.item.notifications .menu .item .content .name {
	display: block;
	font-weight: 500;
	margin-bottom: .5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#top-menu .ui.menu>.item.cart .menu .item .content .name:hover,#top-menu .ui.menu>.item.notifications .menu .item .content .name:hover {
	color: #672da6;
	font-weight: 600;
}

#top-menu .ui.menu>.item.cart .menu .item .content .date,#top-menu .ui.menu>.item.notifications .menu .item .content .date {
	color: #000;
	font-size: 1rem;
	font-weight: 600;
}

#top-menu .ui.menu>.item.cart .menu .item .content .price,#top-menu .ui.menu>.item.notifications .menu .item .content .price {
	font-size: 1.2rem;
	font-weight: 600;
}

#top-menu .ui.menu>.item.cart .menu .item .content .trash,#top-menu .ui.menu>.item.notifications .menu .item .content .trash {
	bottom: .5rem;
	cursor: pointer;
	position: absolute;
	right: .5rem;
}

#top-menu .ui.menu>.item.cart .menu .item .content .trash:hover,#top-menu .ui.menu>.item.notifications .menu .item .content .trash:hover {
	font-weight: 600;
}

#top-menu .ui.menu>.item.cart .menu .item.all,#top-menu .ui.menu>.item.notifications .menu .item.all {
	background: #5d5dff!important;
	border-radius: 0 0 .75rem .75rem;
	color: #fff!important;
	cursor: pointer;
	display: block;
	font-size: 1.2rem!important;
	font-weight: 600!important;
	line-height: 1.5;
	padding: 1rem!important;
	text-align: center;
}

#top-menu .ui.menu>.item.cart .menu .item.all:hover,#top-menu .ui.menu>.item.notifications .menu .item.all:hover {
	background: #4b4bd1!important;
}

#top-menu .ui.menu>.item.notifications {
	margin-left: auto;
}

#top-menu .ui.menu>.item.mobile-menu-toggler {
	align-items: center;
	background: linear-gradient(45deg,#ffb13c,#ff877b,#ffb13c)!important;
	border-radius: 100px!important;
	cursor: pointer;
	display: none;
	height: 40px;
	justify-content: center;
	margin-left: 1rem;
	padding: 0;
	width: 40px;
}

#top-menu .ui.menu>.item.mobile-menu-toggler i {
	color: #fff7f7;
	font-size: 1.7rem;
}

#top-menu .ui.menu>.item.mobile-menu-toggler:hover {
	background: linear-gradient(45deg,#ffa115,#ff6758,#ffa115)!important;
}

#top-menu .ui.menu>.item.user {
	background: transparent!important;
	box-shadow: none;
	padding: 0;
	position: relative;
}

#top-menu .ui.menu>.item.user .menu {
	border-radius: .75rem;
	box-shadow: none;
	max-height: 270px;
	min-width: -moz-max-content;
	min-width: max-content;
	overflow: auto;
}

#top-menu .ui.menu>.item.user .menu .item {
	align-items: center;
	border-radius: 0;
	color: #000!important;
	display: flex;
	font-size: 1rem!important;
	font-weight: 500!important;
	padding: .75rem 1rem!important;
}

#top-menu .ui.menu>.item.user .menu .item img {
	margin-right: .5rem;
	position: relative;
	top: -2px;
	width: 20px;
}

#top-menu .ui.menu>.item.user .menu .item.earnings {
	background: #7238ac!important;
	color: #fff!important;
	font-weight: 600!important;
	padding: 1.25rem!important;
}

#top-menu .ui.menu>.item.user .menu .item:not(:last-child) {
	border-bottom: 1px solid #e3e3e3;
}

#top-menu .ui.menu>.item.user .default {
	align-items: center;
	display: flex;
	justify-content: center;
}

#top-menu .ui.menu>.item.user .default img {
	border-radius: 100px;
	height: 40px;
	margin: 0;
	min-height: 40px;
	min-width: 40px;
	width: 40px;
}

#top-menu .ui.menu>.item.user:hover .text span {
	background: rgba(224,224,233,.46);
}

#categories {
	background: #fff;
	padding: 2rem 0;
}

#categories .wrapper {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 2rem;
	overflow: hidden;
}

#categories .item {
	align-items: center;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: none !important;
	border-radius: .75rem;
	display: flex;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	margin: 0 .5rem;
	position: relative;
	text-align: center;
	background: #f0f0f0;
}

#categories .item:empty {
	background: #fff;
}

#categories .item:last-child {
	margin-right: 0;
}

#categories .item:first-child {
	margin-left: 0;
}

#categories .item div {
	border-radius: 0.75rem;
	color: #000;
	margin: auto;
	padding: 0.5rem 1rem;
	pointer-events: none;
	white-space: nowrap;
}


#top-panel {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	min-height: 400px;
	padding: 2rem;
	position: relative;
}

#top-panel .cover {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#top-panel .cover .refresh {
	background: #fff;
	border-radius: .75rem;
	font-weight: 700;
	left: 1rem;
	line-height: 1;
	padding: .75rem;
	position: absolute;
	top: 1rem;
}

#top-panel .header {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: hsl(0deg 0% 0% / 65%);
	border: 1px solid hsla(0,0%,100%,.271);
	border-radius: .75rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
	margin-bottom: 3rem;
	max-width: 650px;
	padding: 1.5rem;
	text-align: center;
	text-transform: capitalize;
	z-index: 1;
}

#top-panel form {
	max-width: 500px;
	width: 100%;
}

#top-panel form * {
	font-size: 1.2rem!important;
}

#top-panel form button {
	border: none;
	border-radius: 0 .75rem .75rem 0;
}

#top-panel form input {
	border: none;
	border-radius: .75rem 0 0 .75rem;
}

#top-panel form .input {
	background: transparent;
	border: none;
	border-radius: .75rem;
	height: 55px!important;
}

#footer {
	background: #fff;
	position: relative;
}

#footer:before {
	background-image: url(/storage/images/footer_cover.jpg);
	background-position: 50%;
	background-size: cover;
	content: "";
	height: 100%;
	left: 0;
	opacity: .5;
	position: absolute;
	top: 0;
	width: 100%;
}

#footer .counters.cards {
	background: transparent;
	margin: 0 0 1rem;
	padding: 1.5rem 1.25rem;
	position: relative;
}

#footer .counters.cards .card {
	border: none;
	border-radius: .75rem;
	box-shadow: none;
	flex: 1;
	margin: .75rem;
}

#footer .counters.cards .card .header {
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: 1rem;
	text-align: center;
	-webkit-text-decoration: capitalize;
	text-decoration: capitalize;
}

#footer .counters.cards .card .count {
	align-items: center;
	background: linear-gradient(138deg,transparent,#fcfcff);
	display: flex;
	font-size: 1.5rem;
	text-align: center;
}

#footer .counters.cards .card .count img {
	margin-right: 1rem;
	width: 80px;
}

#footer .counters.cards .card .count span {
	flex: 1;
	font-weight: 500;
	line-height: 1.5;
}

#footer .newsletter {
	background: radial-gradient(transparent,#f7f7f7);
	font-size: 1.2rem;
	margin: -1rem 0;
	padding: 2rem;
	position: relative;
	text-align: center;
}

#footer .newsletter .wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
}

#footer .newsletter .wrapper>div {
	margin: 1rem 0;
}

#footer .newsletter .wrapper .header {
	color: #000;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4;
	margin-right: 1rem;
	max-width: 180px;
	text-transform: capitalize;
}

#footer .newsletter .wrapper input {
	border: none;
	border-radius: 1rem 0 0 1rem;
	outline: none;
	padding-left: 2rem;
	padding-right: 2rem;
}

#footer .newsletter .wrapper button {
	background: #8547c3;
	border-radius: 0 1rem 1rem 0;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
}

#footer .newsletter .wrapper button:hover {
	background: #653099;
}

#footer .newsletter .wrapper .input {
	height: 60px;
	max-width: 500px;
	width: 100%;
}

#footer .data {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: hsla(0,0%,100%,.83);
	border-radius: .75rem;
	margin: 3rem auto 2rem;
	max-width: 900px;
	padding: 3rem 2rem;
	position: relative;
	text-align: center;
}

#footer .data .header {
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

#footer .data .header:first-letter {
	color: #ffe061;
}

#footer .data .description {
	color: #000;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.5;
}

#footer .ui.menu {
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 0;
	padding: 0 2rem 2rem;
	position: relative;
}

#footer .ui.menu>.item {
	background: #fff;
	border: 1px solid #afafaf;
	border-radius: .75rem;
	color: #000;
	font-size: 1.1rem;
	font-weight: 500;
	margin: .5rem;
}

#footer .ui.menu .dropdown .menu {
	border: none!important;
	border-radius: .75rem!important;
	box-shadow: none!important;
	overflow: hidden;
}

#footer .ui.menu .dropdown .menu .wrapper {
	max-height: 120px;
	overflow: auto;
}

#footer .ui.menu .dropdown .menu .header {
	background: #ffff51;
	color: #000!important;
	font-size: 1rem!important;
	margin: 0!important;
	padding: 1rem!important;
}

#footer .ui.menu .dropdown .menu .item:not(.header) {
	border-radius: 0!important;
	margin: 0!important;
	text-transform: capitalize;
	width: 100%;
}

#footer .ui.menu .dropdown .menu .item:not(.header):hover {
	background: transparent!important;
	font-weight: 600;
}

.ribbon1 {
	left: 2rem;
	position: absolute;
	top: -6.1px;
}

.ribbon1 div {
	background: #f8463f;
	border-radius: 0 8px 8px 8px;
	display: block;
	padding: .75rem 1rem .5rem;
	position: relative;
	text-align: center;
}

.ribbon1 div span:first-child {
	background: #f8463f;
	border-radius: 8px 0 0 0;
	content: "";
	height: 10px;
	left: -10px;
	position: absolute;
	top: 0;
	width: 10px;
}

.ribbon1 div span:last-child {
	background: #c02031;
	border-radius: 10px 10px 0 0;
	content: "";
	filter: brightness(.85);
	height: 10px;
	left: -11px;
	position: absolute;
	top: 0;
	width: 12px;
}

#credits-checkout-form {
	border-radius: .75rem;
	overflow: hidden;
}

#credits-checkout-form>.header {
	align-items: center;
	background: #ff666c;
	color: #fff;
	display: flex;
	font-size: 1.8rem;
	font-weight: 600;
	height: 70px;
	line-height: 1.5;
}

#credits-checkout-form>.actions {
	background: #f0f8ff;
}

#credits-checkout-form>div {
	border: none;
}

#credits-checkout-form tr.discount * {
	color: #00ae7b;
	font-weight: 600;
}

#credits-checkout-form tr.total * {
	background: #fff;
	font-weight: 600;
}

#credits-checkout-form thead * {
	background: #f0f8ff;
	border: none;
}

#credits-checkout-form tfoot * {
	background: #fff;
	font-weight: 600;
}

#checkout-page {
	min-height: 400px;
}

#checkout-page>.header {
	background: linear-gradient(90deg,#fff,#f8f8f8,#f9f9f9);
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	padding: 2rem 3rem;
	position: relative;
	z-index: 1;
}

#checkout-page>.header>div:not(.subheader) {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(56deg,#ff7474,#ffad59 20%),-webkit-linear-gradient(56deg,#ff7474,#ffad59 20%),-webkit-linear-gradient(56deg,#ff7474,#ffad59 20%);
	-webkit-background-clip: text;
	font-size: 2rem;
	font-weight: 700;
}

#checkout-page>.header .subheader {
	color: #4a4a4a;
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: .5rem;
}

#checkout-page>.container {
	display: flex;
	margin: auto;
	min-height: 600px;
}

#checkout-page>.container>div {
	flex: 1;
	padding: 3rem;
}

#checkout-page>.container .left-side>.header {
	display: none;
}

#checkout-page>.container .left-side .items {
	display: flex;
	flex-wrap: wrap;
	margin: -.5rem;
}

#checkout-page>.container .left-side .item.product {
	background: #fefcff;
	border-radius: .75rem;
	display: flex;
	margin: .5rem;
	overflow: hidden;
	padding: 1rem;
	position: relative;
	width: calc(50% - 1rem);
}

#checkout-page>.container .left-side .item.product .image {
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	display: flex;
	height: 120px;
	margin-right: 1rem;
	width: 120px;
	background-color: #efefef;
}

#checkout-page>.container .left-side .item.product .content {
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: 1.1rem;
	padding-top: .5rem;
}

#checkout-page>.container .left-side .item.product .content :not(:last-child) {
	margin-bottom: .5rem;
}

#checkout-page>.container .left-side .item.product .content .name {
	font-weight: 500;
}

#checkout-page>.container .left-side .item.product .content .close {
	align-items: center;
	background: #ff4f2f;
	border-radius: 2rem 0 0 0;
	bottom: 0;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	font-weight: 400;
	height: 45px;
	justify-content: center;
	padding: 1rem;
	position: absolute;
	right: 0;
	width: 45px;
}

#checkout-page>.container .left-side .item.product .content .license {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(35deg,#ff6135,#009e7a 46%);
	-webkit-background-clip: text;
	font-weight: 500;
	margin: .5rem 0;
	text-transform: capitalize;
}

#checkout-page>.container .left-side .item.product .content .price {
	font-weight: 500;
	font-weight: 600;
	margin-top: .5rem;
}

#checkout-page>.container .left-side .item.subscription {
	max-width: 320px;
	width: 100%;
}

#checkout-page>.container .left-side .item.subscription .header {
	background: #ac62db;
	border-radius: .75rem .75rem 0 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.3rem;
	font-weight: 600;
	justify-content: space-between;
	padding: 1.5rem 2rem;
	text-transform: uppercase;
}

#checkout-page>.container .left-side .item.subscription .description {
	background: #f6f6f6;
	border-radius: 0 0 .75rem .75rem;
	padding: 2rem;
}

#checkout-page>.container .left-side .item.subscription .description>div {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	text-transform: capitalize;
}

#checkout-page>.container .left-side .item.subscription .description>div:not(:last-child) {
	margin-bottom: .75rem;
}

#checkout-page>.container .left-side .item.subscription .description>div img {
	margin-right: .5rem;
	position: relative;
	top: -3px;
	width: 25px;
}

#checkout-page>.container .left-side .item.subscription .description .item {
	align-items: center;
	border-radius: .75rem;
	display: flex;
	font-size: 1.1rem;
	font-weight: 500;
}

#checkout-page>.container .left-side .item.subscription .description .item:not(:last-child) {
	margin-bottom: .75rem;
}

#checkout-page>.container .left-side .item.subscription .description .item .icon {
	background: #ff7272;
	border-radius: 500px;
	display: flex;
	height: 30px;
	margin-right: 1rem;
	padding: .5rem;
	width: 30px;
}

#checkout-page>.container .left-side .item.subscription .description .item .icon img {
	top: 0;
	width: 100%;
}

#checkout-page>.container .left-side .item.subscription .description .item .icon:not(.included) {
	background: #ededed;
	height: 29px;
	padding: .6rem;
	width: 29px;
}

#checkout-page>.container .left-side .item.subscription .description .item .icon:not(.included) img {
	display: none;
}

#checkout-page>.container .left-side .item.subscription .description .item .icon.included img {
	filter: invert(1);
}

#checkout-page>.container .left-side .item.collection {
    width: 100%;
}

#checkout-page>.container .left-side .item.collection .card {
    background: linear-gradient(45deg, rgb(247 247 247 / 41%), #f7f7f7, rgb(247 247 247 / 40%));
    border-radius: 1rem;
}

#checkout-page>.container .left-side .item.collection .items a {
    display: flex;
    padding: 1.25rem;
}

#checkout-page>.container .left-side .item.collection .items a:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed silver;
}

#checkout-page>.container .left-side .item.collection .items a span:first-child {
    margin-right: 1rem;
}

#checkout-page>.container .left-side .item.collection .items {
    margin: 0;
}

#checkout-page>.container .right-side {
	max-width: 400px;
	padding: 3rem;
	position: relative;
	width: 100%;
}

#checkout-page>.container .right-side:before {
	box-shadow: -5px 0 14px 7px hsla(0,0%,50%,.05);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#checkout-page>.container .right-side .summary {
	color: #000;
	font-size: 1.1rem;
	line-height: 1.5;
	margin-bottom: 3rem;
}

#checkout-page>.container .right-side .summary>.header {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#checkout-page>.container .right-side .summary>.content {
	padding-left: 1.5rem;
	position: relative;
}

#checkout-page>.container .right-side .summary>.content:before {
	background: linear-gradient(45deg,#00c5b5,rgba(0,197,181,.071),#fff);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: .2rem;
}

#checkout-page>.container .right-side .summary>.content>div {
	font-size: 1.2rem;
	font-weight: 500;
	padding: .75rem 0;
}

#checkout-page>.container .right-side .summary>.content>div:first-child {
	padding-top: 0;
}

#checkout-page>.container .right-side .summary>.content>div:last-child {
	padding-bottom: 0;
}

#checkout-page>.container .right-side .summary>.content>div.total {
	color: #ff662d;
	font-weight: 600;
}

#checkout-page>.container .right-side .methods {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	position: relative;
}

#checkout-page>.container .right-side .methods>.header {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#checkout-page>.container .right-side .methods .ui.dropdown {
	border-radius: .75rem!important;
	box-shadow: none;
}

#checkout-page>.container .right-side .methods .ui.dropdown .text {
	align-items: center;
	display: flex;
}

#checkout-page>.container .right-side .methods .ui.dropdown .text img {
	border-radius: 100px;
	height: 100%;
	max-height: 34px;
	max-width: 34px;
	width: 100%;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu {
	background: #fff;
	border: none;
	border-radius: .75rem;
	box-shadow: none;
	margin-bottom: 1rem;
	margin-top: 1rem;
	max-height: 300px;
	overflow: hidden;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-track {
	background: #eaeaea;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb {
	background: #b061ff;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb:hover {
	background: #582a86;
}

#checkout-page>.container .right-side .methods .ui.dropdown .menu:hover {
	overflow: auto;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item {
	align-items: center;
	display: flex;
	padding: 1.5rem 1.5rem 1rem!important;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item.active,#checkout-page>.container .right-side .methods .ui.dropdown .item.selected,#checkout-page>.container .right-side .methods .ui.dropdown .item:hover {
	background: #fff;
	font-weight: 600;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item .content {
	min-width: 0;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item img {
	border-radius: 100px;
	height: 50px;
	margin-right: 1rem;
	min-height: 50px;
	min-width: 50px;
	width: 50px;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item .name {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1;
	text-transform: capitalize;
}

#checkout-page>.container .right-side .methods .ui.dropdown .item .description {
	line-height: 1.5;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#checkout-page>.container .right-side .coupon {
	font-size: 1.2rem;
	font-weight: 600;
	position: relative;
}

#checkout-page>.container .right-side .coupon .message {
	background: #fff;
	border-radius: .75rem;
	color: #000;
	font-weight: 500;
	margin-top: 1rem;
	padding: 1rem;
}

#checkout-page>.container .right-side .coupon .message.negative {
	background: #ff7878;
	color: #fff;
}

#checkout-page>.container .right-side .coupon .message.positive {
	background: #00af84;
	color: #fff;
}

#checkout-page>.container .right-side .coupon>.header {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#checkout-page>.container .right-side .coupon .button {
	background: #fff;
	border: 1px solid rgba(34,36,38,.15);
	border-radius: 0 .75rem .75rem 0;
	color: #000;
	font-weight: 600;
}

#checkout-page>.container .right-side .coupon .button:hover {
	font-weight: 700;
}

#checkout-page>.container .right-side .coupon input {
	border-radius: .75rem 0 0 .75rem;
}

#checkout-page>.container .right-side .checkout {
	margin-top: 2rem;
	position: relative;
}

#checkout-page>.container .right-side .checkout .terms {
	margin-bottom: 1rem;
}

#checkout-page>.container .right-side .checkout .terms a {
	font-weight: 600;
}

#checkout-page>.container .right-side .checkout .button {
	align-items: center;
	background: #556371;
	border-radius: .75rem;
	color: #fff;
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: center;
	padding: 1.5rem 1.5rem 1rem;
	text-transform: uppercase;
}

#checkout-page>.container .right-side .checkout .button:hover {
	font-weight: 700;
}

#form-checkout {
	position: relative;
}

#form-checkout label {
	margin-left: 1rem;
}

#form-checkout input {
	border-radius: .75rem;
}

#form-checkout .form-fields {
	flex-wrap: wrap;
	margin: 0 -.5rem;
}

#form-checkout .form-fields:empty {
	display: none;
}

#form-checkout .form-fields .field {
	margin-bottom: 1rem;
}

#form-checkout .form-fields .field.fluid {
	width: 100%;
}

#form-checkout .form-fields .field.custom_amount {
	background: #fff;
	border-bottom: 2px dashed #e5e5e5;
	border-top: 2px dashed #e5e5e5;
	margin: 0 -1.5rem 2rem;
	padding: 2rem;
	width: calc(100% + 3rem);
}

#form-checkout .form-fields .field.custom_amount label {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
	margin-left: 0;
}

#form-checkout .form-fields .guest-email {
	flex: 1!important;
	margin-bottom: 2rem;
	min-width: 100%;
}

#form-checkout .form-fields .notes {
	flex: 1!important;
	margin-bottom: 2rem!important;
	min-width: 100%;
}

#form-checkout .form-fields .notes label {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
	margin-left: 0;
}

#form-checkout .form-fields .notes textarea {
	border-radius: .75rem!important;
	color: #264d97;
}

#checkout-response {
	align-items: center;
	background: linear-gradient(45deg,#f3f3f3,#f7f7f7,#fbfbfb);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: -2rem;
	padding: 0 0 2rem;
	width: 100%;
}

#checkout-response>.heading {
	line-height: 1.5;
	margin: 0 -2rem;
	padding: 2rem;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 9;
}

#checkout-response>.heading .title {
	color: #424242;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 1rem;
}

#checkout-response>.heading .subheading {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(42deg,#ff737d 50%,#4e4e4e 0);
	-webkit-background-clip: text;
	color: #ff737d;
	font-size: 1.8rem;
	font-weight: 800;
}

#checkout-response .columns {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 900px;
	padding: 0 2rem;
	width: 100%;
}

#checkout-response .columns>div {
	background: #fff;
	border-radius: 1rem;
	flex: 1;
	font-size: 1.1rem;
	max-width: 400px;
	overflow: hidden;
	padding: 2rem;
}

#checkout-response .columns>div.left {
	margin-right: 2rem;
}

#checkout-response .columns>div.left .note {
	background: #708090;
	border-radius: .75rem;
	color: #fff;
	font-size: 1rem;
	line-height: 1.5;
	margin: 1rem 0;
	padding: 1rem;
}

#checkout-response .columns>div.left .note span {
	color: #fff;
	font-weight: 600;
}

#checkout-response .columns>div.right>.heading {
	border-left: .25rem solid #ffcc75;
}

#checkout-response .columns>div.right .note {
	border-radius: .75rem;
	box-shadow: inset 0 0 11px -2px rgba(0,0,0,.11);
	color: #000;
	font-size: 1rem;
	font-weight: 600;
	margin: 1rem 0 0;
	padding: 1.5rem 2rem;
	text-align: center;
}

#checkout-response .columns>div.right .note span {
	color: #ff6d3d;
	font-size: 1.1rem;
	font-weight: 600;
	text-transform: lowercase;
}

#checkout-response .columns>div>.heading {
	background: #f4f4f4;
	border-left: .25rem solid #9675ff;
	border-radius: .75rem;
	border-radius: 0 .75rem .75rem 0;
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
	padding: 1rem 1.5rem;
}

#checkout-response .columns>div .items .item {
	display: flex;
	justify-content: space-between;
	padding: .5rem 0;
}

#checkout-response .columns>div .items .item .name {
	margin-right: auto;
	max-width: 300px;
}

#checkout-response .columns>div .items .item:not(:last-child) {
	border-bottom: 2px dotted #c4c4c4;
}

#checkout-response .columns>div .items .item.minus {
	color: #00baff;
	font-weight: 600;
}

#checkout-response .columns>div .items .item.total {
	color: #ff9250;
	font-size: 1.2rem;
	font-weight: 600;
}

#checkout-response .columns>div .items .item .text {
	font-weight: 600;
	margin-left: 1rem;
}

#checkout-response .columns>div .items .item .text .download {
	background: radial-gradient(#ffd944,#ffe3b6);
	border-radius: .5rem;
	color: #000;
	display: table;
	font-size: 1rem;
	line-height: 1.5;
	padding: .5rem .75rem;
	text-decoration: none;
}

#checkout-response .columns>div .items .item .text .download:hover {
	background: #ffdc55;
}

#checkout-response .columns>div .items .item .text.list {
	position: relative;
}

#checkout-response .columns>div .items .item .text.list:hover .menu {
	display: block;
}

#checkout-response .columns>div .items .item .text.list .download {
	cursor: pointer;
}

#checkout-response .columns>div .items .item .text.list .menu {
	background: #fff;
	border-radius: .5rem;
	display: none;
	left: 0;
	padding: .5rem 0;
	position: absolute;
	top: auto;
	z-index: 1;
}

#checkout-response .columns>div .items .item .text.list .menu .link {
	background: linear-gradient(315deg,#888,#7e7e7e);
	color: #fff;
	display: block;
	min-width: 100px;
	padding: .5rem .75rem;
}

#checkout-response .columns>div .items .item .text.list .menu .link:first-child {
	border-radius: .5rem .5rem 0 0;
}

#checkout-response .columns>div .items .item .text.list .menu .link:last-child {
	border-radius: 0 0 .5rem .5rem;
}

#checkout-response .columns>div .items .item .text.list .menu .link:not(:last-child) {
	border-bottom: 1px solid #fff;
}

#checkout-response .columns>div .items .item .text.list .menu .link:hover {
	background: linear-gradient(315deg,#5e5e5e,#7e7e7e);
}

#checkout-response .buttons {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 1rem auto 0;
	max-width: 800px;
	width: 100%;
}

#checkout-response .buttons a {
	background: #fff;
	border-radius: .5rem;
	color: #000;
	display: block;
	flex: 1;
	font-family: system-ui;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
}

#checkout-response .buttons a.homepage {
	box-shadow: inset 4px 4px 0 0 #ffc253;
	color: #000;
	margin-right: 2rem;
}

#checkout-response .buttons a.purchases {
	box-shadow: inset -4px -4px 0 0 #ff7878;
	color: #ff7878;
}

#checkout-response .buttons.guest .homepage {
	margin-right: 0;
}

#checkout-response:not(.product):not(.collection) .columns>.column.left {
	margin: 0 auto;
}

#checkout-response:not(.product):not(.collection) .columns>.column.right {
	display: none;
}

#pricing>.title {
	border-bottom: 1px solid #f5f5f5;
	color: #000;
	line-height: 1.5;
	margin: 0 auto;
	padding: 2rem;
	text-align: left;
}

#pricing>.title .header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(59deg,#12425d,#4fc0ff 21%);
	-webkit-background-clip: text;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#pricing>.title .subheader {
	font-size: 1.3rem;
	line-height: 1.5;
	margin-top: .75rem;
}

#pricing>.cards {
	align-items: center;
	background: #fdfdfd;
	justify-content: center;
	margin: auto;
	padding: 3.5rem 3rem;
}

#pricing .card {
	border-radius: 4rem 4rem 1.5rem 1.5rem;
	box-shadow: 0 0 20px 10px rgba(0,0,0,.03)!important;
	margin-bottom: 3rem;
	margin-top: 3rem!important;
}

#pricing .card * {
	color: #000!important;
}

#pricing .card .content {
	border: none;
}

#pricing .card .content.header {
	align-items: center;
	display: flex;
	padding: 3.5rem 2.5rem 2.5rem;
	position: relative;
}

#pricing .card .content.header:before {
	background: #f3f3f3;
	content: "";
	height: 20px;
	left: 0;
	-webkit-mask-image: url(/assets/images/pricing_card_mask.png);
	-webkit-mask-position: bottom center;
	-webkit-mask-size: cover;
	max-height: 20px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

#pricing .card .content.header .label {
	display: none;
}

#pricing .card .content.header .icon {
	height: 60px;
	rotate: -20deg;
	width: 60px;
}

#pricing .card .content.header .description {
	display: block;
	margin-left: 1rem;
}

#pricing .card .content.header .description .title {
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: .75rem!important;
}

#pricing .card .content.header .description .pricing {
	align-items: baseline;
	display: flex;
}

#pricing .card .content.header .description .pricing .price {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1;
	margin: 0 .5rem 0 0!important;
	padding: 0;
}

#pricing .card .content.header .description .pricing .time {
	font-weight: 500;
}

#pricing .card .content.body {
	padding: 0 3.5rem 2rem;
}

#pricing .card .content.body .header {
	display: table;
	font-weight: 600;
	margin: 1rem auto 0;
	padding-bottom: 1rem;
	text-align: center;
}

#pricing .card .content.body .item {
	align-items: center;
	border-radius: .75rem;
	display: flex;
	font-size: 1.1rem;
	font-weight: 500;
}

#pricing .card .content.body .item:not(:last-child) {
	margin-bottom: .75rem;
}

#pricing .card .content.body .item .icon {
	background: #00cdeb;
	border-radius: 500px;
	display: flex;
	height: 30px;
	margin-right: 1rem;
	padding: .5rem;
	width: 30px;
}

#pricing .card .content.body .item .icon img {
	width: 100%;
}

#pricing .card .content.body .item .icon:not(.included) {
	background: #ededed;
	height: 29px;
	padding: .6rem;
	width: 29px;
}

#pricing .card .content.body .item .icon:not(.included) img {
	display: none;
}

#pricing .card .content.body .item .icon.included img {
	filter: invert(1);
}

#pricing .card .content.footer {
	padding: 0 3rem 2rem;
}

#pricing .card .content.footer .button {
	background: #ffd53f;
	border-radius: 100px;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
}

#pricing .card.popular {
	background: #6a5acd;
}

#pricing .card.popular * {
	color: #fff!important;
}

#pricing .card.popular .label * {
	color: #000!important;
}

#pricing .card.popular .header img {
	filter: invert(1);
}

#pricing .card.popular .content.header .label {
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	top: -2.25rem;
	width: 100%;
	z-index: 1;
}

#pricing .card.popular .content.header .label>div {
	background: #fff;
	border-bottom: .5rem solid #6a5acd;
	border-radius: 2rem 2rem 40% 40%;
	color: #000;
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	margin: auto;
	padding: .85rem 2rem .35rem;
	text-align: center;
}

#pricing .card.popular .content.footer .button {
	background: #fff;
	color: #000!important;
}

#items {
	min-height: 500px;
	padding: 2rem;
}

#items .results {
	align-items: center;
	display: flex;
	margin-bottom: 2rem;
}

#items .results .header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(56deg,#00fdff,#ff6c00 90%);
	-webkit-background-clip: text;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#items .results .remove {
	font-size: 1.2rem;
	font-weight: 500;
	margin-left: auto;
}

#items>.ui.menu.filter {
	background: #fafafb;
	border-radius: .75rem;
	height: 55px;
	overflow: hidden;
	width: 100%;
}

#items>.ui.menu.filter>.item {
	border-radius: 0;
	color: #000;
	font-size: 1.1rem;
	font-weight: 500;
	overflow: hidden;
	padding: 1rem 1.5rem;
	position: relative;
}

#items>.ui.menu.filter>.item:not(:last-child) {
	border-right: 5px solid #fff;
}

#items>.ui.menu.filter>.item.selected,#items>.ui.menu.filter>.item:hover {
	background: #ff5349;
	color: #fff;
	font-weight: 600;
}

#reactions {
	background: transparent;
	box-shadow: none;
	max-width: 400px;
	width: 100%;
}

#reactions .header {
	background: #ffd439;
	border-radius: 1rem 1rem 0 0!important;
}

#reactions .header .wrapper {
	display: flex;
}

#reactions .header .name {
	background-position: 50%;
	background-size: cover;
	border: 3px solid #fff;
	border-radius: 100px;
	display: block;
	filter: contrast(1.1);
	height: 45px!important;
	margin: .5rem .5rem 1rem;
	position: relative;
	text-align: center;
	width: 45px;
}

#reactions .header .name.active * {
	color: #266e6c!important;
	font-weight: 700!important;
}

#reactions .header .name.like {
	background-image: url(/assets/images/reactions/like.png);
}

#reactions .header .name.love {
	background-image: url(/assets/images/reactions/love.png);
}

#reactions .header .name.angry {
	background-image: url(/assets/images/reactions/angry.png);
}

#reactions .header .name.funny {
	background-image: url(/assets/images/reactions/funny.png);
}

#reactions .header .name.sad {
	background-image: url(/assets/images/reactions/sad.png);
}

#reactions .header .name.wow {
	background-image: url(/assets/images/reactions/wow.png);
}

#reactions .header .name .label {
	bottom: -2.5rem;
	font-size: .9rem;
	left: 0;
	width: 100%;
}

#reactions .header .name .count,#reactions .header .name .label {
	color: #000;
	font-weight: 600;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
}

#reactions .header .name .count {
	font-size: .8rem;
	right: 0;
	top: -1.5rem;
}

#reactions .content {
	border-radius: 0 0 1rem 1rem!important;
}

#reactions .content .wrapper {
	height: 350px;
	overflow-y: auto;
}

#reactions .content .users {
	display: none;
	flex-wrap: wrap;
}

#reactions .content .users.active {
	display: flex;
}

#reactions .content .users .user {
	align-items: center;
	display: flex;
	overflow: hidden;
	padding: .5rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 50%;
}

#reactions .content .users .user>.avatar {
	height: 30px;
	margin-right: .5rem;
	min-width: 30px;
	width: 30px;
}

#reactions .content .users .user img.avatar {
	height: 30px!important;
	width: 30px!important;
}

#reactions .content .users .user .text {
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize;
}

#user {
	min-height: 500px;
}

#user .table-wrapper {
	border-radius: 1rem;
	padding: 2rem;
	width: 100%;
}

#user .table-wrapper table {
	border: none;
	font-size: 1.1rem;
}

#user>.items>.header:not(.extra) {
	align-items: flex-start;
	background: #f0f8ff;
	display: flex;
	flex-wrap: wrap;
	padding: 2rem;
}

#user>.items>.header.extra {
	background: #fef8cd;
	overflow: hidden;
	padding: 1rem 2rem;
	position: relative;
}

#user>.items>.header.extra * {
	color: #000;
	position: relative;
}

#user>.items>.header.extra:before {
	background: #ffe57b;
	border-right: .75rem solid #fff;
	content: "";
	height: 100%;
	left: -5%;
	position: absolute;
	top: 0;
	transform: skewX(20deg);
	width: 33%;
}

#user>.items>.header.extra .title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#user .profile .button {
	border-radius: .75rem;
}

#user .profile>.header .image {
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	height: 100px;
	margin-bottom: 1rem;
	width: 100px;
}

#user .profile>.header>.content:first-child {
	margin-right: 1.5rem;
}

#user .profile>.header>.content:first-child .button {
	border-radius: .75rem;
}

#user .profile>.header>.content:last-child {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.5;
}

#user .profile>.header>.content:last-child .name {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#user .profile>.header>.content:last-child>:not(:last-child) {
	margin-bottom: .5rem;
}

#user .profile>.header>.content:last-child .email .verified {
	color: #008997;
	font-size: 1.1rem;
	font-weight: 600;
}

#user .profile>form {
	padding: 2rem;
}

#user .profile>form input {
	border-radius: .75rem;
}

#user .profile>form .dropdown {
	box-shadow: none!important;
}

#user .profile>form .dropdown,#user .profile>form .dropdown .menu {
	border-radius: .75rem!important;
}

#user .profile>form .dropdown .menu {
	box-shadow: none!important;
	margin: 1rem 0!important;
}

#user .notifications>.items {
	padding: 2rem;
}

#user .notifications>.items .item {
	align-items: flex-start;
	background: rgba(250,250,255,.61);
	border-radius: .75rem;
	display: flex;
	font-size: 1.1rem;
	line-height: 1.5;
	padding: .75rem;
}

#user .notifications>.items .item:not(:last-child) {
	margin-bottom: .75rem;
}

#user .notifications>.items .item .image {
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	height: 60px;
	margin-right: 1.5rem;
	max-height: 60px;
	max-width: 60px;
	min-width: 60px;
	width: 60px;
}

#user .notifications>.items .item .text {
	font-weight: 500;
}

#user .notifications>.items .item .date {
	color: grey;
	font-size: 1rem;
	margin-top: .5rem;
}

#user .notifications .ui.pagination.menu {
	margin: 0 2rem;
}

#user .invoices .table.wrapper {
	padding: 2rem;
}

#user .invoices table {
	border: none!important;
	border-radius: .75rem!important;
}

#user .invoices thead {
	background: #ff6f55;
	border-radius: .75rem .75rem 0 0!important;
}

#user .invoices thead th {
	border: none;
	color: #fff!important;
}

#user .invoices thead tr:first-child>th:first-child {
	border-radius: .75rem 0 0 0;
}

#user .invoices thead tr:first-child>th:last-child {
	border-radius: 0 .75rem 0 0;
}

#user .invoices .button {
	background: #fff!important;
	border: 1px solid #c8c8c8;
	border-radius: .75rem!important;
	margin: 0;
}

#user .invoices .ui.pagination.menu {
	margin: 0 2rem;
}

#user .coupons .items-list {
	font-size: 1.1rem;
	padding: 2rem;
}

#user .coupons .titles {
	background: #ff4b4b;
	border-radius: .75rem .75rem 0 0;
	color: #fff;
	display: flex;
	justify-content: space-between;
}

#user .coupons .titles>div {
	align-items: center;
	flex: 1;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	padding: 1rem;
	text-align: center;
}

#user .coupons .titles>div.code {
	text-align: left;
}

#user .coupons .content {
	align-items: center;
	display: flex;
	text-align: left;
}

#user .coupons .content>div {
	flex: 1;
	padding: 1.25rem;
	text-align: center;
}

#user .coupons .content>div.code {
	text-align: left;
}

#user .coupons .content.expired {
	background: #f8f8ff;
	opacity: .5;
}

#user .purchases .titles {
	align-items: center;
	background: #6a5acd;
	border-radius: 1rem 1rem 0 0;
	display: flex;
}

#user .purchases .titles * {
	color: #fff;
}

#user .purchases .titles>div {
	flex: 1;
	font-size: 1.3rem;
	padding: 1rem;
	text-align: center;
}

#user .purchases .titles>div.name {
	flex: 2;
}

#user .purchases tbody .parent td:not(.link),#user .purchases thead th:not(.link) {
	text-align: center;
}

#user .purchases tr.parent {
	font-weight: 500;
}

#user .purchases tr.parent .status div {
	border: 1px solid #505050;
	border-radius: .5rem;
	color: #000;
	display: table;
	font-family: system-ui;
	font-size: 1rem;
	font-weight: 500;
	margin: auto;
	min-width: 80px;
	padding: .25rem .75rem;
	text-align: center;
}

#user .purchases tr.parent .status.paid div {
	background: #d5d5d5;
	border-color: #d5d5d5;
	color: #000;
}

#user .purchases tr.parent .links {
	text-align: center;
}

#user .purchases tr.parent .links a {
	display: flex;
	justify-content: center;
}

#user .purchases tr.parent .links img {
	height: 30px;
	width: 30px;
}

#user .purchases .products {
	display: none;
}

#user .purchases .products.active {
	display: table-row;
}

#user .purchases .products tr td {
	background: #fff;
}

#user .purchases .products tr td:last-child {
	border-right: 1px solid rgba(34,36,38,.1);
}

#user .purchases .products .button {
	background: #fff;
	border-radius: .5rem;
	box-shadow: 0 0 0 2px #645aff;
	color: #645aff;
	font-family: system-ui;
	font-size: 1.1rem;
	font-weight: 500;
	padding: .75rem 1rem;
}

#user .purchases .products .button:hover {
	background: #645aff;
	color: #fff;
}

#user .purchases .products .button .menu {
	border-radius: .75rem;
	box-shadow: none;
	margin-top: .25rem;
}

#user .purchases .products .button .item {
	font-size: 1.1rem;
	font-weight: 600;
}

#user .subscriptions .wrapper {
	display: table;
	width: 100%;
}

#user .subscriptions .item {
	display: flex;
	font-size: 1.1rem;
	text-align: center;
}

#user .subscriptions .item>div {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: center;
	padding: 1rem;
}

#user .subscriptions .item.titles {
	background: #efefef;
	border-radius: 1rem 1rem 0 0;
}

#user .subscriptions .item.titles div {
	align-items: center;
	color: #000;
	display: flex;
	font-size: 1.2rem;
	justify-content: center;
}

#user .subscriptions .item:not(.titles):not(:last-child) {
	border-bottom: 1px solid #f6f6f6;
}

#user .subscriptions .items-list {
	font-size: 1.1rem;
	margin: auto;
	max-width: 1100px;
	padding: 2rem;
	width: 100%;
}

#user .subscriptions .items-list .titles {
	background: #fff!important;
	border-bottom: 2px solid #ebebeb;
	border-radius: .75rem .75rem 0 0;
	color: #000;
	display: flex;
	justify-content: space-between;
}

#user .subscriptions .items-list .titles>div {
	align-items: center;
	flex: 1;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	padding: 1rem;
	text-align: center;
}

#user .subscriptions .items-list .titles>div.category,#user .subscriptions .items-list .titles>div.name {
	text-align: left;
}

#user .subscriptions .items-list .titles>div.cover {
	max-width: 80px;
}

#user .subscriptions .items-list .content {
	align-items: center;
	background: #fff;
	display: flex;
	text-align: left;
}

#user .subscriptions .items-list .content>div {
	flex: 1;
	padding: 1.25rem;
	text-align: center;
}

#user .subscriptions .items-list .content>div.status .label {
	border-radius: .75rem;
	font-size: 1.1rem;
	font-weight: 600;
	min-width: 100px;
}

#user .subscriptions .items-list .content>div.download .button {
	border-radius: .75rem;
	font-weight: 600;
}

#user .subscriptions .items-list .content>div.download .dropdown .menu {
	border-radius: .75rem!important;
	box-shadow: none!important;
}

#user .subscriptions .items-list .content>div.name {
	text-align: left;
}

#user .subscriptions .items-list .content>div.name a {
	display: block;
}

#user .subscriptions .items-list .content>div.name a:hover {
	color: #000;
	font-weight: 600;
}

#user .subscriptions .items-list .content>div.category {
	text-align: left;
}

#user .subscriptions .items-list .content>div.category a {
	display: block;
}

#user .subscriptions .items-list .content>div.category a:hover {
	color: #000;
	font-weight: 600;
}

#user .subscriptions .items-list .content>div.cover {
	max-width: 80px;
}

#user .subscriptions .items-list .content>div.cover a {
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	display: block;
	height: 50px;
	width: 50px;
}

#user .collection>.cards {
	margin: 0;
	padding: 1rem;
}

#user .collection>.cards .content {
	display: flex;
	padding: 0;
}

#user .collection>.cards .content .cover {
	background-position: 50%;
	background-size: cover;
	border-radius: .75rem;
	height: 100px;
	margin-right: 1rem;
	min-width: 100px;
	width: 100px;
}

#user .collection>.cards .content .details {
	position: relative;
}

#user .collection>.cards .content .details a {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
}

#user .collection>.cards .content .details a:hover {
	color: #000;
}

#user .collection>.cards .content .details a.name {
	font-weight: 600;
	margin-bottom: .5rem;
}

#user .collection>.cards .content .details a.category {
	color: grey;
	font-size: 1rem;
	font-weight: 500;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

#user .collection>.cards .content .details .trash {
	bottom: 6px;
	color: #ff9e00;
	cursor: pointer;
	font-size: 1.2rem;
	position: absolute;
	right: 0;
}

#user .collection>.cards .content .details .trash:hover {
	font-weight: 600;
}

#user .collection>.cards .card {
	border-radius: .75rem;
	height: 100px;
	max-height: 100px;
	overflow: hidden;
}

#user .credits>.body {
	padding: 1rem 2rem 3rem;
}

#user .credits>.body .card {
	border-radius: .75rem;
	box-shadow: 0 0 20px 0 hsla(0,0%,94%,.34)!important;
	overflow: hidden;
}

#user .credits>.body .card>.content {
	align-items: center;
	display: flex;
}

#user .credits>.body .card>.content img {
	height: 50px;
	min-height: 50px;
	min-width: 50px;
	width: 50px;
}

#user .credits>.body .card>.content .content {
	font-size: 1.1rem;
	font-weight: 600;
	padding-left: 1.5rem;
	text-align: center;
	text-transform: capitalize;
}

#user .credits>.body .card>.content .content .name {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1rem;
}

#user .credits>.body .card>.content .content .count {
	background: rgba(240,248,255,.28);
	border-radius: .75rem;
	color: #385e83;
	font-size: 1.3rem;
	font-weight: 600;
	padding: .75rem 1rem .5rem;
}

#user .credits .affiliate-earnings {
	margin-top: 2.5rem!important;
}

#user .credits .affiliate-earnings>.header {
	background: #fbfdff;
	padding: 2rem;
}

#user .credits .affiliate-earnings>.header img {
	margin-right: 1.5rem;
}

#user .credits .affiliate-earnings>.header .title div {
	font-size: 1.3rem;
}

#user .credits .affiliate-earnings>.header .title div:first-child {
	font-weight: 600;
	margin-bottom: 1rem;
}

#user .credits .affiliate-earnings>.header .title div:last-child {
	color: #8c8c8c;
	font-weight: 500;
}

#user .credits .affiliate-earnings>.header .date {
	margin-left: auto;
}

#user .credits .affiliate-earnings>.header .date input {
	border-radius: .75rem;
	font-size: 1.1rem;
	height: 45px;
}

#user .credits .affiliate-earnings>.grid {
	height: 404px;
	min-height: 404px;
	overflow-y: visible;
}

#user .credits .affiliate-earnings>.grid .row {
	display: flex;
}

#user .credits .affiliate-earnings>.grid .row span {
	background: linear-gradient(-180deg,#ff8d5c,#ff6b6b);
	border-radius: 1rem 1rem 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	max-height: 305px;
	position: absolute;
	right: 17%;
	width: 70%;
}

#user .credits .affiliate-earnings>.grid .row span i {
	display: none;
	font-size: 1rem;
	left: -3px;
	line-height: 1;
	position: absolute;
}

#user .credits .affiliate-earnings>.grid .row:last-child div {
	align-items: flex-end;
	height: 40px;
	justify-content: center;
}

#user .credits .affiliate-earnings>.grid .row div {
	align-items: flex-end;
	display: flex;
	flex: 1;
	height: 30px;
	justify-content: flex-end;
	line-height: 1!important;
	position: relative;
	text-align: right;
}

#user .credits .affiliate-earnings>.grid .row div:after {
	border-right: 2px dashed #e8e8e8;
	bottom: 0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	width: 1px;
}

#user .credits .affiliate-earnings>.grid .row div:first-child {
	justify-content: flex-end;
	min-width: 45px;
	padding-right: 1rem;
}

#user .credits .affiliate-earnings>.grid .row:not(:last-child) div:not(:first-child):before {
	border-bottom: 2px dashed #e8e8e8;
	bottom: 0;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

#user .credits .affiliate-earnings>.grid .wrapper {
	min-width: 100%;
	padding-right: 1rem;
}

#user .credits .orders {
	margin-top: 2.5rem!important;
}

#user .credits .orders>.header {
	background: #fbfdff;
	padding: 2rem;
}

#user .credits .orders>.header img {
	margin-right: 1.5rem;
}

#user .credits .orders>.header .title div {
	font-size: 1.3rem;
}

#user .credits .orders>.header .title div:first-child {
	font-weight: 600;
	margin-bottom: 1rem;
}

#user .credits .orders>.header .title div:last-child {
	color: #8c8c8c;
	font-weight: 500;
}

#user .credits .orders>.header .date {
	margin-left: auto;
}

#user .credits .orders>.header .date input {
	border-radius: .75rem;
	font-size: 1.1rem;
	height: 45px;
}

#user .credits .orders .body {
	display: block;
}

#user .credits .orders .body thead th {
	background: #fff;
	color: #293f55;
	font-weight: 600;
	text-align: center;
}

#user .credits .orders .body tfoot th {
	background: #fff;
}

#user .credits .orders .body td.items .item:not(:last-child) {
	border-bottom: 2px dashed #ebebeb;
	margin-bottom: .75rem;
	padding-bottom: .75rem;
}

#user .credits .orders .body tbody td {
	background: rgba(225,190,255,.03);
}

#user .credits .orders .body .table {
	border: none;
}

#user .credits .orders .body .label {
	border-radius: .75rem!important;
	font-size: 1rem;
	font-weight: 500;
	width: 100%;
}

#user .credits .ui.pagination.menu {
	margin: 0!important;
}

#auth .ui.message {
	border-radius: 1rem;
	font-weight: 700;
	line-height: 1.5;
}

#auth .card {
	border-bottom: .5rem solid #483d8b;
	border-radius: 1rem!important;
	box-shadow: 0 6px 20.1px 4.9px rgba(176,191,238,.12)!important;
	overflow: hidden;
}

#auth .card input {
	border-radius: 100px;
}

#auth .card label:not(.checkbox) {
	padding-left: 1rem;
}

#auth .card .ui.dropdown {
	border-radius: 100px;
}

#auth .card .ui.dropdown .menu {
	border-radius: 1rem!important;
	box-shadow: none!important;
}

#auth .card .ui.dropdown .menu .item {
	font-size: 1.1rem;
	line-height: 1.3;
}

#auth .card .ui.dropdown .menu .item:not(:last-child) {
	border-bottom: 1px solid #f3f3f3;
}

#auth .card .content {
	padding: 1rem 1.5rem!important;
}

#auth .card .content.logo {
	align-items: center;
	background: #fff;
	border-bottom: .5rem solid #7463dd;
	display: flex;
	justify-content: center;
	min-height: 100px;
}

#auth .card .content.logo a {
	display: block;
}

#auth .card .content.logo img {
	height: auto;
	max-width: 210px;
	width: 100%;
}

#auth .card .content .title {
	color: #2d73ad;
}

#auth.newsletter-unsubscribe .logo {
	background: #cd5c5c!important;
}

#auth.newsletter-unsubscribe .logo a {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	margin: 0!important;
	padding: .5rem!important;
}

#auth.newsletter-unsubscribe h2 {
	color: #464646;
	font-size: 1.3rem!important;
	font-weight: 600;
}

#blog {
	padding: 2rem;
}

#blog>.ui.secondary.menu {
	box-shadow: 0 0 20px 10px #ededed;
	margin: -2rem -2rem 2rem;
	padding: 1.5rem;
}

#blog>.ui.secondary.menu>.header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(56deg,#00fdff,#ff6c00 90%);
	-webkit-background-clip: text;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 0;
}

#blog>.ui.secondary.menu .search .input {
	font-size: 1.2rem;
	height: 50px;
}

#blog>.ui.secondary.menu .search .input input {
	border-color: #f4f4f4;
	border-radius: 1rem;
	color: #000;
	font-weight: 500;
}

#blog>.ui.secondary.menu .search .input i {
	margin-right: .5rem;
}

#blog>.ui.secondary.menu .ui.dropdown {
	align-items: center;
	background: #ff7c5f;
	border-radius: 500px;
	color: #fff;
	display: flex;
	height: 45px;
	justify-content: center;
	margin-left: 0;
	width: 45px;
}

#blog>.ui.secondary.menu .ui.dropdown i {
	bottom: -2px;
	font-size: 1.2rem;
	position: relative;
}

#blog>.ui.secondary.menu .ui.dropdown .menu {
	border-color: #f3f3f3;
	border-radius: .75rem;
	box-shadow: none;
	margin: .5rem 0;
	overflow: hidden;
}

#blog>.ui.secondary.menu .ui.dropdown .menu .item {
	border-radius: 0;
}

#blog>.ui.secondary.menu .ui.dropdown .menu .item:hover {
	color: #000!important;
	font-weight: 600!important;
}

#blog .ui.cards .card {
	border-radius: .75rem;
	overflow: hidden;
}

#blog .ui.cards .card .cover {
	display: flex;
	padding: 0;
}

#blog .ui.cards .card .cover img {
	border-radius: .75rem;
}

#blog .ui.cards .card .cover time {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: rgba(71,51,255,.48);
	border-radius: 0 .75rem .75rem 0;
	color: #fff;
	font-weight: 600;
	left: 0;
	line-height: 1;
	padding: .75rem 1rem .5rem .5rem;
	position: absolute;
	top: 1rem;
}

#blog .ui.cards .card .content {
	border: none;
}

#blog .ui.cards .card .title {
	align-items: center;
	display: flex;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	text-align: center;
}

#blog .ui.cards .card .description {
	font-size: 1.1rem;
	line-height: 1.3;
	padding-top: 0;
	text-align: center;
}

#post>.body>.left>.header,#post>.header {
	background: linear-gradient(45deg,#fbfbfb,hsla(0,0%,90%,.62),#fbfbfb);
	padding: 2rem;
}

#post>.body>.left>.header div,#post>.header div {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(59deg,#12425d,#4fc0ff 21%);
	-webkit-background-clip: text;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#post>.body>.left>.header p,#post>.header p {
	color: #4a4848;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: .75rem;
}

#post>.body>.left>.header span,#post>.header span {
	background: #fff;
	border: 1px solid #eceaea;
	border-radius: .75rem;
	color: #4e4e4e;
	display: table;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	margin-top: .75rem;
	padding: .75rem 1rem .5rem;
}

#post>.body {
	display: flex;
	flex-wrap: wrap;
}

#post>.body>div {
	flex: 1;
	padding: 2rem;
}

#post>.body>div.left {
	flex: 1;
}

#post>.body>div.left>.header {
	display: none;
}

#post>.body>div.left .related-posts .header {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#post>.body>div.left .related-posts .card {
	border-radius: .75rem;
	overflow: hidden;
}

#post>.body>div.left .related-posts .card .cover {
	display: flex;
	padding: 0;
}

#post>.body>div.left .related-posts .card .cover img {
	border-radius: .75rem;
}

#post>.body>div.left .related-posts .card .cover time {
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
	background: rgba(71,51,255,.48);
	border-radius: 0 .75rem .75rem 0;
	color: #fff;
	font-weight: 600;
	left: 0;
	line-height: 1;
	padding: .75rem 1rem .5rem .5rem;
	position: absolute;
	top: 1rem;
}

#post>.body>div.left .related-posts .card .content {
	border: none;
}

#post>.body>div.left .related-posts .card .title {
	align-items: center;
	display: flex;
	font-size: 1.1rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.5;
	text-align: center;
}

#post>.body>div.left .related-posts .card .description {
	font-size: 1.1rem;
	line-height: 1.3;
	padding-top: 0;
	text-align: center;
}

#post>.body>div.left .social-buttons {
	margin: 2rem -2rem;
	padding: 2rem;
}

#post>.body>div.left .social-buttons>span {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#post>.body>div.left .social-buttons .button {
	font-size: 1.3rem;
}

#post>.body>div.right {
	background: #fff;
	box-shadow: -5px 0 14px 7px hsla(0,0%,50%,.05);
	max-width: 350px;
	position: relative;
}

#post>.body>div.right input {
	border-radius: .75rem!important;
	height: 45px;
}

#post>.body>div.right .categories .items-list {
	display: flex;
	flex-wrap: wrap;
	margin: .5rem -.5rem -.5rem;
}

#post>.body>div.right .categories .items-list a {
	background: #fff;
	border-radius: .5rem;
	font-size: 1.1rem;
	font-weight: 500;
	margin: .5rem;
	max-width: 150px;
	overflow: hidden;
	padding: .75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

#post>.body>div.right .categories .items-list a:hover {
	box-shadow: 0 0 25px 0 hsla(0,0%,59%,.26);
	color: #000;
	font-weight: 600;
}

#post>.body>div.right .items-title {
	color: #1d1d1d;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 1rem;
	position: relative;
	text-align: center;
}

#post>.body>div.right .items-title:after,#post>.body>div.right .items-title:before {
	background: #f2f2f3;
	border-radius: 1rem;
	content: "";
	height: 1rem;
	position: absolute;
	top: calc(50% - .5rem);
	width: 20%;
}

#post>.body>div.right .items-title:before {
	left: 0;
}

#post>.body>div.right .items-title:after {
	right: 0;
}

#post>.body>div.right .latest-posts .item {
	align-items: center;
	display: flex;
}

#post>.body>div.right .latest-posts .item .cover {
	background-position: 50%;
	background-size: cover;
	border: .25rem solid #fff;
	border-radius: 500px;
	display: flex;
	height: 90px;
	margin-right: 1rem;
	min-height: 90px;
	min-width: 90px;
	width: 90px;
}

#post>.body>div.right .latest-posts .item:not(:last-child) {
	margin-bottom: 1.25rem;
}

#post>.body>div.right .latest-posts .item .content {
	flex: 1;
}

#post>.body>div.right .latest-posts .item .content .name {
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
}

#post>.body>div.right .latest-posts .item .content .date {
	color: #313131;
	font-size: .9rem;
	font-weight: 500;
	margin-top: .75rem;
}

#post>.body .post-cover {
	display: flex;
	margin-bottom: 2rem;
}

#post>.body .post-cover img {
	border-radius: .5rem;
}

#prepaid-credits>.header {
	background: #fff1e8;
	overflow: hidden;
	padding: 1rem 2rem;
	position: relative;
}

#prepaid-credits>.header:before {
	background: linear-gradient(220deg,#ffa457,#ff8787)!important;
	border-right: .75rem solid #fff;
	content: "";
	height: 100%;
	left: -5%;
	position: absolute;
	top: 0;
	transform: skewX(20deg);
	width: 33%;
}

#prepaid-credits>.header * {
	color: #fff;
	position: relative;
}

#prepaid-credits>.header .title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#prepaid-credits>.body {
	display: flex;
	font-size: 1.1rem;
	line-height: 1.5;
}

#prepaid-credits>.body>div {
	flex: 1;
	padding: 3rem;
}

#prepaid-credits>.body>div.right-side {
	max-width: 400px;
	overflow-y: clip;
	position: relative;
	width: 100%;
}

#prepaid-credits>.body>div.right-side:before {
	box-shadow: -5px 0 14px 7px hsla(0,0%,50%,.05);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#prepaid-credits>.body>div.right-side .methods {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	position: relative;
}

#prepaid-credits>.body>div.right-side .methods>.header {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown {
	border-radius: .75rem!important;
	box-shadow: none;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .text {
	align-items: center;
	display: flex;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .text img {
	border-radius: 100px;
	height: 100%;
	max-height: 34px;
	max-width: 34px;
	width: 100%;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu {
	background: #fff;
	border: none;
	border-radius: .75rem;
	box-shadow: none;
	margin-bottom: 1rem;
	margin-top: 1rem;
	max-height: 300px;
	overflow: hidden;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar {
	height: 5px;
	width: 5px;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-track {
	background: #eaeaea;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb {
	background: #b061ff;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu::-webkit-scrollbar-thumb:hover {
	background: #582a86;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .menu:hover {
	overflow: auto;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item {
	align-items: center;
	display: flex;
	padding: 1.5rem 1.5rem 1rem!important;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item.active,#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item.selected,#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item:hover {
	background: #fff;
	font-weight: 600;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .content {
	min-width: 0;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item img {
	border-radius: 100px;
	height: 50px;
	margin-right: 1rem;
	min-height: 50px;
	min-width: 50px;
	width: 50px;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .name {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1;
	text-transform: capitalize;
}

#prepaid-credits>.body>div.right-side .methods .ui.dropdown .item .description {
	line-height: 1.5;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#prepaid-credits>.body>div.right-side .checkout {
	margin-top: 2rem;
	position: relative;
}

#prepaid-credits>.body>div.right-side .checkout .terms {
	margin-bottom: 1rem;
}

#prepaid-credits>.body>div.right-side .checkout .terms a {
	font-weight: 600;
}

#prepaid-credits>.body>div.right-side .checkout .button {
	align-items: center;
	background: #ffe73e;
	border-radius: .75rem;
	color: #000;
	display: flex;
	font-size: 1.2rem;
	font-weight: 600;
	justify-content: center;
	padding: 1.5rem 1.5rem 1rem;
	text-transform: uppercase;
}

#prepaid-credits>.body>div.right-side .checkout .button:hover {
	font-weight: 700;
}

#prepaid-credits>.body>div.left-side {
	position: relative;
	z-index: 0;
}

#prepaid-credits>.body>div.left-side>.header {
	display: none;
	position: relative;
}

#prepaid-credits>.body>div.left-side>.header:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

#prepaid-credits .card {
	background: #f6f6f7;
	border-radius: .75rem;
}

#prepaid-credits .card.popular .header {
	border-right: 10px solid #27b3cb;
}

#prepaid-credits .card .content {
	border: none;
	font-weight: 500;
	text-align: center;
}

#prepaid-credits .card .content.header {
	border-radius: .75rem .75rem 0 0!important;
	font-size: 1.3rem;
	position: relative;
}

#prepaid-credits .card .content.header .price {
	font-size: 1.8rem;
	margin-top: 1rem;
}

#prepaid-credits .card .content.header .name {
	font-weight: 600;
}

#prepaid-credits .card .content.header .tag {
	background: #27b3cb;
	border-radius: .75rem .75rem 0 0;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	padding: .5rem 1rem;
	position: absolute;
	right: -62px;
	top: 54px;
	transform: rotate(90deg);
	z-index: 1;
}

#prepaid-credits .card .content.body {
	background: #fff;
}

#prepaid-credits .card .content.footer .button {
	background: #fff!important;
	border-radius: .5rem;
	box-shadow: none;
	color: #000!important;
	font-weight: 600;
}

#prepaid-credits .card .content.footer .button.active,#prepaid-credits .card .content.footer .button:hover,#prepaid-credits .card.active .content.footer .button {
	background: linear-gradient(220deg,#ffa457,#ff8787)!important;
	color: #fff!important;
}

#single-page>.header {
	background: #ffedd9;
	overflow: hidden;
	padding: 1rem 2rem;
	position: relative;
}

#single-page>.header:before {
	background: #ff6f6f;
	border-right: .75rem solid #fff;
	content: "";
	height: 100%;
	left: -5%;
	position: absolute;
	top: 0;
	transform: skewX(20deg);
	width: 33%;
}

#single-page>.header * {
	color: #fff;
	position: relative;
}

#single-page>.header .title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#single-page>.body {
	font-size: 1.1rem;
	line-height: 1.5;
	padding: 3rem;
}

#support>.header {
	background: #ffedd9;
	overflow: hidden;
	padding: 1rem 2rem;
	position: relative;
}

#support>.header * {
	color: #fff;
	position: relative;
}

#support>.header:before {
	background: #ff6f6f;
	border-right: .75rem solid #fff;
	content: "";
	height: 100%;
	left: -5%;
	position: absolute;
	top: 0;
	transform: skewX(20deg);
	width: 33%;
}

#support>.header .title {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}

#support>.body {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.1rem;
	line-height: 1.5;
}

#support>.body>.header {
	display: none;
}

#support>.body>div {
	flex: 1;
	padding: 3rem;
}

#support>.body>div.right-side {
	max-width: 400px;
	overflow-y: clip;
	position: relative;
	width: 100%;
}

#support>.body>div.right-side:before {
	box-shadow: -5px 0 14px 7px hsla(0,0%,50%,.05);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#support>.body>div.right-side input,#support>.body>div.right-side textarea {
	border-radius: .75rem;
	min-height: 45px;
}

#support>.body>div.right-side .button {
	border-radius: .75rem;
}

#support>.body>div.left-side *:not(i) {
	font-family: Valexa,Helvetica Neue,Arial,Helvetica,sans-serif!important;
}

#support>.body>div.left-side .faq>.header {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

#support>.body>div.left-side .faq .items {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem;
}

#support>.body>div.left-side .faq .items .item {
	border-radius: .75rem;
	margin: 1rem;
	overflow: hidden;
	width: calc(50% - 2rem);
}

#support>.body>div.left-side .faq .items .item .header {
	align-items: center;
	background: #f0f8ff;
	cursor: pointer;
	display: flex;
	font-weight: 600;
	line-height: 1.5;
	min-height: 25px;
	padding: 1rem;
}

#support>.body>div.left-side .faq .items .item .header img {
	height: 25px;
	margin-right: .75rem;
	position: relative;
	top: -2px;
	width: 25px;
}

#support>.body>div.left-side .faq .items .item .answer {
	border-radius: 0 0 .75rem .75rem;
	box-shadow: inset 0 0 52px 3px hsla(0,0%,50%,.05);
	display: none;
	padding: 1.5rem;
}

#support.report-copyright-violation>.body>div.left-side .content > .header {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

#support.report-copyright-violation>.body>div.left-side .content > .body .item:not(:last-child) {margin-bottom: 1rem;}

#support.report-copyright-violation>.body>div.left-side .content > .body .item i {
    margin-right: .5rem;
    color: wheat;
}

#support.report-copyright-violation>.body>div.left-side .content > .body .item.sub > div:not(:last-child) {
    margin-bottom: 1rem;
}

#recent-purchase-popup {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: hsla(0,0%,100%,.64);
	border-radius: 1rem;
	bottom: 1rem;
	box-shadow: 0 0 20px 10px rgba(0,0,0,.04);
	display: none;
	height: 100%;
	left: 1rem;
	max-height: 140px;
	max-width: 310px;
	min-height: 140px;
	position: fixed;
	width: 100%;
	z-index: 99;
}

#recent-purchase-popup * {
	color: #000;
}

#recent-purchase-popup .content {
	align-items: center;
	display: flex;
	height: 100%;
	padding: 1rem;
	position: relative;
}

#recent-purchase-popup .cover {
	background-position: 50%;
	background-size: cover;
	border-radius: 1rem 0 0 1rem;
	height: 100%;
	left: 0;
	min-height: 140px;
	min-width: 120px;
	position: absolute;
	top: 0;
	width: 120px;
}

#recent-purchase-popup .details {
	margin-left: 120px;
}

#recent-purchase-popup .details .header {
	align-items: center;
	display: flex;
	margin-bottom: .5rem;
}

#recent-purchase-popup .details .header .name {
	font-weight: 700;
	text-transform: capitalize;
}

#recent-purchase-popup .details .header img {
	border-radius: 500px;
	height: 35px;
	margin-right: .5rem;
	width: 35px;
}

#recent-purchase-popup .details .item {
	margin: .5rem 0 0;
}

#recent-purchase-popup .details .item span {
	color: #000;
	font-weight: 600;
	text-transform: capitalize;
}

#recent-purchase-popup .details .price {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background: rgba(195,55,100,.78);
	border-radius: .5rem;
	bottom: .5rem;
	color: #fff;
	font-family: system-ui;
	font-weight: 600;
	left: .5rem;
	line-height: 1;
	padding: .5rem;
	position: absolute;
}

#recent-purchase-popup .close {
	bottom: 1rem;
	cursor: pointer;
	position: absolute;
	right: 1rem;
}

#item {
  background: aliceblue;
  min-height: 100vh;
}
#item .stars {
  display: flex;
  align-items: center;
  justify-content: center;
}
#item .stars div {
  -webkit-mask-image: url(/assets/images/empty-star-2.svg);
  -webkit-mask-position: left;
  -webkit-mask-size: contain;
  height: 27px;
  background-color: #e2e2e2;
  width: 143px;
  position: relative;
}
#item .stars div span {
  content: "";
  background: #ffd243;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
}
#item > .body {
  background: #fff;
  margin: auto;
  overflow-x: clip;
  position: relative;
  z-index: 0;
}
#item > .body *:not(i) {
  font-family: Valexa;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #000;
}
#item > .body > .title {
  padding: 1.5rem;
  position: relative;
  background: #f7fbff;
}
#item > .body > .title div {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  max-width: 800px;
  margin: auto;
  text-align: center;
}
#item > .body > .title:before {
  background: transparent;
  bottom: 20px;
  box-shadow: 2px 12px 10px 5px grey;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  transform: rotate(-2deg);
  width: 80%;
  z-index: -1;
}
#item > .body > .columns {
  display: flex;
  max-width: 1200px;
  margin: auto;
}
#item > .body > .columns > div {
  padding: 3rem 2rem;
}
#item > .body > .columns > div.left .description {
  padding: 1.5rem;
  background: linear-gradient(45deg, aliceblue, #fff, rgba(240, 248, 255, 0.55), rgba(240, 248, 255, 0.7294117647));
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  max-height: 110px;
}
#item > .body > .columns > div.left .description.active {
	max-height: initial;
}
#item > .body > .columns > div.left .description .show-more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  font-weight: 600;
  color: #2d2d2d;
  background: #fff;
  border-radius: 0.75rem 0 0 0;
  cursor: pointer;
}
#item > .body > .columns > div.left .description .show-more:hover {
  font-weight: 700;
}
#item > .body > .columns > div.left .preview {
  padding: 1.5rem;
  background: linear-gradient(45deg, aliceblue, #fff, rgba(240, 248, 255, 0.55), rgba(240, 248, 255, 0.7294117647));
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#item > .body > .columns > div.left .preview .paginate {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: .75rem .75rem 0 0;
    margin-top: 1.5rem;
}
#item > .body > .columns > div.left .preview .paginate a {
    margin: 0;
    padding: 1rem;
    background: #fff;
    font-weight: 600;
    flex: 1;
    text-align: center !important;
    border-radius: 0.75rem;
    box-shadow: 0 0 0 1px #e8e8e8;
}
#item > .body > .columns > div.left .preview .paginate a:hover {
    background: #e9eef2;
}
#item > .body > .columns > div.left .preview .paginate a.next {
    text-align: right;
    margin-left: auto;
    margin-left: .75rem;
}

#item > .body > .columns > div.left .preview .paginate a.prev {
    margin-right: .75rem;
}
#item > .body > .columns > div.left .preview .content {
  display: flex;
}
#item > .body > .columns > div.left .preview .content img {
  width: 100%;
  border-radius: 0.75rem;
  display: none;
}
#item > .body > .columns > div.left .preview .content img.active {
  display: block;
}
#item > .body > .columns > div.left .preview .realtime-product-views, 
#item > .body > .columns > div.left .preview .realtime-product-checkout {
    font-weight: 500;
    margin-left: auto;
    width: 100%;
    text-align: center;
}
#item > .body > .columns > div.left .preview .realtime-product-checkout {
	display: none;
}
#item > .body > .columns > div.left .preview .realtime-product-views span, 
#item > .body > .columns > div.left .preview .realtime-product-checkout span {
	margin-right: .5rem;
}
#item > .body > .columns > div.left .preview .info-bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    margin: 1.5rem 0 0 0;
    border-radius: 0.75rem;
    background: #fff;
}
#item > .body > .columns > div.left .preview .info-bar .pages {
    font-weight: 500;
}
#item > .body > .columns > div.left .doc-info {
  box-shadow: none !important;
  border: none !important;
  background: linear-gradient(45deg, aliceblue, #fff, rgba(240, 248, 255, 0.55), rgba(240, 248, 255, 0.7294117647)) !important;
  border-radius: 0.75rem !important;
  overflow: hidden;
}
#item > .body > .columns > div.left .doc-info .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #000;
}
#item > .body > .columns > div.left .doc-info .item .count {
  margin-top: 0.5rem;
}
#item > .body > .columns > div.left .doc-info .right.menu .item span {
  display: block;
  background: #ffffff;
  padding: 1rem;
  border-radius: 0.75rem 1rem;
  color: #000 !important;
}
#item > .body > .columns > div.left .doc-info .right.menu .item:before {
  display: none;
}
#item > .body > .columns > div.left .reviews {
  margin-top: 2rem;
}
#item > .body > .columns > div.left .reviews > .title {
  margin-bottom: 1rem;
  border-bottom: 0.25rem solid #da573a;
  display: flex;
  align-items: center;
}
#item > .body > .columns > div.left .reviews > .title img {
  width: 25px;
  transition: transform 0.25s;
  opacity: 0.8;
}
#item > .body > .columns > div.left .reviews > .title .paginate {
  display: flex;
  align-items: center;
  margin-left: auto;
}
#item > .body > .columns > div.left .reviews > .title .paginate .next img {
  rotate: 180deg;
}
#item > .body > .columns > div.left .reviews > .title .paginate a {
  display: flex;
  cursor: pointer;
}
#item > .body > .columns > div.left .reviews > .title .paginate a.next {
  margin-left: 0.5rem;
}
#item > .body > .columns > div.left .reviews > .title .paginate a:hover img {
  transform: scale3d(1.15, 1.15, 1.15);
  opacity: 1;
}
#item > .body > .columns > div.left .reviews > .title .text {
  font-weight: 700;
  font-size: 1.7rem !important;
  color: #da573a !important;
}
#item > .body > .columns > div.left .reviews > .content .item {
  display: flex;
  align-items: flex-start;
  padding: 2rem;
  background: linear-gradient(45deg, aliceblue, #fff, rgba(240, 248, 255, 0.55), rgba(240, 248, 255, 0.7294117647)) !important;
  border-radius: 0.75rem;
}
#item > .body > .columns > div.left .reviews > .content .item .avatar {
  display: flex;
  max-width: 45px;
  width: 100%;
  padding: 0.5rem;
  background: #ffb185;
  border-radius: 0 100px 100px 0;
  margin-left: -2rem;
  margin-right: 1rem;
}
#item > .body > .columns > div.left .reviews > .content .item .avatar img {
  max-width: 100%;
  width: 30px;
  opacity: 0.6;
}
#item > .body > .columns > div.left .reviews > .content .item .content {
	flex: 1;
}
#item > .body > .columns > div.left .reviews > .content .item .content .extra {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin-bottom: 1rem;
}
#item > .body > .columns > div.left .reviews > .content .item .content .extra * {
  font-size: 1.1rem !important;
}
#item > .body > .columns > div.left .reviews > .content .item .content .text {
  font-family: system-ui !important;
}
#item > .body > .columns > div.left .reviews > .content .item:not(:last-child) {
  margin-bottom: 1.5rem;
}
#item > .body > .columns > div.left .reviews > .content .item:first-child {
  border-radius: 0 0 0.75rem 0.75rem;
}
#item > .body > .columns > div.left .reviews > .content .reviews-page:not(.active) {
  display: none;
}
#item > .body > .columns > div.right {
  max-width: 380px;
  width: 100%;
}
#item > .body > .columns > div.right .card {
  width: 100%;
}
#item > .body > .columns > div.right .card.doc, #item > .body > .columns > div.right .card.collection, #item > .body > .columns > div.right .card.bundle {
  margin-bottom: 2rem;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
  background: linear-gradient(45deg, aliceblue, #fff, rgba(240, 248, 255, 0.55), rgba(240, 248, 255, 0.7294117647));
  box-shadow: none;
}
#item > .body > .columns > div.right .card.doc .category, #item > .body > .columns > div.right .card.collection .category, #item > .body > .columns > div.right .card.bundle .category {
  margin-bottom: 1rem;
  text-align: center;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
}
#item > .body > .columns > div.right .card.doc .category *, #item > .body > .columns > div.right .card.collection .category *, #item > .body > .columns > div.right .card.bundle .category * {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
}
#item > .body > .columns > div.right .card.doc .content, #item > .body > .columns > div.right .card.collection .content, #item > .body > .columns > div.right .card.bundle .content {
  padding: 2rem;
  position: relative;
}
#item > .body > .columns > div.right .card.doc .price *, #item > .body > .columns > div.right .card.collection .price *, #item > .body > .columns > div.right .card.bundle .price * {
  font-size: 2rem;
  text-align: center;
  font-weight: 700;
}
#item > .body > .columns > div.right .card.doc .rating, #item > .body > .columns > div.right .card.collection .rating, #item > .body > .columns > div.right .card.bundle .rating {
  margin: 1rem auto 1.5rem;
}
#item > .body > .columns > div.right .card.doc .notes, #item > .body > .columns > div.right .card.collection .notes, #item > .body > .columns > div.right .card.bundle .notes {
  margin-bottom: 2rem;
  position: relative;
  padding: 1.5rem;
  background: #fff;
  border-radius: 0.75rem;
}
#item > .body > .columns > div.right .card.doc .notes img, #item > .body > .columns > div.right .card.collection .notes img, #item > .body > .columns > div.right .card.bundle .notes img {
  width: 35px;
  margin-right: 0.5rem;
  display: none;
}
#item > .body > .columns > div.right .card.doc .notes > div, #item > .body > .columns > div.right .card.collection .notes > div, #item > .body > .columns > div.right .card.bundle .notes > div {
  font-weight: 500;
  display: flex;
  align-items: center;
}
#item > .body > .columns > div.right .card.doc .notes > div:not(:last-child), #item > .body > .columns > div.right .card.collection .notes > div:not(:last-child), #item > .body > .columns > div.right .card.bundle .notes > div:not(:last-child) {
  margin-bottom: 0.75rem;
}
#item > .body > .columns > div.right .card.doc .notes > div span:first-child, #item > .body > .columns > div.right .card.collection .notes > div span:first-child, #item > .body > .columns > div.right .card.bundle .notes > div span:first-child {
  padding: 0.25rem;
  background: rgba(255, 193, 7, 0.5607843137);
  width: 25px;
  height: 25px;
  min-width: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 500px;
  font-size: 1rem !important;
  margin-right: 1rem;
}
#item > .body > .columns > div.right .card.doc .actions, #item > .body > .columns > div.right .card.collection .actions, #item > .body > .columns > div.right .card.bundle .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
#item > .body > .columns > div.right .card.doc .actions > *, #item > .body > .columns > div.right .card.collection .actions > *, #item > .body > .columns > div.right .card.bundle .actions > * {
  flex: 1;
  white-space: nowrap;
  padding: 1rem;
  margin: 0 0.35rem;
  border-radius: 0.75rem;
  color: #000 !important;
  box-shadow: none;
  font-weight: 600;
}
#item > .body > .columns > div.right .card.doc .actions > *:hover, #item > .body > .columns > div.right .card.collection .actions > *:hover, #item > .body > .columns > div.right .card.bundle .actions > *:hover {
  font-weight: 700;
}
#item > .body > .columns > div.right .card.doc .actions .button.buy, #item > .body > .columns > div.right .card.collection .actions .button.buy, #item > .body > .columns > div.right .card.bundle .actions .button.buy {
  background: #ff4d6d !important;
  color: #fff !important;
}
#item > .body > .columns > div.right .card.doc .actions .button.add-to-cart, #item > .body > .columns > div.right .card.collection .actions .button.add-to-cart, #item > .body > .columns > div.right .card.bundle .actions .button.add-to-cart {
  background: #f0f0f0;
  color: #000 !important;
}
#item > .body > .columns > div.right .card.collection .name, #item > .body > .columns > div.right .card.bundle .name {
  margin-bottom: 1rem;
}
#item > .body > .columns > div.right .card.collection .name *, #item > .body > .columns > div.right .card.bundle .name * {
  font-size: 1.5rem !important;
  font-weight: 600;
  text-align: center;
}
#item > .body > .columns > div.right .card.collection .name sup {
  font-size: 1.1rem !important;
  font-weight: 700;
}
#item > .body > .columns > div.right .card.collection .price, #item > .body > .columns > div.right .card.bundle .price {
  margin-bottom: 2rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
#item > .body > .columns > div.right .card.collection .price *, #item > .body > .columns > div.right .card.bundle .price * {
  font-size: 1.8rem;
  position: relative;
}
#item > .body > .columns > div.right .card.collection .price *:before, #item > .body > .columns > div.right .card.bundle .price *:before {
  content: "";
  width: 100%;
  height: 3px;
  top: 15px;
  left: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.69);
  rotate: 9deg;
}
#item > .body > .columns > div.right .card.collection .save, #item > .body > .columns > div.right .card.bundle .save {
  font-size: 1.5rem !important;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
  color: #c412e3;
  margin-top: 2rem;
}
#item > .body > .columns > div.right .card.collection .toggle-notes, #item > .body > .columns > div.right .card.bundle .toggle-notes {
  text-align: center;
  padding: 0.5rem 1rem;
  background: #f0f0f0;
  color: #000;
  font-weight: 600;
  border-radius: 0 0 0.75rem 0.75rem;
  cursor: pointer;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#item > .body > .columns > div.right .card.collection .files, #item > .body > .columns > div.right .card.bundle .files {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  padding: 2rem;
  color: #fff !important;
  font-size: 1.1rem !important;
  z-index: 9;
  background: #fff;
}
#item > .body > .columns > div.right .card.collection .files .wrapper, #item > .body > .columns > div.right .card.bundle .files .wrapper {
  position: relative;
  max-height: 100%;
  overflow: auto;
  height: calc(100% - 65px);
  margin-bottom: 20px;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a, #item > .body > .columns > div.right .card.bundle .files .wrapper .items a {
	font-size: 1.1rem !important;
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0.25rem 0;
	font-weight: 500;
	min-width: 0;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a:not(:last-child), #item > .body > .columns > div.right .card.bundle .files .wrapper .items a:not(:last-child) {
  margin-bottom: 0.55rem;
  border-bottom: 1px dashed #b4b4b4;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a:first-letter, #item > .body > .columns > div.right .card.bundle .files .wrapper .items a:first-letter {
  font-weight: 600;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a span {
    display: block;
    font-size: 1.1rem;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a span:first-child {
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 2rem;
}
#item > .body > .columns > div.right .card.collection .files .wrapper .items a span:last-child {
    margin-left: auto;
    padding-right: 1rem;
}
#item > .body > .columns > div.right .card.collection.active, #item > .body > .columns > div.right .card.bundle.active {
  background: #fff;
  box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.1803921569) !important;
  border-radius: 0.75rem;
}
#item > .body > .columns > div.right .card.collection.active .files, #item > .body > .columns > div.right .card.bundle.active .files {
  display: block;
}
#item > .body > .columns > div.right .card.collection .actions, #item > .body > .columns > div.right .card.bundle .actions {
  margin: 0;
}
#item > .body > .columns > div.right .card.collection .actions > .button, #item > .body > .columns > div.right .card.bundle .actions > .button {
  margin: 0;
}
#item > .body > .columns > div.right .card.collection .actions > .button > *, #item > .body > .columns > div.right .card.bundle .actions > .button > * {
  width: 50%;
  padding: 1rem;
  height: 53px;
  font-weight: 600;
}
#item > .body > .columns > div.right .card.collection .actions > .button .label, #item > .body > .columns > div.right .card.bundle .actions > .button .label {
  font-size: 1.5rem !important;
  border-radius: 0 0.75rem 0.75rem 0;
}
#item > .body > .columns > div.right .card.collection .actions > .button .button, #item > .body > .columns > div.right .card.bundle .actions > .button .button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 0.75rem 0 0 0.75rem;
}
#item > .body > .columns > div.right .card.collection .actions > *, #item > .body > .columns > div.right .card.bundle .actions > * {
  display: flex;
  align-items: center;
}
#item > .body > .columns > div.right .card.collection .notes, #item > .body > .columns > div.right .card.bundle .notes {
  margin-bottom: 0;
  border-radius: 0.75rem 0.75rem 0 0;
}
#item > .body > .columns > div.right .card.collection.active .toggle-notes {
  background: #673b89;
  color: #fff;
}
#item > .body > .columns > div.right .card.bundle .save {
  color: #ff4d6d !important;
}
#item > .body > .columns > div.right .card.bundle .button .button {
  background: #ff4d6d !important;
}
#item > .body > .columns > div.right .card.bundle .label {
  border-color: #ffffff !important;
  color: #000000 !important;
  background: #f0f0f0 !important;
}
#item > .body > .columns > div.right .card.bundle.active .toggle-notes {
  background: #ff4d6d;
  color: #fff;
}
#item > .body > .similar-docs {
	padding: 2rem;
	background: linear-gradient(45deg, #eeeeee, #fff, rgb(243 243 243), rgb(246 246 246)) !important;
}
#item > .body > .similar-docs > .title {
  font-weight: 700;
  font-size: 1.7rem !important;
  color: #752f8d !important;
  margin-bottom: 1rem;
}
#item > .body > .similar-docs .card {
  border-radius: 0.75rem !important;
  overflow: hidden;
  background: #fff;
  box-shadow: none !important;
}
#item > .body > .similar-docs .card .content {
  border: none !important;
}
#item > .body > .similar-docs .card .content.image {
  height: 250px;
  overflow: hidden;
}
#item > .body > .similar-docs .card .content.image img {
  border-radius: 0.75rem;
}
#item > .body > .similar-docs .card .content .title {
  font-size: 1rem !important;
  font-weight: 600;
  color: #141414 !important;
  text-align: center;
  display: block;
}
#item > .body > .similar-docs .card .content .price {
  position: absolute;
  right: 0;
  top: 2rem;
  font-size: 0.9rem !important;
  font-weight: 700;
  background: #da573a;
  display: block;
  padding: 0.35rem 0.35rem 0.15rem 0.35rem;
  border-radius: 0.75rem 0 0 0.75rem;
  color: #ffffff !important;
  border: 4px solid #ffc75d;
  border-right: 0;
}
#item > .body > .similar-docs .card .content.body {
  padding-top: 2.5rem;
}

html.fullwide,html.fullwide body {
	overflow-y: auto;
}

html.fullwide .cards.products.five .card .image {
	height: 270px!important;
	max-height: 270px!important;
}

html.fullwide #right-section {
	height: auto;
	margin: auto;
	max-width: 1600px;
}

html.fullwide #left-section {
	display: none;
}

html.fullwide #top-menu .ui.menu {
	max-width: 1450px;
}

html.fullwide #top-menu .ui.menu .item.logo {
	display: flex;
}

html.fullwide #categories {
	padding: 1rem 0;
}

html.fullwide #categories .wrapper {
	margin: 0 1rem;
}

html.fullwide #top-panel {
	min-height: 420px;
}

html.fullwide #body {
	padding-top: 2rem;
}

html.fullwide #body>.selection>.header,html.fullwide #body>.selection>.ui.cards {
	margin-left: auto;
	margin-right: auto;
	max-width: 1450px;
}

html.fullwide #body>.selection>.header {
	margin-left: 1.5rem;
	margin-right: auto;
}

html.fullwide #items {
	margin: auto;
	max-width: 1400px;
	padding-top: 0;
}

html.fullwide #item {
	margin-top: -2rem;
}

html.fullwide #item>.ui.breadcrumb {
	display: none;
}

html.fullwide #item>.container {
	margin: auto;
	max-width: 1300px;
	overflow: hidden;
}

html.fullwide #item>.container>.left-side {
	position: relative;
	z-index: 0;
}

html.fullwide #item>.container>.left-side>.ui.breadcrumb {
	background: #fff;
	display: block;
	position: relative;
}

html.fullwide #item>.container>.left-side>.ui.breadcrumb:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

html.fullwide #item>.container>.left-side>.header {
	flex-direction: row-reverse;
}

html.fullwide #item>.container>.left-side>.header>div.content {
	padding: 2rem 2rem 2rem 0;
}

html.fullwide #item>.container>.right-side {
	padding-top: 2.5rem;
}

html.fullwide #prepaid-credits {
	margin-left: auto;
	margin-right: auto;
	margin-top: -2rem;
	max-width: 1300px;
	overflow: hidden;
}

html.fullwide #prepaid-credits>.header {
	display: none;
}

html.fullwide #prepaid-credits .left-side>.header {
	align-items: center;
	background: #fff;
	display: flex!important;
	margin: 0 -3rem 3rem;
	min-height: 80px;
	padding: 1rem 3rem;
	position: relative;
}

html.fullwide #prepaid-credits .left-side>.header .title {
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
}

html.fullwide #prepaid-credits .left-side>.header * {
	color: #2a2a2a;
	font-weight: 600;
}

html.fullwide #prepaid-credits .left-side>.header:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

html.fullwide #single-page {
	background: linear-gradient(87deg,hsla(0,0%,96%,0),#f5f5f5,hsla(0,0%,96%,0));
	margin-top: -2rem;
	width: 100%;
}

html.fullwide #single-page>div {
	margin: auto;
	max-width: 900px;
}

html.fullwide #single-page>.header {
	align-items: center;
	background: transparent;
	display: flex;
	min-height: 80px;
	padding: 3rem 3rem 0;
}

html.fullwide #single-page>.header:before {
	display: none;
}

html.fullwide #single-page>.header * {
	color: #000;
}

html.fullwide #blog {
	margin-top: -2rem;
	position: relative;
}

html.fullwide #blog>.ui.secondary.menu {
	box-shadow: none;
	height: 85px;
	margin: -2rem auto 2rem;
	max-width: 1300px;
	padding: 1rem;
}

html.fullwide #blog>.ui.secondary.menu:before {
	background: #f9f9f9;
	content: "";
	height: 85px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

html.fullwide #blog>.ui.secondary.menu>.header {
	-webkit-text-fill-color: unset;
	background: none;
	-webkit-background-clip: unset;
}

html.fullwide #blog>.ui.secondary.menu .ui.dropdown {
	background: #764bc9;
	border-radius: .75rem;
	color: #fff;
}

html.fullwide #blog>.ui.cards {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	max-width: 1300px;
}

html.fullwide #post {
	margin: -2rem auto 0;
	max-width: 1200px;
	overflow: hidden;
}

html.fullwide #post>.header {
	display: none;
}

html.fullwide #post>.body>.left {
	padding-top: 0;
	position: relative;
	z-index: 0;
}

html.fullwide #post>.body>.left>.header {
	background: #fff;
	display: block;
	margin: 0 -2rem 2rem;
	position: relative;
}

html.fullwide #post>.body>.left>.header:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

html.fullwide #user {
	background: radial-gradient(#e4e4e4,transparent);
	margin: -2rem auto 0;
}

html.fullwide #user td {
	background: #fff!important;
}

html.fullwide #user>.profile {
	margin: auto;
	padding-top: 2rem;
}

html.fullwide #user>.profile>.header:not(.extra) {
	background: transparent;
	margin: auto;
	max-width: 1000px;
}

html.fullwide #user>.profile>form {
	margin: auto;
	max-width: 1000px;
	padding: 2rem;
}

html.fullwide #user>.items:not(.profile) .items-list {
	background: transparent;
}

html.fullwide #user>.items:not(.profile) .items-list .titles {
	background: #919191;
}

html.fullwide #user>.items.credits {
	margin: auto;
	max-width: 1300px;
	width: 100%;
}

html.fullwide #user>.items .header.extra {
	align-items: center;
	background: #fff;
	display: flex;
	padding: 3rem 0;
}

html.fullwide #user>.items .header.extra .title {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(42deg,#7e00ff,#ffbc5c 20%);
	-webkit-background-clip: text;
	font-size: 2.2rem;
	font-weight: 800;
	line-height: 1.5;
	margin: auto;
	max-width: 1100px;
	padding: 0 2rem;
	width: 100%;
}

html.fullwide #user>.items .header.extra:before {
	display: none;
}

html.fullwide #user>.items .table-wrapper {
	border-radius: 1rem;
	margin: auto;
	max-width: 1100px;
	padding: 2rem;
}

html.fullwide #pricing {
	margin-top: -2rem;
}

html.fullwide #pricing>div {
	background: transparent;
	margin: auto;
	max-width: 1200px;
}

html.fullwide #pricing>.title {
	background: linear-gradient(87deg,hsla(0,0%,96%,0),#f5f5f5,hsla(0,0%,96%,0));
	border-bottom: none;
	max-width: 100%;
	padding: 4rem 2rem;
	text-align: center;
}

html.fullwide #pricing>.title .header {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(45deg,#ff817e 50%,#4c4c4c 0),-webkit-linear-gradient(45deg,#ff817e 50%,#4c4c4c 0);
	-webkit-background-clip: text;
	font-size: 3rem;
	font-weight: 800;
}

html.fullwide #pricing>.title .subheader {
	-webkit-text-fill-color: transparent;
	background: -webkit-linear-gradient(45deg,#b3b3b3 50%,#6f6d7e 0);
	-webkit-background-clip: text;
	color: #cbcbcb;
	font-size: 1.8rem;
	font-weight: 700;
}

html.fullwide #pricing .card .content.header:before {
	background: #f7f7f7;
}

html.fullwide #pricing .card .item .icon.included {
	background: #ff7673!important;
}

html.fullwide #support {
	margin-left: auto;
	margin-right: auto;
	margin-top: -2rem;
	max-width: 1300px;
	overflow: hidden;
}

html.fullwide #support>.header {
	display: none;
}

html.fullwide #support>.body .left-side {
	position: relative;
	z-index: 0;
}

html.fullwide #support>.body .left-side>.header {
	align-items: center;
	background: #fff;
	display: flex!important;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 -3rem 3rem;
	min-height: 80px;
	padding: 1rem 3rem;
	position: relative;
}

html.fullwide #support>.body .left-side>.header:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

html.fullwide #checkout-page {
	margin-left: auto;
	margin-right: auto;
	margin-top: -2rem;
	max-width: 1200px;
	overflow-x: clip;
}

html.fullwide #checkout-page>.header {
	display: none;
}

html.fullwide #checkout-page>.container .left-side {
	position: relative;
	z-index: 0;
}

html.fullwide #checkout-page>.container .left-side>.header {
	background: #fff;
	display: block!important;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 -3rem 3rem;
	padding: 1rem 3rem;
	position: relative;
}

html.fullwide #checkout-page>.container .left-side>.header:before {
	background: transparent;
	bottom: 20px;
	box-shadow: 2px 12px 10px 5px grey;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	transform: rotate(-2deg);
	width: 80%;
	z-index: -1;
}

html.fullwide #checkout-page>.container .left-side>.header .subheader {
	color: #101010;
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: .5rem;
}

html.fullwide #footer .counters.cards {
	margin: 0 auto 1rem;
	max-width: 1300px;
}

@media (max-width:1500px) {

}

@media (max-width:1440px) {
	#body .ui.five.cards.products .card {
		width: calc(25% - 1.5em);
	}
}

@media (max-width:1279px) {
	#body .ui.five.cards.products .card {
		width: calc(33.3334% - 1.5em);
	}
}

@media (max-width:1220px) {
	#top-menu .ui.menu>.item.search {
		display: none;
	}

	#pricing .cards {
		padding: .5rem 1rem;
	}
}

@media (min-width:1025px) {
	.mobile-only {
		display: none!important;
	}
}

@media (max-width:1024px) {
	.desktop-only {
		display: none!important;
	}

	#checkout-page>.container {
		flex-direction: column;
	}

	#checkout-page>.container>div {
		max-width: unset!important;
		width: 100%;
	}

	#support>.body {
		flex-direction: column;
	}

	#support>.body>div {
		max-width: unset!important;
		padding: 2rem!important;
		width: 100%!important;
	}

	#post>.body {
		flex-direction: column;
	}

	#post>.body>div {
		max-width: unset!important;
		width: 100%;
	}

	#prepaid-credits>.body {
		flex-direction: column;
	}

	#left-section {
		background: #fff;
		display: none;
		height: 100vh;
		position: fixed;
		width: calc(100% - 78px);
		z-index: 9;
	}

	#left-section:before {
		width: 60px;
	}

	#left-section>.menu .item .image {
		max-width: 60px;
		min-width: 60px;
	}

	#top-menu .ui.menu>.item.logo {
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 0;
	}

	#top-menu .ui.menu .mobile-menu-toggler {
		display: flex!important;
		margin-right: 0;
	}

	#body .ui.five.cards.products .card {
		width: calc(25% - 2em);
	}
}

@media (max-width:820px) {
	#checkout-page>.container>div {
		padding: 2rem;
	}

	#checkout-page>.container .left-side .items {
		flex-direction: column;
		margin: 0;
	}

	#checkout-page>.container .left-side .items .item.product {
		background: #f8f8f8;
		margin: 0;
		width: 100%;
	}

	#checkout-page>.container .left-side .items .item.product:not(:last-child) {
		margin-bottom: 1rem;
	}

	#body .ui.five.cards.products .card {
		width: calc(33.3334% - 2em);
	}

	#top-menu .ui.menu>.item.blog,#top-menu .ui.menu>.item.credits,#top-menu .ui.menu>.item.pricing {
		display: none;
	}
}

@media (max-width:768px) {

}

@media (max-width:660px) {
	html.fullwide #pricing>.title .header {
		font-size: 2.5rem;
	}

	#body .ui.five.cards.products .card {
		width: calc(50% - 2em);
	}

	#footer .newsletter .wrapper {
		flex-direction: column;
	}
}

@media (max-width:479px) {
	#top-menu .ui.menu>.item.logo {
		padding-left: 0;
	}

	#top-menu .ui.menu>.item.mobile-menu-toggler,#top-menu .ui.menu>.item.user .default img {
		height: 35px;
		min-height: 35px;
		min-width: 35px;
		width: 35px;
	}

	#top-menu .ui.menu>.item.user {
		margin-left: auto;
	}

	#top-menu .ui.menu>.item.cart,#top-menu .ui.menu>.item.notifications {
		display: none;
	}
}

@media (max-width:360px) {
	#body .ui.five.cards.products .card {
		flex: 100%;
	}
}

.report-doc {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	font-size: 1rem;
	padding: 0.75rem 1.5rem .75rem 1rem;
	background: #f1f1f1;
	font-weight: 600;
	color: #161616;
	border-bottom: 0;
	align-items: center;
	justify-content: center;
}

.report-doc a {
	display: flex;
	margin: auto;
	font-size: 1rem;
	padding: .75rem 1rem;
	background: #f1f1f1;
	font-weight: 600;
	border-radius: 1rem 1rem 0 0;
	color: #161616;
	border-bottom: 0;
	align-items: flex-end;
	justify-content: center;
}

.report-doc img {
	width: 25px !important;
	height: 25px !important;
	margin-right: .75rem;
}

.report-doc:hover a {
	font-weight: 700;
}

.pdf-preview .label span {
	display: table;
	margin: auto;
	background: #ffeb52;
	padding: 1.25rem 2rem 1rem;
	font-weight: 600;
	font-size: 1.5rem;
	border-radius: 1.5rem 1.5rem 0 0;
	text-transform: capitalize;
}

.pdf-preview .swiper {
	box-shadow: 0 6px 20.1px 4.9px rgb(176 191 238 / 12%) !important;
	border-radius: 2rem;
}

.pdf-preview .swiper-pagination-fraction {
	bottom: 0;
	padding: 1rem 1.5rem;
	background: white;
	font-weight: 600;
	color: #000;
	font-size: 1.1rem;
	text-align: left;
}

.pdf-preview .swiper-button-next, .pdf-preview .swiper-button-prev {
	height: 100%;
	top: 0;
}

.pdf-preview .item img {
	width: 100%;
	height: auto;
}

#marketing .columns > div.left-column > .body > form {
    display: flex;
    align-items: center;
    height: 50px;
    margin-bottom: 1.5rem;
    justify-content: end;
}

#marketing .columns > div.left-column > .body > form input {
    height: 45px;
    padding: .5rem 1.25rem;
    box-sizing: border-box;
    border-radius: .75rem;
    border-right: none;
    outline: none;
    background: aliceblue;
    border: none;
    margin-right: .5rem;
}

#marketing .columns > div.left-column > .body > form img {
    max-width: 22px;
    max-height: 22px;
    min-width: 22px;
    min-height: 22px;
    filter: invert(1);
}

#marketing .columns > div.left-column > .body > form button {
    padding: .5rem;
    height: 45px;
    width: 45px;
    border-radius: 1rem;
    box-shadow: none;
    margin: 0;
    border: none;
    background: #ff6a49 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

#marketing .columns > div.left-column > .body > form * {
    font-size: 1.2rem;
}

#marketing .columns > div.left-column > .body > form button:hover {
    background: #ff4b23 !important;
}


#user-documents, #marketing {
	background: #f0f0f0;
	width: 100%;
	margin: -1rem 0 1rem;
	padding: 1rem 0;
}

#user-documents #blog {
    margin-top: 0;
    padding: 0;
}

#user-documents #blog .card .edit {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .9rem;
    font-weight: 700;
    display: table;
    padding: .25rem .75rem;
    background: #895fcb;
    border-radius: .75rem 0 0 !important;
    color: #fff !important;
    line-height: 1.3;
    transition: transform .25s;
}

#user-documents #blog .card .edit:hover {
    transform: scale(1.2);
}

#user-documents .upload, #user-documents .listing {
    background: #fff;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: flex;
    overflow: hidden;
}

#user-documents .upload > div,#user-documents .listing > div {
    flex: 1;
    padding: 2rem;
    min-height: 500px;
}

#user-documents .upload > div.right, #user-documents .listing > div.right {
    max-width: 380px;
    width: 100%;
    position: relative;
    background: linear-gradient(45deg, ghostwhite, transparent);
    display: none;
}

#user-documents .listing > div.right {
    max-width: 350px;
}

#user-documents .upload > div.right > .header {
    font-size: 2rem;
    padding: 3rem 2rem;
    font-weight: 700;
    margin: -2rem -2rem 2rem;
    text-transform: uppercase;
    background: linear-gradient(131deg, rgb(255 230 97), #fdff6da6);
    color: white;
    min-height: 107px;
}

#user-documents .upload > div.left > .header, #user-documents .listing > div.left > .header {
    padding: 2rem;
    margin: -2rem -2rem 2rem;
		text-transform: uppercase;
		font-weight: 800;
		color: #777777;
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke: 2px;
		font-size: 2.5rem;
    box-shadow: -5px 0px 20px 0px rgb(219 219 219 / 34%);
    min-height: 107px;
    display: flex;
    align-items: center;
    width: calc(100% + 4rem);
}


#user-documents .upload > div.left > .header a.docs, 
#user-documents .listing > div.left > .header, a.docs {
    margin-right: 1rem;
}

#user-documents .upload > div.left > .header a.docs img, 
#user-documents .listing > div.left > .header a.docs img {
    width: 40px;
    position: relative;
    top: -2px;
}


#user-documents .listing > div.left > .ui.add-doc.menu {
    box-shadow: none;
    height: 50px;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

#user-documents .listing > div.left > .ui.add-doc.menu .item {
    font-weight: 600;
    font-size: 1.2rem;
    color: #000;
}

#user-documents .listing > div.left > .ui.add-doc.menu a.item {
		background: #7153c9;
		color: #fff;
}

#user-documents .upload > div.left > .body .segment {
    box-shadow: none;
    border: none;
    background: #fafaff;
    padding: 1.5rem; 
    border-radius: 0.5rem;
}

#user-documents .upload > div.left > .body .segment input,
#user-documents .upload > div.left > .body .segment textarea {
    border-radius: .75rem;
}

#user-documents .upload > div.left > .body .segment small {
    font-size: 80%;
    color: #a3a3a3;
    margin-top: 0.5rem;
    display: block;
}

#user-documents .upload > div.left > .body .segment .pdf {
    padding: 1.5rem;
    background: linear-gradient(45deg, #f3f3f3, #74747408);
    border-radius: 0.5rem 0.5rem 0 0;
    margin: -1.5rem -1.5rem 2rem;
    border-bottom: 1rem solid #fff;
}

#user-documents .upload > div.left > .body .segment .pdf input {
    border: none;
    box-shadow: none;
}

#user-documents .upload > div.left > .body .segment .pdf label {
    color: #000;
}

#user-documents .upload > div.left > .body .segment .pdf .action {
    border: none;
    border-radius: 0.75rem;
}   

#user-documents .upload > div.left > .body .segment .pdf a.browse {
    border-radius: .75rem 0 0 .75rem;
}   

#user-documents .upload > div.left > .body .segment .save {
    padding: 1.5rem;
    margin: 2rem -1.5rem -1.5rem;
    background: linear-gradient(45deg, #f3f3f3, #74747408);
    border-radius: 0 0 0.75rem 0.75rem;
    border-top: 1rem solid #fff;
}

#user-documents .upload > div.left > .body .segment .save .button {
    font-weight: 600 !important;
    border-radius: 0.5rem;
}


#user-documents .listing .card > .header div {
    flex: 1;
		word-break: break-all;
}

#user-documents .listing .card > .header div.cover {
    min-width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

#user-documents .listing .card > .header div.cover .price {
    position: absolute;
    bottom: 0.5rem;
    text-align: center;
    padding: 0.5rem 0.5rem 0.25rem;
    background: rgb(255 255 255 / 48%);
    color: #000;
    line-height: 1.5;
    font-weight: 600;
    border-radius: 0.25rem;
    backdrop-filter: blur(5px);
    right: 0.5rem;
    font-size: .8rem;
}

#user-documents .listing .card > .header {
    padding: 0 !important;
    display: flex;
    align-items: center;
}

#user-documents .listing .card {
    border-radius: .75rem;
    overflow: hidden;
		box-shadow: 0 0 20px 10px rgb(0 0 0 / 3%) !important;
}

#user-documents .listing .card > .header div.extra {
    padding: 1rem;
    background: linear-gradient(45deg, ghostwhite, transparent);
    border-radius: 0 0.75rem 0 0;
    height: 100%;
    min-height: 180px;
}

#user-documents .listing .card > .header div.extra div span:first-child {
    font-weight: 600;
}

#user-documents .listing .card > .header div.extra div:not(:last-child) {
    margin-bottom: .25rem;
}

#user-documents .listing .card > .body {
    text-align: center;
    font-weight: 500;
    background: #ffffff;
    text-transform: capitalize;
    line-height: 1.5;
    border-top: 1px solid #f3f3f3 !important;
}

#user-documents .listing .card > .content.footer {
    background: linear-gradient(45deg, ghostwhite, transparent);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
}

#user-documents .listing .card > .footer .category {
    padding: 0.75rem 1rem 0.5rem;
    background: #ffffff;
    border-radius: 0.5rem;
    text-align: center;
    color: #ff8b38;
    font-weight: 500;
    min-height: 40px;
    align-items: center;
    margin-right: auto;
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#user-documents .listing .card > .footer .edit {
    padding: 0.25rem;
    border-radius: 0.5rem;
    text-align: center;
    color: #000;
    font-weight: 600;
    line-height: 1;
    min-height: 40px;
    display: flex;
    border: none;
    align-items: center;
    margin-right: 0;
}

#user-documents .listing .card > .footer .edit img {
    width: 25px;
}

#user-documents .listing .card > .content {
    border: none;
}

#user-documents .listing  .pages {
    margin: 1rem;
}

#user-documents .listing > div.right .header {
    font-size: 1.5rem;
    padding: 1.5rem 2rem;
    font-weight: 600;
    margin: -2rem -2rem 2rem;
    text-transform: capitalize;
    line-height: 1.5;
    min-height: 107px;
    background: #e4f2ff;
}

#user-documents .listing > div.right .items .item {
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
}

#user-documents .listing > div.right .items .cover {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    margin-right: 1rem;
    border-radius: .75rem;
    background-position: center;
    background-size: cover;
}

#user-documents .listing > div.right .items .item:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed #ebebeb;
}


#marketing .columns {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    display: flex;
}

#marketing .columns > .left-column > .header {
    padding: 2rem;
    box-shadow: -5px 0px 20px 0px rgb(219 219 219 / 34%);
    min-height: 107px;
    display: flex;
    align-items: center;
}

#marketing .columns > .left-column > .header .title {
    font-weight: 700;
    text-transform: capitalize;
    background: -webkit-linear-gradient(56deg, #ff3f3f, #ffa500 22%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2rem;
    line-height: 1.5;
}

#marketing .columns > .left-column > .header .marketed_docs {
    margin-left: auto;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.5;
    background: #fff;
    border-radius: 0.75rem;
    color: #000000;
    box-shadow: 0 0 20px -10px #0000005c;
    overflow: hidden;
    min-width: 320px;
}

#marketing .columns > .left-column > .header .marketed_docs > div {
    padding: .75rem 1rem;
    display: flex;
    justify-content: space-between;
}

#marketing .columns > .left-column > .header .marketed_docs > div:last-child {
    border-top: 2px solid #7062ff52;
}

#marketing .columns > .left-column > .header .marketed_docs > div.to-market {
    background: #7062ff;
    color: #fff;
}

#marketing .columns > div {
    flex: 1;
    background: #fff;
}

#marketing .columns > div.right-column {
    padding: 2rem;
    line-height: 1.5;
    font-size: 1.1rem;
    max-width: 380px;
    width: 100%;
    position: relative;
    background: linear-gradient(45deg, ghostwhite, transparent);
    display: none;
}

#marketing .columns > div.left-column > .body {
    padding: 2rem;
    overflow: auto;
}


#marketing .left-column 
 > .body .items .titles, #marketing .left-column 
 > .body .items .doc {
    display: flex;
    align-items: center;
}

#marketing .left-column > .body .items .titles div:not(:first-child), #marketing .left-column > .body .items .doc div:not(:first-child) {
    max-width: 130px;
    text-align: center;
    width: 100%;
}

#marketing .left-column > .body .items .titles div, #marketing .left-column > .body .items .doc div {
    padding: 1rem;
    flex: 1;
    font-size: 1.1rem;
    line-height: 1.5;
    position: relative;
}

#marketing .left-column > .body .items .doc {
    min-width: 600px;
}

#marketing .left-column > .body img {
    width: 40px;
    min-width: 40px;
}

#marketing .left-column > .body .items .titles div {
    font-weight: 700;
}

#marketing .left-column > .body .items .doc .video a {
    font-size: 1rem;
    display: block;
    padding: .75rem .75rem .5rem;
    border-radius: .75rem;
    font-weight: 600;
    border-bottom: .25rem solid #ff7758;
}

#marketing .left-column > .body .items .doc .video a.ready {
    background: #26d997;
    color: #fff;
    border: none;
}


#marketing .left-column > .body .items .doc:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}

#marketing .left-column > .body .items .titles {
    background: ghostwhite;
    border-radius: .75rem;
    margin-bottom: .75rem;
}

#marketing .left-column > .body .items .doc div.title span, #marketing .left-column > .body .items .doc div.link span {
    position: absolute;
    display: none;
    white-space: nowrap;
    background: #fff;
    padding: 1rem;
    font-weight: 600;
    font-size: 1rem;
    bottom: 100%;
    border-radius: 0.75rem;
    box-shadow: 0 0 20px rgb(0 0 0 / 4%);
}

#marketing .right-column > .header {
    font-size: 1.9rem;
    padding: 2rem;
    font-weight: 700;
    margin: -2rem -2rem 2rem;
    text-transform: capitalize;
    background: linear-gradient(131deg, rgb(255 230 97), #fdff6da6);
    color: #ffffff;
    min-height: 107px;
    display: flex;
    align-items: center;
    line-height: 1.5;
}

@media (max-width: 967px) {
  #item > .body > .columns {
    flex-direction: column;
  }
  #item > .body > .columns > div.right {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
  #item > .body > .columns > div.right .cards {
    flex-direction: row;
  }
  #item > .body > .columns > div.right .cards .card {
    width: calc(50% - 2em);
    margin-left: 1em;
    margin-right: 1em;
  }
}
@media (max-width: 480px) {
  #item > .body .similar-docs > .title {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}
@media (max-width: 576px) {
  #item > .body .columns > div.left .preview {
    padding: 0;
    background: transparent;
  }
  #item > .body .columns > div.left .doc-info .item {
    flex: 1;
  }
  #item > .body .columns > div.left .doc-info .item:nth-child(3):before {
    display: none;
  }
  #item > .body .columns > div.left .doc-info .right.menu {
    display: none;
  }
}

/*# sourceMappingURL=axies-ltr.css.map*/