:root {
	--aksara-primary-hover: color-mix(in srgb, var(--aksara-primary) 85%, white);
	--aksara-primary-active: color-mix(in srgb, var(--aksara-primary) 85%, black);
	--aksara-primary-focus: color-mix(in srgb, var(--aksara-primary) 35%, transparent);
	--aksara-primary-disabled: color-mix(in srgb, var(--aksara-primary) 50%, transparent);
	--aksara-primary-subtle: color-mix(in srgb, var(--aksara-primary) 10%, transparent);
	--aksara-primary-border: color-mix(in srgb, var(--aksara-primary) 25%, transparent);
	--aksara-primary-ghost: color-mix(in srgb, var(--aksara-primary) 8%, transparent);
}

html.dark,
[data-theme="dark"] {
	--aksara-primary-hover: color-mix(in srgb, var(--aksara-primary) 85%, white);
	--aksara-primary-active: color-mix(in srgb, var(--aksara-primary) 70%, white);
}

#credits-modal:not(.is-open),
#citationFormatsModal:not(.is-open) {
	display: none !important;
}

input[type="checkbox"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #fff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 0 !important;
	width: 1.125rem !important;
	height: 1.125rem !important;
	min-width: 1.125rem !important;
	min-height: 1.125rem !important;
	display: inline-grid !important;
	place-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-shrink: 0 !important;
	cursor: pointer !important;
	transition: all 150ms ease-in-out !important;
}

input[type="checkbox"]::before {
	content: "" !important;
	width: 0.6rem !important;
	height: 0.6rem !important;
	transform: scale(0) !important;
	transition: 120ms transform ease-in-out !important;
	box-shadow: inset 1em 1em #fff !important;
	transform-origin: center center !important;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
}

input[type="checkbox"]:checked {
	background-color: var(--aksara-primary) !important;
	border-color: var(--aksara-primary) !important;
}

input[type="checkbox"]:checked::before {
	transform: scale(1) !important;
}

input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--aksara-primary) !important;
	outline-offset: 2px !important;
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-serif {
	font-family: var(--font-sans) !important;
}

i[class*="ti-"],
[class^="ti-"],
[class*=" ti-"] {
	font-family: "tabler-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--aksara-primary-hover);
}

footer a:hover,
footer a:focus {
	color: inherit !important;
}

