/* feed-template-container */
/* Profile dropdown */
[data-header-icons].target-id,
[data-header-button-group].target-id,
[data-profile-transltion].target-id{
	position: initial !important;
}
[data-profile-header-right-menu].menu-id.right{
	right: 2.125rem;
	top: 4.5rem;
}
[data-card-bottom-grey-blur]{
	background: linear-gradient(270deg, rgba(62, 62, 62, 0.10) 0%, rgba(48, 48, 48, 0.10) 100%);
}
[data-menu="menu-profile-fan"] [data-card-bottom-grey-blur]{
	background: transparent !important;
}

[data-open-tags-mobile][data-active="true"] .data-open-tags-mobile-tag-close-btn{
	display: flex !important;
}
[data-open-tags-mobile][data-active="true"] .data-open-tags-mobile-tag-btn{
	display: none !important;
}

[data-icons-hover-active] .target-id-button.active img,
[data-icons-hover-active] .target-id-button:hover img {
	filter: brightness(0) saturate(100%) invert(75%) sepia(67%) saturate(2300%) hue-rotate(86deg) brightness(100%) contrast(98%);
}
[data-header-icons] [data-menu="menu-profile-creator"],
[data-header-icons] [data-menu="menu-profile-fan"] {
	border-radius: 0.5rem;
	overflow: hidden;
	background: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.2) -4.5%,
			rgba(255, 255, 255, 0) 11.18%
		),
		rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(5px);
}
[data-oayment-info-theme-text="black"] .white {
	color: #000 !important;
}
[data-menu="menu-profile-fan"] [data-oayment-info-theme-text="black"] .white {
	color: #fff !important;
}
[data-oayment-info-theme-text="black"] [data-name-text] .white {
	color: #fff !important;
}
[data-oayment-info-theme-text="black"] [data-text-grey] {
	color: var(--Gray-100, #f2f4f7);
}
[data-oayment-info-theme-text="black"] [data-icon-bg-style] {
	background: var(--Gray-800, #182230);
}
[data-menu="menu-profile-fan"] [data-oayment-info-theme-text="black"] [data-icon-bg-style]{
	background-color: hsla(0, 0%, 100%, .8);
}
[data-oayment-info-theme-text="black"] [data-icon-bg-style] [data-icon-style] {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%)
		hue-rotate(176deg) brightness(107%) contrast(100%);
}
[data-menu="menu-profile-fan"] [data-oayment-info-theme-text="black"] [data-icon-bg-style] [data-icon-style] {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(335deg) brightness(93%) contrast(107%);
}
[data-oayment-info-theme-text="black"] [data-icon-style] {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%)
		hue-rotate(335deg) brightness(93%) contrast(107%);
}
[data-menu="menu-profile-fan"] [data-oayment-info-theme-text="black"] [data-icon-style] {
	filter: brightness(0) invert(1);
}
/* Profile Header */
[data-shape-img] {
	aspect-ratio: 1/1; /* Maintains height automatically */
	position: relative;
	overflow: hidden;
}

[data-shape-img] img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.elm_EMbFKI {
	padding-top: 8rem;
}

/* WHAT CARDS cards-container */
.elm_ivphmN {
	width: 62.9375rem;
}

/* WHAT SECTION month-container */
.common_elm_HhSbVV {
	left: -100%;
}

/* WHAT CARDS WHAT SECTION content-card */
.common_elm_SpUOJj {
	aspect-ratio: 1;
}

/* Filter Dropdown */
.common_elm_FAQgAf .nice-select-dropdown.v2 {
	border-radius: 0;
}

/* WHAT CARDS WHAT SECTION poll-bar */
.common_elm_cuoRWo {
	width: 4.675rem;
	height: 0.57594rem;
}

/* WHAT CARDS WHAT SECTION card--thumb/post text-container */
.common_elm_gNCngL {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.64) 1.82%,
		rgba(0, 0, 0, 0.08) 41.09%,
		rgba(0, 0, 0, 0.8) 90.18%
	);
}

/* WHAT CARDS WHAT SECTION card hover effect */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover {
	background-color: #00000087;
	transform: translateX(-0.5px);
	transition: background-color 0.2s ease-in;
}

