@font-face {
	font-family: 'SeoulNamsan-CB';
	src: url("../fonts/SeoulNamsan-CB.ttf.woff") format("woff"), url("../fonts/SeoulNamsan-CB.ttf.svg#SeoulNamsan-CB") format("svg"), url("../fonts/SeoulNamsan-CB.ttf.eot"), url("../fonts/SeoulNamsan-CB.ttf.eot?#iefix") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.super-like-popup {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
}

.super-like-popup--wrapper {
	width: 90%;
	background-color: var(--pulse-primary-lighter);
	border-radius: 3rem;
	box-shadow: 0px 3px 3px 0px #0000001A;
	z-index: 9999;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	padding: 2rem 3rem;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	font-family: "Merriweather", sans-serif !important;
}

.super-like-popup .social-popup-header {
	font-weight: 900;
	font-size: 1.8rem;
	color: var(--pulse-primary);
	text-transform: uppercase;
	text-align: center;
}

.super-like-popup .social-popup-icons {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 0;
}

.super-like-popup .social-popup-icons .social_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3rem;
}

.super-like-popup .social-popup-icons .social_list .post_link {
	cursor: pointer;
	border: none;
	background-color: var(--pulse-primary-light);
	color: var(--pulse-white);
	width: 6rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	padding: 1.7rem;
	transition: all .2s;
}

.super-like-popup .social-popup-icons .social_list .post_link svg {
	width: 100%;
	height: 100%;
}

.super-like-popup .social-popup-icons .social_list .post_link svg path {
	fill: var(--pulse-white);
}