.prose a {
	color: var(--aksara-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.prose a:hover {
	color: var(--aksara-primary-hover);
}

.aksara-btn,
.aksara-btn-primary,
.aksara-btn-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--font-sans) !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	border: 2px solid #0f172a !important;
	box-shadow: 3px 3px 0px 0px #0f172a !important;
	cursor: pointer;
	text-decoration: none !important;
	user-select: none;
	vertical-align: middle;
	box-sizing: border-box;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

.aksara-btn:hover,
.aksara-btn:focus-visible,
.aksara-btn-primary:hover,
.aksara-btn-primary:focus-visible,
.aksara-btn-secondary:hover,
.aksara-btn-secondary:focus-visible {
	transform: translate(-1px, -1px) !important;
	box-shadow: 4px 4px 0px 0px #0f172a !important;
}

.aksara-btn:active,
.aksara-btn-primary:active,
.aksara-btn-secondary:active {
	transform: translate(1px, 1px) !important;
	box-shadow: 1px 1px 0px 0px #0f172a !important;
}

.aksara-btn:focus-visible,
.aksara-btn-primary:focus-visible,
.aksara-btn-secondary:focus-visible {
	outline: 2px solid var(--aksara-primary) !important;
	outline-offset: 2px !important;
}

.aksara-btn:disabled,
.aksara-btn.is-disabled,
.aksara-btn[aria-disabled="true"],
.aksara-btn-primary:disabled,
.aksara-btn-primary.is-disabled,
.aksara-btn-primary[aria-disabled="true"],
.aksara-btn-secondary:disabled,
.aksara-btn-secondary.is-disabled,
.aksara-btn-secondary[aria-disabled="true"] {
	opacity: 0.5 !important;
	pointer-events: none !important;
	cursor: not-allowed !important;
	transform: none !important;
	box-shadow: 2px 2px 0px 0px #0f172a !important;
}

.aksara-btn-primary {
	background-color: var(--aksara-primary) !important;
	color: var(--aksara-primary-contrast) !important;
}

.aksara-btn-primary:hover {
	background-color: var(--aksara-primary-hover) !important;
	color: var(--aksara-primary-contrast) !important;
}

.aksara-btn-primary:active {
	background-color: var(--aksara-primary-active) !important;
}

.aksara-btn-secondary {
	background-color: #ffffff !important;
	color: #0f172a !important;
}

.aksara-btn-secondary:hover {
	background-color: #f8fafc !important;
	color: #0f172a !important;
}

.aksara-btn-secondary:active {
	background-color: #f1f5f9 !important;
}

html.dark .aksara-btn,
html.dark .aksara-btn-primary,
html.dark .aksara-btn-secondary {
	border-color: #ffffff !important;
	box-shadow: 3px 3px 0px 0px #ffffff !important;
}

html.dark .aksara-btn:hover,
html.dark .aksara-btn:focus-visible,
html.dark .aksara-btn-primary:hover,
html.dark .aksara-btn-primary:focus-visible,
html.dark .aksara-btn-secondary:hover,
html.dark .aksara-btn-secondary:focus-visible {
	box-shadow: 4px 4px 0px 0px #ffffff !important;
}

html.dark .aksara-btn:active,
html.dark .aksara-btn-primary:active,
html.dark .aksara-btn-secondary:active {
	box-shadow: 1px 1px 0px 0px #ffffff !important;
}

html.dark .aksara-btn-secondary {
	background-color: #1e293b !important;
	color: #f8fafc !important;
}

html.dark .aksara-btn-secondary:hover {
	background-color: #334155 !important;
}

.aksara-card,
.aksara-card-interactive {
	background-color: #ffffff;
	border: 2px solid #0f172a;
	box-shadow: 3px 3px 0px 0px #0f172a;
	box-sizing: border-box;
	transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

.aksara-card-interactive:hover,
a.aksara-card:hover {
	transform: translate(-2px, -2px);
	box-shadow: 5px 5px 0px 0px #0f172a;
}

.aksara-card-interactive:active,
a.aksara-card:active {
	transform: translate(1px, 1px);
	box-shadow: 2px 2px 0px 0px #0f172a;
}

html.dark .aksara-card,
html.dark .aksara-card-interactive {
	background-color: #1e293b;
	border-color: #334155;
	box-shadow: 3px 3px 0px 0px #000000;
	color: #f8fafc;
}

html.dark .aksara-card-interactive:hover,
html.dark a.aksara-card:hover {
	box-shadow: 5px 5px 0px 0px #38bdf8;
	border-color: #38bdf8;
}

.aksara-input,
.aksara-select,
.aksara-textarea {
	display: block;
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #0f172a;
	box-shadow: 2px 2px 0px 0px #0f172a;
	color: #0f172a;
	font-family: var(--font-sans);
	padding: 0.375rem 0.625rem;
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.relative:has(> [class*="left-"])> :is(.aksara-input, .aksara-select) {
	padding-left: 2.5rem;
}

.aksara-input:focus,
.aksara-input:focus-visible,
.aksara-select:focus,
.aksara-select:focus-visible,
.aksara-textarea:focus,
.aksara-textarea:focus-visible {
	outline: none !important;
	border-color: var(--aksara-primary) !important;
	box-shadow: 3px 3px 0px 0px var(--aksara-primary) !important;
}

.aksara-input:disabled,
.aksara-select:disabled,
.aksara-textarea:disabled,
.aksara-input[readonly],
.aksara-textarea[readonly] {
	opacity: 0.6;
	cursor: not-allowed;
	background-color: #f1f5f9;
}

.aksara-input.has-error,
.aksara-select.has-error,
.aksara-textarea.has-error,
.aksara-input[aria-invalid="true"],
.aksara-select[aria-invalid="true"],
.aksara-textarea[aria-invalid="true"] {
	border-color: #ef4444 !important;
	box-shadow: 3px 3px 0px 0px #ef4444 !important;
}

html.dark .aksara-input,
html.dark .aksara-select,
html.dark .aksara-textarea {
	background-color: #0f172a;
	border-color: #475569;
	color: #f8fafc;
	box-shadow: 2px 2px 0px 0px #000000;
}

.aksara-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	border: 1.5px solid #0f172a;
	padding: 0.2rem 0.5rem;
	box-sizing: border-box;
	transition: all 0.15s ease;
}

.aksara-tab {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.375rem 0.75rem;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #334155;
	background-color: #ffffff;
	border: 2px solid #0f172a;
	box-shadow: 2px 2px 0px 0px #0f172a;
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.aksara-tab:hover {
	color: #0f172a;
	background-color: #f8fafc;
	transform: translate(-1px, -1px);
	box-shadow: 3px 3px 0px 0px #0f172a;
}

.aksara-tab:active {
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0px 0px #0f172a;
}

.aksara-tab:focus-visible {
	outline: 2px solid var(--aksara-primary) !important;
	outline-offset: 2px !important;
}

.aksara-tab.is-active,
.aksara-tab[aria-selected="true"] {
	background-color: var(--aksara-primary) !important;
	color: var(--aksara-primary-contrast) !important;
	border-color: #0f172a !important;
	box-shadow: 2px 2px 0px 0px #0f172a !important;
	transform: none;
}

html.dark .aksara-tab {
	background-color: #1e293b;
	color: #94a3b8;
	border-color: #475569;
	box-shadow: 2px 2px 0px 0px #000000;
}

html.dark .aksara-tab:hover {
	background-color: #334155;
	color: #f8fafc;
	border-color: #94a3b8;
	box-shadow: 3px 3px 0px 0px #000000;
}

html.dark .aksara-tab.is-active,
html.dark .aksara-tab[aria-selected="true"] {
	background-color: var(--aksara-primary) !important;
	color: var(--aksara-primary-contrast) !important;
	border-color: #ffffff !important;
	box-shadow: 2px 2px 0px 0px #000000 !important;
}

.aksara-heading-link {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}

.aksara-heading-link:hover {
	color: var(--aksara-primary);
}

blockquote {
	border-left: 4px solid var(--aksara-primary) !important;
	background-color: var(--aksara-primary-subtle) !important;
	padding: 1rem 1.25rem !important;
	font-style: italic !important;
	margin: 1.25rem 0 !important;
	color: #1e293b !important;
}

html.dark blockquote {
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: #f1f5f9 !important;
}

.aksara-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.aksara-clamp-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.aksara-alert {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.625rem 0.875rem;
	border: 2px solid #0f172a;
	font-size: 0.875rem;
	box-shadow: 2px 2px 0px 0px #0f172a;
	margin-bottom: 0.75rem;
}

.aksara-alert.variant-info {
	background-color: #eff6ff;
	border-color: #3b82f6;
	color: #1e40af;
	box-shadow: 2px 2px 0px 0px #3b82f6;
}

.aksara-alert.variant-success {
	background-color: #f0fdf4;
	border-color: #22c55e;
	color: #15803d;
	box-shadow: 2px 2px 0px 0px #22c55e;
}

.aksara-alert.variant-warning {
	background-color: #fffbeb;
	border-color: #f59e0b;
	color: #b45309;
	box-shadow: 2px 2px 0px 0px #f59e0b;
}

.aksara-alert.variant-danger,
.aksara-alert.variant-error {
	background-color: #fef2f2;
	border-color: #ef4444;
	color: #b91c1c;
	box-shadow: 2px 2px 0px 0px #ef4444;
}

.hover\:bg-\[var\(--aksara-primary-hover\)\]:hover {
	background-color: var(--aksara-primary-hover) !important;
	color: var(--aksara-primary-contrast) !important;
}

.text-\[var\(--aksara-primary-contrast\)\] {
	color: var(--aksara-primary-contrast) !important;
}

[class*="bg-\[var\(--aksara-primary\)\]"] {
	color: var(--aksara-primary-contrast) !important;
}

[class*="bg-\[var\(--aksara-primary\)\]"] a:not([class*="bg-"]):not([class*="text-"]):hover {
	color: inherit !important;
	opacity: 1 !important;
}

.aksara-header-primary {
	background-color: var(--aksara-primary) !important;
	color: var(--aksara-primary-contrast) !important;
}

.aksara-header-primary a:not([class*="btn"]) {
	color: inherit !important;
}

.aksara-logo-monochrome {
	filter: var(--aksara-contrast-filter, brightness(0) invert(1)) !important;
}

.aksara-logo-outline {
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.85));
	transition: filter 0.25s ease;
}

html.dark .aksara-logo-outline {
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.85)) !important;
}

