.kodo-info-subscription-page {
    min-height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.kodo-subscription-info-page-navbar {
	position: sticky;
    top: 0px;
    z-index: 20;
	flex: 0 0 auto;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1.5rem;

	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	border-bottom: 1px solid rgb(243, 244, 246);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);

	z-index: 40;
	transition: all 0.2s ease;
}

.kodo-subscription-info-page-navbar .close-btn-holder {
	display: flex;
	align-items: center;
}

.kodo-subscription-info-page-navbar .kodo-info-panel-close-btn-holder {
	display: inline-flex;
}

.kodo-subscription-info-page-navbar .kodo-info-panel-close-btn {
	display: flex;
	align-items: center;
	justify-content: center;

	padding: 0.5rem;

	color: rgb(75, 85, 99);
	border-radius: 9999px;

	transition: transform 0.1s ease, background 0.2s ease, color 0.2s ease;
}

.kodo-subscription-info-page-navbar .kodo-info-panel-close-btn:hover {
	color: rgb(217, 119, 6);
	background: rgb(243, 244, 246);
}

.kodo-subscription-info-page-navbar .kodo-info-panel-close-btn:active {
	transform: scale(0.95);
}

.kodo-subscription-info-page-navbar .kodo-info-panel-close-btn svg {
	width: 1.5rem;
	height: 1.5rem;
}

.kodo-subscription-info-page-navbar .kodo-info-nav-bar-header-text {
	margin-left: 0.75rem;

	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1;

	color: rgb(31, 41, 55);
}

.kodo-subscription-info-panel {
	flex: 1;
	padding: 1.5rem;
}

.kodo-info-panel-content {
	font-size: 1rem;
	line-height: 1.5;
	color: rgb(55, 65, 81);
}