/* WHAT CARDS WHAT SECTION card hover effect on text */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover p,
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover span {
	color: var(--color-brand-green, #07f468);
}

/* WHAT CARDS WHAT SECTION card hover effect on svg */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover svg path {
	fill: var(--color-brand-green, #07f468);
}

/* WHAT CARDS WHAT SECTION card hover effect on poll bar container */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover
	.common_elm_GVkPRd {
	border-color: var(--color-brand-green, #07f468);
}

/* WHAT CARDS WHAT SECTION card hover effect on poll bar */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover
	.common_elm_cuoRWo {
	background-color: var(--color-brand-green, #07f468);
}

/* WHAT CARDS WHAT SECTION card--thumb/post background images */
[data-hover-bg-image="1"],
[data-hover-bg-image="2"] {
	object-fit: cover;
	transition: opacity 0.2s ease-in-out;
}

/* WHAT CARDS WHAT SECTION card hover effect on thumb background images */
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover
	[data-hover-bg-image="1"] {
	opacity: 0;
}
.common_elm_SpUOJj[data-attribute-hover-media-effect="1"]:hover
	[data-hover-bg-image="2"] {
	opacity: 1;
}

/* WHAT CARDS WHAT SECTION poll-detail-popup */

/* WHAT CARDS WHAT SECTION container */
.poll-detail-popup.slidein-right-popup .elm_qJBugX,
.post-detail-popup.slidein-right-popup .elm_qJBugX {
	max-width: 42.8rem;
}

/* WHAT CARDS WHAT SECTION post-detail-popup */
/* WHAT CARDS WHAT SECTION post-thumb-wrapper */
.common_elm_pSFnbD {
	width: 12.0625rem;
	height: 6.8125rem;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.7) 100%
	);
	box-shadow: 0px 0px 10px -34px rgba(0, 0, 0, 0.1);
}

/* WHAT CARDS WHAT SECTION post-thumb-container */
.common_elm_LyFfZi {
	z-index: -1;
}

/* WHAT CARDS WHAT SECTION fullscreen icon */
.common_elm_xjcHPd {
	bottom: 0.5rem;
	right: 0.5rem;
}

/* WHAT CARDS WHAT SECTION comments-wrapper */
.common_elm_ftOnkB {
	overflow-x: hidden;
	overflow-y: hidden;
	/*	border-left: 0.5px solid rgba(255, 255, 255, 0.5);*/
}

/* WHAT CARDS WHAT SECTION comments-container */
.common_elm_HekGMq {
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.common_elm_HekGMq::-webkit-scrollbar {
	display: none;
}

/* WHAT CARDS WHAT SECTION send-comment-container */
.common_elm_UNAHxW {
	/* height: 4.25rem; */
	/* max-height: 8rem; */
	min-height: 2.5rem;
	border-top: 1px solid var(--color-cloudy, #a9a29d);
}

/* WHAT CARDS WHAT SECTION send-comment textarea */
/* .common_elm_jApaXp {
	resize: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: hidden;
} */
.common_elm_jApaXp:not(:disabled),
.common_elm_jApaXp:not(:disabled)::placeholder {
	color: var(--color-desert-storm);
}
.common_elm_jApaXp:disabled,
.common_elm_jApaXp:disabled::placeholder {
	color: var(--color-cloudy);
}

/* NAY CODE HERE */
[hidden].flex {
	display: none;
}

/* Profile Header: Profile Hero background */
.elm_gpjBpI {
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) -0.17%, rgba(0, 0, 0, 0.15)); */
	background: url(/wp-content/plugins/fansocial/dev/templates/tmp/img/5.webp)
		lightgray 50% / cover no-repeat;
}

/* Profile Header: Profile online status live button */
.elm_SFCkUq {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0rem 0rem 0.625rem 0rem rgba(255, 72, 72, 0.5);
	-webkit-backdrop-filter: blur(0.313rem);
	backdrop-filter: blur(0.313rem);
	border: 0.5px solid var(--color-sunset-orange, #ff4848);
	margin-top: -0.25rem;
}
/* Profile Header: Profile Detail online status dot */
.elm_kSLgOt {
	background: var(--color-sunset-orange, #ff4848);
	box-shadow: 0rem 0rem 0.625rem var(--color-sunset-orange, #f24333);
}

/* Profile Header: Detail Svg Border */
.common_elm_iLklXn {
	/* border: 0.125rem solid #341c4b4a; */
	z-index: 2;
}
/* Profile Header: Detail Svg dot */
.common_elm_kHJWha {
	margin-top: -0.313rem;
	margin-left: -0.25rem;
	z-index: 1;
}
/* Profile Header: Detail bottom icon wrapper */
.common_elm_yAweEU {
	background: rgba(233, 229, 211, 0.05);
	border-radius: 1.5rem;
	border: 0.031rem rgba(233, 229, 211, 0.25) solid;
}

/* Profile Header: Detail bottom angel button */
.common_elm_nqSAyt {
	height: 4rem;
	flex-shrink: 0;

	-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
}
/* Profile Header: Detail bottom angel button content */
.common_elm_tGtiLD {
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

/* Profile Header: Detail bottom angel button icon wrapper */
.elm_bpDtNk {
	/* width: 4.66163rem; */
	height: 5.33463rem;
	flex-shrink: 0;
	margin-left: -1.5rem;
	margin-top: -1rem;
}
/* Profile Header: Detail bottom angel button icon wrapper */
.elm_oSmnQt {
	display: flex;
	width: 6.25313rem;
	height: 6.25313rem;
	padding: 1.09544rem 1.15769rem 1.15769rem 1.09544rem;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	margin-left: -0.5rem;
	margin-top: -2rem;
}
/* Profile Header: profile free gallery thumb: SET SLIDER POSITION AND SOME ADJUSTMENTS */
[data-profile-free-gallery-thumb] {
	/* margin-right: 10%; */
	width: 100%;
	grid-column: 2/2;
	grid-row: 2/2;
	transition: opacity 0.8s;
	height: 8.125rem;
}
/* Profile Header: profile free gallery thumb: SET SLIDER STRETCH // TRACK SIDE */
[data-profile-free-gallery-thumb] .splide__track {
	width: 70%;
	margin-left: auto; /* Pull slider to right side */
}

/* Profile Header: profile free gallery thumb:  SET SLIDE/IMAGE ATTRIBUTES */
[data-profile-free-gallery-thumb] .splide__slide {
	position: relative;
	width: 30% !important;
	height: 7.5rem;
	transform: scaleY(70%) !important;
	transition: transform 0.2s;
	opacity: 0.5;
	z-index: -2;
}

/* Profile Header: profile free gallery thumb: MAKE ACTIVE SIDE IMAGES A BIT SMALLER */
[data-profile-free-gallery-thumb] .splide__slide.is-prev,
[data-profile-free-gallery-thumb] .splide__slide.is-next {
	position: relative;
	width: 15% !important;
	transform: scaleY(90%) !important;
	z-index: -1;
}
/*  Profile Header: profile free gallery thumb: MAKE ACTIVE SLIDE BIGGER (NORMAL SIZE) */
[data-profile-free-gallery-thumb] .splide__slide.is-active {
	opacity: 1;
	width: 35% !important;
	transform: scale(100%, 100%) !important;
	border: 0.063rem solid #fff !important;
	border-radius: 0.25rem;
	z-index: 1;
}

/* Profile sticky header: section container */
.elm_esjkHv {
	-webkit-backdrop-filter: blur(12.5rem);
	backdrop-filter: blur(12.5rem);
}
/* Profile sticky header: filter tab buttons */
.common_elm_iKKQxH {
	min-width: 5rem;
	background: transparent;
	border: none;
	border-radius: 0;
}
/* Profile sticky header: filter tab button hover bg color */
.common_elm_iKKQxH:hover {
	background: transparent !important;
}
/* Profile sticky header:  tab button hover underline border */
.common_elm_iKKQxH:hover::after {
	border-bottom: 1.5px solid var(--color-mercury, #e7e5e4);
}
/* Profile sticky header:  tab current button  underline border */
.common_elm_iKKQxH.active::after {
	border-bottom: 1.5px solid var(--color-mercury, #e7e5e4);
}
/* Profile sticky header:  tab button hover> text color */
.common_elm_iKKQxH:hover .common_elm_JkSWdb {
	color: var(--color-mercury, #e7e5e4) !important;
}

/* Profile sticky header:  tab button : make underline */
.common_elm_iKKQxH::after {
	position: absolute;
	content: "";
	bottom: 0;
	border-bottom: 1.5px solid transparent;
	border-radius: 1.5px;
	width: 100%;
	color: var(--color-shuttle-gray, #5f6369);
	display: block;
	z-index: 99;
}
/* Profile sticky header:  tab button : badge count wrap */
.common_elm_BFcKlo {
	top: -0.5rem;
	left: -0.625rem;
}

/* Profile header:  profile here and cotent : set transition for opacity*/
[data-container="profile-hero"],
[data-container="content"] {
	transition: opacity 0.5s ease-in-out;
}

/* SET MAIN SLIDER (BACKGROUND IMG) POSITION */
[data-profile-free-gallery-main] .splide__slide img {
	width: 100% !important; /* If change size, make sure it's bigger than the section size */
	height: 100vh !important; /* If change size, make sure it's bigger than the section size */
	object-fit: fill;
	object-position: center center;
	filter: blur(var(--_blur)); /* make image blur */
	will-change: filter;
}
/* Profile header:: z-index */
[data-profile-free-gallery-main-wrapper] {
	z-index: -1;
}

/* Profile header:: Main> overylay*/
[data-profile-free-gallery-main-overylay] {
	opacity: 0;
	width: 100%;
	height: 100vh;
	background: #000;
	transition: opacity 0.8s;
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

/* Profile sticy header:: set transition*/
[data-container="profile-sticky-header"] {
	transition: 0.4s opacity cubic-bezier(0.3, 0.73, 0.3, 0.74);
}

/* --------------- SUBSCRIPTION POPUP --------------- */
:root {
	--color--bright-turquoise: #00ffd1; /* #00ffd1 */
}

/* Custom Tachyons */
/* Font */
.ff-poppins {
	font-family: "Poppins";
}

.top--48 {
	top: 3rem;
}

.right--80 {
	right: 5rem;
}

.f--3 {
	font-size: 3rem;
}

.fs--15 {
	font-size: 0.9375rem;
}

/* Width */
.w--inherit {
	width: inherit;
}

/* Min Width */
.min--w--400 {
	min-width: 25rem;
}
/* Width */
.w--1 {
	width: 1rem;
}

.w--4 {
	width: 4rem;
}

.w--11-75 {
	width: 11.75rem;
}

.w--1-5625 {
	width: 1.5625rem;
}

.w--352 {
	width: 22rem;
}

.w--2-25 {
	width: 2.25rem;
}

.w--78-35 {
	width: 78.35rem;
}

.w--11 {
	width: 0.688rem;
	/* width 11px */
}

/* Height */
.max-height--6 {
	max-height: 6rem;
}

.h--1 {
	height: 1rem;
}

.h--1-375 {
	height: 1.375rem;
}

.h--1-5 {
	height: 1.5rem;
}

.h--2-25 {
	height: 2.25rem;
}

.h--4 {
	height: 4rem;
}

.min-h--4-5625 {
	min-height: 4.5625rem;
}

.h--6 {
	height: 6rem;
}

.h--11 {
	height: 0.688rem;
	/* height 11px */
}

.h--12 {
	height: 0.75rem;
}

.h--14-4 {
	height: 0.9rem;
}

.h--53-5 {
	height: 53.5rem;
}

.h--38 {
	height: 38rem;
}

.h--592 {
	height: 37rem;
}

.max--h--150 {
	max-height: 9.375rem;
}

/**
 * Template name: <Dashboard Notifications Panel>
 */

/* Dashboard Submenu (Notifications Container & Cards) : Custom Styles */
[data-notifications-panel-trigger][data-is-active="true"] {
	background: rgba(251, 91, 162, 0.1);
}
[data-notifications-panel-trigger][data-is-active="true"]
	[data-notifications-panel-trigger-icon] {
	filter: brightness(0) saturate(100%) invert(29%) sepia(98%) saturate(5809%)
		hue-rotate(325deg) brightness(92%) contrast(121%);
}

[data-notifications-container][hidden] {
	display: flex;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-36rem);
}
[data-notifications-container] {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	transform: translateX(0rem);
}

[data-scrollable-notification-panel] {
	height: calc(100vh - 6.5rem);
}

/* Notifications - Show/Hide Elements based on data attribute values */
[data-notification-card][data-single-icon-only="true"]
	[data-small-icon-container] {
	display: none;
}
[data-notification-card][data-has-title="false"]
	[data-notification-title-wrapper] {
	display: none;
}
[data-notification-card][data-has-close-btn="false"]
	[data-close-notification-card] {
	display: none;
}
[data-notification-card][data-has-cta="false"] [data-cta] {
	display: none;
}
[data-notification-card][data-has-link="false"] [data-link] {
	display: none;
}

/* Notification Style - Default */
[data-notification-card] {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: var(--color-gull-gray, #98a2b3);
}
[data-notification-card] [data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(152, 162, 179, 0.15) 0%,
			rgba(152, 162, 179, 0.15) 100%
		),
		rgba(255, 255, 255, 0.9);
}
[data-notification-card] [data-notification-icon-container] {
	background: rgba(152, 162, 179, 0.1);
}
[data-notification-card] [data-notification-icon-container] [data-big-icon] {
	filter: brightness(0) saturate(100%) invert(72%) sepia(6%) saturate(782%)
		hue-rotate(179deg) brightness(91%) contrast(83%);
}
[data-notification-card] [data-small-icon-container] {
	background-color: var(--color-gull-gray, #98a2b3);
	bottom: -0.563rem;
	right: -0.563rem;
}
[data-notification-card] [data-notification-icon-container] [data-small-icon] {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%)
		hue-rotate(176deg) brightness(107%) contrast(100%);
	opacity: 0.9;
}
[data-notification-card] [data-notification-title] {
	color: var(--color-oxford-blue, #344054);
}
[data-notification-card] [data-cta] [data-text] {
	color: var(--color-oxford-blue, #344054);
}
[data-notification-card] [data-cta] [data-icon] {
	filter: brightness(0) saturate(100%) invert(22%) sepia(31%) saturate(534%)
		hue-rotate(179deg) brightness(93%) contrast(90%);
}
[data-notification-card] [data-cta]:hover [data-text] {
	color: var(--color-blue-ribbon, #155eef);
}
[data-notification-card] [data-cta]:hover [data-icon] {
	filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%)
		hue-rotate(214deg) brightness(91%) contrast(106%);
}
[data-notification-card] [data-link] [data-text] {
	color: var(--color-gull-gray, #98a2b3);
}
[data-notification-card] [data-link] [data-icon] {
	filter: brightness(0) saturate(100%) invert(72%) sepia(6%) saturate(782%)
		hue-rotate(179deg) brightness(91%) contrast(83%);
}
[data-notification-card] [data-link]:hover [data-text] {
	color: var(--color-blue-ribbon, #155eef);
}
[data-notification-card] [data-link]:hover [data-icon] {
	filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%)
		hue-rotate(214deg) brightness(91%) contrast(106%);
}

/* Notification Style - Default - Theme Dark */
[data-notification-card][data-theme="dark"] [data-cta] [data-text] {
	color: var(--Base-White, #fff);
}
[data-notification-card][data-theme="dark"] [data-cta] [data-icon],
[data-notification-card][data-theme="dark"] [data-link] [data-icon] {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%)
		hue-rotate(176deg) brightness(107%) contrast(100%);
}
[data-notification-type="default"][data-theme="dark"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(152, 162, 179, 0.3) 0%,
			rgba(152, 162, 179, 0.3) 100%
		),
		rgba(0, 0, 0, 0.9);
}
[data-notification-type="default"][data-theme="dark"] [data-notification-title],
[data-notification-type="default"][data-theme="dark"] [data-link] [data-text] {
	color: var(--color-gull-gray, #98a2b3);
}
[data-notification-card][data-notification-type="default"][data-theme="dark"]
	[data-link]:hover
	[data-text] {
	color: var(--color-blue-ribbon, #155eef);
}
[data-notification-card][data-theme="dark"] [data-cta]:hover [data-text] {
	color: var(--color-blue-ribbon, #155eef);
}
[data-notification-card][data-theme="dark"] [data-cta]:hover [data-icon],
[data-notification-card][data-theme="dark"] [data-link]:hover [data-icon] {
	filter: brightness(0) saturate(100%) invert(37%) sepia(57%) saturate(6169%)
		hue-rotate(214deg) brightness(91%) contrast(106%);
}

/* Notification Style - Info */
[data-notification-type="info"] {
	border-left-color: var(--color-bright-turquoise, #22ccee);
}
[data-notification-type="info"] [data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(34, 204, 238, 0.15) 0%,
			rgba(34, 204, 238, 0.15) 100%
		),
		rgba(255, 255, 255, 0.9);
}
[data-notification-type="info"] [data-notification-icon-container] {
	background: rgba(34, 204, 238, 0.1);
}
[data-notification-type="info"]
	[data-notification-icon-container]
	[data-big-icon] {
	filter: brightness(0) saturate(100%) invert(67%) sepia(37%) saturate(913%)
		hue-rotate(145deg) brightness(95%) contrast(97%);
}
[data-notification-type="info"] [data-small-icon-container] {
	background-color: var(--color-bright-turquoise, #22ccee);
}
[data-notification-type="info"] [data-notification-title] {
	color: var(--color-bondi-blue, #088ab2);
}
[data-notification-type="info"] [data-link] [data-text] {
	color: var(--color-bondi-blue, #088ab2);
}
[data-notification-card][data-notification-type="info"]
	[data-link]
	[data-icon] {
	filter: brightness(0) saturate(100%) invert(39%) sepia(96%) saturate(762%)
		hue-rotate(157deg) brightness(88%) contrast(94%);
}

/* Notification Style - Info - Dark Theme */
[data-notification-type="info"][data-theme="dark"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(34, 204, 238, 0.3) 0%,
			rgba(34, 204, 238, 0.3) 100%
		),
		rgba(0, 0, 0, 0.9);
}
[data-notification-type="info"][data-theme="dark"] [data-notification-title] {
	color: var(--color-turquoise, #2ce);
}

/* Notification Style - Warning */
[data-notification-type="warning"] {
	border-left-color: var(--color-my-sin, #fdb022);
}
[data-notification-type="warning"] [data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(253, 176, 34, 0.15) 0%,
			rgba(253, 176, 34, 0.15) 100%
		),
		rgba(255, 255, 255, 0.9);
}
[data-notification-type="warning"] [data-notification-icon-container] {
	background: rgba(253, 176, 34, 0.1);
}
[data-notification-type="warning"]
	[data-notification-icon-container]
	[data-big-icon] {
	filter: brightness(0) saturate(100%) invert(81%) sepia(13%) saturate(5746%)
		hue-rotate(341deg) brightness(102%) contrast(98%);
}
[data-notification-type="warning"] [data-small-icon-container] {
	background-color: var(--color-my-sin, #fdb022);
}
[data-notification-type="warning"] [data-notification-title] {
	color: var(--color-vesuvius, #b54708);
}
[data-notification-type="warning"] [data-link] [data-text] {
	color: var(--color-vesuvius, #b54708);
}
[data-notification-card][data-notification-type="warning"]
	[data-link]
	[data-icon] {
	filter: brightness(0) saturate(100%) invert(63%) sepia(98%) saturate(411%)
		hue-rotate(348deg) brightness(102%) contrast(98%);
}

/* Notification Style - Warning - Theme Dark */
[data-notification-type="warning"][data-theme="dark"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(253, 176, 34, 0.3) 0%,
			rgba(253, 176, 34, 0.3) 100%
		),
		rgba(0, 0, 0, 0.9);
}
[data-notification-type="warning"][data-theme="dark"] [data-notification-title],
[data-notification-type="warning"][data-theme="dark"] [data-link] [data-text] {
	color: var(--color-my-sin, #fdb022);
}
[data-notification-card][data-notification-type="warning"][data-theme="dark"]
	[data-link]:hover
	[data-text] {
	color: var(--color-blue-ribbon, #155eef);
}

/* Notification Style - Destructive */
[data-notification-type="destructive"] {
	border-left-color: var(--color-vermilion, #ff4405);
}
[data-notification-type="destructive"] [data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(255, 68, 5, 0.1) 0%,
			rgba(255, 68, 5, 0.1) 100%
		),
		rgba(255, 255, 255, 0.9);
}
[data-notification-type="destructive"] [data-notification-icon-container] {
	background: rgba(255, 68, 5, 0.1);
}
[data-notification-type="destructive"]
	[data-notification-icon-container]
	[data-big-icon] {
	filter: brightness(0) saturate(100%) invert(42%) sepia(53%) saturate(6174%)
		hue-rotate(356deg) brightness(98%) contrast(105%);
}
[data-notification-type="destructive"] [data-small-icon-container] {
	background-color: var(--color-vermilion, #ff4405);
}
[data-notification-type="destructive"] [data-notification-title] {
	color: var(--color-totem-pole, #97180c);
}
[data-notification-type="destructive"] [data-link] [data-text] {
	color: var(--color-totem-pole, #97180c);
}
[data-notification-card][data-notification-type="destructive"]
	[data-link]
	[data-icon] {
	filter: brightness(0) saturate(100%) invert(12%) sepia(50%) saturate(4284%)
		hue-rotate(351deg) brightness(115%) contrast(102%);
}

/* Notification Style - Destructive - Theme Dark */
[data-notification-type="destructive"][data-theme="dark"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(255, 68, 5, 0.3) 0%,
			rgba(255, 68, 5, 0.3) 100%
		),
		rgba(0, 0, 0, 0.9);
}
[data-notification-type="destructive"][data-theme="dark"]
	[data-notification-title],
[data-notification-type="destructive"][data-theme="dark"]
	[data-link]
	[data-text] {
	color: var(--color-vermilion, #ff4405);
}
[data-notification-card][data-notification-type="destructive"][data-theme="dark"]
	[data-link]:hover
	[data-text] {
	color: var(--color-blue-ribbon, #155eef);
}

/* Notification Style - Success */
[data-notification-type="success"] {
	border-left-color: var(--color-turquoise, #2ed3b7);
}
[data-notification-type="success"] [data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(46, 211, 183, 0.15) 0%,
			rgba(46, 211, 183, 0.15) 100%
		),
		rgba(255, 255, 255, 0.9);
}
[data-notification-type="success"] [data-notification-icon-container] {
	background: rgba(46, 211, 183, 0.1);
}
[data-notification-type="success"]
	[data-notification-icon-container]
	[data-big-icon] {
	filter: brightness(0) saturate(100%) invert(71%) sepia(99%) saturate(349%)
		hue-rotate(109deg) brightness(87%) contrast(88%);
}
[data-notification-type="success"] [data-small-icon-container] {
	background-color: var(--color-turquoise, #2ed3b7);
}
[data-notification-type="success"] [data-notification-title] {
	color: var(--color-genoa, #107569);
}
[data-notification-type="success"] [data-link] [data-text] {
	color: var(--color-genoa, #107569);
}
[data-notification-card][data-notification-type="success"]
	[data-link]
	[data-icon] {
	filter: brightness(0) saturate(100%) invert(34%) sepia(63%) saturate(508%)
		hue-rotate(123deg) brightness(94%) contrast(97%);
}

/* Notification Style - Success - Theme Dark */
[data-notification-type="success"][data-theme="dark"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(46, 211, 183, 0.3) 0%,
			rgba(46, 211, 183, 0.3) 100%
		),
		rgba(0, 0, 0, 0.9);
}
[data-notification-type="success"][data-theme="dark"] [data-notification-title],
[data-notification-type="success"][data-theme="dark"] [data-link] [data-text] {
	color: var(--color-turquoise, #2ed3b7);
}
[data-notification-card][data-notification-type="success"][data-theme="dark"]
	[data-link]:hover
	[data-text] {
	color: var(--color-blue-ribbon, #155eef);
}

/* Notification Style - Read Messages */
[data-notification-card][data-is-read="true"] {
	border-left-color: white;
}

[data-notification-card][data-is-read="true"] [data-notification-card-body],
[data-notification-card][data-notification-type="info"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-notification-type="warning"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-notification-type="destructive"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-notification-type="success"][data-is-read="true"]
	[data-notification-card-body] {
	background: white;
}

[data-notification-card][data-theme="dark"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-theme="dark"][data-notification-type="info"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-theme="dark"][data-notification-type="warning"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-theme="dark"][data-notification-type="destructive"][data-is-read="true"]
	[data-notification-card-body],
[data-notification-card][data-theme="dark"][data-notification-type="success"][data-is-read="true"]
	[data-notification-card-body] {
	background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9) 100%
		),
		linear-gradient(
			0deg,
			rgba(152, 162, 179, 0.02) 0%,
			rgba(152, 162, 179, 0.02) 100%
		),
		rgba(0, 0, 0, 0.9);
}

/* Responsive screen  0 to 1366px */
@media screen and (max-width: 85.375rem) {
	.lg--h--54-5 {
		height: 54.5rem;
	}

	.lg--h--40 {
		height: 2.5rem;
		/* height 40px */
	}
}

/* Border */
.bw--0-63 {
	border-width: 0.063rem;
}

/* Border Colors */
.br--col--light-soft-gray {
	border-color: var(--color-light-soft-gray, #79716b);
}

/* new class, below is the old class */

/* Border Radius */
.br--12-5 {
	border-radius: 12.5rem;
}
.br--6 {
	border-radius: 0.375rem;
}

.bg-col--black-0-40 {
	background: rgba(0, 0, 0, 0.4);
}

.bg--col--light-soft-gray {
	background-color: var(--color-light-soft-gray, #79716b);
}

.bg--col--soft-orange {
	background-color: var(--color-soft-orange, #e9e5d3);
}

.bg--col--bright-turquoise {
	background-color: var(--color--bright-turquoise, #00ffd1);
}

/* Color */
.col--green {
	color: #07f468;
}

.col--gray-warm {
	color: var(--Gray-warm-100, #f5f5f4);
}

/* Gap */
.gap--0-25 {
	gap: 0.25rem;
}

.gap--0-375 {
	gap: 0.375rem;
}

.gap--0-5 {
	gap: 0.5rem;
}

.gap--0-65 {
	gap: 0.65rem;
}

.gap--1 {
	gap: 1rem;
}

.gap--0-1875 {
	gap: 0.1875rem;
}

.gap--0-625 {
	gap: 0.625rem;
}

/* Margin */
.ml---0-2 {
	margin-left: -0.2rem;
}

.mt---0-25 {
	margin-top: -0.25rem;
}

.ml--0-8 {
	margin-left: 0.8rem;
}

.mt--0-05 {
	margin-top: 0.05rem;
}

.mt--0-25 {
	margin-top: 0.25rem;
}

.mh--auto {
	margin-left: auto;
	margin-right: auto;
}

.m--neg--top--8 {
	margin-top: -0.5rem;
}

.mt--3-3 {
	margin-top: 3.3rem;
}

.mb--3-2 {
	margin-bottom: 0.2rem;
}

/* Padding */
.pa--1-4 {
	padding: 1.4rem;
}

.pad--right--40 {
	padding-right: 2.5rem;
}

.pad--left--40 {
	padding-left: 2.5rem;
}

/* Blur */
.bg-blur--0-625 {
	-webkit-backdrop-filter: blur(0.625rem);
	backdrop-filter: blur(0.625rem);
}

.bg-blur--12-5 {
	-webkit-backdrop-filter: blur(12.5rem);
	backdrop-filter: blur(12.5rem);
}

.bg--blur--1-48 {
	-webkit-backdrop-filter: blur(1.48rem);
	backdrop-filter: blur(1.48rem);
}

/* Filter */
.ft-blur--1-8 {
	filter: blur(0.118rem);
}

/* Line Spacing */
.ls--0-01 {
	letter-spacing: 0.01rem;
}

.ls---0-045 {
	letter-spacing: -0.045rem;
}

.ls---0-06 {
	letter-spacing: -0.06rem;
}

/* Line Height */
.lh--1-125 {
	line-height: 1.125rem;
}

.lh--1-875 {
	line-height: 1.875rem;
}

.lh--2 {
	line-height: 2rem;
}

.lh--2-75 {
	line-height: 2.75rem;
}

.lh--3-75 {
	line-height: 3.75rem;
}

/* Display */
.d--webkit-box {
	display: -webkit-box;
}

.d--webkit-box-orient {
	-webkit-box-orient: vertical;
}

.d--webkit-line-clamp {
	-webkit-line-clamp: 1;
}

/* Transition */
.tr--transform-0-2 {
	transition: transform 0.2s;
}

.tr--opacity-0-8 {
	transition: opacity 0.8s;
}

/* Layout */
.g--col-2-2 {
	grid-column: 2/2;
}

.g--row-2-2 {
	grid-row: 2/2;
}

/* Z index */
.z---2 {
	z-index: -2;
}
.z--999999 {
	z-index: 999999;
}

.flex--1-0-0 {
	flex: 1 0 0;
}

/* Position */
.t--3 {
	top: 3rem;
}

.r--5 {
	right: 5rem;
}

/* Position  */
.left--50 {
	left: 50%;
}

.left--16 {
	left: 1rem;
}
.left--32 {
	left: 2rem !important;
}
.left--128 {
	left: 8rem !important;
}
.left--neg--48 {
	left: -3rem !important;
}
.left--neg--56 {
	left: -3.5rem !important;
}
.left--neg--64 {
	left: -4rem !important;
}
.left--neg--136 {
	left: -8.5rem !important;
}

/* Sizing */
.t--translate-x--50 {
	transform: translateX(-50%);
}

/* clip path */
.cp-6 {
	clip-path: polygon(0 0, 93% 0, 100% 100%, 7% 100%);
}

/* Cursor */
.c--pointer {
	cursor: pointer;
}

/* Transition */
.tse--all {
	transition: all 0.3s ease-in-out;
}

/* White Space */
.ws--nowrap {
	white-space: nowrap;
}

/* Text Overflow */
.to--ellipsis {
	text-overflow: ellipsis;
}

/* Max Width */
.max-w--192 {
	max-width: 12rem;
}
.max-w--272 {
	max-width: 17rem;
}

/* Background bg blur effect an :before presudo element */
.elm_gcikNN:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	-webkit-backdrop-filter: blur(12.5rem);
	backdrop-filter: blur(12.5rem);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/* Slider Inner Componenet Style */
[data-order="3"] .common_elm_JcADkP {
	/* background-color: var(--color-soft-pink, #ff45e1); */
	background: linear-gradient(96deg, #f00 0%, #ff7201 100%);
}

[data-order="3"] .common_elm_TWPiUU,
[data-order="3"] .common_elm_XxvpRL {
	color: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_TWPiUU,
.is-featured[data-order="3"] .common_elm_XxvpRL {
	color: var(--color--bright-turquoise, #00ffd1);
}

[data-order="3"] {
	/*	border-color: var(--color-soft-pink, #07f468);*/
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(1.563rem);
	backdrop-filter: blur(1.563rem);
	opacity: 1;
	filter: blur(0);
}

/*.is-featured[data-order="3"] {
	border-color: var(--color--bright-turquoise, #00ffd1);
}
*/
[data-order="3"] .common_elm_dkSNEg {
	fill: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_dkSNEg {
	fill: var(--color--bright-turquoise, #00ffd1);
}

.common_elm_CzNNUX path,
.common_elm_CzNNUX circle {
	stroke: white;
}

[data-order="3"] .common_elm_CzNNUX path,
[data-order="3"] .common_elm_CzNNUX circle {
	stroke: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_CzNNUX path,
.is-featured[data-order="3"] .common_elm_CzNNUX circle {
	stroke: var(--color--bright-turquoise, #00ffd1);
}

.common_elm_VsubWl path {
	fill: white;
}

[data-order="3"] .common_elm_VsubWl path {
	fill: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_VsubWl path {
	fill: var(--color--bright-turquoise, #00ffd1);
}

[data-order="3"] .common_elm_cXAIoP {
	background-color: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_cXAIoP {
	background-color: var(--color--bright-turquoise, #00ffd1);
}

[data-order="3"] .common_elm_eqnlFt {
	border-color: var(--color-soft-pink, #07f468);
}

.is-featured[data-order="3"] .common_elm_eqnlFt {
	border-color: var(--color--bright-turquoise, #00ffd1);
}

/* Pagination */
.common_elm_TJLPQT.is-current {
	width: 2rem;
	height: 0.688rem;
	opacity: 1;
	background: var(--color-brand-green, #07f468);
	border-radius: 1.25rem;
}

/* Slider Animate and Slide with attribute */
/* For 1 slide */
[data-slides="1"] [data-order="3"] {
	z-index: 5;
	transform: translateX(0%) scale(1);
	cursor: default;
}

/* For 2 slides */
[data-slides="2"] [data-order="2"] {
	transform: translateX(42%) scale(0.9);
	z-index: 4;
}

[data-slides="2"] [data-order="3"] {
	z-index: 5;
	transform: translateX(-40%) scale(1);
	cursor: default;
}

[data-slides="2"] [data-order="4"] {
	transform: translateX(42%) scale(0.9);
	z-index: 4;
}

/* For 3 slides */
[data-slides="3"] [data-order="1"] {
	transform: translateX(66%) scale(0.9);
	z-index: 4;
}

[data-slides="3"] [data-order="2"] {
	transform: translateX(-67%) scale(0.9);
	z-index: 4;
}

[data-slides="3"] [data-order="3"] {
	z-index: 5;
	transform: translateX(0%) scale(1);
	cursor: default;
}

[data-slides="3"] [data-order="4"] {
	transform: translateX(66%) scale(0.9);
	z-index: 4;
}

[data-slides="3"] [data-order="5"] {
	transform: translateX(-67%) scale(0.9);
	z-index: 4;
}

/* For 4 slides */
[data-slides="4"] [data-order="1"][data-card-no="5"] {
	transform: translateX(-93.2%) scale(0.9);
	z-index: 4;
}
[data-slides="4"] [data-order="1"][data-card-no="2"],
[data-slides="4"] [data-order="1"][data-card-no="3"] {
	transform: translateX(97.2%) scale(0.8);
	z-index: 3;
}
[data-slides="4"] [data-order="2"] {
	transform: translateX(-93.2%) scale(0.9);
	z-index: 4;
}
[data-slides="4"] [data-order="3"] {
	transform: translateX(-23.2%) scale(1);
	z-index: 5;
	cursor: default;
}
[data-slides="4"] [data-order="4"] {
	transform: translateX(40.2%) scale(0.9);
	z-index: 4;
}
[data-slides="4"] [data-order="5"][data-card-no="2"] {
	transform: translateX(40.2%) scale(0.9);
	z-index: 4;
}
[data-slides="4"] [data-order="5"] {
	transform: translateX(97.2%) scale(0.8);
	z-index: 3;
}
[data-slides="4"] [data-sub-tier].is-current{
	transform: translateX(-1.2%) scale(1);
}

/* For 5 slides */
[data-slides="5"] [data-order="1"] {
	transform: translateX(-125%) scale(0.8);
	z-index: 3;
}

[data-slides="5"] [data-order="2"] {
	transform: translateX(-67%) scale(0.9);
	z-index: 4;
}

[data-slides="5"] [data-order="3"] {
	transform: translateX(0%) scale(1);
	z-index: 5;
	cursor: default;
}

[data-slides="5"] [data-order="4"] {
	transform: translateX(66%) scale(0.9);
	z-index: 4;
}

[data-slides="5"] [data-order="5"] {
	transform: translateX(122%) scale(0.8);
	z-index: 3;
}

.common_elm_UyGvCZ:not(.is-current) a.common_elm_cXAIoP {
	pointer-events: none;
}

#subscription-popup [data-tooltip] {
	width: 100%;
}

/*#subscription-popup
	.is-current
	.is-overflowed[data-tooltip]
	[data-tooltip-text] {
	display: block;
	margin-left: unset;
	transform: unset;
	left: 0;
	width: max-content;
	max-width: 21rem;
	word-wrap: break-word;
}

#subscription-popup [data-tooltip-text]:before {
	content: "";
	position: absolute;
	top: -0.77rem;
	left: 0.8rem;
	border-width: 0 0.77rem 0.77rem 0.77rem;
	border-style: solid;
	border-color: transparent transparent black transparent;
}*/

/* --------------- FEED --------------- */
:root {
	--color-dune: #292524;
	--color-cod-gray: #131313;
	--color-merlin: #44403c;
	--color-sandstone: #79716b;
}

/* Background Color */
.bg--col--cod-gray {
	background-color: var(--color-cod-gray);
}

.bg--col--merlin {
	background-color: var(--color-merlin);
}

.bg--gradient-black-80 {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 50%,
		rgba(0, 0, 0, 0.8) 100%
	);
}

.hover--bg--col--light-warm-green:hover {
	background: var(--color-light-warm-green, #9fff02) !important;
}

.hover--bg--col--light-warm-red:hover {
	background: var(--color-light-warm-red) !important;
}

/* Text Color */
.col--wild-sand-gray {
	color: var(--color-wild-sand-gray);
}

.col--sandstone {
	color: var(--color-sandstone);
}

.col--light-warm-red {
	color: var(--color-light-warm-red, #ff4848);
}

.col--hover--wild-sand-gray:hover {
	color: var(--color-wild-sand-gray) !important;
}

.col--hover--light-warm-green:hover {
	color: var(--color-light-warm-green, #9fff02) !important;
}

.col--hover--white:hover {
	color: white !important;
}

button:not(:disabled):hover span.white {
	color: white !important;
}

/* Border Color */
.br--col--merlin {
	border-color: var(--color-merlin);
}

/* Stroke */
.stroke--col--dune {
	stroke: var(--color-dune);
}

/* Fill */
.fill--col--dune {
	fill: var(--color-dune);
}

.fill--col--outer-space {
	fill: var(--color-outer-space);
}

/* Text shadow */
.text--sh--10 {
	text-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

/* Width - Percentage */
.w-96 {
	width: 96%;
}

/* Width */
.w--20 {
	width: 1.25rem;
}

.w--24 {
	width: 1.5rem;
}

.w--56 {
	width: 3.5rem;
}

.w--90 {
	width: 5.625rem;
}

.w--94 {
	width: 5.875rem;
}

.w--96 {
	width: 6rem;
}

.w--102 {
	width: 6.375rem;
}

.w--114 {
	width: 7.125rem;
}

.w--115 {
	width: 7.1875rem;
}

.w--170 {
	width: 10.625rem;
}

.w--324 {
	width: 21.6rem;
}

.w--480 {
	width: 30rem;
}

.w--676 {
	width: 42.25rem;
}

.w--710 {
	width: 44.375rem;
}

/* Height */
.h--10 {
	height: 0.625rem;
}

.h--20 {
	height: 1.25rem;
}

.h--22 {
	height: 1.375rem;
}

.h--24 {
	height: 1.5rem;
}

.h--26 {
	height: 1.625rem;
}

.h--36 {
	height: 2.25rem;
}

.h--56 {
	height: 3.5rem;
}

.h--80 {
	height: 5rem;
}

.h--90 {
	height: 5.625rem;
}

.h--96 {
	height: 6rem;
}

.h--128 {
	height: 8rem;
}

.h--129 {
	height: 8.0625rem;
}

.h--324 {
	height: 21.6rem;
}

/* Minimum Height */
.mh--80 {
	min-height: 5rem;
}

.mh--560 {
	min-height: 35rem;
}

/* Padding */
.pad--4 {
	padding: 0.25rem;
}

.pad--10 {
	padding: 0.625rem;
}

.pad--20 {
	padding: 1.25rem;
}

.pad--24 {
	padding: 1.5rem;
}

.pad--top--2 {
	padding-top: 0.125rem;
}

.pad--top--4 {
	padding-top: 0.25rem;
}

.pad--top--8 {
	padding-top: 0.5rem;
}

.pad--top--12 {
	padding-top: 0.75rem;
}

.pad--top--15 {
	padding-top: 0.9375rem;
}

.pad--top--30 {
	padding-top: 1.875rem;
}

.pad--bottom--2 {
	padding-bottom: 0.125rem;
}

.pad--bottom--4 {
	padding-bottom: 0.25rem;
}

.pad--bottom--8 {
	padding-bottom: 0.5rem;
}

.pad--bottom--12 {
	padding-bottom: 0.75rem;
}

.pad--bottom--15 {
	padding-bottom: 0.9375rem;
}

.pad--bottom--24 {
	padding-bottom: 1.5rem;
}

.pad--left--2 {
	padding-left: 0.125rem;
}

.pad--left--4 {
	padding-left: 0.25rem;
}

.pad--left--8 {
	padding-left: 0.5rem;
}

.pad--left--10 {
	padding-left: 0.625rem;
}

.pad--left--15 {
	padding-left: 0.9375rem;
}

.pad--left--16 {
	padding-left: 1rem;
}

.pad--left--30 {
	padding-left: 1.875rem;
}

.pad--right--2 {
	padding-right: 0.125rem;
}

.pad--right--3 {
	padding-right: 0.1875rem;
}

.pad--right--8 {
	padding-right: 0.5rem;
}

.pad--right--10 {
	padding-right: 0.625rem;
}

.pad--right--15 {
	padding-right: 0.9375rem;
}

.pad--right--16 {
	padding-right: 1rem;
}

.pad--right--24 {
	padding-right: 1.5rem;
}

.pad--right--40 {
	padding-right: 2.5rem;
}

/* empty div show*/
.db--imp {
	display: block !important;
}

/* Gradient overlay for images */
.gradient--image {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, black 100%);
}
.gradient--image--poll {
	background: linear-gradient(180deg, rgb(0 0 0 / 20%) 10%, black 100%);
}

/* Font family */
.font--poppins {
	font-family: "Poppins", sans-serif;
}

/* Line height */
.lh--14 {
	line-height: 0.875rem;
}

.lh--18 {
	line-height: 1.125rem;
}

.lh--20 {
	line-height: 1.25rem;
}

/* Font size */
.fs--12 {
	font-size: 0.75rem;
}

.fs--14 {
	font-size: 0.875rem;
}

.fs--16 {
	font-size: 1rem;
}

/* Gap */
.gap--5 {
	gap: 0.3125rem;
}

.gap--10 {
	gap: 0.625rem;
}

/* clip Path */
.cl-path {
	clip-path: polygon(0 0, 96% 0, 100% 100%, 4% 100%);
}

/* Border Radius */
.br--0 {
	border-radius: 0 !important;
}

.br--2 {
	border-radius: 0.125rem;
}

.br--3 {
	border-radius: 0.1875rem;
}

.br--10 {
	border-radius: 0.625rem;
}

.br--15 {
	border-radius: 0.9375rem;
}

.br--30 {
	border-radius: 1.875rem;
}

.br--top--4 {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.br--bottom-left--8 {
	border-bottom-left-radius: 0.5rem;
}

/* Top */
.top--4 {
	top: 0.25rem;
}

.top--10 {
	top: 0.625rem;
}

.top--12 {
	top: 0.75rem;
}

/* Right */
.right--5 {
	right: 5rem;
}

.right--4 {
	right: 0.25rem;
}

.right--10 {
	right: 0.625rem;
}

/* Bottom */
.bottom--5 {
	bottom: 5rem;
}

/* Letter Spacing */
.ls--0-12 {
	letter-spacing: 0.0075em;
}

.ls--0-16 {
	letter-spacing: 0.01em;
}

.ls--0-24 {
	letter-spacing: 0.015em;
}

.ls--0-30 {
	letter-spacing: 0.01875em;
}

.ls--0-35 {
	letter-spacing: 0.021875em;
}

/* Custom styling for Feed */
/* Change text color on container hover */
.common_elm_SIvixm {
	color: var(--color-mercury);
}

.common_elm_qGlbzn:hover .common_elm_SIvixm,
[data-vote-option][data-voting] .common_elm_SIvixm,
[data-vote-options] [data-vote-option][data-voted-option] .common_elm_SIvixm,
[data-vote-options]:not([data-voted])
	[data-vote-option]:hover
	.common_elm_SIvixm {
	color: var(--color-brand-green, #07f468);
}

[data-vote-option]:not([data-voted-option]) [data-voted-button] {
	display: none;
}

[data-vote-option][data-voted-option] [data-voted-button] {
	display: flex;
}

/* Change background color on container hover */
.common_elm_trydfd {
	background-color: var(--color-mercury);
}

.common_elm_qGlbzn:hover .common_elm_trydfd,
[data-vote-option][data-voting] .common_elm_trydfd,
[data-vote-options] [data-vote-option][data-voted-option] .common_elm_trydfd,
[data-vote-options]:not([data-voted])
	[data-vote-option]:hover
	.common_elm_trydfd {
	background-color: var(--color-brand-green, #07f468);
}

/* Change border color on container hover */
.common_elm_tTqBPb {
	border-color: var(--color-mercury);
}

.common_elm_qGlbzn:hover .common_elm_tTqBPb,
[data-vote-option][data-voting] .common_elm_tTqBPb,
[data-vote-options] [data-vote-option][data-voted-option] .common_elm_tTqBPb,
[data-vote-options]:not([data-voted])
	[data-vote-option]:hover
	.common_elm_tTqBPb {
	border-color: var(--color-brand-green, #07f468);
}

/* Change width size on container hover */
.common_elm_GVkPRd {
	width: 100%;
	transition: width 0.3s;
}

/* Hide element on container hover */
.common_elm_qGlbzn:hover .elm_ppCZxB,
[data-vote-option][data-voting] .elm_ppCZxB,
[data-vote-option][data-voted-option] .elm_ppCZxB {
	display: none;
}

/* Show element on container hover */
.elm_LoIsUQ {
	display: none;
}

.common_elm_qGlbzn:hover .elm_LoIsUQ,
[data-vote-option][data-voting] .elm_LoIsUQ,
[data-vote-option][data-voted-option] .elm_LoIsUQ {
	display: flex;
}

/* Change svg fill color on container hover */
.elm_WBCBMP,
.elm_WBCBMP path {
	fill: var(--color-mercury);
}

.common_elm_qGlbzn:hover .elm_WBCBMP,
.common_elm_qGlbzn:hover .elm_WBCBMP path,
[data-vote-option][data-voting] .elm_WBCBMP,
[data-vote-option][data-voting] .elm_WBCBMP path,
[data-vote-options] [data-vote-option][data-voted-option] .elm_WBCBMP,
[data-vote-options] [data-vote-option][data-voted-option] .elm_WBCBMP path {
	fill: var(--color-brand-green, #07f468);
}

/* Change svg stroke color on container hover */
.elm_JUuJVl,
.elm_JUuJVl path {
	stroke: var(--color-mercury);
}

.common_elm_qGlbzn:hover .elm_JUuJVl,
.common_elm_qGlbzn:hover .elm_JUuJVl path,
[data-vote-option][data-voting] .elm_JUuJVl,
[data-vote-option][data-voting] .elm_JUuJVl path,
[data-vote-options] [data-vote-option][data-voted-option] .elm_JUuJVl,
[data-vote-options] [data-vote-option][data-voted-option] .elm_JUuJVl path {
	stroke: var(--color-brand-green, #07f468);
}

/* Like button */
[data-like-button][data-active] .inactive,
[data-like-button]:not([data-active]) .active {
	display: none;
}

[data-like-button][data-active] .active,
[data-like-button]:not([data-active]) .inactive {
	display: block;
}

[data-like-button] path {
	stroke: var(--color-wild-sand-gray);
	fill: transparent;
}

[data-like-button]:hover path,
[data-like-button][data-active] path {
	fill: var(--color-brand-green, #07f468);
	stroke: var(--color-brand-green, #07f468);
}

/* Comment button */
/* [data-comment-button] path {
			stroke: var(--color-wild-sand-gray);
		}

		[data-comment-button]:hover path {
			stroke: var(--color-brand-green, #07F468);
		} */

/* Comment like button */
[data-comment-like-button][data-active] .inactive,
[data-comment-like-button]:not([data-active]) .active {
	display: none;
}

[data-comment-like-button][data-active] .active,
[data-comment-like-button]:not([data-active]) .inactive {
	display: block;
}

[data-comment-like-button] path {
	stroke: var(--color-wild-sand-gray);
	fill: transparent;
	transition: fill 0.3s, stroke 0.3s;
}

[data-comment-like-button]:hover path,
[data-comment-like-button][data-active] path {
	fill: var(--color-brand-green, #07f468);
	stroke: var(--color-brand-green, #07f468);
}

/* Comment send button */
[data-comment-send-button] {
	transition: background-color 0.3s;
}

[data-comment-send-button]:not(:disabled) {
	background-color: var(--color-brand-green, #07f468);
}

[data-comment-send-button]:disabled {
	background-color: rgba(255, 255, 255, 0.2);
}

[data-comment-send-button]:not([data-sending]) svg,
[data-comment-send-button][data-sending] span {
	display: none;
}

[data-comment-send-button][data-sending] svg,
[data-comment-send-button]:not([data-sending]) span {
	display: block;
}

[data-vote-option]:not([data-voting]) [data-vote-button] [data-loader],
[data-vote-option][data-voting] [data-vote-button] [data-button-content] {
	display: none;
}

[data-vote-option]:not(:hover) [data-vote-button],
[data-vote-options]:not([data-voted])
	[data-vote-option]:hover
	[data-vote-details],
[data-vote-options]:not([data-voted])
	[data-vote-option][data-voting]
	[data-vote-details] {
	display: none;
}

[data-vote-option]:not(:hover):not([data-voting]) [data-vote-details],
[data-vote-options]:not([data-voted])
	[data-vote-option]:hover
	[data-vote-button],
[data-vote-options]:not([data-voted])
	[data-vote-option][data-voting]
	[data-vote-button] {
	display: flex;
}

[data-vote-options]:not([data-voted]) [data-voted-button] {
	display: none;
}

[data-vote-options][data-voted] [data-vote-button] {
	display: none;
}

/* Lightgallery customizations */
.lg-backdrop {
	background-color: rgba(0, 0, 0, 0.5) !important;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
}

/* Loader */
.elm_gCeurL,
[data-feed-container] [data-loader] svg {
	fill: white;
	opacity: 0.5;
}

/* [data-button-loader] svg {
	fill: black;
	opacity: 0.5;
}

.elm_gCeurL .elm_BwJGKO,
[data-feed-container] [data-loader] svg .elm_BwJGKO,
[data-button-loader] svg .elm_BwJGKO {
	animation: elm_SbUAkr 1s infinite linear;
} */

/* Datetime Picker */
[data-datetime-picker] {
	position: relative;
}

[data-datetime-picker] svg {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	pointer-events: none;
}

/* Create Feed */
[data-feed-datetime-picker] {
	border-radius: 0.25rem 0.25rem 0 0 !important;
	color: var(--color-sandstone) !important;
}

[data-choice-input],
[data-feed-datetime-picker][data-touched] {
	border-radius: 0.25rem 0.25rem 0 0 !important;
	color: var(--color-wild-sand-gray) !important;
}

[data-choice-input]::placeholder,
[data-feed-datetime-picker]::placeholder,
[data-feed-create-text]::placeholder {
	color: var(--color-sandstone);
}

[data-poll-remove-button]:not(:disabled):hover span {
	color: white;
}

[data-poll-add-choice]:not(:disabled):hover span {
	color: var(--color-brand-green, #07f468);
}

[data-feed-create-text] {
	color: white !important;
	word-break: break-all;
}

[data-feed-create-form] [data-media-step-processing-bar],
[data-feed-create-form]
	[data-media-step-processing-bar][data-show-loader="true"]:before {
	background-color: var(--color-brand-green, #07f468);
}

[data-feed-create-form] [data-media-step-processing-text] {
	color: var(--color-brand-green, #07f468);
}

[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing],
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing]
	[processing-wrapper],
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing]
	[processing-wrapper]
	[data-media-step-processing-wrap] {
	gap: 0.5rem;
}
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing-text] {
	font-size: 0.75rem;
	line-height: 1rem;
}
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing]
	[processing-wrapper]
	+ div {
	justify-content: center;
}
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing-cancel] {
	padding-right: 0;
}
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing-cancel]
	[data-button-text-wrap]
	img {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%)
		hue-rotate(176deg) brightness(107%) contrast(100%);
}
[data-theme="media-profile-gallery"]
	[data-media-upload="image-gallery"]
	[data-media-step-processing-cancel]
	[data-button-text-wrap]
	span {
	font-size: 0.75rem;
	line-height: 1rem;
	color: #fff;
}

[data-feed-create-form] .eml_cvhjf {
	background: var(--color-merlin);
}

[data-feed-create-form] [data-button-loader] svg {
	opacity: 1;
}

.common_elm_mZpRgh {
	bottom: 0.25rem;
	left: 0.25rem;
	border-radius: 0.3125rem;
	background: rgba(245, 247, 249, 0.3);
}

/* --------------- MERCH --------------- */
/* Display */
/*.db:empty {
	display: block;
}*/

/* Layouts */
.grid {
	display: grid;
}

/* Aspect Ratio */
.aspect-ratio-square {
	aspect-ratio: 1 / 1;
}

/* Text shadow class */
.text--sh--10 {
	text-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
}

/* Width of 324px converted to rem */
.w--30 {
	width: 1.875rem;
}

.w--324 {
	width: 21.6rem;
}

/* Height of 324px converted to rem */
.h--30 {
	height: 1.875rem;
}

.h--324 {
	height: 21.6rem;
}

/* Height of 22px converted to rem */
.h--22 {
	height: 1.375rem;
}

/* Gap */
/* .gap--5 {
	gap: 0.3125rem;
}
.gap--10 {
	gap: 0.625rem;
} */

/* Gradient overlay for images */
.gradient-overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, black 100%);
}

/* Poppins font family */
.font--poppins {
	font-family: "Poppins", sans-serif;
}

/* PRODUCT card  */
.common_elm_tqbfUg {
	transition: all 0.2s ease-in-out;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.09%, #000 100%);
}

.common_elm_tqbfUg .common_elm_Ocwkyd {
	color: var(--color-wild-sand-gray);
}

/* PRODUCT card  Hover*/
.common_elm_tqbfUg:hover {
	/*	transform: scale(1.2);*/
	z-index: 99;
	opacity: 1;
}

/* IMAGES container, Hide all images except the first one */
.common_elm_JBZPVx [data-merch-thumbnail]:not(:first-child) {
	/* display: none; */
}

/* Description Text  */
.elm_wPoVWE {
	display: none;
}

/* Description Text show on Product card hover */
.common_elm_tqbfUg:hover .elm_wPoVWE {
	display: -webkit-box;
	transition: all 1s ease-in-out;
}

.common_elm_tqbfUg:hover .common_elm_Ocwkyd {
	/*	color: var(--color-brand-green, #07F468);*/
}

/* before rocky */
/* .common_elm_tqbfUg:hover [data-text-wrap] {
	background: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.1) 0%,
			rgba(0, 0, 0, 0.1) 100%
		),
		linear-gradient(
			0deg,
			rgba(255, 205, 41, 0.75) -3.06%,
			rgba(255, 205, 41, 0) 117.35%
		);
} */

.common_elm_tqbfUg [data-text-wrap] {
	margin-top: auto;
	justify-content: end;
	transition: all 0.1s linear;
}

.common_elm_tqbfUg:hover [data-text-wrap] {
	height: calc(100%);
	justify-content: end;
}

[data-merch-item-price-off].common_elm_tqbfUg [data-text-wrap] {
	background: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.1) 0%,
			rgba(0, 0, 0, 0.1) 100%
		),
		linear-gradient(
			0deg,
			rgba(255, 205, 41, 0.75) -3.06%,
			rgba(255, 205, 41, 0) 117.35%
		);
}

.common_elm_tqbfUg [data-discount-offer-text] {
	display: none;
}

[data-merch-item-price-off].common_elm_tqbfUg:hover [data-discount-offer-text] {
	opacity: 1;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	display: flex;
}

/* Loader animation, copied from hello-child theme's style.css */
.elm_BwJGKO {
	transform-origin: center;
	animation: elm_SbUAkr 0.75s infinite linear;
}

@keyframes elm_SbUAkr {
	100% {
		transform: rotate(360deg);
	}
}

/* Loader */
/* [data-loader] svg,
[data-button-loader] svg {
	fill: white;
	opacity: 0.5;
}

[data-loader] svg .elm_BwJGKO,
[data-button-loader] svg .elm_BwJGKO {
	animation: elm_SbUAkr 1s infinite linear;
} */

/* Grid columns */
@media only screen and (max-width: 1399px) {
	.elm_EHldLG {
		grid-template-columns: repeat(4, 1fr);
	}

	.common_elm_tqbfUg:nth-child(4n) {
		right: 0;
	}

	/* .common_elm_tqbfUg:nth-child(4n):hover {
		right: 0rem; 1rem previous value
	} */

	.common_elm_tqbfUg:nth-child(4n + 1) {
		left: 0;
	}

	/* .common_elm_tqbfUg:nth-child(4n + 1):hover {
		left: 0rem; 1rem previous value
	} */
}

@media only screen and (min-width: 1400px) and (max-width: 2559px) {
	.elm_EHldLG {
		grid-template-columns: repeat(5, 1fr);
	}

	.common_elm_tqbfUg:nth-child(5n) {
		right: 0;
	}

	/* .common_elm_tqbfUg:nth-child(5n):hover {
		right: 0rem; 1rem previous value
	} */

	.common_elm_tqbfUg:nth-child(5n + 1) {
		left: 0;
	}

	/* .common_elm_tqbfUg:nth-child(5n + 1):hover {
		left: 0rem; 1rem previous value
	} */
}

@media only screen and (min-width: 2560px) {
	.elm_EHldLG {
		grid-template-columns: repeat(6, 1fr);
	}

	.common_elm_tqbfUg:nth-child(6n) {
		right: 0;
	}

	/* .common_elm_tqbfUg:nth-child(6n):hover {
		right: 0rem; 1rem previous value
	} */

	.common_elm_tqbfUg:nth-child(6n + 1) {
		left: 0;
	}

	/* .common_elm_tqbfUg:nth-child(6n + 1):hover {
		left: 0rem; 1rem previous value
	} */
}

[data-merch-like-button][liked] path,
[data-merch-like-button]:hover path {
	stroke: transparent;
	fill: var(--color-brand-green, #07f468);
}

/* Custom Tachyons */
/* Width */
.w--1 {
	width: 1rem;
}

.w--4 {
	width: 4rem;
}

/* Min Width */
.mw--48 {
	min-width: 3rem;
	/* min-width 48px */
}

/* Max Width */
.max--w--1440 {
	max-width: 90rem;
	/* max-width 1440px */
}

.max--w--150 {
	max-width: 9.375rem;
	/* max-width 150px */
}

/* Height */
.h--810 {
	height: 50.625rem;
	/* height 810px */
}

/* Max height */
.max--w--810 {
	max-height: 50.625rem;
	/* max-width 810px */
}

/* Margin */
.mb--54 {
	margin-bottom: 3.375rem;
	/* margin-bottom 54px */
}

.mb--1--neg {
	margin-bottom: -0.063rem;
	/* margin-bottom -1px */
}

/* Border Radius */
.br--5 {
	border-radius: 0.313rem;
	/* border-radius 5px */
}

/* Position */
.t--24 {
	top: 1.5rem;
	/* top 24px */
}

.b--24 {
	bottom: 1.5rem;
	/* bottom 24px */
}

.r--24 {
	right: 1.5rem;
	/* right 24px */
}

/* Color */
.col--mine-shaft {
	color: var(--color-mine-shaft, #222222);
}

.col--midnight {
	color: var(--color-midnight, #02142b);
}

/* Background */
.bg--col--black-90 {
	background: rgba(0, 0, 0, 0.9);
}

.bg--col--mine-shaft-10 {
	background-color: var(--color-mine-shaft-10, rgba(34, 34, 34, 0.1));
}

/* Line Height */
.lh--17-6 {
	line-height: 1.1rem;
}

.lh--36 {
	line-height: 2.25rem;
	/* line-height 36px */
}

/* Letter Spacing */
.tracked--3 {
	letter-spacing: 0.019rem;
	/* letter-spacing 0.3px */
}

.tracked--12 {
	letter-spacing: 0.008rem;
	/* letter-spacing 0.12px */
}

/* Merch Thumb Custom Styles */
.elm_bUQmiq {
	opacity: 0.5;
	transition: opacity 0.2s, border-color 0.2s;
}

.elm_bUQmiq:hover,
.elm_bUQmiq.is-active {
	opacity: 1;
	border-color: var(--color-desert-storm);
}

/* Merch CTA Buttons Custom Styles */
.elm_IDjQOo {
	transform: skewX(15deg);
	transition: color 0.3s, background 0.3s ease-in, border-color 0.3s;
}

.elm_IDjQOo:hover {
	color: white;
	background-color: var(--color-blue);
	border-color: transparent;
}

.elm_LdOEnd {
	transform: skewX(-15deg);
	max-block-size: none;
}

/* Animated Cart Icon (On Button Hover) Custom Styles (layer reference - elm_khECQW = svg icon, elm_FtyaTm = smoke, elm_XtfXVY = bling, elm_bkMNZh = stuff1, elm_tlhIEm = stuff2, elm_bEpJgv = cart) */
.elm_khECQW {
	backface-visibility: hidden;
	transform: translateZ(0) scale(1, 1);
	transition: transform 0s ease-in, opacity 0s ease-in;
}

.elm_FtyaTm {
	transform-origin: 100% 100%;
	transform: translate(14px, 4px) scale(0);
	transition: transform 0s ease-out;
}

.elm_XtfXVY {
	transform-origin: 50% 50%;
	transition: transform 0s ease-in;
}

.elm_bkMNZh {
	transform-origin: 50% 50%;
	transform: translateY(-50px);
	transition: transform 0s ease-in;
}

.elm_tlhIEm {
	transform-origin: 50% 50%;
	transition: transform 0s ease-out, opacity 0s ease-out;
}

.elm_bEpJgv {
	transform-origin: 50% 100%;
	transition: transform 0s ease-out;
}

.elm_IDjQOo:hover .elm_khECQW {
	transform: translateX(250px) translateZ(0) scale(1, 1);
	opacity: 0;
	transition: transform 0.4s ease-in, opacity 0.4s ease-in;
	transition-delay: 0.6s;
}

.elm_IDjQOo:hover .elm_FtyaTm {
	transform: translate(14px, 4px) scale(1);
	transition: transform 0.5s ease-out;
	transition-delay: 0.1s;
}

.elm_IDjQOo:hover .elm_XtfXVY {
	transform: translateY(-25px) scale(1.2);
	transition: transform 0.25s ease-in;
	transition-delay: 0s;
}

.elm_IDjQOo:hover .elm_bkMNZh {
	transform: translateY(10px);
	transition: transform 0.25s ease-in;
	transition-delay: 0s;
}

.elm_IDjQOo:hover .elm_tlhIEm {
	transform: translateY(20px);
	opacity: 0;
	transition: transform 0.1s ease-out, opacity 0.1s ease-out;
	transition-delay: 0s;
}

.elm_IDjQOo:hover .elm_bEpJgv {
	transform: scaleY(0.9);
	transition: transform 0.3s ease-out;
	transition-delay: 0s;
}

.elm_OOJfpx {
	border: 0.5px solid rgba(233, 229, 211, 0.25);
	background: rgba(233, 229, 211, 0.05);
}

/* [data-merch-thumbnail]:after {
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.09%, #000 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */

/* --------------- MEDIA --------------- */
:root {
	--color-fuscous-gray: #57534e;
	--color-oslo-gray-o18: rgb(119 135 155 / 18%);
	--color-oslo-gray-o40: rgb(119 135 155 / 40%);
	--color-pampas: #fdfdfc;
}

body {
	/* background-image: url('https://fansocial-user-media.s3.amazonaws.com/user-1/images/n5z4gEueVPeEqjn1sgIYSEHRUOUjBf/n5z4gEueVPeEqjn1sgIYSEHRUOUjBf.jpg');
			background-size: cover;
			width: 100%;
			height: 100vh;
			background-repeat: no-repeat; */
}

/* Tachyons - Rehan */
.col--pampas {
	color: var(--color-pampas);
}

/* Top */
.top--40 {
	top: 2.5rem;
}

/* Bottom */
.bottom--40 {
	bottom: 2.5rem;
}

.bottom--45 {
	bottom: 2.8125rem;
}

.bottom--48 {
	bottom: 3rem;
}

.bottom--160 {
	bottom: 10rem;
}

.bottom--192 {
	bottom: 12rem;
}

.bottom--8 {
	bottom: 0.5rem;
}

.neg--bottom--4 {
	bottom: -0.25rem;
}

/* Left */
.neg--left--16 {
	left: -1rem !important;
}

/* Right */
.right--80 {
	right: 5rem;
}

.right--150 {
	right: 9.375rem;
}

.neg--right--4 {
	right: -0.25rem;
}

/* Layout */
.grid {
	display: grid;
}

/* Gap */
.gap--2 {
	gap: 0.125rem;
}

.gap--5 {
	gap: 0.3125rem;
}

.gap--20 {
	gap: 1.25rem;
}

/* Width */
.w--10 {
	width: 0.625rem;
}

.w--22 {
	width: 1.375rem;
}

.w--36 {
	width: 2.25rem;
}

.w--76 {
	width: 4.75rem;
}

.w--130 {
	width: 8.125rem;
}

.w--134 {
	width: 8.375rem;
}

.w--150 {
	width: 9.375rem;
}

.w--158 {
	width: 9.875rem;
}

.w--167 {
	width: 10.4375rem;
}

.w--176 {
	width: 11rem;
}

.w--323 {
	width: 20.187rem;
}

.w--386 {
	width: 24.125rem;
}

.w--528 {
	width: 33rem;
}

.w--670 {
	width: 41.875rem;
}

.w--685 {
	width: 42.8125rem;
}

.w--772 {
	width: 48.25rem;
}

.w--800 {
	width: 50rem;
}

.w--900 {
	width: 56.25rem;
}

/* Min Width */
.mw--48 {
	min-width: 3rem;
}

/* Height */
.h--10 {
	height: 0.625rem;
}

.h--22 {
	height: 1.375rem;
}

.h--130 {
	height: 8.125rem;
}

.h--180 {
	height: 11.25rem;
}

.h--186 {
	height: 11.625rem;
}

.h--340 {
	height: 21.25rem;
}

.h--400 {
	height: 25rem;
}

.h--528 {
	height: 33rem;
}

/* Padding */
.pad--8 {
	padding: 0.5rem;
}

.pad--42 {
	padding: 2.625rem;
}

.pad--x--5 {
	padding-left: 0.3125rem;
	padding-right: 0.3125rem;
}

.pad--x--42 {
	padding-left: 2.625rem;
	padding-right: 2.625rem;
}

.pad--y--4 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.pad--top--42 {
	padding-top: 2.625rem;
}

.pad--bottom--42 {
	padding-bottom: 2.625rem;
}

/* Fill */
.fill--col--oslo-gray-o18 path {
	fill: var(--color-oslo-gray-o18);
}

.fill--col--oslo-gray-o40 path {
	fill: var(--color-oslo-gray-o40);
}

/* Font Size */
.fs--14 {
	font-size: 0.875rem;
}

.fs--28 {
	font-size: 1.75rem;
}

/* Letter Spacing */
.ls--0-14 {
	letter-spacing: 0.00875rem;
}

.ls--0-28 {
	letter-spacing: 0.0175rem;
}

.ls--0-30 {
	letter-spacing: 0.01875rem;
}

.neg--ls--0-72 {
	letter-spacing: -0.045rem;
}

/* Drop Shadow */
.dr--sh--1 {
	filter: drop-shadow(0 0.25rem 0.25rem rgba(0, 0, 0, 0.25));
}

/* Background Blur Filter */
.backdrop-blur--10 {
	-webkit-backdrop-filter: blur(0.625rem);
	backdrop-filter: blur(0.625rem);
}

/* Blur filter */
.blur--50 {
	filter: blur(3.125rem);
}

/* Z-Index */
.z--2000 {
	z-index: 2000;
}

/*******/
/*******/
/* CUSTOM - No Tachyons */
/*******/
/*******/
/* Loader */
.elm_YSwkCX svg {
	fill: white;
	opacity: 0.5;
}

.elm_YSwkCX svg .elm_BwJGKO {
	animation: elm_SbUAkr 1s infinite linear;
}

/* Toggle Switch */
[data-switch] input:checked + [data-switch-slide],
input:checked + .slider {
	background-color: var(--color-brand-green, #07f468) !important;
}

[data-switch][data-switch-size="small-compact"] {
	--switch-width: 2.25rem;
	--switch-height: 1.25rem;
}

[data-switch][data-switch-size="small-compact"] [data-switch-slide] {
	--switch-slide-transform: 1.025rem;
	--switch-slide-width: 1rem;
	--switch-slide-height: 1rem;
	--switch-slide-bottom: 0.125rem;
	background-color: var(--color-fuscous-gray);
}

[data-switch][data-switch-size="small-compact"] [data-switch-slide]:before {
	left: 0.125rem;
	border: none;
}

/* Media Details Popup */
/***/
/* VideoJS UI customizations */
[data-media-details-popup] {
	transition: opacity 0.3s;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.02) 100%), #0C111D;
}

[data-media-details-popup].o-0 {
	opacity: 0;
	pointer-events: none;
}

[data-media-details-popup] .video-js {
	width: 100%;
	height: 100%;
}

[data-media-details-popup]:hover .vjs-control-bar,
[data-media-details-popup]:not([playing]) .vjs-control-bar {
	display: flex;
	visibility: visible !important;
	opacity: 1 !important;
}

[data-media-details-popup][playing] [data-play-icon],
[data-video-play-trigger] + [data-play-icon] {
	display: none;
}

[data-media-details-popup] .vjs-control-bar {
	background-color: transparent;
}

[data-media-details-popup] .video-js::after {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.9)
	);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/* transition: opacity 1s linear 0.6s; */
	z-index: 2;
}

@media screen and (min-width: 1365px) {
	[data-media-details-popup] [data-media-big-image]::after {
		background: linear-gradient(
			180deg,
			rgba(0, 0, 0, 0) 0%,
			rgba(0, 0, 0, 0.9)
		);
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: opacity 1s linear 0.6s;
		z-index: 2;
	}
}

@media screen and (max-width: 767px) {
	[data-media-details-popup] [data-media-big-image]::after {
		display: none;
	}
}

/* [data-media-details-popup]:hover .video-js::after, */
[data-media-details-popup]:not([playing]) .video-js::after {
	opacity: 1;
	/* transition: opacity 50ms; */
}

[data-media-details-popup] .video-js .vjs-play-progress {
	background: var(--color-brand-green, #07f468);
}

[data-media-details-popup] .video-js .vjs-play-progress:before {
	color: var(--color-brand-green, #07f468);
	line-height: 0.2rem;
}

/* [data-media-details-popup] .video-js video,
[data-media-details-popup] .vjs-poster img {
	-o-object-fit: contain;
	object-fit: contain;
} */

[data-media-details-popup] .vjs-control-bar {
	z-index: 3;
}

[data-media-details-popup] .video-js .vjs-load-progress,
[data-media-details-popup] .video-js .vjs-load-progress div {
	background-color: transparent;
}

[data-media-details-popup] .video-js .vjs-slider {
	background-color: rgba(255, 255, 255, 0.2);
}

/* Custom CSS to change the layout of the controls */
[data-media-details-popup] .video-js .vjs-control-bar {
	display: flex;
	flex-wrap: wrap;
}

[data-media-details-popup] .video-js .vjs-progress-control {
	order: -1;
	flex: 1 0 100%;
}

[data-media-details-popup] .video-js .vjs-control-bar {
	bottom: 3.75rem;
}

[data-media-details-popup] .video-js .vjs-volume-panel {
	flex: 1;
	justify-content: flex-end;
}

[data-media-details-popup] .video-js .vjs-control-bar {
	width: unset;
	left: 1.5rem;
	right: 1.5rem;
	font-size: 1rem;
	background: transparent;
}

[data-media-details-popup] .video-js button:hover span,
[data-media-details-popup] .vjs-time-control span {
	color: var(--button-text-color);
}

[data-media-details-popup] .vjs-time-control span {
	color: var(--button-text-color);
	font-size: 0.75rem;
	font-family: "Poppins", sans-serif;
}

[data-media-details-popup] .video-js .vjs-progress-holder {
	height: 0.1875rem;
}

[data-media-details-popup]
	.video-js
	.vjs-volume-panel:not(.vjs-hover):active
	.vjs-volume-control.vjs-volume-horizontal,
[data-media-details-popup]
	.video-js
	.vjs-volume-panel:not(.vjs-hover):focus
	.vjs-volume-control.vjs-volume-horizontal {
	visibility: visible;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin-left: -1px;
}

[data-media-details-popup] .video-js .vjs-current-time,
[data-media-details-popup] .video-js .vjs-duration,
[data-media-details-popup] .vjs-live .vjs-time-control,
[data-media-details-popup] .vjs-time-divider {
	display: block;
}

[data-media-details-popup] .video-js .vjs-time-control {
	padding-right: 0;
	min-width: unset;
}

[data-media-details-popup] .vjs-time-control:not(.vjs-current-time) {
	padding-left: 0;
}

/***/
/* CUSTOM */
[data-media-details-popup][playing] [data-media-actions],
[data-media-details-popup][playing] [info] {
	opacity: 0;
}

[data-media-details-popup][data-media-access="false"][playing] [info] {
	opacity: 0.3;
}

/* [data-media-details-popup][data-media-access="false"][playing] [data-info-container] [info]{
	opacity: 1;
} */

/* [data-media-details-popup] [info]:hover {
	opacity: 1 !important;
} */

[data-media-details-popup] [data-media-actions],
[data-media-details-popup] [info] {
	transition: opacity 1s;
}

[data-media-details-popup]:hover [data-media-actions],
[data-media-details-popup]:hover [info] {
	transition: opacity 0.3s;
}

[data-media-details-popup][data-media-access="true"][playing] [info] {
	pointer-events: none;
}

[data-media-details-popup]:hover [data-media-actions] {
	opacity: 1;
}

[data-media-action].icon-for-desktop {
	background: rgba(233, 229, 211, 0.05);
	border: 0.5px solid rgba(233, 229, 211, 0.25);
}

[data-media-action][like-media][liked] path {
	stroke: transparent;
	fill: var(--color-brand-green, #07f468);
}

@media (hover: hover) and (pointer: fine) {
	[data-media-action][like-media]:hover path {
		stroke: transparent;
		fill: var(--color-brand-green, #07f468);
	}
}

[data-media-details-popup] [info-description] {
	border-left: 0.5px solid var(--neutrals-white, #fff);
}

.vjs-icon-placeholder {
	display: block !important;
}

.elm_jXgLLb {
	display: flex;
	opacity: 0.7;
	text-align: center;
}

.elm_jXgLLb:hover {
	opacity: 1;
}

.elm_jXgLLb:before {
	content: "\f107";
	/* font-size: 1.25em; */
	font-size: 2.14em;
	line-height: 1.67;
	font-family: VideoJS;
	font-weight: 400;
	font-style: normal;
}

.elm_jXgLLb[muted]:before {
	content: "\f104";
}

.common_elm_JewyQy {
	padding-top: 56.57%;
}

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

/* Desktop - 2K */
@media only screen and (min-width: 2560px) {
	.common_elm_yVNZJy {
		grid-template-columns: repeat(6, 1fr);
	}
}

/* Tablet - Landspace */
@media screen and (min-width: 1010px) and (max-width: 1365px) {
	.flex--row-reverse-responsive-tablet {
		flex-direction: row-reverse;
	}
	.pad--top--64-responsive-tablet-landscape {
		padding-top: 4rem;
	}
	.pad--top--80-responsive-tablet-landscape {
		padding-top: 5rem;
	}

	.common_elm_yVNZJy {
		grid-template-columns: repeat(4, 1fr);
	}
	[data-profile-header-right-menu].menu-id.right{
		right: 1rem;
	}
}

/* Tablet - Portrait */
@media screen and (min-width: 768px) and (max-width: 1009px) {
	.flex--row-reverse-responsive-tablet {
		flex-direction: row-reverse;
	}
	.pad--top--64-responsive-tablet {
		padding-top: 4rem;
	}
	.pad--top--80-responsive-tablet {
		padding-top: 5rem;
	}

	.common_elm_yVNZJy {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	[data-profile-header-right-menu].menu-id.right{
		right: 1rem;
	}
}

/* Mobile - Landscape */
@media screen and (min-width: 480px) and (max-width: 767px) {
	[data-header-icons] [data-menu="menu-profile-creator"] {
		border-radius: 0;
	}
	.flex--row-reverse-responsive-mobile {
		flex-direction: row-reverse;
	}
	.pad--top--64-responsive-mobile {
		padding-top: 4rem;
	}
	.pad--top--80-responsive-mobile {
		padding-top: 5rem;
	}

	.common_elm_yVNZJy {
		grid-template-columns: repeat(3, 1fr);
	}
	[data-feed-container] [data-dropdown="mobile"].menu-id.right {
		height: auto !important;
		left: unset !important;
		top: 3.5rem !important;
		right: 1rem !important;
	}
	[data-profile-header-right-menu].menu-id.right{
		right: 0;
		top: 0;
	}

	/* [data-media-details-popup] .video-js{
		min-height: 25rem;
		height: auto;
		flex: none;
	} */
	/* [data-media-details-popup] .video-js video{
		position: relative;
	} */
	[more-videos-new] [data-video-slider] {
		padding-right: 0.5rem;
	}
}

/* Mobile - Portrait */
@media screen and (max-width: 479px) {
	[data-header-icons] [data-menu="menu-profile-creator"] {
		border-radius: 0;
	}
	[more-videos-new] [data-video-slider] {
		padding-right: 0.5rem;
	}
	.flex--row-reverse-responsive-mobile-portrait {
		flex-direction: row-reverse;
	}
	.pad--top--64-responsive-mobile-portrait {
		padding-top: 4rem;
	}
	.pad--top--80-responsive-mobile-portrait {
		padding-top: 5rem;
	}

	.common_elm_yVNZJy {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	[data-feed-container] [data-dropdown="mobile"].menu-id.right {
		height: auto !important;
		left: unset !important;
		top: 3.5rem !important;
		right: 1rem !important;
	}
	[data-profile-header-right-menu].menu-id.right{
		right: 0;
		top: 0;
	}
	/* [data-media-details-popup] .video-js video{
		position: relative;
	} */
	/* [data-media-details-popup] .video-js{
		min-height: 15rem;
		height: auto;
		flex: none;
	} */
}

@media (hover: hover) {
	.elm_NjVrbB {
		opacity: 0;
		pointer-events: none;
		transition: all 0.2s;
	}

	.elm_lHmRFN:hover .elm_NjVrbB {
		opacity: 1;
		pointer-events: all;
	}
}

.elm_TVUFDE {
	visibility: hidden !important;
}

/* Lightgallery customizations */
.lg-backdrop {
	background-color: rgba(0, 0, 0, 0.5) !important;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
}

/* Background Color */
.bg--col--violet {
	background-color: var(--color-violet, #f093fb);
}

.bg--col--kelly-green {
	background-color: var(--color-kelly-green, #07f468);
}

.bg--black-70 {
	background-color: var(--color-gray-black, #696969);
}

.bg--gray-70 {
	background-color: var(--color-gray-black, rgba(34, 34, 34, 0.7));
}

.bg--light-white-15 {
	background-color: var(--color-light-white, rgba(255, 255, 255, 0.15));
}

/* Colors */
.col-text-trans-bg {
	color: var(--color-trans-black, rgba(233, 229, 211, 0.1));
}

.col-text-red-white {
	color: var(--color-red-white, #e9e5d3);
}

/* Border Colors */
.br--col--red-white {
	border-color: var(--color-mercury, #e9e5d3);
}

/* Stroke */
.stroke--col--light-warm-white {
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #e9e5d3;
}

/* Margin */
.ma--bottom--24 {
	margin-bottom: 1.5rem;
}

.ml--3 {
	margin-left: 3rem;
}

/* Padding */
.pad--x--48 {
	padding-left: 3rem;
	padding-right: 3rem;
}

.pad--x--64 {
	padding-left: 4rem;
	padding-right: 4rem;
}

.pad--x--100 {
	padding-left: 6.25rem;
	padding-right: 6.25rem;
}

.pad--y--4 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.pad--y--8 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.pad--left--104 {
	padding-left: 6.5rem;
}

.pad--right--32 {
	padding-right: 2rem;
}

/* Gap */
.gap--4 {
	gap: 0.25rem;
}

.gap--7 {
	gap: 0.438rem;
}

/* Custom Poppins Font */
.poppins {
	font-family: "Poppins", sans-serif;
}

/* Font Size */
.fs--120 {
	font-size: 7.5rem;
	/* font-size 120px */
}

.fs--57 {
	font-size: 3.563rem;
	/* font-size 57px */
}

/* Text Shadow */
.text--sh--2 {
	text-shadow: 0px 0px 20px var(--color-silver-black, rgba(0, 0, 0, 0.5));
}

.text--sh--3 {
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

/* Line Height */
.lh--1 {
	line-height: 1;
}

.lh--10 {
	line-height: 0.625rem;
}

.lh--14 {
	line-height: 0.875rem;
}

/* Drop Shadow */
.drop--sh--2 {
	filter: drop-shadow(0 0 0.313rem rgba(0, 0, 0, 1));
}

/* Top */
.top--8 {
	top: 0.438rem;
}

.top--3 {
	top: 3rem;
}

/* Backdrop Filter */
.bg--blur--5 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.bg--blur--50 {
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}

/* Border Radius */
.br--2 {
	border-radius: 0.125rem;
	/* border-radius 2px */
}

.br--5 {
	border-radius: 0.313rem;
	/* border-radius 5px */
}

/* Letter Spacing */
.tracked--3 {
	letter-spacing: 0.019rem;
	/* letter-spacing 0.3px */
}

/* Overflow */
.o--hidden {
	overflow: hidden;
}

.of--visible {
	overflow: visible !important;
}

/* z-index */
.z--1 {
	z-index: 1;
}

.z--2 {
	z-index: 2;
}

.z--3 {
	z-index: 3;
}

.z--4 {
	z-index: 4;
}

.z--5 {
	z-index: 5;
}

.z--6 {
	z-index: 6;
}

.z--7 {
	z-index: 7;
}

/* Custom CSS */
.elm_smWIta {
	position: relative;
}

.elm_ceyzSI:not(:hover) .elm_smWIta,
.elm_ceyzSI:not(:hover) .elm_smWIta + [blurred-placeholder] {
	clip-path: polygon(0% 0%, 100% 0%, 77% 100%, 0% 100%);
}

/* Carousel thumbnail parent element height for all screen */
.elm_ceyzSI {
	/* height: 11.625rem; */
	aspect-ratio: 2 / 1.1522;
}

/* Carousel thumbnail parent element overflow visiable after hover */
/* @media (hover: hover) { */
.elm_ceyzSI:not(.elm_jlWLbb):hover {
	overflow: visible;
}
/* } */

/* Carousel thumbnail normal view */
.elm_ceyzSI a {
	display: block;
	transition: all 0.15s ease-in-out;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) perspective(0) translateZ(0);
	overflow: visible;
}

/* Carousel thumbnail hide before hover */
.elm_qQDYBF:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.8) 100%
	);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

/* Carousel thumbnail width and height after hover */
/* .elm_ceyzSI:not(.elm_jlWLbb):hover a {
	width: 24rem;
	height: 20rem;
	z-index: 9;
} */
/* @media (hover: hover) { */
.elm_ceyzSI:not(.elm_jlWLbb):hover a {
	z-index: 2;
}

#splide-coming-soon .elm_ceyzSI:not(.elm_jlWLbb):hover a {
	width: 29rem;
	height: 24.157rem;
}
/* } */

@media (hover: hover) {
	.elm_ceyzSI:not(.elm_jlWLbb):hover a {
		min-width: 112.654%;
		width: 112.654%;
		height: 112.654%;
	}
}

/*@media only screen and (max-width: 1368px) {
	 #splide-coming-soon .elm_ceyzSI:not(.elm_jlWLbb):hover a {
		width: 34rem;
		height: 28.322rem;
	} 
}*/

/* @media (hover: hover) { */
.elm_ceyzSI:not([data-numbering="true"]):hover a {
	transition-delay: 0.15s;
}
/* } */

.elm_ceyzSI[data-hovered] a {
	/* z-index: 9; */
}

/* Carousel thumbnail show after hover */
.elm_ceyzSI[data-media-placeholder="false"] .elm_qQDYBF:after {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.6) -24.72%,
		rgba(0, 0, 0, 0) 41.92%,
		rgba(0, 0, 0, 0.6) 108.57%
	);
	opacity: 1;
	z-index: 10010;
}

.elm_ceyzSI[data-media-placeholder="true"] .elm_qQDYBF:after {
	opacity: 1;
	z-index: 10010;
}

/* @media (hover: hover) { */
.elm_ceyzSI:not(.elm_jlWLbb):hover .elm_qQDYBF:after {
	opacity: 1;
	z-index: 10010;
}
/* } */

/* Last thumbnail of the carousel on hover right edge */

/* Last thumbnail of the carousel for first time on hover right edge */
.elm_cYJjgh:hover a {
	left: var(--media-splide-hover-left, 0);
	top: 51%;
	transform: translate(0, -50%);
}

/* Overlay contet delay on hover */
/* @media (hover: hover) { */
.elm_ceyzSI:not(.elm_jlWLbb):hover .elm_rGOoKu,
.elm_ceyzSI:not(.elm_jlWLbb):hover .elm_YDDdhy,
.elm_ceyzSI:not(.elm_jlWLbb):hover .elm_ilaylv,
.elm_ceyzSI:not([data-numbering="true"]):hover .elm_rGOoKu,
.elm_ceyzSI:not([data-numbering="true"]):hover .elm_YDDdhy,
.elm_ceyzSI:not([data-numbering="true"]):hover .elm_ilaylv {
	transition-delay: 0.15s;
}
/* } */

/* first showing element transition */
.elm_ceyzSI a > .elm_JwVEDK,
.elm_ceyzSI a > .elm_TkTLAD,
.elm_ceyzSI a > .elm_fsuTvv {
	transition: all 0.15s ease-in-out;
}

/* first showing element hide after hover */
/* @media (hover: hover) { */
.elm_ceyzSI:not(.elm_jlWLbb):hover a > .elm_JwVEDK,
.elm_ceyzSI:not(.elm_jlWLbb):hover a > .elm_TkTLAD,
.elm_ceyzSI:not(.elm_jlWLbb):hover a > .elm_fsuTvv {
	display: none;
}

[data-cat-id][data-scrollable]
	.elm_ceyzSI:last-child:not(:first-child):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):hover
	a {
	left: calc(50% - 2rem);
}
/* } */

/* Top coming soon slider start */

.ls--0-16 {
	letter-spacing: 0.01rem;
}

.dark-10 {
	color: #101828;
}

.col--iron-grey {
	color: #f5f5f4;
}

.yellow-e9 {
	color: #e9e5d3;
}

.bl-yellow-e9 {
	border-color: #e9e5d3;
}

.bg--dark-70 {
	background-color: rgba(34, 34, 34, 70%);
}

.bg--purple-f0 {
	background-color: #f093fb;
}

.btn-play {
	padding: 0.375rem 0.625rem;
}

.elm_dHlfCr {
	width: 100%;
	height: 100%;
	border-radius: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.6) -24.72%,
		rgba(0, 0, 0, 0) 41.92%,
		rgba(0, 0, 0, 0.6) 108.57%
	);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	display: block;
	z-index: 10010;
	transition: all 0.18s ease-in-out;
}
#featured_media_splide .elm_dHlfCr {
	display: none;
}

.hide--child .child {
	display: none;
	opacity: 0;
	transition: opacity 0.15s ease-in;
}
.hide-child-flex .child {
	display: none;
}

/* .hide--child[data-media-type="video"]:hover .thumb-child,
.hide--child[data-media-type="video"]:focus .thumb-child,
.hide--child[data-media-type="video"]:active .thumb-child {
	display: none;
	opacity: 0;
	transition: opacity 0.15s ease-in;
} */

/* @media (hover: hover) { */
.elm_ceyzSI:hover .elm_dHlfCr {
	opacity: 1;
}

.hide--child:hover .child,
.hide--child:focus .child,
.hide--child:active .child {
	display: flex;
	opacity: 1;
	transition: opacity 0.15s ease-in;
}
.hide--child:hover video.child{
	/* backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px); */
	background-color: #000;
}

.hide-child-flex:hover .child,
.hide-child-flex:focus .child,
.hide-child-flex:active .child {
	display: flex;
}
/* } */

/* Top coming soon slider end */

/* Abir (June 28, 2024) - Tachyons and Custom CSS for "Buy Now" & "Add to Cart" Button fix in Media page */
/* Custom Tachyons */
/* Width */
.w--830 {
	width: 51.875rem; /* width 830px */
}
.w--442 {
	width: 27.625rem; /* width 442px */
}
.w--258 {
	width: 16.125rem; /* width 258px */
}
.w--210 {
	width: 13.125rem; /* width 210px */
}

/* Margin */
.ml--16-n {
	margin-left: -1rem; /* margin-left -16px */
}

/* Media - "Buy Now" & "Add To Cart" Buttons Custom Styles */
[data-media-details-popup] .elm_IDjQOo {
	transform: skewX(21deg);
}
[data-media-details-popup] .elm_LdOEnd {
	transform: skewX(-21deg);
}
/* Abir (June 28, 2024) - Styles End */

[data-category-popup] [data-nice-select2-tag] {
	all: unset;
}

[data-category-popup] [data-nice-select2-tag] .nice-select-tag {
	all: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	background: var(--color-brand-green, #07f468);
	padding: 0.125rem 0.5rem;
}

[data-category-popup] [data-nice-select2-tag] .nice-select-tag-label {
	all: unset;
	color: #000;
	text-align: center;
	font-family: Poppins;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5rem;
}

[data-category-popup] .nice-select.has-tags .nice-select-search-box {
	all: unset;
	margin: 0;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid var(--color-brand-green, #07f468);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

[data-category-popup] .nice-select.has-tags .nice-select-search-box path {
	fill: var(--color-brand-green, #07f468);
}

[data-category-popup] .nice-select.has-tags .nice-select-lists {
	padding: 1rem;
}

[data-category-popup]
	.nice-select.has-tags
	.nice-select-lists
	.option.nice-tag {
	all: unset;
	background: rgba(255, 255, 255, 0.2);
	padding: 0.125rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.1875rem;
}

[data-category-popup]
	.nice-select.has-tags
	.nice-select-lists
	.option.nice-tag.selected {
	background: var(--color-brand-green, #07f468);
}

[data-category-popup]
	.nice-select.has-tags
	.nice-select-lists
	.option.nice-tag
	[data-option-label] {
	color: white;
	text-align: center;
	font-family: Poppins;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5rem;
}

[data-category-popup]
	.nice-select.has-tags
	.nice-select-lists
	.option.nice-tag.selected
	[data-option-label] {
	color: black;
}

[data-category-popup] .nice-select.has-tags .nice-select-dropdown {
	background-color: rgba(0, 0, 0, 0.7);
}
[data-category-popup] .nice-select.has-tags .nice-select-dropdown:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-backdrop-filter: blur(25px);
	backdrop-filter: blur(25px);
}

[data-category-popup] .nice-select.has-tags .nice-select-search-box input {
	all: unset;
	color: var(--Gray-300, #d0d5dd) !important;
	/* Text md/Regular */
	font-family: Poppins;
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 150% */
	border-radius: 0 !important;
}

[data-category-popup]
	.nice-select.has-tags
	.nice-select-search-box
	input::placeholder,
[data-category-popup] .nice-select.has-tags .no-results {
	color: var(--Gray-300, #d0d5dd);
}

[data-media-tags] + .nice-select .simplebar-content:before,
[data-media-tags] + .nice-select .simplebar-content:after {
	display: none;
}

[data-option-tag] {
	background: rgba(255, 255, 255, 0.2);
}
[data-option-tag] [data-label] {
	color: var(--color-pampas);
}

[data-option-tag].selected {
	background: var(--color-brand-green, #07f468);
}
[data-option-tag].selected [data-label] {
	color: black;
}
[data-option-tag]:not(.selected) svg {
	display: none;
}

[data-media-tags] + .nice-select.has-tags .nice-select-list .simplebar-content {
	padding-bottom: 0 !important;
}

[data-media-tags] + .nice-select .nice-select-list {
	max-height: 20rem !important;
}

[data-media-tags] + .nice-select .no-results {
	color: white !important;
	font-family: Poppins;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem;
	text-transform: none;
}

/* --------------- ALL THE INLINE STYLES --------------- */
:root {
	--color--te-papa-green: #235842;
	--color--red: red;
	--color--blue: blue;
	--color--goldenrod: goldenrod;
	--_blur: 0px;
}

/* Font Size */
.fs--13--3 {
	font-size: 0.83125rem;
	/* font-size 13.3px */
}

/* Height */
.h--50 {
	height: 3.125rem;
	/* height 50px */
}

.vh--110 {
	height: 110vh;
}

/* Width */
.w-110 {
	width: 110%;
}

/* based on tachyons class w-100 for percent */
.w--max--inherit {
	max-width: inherit;
}

/* confirmed in use */

/* Transform */
.trans--translateY--neg--50 {
	transform: translateY(-3.125rem);
}

.trans--scaleY--70 {
	transform: scaleY(70%);
}

/* Transition */
.trans--transform--02s {
	transition: transform 0.2s;
}

.trans--transform--03s {
	transition: transform 0.3s;
}

.trans--opacity--08s {
	transition: opacity 0.8s;
}

/* Z--index */
.z--neg--1 {
	z-index: -1;
}

.z--neg--2 {
	z-index: -2;
}

/* Block Size */
.max--block--size--inherit {
	max-block-size: inherit;
}

/* Background color */
.bg--te-papa-green {
	background-color: var(--color--te-papa-green);
}

.bg--red {
	background-color: var(--color--red);
}

.bg--blue {
	background-color: var(--color--blue);
}

.bg--goldenrod {
	background-color: var(--color--goldenrod);
}

/* Display */
.grid {
	display: grid;
}

/* Grid Template Rows */
.gtr--2-1fr {
	grid-template-rows: repeat(2, 1fr);
}

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

/* Place Items */
.pi--center {
	place-items: center;
}

/* Grid Row */
.gr--1-3 {
	grid-row: 1/3;
}

.gr--2-2 {
	grid-row: 2/2;
}

/* Grid Column */
.gc--1-1 {
	grid-column: 1/1;
}

.gc--2-2 {
	grid-column: 2/2;
}

/* Bottom */
.bottom--5 {
	bottom: 5rem;
}

/* Margin */
.m--right--71 {
	margin-right: 4.438rem;
}

.m--left--auto {
	margin-left: auto;
}

/* Padding */
.pad--top--48 {
	padding-top: 3rem;
}

.pad--bottom--160 {
	padding-bottom: 10rem;
}

/* Pointer Events */
.pe--none {
	pointer-events: none;
}
.pe--all {
	pointer-events: all;
}

/* Left */
.left--neg--16 {
	left: -1rem !important;
}

/* SET MAIN SLIDER (BACKGROUND IMG) POSITION */
[data-profile-main-slider] .splide__slide video,
[data-profile-main-slider] .splide__slide img {
	width: 100% !important;
	/* width: 100% !important; */
	/* If change size, make sure it's bigger than the section size */
	/* height: 102% !important; */
	/* height: 100% !important; */
	/* height: 110% !important; */
	/* If change size, make sure it's bigger than the section size */
	object-fit: cover;
	/* object-fit: fill; */
	object-position: center center;
	filter: blur(var(--_blur));
	/* make image blur */

	/* this fix the shadows */
	/* margin-top: -10%; */
	/* margin-top: -1%; */
	margin-top: calc(-1 * var(--_blur));
	margin-left: -5%;
	height: calc(100% + var(--_blur));

	/* Added for potential performance improvement in Safari */
	/* transform: translateZ(0); */
	/* Promote layer, use sparingly */
	will-change: filter;
	/* Rehan - this fixes the right click open image for the body */
	pointer-events: none;
}

/* PROFILE STICKY HEADER */
[data-section="header-sticky"] {
	position: fixed;
	top: 0;
	width: 100%;
	transition: transform 0.3s ease;
	transform: translateY(-100%);
	/* background: black; */

	background: rgba(0, 0, 0, 0.3);
	/* backdrop-filter: blur(200px); */
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	/*	background: transparent;*/
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) -0.17%, rgba(0, 0, 0, 0.15) 100%); */
}

/* PROFILE STICKY HEADER ACTIVE */
[data-section="header-sticky"].active {
	transform: translateY(0);
}

[data-section="blur-overlay"] {
	transition: opacity 0.8s, background-color 0.8s;
	will-change: opacity, background-color;
}

[data-section="container"],
[data-section="banner1"] {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.03) -0.17%,
		rgba(0, 0, 0, 0.5) 100%
	);
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) -0.17%, rgba(0, 0, 0, 0.15) 100%); */
}

[data-section="content"] {
	/* transition: background-color 0.5s; */
	/* height: 700px;
    max-height: 700px;
    overflow-y: scroll; */
}

[data-section="header-sticky1"],
[data-section="blur-overlay"] {
	background: rgba(0, 0, 0, 0.5);
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.03) -0.17%,
		rgba(0, 0, 0, 0.15) 100%
	);
	will-change: opacity, filter;
}

[data-section="content"].reaches-top {
	/* background: linear-gradient(0deg, black 0%, black 100%); */
	/* background-image: url('assets/images/cat-img/feed-background.jpeg'); */
	/* background-position: -608.041px -549.529px; */
	/* background-size: 184.45% 235.686%; */
	/* background-color: rgba(0, 0, 0, 0.50); */
	/* backdrop-filter: blur(20px); */
	/* backdrop-filter: blur(5px); */

	/* backdrop-filter: blur(20px);
    will-change: opacity, backdrop-filter; */
}

body.disable-main-banner-button:not(.scroll-up) [data-banner-main-button] a,
[data-banner-main-button] a[disabled] {
	pointer-events: none;
	text-decoration: none;
}

/* Custom Tachyons */
/* Font */
.ff-poppins {
	font-family: "Poppins", sans-serif;
}

.f--0-625 {
	font-size: 0.625rem;
}

/* Width */
.w--0-5 {
	width: 0.5rem;
}

.w--1 {
	width: 1rem;
}

.w--4 {
	width: 4rem;
}

.w---80 {
	width: 5rem;
}

/* .w--80 {
	width: 80%;
} */

.top-100 {
	top: 100%;
}

.m--top--8 {
	margin-top: 0.5rem;
}

/* Height */
.h--0-5 {
	height: 0.5rem;
}

.h--1 {
	height: 1rem;
}

.h--1-375 {
	height: 1.375rem;
}

.h--1-5 {
	height: 1.5rem;
}

.h--4 {
	height: 4rem;
}

.hvh--100 {
	height: 100vh;
}

/* Border */
.border--red-0-031 {
	border: 0.031rem solid #ff4848;
}

/* Border Color */
.br-col--soft-athens-gray-0-25 {
	border-color: rgba(233, 229, 211, 0.25);
}

.br-col--soft-athens-gray-0-50 {
	border-color: rgba(233, 229, 211, 0.50);
}

/* Border Radius */
.br--3-125 {
	border-radius: 3.125rem;
}

.br--12-5 {
	border-radius: 12.5rem;
}

/* Background */
.bg-col--black-0-30 {
	background: rgba(0, 0, 0, 0.3);
}

.bg-col--iron-yellow-0-05 {
	background-color: rgba(233, 229, 211, 0.05);
}

/* Color */
.col--light-warm-grey {
	color: var(--color-light-warm-grey, #e7e5e4);
}

.col--light-cold-pink {
	color: var(--color-light-pink, #ff8ddf);
}

.col--light-warm-green {
	color: var(--color-light-warm-green, #9fff02);
}

/* Gap */
.gap--0-125 {
	gap: 0.125rem;
}

.gap--0-5625 {
	gap: 0.5625rem;
}

.gap---0-625 {
	gap: -0.625rem;
}

.gap--1 {
	gap: 1rem;
}

.gap--0-5 {
	gap: 0.5rem;
}

.gap--3-375 {
	gap: 3.375rem;
}

.gap--12 {
	gap: 0.75rem;
}

/* Margin */
.mt---0-6 {
	margin-top: -0.6rem;
}

.mb--1-25 {
	margin-bottom: 1.25rem;
}

.ml---0-5 {
	margin-left: -0.5rem;
}

.mh--auto {
	margin-left: auto;
	margin-right: auto;
}

.mh--40 {
	min-height: 2.5rem;
}

.ml--auto {
	margin-left: auto;
}

/* Padding */
.ph--3 {
	padding-left: 3rem;
	padding-right: 3rem;
}

.pr--5-1 {
	padding-right: 5.1rem !important;
}

.pr--0-625 {
	padding-right: 0.625rem;
}

/* Blur */
.bg-blur--0-313 {
	-webkit-backdrop-filter: blur(0.313rem);
	backdrop-filter: blur(0.313rem);
}

/* Sizing */
.t--translate-x--50 {
	transform: translateX(-50%);
}

.t--translate-y--50 {
	transform: translateY(-50%);
}

/* Transition */
.tr--transform-0-2 {
	transition: transform 0.2s;
}

.tr--opacity-0-8 {
	transition: opacity 0.8s;
}

/* Layout */
.g--col-2-2 {
	grid-column: 2/2;
}

.g--row-2-2 {
	grid-row: 2/2;
}

.z---2 {
	z-index: -2;
}

.z--9999 {
	z-index: 9999;
}

.z--99999 {
	z-index: 99999;
}

.flex--1-0-0 {
	flex: 1 0 0;
}

/* Position  */
.left--50 {
	left: 50%;
}

.bottom---0-75 {
	bottom: -0.75rem;
}

.top--50 {
	top: 50%;
}

.right---1-5 {
	right: -1.5rem;
}

.bottom--1-5 {
	bottom: 1.5rem;
}

.right--4-375 {
	right: 4.375rem;
}

.bottom--1-2 {
	bottom: 1.2rem;
}

.right--110 {
	right: 2.875rem;
}

/* Prosenjit 24-07-2024 */
.right--8 {
	right: 0.5rem;
}
.top--4 {
	top: 0.25rem;
}
.neg--right--18 {
	right: -1.125rem;
}

/* Line Spacing */
.ls--0-03125 {
	letter-spacing: 0.03125rem;
}

/* Line Height */
.lh--1-125 {
	line-height: 1.125rem;
}

/* Display */
.d--webkit-box {
	display: -webkit-box;
}

.d--webkit-box-orient {
	-webkit-box-orient: vertical;
}

.d--webkit-line-clamp {
	-webkit-line-clamp: 1;
}

/* Sizing */
.t--scale-y-70 {
	transform: scaleY(70%);
}

/* Filter */
.fill-red {
	fill: #ff4848;
}

.filter--drop-shadow-red {
	filter: drop-shadow(0px 0px 10px #f24333);
}

/* Shadow */
.shadow--red {
	box-shadow: 0px 0px 10px 0px rgba(255, 72, 72, 0.5);
}

/* Text Shadow */
.text--sh--blue--4 {
	text-shadow: 4px 4px 2px #0018ef;
}

/* confirmed in use */

/* Transition */
.tse--all {
	transition: all 0.3s ease-in-out;
}

/* Overflow */
.of--hidden {
	overflow: hidden;
}

/* Hover */
.hover--col--light-warm-green:hover {
	color: var(--color-light-warm-green, #9fff02);
}

/* Slider */
[data-profile-thumbnail-slider] .splide__slide,
#slider .splide__slide {
	border: none !important;
}

[data-profile-thumbnail-slider] .splide__slide[data-media-type="video"] {
	padding: 0rem !important;
}
[data-profile-thumbnail-slider] .splide__slide[data-media-type="video"] video {
	height: inherit;
	object-fit: cover;
	width: -webkit-fill-available;
}

[data-profile-thumbnail-slider] .splide__slide.is-prev,
[data-profile-thumbnail-slider] .splide__slide.is-next,
#slider .splide__slide.is-prev,
#slider .splide__slide.is-next {
	position: relative;
	transform: scaleY(90%) !important;
	z-index: -1;
}

[data-profile-thumbnail-slider] .splide__slide.is-active,
#slider .splide__slide.is-active {
	opacity: 1;
	width: 40% !important;
	transform: scale(100%, 100%) !important;
	border: none !important;
	border-radius: 0.25rem;
	z-index: 1;
}
[data-profile-thumbnail-slider] .splide__slide.is-active video {
	border-radius: 0.25rem;
}

/* Subscriber Button style and Animation */
.elm_nRQRhq {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

.elm_Upcbky {
	opacity: 0;
	width: 60px;
	height: auto;
	transition: all 0.5s ease-in-out;
}

.elm_dEfrtu:hover .elm_Upcbky {
	animation-name: bouncup;
	animation-duration: 0.5s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

.elm_dEfrtu:hover .elm_nRQRhq {
	animation-name: bouncedown;
	animation-duration: 0.1s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

@keyframes bouncedown {
	0% {
		opacity: 1;
		width: 100%;
		height: auto;
	}

	100% {
		opacity: 0;
		width: 60px;
		height: 80px;
	}
}

@keyframes bouncup {
	0% {
		opacity: 0;
		width: 60px;
		height: auto;
		bottom: 0;
		left: 0;
	}

	80% {
		opacity: 1;
		width: 100%;
		height: auto;
		bottom: 2px;
		left: 2px;
	}

	100% {
		opacity: 1;
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
	}
}

/* Watch Live Button */
.elm_vkwOOJ {
	filter: drop-shadow(4px 3px 0px #0018ef);
	transition: all 0.5s ease-in-out;
}

.elm_tErDzt:hover .elm_vkwOOJ {
	filter: drop-shadow(4px 3px 0px #ff46aa);
}

.elm_aPWRwG {
	fill: rgba(0, 0, 0, 0.5);
	transition: all 0.1s ease-in-out;
	animation-duration: 1.5s;
}

.elm_vkwOOJ:hover .elm_aPWRwG,
.elm_tErDzt:hover .elm_aPWRwG,
.elm_vkwOOJ:hover .elm_BCPcJA,
.elm_dEfrtu:hover .elm_BCPcJA {
	fill: #0018ef;
	animation-name: colorchange;
	animation-timing-function: ease;
}

@keyframes colorchange {
	0% {
		fill: #666;
	}

	100% {
		fill: #0018ef;
	}
}

.elm_cBIyqA,
.elm_phRlZa {
	position: absolute;
	top: -2.1rem;
	left: 0.5rem;
	transition: all 0.5s ease-in-out;
	opacity: 1;
	animation-duration: 1s;
}

.elm_phRlZa {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	animation-duration: 1s;
}

.elm_tErDzt:hover .elm_phRlZa {
	opacity: 1;
	animation-name: hideshow;
	animation-timing-function: ease;
}

.elm_tErDzt:hover .elm_cBIyqA {
	opacity: 0;
}

@keyframes hideshow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* Right side Button and Text Hover Animation */
.elm_Fxyibc {
	animation-name: SlideFromLeft;
	animation-timing-function: ease-out;
	animation-duration: 0s;
	animation-fill-mode: forwards;
}

.elm_Fxyibc:after {
	content: "";
	width: 120%;
	height: 4.438rem;
	position: absolute;
	left: -1rem;
	bottom: -0rem;
	z-index: -1;
	background: url("/wp-content/plugins/fansocial/dev/templates/tmp/assets/images/hover-background02.svg")
		no-repeat;
	background-size: cover;
	opacity: 0;
}

.elm_Fxyibc:hover:after {
	opacity: 1;
	transition: all 0.3s ease-in-out;
}

.elm_Fxyibc:hover {
	animation-timing-function: ease-in;
	animation-name: SlideFromRight;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.elm_Fxyibc:hover [data-replace-as-svg],
.elm_Fxyibc:hover .elm_cMQvTr,
.elm_Fxyibc:hover svg {
	transform: scale(1.4);
}

/* Prosenjit 24-07-2024 */
.elm_Fxyibc:hover .elm_oporMJ {
	transform: scale(1.4);
}
.elm_Fxyibc:hover .elm_EomTjP {
	right: -1.1rem;
	top: -0.5rem;
	width: 1.25rem;
	transform: scale(1.1);
}

.elm_ucqRQD {
	opacity: 0;
	padding-bottom: 0.8rem;
	transition: all 0.5s ease-in-out;
	/* Prosenjit 24-07-2024 */
	padding-left: 1rem;
}

.elm_Fxyibc:hover .elm_ucqRQD {
	opacity: 1;
	transition: all 0.1s ease-in-out;
	padding-right: 2rem;
}

.elm_Fxyibc:hover .elm_cMQvTr {
	display: block;
}

.elm_Fxyibc:hover .elm_IoZAHE {
	display: none;
}

.elm_tZBbuz:hover {
	animation-name: SmallSlideFromRight;
}

.elm_tZBbuz:after {
	content: "";
	width: 90%;
	height: 4.375rem;
	background: url("/wp-content/plugins/fansocial/dev/templates/tmp/assets/images/hover-background01.svg")
		no-repeat;
	background-size: cover;
	background-position: right;
}

/* Target Safari only */
/* Disable animations on Safari */
/* @media not all and (max-height: 899px) and (min-resolution:.1dpi) {
    .elm_Fxyibc {
        animation: none;
    }

    .elm_tZBbuz:after {
        content: unset;
    }

    .elm_Fxyibc .elm_ucqRQD {
        display: none;
    }
} */

/* Small Text Width Animation */
@keyframes SmallSlideFromRight {
	0% {
		transform: translateX(78%);
	}

	60% {
		transform: translateX(21%);
	}

	100% {
		transform: translateX(26%);
	}
}

/* Small Text Width Animation */
/* Small Text Width Animation */
@keyframes SlideFromRight {
	0% {
		transform: translateX(78%);
	}

	60% {
		transform: translateX(-5%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes SlideFromLeft {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(78%);
	}
}

/* Background Color */
.bg--col--violet {
	background-color: var(--color-violet, #f093fb);
}

.bg--col--kelly-green {
	background-color: var(--color-kelly-green, #07f468);
}

.bg--black-70 {
	background-color: var(--color-gray-black, #696969);
}

.bg--gray-70 {
	background-color: var(--color-gray-black, rgba(34, 34, 34, 0.7));
}

.bg--light-white-15 {
	background-color: var(--color-light-white, rgba(255, 255, 255, 0.15));
}

/* Colors */
.col-text-trans-bg {
	color: var(--color-trans-black, rgba(233, 229, 211, 0.1));
}

.col-text-red-white {
	color: var(--color-red-white, #e9e5d3);
}

.col--light-warm-grey {
	color: var(--color-light-warm-grey, #e7e5e4);
}

.col--light-warm-green {
	color: var(--color-light-warm-green, #9fff02);
}

/* Width */
.w--0-5 {
	width: 0.5rem;
}

.w--1 {
	width: 1rem;
}

.w--60 {
	width: 3.75rem;
}

/* Height */
.h--0-5 {
	height: 0.5rem;
}

.h--1 {
	height: 1rem;
}

.h--60 {
	height: 3.75rem;
}

/* Border */
.bw--one-half {
	border-width: 0.094rem;
}

/* Border Colors */
.br--col--red-white {
	border-color: var(--color-iron-gray, #e9e5d3);
}

.br--col--light-warm-grey {
	color: var(--color-light-warm-grey, #e7e5e4);
}

.border--red-0-031 {
	border: 0.031rem solid #ff4848;
}

.br-col--soft-athens-gray-0-25 {
	border-color: rgba(233, 229, 211, 0.25);
}

/* Border Radius */
.br--0 {
	border-radius: 0;
}

.br--2 {
	border-radius: 0.125rem;
	/* border-radius 2px */
}

.br--5 {
	border-radius: 0.313rem;
	/* border-radius 5px */
}

.br--3-125 {
	border-radius: 3.125rem;
}

.br--12-5 {
	border-radius: 12.5rem;
}

/* Stroke */
.stroke--col--light-warm-white {
	-webkit-text-stroke-width: 1.5px;
	-webkit-text-stroke-color: #e9e5d3;
}

/* Margin */
.ma--bottom--24 {
	margin-bottom: 1.5rem;
}

.ml--3 {
	margin-left: 3rem;
}

.neg--ml--10 {
	margin-left: -0.625rem;
}

/* Padding */
.pad--x--16 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.pad--x--48 {
	padding-left: 3rem;
	padding-right: 3rem;
}

.pad--y--4 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.pad--y--8 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.pad--top--28 {
	padding-top: 1.75rem;
}

.pad--y--14 {
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
}

/* Gap */
.gap--7 {
	gap: 0.438rem;
}

/* Custom Poppins Font */
.poppins {
	font-family: "Poppins", sans-serif;
}

/* Font Size */
.fs--120 {
	font-size: 7.5rem;
	/* font-size 120px */
}

.fs--57 {
	font-size: 3.563rem;
	/* font-size 57px */
}

/* Line Height */
.lh--1 {
	line-height: 1;
}

.lh--14 {
	line-height: 0.875rem;
}

/* Letter Spacing */
.tracked--25 {
	letter-spacing: 0.25rem;
}

/* Text Shadow */
.text--sh--2 {
	text-shadow: 0px 0px 20px var(--color-silver-black, rgba(0, 0, 0, 0.5));
}

.text--sh--3 {
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}

/* Drop Shadow */
.drop--sh--2 {
	filter: drop-shadow(0 0 0.313rem rgba(0, 0, 0, 1));
}

/* top */
.top--8 {
	top: 0.438rem;
}

.top--3 {
	top: 3rem;
}

/* Backdrop Filter */
.bg--blur--5 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}

.bg--blur--50 {
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
}

/* Letter Spacing */
.tracked--3 {
	letter-spacing: 0.019rem;
	/* letter-spacing 0.3px */
}

/* Overflow */
.o--hidden {
	overflow: hidden;
}

.of--visible {
	overflow: visible !important;
}

/* Transition */
.tse--all {
	transition: all 0.3s ease-in-out;
}

/* Hover */
.hover--o-100:hover {
	opacity: 100;
}

.hover--br--col--light-warm-grey:hover {
	border: solid 0.094rem;
}

.bg--off-white-75:hover {
	background-color: var(--color-off-white, rgba(233, 229, 211, 0.75));
}

.hover-child-fill:hover .hover-child path {
	stroke: #000;
}

.hover-child-fill:hover .elm_atdytL {
	fill: #000;
}

/* z-index */
.z--1 {
	z-index: 1;
}

.z--2 {
	z-index: 2;
}

.z--3 {
	z-index: 3;
}

.z--4 {
	z-index: 4;
}

.z--11000 {
	z-index: 11000;
}

/* Custom CSS */

/* Header */
/* navigation */
.elm_nHFouf {
	top: 0rem;
	right: 0rem;
}

.elm_kUpLoI {
	border-bottom: solid 1.5px transparent;
	opacity: 0.7;
}

[data-tabs-menu] li.elm_kUpLoI {
	display: flex;
	gap: 0.25rem;
	/* padding: 0 1rem; Moved below */
}
[data-tabs-menu] li.elm_kUpLoI [tab-trigger] {
	padding: 0 1rem;
}

.elm_kUpLoI.active {
	border-bottom: solid 1.5px #07f468;
	opacity: 1;
}

.elm_kUpLoI:hover {
	border-color: var(--color-spring-green, #07f468);
	opacity: 1;
}

.elm_kUpLoI:hover .elm_HqDSmk,
.elm_kUpLoI.active .elm_HqDSmk {
	color: var(--color-spring-green, #07f468);
}

/* Private Call Button Hover Animation */
.elm_scFqax {
	transition: all 0.5s;
}

.elm_EtnbZG {
	opacity: 0;
	transition: all 0.5s;
}

.elm_xGHZnA:hover .elm_EtnbZG {
	opacity: 1;
	transform: scale(1.1, 1.1);
	animation-name: shake;
	animation-duration: 0.4s;
	-webkit-animation-iteration-count: forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin: 50% 50%;
}

.elm_xGHZnA:hover .elm_scFqax {
	opacity: 0;
}

/* Prosenjit 24-07-2024 */
.elm_jMPfNp {
	width: 18%;
	right: 3px;
	top: 0px;
	transition: all 0.5s;
}
.elm_xGHZnA:hover .elm_jMPfNp {
	right: -3px;
	top: -2px;
}
.elm_xGHZnA:hover .elm_jMPfNp {
	opacity: 1;
	transform: scale(1.1, 1.1);
	animation-name: shake;
	animation-duration: 0.4s;
	-webkit-animation-iteration-count: forwards;
	-webkit-animation-timing-function: linear;
	-webkit-transform-origin: 50% 50%;
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: translate(2px, 1px) scale(1.1, 1.1);
	}

	10% {
		-webkit-transform: translate(-1px, -2px) scale(1.1, 1.1);
	}

	20% {
		-webkit-transform: translate(-3px, 0px) scale(1.1, 1.1);
	}

	30% {
		-webkit-transform: translate(0px, 2px) scale(1.1, 1.1);
	}

	40% {
		-webkit-transform: translate(1px, -1px) scale(1.1, 1.1);
	}

	50% {
		-webkit-transform: translate(-1px, 2px) scale(1.1, 1.1);
	}

	60% {
		-webkit-transform: translate(-3px, 1px) scale(1.1, 1.1);
	}

	70% {
		-webkit-transform: translate(2px, 1px) scale(1.1, 1.1);
	}

	80% {
		-webkit-transform: translate(-1px, -1px) scale(1.1, 1.1);
	}

	90% {
		-webkit-transform: translate(2px, 2px) scale(1.1, 1.1);
	}

	100% {
		-webkit-transform: translate(0px, 0px) scale(1.1, 1.1);
	}
}

/* Tip and Private Message Button Hover Animation */
.elm_CMDxfT {
	transition: all 0.2s;
}

.elm_OnYCar {
	opacity: 0;
	transition: all 0.4s;
}

.elm_tkUaim:hover .elm_CMDxfT {
	opacity: 0;
}

.elm_tkUaim:hover .elm_OnYCar {
	opacity: 1;
	transform: scale(1.1, 1.1);
}
/* Prosenjit 24-07-2024 */
.elm_tkUaim:hover .elm_jMPfNp {
	opacity: 1;
	transform: scale(1.1, 1.1);
	right: -3px;
	top: -2px;
}

.splide__track:before {
	content: "";
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	left: auto;
	right: 100%;
	top: 0;
	z-index: 4;
}

.splide__track:after {
	content: "";
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	right: auto;
	left: 100%;
	top: 0;
	z-index: 4;
}

/* .splide__track {
    overflow: visible;
}

.splide__slide .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 40%, black 100%);
    color: white;
    height: 100%;
}

.splide__arrow {
    background: transparent;
    border: none;
    color: var(--col--light-warm-green);
    border: 1px solid var(--col--light-warm-green);
    border-radius: 0;
    height: 3rem;
    width: 3rem;
} */

/* .splide__pagination {
    flex-wrap: nowrap;
    bottom: 1.5rem;
    right: 6.25rem;
    gap: 0.625rem;
    left: 75rem;
}

.splide__pagination__page {
    background: rgba(255, 255, 255, 0.5);
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    transition: background 0.3s, width 0.3s;
}

.splide__pagination__page.is-active {
    background: limegreen;
    width: 1.25rem;
    border-radius: 0.625rem;
}

.splide__arrow:hover {
    background: limegreen;
    color: black;
} */

.pa__40 {
	padding: 2.5rem;
}

.pt__24 {
	padding-top: 1.5rem;
}

/* .splide__arrow--prev {
    left: -1.563rem;
}

.splide__arrow--prev svg {
    transform: scaleX(1) !important;
}

.splide__arrow--next {
    right: -1.563rem;
} */

.tracking-1 {
	letter-spacing: 0.01rem;
}

.neg--tracked--75 {
	letter-spacing: -0.0075rem;
}

.dark-10 {
	color: #101828;
}

.col--iron-grey {
	color: #f5f5f4;
}

.yellow-e9 {
	color: #e9e5d3;
}

.bl-yellow-e9 {
	border-color: #e9e5d3;
}

.bg--dark-70 {
	background-color: rgba(34, 34, 34, 70%);
}

.bg--purple-f0 {
	background-color: #f093fb;
}

.btn-play {
	padding: 0.375rem 0.625rem;
}

/* .splide__slide img {
    vertical-align: bottom;
    object-fit: cover;
    width: 100%;
} */

[data-attribute-hover-media-effect] {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

[data-attribute-hover-media-effect].visible {
	opacity: 1;
	transform: translateY(0);
}

/* Rehan was here */
.elm_EMbFKI {
	display: none;
	/* min-height: 31.25rem; */
	min-height: 65.25rem;
}

.elm_EMbFKI.active {
	display: block;
}

.elm_PUxkOm {
	display: none;
}

/* Blur Effects, Lazy Loading, Animations */
/* placeholder before the mini thumbnail is rendered */
[preblur-placeholder] {
	position: absolute;
	inset: 0;
	opacity: 1;
	animation: flash 0.7s infinite;
	border-radius: inherit;
	background-color: #ededed;
	filter: brightness(0.8);
}

/* placeholder after the mini thumbnail is rendered and waiting for the main thumbnail */
[blurred-placeholder] {
	transition: all 0.5s;
}

[blurred-placeholder]::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	animation: pulse 2.5s infinite;
	background-color: white;
	z-index: 3;
	-webkit-backdrop-filter: inherit;
	backdrop-filter: inherit;
}
[lazy-loaded] > [blurred-placeholder]::before,
[lazy-loaded] + [blurred-placeholder]::before {
	animation: none;
	content: none;
}

/* pulse animation */
@keyframes pulse {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}

/* flash animation */
@keyframes flash {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.7;
	}

	100% {
		opacity: 1;
	}
}

/* Custom Tachyons - Abir */
/* Width */
.w--45 {
	width: 2.813rem;
	/* width 45px */
}

/* Height */
.h--45 {
	height: 2.813rem;
	/* height 45px */
}

/* Margin */
.mt--4-n {
	margin-top: -0.25rem;
	/* margin-top -4px */
}

.mt--65-5 {
	margin-top: 4.09375rem;
	/* margin-top 65.5px */
}

/* Padding */
.pad--top--45 {
	padding-top: 2.813rem;
	/* padding-top 45px */
}

/* Top */
.top--165 {
	top: 10.313rem;
	/* top 165px */
}

/* Sticky Header Tabs Custom Style */
[data-section="header-sticky"] [data-tabs-menu="profile-tabs-menu"] {
	gap: 1rem;
	/* gap 16px (overriding gap from pageElements.css) */
}

/* Profile Main Slider Custom Style */
[data-profile-main-slider] .splide__slide:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.03) -0.17%,
		rgba(0, 0, 0, 0.15) 100%
	);
}

.menu-id.elm_tdJjHQ {
	/* width: 12rem; */
	background: rgba(0, 0, 0, 0.9);
	top: unset;
	bottom: 4.5rem;
	padding: 0;
	border-radius: 0.625rem;
}

.menu-id.elm_tdJjHQ:before {
	top: unset;
	bottom: -0.4375rem;
	transform: translateX(-50%) rotate(315deg);
}

.menu-id.elm_VoQXpV {
	/* width: 9rem; */
}

.menu-id.elm_DFvpHT {
	/* width: 7.1875rem; */
	padding: 0.5rem 0;
}

.elm_VpSmfJ .menu-id.elm_tdJjHQ {
	top: 3.5rem;
	bottom: unset;
}

.elm_VpSmfJ .menu-id.elm_tdJjHQ:before {
	top: -0.4375rem;
	bottom: unset;
	transform: translateX(-50%) rotate(135deg);
}

.elm_VpSmfJ .menu-id.elm_IBOYly {
	top: 2.5rem;
}

/* after rocky new code 15/3/25 11:29PM Tip and delete popup */
[data-menu^="comment-"].menu-id.right {
	right: 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.3);
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
		0px 4px 6px -2px rgba(16, 24, 40, 0.03);
	backdrop-filter: blur(50px);
}

/*[data-menu^="comment-"].menu-id.right [data-comment-more-menu] {
	width: 7.5rem;
}*/

/* Profile Follow, Like buttons */
.common_elm_qJWRlK[active],
.common_elm_qJWRlK:not([active]):hover {
	background-color: var(--color-off-white, rgba(233, 229, 211, 0.75));
}

.common_elm_qJWRlK:not([active]):hover path {
	stroke: black;
}

.menu-id.no-arrows:before {
	display: none;
}

#report-popup input,
#report-popup textarea {
	color: #ffffff;
	width: auto;
	border-radius: 0;
	border-bottom: 1px solid var(--Gray-warm-500, #79716b);
}

.elm_DGNWTh path:first-child {
	fill: var(--color-brand-green, #07f468);
}

.elm_DGNWTh path:nth-child(2) {
	fill: black;
}

/* Media tags */
.elm_GlZRaY {
	/* padding: 0.25rem 0.313rem;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.125rem;
	line-height: 1; */
	height: 1.375rem;
	min-width: 3rem;
	max-width: 9.375rem;
	padding: 0 0.313rem;
	border-radius: 0.125rem;
	background-color: rgba(255, 255, 255, 0.2);
	color: white;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: 0.01875em;
	text-transform: capitalize;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

/* Media tag hover */
.elm_GlZRaY:hover {
	background-color: var(--color-brand-green, #07f468);
	color: #000;
}

/* Media view all popup - Disable popup scroll */
[data-category-popup] .elm_qJBugX {
	/* overflow-y: hidden; */
}

/* Merch thumbnail - Gallery */
[data-merch-thumbnail] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all 500ms;
	opacity: 0;
}
[data-merch-thumbnail].active {
	opacity: 1;
}

/* CPR Button */
/* Width */
.w--93 {
	width: 5.813rem;
	/* width 93px */
}

.w--35 {
	width: 2.188rem;
	/* width 35px */
}

/* Height */
.h--150 {
	height: 9.375rem;
	/* height 150px */
}

.h--93 {
	height: 5.813rem;
	/* height 93px */
}

/* Position */
.t--30 {
	top: 1.875rem;
	/* top 30px */
}

.t--50-p {
	top: 50%;
	/* top 50% */
}

.l--50-p {
	left: 50%;
	/* left 50% */
}

/* transform */
.t--tranlate-n-50-p {
	transform: translate(-50%, -50%);
	/* translate(-50%, -50%) */
}

/* Box Shadow */
.sh--1--1 {
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
}

/* Text Shadow */
.text--sh--2-3-0 {
	text-shadow: 2px 3px 0px #0018ef;
}

/* Hover Animation Custom Styles */
@keyframes flash__elm_sjzkue {
	0% {
		opacity: 1;
	}

	25% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes bounce__elm_sjzkue {
	0% {
		transform: translate(-50%, -50%);
	}

	25% {
		transform: translate(-50%, -60%);
	}

	50% {
		transform: translate(-50%, -50%);
	}

	75% {
		transform: translate(-50%, -40%);
	}

	100% {
		transform: translate(-50%, -50%);
	}
}

.elm_FiLApc:hover .elm_wXURTr {
	animation: bounce__elm_sjzkue 5s linear infinite;
}

.elm_FiLApc:hover .elm_CDJeLC {
	animation: flash__elm_sjzkue 2s ease-in infinite;
}

.elm_iKtMfy {
	transform-origin: 30% 100%;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.elm_wKgyhn {
	transform-origin: 30% 100%;
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.elm_TngiRW {
	transform-origin: 30% 100%;
	transition: transform 0.3s ease-in-out;
}

.elm_UYEUpe {
	transform-origin: -40% 100%;
	transition: transform 0.3s ease-in-out;
}

.elm_TgygZi {
	transform-origin: 80% -40%;
	transition: transform 0.3s ease-in-out;
}

.elm_FiLApc:hover .elm_iKtMfy {
	transform: translate(-50%, -50%) rotate(30deg);
	opacity: 0;
	visibility: hidden;
}

.elm_FiLApc:hover .elm_wKgyhn {
	transform: translate(-50%, -50%) rotate(30deg);
	opacity: 0;
	visibility: hidden;
}

.elm_FiLApc:hover .elm_TngiRW {
	transform: translate(-50%, -50%) rotate(30deg);
}

.elm_FiLApc:hover .elm_UYEUpe {
	transform: translate(-80%, -40%) rotate(-21deg);
}

.elm_FiLApc:hover .elm_TgygZi {
	transform: translate(0%, -70%) rotate(30deg);
}

/* CPR Popup */
/* Custom Tachyons */
/* Colors */
.col--cloudy {
	color: var(--color-cloudy);
}

/* Width */
.w--0 {
	width: 0rem; /* width 0px */
}

/* Height */
.h--0 {
	height: 0rem; /* height 0px */
}
.h--120 {
	height: 7.5rem; /* height 120px */
}

/* Min height */
.mh--i {
	min-height: initial !important;
}

/* Gap */
.gap--15 {
	gap: 0.9375rem; /* gap 15px */
}

/* Padding */
.pad--left--20 {
	padding-left: 1.25rem; /* padding-left 20px */
}

/* Margin */
.mt--16-n {
	margin-top: -1rem; /* margin-top -16px */
}

/* Box Shadow */
.sh--0-0-8-0--black-50 {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}

/* Border Colors */
.br--col--cloudy {
	border-color: var(--color-cloudy);
}
.br--col--pale-sky {
	border-color: var(--color-pale-sky, #667085);
}

/* Border Widths */
.bw--2 {
	border-width: 0.125rem; /* border width 2px */
}

/* Radio Buttons Custom Styles */
.elm_vDYieK input:checked ~ .elm_nqyQNV {
	background: var(--color-brand-green, #07f468);
	transition: background 0.25s ease-out;
}
.elm_vDYieK input:checked ~ .elm_nqyQNV .elm_ruUjPD {
	display: none;
}
.elm_vDYieK input:checked ~ .elm_nqyQNV .elm_wLBQCY {
	display: block;
}
.elm_vDYieK input:checked ~ .elm_nqyQNV .elm_gDmPhk {
	color: black;
	transition: color 0.25s ease;
}
.elm_vDYieK:hover input:checked ~ .elm_nqyQNV .elm_gDmPhk {
	color: black;
	transition: color 0.25s ease;
}
.elm_vDYieK:hover .elm_nqyQNV .elm_gDmPhk {
	color: var(--color-brand-green, #07f468);
	transition: color 0.25s ease;
}

/* Form Inputs Custom Style */
.elm_WRCkSV {
	border: none !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-bottom-color: var(--color-pale-sky, #667085) !important;
	transition: all 0.25s ease-out !important;
}
.elm_WRCkSV:hover,
.elm_WRCkSV:focus,
.elm_WRCkSV:active {
	border-bottom-color: var(--color-brand-green, #07f468) !important;
}

/* Send Request Button Custom Styles */
.elm_iKcXNC {
	transform: skewX(15deg) !important;
	transition: color 0.2s, background 0.2s ease-in, box-shadow 0.3s ease-in !important;
}
.elm_iKcXNC:hover {
	color: white !important;
	background-color: var(--color-blue) !important;
	box-shadow: 5px 5px 0px var(--color-brand-green, #07f468) !important;
}
.elm_iKcXNC:hover .elm_nQsIyy {
	color: white !important;
	transition: color 0.2s !important;
}
.elm_iKcXNC:hover .elm_nQsIyy path {
	stroke: white !important;
	transition: stroke 0.2s !important;
}
.elm_nQsIyy,
.elm_iKcXNC [data-button-spinner-load] {
	transform: skewX(-15deg) !important;
	max-block-size: none !important;
}

/* Temporary Dropdown Icon Custom Style */
.elm_WpVdwH {
	top: 1rem;
	right: 0.938rem;
	pointer-events: none;
}

/* Hide load more text */
.filters-load-more-button [data-button-text-wrap] {
	display: none;
}

/* Subscription Tier Description HTML tags */
.elm_SOSQot p,
.elm_SOSQot ul,
.elm_SOSQot ol,
.elm_SOSQot li,
.elm_SOSQot strong,
.elm_SOSQot em {
	color: inherit;
}
.elm_SOSQot em {
	font-family: inherit;
	font-style: italic;
}
.elm_SOSQot ol {
	list-style-type: decimal;
}
.elm_SOSQot ul {
	list-style-type: disc;
}
.elm_SOSQot a,
.elm_SOSQot a:hover {
	color: var(--color-brand-green, #07f468);
}

/**
 * Nay Added this
 * Rehan: This was moved from profile-section-top template inline styles
 */
/* profile thumbnail slider: Hide profile thumbnail slider when only has 1 item */
[data-profile-thumbnail-slider][data-page-count="1"] {
	display: none;
}

/** profile thumbnail slider:  overrite translateX when only has 2 item */
[data-profile-thumbnail-slider][data-page-count="2"] ul.splide__list {
	transform: translateX(164.879px) !important;
}

/* profile thumbnail slider:  set order when only has 2 item*/
[data-profile-thumbnail-slider][data-page-count="2"] .splide__slide {
	order: 1;
}

/* profile thumbnail slider:  set order active item when only has 2 item*/
[data-profile-thumbnail-slider][data-page-count="2"] .splide__slide.is-active {
	order: 0;
}

/* Skeleton */
.skeleton {
	animation: skeleton-loading 1.5s infinite ease-in-out;
	background-color: rgba(0, 0, 0, 0.1);
	display: block !important;
}
.skeleton-2 {
	animation: flash 0.7s infinite;
	background-color: #adadad;
	display: block !important;
	filter: brightness(0.8);
}
/* Keyframes for loading animation */
@keyframes skeleton-loading {
	0% {
		background: rgba(0, 0, 0, 0.1);
	}
	50% {
		background: rgba(0, 0, 0, 0.2);
	}
	100% {
		background: rgba(0, 0, 0, 0.1);
	}
}

/* From header */
.pad--bottom--12-8 {
	padding-bottom: 0.8rem;
}
.pad--top--12-8 {
	padding-top: 0.8rem;
}
.bg--blur--5 {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.bg--black-020 {
	background: rgba(0, 0, 0, 0.2);
}
.w--12 {
	width: 0.75rem;
}
.w--14 {
	width: 0.875rem;
}
.h--14 {
	height: 0.875rem;
}
.w--50 {
	width: 3.125rem;
}
.h--50 {
	height: 3.125rem;
}
.w--86 {
	width: 5.375rem;
}
.h--86 {
	height: 5.375rem;
}
.gap--28 {
	gap: 1.75rem;
}
.gap--1px {
	gap: 1px;
}
.h--125 {
	height: 7.813rem;
}
.w--92 {
	width: 5.75rem;
}
.w--182 {
	width: 11.375rem;
}
.h--137 {
	height: 8.563rem;
}
svg {
	max-width: 100%;
}
.w--138 {
	width: 8.625rem;
}
.h--28 {
	height: 1.75rem;
}
.w--320 {
	width: 20rem;
}
.w--325 {
	width: 20.313rem;
}
.w--345 {
	width: 21.563rem;
}
.h--320 {
	height: 20rem;
}
.h--325 {
	height: 20.313rem;
}
.h--345 {
	height: 21.563rem;
}
.w--272 {
	width: 17rem;
}
.mh--1044 {
	min-height: 65.25rem;
}
.w--136 {
	width: 8.5rem;
}
.bg--col--black-0-05 {
	background: var(--color-black-0-5, rgba(0, 0, 0, 0.5));
}
.w--72 {
	width: 4.5rem;
}
.w--316 {
	width: 19.75rem;
}

/* New Subscriber Button style */
.h--72 {
	height: 4.5rem;
}

[data-button-style="skew-left-top"] {
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
}
[data-button-theme="pink-1"] {
	border: 3px solid #ffe1fc;
	-webkit-box-shadow: 0 0 1px 0 rgba(255, 151, 243, 0.9) inset,
		0 0 10px 0 rgba(232, 3, 174, 0.05), 0 0 35px 0 rgba(232, 3, 174, 0.25),
		0 5px 50px 0 rgba(232, 3, 174, 0.5),
		0 0 40px 0 rgba(232, 3, 174, 0.5) inset,
		0 0 10px 0 rgba(246, 0, 254, 0.7);
	box-shadow: 0 0 1px 0 rgba(255, 151, 243, 0.9) inset,
		0 0 10px 0 rgba(232, 3, 174, 0.05), 0 0 35px 0 rgba(232, 3, 174, 0.25),
		0 5px 50px 0 rgba(232, 3, 174, 0.5),
		0 0 40px 0 rgba(232, 3, 174, 0.5) inset,
		0 0 10px 0 rgba(246, 0, 254, 0.7);
}
[data-button-theme="pink-new-1"]{
	backdrop-filter: blur(5px);
	overflow: hidden;
	box-shadow: 0px 0px 50px 0px rgba(232, 3, 174, 0.30);
	/* box-shadow: 0px 0px 50px 0px rgb(232 3 174 / 50%); */
}
[data-button-theme="pink-new-1"]:hover{
	box-shadow: 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset, 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 40px 0px rgba(232, 3, 174, 0.50) inset, 0px 0px 50px 0px rgba(246, 0, 254, 0.70);
}
[data-button-theme="pink-new-1"]:before{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(232, 3, 174, 0.00) 0%, rgba(232, 3, 174, 1) 100%);
	/* background: linear-gradient(180deg, rgba(232, 3, 174, 0.00) 0%, rgba(158, 35, 121, 1) 100%); */
}
[data-button-theme="pink-new-1"] [data-text-shadow]{
	filter: drop-shadow(0px 0px 10px #fe00bf);
}
/* [data-button-theme="pink-new-1"] [data-button-inner-shadow]{
	box-shadow: 0px 0px 10px 0px rgba(232, 3, 174, 0.05), 0px 0px 35px 0px rgba(232, 3, 174, 0.25), 0px 5px 50px 0px rgba(232, 3, 174, 0.50), 0px 0px 10px 0px rgba(246, 0, 254, 0.70), 0px 0px 1px 0px rgba(255, 151, 243, 0.90) inset;
} */
[data-button-theme="black"] {
	width: 17.813rem;
	border: 3px solid #fff;
	background: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.8) 0%,
			rgba(0, 0, 0, 0.8) 100%
		),
		rgba(224, 0, 120, 0.05);
	box-shadow: 0px 0px 10px 0px rgba(232, 3, 174, 0.05),
		0px 0px 35px 0px rgba(232, 3, 174, 0.25),
		0px 5px 50px 0px rgba(232, 3, 174, 0.5),
		0px 0px 1px 0px rgba(255, 151, 243, 0.9) inset,
		0px 0px 10px 0px rgba(246, 0, 254, 0.7);
}
[data-button-theme="black-blue"] {
	width: 17.813rem;
	border: 3px solid #fff;
	background: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0.8) 0%,
			rgba(0, 0, 0, 0.8) 100%
		),
		rgba(224, 0, 120, 0.05);
	box-shadow: 0px 0px 1px 0px #1b45ff inset,
		0px 0px 10px 0px rgba(13, 113, 252, 0.05),
		0px 0px 35px 0px rgba(13, 113, 252, 0.25),
		0px 5px 50px 0px rgba(13, 113, 252, 0.5),
		0px 0px 40px 0px rgba(13, 113, 252, 0.5) inset,
		0px 0px 10px 0px rgba(30, 187, 255, 0.7);
}
[data-button-style="skew-left-top"]:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
[data-button-theme="pink-1"]:before {
	background-color: #e00078;
}
[data-button-style="skew-left-top"] [data-button-label] {
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	z-index: 3;
	position: relative;
	text-shadow: 0px 0px 30px rgba(16, 24, 40, 0.5),
		0px 0px 10px rgba(246, 0, 254, 0.7);
}
[data-button-style="skew-right-top"] [data-button-label] {
	text-shadow: 0px 0px 30px rgba(16, 24, 40, 0.5);
}
[data-button-theme="pink-1"] [data-animation-object] {
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	z-index: 9;
}
[data-button-bg="image"]:after {
	content: "";
	width: 100%;
	height: 100%;
	background-image: url(../img/button-bg.png);
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: 50%;
	position: absolute;
	z-index: 1;
	opacity: 60%;
}

[data-button-theme="pink-new-1"]:after{
	height: 31rem;
	background-size: 200%;
    background-position: 50%;
    position: absolute;
    z-index: 1;
    opacity: 6%;
    top: auto;
    left: 0;
	background-image: url(../icons/webp/button-bg.webp);
}
[data-button-theme="green"][data-button-bg="image"]:after {
	z-index: -1;
}
[data-button-theme="pink-1"]:after {
	-webkit-box-shadow: 0 0 1px 0 rgba(255, 151, 243, 0.9) inset,
		0 0 10px 0 rgba(232, 3, 174, 0.05), 0 0 35px 0 rgba(232, 3, 174, 0.25),
		0 5px 50px 0 rgba(232, 3, 174, 0.5),
		0 0 40px 0 rgba(232, 3, 174, 0.5) inset,
		0 0 10px 0 rgba(246, 0, 254, 0.7);
	box-shadow: 0 0 1px 0 rgba(255, 151, 243, 0.9) inset,
		0 0 10px 0 rgba(232, 3, 174, 0.05), 0 0 35px 0 rgba(232, 3, 174, 0.25),
		0 5px 50px 0 rgba(232, 3, 174, 0.5),
		0 0 40px 0 rgba(232, 3, 174, 0.5) inset,
		0 0 10px 0 rgba(246, 0, 254, 0.7);
}
[data-button-style="skew-right-top"] [data-button-custom-loader-icon] {
    transform: skew(35deg);
    -webkit-transform: skew(35deg);
}

.filter--col--botticelli {
	filter: brightness(0) saturate(100%) invert(76%) sepia(23%) saturate(166%)
		hue-rotate(169deg) brightness(104%) contrast(89%);
} /* #BFCEDD */
.filter--col--brand-green {
	filter: brightness(0) saturate(100%) invert(50%) sepia(94%) saturate(408%)
		hue-rotate(100deg) brightness(93%) contrast(87%);
} /* #17B26A */
.filter--col--Mercury {
	filter: brightness(0) saturate(100%) invert(99%) sepia(4%) saturate(583%)
		hue-rotate(226deg) brightness(119%) contrast(80%);
} /* #E7E5E4 */
.filter--col--brand-green-2 {
	filter: brightness(0) saturate(100%) invert(75%) sepia(67%) saturate(2300%)
		hue-rotate(86deg) brightness(100%) contrast(98%);
} /* #07F468 */
[data-popup-type="center-popup"] .elm_qJBugX {
	height: 87vh;
}
[data-price-off] {
	left: -30px;
	top: 50%;
	z-index: 99;
	transform: skew(35deg);
	transform: translateY(-50%) skew(35deg);
}
/*[data-popup-type="center-popup"] [data-post-feed-thumb-img] { max-height: 21.875rem; }*/

input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	filter: invert(1);
	opacity: 0;
}

/* Responsive for iPad screening portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1009px) {
	/* For portrait layouts only */
	[data-profile-main-slider] .splide__slide video,
	[data-profile-main-slider] .splide__slide img {
		height: 100%;
	}
	.w--100--responsive-tablet {
		width: 100%;
	}
	.flex--column--responsive-tablet {
		flex-direction: column;
	}
	[data-profile-media-view-all-popup]{
		overflow: hidden;
	}
	[data-view-all-filters-popup]{
		height: 100dvh;
		overflow: hidden;
	}
	[data-subscription-popup-slider-section].h--popup--percent--100-responsive-tablet{
		height: 100%;
	}
}

/* Responsive for Mobile screening landscape */
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
	/* For landscape layouts only */
	[data-profile-main-slider] .splide__slide video,
	[data-profile-main-slider] .splide__slide img {
		height: 100%;
	}
	.w--100--responsive-mobile {
		width: 100%;
	}
	.flex--column--responsive-mobile {
		flex-direction: column;
	}
}

/* Responsive for Mobile screening portrait */
@media only screen and (min-device-width: 300px) and (max-device-width: 479px) {
	/* For portrait layouts only */
	[data-profile-main-slider] .splide__slide video,
	[data-profile-main-slider] .splide__slide img {
		height: 100%;
	}
	.w--100--responsive-mobile-portrait {
		width: 100%;
	}
	.flex--column--responsive-mobile-portrait {
		flex-direction: column;
	}
}

[data-payment-style="username"] {
	background-image: none !important;
	background-color: #fff;
}
[data-payment-style="username"] .white {
	color: #000;
}
[data-payment-style="username"] [data-icon-bg-style] {
	background-color: #000;
}
[data-payment-style="username"] [data-text-grey] {
	color: var(--Gray-800, #182230);
}
[data-payment-style="username"] [data-icon-style] {
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%)
		hue-rotate(335deg) brightness(93%) contrast(107%);
}
[data-payment-style="username"] [data-icon-bg-style] [data-icon-style] {
	filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(0%)
		hue-rotate(176deg) brightness(107%) contrast(100%);
}
[data-payment-style="username"] [data-payment-username] {
	z-index: 1;
	display: flex;
}
[data-payment-style="username"]
	[data-payment-username]
	[data-payment-username-text] {
	color: #999;
	text-align: center;
	font-family: Poppins;
	font-size: 15.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: 7.722rem;
	opacity: 0.4;
	filter: blur(4px);
	text-transform: uppercase;
}

/* Feed */
[data-feed-container] {
	padding: 8rem;
}
[data-feed-item-id] {
	width: 21.6rem;
	height: 21.6rem;
}

/* membership tab */
[data-tabs-menu] li.elm_kUpLoI span.elm_HqDSmk.ttu {
	text-transform: capitalize;
}

[data-benefits-tag-wrapper] {
	width: calc(100% + 6rem);
	margin-left: -3rem;
	padding-left: 3rem;
	padding-right: 3rem;
	height: 3.5rem;
	overflow: scroll;
}

[data-exclusive-merch-content] {
	height: 8.375rem;
	transition: all 0.1s linear;
}

[data-exclusive-merch-thumbnail]:hover [data-exclusive-merch-content] {
	height: 100%;
}

[data-exclusive-merch-thumbnail-wrap-price-off] [data-exclusive-merch-content] {
	background: linear-gradient(
			0deg,
			rgba(255, 205, 41, 0.75) -3.06%,
			rgba(255, 205, 41, 0) 117.35%
		),
		linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

[data-popup-id="post-detail-popup"] [data-loader] {
	width: 100%;
}

@media (max-width: 1440px) {
	[data-feed-container] {
		padding: 1rem;
	}

	[data-feed-item-id] {
		width: unset;
		height: unset;
		flex: 1 1 calc(33.33% - 0.5rem);
		max-width: calc(33.33% - 0.5rem);
		aspect-ratio: 1 / 1;
	}
}

@media (max-width: 768px) {
	/* feed popup comment pin-delete */
	[data-menu^="comment-"].menu-id.right {
		position: fixed;
		width: 100%;
		height: unset !important;
		top: unset !important;
		bottom: 0;
		left: unset !important;
		right: 0 !important;
		border-radius: 0;
	}

	[data-menu^="comment-"].menu-id.right [data-comment-more-menu] {
		width: 100%;
	}

	[data-your-benefits-header],
	[data-membership-tab-section-title-wrapper] {
		padding-inline: 0.5rem;
	}

	[data-your-benefits-header] [data-section="page-title"] {
		justify-content: space-between;
	}

	/* membership tab */
	#splide-membership-media .splide__track,
	#splide-membership-merch .splide__track {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}

	[data-membership-section-title-container].ma--bottom--24 {
		margin-bottom: 1rem;
	}

	[data-membership-section-title-container] .slider-btns {
		margin-bottom: 0.5rem;
	}

	[data-exclusive-merch-thumbnail-wrap].h--324 {
		height: 15.625rem;
	}

	#splide-membership-media-list {
		height: 9.00069rem;
	}

	/* feed-popup */
	#post-detail-popup .elm_yNwqwJ {
		height: 100vh;
		margin-top: 0;
	}

	[data-popup-id="post-detail-popup"] [data-blurred-background] {
		position: fixed;
		height: 100vh;
	}

	[data-popup-id="post-detail-popup"] .simplebar-wrapper {
		width: 0;
		height: 0;
	}

	[data-popup-id="post-detail-popup"] .simplebar-wrapper .simplebar-content {
		height: 100vh;
	}

	[data-popup-id="post-detail-popup"] [data-loader] {
		display: flex;
		/*width: 100vw; this width scrooling issue in mobile view */
		top: 0;
		padding: 0;
	}

	[data-create-feed-button].right--5 {
		right: 1rem;
	}
}

/* Tablet - Landscape */
@media screen and (min-width: 1010px) and (max-width: 1365px) {
	.gap--8-responsive-tablet-landscape {
		gap: 0.5rem;
	}

	[data-profile-right-buttons-container] {
		right: 0;
	}

	[data-section="hero-gallery"] {
		max-width: 30.83rem;
		margin-left: auto;
	}
	[data-profile-media-view-all-popup]{
		overflow: hidden;
	}
	[data-view-all-filters-popup]{
		height: 100dvh;
		/* display: none !important; */
	}
}

/* Tablet - Portrait */
@media screen and (min-width: 768px) and (max-width: 1009px) {
	.gap--8-responsive-tablet {
		gap: 0.5rem;
	}
}

/* Mobile - Landspace */
@media screen and (min-width: 480px) and (max-width: 767px) {
	.pad--top--0-responsive-mobile {
		padding-top: 0;
	}
}

@media screen and (min-width: 480px) and (max-width: 600px) {
	[data-feed-tweet-description].truncate-text-line-3 {
		-webkit-line-clamp: 1;
	}
}

/* Mobile - Portrait */
@media screen and (max-width: 479px) {
	.pad--top--0-responsive-mobile-portrait {
		padding-top: 0;
	}

	/* NOT tachyons */
	[data-feed-item-id] {
		width: unset;
		height: unset;
		flex: 1 1 100%;
		max-width: 100%;
		aspect-ratio: 1 / 1;
	}

	/* new code after rocky 15/3/25 2:23PM: prevent profile page tab breaking into two line*/
	[data-section="header-sticky"].pad--x--16-responsive-mobile-portrait {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}

	[data-section="header-sticky"] [data-tabs-menu="profile-tabs-menu"] {
		justify-content: space-around;
		gap: 0;
		flex-wrap: nowrap;
	}

	[data-tabs-menu] li.elm_kUpLoI {
		/* padding: 0.639rem 1rem; Moved below */
		/*	flex: unset; Prosenjit disabled due to mobile profile page navigation make full screen*/
	}
	[data-tabs-menu] li.elm_kUpLoI [tab-trigger] {
		padding: 0.639rem 1rem;
	}
	[data-tab-navigation-mobile]{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.01) 100%);
    	backdrop-filter: blur(40px);
	}
}

@media screen and (max-width: 325px) {
	[data-tabs-menu] li.elm_kUpLoI {
		/* padding: 0 0.5rem; Moved below */
		flex: unset;
	}
	[data-tabs-menu] li.elm_kUpLoI [tab-trigger] {
		padding: 0 0.5rem;
	}
}
/* /Feed */

/* Media - Filters - Checkbox */
[data-form-input-type="radio"] input[type="radio"] + label {
	padding-left: 2rem;
	position: relative;
}
[data-form-input-type="radio"][data-form-input-type-position="right"]
	input[type="radio"]
	+ label {
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
[data-form-input-type="radio"] input[type="radio"] + label:before {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 50%;
	border: solid 1px var(--color-mischka, #d0d5dd);
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
[data-form-input-type="radio"][data-form-input-type-position="right"]
	input[type="radio"]
	+ label:before {
	left: auto;
	right: 0;
}
[data-form-input-type="radio"][data-form-accent-color="green"]
	input[type="radio"]
	+ label:before {
	border: 1px solid var(--Gray-300, #d0d5dd);
	background: var(--Gray-200, #eaecf0);
}
[data-form-input-type="radio"][data-form-accent-color="green"]
	input[type="radio"]:checked
	+ label:before {
	content: "";
	background: var(--color-brand-green, #07f468);
	border-color: var(--col--white, #fff);
}
/* /Media - Filters - Checkbox */

/* Media - Filters - Reset Width */
.slidein-bottom-popup:not([data-popup-noui])
	.elm_qJBugX
	[data-popup-type="slidein-right-popup"]
	.elm_qJBugX {
	/* width: unset; */
}
/* /Media - Filters - Reset Width */

/* Media Popup - Rocky Template ---- */
.mx--24 {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.top--24 {
	top: 1.5rem;
}
.top--36 {
	top: 2.25rem;
}

.bottom--30 {
	bottom: 1.875rem;
}

.lh--15 {
	line-height: 0.9375rem;
}

.col--gray--warm--100 {
	color: #f5f5f4;
}

.col--gray--warm--200 {
	color: #e7e5e4;
}

[data-media-details-popup] [data-info-container] {
	margin-top: 10.9375rem;
}

[data-media-details-popup] [data-info-description] {
	border-left: 0.5px solid rgba(231, 229, 228, 1);
}

[data-price-span] {
	margin-bottom: 0.3125rem;
	margin-right: 0.25rem;
}

@media screen and (min-width: 1365px) {
	.display--flex--responsive-desktop {
		display: flex;
	}

	.display--inline--responsive-desktop {
		display: inline;
	}

	.display--none--responsive-desktop {
		display: none;
	}

	.gap--24--responsive-desktop {
		gap: 1.5rem;
	}

	.gap--16--responsive-desktop {
		gap: 1rem;
	}

	.gap--12--responsive-desktop {
		gap: 0.75rem;
	}

	.gap--8--responsive-desktop {
		gap: 0.5rem;
	}
}

@media screen and (max-width: 1364px) {
	[data-new-subscriber-button] {
		width: 50%;
		max-width: 440px;
	}

	[data-cart-button] {
		width: 50%;
		max-width: 540px;
	}
}

@media screen and (max-width: 1009px) {
	.mx--16-respnosive-tablet {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.w--48--responsive-tablet {
		width: 3rem;
	}
	.h--48--responsive-tablet {
		height: 3rem;
	}
	[data-new-subscriber-button] {
		width: 100%;
		max-width: unset;
	}

	[data-cart-button] {
		width: 100%;
		max-width: unset;
	}

	[data-cart-button] [data-add-to-cart].flex--max {
		flex: unset;
	}

	.fs--16-responsive-tablet {
		font-size: 1rem;
	}

	.fs--12-responsive-tablet {
		font-size: 0.75rem;
	}

	[data-media-details-popup] [data-info-text-container].w-683 {
		max-width: 31.625rem;
	}
	[data-media-details-popup][playing] [data-media-actions].like-option-for-tablet-media-popup{
		opacity: 1 !important;
	}
}

@media screen and (max-width: 767px) {
	[data-media-details-popup] {
		/* background: rgba(12, 17, 29, 1); */
		overflow: auto;
	}
	[data-media-big-image].blur--50{
		filter: none;
		position: relative;
	}
	[data-media-big-image].blur--50:after{
		content: "";
		width: 100%;
		height: 100%;
		backdrop-filter: blur(50px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
	}

	[data-media-big-image] {
		position: static;
		width: 100%;
		min-height: 27.625rem;
	}
	[data-profile-media-details-popup]
	{
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 50%, rgba(255, 255, 255, 0.02) 100%), #0C111D !important;
	}
	[data-profile-media-details-popup] [data-profile-media-details-locked-key] svg{
		height: 13.5rem;
	}
	[data-profile-media-details-popup] [data-media-big-image]{
		min-height: 13.5rem;
		height: 13.5rem;
	}
	[data-profile-media-details-popup] [data-info-container] [info]{
		
	}
	[data-popup-type="subscription-popup"] [data-sub-tier].is-current{
		transform: translateX(0%) scale(1);
	}
	.profile-media-popup-lock-height{
		height: 15rem;
	}

	[data-media-details-popup] [data-info-container] [info],
	[data-media-details-popup] [data-info-text-container] {
		max-width: unset;
		width: 100%;
	}

	[data-feed-user-avatar] {
		width: 1.5rem;
		height: 1.5rem;
		margin-top: 0.25rem;
	}

	[data-media-details-popup] [data-info-description] {
		border-left: none;
		padding-left: 0;
		gap: 0.5rem;
	}

	.elm_GlZRaY.display-none--responsive-mobile {
		display: none;
	}

	.fs--10--responsive-mobile {
		font-size: 0.625rem;
	}

	/* [data-cart-button] [data-buy-now-button] {
		padding: 0.3125rem;
	} */
	[data-creatore-profile-media-popup-cart-btn][data-cart-button] [data-buy-now-button]{
		padding: 0;
	}
	[data-creatore-profile-media-popup-cart-btn] [data-button-theme="black-blue"]{
		width: auto;
		padding: 0 0.75rem;
	}
	[data-creatore-profile-media-popup-cart-btn] [data-buy-now-button] {
		flex: auto;
	}
	[data-creatore-profile-media-popup-cart-btn] [data-buy-now-button] [data-button-theme]{
		width: 100%;
	}

	[data-cart-button] [data-add-to-cart].flex--max {
		width: max-content;
		min-width: 58px;
	}

	[data-price-off] {
		padding: 0 2px;
		font-size: 0.625rem;
		line-height: 1.125rem;
		top: 0.375rem;
	}

	.display--inline--responsive-mobile {
		display: inline;
	}

	[data-old-price] {
		margin-top: 0.25rem;
		margin-left: 0.25rem;
	}

	[data-price-off-yellow] {
		color: #fce40d;
		background-color: #000000e5;
	}
	[data-profile-media-view-all-popup] .elm_yNwqwJ,
	[data-profile-media-view-all-popup] .elm_qJBugX {
		height: 100svh !important;
	}
	[data-profile-media-view-all-popup]{
		overflow: hidden;
	}
	[data-new-subscriber-button] [data-buy-now-button]{
		width: 100%;
	}
	[data-new-subscriber-button] [data-buy-now-button] button{
		width: 100%;
	}
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_qJBugX.h--auto-responsive-mobile-portrait{
		height: auto !important;
	}
}

@media screen and (max-width: 580px) {
	[data-media-big-image] {
		/* min-height: 13.5125rem; */
		min-height: 15rem;
		height: auto;
	}
	[data-media-details-popup] [data-info-container]{
		padding: 0.75rem 0.5rem 0;
	}

	[data-cart-button] [data-add-to-cart].flex--max {
		padding: 0.3125rem 0.75rem;
	}
	[data-button-theme="black-blue"]{
		width: auto;
	}
	[data-cart-button] [data-buy-now-button]{
		padding: 0;
	}
	.move-info-heading{
		justify-content: space-between !important;
	}
	/* Profile Hero mobile new design added  */
	[data-profile-hero-theme="new"][data-section="banner"]{
		/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.38) 75%); */
	}
	.common_elm_JNhzNd.right-16-6{
		right: 0.375rem !important;
	}
	[data-profile-hero-theme="new"][data-section="banner"] [data-banner-bottom] [data-section="hero-info"]{
		height: 100svh;
		justify-content: flex-end;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 25%, rgba(0, 0, 0, 0.15) 75%);
	}
	[data-profile-main-slider] .splide__slide:before{
		background: transparent;
	}
	.elm_kUpLoI:hover .elm_HqDSmk, .elm_kUpLoI.active .elm_HqDSmk{
		color: var(--color-mercury);
	}
	.elm_kUpLoI.active{
		border-bottom: solid 1.5px #E7E5E4;
	}
	[data-section="header-sticky"]{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.50) 25%, rgba(0, 0, 0, 0.01) 100%);
        backdrop-filter: blur(50px);
	}
	.group:hover .hover--col-black, .hover--text--col-black:hover{
		color: white;
	}
	[data-mobile-tip-design]{
		border-radius: 0px 50px 50px 0px;
		border: 0.5px solid #FF9AD0;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%), linear-gradient(180deg, rgba(232, 3, 174, 0.54) 0%, rgba(232, 3, 174, 0.60) 100%);
		box-shadow: 0px 0px 10px 0px rgba(232, 3, 174, 0.30), 0px 0px 10px 0px rgba(232, 3, 174, 0.10), 0px 0px 10px 0px rgba(232, 3, 174, 0.30) inset;
	}
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide.is-active,
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide
	{
		border: 0 !important;
	}
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide{
		border-radius: 2px;
		opacity: 0.5;
	}
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide:after{
		content: '';
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.09);
		position: absolute;
		left: 0;
		top: 0;
	}
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide.is-active{
		opacity: 1;
	}
	[data-profile-thumbnail-slider-mobile] .splide__track--nav>.splide__list>.splide__slide.is-active:after{
		display: none;
	}
	.common_elm_qJWRlK[active], .common_elm_qJWRlK:not([active]):hover{
		background: rgba(0, 0, 0, 0.75);
		box-shadow: 0px 0px 10px 0px rgba(7, 244, 104, 0.30), 0px 0px 10px 0px rgba(7, 244, 104, 0.10);
		backdrop-filter: blur(25px);
		color: var(--Brand-green, #07F468);
		border-color: transparent !important;
	}
	.common_elm_qJWRlK[active] svg path, .common_elm_qJWRlK:not([active]):hover svg path
	{
		fill: #06F368;
	}
	[data-header-button-group] .target-id-button img{
		opacity: 0.5; 
	}
	[profile-new-bottom-scroll-style]{
		background: rgba(0, 0, 0, 0.25);
		/* backdrop-filter: blur(40px); Comment out by Harwinder */
	}
	.elm_UoRWYY:not([data-popup-noui]).centered .elm_yNwqwJ:not(.no-height).h--screen-responsive-mobile-portrait{
		height: calc(100svh - 60px) !important;
	}
}
/* ---- Media Popup - Rocky Template */

/* View all popup - Centering */
.view-all-popup-tag-dropdown {
	position: fixed !important;
	top: auto !important;
	margin-top: 1rem !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
}