.aksara-header-primary .aksara-logo-outline {
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.85)) !important;
}

#aksaraPrimaryNav {
	color: #0f172a !important;
	text-align: left !important;
}

#aksaraPrimaryNav a,
#aksaraPrimaryNav button,
#aksaraPrimaryNav div,
#aksaraPrimaryNav span,
#aksaraPrimaryNav li {
	text-align: left !important;
}

@media (min-width: 1024px) {
	.aksara-sidebar {
		align-self: flex-start !important;
	}
}

#aksaraPrimaryNav a {
	color: #0f172a !important;
}

#aksaraPrimaryNav a:hover {
	color: var(--aksara-primary) !important;
	background-color: #f1f5f9 !important;
}

#aksaraPrimaryNav ul.pkp_navigation_primary,
#aksaraPrimaryNav ul.pkp_navigation_user {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

#aksaraPrimaryNav li {
	width: 100% !important;
	display: block !important;
}

#aksaraPrimaryNav li>a:not(.hidden),
#aksaraPrimaryNav li>div.js-aksara-submenu-toggle {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.75rem !important;
	text-align: left !important;
	padding: 0.625rem 0.75rem !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
}

#aksaraPrimaryNav li>a.hidden {
	display: none !important;
}

#aksaraPrimaryNav li>div.js-aksara-submenu-toggle {
	justify-content: space-between !important;
}