.super-like-popup .social-popup-icons .social_list .post_link:hover {
	background-color: var(#D35520, 10%);
}

.super-like-popup .social-popup-icons .social_list .social_label {
	display: block;
	margin-top: 1em;
	font-size: 1.1rem;
	font-weight: 700;
	font-family: "Merriweather", sans-serif;
	text-align: center;
}

.super-like-popup .supper__like-cover {
	position: relative;
}

.super-like-popup .supper__like-cover .close__superlike {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: var(--pulse-divider-color);
	transition: all .1s;
	cursor: pointer;
}

.super-like-popup .supper__like-cover .close__superlike svg path {
	stroke: var(--pulse-primary) !important;
}

.super-like-popup .supper__like-cover .close__superlike:hover {
	background-color: var(--pulse-primary);
}

.super-like-popup .supper__like-cover .close__superlike:hover svg path {
	stroke: var(--pulse-white) !important;
}

.super-like-popup .super__like-header {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	max-width: 25rem;
	width: 100%;
}

.super-like-popup .super__like-header .super__like-img {
	width: 8rem;
	display: block;
}

.super-like-popup .super__like-header--title {
	margin-bottom: 1rem;
}

.super-like-popup .super__like .price__wrapper {
	flex: 1;
}

.super-like-popup .super__like-img.img-cc {
	margin-bottom: 1.5rem;
}

.super-like-popup .super__like-content {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2rem;
	justify-content: space-between;
}

.super-like-popup .super__like-content--para {
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-weight: 700;
	color: var(--pulse-black);
	letter-spacing: -0.03rem;
}

.super-like-popup .super__like-content .larger__word {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 2rem;
	letter-spacing: -0.03rem;
	font-weight: 900;
}

.super-like-popup .super__like-heading {
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: var(--pulse-black);
	margin-block-end: 1.5rem;
	margin: 2rem 0 1.7rem 0;
	text-align: center;
}

.super-like-popup .super__like-notice {
	margin-bottom: 3rem;
	display: flex;
	align-items: flex-start;
}

.super-like-popup .super__like-notice-left {
	display: flex;
	align-items: center;
	width: 27rem;
	gap: 2rem;
}

.super-like-popup .super__like-notice-left span {
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}

.super-like-popup .super__like-notice-right {
	flex: 1;
	text-align: right;
}

.super-like-popup .super__like-buttons .payment-request-button {
	margin-bottom: 0 !important;
}

.super-like-popup .super__like-buttons .payment-request-button.StripeElement > div:first-child {
	width: 100%;
}

.super-like-popup .super__like-buttons .sl-continue-actions .sl-continue-btn {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1.3rem 2.4rem;
	background-color: var(--pulse-primary);
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6rem;
	letter-spacing: 0.03rem;
	font-weight: 700;
	color: var(--pulse-white);
	border-radius: 20rem;
	border-color: var(--pulse-primary);
	text-transform: uppercase;
	font-family: var(--pulse-open-sans-font);
}

.super-like-popup .super__like-buttons .sl-continue-actions .sl-continue-btn:hover {
	border-color: var(--pulse-primary);
}

.super-like-popup .super__like-buttons .sl-continue-actions .sl-continue-btn span {
	color: var(--pulse-white);
}

.super-like-popup .super__like-step-2 {
	width: 100%;
}

.super-like-popup--footer {
	margin-top: 1.5rem;
}

.final__step-header {
	display: flex;
	align-items: center;
	gap: 3rem;
	margin-bottom: 0.5rem;
}

.final__step-header--img {
	width: 8rem;
}

.final__step-header .donation__label {
	font-size: 1.1rem;
	line-height: 1.5rem;
	font-weight: 700;
	background-color: var(--pulse-primary-light);
	padding: 0.5rem 1.5rem;
	border-radius: 10rem;
	font-family: var(--pulse-open-sans-font);
}

.final__step-header .donation-recurring-wrapper {
	display: flex;
	align-items: center;
}

.final__step-email .email__field {
	width: 100%;
}

.final__step-email .super__like-buttons {
	position: absolute;
	top: 0;
	right: 0;
}

.final__step-email .donator-email-wrapper {
	position: relative;
}

.other__amount {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 2rem;
	justify-content: space-between;
}

.other__amount .other__wrapper {
	width: 100%;
}

.other__amount .other__wrapper .other-amount {
	position: relative;
}

.other__amount .other__wrapper .other-amount input {
	padding: 1rem 14rem 1rem 2.2rem;
	background: #fff;
	font-size: 1.4rem;
	font-family: "Merriweather", sans-serif !important;
	border-radius: 10rem;
	width: 100%;
	border-color: var(--pulse-primary);
	color: var(--pulse-primary);
}

@media screen and (max-width: 767px) {
	.other__amount .other__wrapper .other-amount input {
		font-size: 1.2rem;
	}
}

.other__amount .other__wrapper .other-amount input:focus {
	outline: none;
	border-color: var(--pulse-primary);
}

.other__amount .other__wrapper .sl-other-continue-btn {
	position: absolute;
	top: 0;
	right: 0;
}

.other__amount .other__wrapper .sl-other-continue-btn .sl-continue-btn {
	gap: 0.5rem;
	padding: 1.3rem 2.4rem;
	background-color: var(--pulse-primary);
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.6rem;
	letter-spacing: 0.03rem;
	font-weight: 700;
	color: var(--pulse-white);
	border-radius: 20rem;
	border-color: var(--pulse-primary);
	text-transform: uppercase;
	font-family: var(--pulse-open-sans-font);
	display: block;
}

@media screen and (max-width: 767px) {
	.other__amount .other__wrapper .sl-other-continue-btn .sl-continue-btn {
		padding: 1.2rem 2.4rem;
	}
}

.other__amount .other__wrapper .sl-other-continue-btn .sl-continue-btn:hover {
	border-color: var(--pulse-primary);
}

@media screen and (max-width: 767px) {
	.other__amount {
		flex-direction: column;
	}
}

.other__amount .other-amount-error {
	font-size: 1.2rem;
	color: #bb0000;
	padding: 0.5rem 1rem;
}

.price__wrapper .price__list {
	display: flex;
	gap: 0.6rem;
}

.price__wrapper .price__list label {
	cursor: pointer;
	position: relative;
}

.price__wrapper .price__list label span {
	color: var(--pulse-primary);
	border-radius: 50%;
	padding: 12px;
	-webkit-transition: all 0.4s;
	background-color: transparent;
	border: 1px solid var(--pulse-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 700;
	width: 5rem;
	height: 5rem;
	font-family: "Open Sans", sans-serif;
	transition: all .2s;
}

@media screen and (max-width: 767px) {
	.price__wrapper .price__list label span {
		width: 4rem;
		height: 4rem;
		font-size: 1.2rem;
	}
}

.price__wrapper .price__list label span:hover {
	color: var(--pulse-white);
	background-color: var(--pulse-primary);
}

.price__wrapper .price__list input[type="radio"] {
	opacity: 0;
	/* hidden but still tabable */
	position: absolute;
}

.price__wrapper .price__list input[type="radio"] + span {
	color: var(--pulse-primary);
	border-radius: 50%;
	padding: 12px;
	-webkit-transition: all 0.4s;
	background-color: transparent;
	border: 1px solid var(--pulse-primary);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-weight: 700;
	width: 5rem;
	height: 5rem;
	font-family: "Open Sans", sans-serif;
	transition: all .2s;
}

.price__wrapper .price__list input[type="radio"] + span:hover {
	color: var(--pulse-white);
	background-color: var(--pulse-primary);
}

.price__wrapper .price__list input[type="radio"]:checked + span {
	color: var(--pulse-white);
	background-color: var(--pulse-primary);
	border-color: var(--pulse-primary);
}

.price__wrapper .price__list input[type="radio"]:focus + span {
	color: var(--pulse-white);
}

.super-like-icon {
	width: 2rem;
	height: 2rem;
	cursor: pointer;
}

.super-like-icon .cls-1 {
	fill: var(--pulse-white) !important;
}

.super-like-icon .cls-2 {
	fill: var(--pulse-primary) !important;
}

.super-like-icon svg {
	width: 100% !important;
	height: 100% !important;
	display: block;
}

.super__like-btn {
	transition: all .1s;
}

.super__like-btn:hover .cls-1 {
	fill: var(--pulse-primary) !important;
}

.super__like-btn:hover .cls-2 {
	fill: var(--pulse-white) !important;
}

.super_like-checkbox {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
}

.super_like-checkbox input[type=checkbox] {
	position: relative;
	border: 0.2rem solid var(--pulse-primary);
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	-webkit-appearance: none;
	background: var(--pulse-white);
}

.super_like-checkbox input[type=checkbox]:hover {
	opacity: 1;
}

.super_like-checkbox input[type=checkbox]:checked {
	opacity: 1;
}

.super_like-checkbox input[type=checkbox]:checked::before {
	content: '';
	position: absolute;
	right: -1.6rem;
	top: -0.8rem;
	background-image: url("../imgs/check-mark.svg");
	background-size: 58%;
	background-repeat: no-repeat;
	z-index: 2;
	width: 2.5rem;
	height: 3.1rem;
	border: none;
}

@media screen and (max-width: 767px) {
	.super_like-checkbox input[type=checkbox]:checked::before {
		right: -1.2rem;
		top: -0.4rem;
	}
}

.super_like-checkbox label {
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: 900;
	line-height: 1.7rem;
	color: var(--pulse-primary);
}

.alert-danger {
	font-size: 1.4rem;
	color: red;
	margin-top: 1rem;
}

.donator-email-wrapper {
	width: 100%;
	display: flex;
	align-items: stretch;
}

.donator-email-wrapper span {
	display: flex;
	gap: 2rem;
	align-items: center;
	color: red;
	font-size: 1.4rem;
}

.donator-email-wrapper .donator-email {
	padding: 1rem 14rem 1rem 2.2rem;
	background: #fff;
	font-size: 1.4rem;
	font-family: "Merriweather", sans-serif !important;
	border-radius: 10rem;
	width: 100%;
	border-color: var(--pulse-primary);
	color: var(--pulse-primary);
}

.donator-email-wrapper .donator-email:focus {
	outline: none;
	border-color: var(--pulse-primary);
}

.super_like-actions {
	display: flex;
	margin-top: -2rem;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
}

.super_like-actions .pay-cc {
	padding: 1.6rem 2.4rem;
	background-color: var(--pulse-primary);
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.8rem;
	letter-spacing: -0.03rem;
	font-weight: 900;
	display: block;
	color: var(--pulse-white);
	border-radius: 20rem;
	border-color: var(--pulse-primary);
	font-family: "Merriweather", sans-serif;
	min-width: 50%;
}

.super_like-actions .pay-cc:hover {
	border-color: var(--pulse-primary);
}

.super_like-actions .pay-cc.super_like-back {
	background-color: var(--pulse-white);
	color: var(--pulse-primary);
}

.thank__you {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.thank__you-icon {
	display: flex;
	justify-content: center;
	width: 10rem;
}

.thank__you-content {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-direction: column;
	width: 100%;
}

.thank__you-content h3 {
	font-size: 5rem;
	font-weight: 700;
	line-height: 5rem;
	letter-spacing: -.1rem;
	text-align: center;
	color: var(--pulse-black);
	width: 100%;
}

.thank__you-content p {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.4rem;
	text-align: left;
	color: var(--pulse-black);
	padding: 0;
	margin-bottom: 0;
}

.thank__you-content .close__superlike {
	display: block;
	text-align: right;
	width: 100%;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: underline;
	cursor: pointer;
}

.super__like-payment {
	background-color: var(--pulse-white);
	border: 1px solid #D8DADC;
	border-radius: 2.3rem 2.3rem 1.8rem 1.8rem;
	padding: 2rem 2rem 5rem 2rem;
}

.super__like-payment .super__like-input {
	position: relative;
	margin-bottom: 1.5rem;
}

.super__like-payment .super__like-input label {
	position: absolute;
	top: -1.8rem;
	left: 1.5rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.4rem;
	color: #828282;
	background: var(--pulse-white);
	padding: 1rem 2rem;
	font-family: "Open Sans", sans-serif;
}

.super__like-payment .super__like-input input {
	width: 100%;
	height: 4.4rem;
	border: 1px solid #B2BCCA;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.4rem;
	font-family: "Open Sans", sans-serif;
	padding: 1.5rem 2rem;
	color: #4F4F4F;
}

.super__like-payment .super__like-input input:focus-visible {
	outline-color: var(--pulse-primary);
}

.super__like-payment .super__like-input input:focus-visible + label {
	color: var(--pulse-primary);
}

@media screen and (max-width: 767px) {
	.super-like-popup .super__like-header {
		max-width: 100%;
	}
	.super-like-popup .super-like-popup--wrapper {
		width: 35rem;
		padding: 2rem;
	}
	.super-like-popup .super-like-popup--wrapper .super__like-content {
		font-size: 1.4rem;
		line-height: 2rem;
		flex-direction: column;
	}
	.super-like-popup .super-like-popup--wrapper .super__like-content .larger__word {
		font-size: 3rem;
		line-height: 4rem;
	}
	.super-like-popup .super-like-popup--wrapper .price__wrapper {
		max-width: 100%;
	}
	.super-like-popup .super-like-popup--wrapper .price__wrapper .price__list {
		grid-gap: 0.5rem;
	}
	.super-like-popup .super-like-popup--wrapper .price__wrapper .price__list label {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.super-like-popup .super-like-popup--wrapper .price__wrapper .price__list input[type="radio"] + span {
		width: 4rem;
		height: 4rem;
		font-size: 1.2rem;
	}
	.super-like-popup .supper__like--footer .super_like-checkbox label {
		flex: 1;
		font-size: 1.4rem;
	}
	.super-like-popup .super_like-actions {
		grid-template-columns: repeat(1, 1fr);
	}
	.super-like-popup .supper__like-cover .close__superlike {
		top: -3rem;
		right: -2rem;
	}
	.thank__you .thank__you-icon {
		margin-bottom: 1.5rem;
	}
	.thank__you .thank__you-icon svg {
		width: 6rem;
	}
	.thank__you .thank__you-content h3 {
		font-size: 4rem;
		line-height: 5rem;
		margin-bottom: 0.5rem;
	}
	.thank__you .thank__you-content p {
		font-size: 1.8rem;
		line-height: 2.4rem;
		padding: 0;
		margin-bottom: 1rem;
		text-align: center;
	}
	.super-like-icon {
		width: 1.2rem !important;
		height: 1.2rem !important;
	}
	.super-like-icon svg {
		width: 1.2rem !important;
		height: 1.2rem !important;
	}
	.super-like-popup .super__like-content {
		padding: 0 !important;
	}
	.donation-recurring-wrapper {
		display: flex;
		align-items: center;
	}
	.super_like-checkbox input[type=checkbox] {
		width: 2rem;
		height: 2rem;
	}
	.super_like-checkbox label {
		font-size: 1.1rem;
		line-height: 1rem;
	}
	.donator-email-wrapper {
		width: 100%;
	}
	.final__step-header {
		display: flex;
		align-items: center;
		gap: 0rem;
		margin-bottom: 1.5rem;
		flex-wrap: wrap;
		justify-content: center;
	}
	.thank__you {
		flex-direction: column;
	}
	.thank__you-content {
		flex-wrap: wrap;
		justify-content: center;
		gap: 0;
	}
	.super-like-popup .super__like-notice-left {
		width: 27rem;
		gap: 2rem;
	}
	.super-like-popup .super__like-notice-right {
		flex: 1;
		text-align: center;
	}
}

/*# sourceMappingURL=super-like.css.map */