#aksaraPrimaryNav li>div.js-aksara-submenu-toggle>span {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
}

#aksaraPrimaryNav li>a span,
#aksaraPrimaryNav li>div.js-aksara-submenu-toggle span {
	text-align: left !important;
}

#aksaraPrimaryNav .is-active,
#aksaraPrimaryNav a.is-active,
#aksaraPrimaryNav div.is-active {
	color: var(--aksara-primary) !important;
	background-color: rgba(var(--aksara-primary-rgb), 0.08) !important;
	font-weight: 700 !important;
}

.aksara-primary-nav .aksara-submenu-item,
.aksara-user-nav .aksara-submenu-item {
	padding-left: 0 !important;
}

.aksara-primary-nav .aksara-submenu-item::before,
.aksara-primary-nav .aksara-submenu-item::after,
.aksara-user-nav .aksara-submenu-item::before,
.aksara-user-nav .aksara-submenu-item::after {
	display: none !important;
}

.aksara-breadcrumb-btn {
	display: inline-flex !important;
	align-items: center !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

.aksara-breadcrumb-btn .aksara-breadcrumb-text {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	will-change: transform !important;
}

.aksara-breadcrumb-btn.is-overflowing .aksara-breadcrumb-text {
	animation: aksara-marquee 10s linear infinite !important;
}

.aksara-breadcrumb-btn.is-overflowing:hover .aksara-breadcrumb-text {
	animation-play-state: paused !important;
}

@keyframes aksara-marquee {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

#aksaraPrimaryNav .js-aksara-submenu {
	position: relative !important;
}

#aksaraPrimaryNav .aksara-submenu-item {
	position: relative !important;
}

#aksaraPrimaryNav .aksara-submenu-item::before {
	content: "" !important;
	position: absolute !important;
	left: 1.25rem !important;
	top: -0.5rem !important;
	bottom: 50% !important;
	width: 1rem !important;
	border-left: 2px solid #0f172a !important;
	border-bottom: 2px solid #0f172a !important;
	border-radius: 0 !important;
	pointer-events: none !important;
}

#aksaraPrimaryNav .aksara-submenu-item:not(:last-child)::after {
	content: "" !important;
	position: absolute !important;
	left: 1.25rem !important;
	top: 50% !important;
	bottom: -0.5rem !important;
	width: 2px !important;
	background-color: #0f172a !important;
	pointer-events: none !important;
}

#aksaraPrimaryNav .aksara-user-nav-mobile a {
	color: #0f172a !important;
	padding: 0.5rem 0.75rem !important;
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 0.5rem !important;
}

.aksara-header-search {
	background-color: transparent !important;
	color: var(--aksara-primary-contrast) !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.aksara-header-search:hover {
	background-color: rgba(var(--aksara-primary-rgb), 0.12) !important;
	color: var(--aksara-primary-contrast) !important;
}

.aksara-user-nav a {
	color: var(--aksara-primary-contrast) !important;
	padding: 0.375rem 0.65rem;
	display: inline-flex;
	align-items: center;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.aksara-user-nav a:hover {
	background-color: rgba(var(--aksara-primary-rgb), 0.12);
	color: var(--aksara-primary-contrast) !important;
}

.aksara-nav-shelf {
	background-color: var(--aksara-primary-active) !important;
	color: var(--aksara-primary-contrast) !important;
}

.aksara-primary-nav {
	justify-content: center !important;
}

.aksara-primary-nav ul.pkp_navigation_primary {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.aksara-primary-nav a {
	color: var(--aksara-primary-contrast) !important;
	padding: 0.375rem 0.75rem;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.375rem !important;
	transition: background-color 0.15s ease, opacity 0.15s ease;
}

.aksara-primary-nav a i[class*="ti-"] {
	margin-right: 0 !important;
}

.aksara-primary-nav a:hover {
	background-color: rgba(var(--aksara-primary-rgb), 0.12);
	color: var(--aksara-primary-contrast) !important;
}

.aksara-primary-nav .js-aksara-submenu,
.aksara-user-nav .js-aksara-submenu {
	border: 2px solid #0f172a !important;
	box-sizing: border-box !important;
	text-align: left !important;
}

.aksara-primary-nav .js-aksara-submenu a,
.aksara-user-nav .js-aksara-submenu a {
	color: #0f172a !important;
	background-color: transparent !important;
	text-transform: none !important;
	font-weight: 500 !important;
	display: block !important;
	width: 100% !important;
	text-align: left !important;
}

.aksara-primary-nav .js-aksara-submenu a:hover,
.aksara-user-nav .js-aksara-submenu a:hover {
	background-color: #f1f5f9 !important;
	color: var(--aksara-primary) !important;
}

.aksara-task-badge {
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 21px;
	height: 21px;
	padding: 0 6px;
	border-radius: 0;
	background: #ef4444;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .02em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
	margin-left: 6px;
	vertical-align: middle;
	transform: translateY(-1px);
}

.aksara-task-badge.hasTasks {
	display: inline-flex;
}

.prose ol {
	list-style-type: decimal !important;
	padding-left: 1.5rem !important;
	margin-top: 0.75rem !important;
	margin-bottom: 0.75rem !important;
}

.prose ul {
	list-style-type: disc !important;
	padding-left: 1.5rem !important;
	margin-top: 0.75rem !important;
	margin-bottom: 0.75rem !important;
}

.prose li {
	margin-top: 0.35rem !important;
	margin-bottom: 0.35rem !important;
	padding-left: 0.25rem !important;
}

.aksara-pagination {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}

.aksara-pagination strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.5rem;
	border: 2px solid #0f172a;
	background-color: var(--aksara-primary);
	color: var(--aksara-primary-contrast);
	font-family: monospace;
	font-weight: 700;
	font-size: 0.8125rem;
	box-shadow: 2px 2px 0px 0px #0f172a;
}

.aksara-pagination a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.5rem;
	border: 2px solid #0f172a;
	background-color: #ffffff;
	color: #0f172a;
	font-family: monospace;
	font-weight: 700;
	font-size: 0.8125rem;
	text-decoration: none;
	box-shadow: 2px 2px 0px 0px #0f172a;
	transition: transform 0.1s ease, box-shadow 0.1s ease, background-color 0.1s ease;
}

.aksara-pagination a:hover {
	background-color: #f1f5f9;
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0px 0px #0f172a;
}

.prose p {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}

.pkp_screen_reader {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.aksara-sidebar .pkp_block {
	border-radius: 0;
	border: 2px solid #0f172a;
	background-color: #ffffff;
	padding: 1rem 1.125rem;
	box-shadow: 3px 3px 0px 0px #0f172a;
	box-sizing: border-box;
}

html.dark .aksara-sidebar .pkp_block {
	background-color: #1e293b;
	border-color: #334155;
	box-shadow: 3px 3px 0px 0px #000000;
	color: #f8fafc;
}

.aksara-sidebar .pkp_block .title:not(.pkp_screen_reader) {
	font-family: var(--font-sans);
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0f172a;
	margin-bottom: 0.625rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #0f172a;
	display: flex;
	align-items: center;
}

.aksara-sidebar .pkp_block .title:not(.pkp_screen_reader)::before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 12px;
	background: var(--aksara-primary);
	border-radius: 0;
	margin-right: 0.5rem;
}

.aksara-sidebar .pkp_block .content {
	font-size: 0.875rem;
	color: #334155;
	line-height: 1.625;
}

.aksara-sidebar .pkp_block ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.aksara-sidebar .pkp_block ul li {
	padding: 0.375rem 0;
	border-bottom: 1px solid #e2e8f0;
}

.aksara-sidebar .pkp_block ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.aksara-sidebar .pkp_block a:not(.aksara-btn) {
	color: #0f172a;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.15s ease;
}

.aksara-sidebar .pkp_block a:not(.aksara-btn):hover {
	color: var(--aksara-primary);
}

.aksara-sidebar .pkp_block_makeSubmission a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0.55rem 0.875rem;
	background-color: var(--aksara-primary);
	color: var(--aksara-primary-contrast) !important;
	border: 2px solid #0f172a;
	box-shadow: 3px 3px 0px 0px #0f172a;
	border-radius: 0;
	font-weight: 800;
	font-size: 0.8125rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
	text-decoration: none;
}

.aksara-sidebar .pkp_block_makeSubmission a:hover {
	background-color: var(--aksara-primary-hover);
	color: var(--aksara-primary-contrast) !important;
	transform: translate(-1px, -1px);
	box-shadow: 4px 4px 0px 0px #0f172a;
}

.aksara-sidebar .pkp_block_makeSubmission a:active {
	transform: translate(1px, 1px);
	box-shadow: 1px 1px 0px 0px #0f172a;
}

.aksara-sidebar .pkp_block img {
	max-width: 100%;
	height: auto;
	border-radius: 0;
	border: none !important;
}

.aksara-sidebar .pkp_block .content table,
.aksara-sidebar .pkp_block .content td,
.aksara-sidebar .pkp_block .content th,
.aksara-sidebar .pkp_block .content tr {
	border: none !important;
}

@keyframes shimmer {
	0%,
	85% {
		transform: translateX(-100%);
	}

	100% {
		transform: translateX(200%);
	}
}

.no-scrollbar::-webkit-scrollbar {
	display: none !important;
}

.no-scrollbar {
	-ms-overflow-style: none !important;
	scrollbar-width: none !important;
}

.aksara-indexing-slider-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.js-aksara-indexing-slider {
	will-change: transform;
}

.aksara-btn-whatsapp {
	background-color: #16a34a !important;
	color: #ffffff !important;
	justify-content: flex-start !important;
	text-align: left !important;
}

.aksara-btn-whatsapp:hover,
.aksara-btn-whatsapp:focus-visible {
	background-color: #15803d !important;
	color: #ffffff !important;
}

.aksara-btn-whatsapp:active {
	background-color: #166534 !important;
}

.aksara-btn-stats {
	background-color: #0284c7 !important;
	color: #ffffff !important;
	justify-content: flex-start !important;
	text-align: left !important;
}

.aksara-btn-stats:hover,
.aksara-btn-stats:focus-visible {
	background-color: #0369a1 !important;
	color: #ffffff !important;
}

.aksara-btn-stats:active {
	background-color: #075985 !important;
}

.aksara-animated-chart-bars {
	pointer-events: none;
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	gap: 3px;
	width: 20px;
	height: 16px;
}

.aksara-animated-chart-bars .bar {
	flex: 0 0 2.5px;
	width: 2.5px;
	min-width: 2.5px;
	max-width: 2.5px;
	box-sizing: border-box;
	background-color: #ffffff;
	border-radius: 0;
	transform-origin: bottom center;
	animation: aksaraChartPulse 1.4s ease-in-out infinite alternate;
}

.aksara-animated-chart-bars .bar-1 {
	height: 14px;
	animation-delay: 0.1s;
}

.aksara-animated-chart-bars .bar-2 {
	height: 14px;
	animation-delay: 0.45s;
}

.aksara-animated-chart-bars .bar-3 {
	height: 14px;
	animation-delay: 0.25s;
}

.aksara-animated-chart-bars .bar-4 {
	height: 14px;
	animation-delay: 0.6s;
}

@keyframes aksaraChartPulse {
	0% {
		transform: scaleY(0.25);
		opacity: 0.75;
	}

	50% {
		transform: scaleY(0.95);
		opacity: 1;
	}

	100% {
		transform: scaleY(0.4);
		opacity: 0.85;
	}
}