@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600&display=swap');

html,
body,
#app {
	/* custom scrollbar related */
	--sb-track-color: #1e1e1e;
	--sb-thumb-color: #373737;
	--sb-size: 6px;

	--background1: #1e1e1e;
	--background2: #2e2e2e;
	--background3: #383838;
	--background4: #373737;
	--background5: #444444;
	--backgroundInactive: #2e2e2e;
	--backgroundInverse: #ebebeb;
	--black: #000000;

	--actionPrimaryBackground: #006acc;
	--actionPrimaryBackgroundHover: #187cd9;
	--actionPrimaryText: #ffffff;
	--actionPrimaryTextHover: #ffffff;
	--actionSecondaryText: #e0e0e0;
	--actionSecondaryTextHover: #e0e0e0;

	--text1: #ebebeb;
	--text2: #b9b9b9;
	--text3: #a3a3a3;
	--textInactive: #6d6d6d;
	--textInverse: #171717;

	--border1: rgba(255, 255, 255, 0.1);
	--border2: rgba(255, 255, 255, 0.14);
	--border3: rgba(255, 255, 255, 0.19);
	--actionSecondaryBorder: rgba(255, 255, 255, 0.1);
	--actionSecondaryBorderHover: rgba(255, 255, 255, 0.15);

	--blueText: #8ac2ff;
	--blueIcon: #8ac2ff;
	--blueBorder: #007df0;

	--greenBackground: #007a41;
	--greenBackgroundHover: #0d8a4f;
	--greenText: #63d489;
	--greenIcon: #63d489;
	--greenBorder: #259d4d;

	--yellowBackground: #946b00;
	--yellowBackgroundHover: #af7f00;
	--yellowText: #f3c831;
	--yellowIcon: #f3c831;
	--yellowBorder: #d7a220;

	--redBackground: #cf313b;
	--redBackgroundHover: #cb3535;
	--redText: #ff8a8a;
	--redIcon: #ff8a8a;
	--redBorder: #e42f3a;

	--orangeBackground: #bf4704;
	--orangeBackgroundHover: #c95616;
	--orangeText: #eba267;
	--orangeIcon: #eba267;
	--orangeBorder: #df640c;

	--purpleBackground: #734ce0;
	--purpleBackgroundHover: #815beb;
	--purpleText: #b89eff;
	--purpleIcon: #b89eff;
	--purpleBorder: #875ffd;

	/* Box shadows for buttons and inputs */
	--boxShadows-action-colored:
		0px 0.5px 1px 0px rgba(0, 0, 0, 0.8), 0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.2) inset;
	--boxShadows-action-secondary:
		0px 0.5px 1px rgba(0, 0, 0, 0.8), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.12);
	--boxShadows-input-inner:
		0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset, 0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
		0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset, 0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
		0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset, 0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset;

	--boxShadows-menu:
		0px 12px 24px 8px rgba(0, 0, 0, 0.08), 0px 8px 16px 4px rgba(0, 0, 0, 0.08),
		0px 4px 8px 2px rgba(0, 0, 0, 0.08), 0px 2px 6px 0px rgba(0, 0, 0, 0.08),
		0px -0.5px 0.5px 0px rgba(0, 0, 0, 0.12) inset,
		0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.12) inset;

	/* TYPOGRAPHY */
	--font-stack: 'Inter', sans-serif;

	--input-inner-shadow:
		0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset, 0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
		0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset, 0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
		0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset, 0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset;

	--menu-shadow:
		0px 12px 24px 8px rgba(0, 0, 0, 0.08), 0px 8px 16px 4px rgba(0, 0, 0, 0.08),
		0px 4px 8px 2px rgba(0, 0, 0, 0.08), 0px 2px 6px 0px rgba(0, 0, 0, 0.08),
		0px -0.5px 0.5px 0px rgba(0, 0, 0, 0.12) inset,
		0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.12) inset;

	--font-size-small: 11.5px;
	--font-size-small-letter-spacing: -0.115px;
	--font-size-large: 12.5px;
	--font-weight-normal: 400;
	--font-weight-medium: 600;
	--border-radius: 4px;

	/* Hover effect */
	--hoverColor: rgba(255, 255, 255, 0.14);

	/* NONWEBFLOW VARIABLES */
	--padding-tiny: 2px;
	--padding-small: 4px;
	--padding-regular: 8px;
	--padding-large: 12px;

	/* spacing */
	--spacing-12: 12px;
	--space-space-1: 4px;
	--spacing-16: 16px;
	--spacing-8: 8px;
	--spacing-4: 4px;
	--spacing-32: 32px;
	--spacing-24: 24px;

	/* Finsweet Components: super app specific sizes */
	--components-navbar-height: 43px;
	--left-sidebar-width: 274px;

	height: 100%;
	background: var(--background1);
	font-family: var(--font-stack);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--text1);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	font-size: var(--font-size-large);
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		'Helvetica Neue',
		Helvetica,
		Arial,
		'Apple Color Emoji',
		'Segoe UI Emoji',
		'Segoe UI Symbol',
		sans-serif;
}

button,
span,
h1,
h2,
h3,
h4,
h5,
p,
div,
input,
textarea,
select,
option,
label,
a {
	font-family:
		Inter,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen-Sans,
		Ubuntu,
		Cantarell,
		'Helvetica Neue',
		Helvetica,
		Arial,
		'Apple Color Emoji',
		'Segoe UI Emoji',
		'Segoe UI Symbol',
		sans-serif;
}

a {
	color: inherit;
}

h1 {
	font-size: var(--font-size-large);
	font-weight: 400;
	margin-bottom: 1rem;
	margin-block-start: 4px;
	margin-block-end: 4px;
}

h2 {
	font-size: var(--font-size-small);
	color: white;
	font-weight: 600;
	margin-block-start: 4px;
	margin-block-end: 4px;
}

h3 {
	font-size: var(--font-size-tiny);
	font-weight: 400;
	margin-bottom: 1rem;
	margin-block-start: 4px;
	margin-block-end: 4px;
}

form {
	display: block;
	margin-top: 0em;
	margin-block-end: 0em;
}

label {
	display: block;
	font-size: var(--font-size-small);
	font-weight: 400;
}

/* Global Disabled state */

.disabled,
.login-required {
	cursor: not-allowed !important;
	opacity: 0.8 !important;
}

/* Used for disabled sections */

.not-allowed {
	cursor: not-allowed !important;
}

input {
	/* Remove default appearance for some browsers */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Remove default border and padding for all browsers */
	border: var(--border3) 1px solid;
	border-radius: var(--border-radius, 4px);
	padding: var(--padding-small);
	margin: 0;

	/* Set font styles to inherit from parent */
	font-family: inherit;
	font-size: inherit;
	color: var(--text2);

	/* Remove the default background */
	background: var(--background1);

	/* Remove the highlight when focused (outline: none is generally discouraged due to accessibility concerns, 
    so use it carefully and provide alternative focus styles) */
	outline: none;
}

/* Placeholder */

input::placeholder {
	/* Chrome, Firefox, Opera, Safari */
	color: var(--text3) !important;
}

input::-webkit-input-placeholder {
	/* Chrome/Safari/Opera */
	color: var(--text3) !important;
}

input::-moz-placeholder {
	/* Firefox */
	color: var(--text3) !important;
	opacity: 1;
	/* Firefox sometimes reduces opacity */
}

input:-ms-input-placeholder {
	/* IE/Edge */
	color: var(--text3) !important;
}

textarea {
	/* Remove default appearance for some browsers */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Remove default border and padding for all browsers */
	padding: var(--padding-regular);
	margin: 0;

	/* Set font styles to inherit from parent */
	font-family: inherit;
	font-size: inherit;
	color: var(--text2);

	/* Remove the default background */
	background: var(--background1);

	/* border */
	border: 1px solid;
	border-color: var(--border3);
	border-radius: var(--border-radius);

	/* Remove the highlight when focused (outline:one is generally discouraged due to accessibility concerns, 
    so use it carefully and provide alternative focus styles) */
	outline: none;

	resize: none;
}

input[type='checkbox'] {
	/* The default appearance must be removed for custom styles */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Customize the checkbox */
	width: 12px;
	height: 12px;
	background: var(--background5);
	border-radius: var(--border-radius);
	vertical-align: middle;
	position: relative;
}

/* Checkmark style */

input[type='checkbox']:checked::before {
	content: '';
	display: block;
	width: 9px;
	height: 5px;
	border-style: solid;
	border-color: var(--text1);
	border-width: 0 0 2px 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -60%) rotate(-45deg);
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */

/* input[type="number"] {
    -moz-appearance: textfield;
  } */

.button {
	/* Reset */
	all: unset;
	box-sizing: border-box;

	/* Layout */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: 2px;

	/* Styling */
	padding: 4px;
	border-radius: var(--border-radius, 4px);
	font-family: var(--font-stack, Inter, sans-serif);
	font-weight: var(--font-weight-normal, 400);
	line-height: 16px;
	letter-spacing: -0.115px;
	text-align: center;
	cursor: pointer;
	user-select: none;
	transition: all 0.2s ease;

	/* Primary button styling */
	background: var(--actionPrimaryBackground);
	color: var(--actionPrimaryText);

	/* Shadow */
	box-shadow:
		0px 29px 23px -16px rgba(255, 255, 255, 0.04) inset,
		0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.2) inset,
		0px 0.5px 1px 0px #000;
}

.button:hover:not(:disabled) {
	background: var(--actionPrimaryBackgroundHover);
}

.button:disabled {
	cursor: not-allowed;
	opacity: 0.4;
	pointer-events: none;
}

.flex {
	display: flex;
}

.flex-vertical {
	display: flex;
	flex-direction: column;
}

.tiny-label {
	color: var(--text2);
	font-size: var(--font-size-tiny);
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}

/* 
  The following styles are for the notification component
  */

.notification-wrapper {
	display: flex;
	padding: 8px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

/* Modern Native Scrollbar Styles */

/* Webkit browsers (Chrome, Safari, Edge) */

::-webkit-scrollbar {
	width: var(--sb-size);
	height: var(--sb-size);
}

::-webkit-scrollbar-track {
	background: var(--sb-track-color);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background: var(--sb-thumb-color);
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--background3);
}

::-webkit-scrollbar-thumb:active {
	background: var(--background2);
}

::-webkit-scrollbar-corner {
	background: var(--sb-track-color);
}

/* Firefox scrollbar styling */

@supports selector(::-moz-scrollbar-thumb) {
	* {
		scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
		scrollbar-width: thin;
	}
}

/* Fallback for Firefox without newer scrollbar support */

@supports not selector(::-webkit-scrollbar) {
	html {
		scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);
		scrollbar-width: thin;
	}
}

	/* Reset */
	.svelte-a1qt3d,
	.svelte-a1qt3d:before,
	.svelte-a1qt3d:after {
		box-sizing: border-box;
	}

	/* Switch container */
	.switch.svelte-a1qt3d {
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		position: relative;
		user-select: none;
	}

	.switch--disabled.svelte-a1qt3d {
		cursor: not-allowed;
		opacity: 0.4;
		pointer-events: none;
	}

	/* Hidden checkbox input */
	.switch__input.svelte-a1qt3d {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
		opacity: 0;
	}

	/* Track (background) */
	.switch__track.svelte-a1qt3d {
		display: inline-block;
		background-color: var(--background3, #383838);
		border: 1px solid var(--border3, #525252);
		border-radius: 9px;
		width: 27px;
		height: 18px;
		position: relative;
		vertical-align: middle;
		transition:
			background-color 0.2s ease,
			border-color 0.2s ease;
	}

	/* Handle (the moving circle) */
	.switch__handle.svelte-a1qt3d {
		display: block;
		background-color: var(--actionPrimaryText, #ffffff);
		border-radius: 50%;
		width: 14px;
		height: 14px;
		position: absolute;
		top: 1px;
		left: 1px;
		transition: transform 0.2s ease;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	}

	/* Checked state */
	.switch__input.svelte-a1qt3d:checked + .switch__track:where(.svelte-a1qt3d) {
		background-color: var(--actionPrimaryBackground, #006acc);
		border-color: var(--actionPrimaryBackground, #006acc);
	}

	.switch__input.svelte-a1qt3d:checked + .switch__track:where(.svelte-a1qt3d) .switch__handle:where(.svelte-a1qt3d) {
		transform: translateX(10px);
	}

	/* Hover states */
	.switch.svelte-a1qt3d:hover:not(.switch--disabled) .switch__track:where(.svelte-a1qt3d) {
		border-color: var(--border2, #6b6b6b);
	}

	.switch.svelte-a1qt3d:hover:not(.switch--disabled) .switch__input:where(.svelte-a1qt3d):checked + .switch__track:where(.svelte-a1qt3d) {
		background-color: var(--actionPrimaryBackgroundHover, #187cd9);
		border-color: var(--actionPrimaryBackgroundHover, #187cd9);
	}

	/* High contrast mode support */
	@media (prefers-contrast: high) {
		.switch__track.svelte-a1qt3d {
			border-width: 2px;
		}

		.switch__handle.svelte-a1qt3d {
			border: 1px solid var(--text1, #d9d9d9);
		}
	}

	/* Reduced motion support */
	@media (prefers-reduced-motion: reduce) {
		.switch__track.svelte-a1qt3d,
		.switch__handle.svelte-a1qt3d {
			transition: none;
		}
	}

	.wrapper.svelte-rvaosl {
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.loader-arc.svelte-rvaosl {
		animation: svelte-rvaosl-rotation linear infinite;
		transform-origin: center;
	}

	@keyframes svelte-rvaosl-rotation {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.labels.link.svelte-iae2sz {
		cursor: pointer;
		padding: 4px;
		border-radius: 4px;
	}

	.labels.link-hover.svelte-iae2sz:hover:not(.disabled),
	.labels.link-hover.is-busy.svelte-iae2sz {
		background-color: rgba(255, 255, 255, 0.05);
		border-radius: 4px;
	}

	.labels.svelte-iae2sz .target .message {
		font-weight: 500;
		font-size: 11px;
		word-break: normal;
	}

	.labels.disabled.svelte-iae2sz,
	.labels.link.is-busy.svelte-iae2sz {
		opacity: 0.75;
		cursor: not-allowed;
	}

	.labels.svelte-iae2sz {
		display: block;
	}

	.loading.svelte-iae2sz {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Label-specific styles */
	.label-popup.disabled.svelte-iae2sz {
		opacity: 0.75;
		cursor: not-allowed;
	}

	.label-popup.svelte-iae2sz .target:has(.item) {
		display: flex;
	}

	.label-popup.svelte-iae2sz .tooltip:has(.popup) {
		border-radius: none;
		background: none;
		box-shadow: none;
		z-index: 9999999;
		width: max-content;
	}

	.dropdown-label.svelte-iae2sz {
		width: 100%;
	}

	.dropdown-label.active .labels:not(.dropdown-label [role='tooltip'] .labels) {
		color: rgb(138, 194, 255);
		background: rgba(0, 132, 255, 0.18);
		cursor: pointer;
		border-radius: 4px;
		display: grid !important;
		grid-template-columns: 1fr max-content !important;
	}

	.svelte-iae2sz {
		font-style: normal;
		line-height: 16px;
		letter-spacing: -0.115px;
		color: var(--actionPrimaryText);
	}

	/* Popup Wrapper Styles - matching original popup design */
	.popup-wrapper.svelte-iae2sz {
		display: flex;
		width: 200px;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		border-radius: 4px;
		border: 1px solid var(--border-border-1, #363636);
		background: #353535;
		height: max-content;
		min-height: 80px;
	}

	.popup-header.svelte-iae2sz {
		display: grid;
		grid-template-columns: max-content 1fr max-content;
		padding: 8px;
		align-items: center;
		cursor: pointer;
		gap: 8px;
		align-self: stretch;
		border-bottom: 1px solid var(--border1, #363636);
	}

	.popup-header.svelte-iae2sz:hover {
		background-color: var(--hoverColor);
	}

	.popup-title.svelte-iae2sz {
		color: var(--text1, #f5f5f5);
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.popup-subtitle.svelte-iae2sz {
		color: var(--text2, #bdbdbd);
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.popup-description.svelte-iae2sz {
		display: flex;
		padding: 8px;
		align-items: center;
		gap: 12px;
		align-self: stretch;
		height: max-content;
		min-height: 48px;
	}

	.popup-description.svelte-iae2sz span:where(.svelte-iae2sz) {
		color: var(--text2, #bdbdbd);

		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		flex: 1 0 0;
	}

	.message.svelte-1bwan2f {
		text-wrap: normal;
		white-space: normal;
		color: var(--text2, #b9b9b9);
		font-weight: 500;
		font-size: 11px;
		word-break: normal;
	}
	.target.svelte-1bwan2f {
		display: inline-flex;
	}
	.tooltip.svelte-1bwan2f {
		display: none;
		top: 0;
		left: 0;
		z-index: 99999999999;
		border-radius: 4px;
		box-shadow:
			0px 4px 12px 0px rgb(0 0 0 / 15%),
			0px 2px 4px 0px rgb(0 0 0 / 10%),
			0px 0.5px 0.5px 0px rgb(255 255 255 / 10%) inset;

		color: var(--text2, #b9b9b9);

		line-height: 120%;
		width: 150px;
		padding: 6px;
		flex-direction: row;
		gap: 4px;
		align-items: start;
		justify-content: start;
	}
	.arrow.svelte-1bwan2f {
		z-index: 1;
		position: absolute;
		width: 8px;
		height: 8px;
		transform: rotate(45deg);
	}
	.target.svelte-1bwan2f div[slot='tooltip'] {
		width: 100%;
	}
	.target.svelte-1bwan2f div[slot='target'] {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.button.svelte-plnxkh {
		/* Reset */
		all: unset;
		box-sizing: border-box;

		/* Layout */
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;

		/* Styling */
		border-radius: var(--border-radius, 4px);
		font-weight: var(--font-weight-normal, 400);
		font-size: 11.5px;
		min-height: 24px;
		line-height: 16px;
		letter-spacing: -0.115px;
		text-align: center;
		cursor: pointer;
		user-select: none;
		transition: all 0.2s ease;

		/* Shadow */
		box-shadow:
			0px 29px 23px -16px rgba(255, 255, 255, 0.04) inset,
			0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.2) inset,
			0px 0.5px 1px 0px #000;
	}

	/* Variants */
	.button--primary.svelte-plnxkh {
		background-color: var(--actionPrimaryBackground, #006acc);
		color: var(--actionPrimaryText, #ffffff);
	}

	.button--primary.svelte-plnxkh:hover:not(:disabled) {
		background-color: var(--actionPrimaryBackgroundHover, #187cd9);
	}

	.button--secondary.svelte-plnxkh {
		background: var(
			--background4,
			linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%),
			rgba(255, 255, 255, 0.08)
		);
		color: var(--actionSecondaryText, #e0e0e0);
	}

	.button--secondary.svelte-plnxkh:hover:not(:disabled) {
		background: var(
			--background5,
			linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.16) 100%)
		);
	}

	.button--danger.svelte-plnxkh {
		background-color: var(--redBackground, #cf313b);
		color: var(--actionPrimaryText, #ffffff);
	}

	.button--danger.svelte-plnxkh:hover:not(:disabled) {
		background-color: var(--redBackgroundHover, #cb3535);
	}

	.button--cms.svelte-plnxkh {
		background-color: var(--purpleBackground, #734ce0);
		color: var(--actionPrimaryText, #ffffff);
	}

	.button--cms.svelte-plnxkh:hover:not(:disabled) {
		background-color: var(--purpleBackgroundHover, #815beb);
	}

	/* States */
	.button.svelte-plnxkh:disabled {
		cursor: not-allowed;
		opacity: 0.4;
		pointer-events: none;
	}

	.button--full-width.svelte-plnxkh {
		width: 100%;
	}

	.button--loading.svelte-plnxkh {
		cursor: wait;
	}

	/* Content layout */
	.button__content.svelte-plnxkh {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 2px;
		width: 100%;
	}

	.button__icon.svelte-plnxkh {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.button__text.svelte-plnxkh {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Loading state adjustments */
	.button--loading.svelte-plnxkh .button__content:where(.svelte-plnxkh) {
		gap: 2px;
	}

	.button--loading.svelte-plnxkh .button__content:where(.svelte-plnxkh) .wrapper {
		width: max-content;
	}
	/* Focus styles for accessibility */
	.button.svelte-plnxkh:focus-visible {
		outline: 2px solid var(--blueBorder, #007df0);
		outline-offset: 2px;
	}

	.btn-group.svelte-1om51kc {
		display: flex;
		background: var(
			--background5,
			linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%)
		);
		border-radius: var(--border-radius);
		box-shadow: var(--boxShadows-action-secondary);
	}

	.btn.svelte-1om51kc {
		padding: 4px 8px;
		cursor: pointer;
		background: transparent;
		border-radius: var(--border-radius);
		margin: 2px 0px;
		color: var(--text1);
	}

	.btn.disabled.svelte-1om51kc {
		opacity: 0.75;
		cursor: not-allowed;
	}

	.btn-group.svelte-1om51kc .btn:where(.svelte-1om51kc):first-of-type {
		margin-left: 2px;
		border-top-left-radius: var(--border-radius);
		border-bottom-left-radius: var(--border-radius);
	}

	.btn-group.svelte-1om51kc .btn:where(.svelte-1om51kc):last-of-type {
		margin-right: 2px;
		border-top-right-radius: var(--border-radius);
		border-bottom-right-radius: var(--border-radius);
	}

	.btn.active.svelte-1om51kc {
		background: var(--background1);
		color: white;
	}

	.checkbox.svelte-1d52bu7 {
		width: 16px;
		height: 16px;
		border-radius: 4px;
		border: 2px solid #ffffff1a;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		transition: all 0.2s ease-in-out;
	}

	.checkbox--radio.svelte-1d52bu7 {
		border-radius: 50%;
	}

	.checkbox.svelte-1d52bu7 svg {
		width: 16px;
		height: 16px;
	}

	.checkbox--checked.svelte-1d52bu7 {
		color: white;
		border: none;
	}

	.checkbox--checked.svelte-1d52bu7 svg {
		color: white;
		background: #006acc;
		border-radius: 4px;
	}

	.checkbox--checked.checkbox--radio.svelte-1d52bu7 svg {
		border-radius: 50%;
	}

	.checkbox--disabled.svelte-1d52bu7 {
		cursor: not-allowed;
		opacity: 0.6;
	}

	.checkbox.svelte-1d52bu7:focus-visible {
		outline: 2px solid var(--color-focus, #006acc);
		outline-offset: 2px;
	}

	.checkbox.svelte-1d52bu7:hover:not(.checkbox--disabled) {
		border-color: #ffffff33;
	}

	.checkbox--checked.svelte-1d52bu7:hover:not(.checkbox--disabled) svg {
		background: #0056a3;
	}

	.section-wrap.svelte-k7oi4f {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;
		position: relative;
		border: 1px solid transparent;
		transition:
			opacity 0.2s ease,
			background-color 0.2s ease,
			transform 0.1s ease;
	}

	.section-wrap.svelte-k7oi4f .dropdown-wrapper {
		align-self: stretch;
		justify-content: space-between;
		width: 100%;
	}

	/* Border styles */
	.section-wrap.border-top.svelte-k7oi4f {
		border-top: 1px solid var(--border1);
	}
	.section-wrap.border-left.svelte-k7oi4f {
		border-left: 1px solid var(--border1);
	}
	.section-wrap.border-right.svelte-k7oi4f {
		border-right: 1px solid var(--border1);
	}
	.section-wrap.border-bottom.svelte-k7oi4f {
		border-bottom: 1px solid var(--border1);
	}

	/* Clickable styles */
	.section-wrap.clickable.svelte-k7oi4f {
		cursor: pointer;
	}

	.section-wrap.clickable.svelte-k7oi4f:hover:not(.disabled) {
		background: rgba(255, 255, 255, 0.05);
		opacity: 0.8;
	}

	.section-wrap.clickable.svelte-k7oi4f:active:not(.disabled) {
		transform: translateY(1px);
	}

	.section-wrap.clickable.svelte-k7oi4f:focus-visible {
		outline: 2px solid var(--color-focus, #007bff);
		outline-offset: 2px;
	}

	/* Active state */
	.section-wrap.active.svelte-k7oi4f {
		border-bottom: 1px solid var(--background2);
		background: rgba(255, 255, 255, 0.03);
	}

	/* Disabled state */
	.section-wrap.disabled.svelte-k7oi4f {
		opacity: 0.6;
		cursor: not-allowed;
		pointer-events: none;
	}

	/* Disabled in edit mode styles */
	.section-wrap.disabled-in-edit-mode.svelte-k7oi4f {
		pointer-events: none;
		cursor: not-allowed;
	}

	.section-wrap.disabled-in-edit-mode.svelte-k7oi4f .label-popup .labels span {
		opacity: 1;
		pointer-events: none;
	}

	/* Make sure disabled state overrides any other cursor styles */
	.section-wrap.disabled.svelte-k7oi4f,
	.section-wrap.disabled.svelte-k7oi4f:hover,
	.section-wrap.disabled.svelte-k7oi4f:active,
	.section-wrap.disabled.svelte-k7oi4f:focus {
		cursor: not-allowed !important;
		pointer-events: none !important;
		opacity: 0.6 !important;
		transform: none !important;
	}

	/* Scrollable content styles */
	.section-wrap.scrollable.svelte-k7oi4f {
		overflow: hidden; /* Parent container hides overflow */
	}

	.section-wrap.scrollable.svelte-k7oi4f .scrollable-content:where(.svelte-k7oi4f) {
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		/* Enable smooth scrolling */
		scroll-behavior: smooth;
		/* Add scrollbar gutter for consistent layout */
		scrollbar-gutter: stable;
	}

	.copy-text.svelte-x8714c {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.copy-text__header.svelte-x8714c {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.copy-text__title.svelte-x8714c {
		margin: 0;
		color: var(--text-color-primary, #ffffff);
		font-size: 12px;
		font-weight: 500;
		line-height: 16px;
	}

	.copy-button.svelte-x8714c {
		box-shadow:
			rgba(255, 255, 255, 0.12) 0px 0.5px 0.5px inset,
			rgb(0, 0, 0) 0px 0.5px 1px;
		display: flex;
		align-items: flex-start;
		align-self: stretch;
		color: var(--text2);
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 16px;
		cursor: pointer;
		justify-content: space-between;
		flex-direction: row;
		border-radius: 4px;
		background: var(
			--background3,
			linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%),
			rgba(255, 255, 255, 0.08)
		);
		padding: 6px var(--Spacing-8, 8px);
		gap: var(--Spacing-8, 8px);
		flex: 1 0 0px;
	}

	.copy-button.svelte-x8714c:hover:not(.copy-button--disabled) {
		cursor: pointer;
	}

	.copy-button.svelte-x8714c:focus-visible {
		outline: 2px solid var(--focus-color, #0066cc);
		outline-offset: 2px;
	}

	.copy-button--disabled.svelte-x8714c {
		background: none;
		border: 1px solid var(--border-color-disabled, rgba(255, 255, 255, 0.2));
		box-shadow: none;
		opacity: 0.75;
		cursor: not-allowed;
		color: var(--text-color-disabled, #999999);
	}

	.copy-button__content.svelte-x8714c {
		display: flex;
		align-items: flex-start;
		flex: 1;
		overflow: auto;
		white-space: pre-wrap;
		word-wrap: break-word;
		max-width: 600px;
		min-height: max-content;
	}

	.copy-button__content.svelte-x8714c:disabled {
		cursor: not-allowed;
		color: var(--text-color-disabled, #999999);
	}

	.copy-button__icon.svelte-x8714c {
		display: flex;
		align-items: center;
		height: 16px;
		flex-shrink: 0;
	}

	.copy-text__footer.svelte-x8714c {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	/* Responsive design */
	@media (max-width: 768px) {
		.copy-button__content.svelte-x8714c {
			max-width: 300px;
		}
	}

	.input-tooltip {
		padding: 0;
	}
	input.svelte-1r4oerr::placeholder {
		color: var(--text2) !important;
		opacity: 1; /* Firefox */
	}

	input.svelte-1r4oerr::-ms-input-placeholder {
		/* Edge 12 -18 */
		color: var(--text2) !important;
	}
	.webflow-input-wrapper.svelte-1r4oerr {
		position: relative;
		border: 1px solid var(--border1, #212121);
		border-radius: 4px;
		padding: 0 4px;
		display: grid;
		grid-template-columns: 1fr;
		background-color: var(--background1);
		height: 24px;
		box-shadow:
			0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
			0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
			0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
			0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
			0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
			0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
		background: var(--background1);
		overflow: hidden;
	}

	.webflow-input-wrapper.units.svelte-1r4oerr {
		grid-template-columns: 1fr auto;
		padding: 0 0 0 4px;
	}

	.webflow-input-wrapper.steppers.svelte-1r4oerr {
		grid-template-columns: 1fr auto;
		padding: 0 0 0 4px;
	}

	.webflow-input-wrapper.units.svelte-1r4oerr .webflow-input:where(.svelte-1r4oerr) {
		padding-right: 4px;
	}

	.webflow-input-wrapper.steppers.svelte-1r4oerr .webflow-input:where(.svelte-1r4oerr) {
		padding-right: 4px;
	}

	.input-units-steppers.svelte-1r4oerr {
		display: flex;
		align-items: center;
		justify-content: center;
		text-transform: uppercase;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		justify-self: start;
		width: 100%;
		min-width: 16px;
		padding: 2px;
		color: #ffffff;
		font-size: 9px;
		cursor: not-allowed;
		user-select: none;
		text-align: center;
		opacity: 0.75;
	}

	.input-units-steppers.steppers.svelte-1r4oerr {
		justify-content: center;
		flex-direction: column;
		width: 16px;
		gap: 1px;
		background-color: var(--border1);
		margin-top: -2px;
		margin-bottom: -2px;
	}

	.stepper-button.svelte-1r4oerr {
		border: none;
		width: 16px;
		background-color: var(--background4);
		color: var(--text2);
		font-size: 0.8em;
		line-height: 1;
		height: 48%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		cursor: pointer;
		transition: background-color 0.2s ease;
	}

	.stepper-button-icon.svelte-1r4oerr {
		width: 8px;
		height: 5px;
	}

	.stepper-button.svelte-1r4oerr:hover:not(:disabled) {
		background-color: var(--hoverColor);
	}

	.stepper-button.svelte-1r4oerr:disabled {
		opacity: 0.75;
		cursor: not-allowed;
	}

	.stepper-up.svelte-1r4oerr {
		transform: rotate(0deg);
		border-radius: 0 1px 0 0;
	}

	.stepper-down.svelte-1r4oerr {
		transform: rotate(180deg);
		border-radius: 1px 0 0 0;
	}

	.stepper-button.svelte-1r4oerr svg {
		width: 16px;
		height: 16px;
	}

	.webflow-input.svelte-1r4oerr {
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		border: none;
		gap: var(--border-radius, 2px);
		flex: 1 0 0;
		color: var(--text3);
		font-size: 11.5px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		letter-spacing: -0.115px;
		width: 100%;
		background-color: transparent;
		position: relative;
		z-index: 2;
		padding-right: 4px;
	}

	.webflow-input.has-pill.svelte-1r4oerr {
		padding-left: 4px;
		color: var(--text1);
	}

	.webflow-input-wrapper.svelte-1r4oerr:has(.webflow-input:where(.svelte-1r4oerr):focus) {
		border: 1px solid var(--blueBorder);
	}
	.webflow-input.svelte-1r4oerr:focus {
		outline: none;
	}

	.webflow-input-wrapper.invalid.svelte-1r4oerr {
		border: 1px solid var(--redBorder);
	}

	.webflow-input-wrapper.invalid.svelte-1r4oerr:has(.webflow-input:where(.svelte-1r4oerr):focus) {
		border: 1px solid var(--redBorder);
	}

	.webflow-input-wrapper.disabled.svelte-1r4oerr {
		cursor: not-allowed;
		border: 1px solid var(--border1);
	}

	.pill.svelte-1r4oerr {
		position: absolute;
		height: 18px;
		border-radius: 3px;
		z-index: 1;
		top: 2px;
		left: 4px;
		max-width: calc(100% - 8px);
	}

	.pill.blue.svelte-1r4oerr {
		background: var(--actionPrimaryBackground);
	}

	.pill.gray.svelte-1r4oerr {
		background: var(--background5);
	}

	.alert-tooltip.svelte-1r4oerr {
		border-radius: 4px;
		padding: 2px 4px;
		white-space: nowrap;
		box-shadow:
			0px 0.5px 1px 0px #000,
			0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.12) inset;
	}

	/* Global provider styles - currently using display: contents */

	.wrapper.svelte-1rasidv {
		display: flex;
		padding: 8px;
		align-items: flex-start;
		gap: 8px;
		align-self: stretch;
		border-radius: 4px;
		background: var(--background2);
	}

	.icon.svelte-1rasidv {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
	}

	.notification-content.svelte-1rasidv {
		display: flex;
		padding-right: var(--spacing-24, 24px);
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		flex: 1 0 0;
	}

	.centered.svelte-1rasidv {
		align-items: center;
	}

	.message.svelte-1rasidv {
		color: var(--text2);

		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 4px;
		align-self: stretch;
	}

	.link.svelte-1rasidv {
		color: var(--blue-blue-text, #8ac2ff);

		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		cursor: pointer;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		width: max-content;
		gap: 4px;
	}

	.link.svelte-1rasidv svg {
		color: var(--blue-blue-text, #8ac2ff);
	}

	.close-button.svelte-1rasidv {
		cursor: pointer;
		border: none;
		background: transparent;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--text2);
		flex-shrink: 0;
	}

	.close-button.svelte-1rasidv:hover {
		opacity: 0.8;
	}

	.close-button.svelte-1rasidv:focus-visible {
		outline: 2px solid var(--color-focus, #8ac2ff);
		outline-offset: 2px;
		border-radius: 2px;
	}

	.edit-mode.svelte-h0850r {
		display: flex;
		align-items: center;
		align-self: stretch;
		flex-direction: column;
		gap: 8px;
	}
	.edit-mode.svelte-h0850r .wrapper .content {
		flex-direction: row;
	}
	.edit-mode.svelte-h0850r .wrapper .content:has(.message .labels) {
		flex-direction: column;
	}
	.edit-mode.svelte-h0850r .wrapper {
		align-items: start;
		width: 100%;
	}
	.edit-mode.svelte-h0850r .wrapper svg:first-of-type {
		height: 15px;
	}

	.layout-grid.svelte-zm2xp {
		display: grid;
		grid-template-areas: var(--grid-template-areas);
		grid-template-columns: var(--grid-template-columns);
		grid-template-rows: var(--grid-template-rows);
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	/* Navbar/Tab Switcher */
	.navbar.svelte-zm2xp {
		grid-area: navbar;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 0 var(--spacing-12, 12px);
		background: var(--background1, #1e1e1e);
		border-bottom: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
		position: relative;
		z-index: 50;
		height: 40px;
		overflow: visible;
	}

	/* Add right border to navbar when sidebar is visible to align with sidebar border */
	.layout-grid.svelte-zm2xp:has(.sidebar:where(.svelte-zm2xp)) .navbar:where(.svelte-zm2xp) {
		border-right: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
	}

	.tab.svelte-zm2xp {
		all: unset;
		position: relative;
		height: 40px;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		justify-content: start;
		color: var(--text2);
		overflow: visible;
	}

	.tab.isActive.svelte-zm2xp {
		color: var(--actionPrimaryText);
	}

	.tab-text.svelte-zm2xp {
		color: inherit;
		font-size: 11.5px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
	}

	.tab.svelte-zm2xp::after {
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		height: 1px;
		background-color: var(--yellowBorder);
		opacity: 0;
		transition: opacity 0.2s ease-in-out;
		z-index: 100;
		pointer-events: none;
	}

	.tab.warning.svelte-zm2xp::after {
		background-color: var(--yellowBorder);
	}

	.tab.success.svelte-zm2xp::after {
		background-color: var(--greenBorder);
	}

	.tab.svelte-zm2xp:hover::after {
		opacity: 1;
	}

	.tab.isActive.svelte-zm2xp::after {
		opacity: 1;
	}

	.notification-pill.svelte-zm2xp {
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--yellow-yellow-text, #ffc700);
		width: 16px;
		height: 16px;
	}

	.notification-pill.success.svelte-zm2xp {
		color: var(--greenBorder);
	}

	.notification-pill.warning-tooltip.svelte-zm2xp {
		cursor: help;
	}

	.notification-pill.warning-tooltip.svelte-zm2xp:hover {
		opacity: 0.8;
	}

	/* Preview Bar */
	.preview-bar.svelte-zm2xp {
		grid-area: preview-bar;
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 0 var(--spacing-12, 12px);
		background: var(--background1, #1e1e1e);
		border-bottom: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
		position: relative;
		z-index: 9;
		height: 40px;
		overflow: hidden;
	}

	.preview-bar-content.svelte-zm2xp span:where(.svelte-zm2xp) {
		color: var(--actionPrimaryText);

		font-size: 11.5px;
		font-style: normal;
		font-weight: 500;
		line-height: 16px;
	}

	/* Sidebar */
	.sidebar.svelte-zm2xp {
		grid-area: sidebar;
		background: var(--background1, #1e1e1e);
		border-right: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		z-index: 2;
		height: 100%;
	}

	.sidebar-content.svelte-zm2xp {
		height: 100%;
	}

	.sidebar-placeholder.svelte-zm2xp {
		padding: var(--spacing-16, 16px);
		color: var(--text1);
	}

	.sidebar-placeholder.svelte-zm2xp h3:where(.svelte-zm2xp) {
		margin: 0 0 var(--spacing-12, 12px) 0;
		font-size: 14px;
		font-weight: 600;
	}

	.sidebar-placeholder.svelte-zm2xp p:where(.svelte-zm2xp) {
		margin: 0 0 var(--spacing-8, 8px) 0;
		font-size: 12px;
		color: var(--text2);
	}

	/* Main Content */
	.main-content.svelte-zm2xp {
		grid-area: main;
		background: var(--background1, #1e1e1e);
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		z-index: 1;
		height: 100%;
	}

	.main-content-container.svelte-zm2xp {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		align-self: stretch;
		gap: var(--Spacing-16, 16px);
	}

	.main-placeholder.svelte-zm2xp {
		padding: var(--spacing-24, 24px);
		color: var(--text1);
		height: 100%;
	}

	.main-placeholder.svelte-zm2xp h2:where(.svelte-zm2xp) {
		margin: 0 0 var(--spacing-16, 16px) 0;
		font-size: 18px;
		font-weight: 600;
		color: var(--actionPrimaryText);
	}

	.main-placeholder.svelte-zm2xp p:where(.svelte-zm2xp) {
		margin: 0 0 var(--spacing-12, 12px) 0;
		font-size: 14px;
		color: var(--text1);
	}

	.placeholder-details.svelte-zm2xp {
		margin-top: var(--spacing-24, 24px);
		padding: var(--spacing-16, 16px);
		background: var(--background2, #2a2a2a);
		border-radius: 6px;
		border: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
	}

	.placeholder-details.svelte-zm2xp h3:where(.svelte-zm2xp) {
		margin: 0 0 var(--spacing-12, 12px) 0;
		font-size: 14px;
		font-weight: 500;
		color: var(--text1);
	}

	.placeholder-details.svelte-zm2xp ul:where(.svelte-zm2xp) {
		margin: 0;
		padding-left: var(--spacing-16, 16px);
		color: var(--text2);
		font-size: 12px;
	}

	.placeholder-details.svelte-zm2xp li:where(.svelte-zm2xp) {
		margin-bottom: var(--spacing-4, 4px);
	}

	/* Footer */
	.footer.svelte-zm2xp {
		grid-area: footer;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		gap: var(--spacing-8, 8px);
		padding: var(--spacing-8, 8px) var(--spacing-12, 12px);
		background: var(--background1, #1e1e1e);
		border-top: 1px solid var(--border1, rgba(255, 255, 255, 0.13));
		position: relative;
		z-index: 99;
		height: 100%;
		overflow: hidden;
	}

	.modal-overlay.svelte-usacsr {
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(0, 0, 0, 0.7);
	}

	.modal-content.svelte-usacsr {
		border-radius: var(--border-radius);
		background: var(--background2);
		color: var(--text1);
		position: relative;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}

	button.svelte-usacsr {
		border: none;
		user-select: none;
		width: 24px;
		padding: 0px 4px;
		font-size: inherit;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 24px;
		border-radius: 4px;
		color: rgb(171, 171, 171);
		background: transparent;
		box-sizing: border-box;
		box-shadow: none;
		align-self: center;
		cursor: pointer;
	}

	button.svelte-usacsr:hover {
		filter: brightness(1.1);
	}

	.header-bar.svelte-usacsr {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 1px solid var(--border1);
		gap: 4px;
		width: 100%;
	}

	.prevent-overlay-close.svelte-usacsr {
		cursor: progress;
	}

	.modal-body.svelte-usacsr {
		flex: 1;
		min-height: 0;
		overflow: auto;
	}

	.modal-footer.svelte-usacsr {
		border-top: 1px solid var(--border1);
	}

	.footer-buttons.svelte-usacsr {
		display: flex;
		gap: 8px;
		justify-content: flex-end;
	}

	.progress-container.svelte-1v5cm02 {
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%;
	}

	.progress-header.svelte-1v5cm02 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 4px;
	}

	.status-info.svelte-1v5cm02 {
		display: flex;
		align-items: center;
		gap: 4px;
		flex: 1;
		min-width: 0;
	}

	.status-icon.svelte-1v5cm02 svg {
		width: 20px;
		height: 20px;
		color: var(--text1);
	}

	.status-icon.success.svelte-1v5cm02 svg {
		color: var(--greenText);
	}

	.progress-details.svelte-1v5cm02 {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
	}

	.progress-spinner.svelte-1v5cm02 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.progress-track.svelte-1v5cm02 {
		width: 100%;
		background-color: #000000;
		border-radius: 2px;
		overflow: hidden;
		position: relative;
	}

	.progress-fill.svelte-1v5cm02 {
		height: 100%;
		border-radius: 2px;
		transition: width 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
		min-width: 1px;
	}

	.progress-fill.completed.svelte-1v5cm02 {
		background-color: var(--greenText) !important;
	}

	.progress-fill--success.svelte-1v5cm02 {
		background-color: var(--greenText);
	}

	.progress-fill--warning.svelte-1v5cm02 {
		background-color: var(--yellowText);
	}

	.progress-fill--error.svelte-1v5cm02 {
		background-color: var(--redText);
	}

	/* Ensure smooth transitions */
	.progress-fill.svelte-1v5cm02 {
		will-change: width;
	}

	.region-selector.svelte-qe67xl {
		display: flex;
		flex-direction: column;
		gap: 12px;
		height: 100%;
	}

	.search-actions-row.svelte-qe67xl {
		display: flex;
		gap: 8px;
		align-items: flex-start;
		position: sticky;
		top: 0;
		z-index: 10;
	}

	.search-section.svelte-qe67xl {
		flex: 1;
		min-width: 0;
	}

	.search-input.svelte-qe67xl {
		width: 100%;
		height: 24px;
		padding: 0 4px;
		background-color: var(--background1);
		border: 1px solid var(--border1, #212121);
		border-radius: 4px;
		color: var(--text3);
		font-style: normal;
		line-height: 16px;
		letter-spacing: -0.115px;
		box-shadow:
			0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
			0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
			0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
			0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
			0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
			0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
		display: flex;
		align-items: center;
	}

	.search-input.svelte-qe67xl::placeholder {
		color: var(--text2) !important;
		opacity: 1;
	}

	.search-input.svelte-qe67xl::-ms-input-placeholder {
		color: var(--text2) !important;
	}

	.search-input.svelte-qe67xl:focus {
		outline: none;
		border-color: var(--blueBorder);
	}

	.clear-btn.svelte-qe67xl {
		height: 24px;
		padding: 0 12px;
		background: var(--background3);
		border: 1px solid var(--border1);
		border-radius: 4px;
		cursor: pointer;
		color: var(--text1);
		white-space: nowrap;
		flex-shrink: 0;
	}

	.selection-display.svelte-qe67xl {
		padding: 8px 0;
	}

	.selected-items.svelte-qe67xl {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}

	.selected-badge.svelte-qe67xl {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		padding: 4px 0;
		background: var(--background3);
		border: 1px solid var(--border1);
		border-radius: 4px;
	}

	.selected-badge.svelte-qe67xl:hover {
		background: var(--background3);
	}

	.more-badge.svelte-qe67xl {
		display: inline-flex;
		align-items: center;
		padding: 4px 0;
		background: var(--background3);
		border: 1px solid var(--border1);
		border-radius: 4px;
		color: var(--text2);
	}

	.remove-btn.svelte-qe67xl {
		display: flex;
		align-items: end;
		justify-content: center;
		padding: 0;
		width: 14px;
		height: 14px;
		background: none;
		border: none;
		border-radius: 3px;
		cursor: pointer;
		line-height: 1;
		color: var(--text3);
	}

	.options-list.svelte-qe67xl {
		overflow-y: auto;
		padding-right: 4px;
		flex: 1;
		max-height: 300px;
	}

	.empty-state.svelte-qe67xl {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 4px;
		padding: 40px 20px;
		text-align: center;
	}

	.empty-text.svelte-qe67xl {
		color: var(--text2);
	}

	.empty-text.error.svelte-qe67xl {
		color: var(--redText);
	}

	.empty-text-sub.svelte-qe67xl {
		color: var(--text3);
	}

	.option-group.svelte-qe67xl {
		display: flex;
		padding: 0 4px;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		align-self: stretch;
	}

	.option-group.hidden.svelte-qe67xl {
		display: none;
	}

	.option-group.svelte-qe67xl:last-child {
		margin-bottom: 0;
	}

	.option-group.main-parent.svelte-qe67xl:last-child {
		border-bottom: none;
	}

	.sub-group.svelte-qe67xl {
		display: flex;
		padding: 0 4px;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		align-self: stretch;
		width: 100%;
	}

	.sub-group.hidden.svelte-qe67xl {
		display: none;
	}

	.group-label.svelte-qe67xl {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 4px 0;
		background: none;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		text-align: left;
	}

	.sub-group-label.svelte-qe67xl {
		padding: 4px 0;
		width: calc(100% - 8px);
		margin-left: 12px;
	}

	.group-label-text.svelte-qe67xl {
		flex: 1;
		letter-spacing: 0.05em;
		color: var(--text2);
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 6px;
	}

	.group-label-text-wrapper.svelte-qe67xl {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.group-name.svelte-qe67xl {
		flex: 1;
	}

	.group-label-text.in-use.svelte-qe67xl .group-name:where(.svelte-qe67xl) {
		opacity: 0.4 !important;
	}

	.group-label-text-wrapper.svelte-qe67xl {
		flex: 1;
		display: flex;
		align-items: center;
	}

	.group-name.svelte-qe67xl {
		flex: 1;
	}

	.group-label-text.in-use.svelte-qe67xl .group-name:where(.svelte-qe67xl) {
		opacity: 0.4 !important;
	}

	.sub-group-text.svelte-qe67xl {
		text-transform: none;
	}

	.group-chevron.svelte-qe67xl {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 16px;
		height: 16px;
		margin-left: auto;
		flex-shrink: 0;
		color: var(--text3);
	}

	.group-label.expanded.svelte-qe67xl .group-chevron:where(.svelte-qe67xl) {
		transform: rotate(180deg);
	}

	.group-chevron.svelte-qe67xl svg:where(.svelte-qe67xl) {
		width: 14px;
		height: 14px;
	}

	.group-checkbox.svelte-qe67xl {
		width: 18px;
		height: 18px;
		cursor: pointer;
	}

	.option-item.svelte-qe67xl {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 4px 0;
		background: none;
		height: 24px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		text-align: left;
	}

	.option-item.indented.svelte-qe67xl {
		width: calc(100% - 16px);
		margin-left: 16px;
	}

	.sub-group-item.svelte-qe67xl {
		width: calc(100% - 32px);
		margin-left: 32px;
	}

	.option-item.svelte-qe67xl .checkbox,
	.group-label.svelte-qe67xl .checkbox {
		flex-shrink: 0;
	}

	[role='radio'].svelte-qe67xl,
	[role='checkbox'].svelte-qe67xl {
		width: 16px;
		height: 16px;
	}
	.partially-selected-box.svelte-qe67xl {
		width: 16px;
		height: 16px;
		flex-shrink: 0;
		border: 2px solid var(--border1);
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--actionPrimaryBackground);
		border-color: var(--actionPrimaryBackground);
	}

	.partially-selected-box.disabled.svelte-qe67xl {
		background: var(--background3);
		border-color: var(--border1);
		opacity: 0.4;
	}

	.partially-selected-box.svelte-qe67xl svg {
		width: 14px;
		height: 14px;
		color: white;
	}

	.partially-selected-box.disabled.svelte-qe67xl svg:where(.svelte-qe67xl) {
		color: var(--text3);
	}

	.option-item.disabled.svelte-qe67xl,
	.group-label.disabled.svelte-qe67xl,
	.option-group.disabled.svelte-qe67xl {
		cursor: not-allowed;
		opacity: 1 !important;
	}

	.group-label.in-use.svelte-qe67xl {
		cursor: not-allowed;
		opacity: 1 !important;
	}

	.option-label.svelte-qe67xl {
		flex: 1;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 8px;
		color: var(--text2);
	}

	.region-name.svelte-qe67xl {
		flex: 1;
	}

	.option-label.disabled.svelte-qe67xl .region-name:where(.svelte-qe67xl),
	.option-label.in-use.svelte-qe67xl .region-name:where(.svelte-qe67xl) {
		opacity: 0.4 !important;
	}

	.in-use-badge.svelte-qe67xl {
		display: flex;
		align-items: center;
		background:
			linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%),
			linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%);
		border-radius: 36px;
		padding: 4px 6px;
		font-size: 9px;
		color: var(--text2, #b9b9b9);
		flex-shrink: 0;
	}

	.option-item.in-use.svelte-qe67xl {
		cursor: not-allowed;
		opacity: 1 !important;
	}

	.select-tooltip {
		padding: 0;
	}

	.dropdown-item.disabled.svelte-51a3p9 {
		opacity: 0.75;
		cursor: not-allowed;
	}
	.label.svelte-51a3p9 .label-description-title:where(.svelte-51a3p9),
	.label.svelte-51a3p9 .label-description:where(.svelte-51a3p9) {
		height: max-content;
	}

	.search-container.svelte-51a3p9 {
		display: flex;
		align-items: center;
		align-self: stretch;
		gap: 4px;
		padding: 4px;
	}
	.search-container.svelte-51a3p9 input:where(.svelte-51a3p9) {
		flex: 1 0 0;
		align-self: stretch;
		height: 25px;
		width: 100%;
	}
	.label.svelte-51a3p9 .label-name:where(.svelte-51a3p9) {
		color: var(--text1);

		font-size: 11.5px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		letter-spacing: -0.115px;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.label.svelte-51a3p9 .label-description:where(.svelte-51a3p9) {
		color: var(--text2, #bdbdbd);

		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		white-space: normal;
		overflow-wrap: break-word;
	}
	.label.svelte-51a3p9 .label-content:where(.svelte-51a3p9) {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex: 1 0 0;
	}
	.popup.svelte-51a3p9 .wrapper {
		width: 200px;
	}

	.dropdown-label.active .labels:not(.dropdown-label.active [role='tooltip'] .labels) {
		color: rgb(138, 194, 255);
		background: rgba(0, 132, 255, 0.18);
		cursor: pointer;
		border-radius: 4px;
	}
	.dropdown-wrapper.svelte-51a3p9 {
		display: flex;
		gap: 0;
		align-items: center;
	}
	.dropdown-item.svelte-51a3p9 .labels .text {
		line-height: normal !important;
	}
	.dropdown.svelte-51a3p9 {
		display: flex;
		align-items: center;
		gap: 4px;
	}
	.dropdown.disabled.svelte-51a3p9 {
		cursor: not-allowed !important;
	}

	.dropdown-header[aria-disabled='true'].svelte-51a3p9 {
		cursor: not-allowed !important;
	}
	.dropdown-header.svelte-51a3p9 {
		display: flex;
		align-items: center;
		padding: 4px;
		cursor: pointer;
		width: 100%;
	}

	.dropdown-list.svelte-51a3p9 .dropdown-item.hover-state {
		background: var(--background3);
	}

	.dropdown-list.svelte-51a3p9 {
		display: none;
		padding: 0;
		width: 100%;
		position: absolute;
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		border-radius: 4px;
		border: 1px solid var(--border-border-1, #363636);
		background: var(--background2, #383838);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);

		overflow-y: auto;
		z-index: 99999;
	}
	.dropdown-list.svelte-51a3p9 .selected:where(.svelte-51a3p9) {
		display: flex;
		padding: 4px 8px;
		align-items: center;
		gap: 4px;
		align-self: stretch;
		color: var(--text2, #bdbdbd);

		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		line-height: 16px;
	}

	.label.svelte-51a3p9 {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		flex: 1 0 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.popup.svelte-51a3p9 {
		position: absolute;
		z-index: 9999999;
		top: 100px;
		left: 73px;
	}

	.dropdown-item.svelte-51a3p9 {
		all: unset;
		cursor: pointer;
		display: grid;
		grid-template-columns: 16px 1fr;
		align-items: center;
		padding: 4px 8px;
		gap: 4px;
		align-self: stretch;
		color: var(--text1);

		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		border: 1px solid transparent;
	}
	.dropdown-item.svelte-51a3p9 .icon:where(.svelte-51a3p9),
	.dropdown-list.svelte-51a3p9 .selected:where(.svelte-51a3p9) .icon:where(.svelte-51a3p9) {
		display: flex;
		width: 16px;
		height: 16px;
		align-items: center;
		gap: 2px;
	}

	.arrow.svelte-51a3p9 {
		width: 12px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.main-loader.svelte-1d36662 {
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99999999;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.loading-info.error.svelte-1d36662 svg {
		width: 40px;
		height: 40px;
	}

	.loading-info.svelte-1d36662 {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
		color: var(--actionSecondaryText);
		text-align: center;
		font-size: 11.5px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px;
		letter-spacing: -0.115px;
	}

	a.svelte-1d36662 {
		color: var(--actionSecondaryText);
		text-decoration: none;
	}

	.router-container.svelte-1k4zq5y {
		width: 100%;
		height: 100%;
	}

	.router-container.navigating.svelte-1k4zq5y,
	.router-container.loading.svelte-1k4zq5y {
		opacity: 0.9;
		transition: opacity 0.1s ease;
		pointer-events: none;
		cursor: wait;
	}

  .accordion-container.svelte-1jep0a {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 4px;
    background: var(--background2);
  }

  .accordion-header.svelte-1jep0a {
    cursor: pointer;
    user-select: none;
  }

  .accordion-header.svelte-1jep0a:not(.open) {
    border-radius: 4px;
  }

  .section-header-wrapper.svelte-1jep0a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
  }

  .section-header-left.svelte-1jep0a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
  }

  .section-title.svelte-1jep0a {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .section-icon.svelte-1jep0a {
    display: grid;
    place-items: center;
    height: 12px;
  }

  .section-icon.svelte-1jep0a svg {
    position: relative;
    top: -2px;
  }

  .section-icon.pending.svelte-1jep0a {
    color: var(--yellowIcon);
  }

  .section-icon.resolved.svelte-1jep0a svg path {
    fill: var(--greenIcon);
  }
  .section-icon.resolved.svelte-1jep0a {
    color: var(--greenIcon);
  }

  .collapsed-header-content.svelte-1jep0a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion-header-title.svelte-1jep0a {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .accordion-toggle.svelte-1jep0a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    transition: transform 0.2s ease;
  }

  .accordion-toggle.open.svelte-1jep0a {
    transform: rotate(180deg);
  }

  .accordion-header.disabled.svelte-1jep0a {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }

  .custom-header-wrapper.svelte-1jep0a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .custom-header-left.svelte-1jep0a {
    flex: 1;
  }

  .development-banner.svelte-rwneil {
    position: fixed;
    bottom: 8px;
    left: 8px;
    width: 100px;
    z-index: 10000;
  }

  .dev-badge.svelte-rwneil {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--text1);
    border-radius: 4px;
    background: var(--redBackground);
    font-size: 11px;
    border: none;
    cursor: pointer;
  }

  .modal-content.svelte-rwneil {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px 12px;
  }

  .info-row.svelte-rwneil {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer.svelte-rwneil {
    display: flex;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
  }

  #app:has(.development-banner) {
    position: relative;
  }

  #app:has(.development-banner)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--redBackground);
    pointer-events: none;
    z-index: 9999;
  }

  .cookie-frame.svelte-1xmo1g3 {
    background: var(--actionPrimaryText);
    width: 200px;
    border-radius: 4px;
    padding: 8px;
    max-height: 73px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .line-wrapper.svelte-1xmo1g3 {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .line.svelte-1xmo1g3 {
    background: var(--actionSecondaryText);
    height: 5px;
    border-radius: 2px;
  }

  .line.full.svelte-1xmo1g3 {
    width: 100%;
  }

  .line.short.svelte-1xmo1g3 {
    width: 53%;
  }

  .button-wrapper.svelte-1xmo1g3 {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
  }
  .button-wrapper.svelte-1xmo1g3 .switch {
    transform: scale(0.7);
  }

  .button-wrapper.dont-sell.svelte-1xmo1g3 {
    align-items: center;
  }

  .button-wrapper.single.svelte-1xmo1g3 {
    justify-content: flex-end;
  }

  .settings-button.svelte-1xmo1g3 {
    border-radius: 2.5px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--textInverse);
    font-size: 12px;
  }

  .settings-button.svelte-1xmo1g3 svg {
    width: 12px;
    height: 12px;
    fill: var(--text1);
  }

  .banner-button.svelte-1xmo1g3 {
    background: none;
    color: var(--text1);
    border: none;
    border-radius: 2px;
    padding: 0 4px;
    height: 20px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: -0.115px;
    cursor: pointer;
    white-space: nowrap;
  }

  .banner-button.reject.svelte-1xmo1g3 {
    background: var(--actionSecondaryText);
    color: var(--textInverse);
  }

  .banner-button.accept.svelte-1xmo1g3 {
    background: var(--textInverse);
  }

  .banner-button.dont-sell.svelte-1xmo1g3 {
    color: var(--textInverse);
  }

  .modal-body.svelte-5fkgqm {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-5fkgqm {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    max-height: 400px;
    gap: 16px;
  }

  .form-section.svelte-5fkgqm {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .form-row.svelte-5fkgqm {
    display: flex;
    gap: 16px;
    align-items: flex-start;
  }

  .configurator-field.svelte-5fkgqm {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
  }

  .configurator-field.full-width.svelte-5fkgqm {
    width: 100%;
  }

  .configurator-field.svelte-5fkgqm .configurator-field-label .text {
    flex-direction: row-reverse;
    width: max-content;
  }
  .configurator-field.svelte-5fkgqm .configurator-field-label .tooltip .text {
    width: auto;
  }

  .form-textarea.svelte-5fkgqm {
    width: 100%;
    min-height: 80px;
    padding: 8px 12px;
    border: 1px solid var(--border1);
    border-radius: 4px;
    background: var(--background1);
    color: var(--text1);
    font-family: inherit;
    resize: vertical;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
  }

  .form-textarea.svelte-5fkgqm:focus {
    outline: none;
    border-color: var(--blueBorder);
  }

  .switch-field.svelte-5fkgqm {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-direction: row-reverse;
  }

  .switch-label.svelte-5fkgqm {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
  }

  .footer.svelte-5fkgqm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-5fkgqm {
    display: flex;
    align-items: center;
  }

  .footer-right.svelte-5fkgqm {
    display: flex;
    gap: 8px;
  }

  /* Scrollbar styling */
  .modal-content.svelte-5fkgqm::-webkit-scrollbar {
    width: 6px;
  }

  .modal-content.svelte-5fkgqm::-webkit-scrollbar-track {
    background: var(--background2);
    border-radius: 3px;
  }

  .modal-content.svelte-5fkgqm::-webkit-scrollbar-thumb {
    background: var(--background5);
    border-radius: 3px;
  }

  .modal-content.svelte-5fkgqm::-webkit-scrollbar-thumb:hover {
    background: var(--border1);
  }

  .modal-body-content.svelte-adx1we {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .delete-banner-modal .modal-footer .button--primary {
    background-color: var(--redBackground);
  }
  .delete-banner-modal .modal-footer .button--primary:hover {
    background-color: var(--redBackground) !important;
    filter: brightness(1.1);
  }

  .confirmation-content.svelte-adx1we {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .warning-icon.svelte-adx1we {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .warning-icon.svelte-adx1we svg {
    width: 32px;
    height: 32px;
    color: var(--text2);
  }

  .message-content.svelte-adx1we {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .modal-body-content.svelte-hd5e1b {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .delete-document-modal .modal-footer .button--primary {
    background-color: var(--redBackground);
  }
  .delete-document-modal .modal-footer .button--primary:hover {
    background-color: var(--redBackground) !important;
    filter: brightness(1.1);
  }

  .confirmation-content.svelte-hd5e1b {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .warning-icon.svelte-hd5e1b {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .warning-icon.svelte-hd5e1b svg {
    width: 32px;
    height: 32px;
    color: var(--text2);
  }

  .message-content.svelte-hd5e1b {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .modal-body.svelte-3bbecn {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-3bbecn {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    font-size: 11.5px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .templates-list.svelte-3bbecn {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 120px;
    overflow-y: auto;
    padding: 8px 12px;
    background: var(--background2);
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .template-item.svelte-3bbecn {
    display: flex;
    align-items: center;
  }

  .footer.svelte-3bbecn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-3bbecn {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-3bbecn {
    display: flex;
    gap: 8px;
  }

  .modal-body-content.svelte-14zifde {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .delete-template-modal .modal-footer .button--primary {
    background-color: var(--redBackground);
  }

  .delete-template-modal .modal-footer .button--primary:hover {
    background-color: var(--redBackground) !important;
    filter: brightness(1.1);
  }

  .confirmation-content.svelte-14zifde {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .warning-icon.svelte-14zifde {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  .warning-icon.svelte-14zifde svg {
    width: 32px;
    height: 32px;
    color: var(--text2);
  }

  .message-content.svelte-14zifde {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .domain-selector.svelte-6qeef {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 8px;
    width: 100%;
  }

  .domain-selector.scrollable.svelte-6qeef .domains-list:where(.svelte-6qeef) {
    overflow-y: auto;
  }

  .domains-list.svelte-6qeef {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .empty-state.svelte-6qeef {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
    gap: 4px;
  }

  .domain-option.svelte-6qeef {
    display: flex;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--border1);
    border-radius: 6px;
    background-color: var(--background4);
    cursor: pointer;
    text-align: left;
    align-items: start;
    transition: all 0.2s ease;
  }

  .domain-option.svelte-6qeef .domain-checkbox {
    position: relative;
    top: 4px;
  }
  .domain-option.svelte-6qeef:hover {
    border-color: var(--actionPrimaryBackground);
  }

  .domain-option.selected.svelte-6qeef {
    border-color: var(--actionPrimaryBackground);
  }

  .domain-option.current.svelte-6qeef {
    border-color: var(--actionPrimaryBackground);
  }

  .domain-option.svelte-6qeef:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .domain-content.svelte-6qeef {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* Detailed variant styles */
  .domain-detailed.svelte-6qeef {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .domain-header.svelte-6qeef {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .domain-title.svelte-6qeef {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    position: relative;
    left: -4px;
  }

  .domain-status.svelte-6qeef {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .status-badge.svelte-6qeef {
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    color: var(--text1);
    border-radius: 36px;

    background: var(
      --actionSecondaryBackground,
      linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.1) 100%),
      rgba(255, 255, 255, 0.08)
    );
  }

  .domain-meta.svelte-6qeef {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 4px;
  }

  .stage-indicator.svelte-6qeef {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 10px;
    align-self: stretch;
    border-radius: 4px;
    text-transform: capitalize;
  }

  .stage-indicator--production.svelte-6qeef {
    background-color: rgba(99, 212, 137, 0.1);
    color: var(--greenText);
  }

  .stage-indicator--staging.svelte-6qeef {
    background: rgba(243, 200, 49, 0.1);
    color: var(--yellowText);
  }

  .workspaces-container.svelte-atf40z {
    position: relative;
  }

  .workspaces-container.hidden.svelte-atf40z {
    display: none;
  }

  .modal-content.svelte-atf40z {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 340px;
  }

  .search-container.svelte-atf40z {
    position: sticky;
    top: 0;
    background: var(--background2);
    z-index: 10;
    padding-bottom: 8px;
  }

  .organization-search.svelte-atf40z {
    width: 100%;
    padding: 6px 10px;
    background: var(--background3);
    border: 1px solid var(--border1);
    border-radius: 4px;
    color: var(--text1);
    outline: none;
    transition: border-color 0.2s ease;
  }

  .organization-search.svelte-atf40z:focus {
    border-color: var(--actionPrimaryBackground);
  }

  .organization-search.svelte-atf40z::placeholder {
    color: var(--text3);
  }

  .organizations-list.svelte-atf40z {
    overflow-y: auto;
    flex: 1;
    max-height: 300px;
  }

  .organization-item.svelte-atf40z {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s ease;
  }

  .organization-item.svelte-atf40z:hover {
    background: var(--background2);
  }

  .organization-item.selected.svelte-atf40z {
    background: var(--background2);
  }

  .organization-info.svelte-atf40z {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
  }

  .organization-info.svelte-atf40z svg {
    color: var(--text2);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }

  .organization-details.svelte-atf40z {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
  }

  .organization-details.svelte-atf40z .text {
    color: var(--text2);
  }

  .organization-status.svelte-atf40z {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .organization-status.svelte-atf40z svg {
    color: var(--text2);
    width: 16px;
    height: 16px;
  }

  .organization-divider.svelte-atf40z {
    height: 1px;
    background: var(--border1);
  }

  .no-results.svelte-atf40z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 40px 20px;
    text-align: center;
  }

  .no-results.svelte-atf40z .text {
    color: var(--text2);
  }

  .navbar.svelte-d8j1hi {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--border1);
  }

  .navbar.svelte-d8j1hi .disabled-tooltip .icon {
    display: flex;
  }

  .nav-item.svelte-d8j1hi {
    all: unset;
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: transparent;
    cursor: pointer;
    position: relative;
    color: var(--text1);
  }

  .nav-item.svelte-d8j1hi:hover {
    background: var(--background3);
    color: var(--text1);
  }

  .nav-item.is-active.svelte-d8j1hi {
    background: var(--backgroundInverse);
    color: var(--textInverse);
  }

  .nav-item.is-disabled.svelte-d8j1hi {
    cursor: not-allowed;
    pointer-events: auto;
  }

  .nav-item.is-disabled.svelte-d8j1hi .nav-icon:where(.svelte-d8j1hi),
  .nav-item.is-disabled.svelte-d8j1hi .nav-label:where(.svelte-d8j1hi) {
    opacity: 0.5;
  }

  .nav-item.is-disabled.svelte-d8j1hi:hover {
    background: var(--background2);
    color: var(--text1);
  }

  .navbar-content-left.svelte-d8j1hi {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
  }

  .nav-icon.svelte-d8j1hi {
    width: 12px;
    height: 12px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .nav-icon.svelte-d8j1hi svg {
    width: 12px;
    height: 12px;
  }

  .nav-loader.svelte-d8j1hi {
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    isolation: isolate;
  }

  .nav-loader.svelte-d8j1hi .wrapper {
    margin: 0 !important;
  }

  .nav-label.svelte-d8j1hi {
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: inherit;
    font-weight: 400;
    word-wrap: break-word;
    flex-shrink: 0;
  }

  .notification-slot.svelte-d8j1hi {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .upgrade.svelte-d8j1hi {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .notification-indicator.svelte-d8j1hi {
    width: 16px;
    height: 16px;
    position: relative;
    flex-shrink: 0;
  }

  .notification-indicator.warning.svelte-d8j1hi {
    color: var(--yellowIcon);
  }

  .notification-indicator.success.svelte-d8j1hi {
    color: var(--greenIcon);
  }

  .nav-item.is-active.svelte-d8j1hi .notification-indicator.warning:where(.svelte-d8j1hi) {
    color: var(--yellowIcon);
  }

  .nav-item.is-active.svelte-d8j1hi .notification-indicator.success:where(.svelte-d8j1hi) {
    color: var(--greenIcon);
  }

  .navbar-content-left.svelte-d8j1hi > *:not(:last-child)::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: var(--border1, rgba(0, 0, 0, 0.1));
    opacity: 0.5;
  }

  .navbar-content-left.svelte-d8j1hi > * {
    position: relative;
  }

  .navbar-content.svelte-d8j1hi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 12px 4px 10px;
    width: 100%;
    min-height: 40px;
    overflow: hidden;
  }

  .navbar-content-right.svelte-d8j1hi {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
    white-space: nowrap;
  }

  .navbar-content-right.svelte-d8j1hi .nav-item:where(.svelte-d8j1hi) {
    margin: 0;
    flex-shrink: 0;
  }

  .right-nav-items.svelte-d8j1hi {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
  }

  .navbar-separator.svelte-d8j1hi {
    width: 1px;
    height: 16px;
    background: var(--border1, rgba(0, 0, 0, 0.1));
    opacity: 0.5;
    margin: 0 4px;
    flex-shrink: 0;
  }

  .plan-badge.svelte-d8j1hi {
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    color: var(--text1);
    width: max-content;
    justify-content: center;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .plan-badge.svelte-d8j1hi .badge-content:where(.svelte-d8j1hi) .plan .text {
    text-transform: capitalize;
  }
  .plan-badge.svelte-d8j1hi .badge-content:where(.svelte-d8j1hi) .plan .text svg path:nth-child(2) {
    color: var(--greenIcon);
  }

  .plan-badge.svelte-d8j1hi .badge-content:where(.svelte-d8j1hi) {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .plan-badge.svelte-d8j1hi svg {
    width: 16px;
    height: 16px;
  }

  .plan-badge.plan-pro.svelte-d8j1hi svg {
    color: var(--greenText);
  }

  .help-menu.svelte-d8j1hi svg,
  .account-menu.svelte-d8j1hi svg {
    height: 16px;
    width: 16px;
  }

  .account-menu.svelte-d8j1hi button * {
    color: var(--text2);
  }

  .account-menu.svelte-d8j1hi button .button-left-icon {
    display: flex;
    align-items: center;
  }

  .account-menu.svelte-d8j1hi button {
    all: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    gap: 4px;
  }

  .help-menu.svelte-d8j1hi .tooltip,
  .account-menu.svelte-d8j1hi .tooltip {
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    padding: 8px 0;
    gap: 0;
  }

  .help-menu.svelte-d8j1hi .labels,
  .account-menu.svelte-d8j1hi .labels {
    display: flex;
    padding: 0px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
  }

  .help-menu.svelte-d8j1hi .tooltip [slot='tooltip'],
  .account-menu.svelte-d8j1hi .tooltip [slot='tooltip'] {
    width: 100%;
  }

  .help-list.svelte-d8j1hi {
    width: 100%;
  }

  .help-items.svelte-d8j1hi {
    display: flex;
    flex-direction: column;
  }

  .help-items.svelte-d8j1hi .labels.link {
    border-radius: 0 !important;
  }
  .help-items.svelte-d8j1hi .labels {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    align-self: stretch;
  }

  .help-items.svelte-d8j1hi .labels.link .text {
    padding: 4px 0px;
    gap: 4px;
  }

  .menu-trigger.svelte-d8j1hi {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text2);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    justify-content: flex-start;
  }

  .menu-trigger.svelte-d8j1hi:hover {
    background: rgba(0, 0, 0, 0.05);
  }

  .menu-trigger.svelte-d8j1hi .menu-text:where(.svelte-d8j1hi) .account .text {
    width: auto !important;
    max-width: 100px;
  }
  .menu-trigger.svelte-d8j1hi .menu-text:where(.svelte-d8j1hi) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1;
  }

  .account-menu.svelte-d8j1hi {
    flex-shrink: 0;
  }

  .account-menu.svelte-d8j1hi .menu-trigger:where(.svelte-d8j1hi) svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--text2);
  }

  .action-items-button.svelte-d8j1hi {
    background-color: var(--background2);
    color: var(--text1);
    flex-direction: row-reverse;
  }

  .action-items-button.svelte-d8j1hi:hover {
    background-color: var(--background5);
    color: var(--text1);
  }

  .action-items-button.is-active.svelte-d8j1hi {
    background-color: var(--background5);
    color: var(--text1);
  }

  .action-items-button.svelte-d8j1hi .nav-icon:where(.svelte-d8j1hi) {
    display: none;
  }

  .action-badge.svelte-d8j1hi {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background-color: var(--orangeIcon);
    border-radius: 50%;
    z-index: 2;
  }

  .action-items-pulse.svelte-d8j1hi {
    animation: svelte-d8j1hi-pulse-glow 2s infinite;
  }

  @keyframes svelte-d8j1hi-pulse-glow {
    0% {
      border: 1px solid transparent;
      box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
    }
    50% {
      border: 1px solid var(--orangeIcon);
      box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
    }
    100% {
      border: 1px solid transparent;
      box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
    }
  }

  .main-content-container {
    display: flex;
    flex: 1;
  }

  .rescan-notice.svelte-1vy213d {
    padding: 8px 12px 0;
  }

  .rescan-notice.svelte-1vy213d .notification-content {
    font-size: 11px;
  }

  .domain-settings.svelte-1vy213d {
    padding: 8px 12px;
  }

  .footer.svelte-1vy213d {
    display: flex;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-top: 1px solid var(--border1);
  }

  .page-source-selection.svelte-5uea08 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 12px;
  }

  .page-source-selection.svelte-5uea08 .field-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
    width: max-content;
  }
  .page-source-selection.svelte-5uea08 .btn-group,
  .page-source-selection.svelte-5uea08 .btn-group .btn {
    width: 100%;
  }

  .page-source-selection.svelte-5uea08 .btn-group .btn {
    text-align: center;
  }

  .modal-header.svelte-5uea08 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px;
  }

  .page-type-section.svelte-5uea08 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px;
  }

  .page-type-options.svelte-5uea08 {
    display: flex;
    justify-content: flex-start;
  }

  .page-input-section.svelte-5uea08 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px;
  }

  .footer.svelte-5uea08 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-5uea08 {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-5uea08 {
    display: flex;
    gap: 8px;
  }

  .permission-denied.svelte-u1jtk8 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - var(--navbar-height, 40px));
    width: 100%;
    padding: 24px;
  }

  .permission-denied.no-permissions.svelte-u1jtk8 {
    height: 100vh;
  }

  .permission-content.svelte-u1jtk8 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 500px;
  }

  .permissions-list.svelte-u1jtk8 {
    text-align: left;
    margin: 24px 0;
    padding: 16px;
    background: var(--background2);
    border-radius: 6px;
    border: 1px solid var(--border1);
    width: 100%;
  }

  .forum-link.svelte-u1jtk8 {
    margin-top: 16px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
  }

  .notice.svelte-u1jtk8 {
    display: flex;
    padding: 24px 12px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 350px;
    border: 1px solid var(--border1);
    background: var(--background2);
    border-radius: 4px;
  }

  .notice.svelte-u1jtk8 .icon:where(.svelte-u1jtk8) {
    color: var(--yellowText);
  }
  .notice.svelte-u1jtk8 .message .text {
    width: 238px;
  }
  .notice.svelte-u1jtk8 .icon:where(.svelte-u1jtk8) svg {
    width: 24px;
    height: 24px;
  }
  .notice.svelte-u1jtk8 .icon:where(.svelte-u1jtk8) svg path:last-of-type {
    fill: var(--yellowText);
  }

  .forum-link-text.svelte-u1jtk8 {
    color: var(--primary, var(--blueText));
    text-decoration: none;
  }

  .publish-domains.svelte-hvrogs {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 480px;
  }

  .badge-red.svelte-hvrogs {
    margin-top: 4px;
    color: var(--redText);
    font-size: 10px;
  }

  .content.svelte-hvrogs {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 400px;
  }

  .description.svelte-hvrogs {
    padding: 12px;
    background: var(--background2);
    border-radius: 6px;
    border: 1px solid var(--border1);
  }

  .error-message.svelte-hvrogs {
    padding: 8px 12px;
    background: rgba(207, 49, 59, 0.15);
    border-radius: 6px;
    border: 1px solid var(--redText);
  }

  .domains-section.svelte-hvrogs {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .domains-header.svelte-hvrogs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
  }

  .selection-controls.svelte-hvrogs {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .domains-list.svelte-hvrogs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 240px;
    overflow-y: auto;
  }

  .domain-item.svelte-hvrogs {
    display: flex;
    align-items: center;
  }

  .domain-row.svelte-hvrogs {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
  }

  .domain-checkbox.svelte-hvrogs {
    display: flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    flex: 1;
    padding: 0;
    text-align: left;
  }

  .checkbox-icon.svelte-hvrogs {
    display: flex;
    align-items: center;
    color: var(--blueText);
  }

  .checkbox-icon.svelte-hvrogs svg {
    width: 16px;
    height: 16px;
  }

  .checkbox-empty.svelte-hvrogs {
    width: 16px;
    height: 16px;
    border: 2px solid var(--border1);
    border-radius: 2px;
    background: transparent;
  }

  .domain-info.svelte-hvrogs {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .domain-main.svelte-hvrogs {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .external-link-text.svelte-hvrogs {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 6px;
    border-radius: 4px;
    color: var(--text3);
    transition:
      color 0.2s,
      background 0.2s;
    flex-shrink: 0;
  }

  .external-link-text.svelte-hvrogs:hover {
    color: var(--blueText);
    background: var(--background4);
  }

  .external-link-text.svelte-hvrogs svg:where(.svelte-hvrogs) {
    width: 12px;
    height: 12px;
  }

  .footer.svelte-hvrogs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-hvrogs {
    display: flex;
    align-items: center;
  }

  .footer-right.svelte-hvrogs {
    display: flex;
    gap: 8px;
  }

  .content.svelte-hvrogs::-webkit-scrollbar {
    width: 6px;
  }

  .content.svelte-hvrogs::-webkit-scrollbar-track {
    background: var(--background2);
    border-radius: 3px;
  }

  .content.svelte-hvrogs::-webkit-scrollbar-thumb {
    background: var(--background5);
    border-radius: 3px;
  }

  .content.svelte-hvrogs::-webkit-scrollbar-thumb:hover {
    background: var(--border1);
  }

  .domains-list.svelte-hvrogs::-webkit-scrollbar {
    width: 4px;
  }

  .domains-list.svelte-hvrogs::-webkit-scrollbar-track {
    background: var(--background2);
    border-radius: 2px;
  }

  .domains-list.svelte-hvrogs::-webkit-scrollbar-thumb {
    background: var(--background5);
    border-radius: 2px;
  }

  .domains-list.svelte-hvrogs::-webkit-scrollbar-thumb:hover {
    background: var(--border1);
  }

  .scan-error.svelte-12q2o9t {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
  }

  .error-content.svelte-12q2o9t {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
    text-align: center;
    max-width: 400px;
  }

  .actions-view-error.svelte-12q2o9t .wrapper:has(.notification-content) {
    align-items: center;
  }

  .actions-view-error.svelte-12q2o9t .wrapper:has(.notification-content) svg path {
    fill: var(--redIcon);
  }
  .actions-view-error.svelte-12q2o9t .notification-content {
    padding-right: 0;
  }
  .actions-view-error.svelte-12q2o9t {
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }

  .error-content.svelte-12q2o9t .search-icon {
    color: var(--redText);
  }
  .scan-error.svelte-12q2o9t .error-message ul,
  .scan-error.svelte-12q2o9t .error-message ol {
    text-align: left;
  }
  .scan-error.svelte-12q2o9t .error-message .text {
    display: block !important;
    max-height: 200px;
    overflow-y: auto;
  }

  .scan-progress.svelte-l8quse {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    box-sizing: border-box;
  }

  .scan-progress-content.svelte-l8quse {
    display: flex;
    width: 100%;
    max-width: 400px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
    text-align: center;
  }

  .scan-progress-header.svelte-l8quse {
    position: relative;
    padding: 8px 12px;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
  }

  .scan-progress-header.svelte-l8quse::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background: var(--border1);
  }

  .scan-progress-content.svelte-l8quse > *:not(.scan-progress-header) {
    padding: 0 12px;
  }

  .progress-wrapper.svelte-l8quse {
    width: 100%;
  }

  .progress-wrapper.svelte-l8quse .progress-track {
    background-color: var(--background5);
  }

  .scan-actions.svelte-l8quse {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding-bottom: 12px !important;
  }

  .hang-warning.svelte-l8quse {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 8px;
  }

  .scan-progress.svelte-l8quse .progress-status * {
    color: var(--text2) !important;
  }

  .scan-progress.svelte-l8quse .labels.progress-percentage .text {
    color: var(--text2) !important;
  }

  .hang-warning.svelte-l8quse .scan-actions,
  .hang-warning.svelte-l8quse .notification-content {
    padding: 0 !important;
  }

  .scan-action-list.svelte-1ta3opq {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .scan-action-items.svelte-1ta3opq {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .scan-action-item.svelte-1ta3opq {
    padding: 6px 12px;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    background: transparent;
    border: none;
    cursor: pointer;
    gap: 4px;
    text-align: left;
  }

  .scan-action-item.svelte-1ta3opq:hover:not(:disabled):not(.coming-soon) {
    background: var(--hoverColor);
  }
  .scan-action-list.svelte-1ta3opq .coming-soon-badge {
    background: rgba(255, 255, 255, 0.2);
    padding: 2px 4px;
    border-radius: 4px;
  }
  .scan-action-list.svelte-1ta3opq .coming-soon .icon {
    height: 16px;
    width: 16px;
  }
  .scan-action-list.svelte-1ta3opq .coming-soon {
    cursor: not-allowed;
  }

  .scan-action-item.coming-soon.svelte-1ta3opq {
    opacity: 0.4;
  }

  .modal-body.svelte-1e5r1x4 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-1e5r1x4 {
    flex: 1;
    overflow-y: auto;
    font-size: 11.5px;
    display: flex;
    flex-direction: column;
    max-height: 500px;
  }
  .notifications-wrapper.svelte-1e5r1x4 {
    padding: 8px 12px;
  }

  .notifications-wrapper.svelte-1e5r1x4 .warning-notification .message .text {
    display: inline-block !important;
  }

  .notifications-wrapper.svelte-1e5r1x4 .warning-notification .notification-content {
    padding: 0;
  }

  .trackers-container.svelte-1e5r1x4 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
    align-items: center;
    max-height: 400px;
    overflow-y: auto;
  }

  .tracker-card.svelte-1e5r1x4 {
    background: var(--background4);
    border-radius: 4px;
    color: var(--text1);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    position: relative;
  }

  .tracker-details.svelte-1e5r1x4 {
    display: flex;
    flex-direction: column;
  }

  .detail-titles.svelte-1e5r1x4 {
    display: grid;
    padding: 8px 12px;
    gap: 0.75rem;
    align-items: center;
    border-bottom: solid 1px var(--border1);
    grid-template-columns: 150px 1fr;
  }

  .title-cell.svelte-1e5r1x4 {
    min-width: 0;
  }

  .title-cell.svelte-1e5r1x4 strong:where(.svelte-1e5r1x4) {
    color: var(--text1);
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: -0.115px;
  }

  .detail-content.svelte-1e5r1x4 {
    display: grid;
    padding: 8px 12px;
    gap: 0.75rem;
    align-items: center;
    grid-template-columns: 150px 1fr;
    border-bottom: solid 1px var(--border1);
  }

  .content-cell.svelte-1e5r1x4 {
    min-width: 0;
    overflow: hidden;
  }

  .content-cell.svelte-1e5r1x4 p:where(.svelte-1e5r1x4) {
    font-size: 11px;
    color: var(--text2);
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  .categories-section.svelte-1e5r1x4 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 8px 12px;
  }

  .categories-label.svelte-1e5r1x4 {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .categories-label.svelte-1e5r1x4 .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .categories-switches.svelte-1e5r1x4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
  }

  .category-switch-item.svelte-1e5r1x4 {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--background3);
    padding: 4px 6px;
  }

  .category-label.svelte-1e5r1x4 {
    font-size: 11px;
    color: var(--text1);
    cursor: pointer;
    user-select: none;
  }

  .save-error.svelte-1e5r1x4 {
    padding: 8px;
    background: var(--redBackground);
    border-radius: 4px;
    border: 1px solid var(--redBorder);
  }

  .footer.svelte-1e5r1x4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
  }

  .footer-left.svelte-1e5r1x4 {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-1e5r1x4 {
    display: flex;
    gap: 8px;
  }

  /* Scrollbar styling */
  .modal-content.svelte-1e5r1x4::-webkit-scrollbar {
    width: 6px;
  }

  .modal-content.svelte-1e5r1x4::-webkit-scrollbar-track {
    background: var(--background2);
    border-radius: 3px;
  }

  .modal-content.svelte-1e5r1x4::-webkit-scrollbar-thumb {
    background: var(--background5);
    border-radius: 3px;
  }

  .modal-content.svelte-1e5r1x4::-webkit-scrollbar-thumb:hover {
    background: var(--border1);
  }

  .confirm-body.svelte-vhk4ij {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
  }

  .confirm-content.svelte-vhk4ij {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .confirm-icon.svelte-vhk4ij {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .confirm-icon.svelte-vhk4ij svg {
    width: 32px;
    height: 32px;
    color: var(--text2);
  }

  .confirm-footer.svelte-vhk4ij {
    display: flex;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--border1);
  }

  .preview-section.svelte-1v4u02i {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .preview-section.svelte-1v4u02i .copy-button__content {
    display: block;
    cursor: default;
  }

  .preview-section.svelte-1v4u02i .html-preview-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
    width: max-content;
  }

  .preview-section.svelte-1v4u02i .copy-button__icon {
    display: none;
  }

  .info-section.svelte-1v4u02i {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--background2);
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .field-row.svelte-1v4u02i {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 18px;
  }

  .field-row.svelte-1v4u02i .wrap-text {
    word-break: break-all;
  }
  .field-row.svelte-1v4u02i .text {
    flex-shrink: 0;
    min-width: 50px;
  }

  .field-row.svelte-1v4u02i .value-text {
    font-family: monospace;
    padding: 1px 4px;
    border-radius: 2px;
    word-break: break-all;
  }

  .modal-body.svelte-19hjws0 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-19hjws0 {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    font-size: 11.5px;
    display: flex;
    flex-direction: column;
    max-height: 400px;
    gap: 16px;
  }

  .footer.svelte-19hjws0,
  .modal-header.svelte-19hjws0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .modal-header.svelte-19hjws0 {
    border-bottom: 1px solid var(--border1);
  }
  .modal-header.svelte-19hjws0 svg {
    width: 12px;
    height: 12px;
  }

  .footer-left.svelte-19hjws0 {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-19hjws0 {
    display: flex;
    gap: 8px;
  }

  .notifications-wrapper.svelte-19hjws0 .warning-notification {
    background: var(--background3);
  }
  .notifications-wrapper.svelte-19hjws0 .warning-notification .message .text {
    display: inline-block !important;
  }

  .notifications-wrapper.svelte-19hjws0 .warning-notification .notification-content {
    padding: 0;
  }

  .fields-list.svelte-19hjws0 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .close-icon.svelte-19hjws0 {
    border: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: inherit;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    border-radius: 4px;
    color: #ababab;
    background: transparent;
    box-sizing: border-box;
    box-shadow: none;
    align-self: center;
    cursor: pointer;
  }

  .close-icon.svelte-19hjws0:hover {
    filter: brightness(1.1);
  }
  .close-icon.svelte-19hjws0 svg {
    width: 16px;
    height: 16px;
  }

  .field-wrapper.svelte-19hjws0 {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .field-wrapper.svelte-19hjws0 .ai-button svg {
    width: 12px;
    height: 12px;
  }

  .field-wrapper.full-width.svelte-19hjws0 {
    grid-column: 1 / -1;
  }

  .field-label.svelte-19hjws0 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
  }

  .field-label.svelte-19hjws0 .field-label-text > .text {
    flex-direction: row-reverse;
    gap: 4px;
    width: max-content;
  }

  .field-input.svelte-19hjws0 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .field-label.svelte-19hjws0 .field-label-text .tooltip ul {
    padding-left: 12px;
  }

  .form-textarea.svelte-19hjws0 {
    width: 100%;
    padding: 6px 8px;
    background: var(--background1);
    border: 1px solid var(--border1);
    border-radius: 4px;
    color: var(--text1);
    font-size: 11.5px;
    font-family: inherit;
    resize: vertical;
    min-height: 60px;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
  }

  .form-textarea.svelte-19hjws0:focus {
    outline: none;
    border-color: var(--blueBorder);
  }

  .form-textarea.svelte-19hjws0::placeholder {
    color: var(--text3);
  }

  .categories-switches.svelte-19hjws0 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
  }

  .category-switch-item.svelte-19hjws0 {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--background3);
    padding: 4px 6px;
  }

  .category-label.svelte-19hjws0 {
    font-size: 11.5px;
    color: var(--text1);
    cursor: pointer;
    user-select: none;
  }

  .error-message.svelte-19hjws0 {
    margin-top: 2px;
  }

  .reasoning-message.svelte-19hjws0 {
    margin-top: 2px;
    padding: 4px 6px;
    font-size: 10.5px;
    color: var(--text2);
    background: var(--background2);
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .save-error.svelte-19hjws0 {
    padding: 8px;
    background: var(--redBackground);
    border-radius: 4px;
    border: 1px solid var(--redBorder);
  }

  .footer-left.svelte-19hjws0 {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-19hjws0 {
    display: flex;
    gap: 8px;
  }

  /* Scrollbar styling */
  .modal-content.svelte-19hjws0::-webkit-scrollbar {
    width: 6px;
  }

  .modal-content.svelte-19hjws0::-webkit-scrollbar-track {
    background: var(--background2);
    border-radius: 3px;
  }

  .modal-content.svelte-19hjws0::-webkit-scrollbar-thumb {
    background: var(--background5);
    border-radius: 3px;
  }

  .modal-content.svelte-19hjws0::-webkit-scrollbar-thumb:hover {
    background: var(--border1);
  }

  .modal-body.svelte-5f3v8t {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-5f3v8t {
    flex: 1;
    overflow-y: auto;
    max-height: 400px;
    padding: 8px 12px;
    font-size: 11.5px;
  }

  .footer.svelte-5f3v8t {
    text-align: right;
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid var(--border1);
  }

  .recommendation-notification.svelte-5f3v8t {
    margin-bottom: 12px;
  }

  .recommendation-notification.svelte-5f3v8t .warning-notification .message .text {
    display: inline-block !important;
  }

  .recommendation-notification.svelte-5f3v8t .warning-notification .notification-content {
    padding: 0;
  }

  .preview-content.svelte-5f3v8t {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .preview-content.svelte-5f3v8t .copy-button__content {
    display: block;
  }

  .info-section.svelte-5f3v8t {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .field-row.svelte-5f3v8t {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-height: 18px;
  }
  .field-row.svelte-5f3v8t .wrap-text {
    word-break: break-all;
  }
  .field-row.svelte-5f3v8t .text {
    flex-shrink: 0;
    min-width: 100px;
  }

  .field-value.svelte-5f3v8t {
    line-height: 1.3;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .field-value.present.svelte-5f3v8t {
    color: var(--text2);
  }

  .field-value.missing.svelte-5f3v8t {
    color: var(--text2);
    font-style: italic;
  }

  .field-value.required.svelte-5f3v8t {
    color: var(--redText);
    font-style: italic;
  }

  .field-value.not-applicable.svelte-5f3v8t {
    color: var(--text2);
    opacity: 0.6;
    font-style: italic;
  }

  .categories-list.svelte-5f3v8t {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
  }

  .category-tag.svelte-5f3v8t {
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--yellowBorder);
    color: var(--textInverse);
  }

  .category-uncategorized.svelte-5f3v8t {
    background: var(--background2);
    color: var(--text2);
  }

  .category-ignored.svelte-5f3v8t {
    background: var(--redText);
    color: var(--text2);
  }

  .value-text.svelte-5f3v8t,
  .url-text.svelte-5f3v8t {
    font-family: monospace;
    background: var(--background2);
    padding: 2px 6px;
    border-radius: 4px;
    word-break: break-all;
  }

  .privacy-link.svelte-5f3v8t {
    color: var(--blueText);
    text-decoration: none;
  }

  .privacy-link.svelte-5f3v8t::after {
    content: '↗';
    margin-left: 4px;
    font-size: 10px;
    opacity: 0.7;
  }

  .tracker-info.svelte-5f3v8t,
  .provider-info.svelte-5f3v8t {
    background: var(--background2);
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .action-item-row.svelte-gws04s {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 4px;
    background-color: var(--background4);
    color: var(--text2);
    font-size: 11px;
  }

  .action-item-row.nested.svelte-gws04s {
    background-color: var(--background5);
  }

  .action-item-row.svelte-gws04s .action-wrapper {
    align-self: auto;
  }
  .action-item-row.svelte-gws04s .action-wrapper.resolvable {
    height: max-content;
  }

  .action-item-row.svelte-gws04s:has(:where(.svelte-gws04s):disabled) {
    border-left: 3px solid var(--orangeIcon);
    padding-left: 5px;
  }

  .action-item-row.resolved.svelte-gws04s {
    opacity: 0.6;
    background-color: var(--background4);
  }

  .action-item-row.checkmark-only.resolved.svelte-gws04s {
    opacity: 1;
  }

  .action-item-row.nested.resolved.svelte-gws04s {
    background-color: var(--background5);
  }

  .action-item-text.svelte-gws04s {
    flex: 1;
    color: inherit;
    position: relative;
    overflow: visible;
    word-break: break-all;
  }

  .additional-tooltip.svelte-gws04s {
    display: inline-flex;
    vertical-align: middle;
    height: 12px;
    overflow: visible;
    position: relative;
    bottom: 3px;
  }

  .additional-tooltip.svelte-gws04s .learn-more-tooltip {
    text-decoration: underline;
    cursor: help;
    text-underline-offset: 2px;
    text-decoration-color: var(--text2);
  }

  .action-item-text.svelte-gws04s strong {
    font-weight: 600;
    color: var(--text1);
  }

  .action-item-text.svelte-gws04s code {
    color: var(--text1);
    font-weight: 600;
  }

  .auto-resolve-notice.svelte-gws04s {
    margin-top: 4px;
    font-style: italic;
  }

  .action-link-wrapper.svelte-gws04s {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
  }

  .pages-modal-content.svelte-gws04s {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 12px;
    height: 100%;
    font-size: 11px;
  }

  .modal-description.svelte-gws04s strong {
    font-weight: 600;
    color: var(--text1);
  }

  .pages-list-section.svelte-gws04s {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    height: 100%;
  }

  .pages-list-header.svelte-gws04s {
    font-weight: 600;
    color: var(--text2);
    padding: 0 4px;
  }

  .footer.svelte-gws04s {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid var(--border1);
    padding: 8px 12px;
    margin-top: 8px;
    gap: 8px;
  }
  .pages-list.svelte-gws04s {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-height: 350px;
    height: 100%;
    gap: 4px;
  }

  .page-item.svelte-gws04s {
    display: flex;
    padding: 8px var(--Spacing-12, 12px);
    justify-content: space-between;
    align-items: center;
    background: var(--background4);
    border-radius: 4px;
  }

  .page-info.svelte-gws04s svg {
    color: var(--text1);
    fill: var(--text1);
  }
  .page-info.svelte-gws04s {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .page-title.svelte-gws04s {
    color: var(--text1);
  }

  .page-info.draft.svelte-gws04s :where(.svelte-gws04s) {
    color: var(--orangeText);
  }

  .empty-state.svelte-gws04s {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
  }

  .empty-text.svelte-gws04s {
    color: var(--text2);
  }

  .grouped-action-item.svelte-1d2jvd4 {
    display: flex;
    flex-direction: column;
    background: var(--background4);
    border-radius: 4px;
  }

  .grouped-action-item.resolved.svelte-1d2jvd4 {
    opacity: 0.6;
  }

  .grouped-action-item.checkmark-only.resolved.svelte-1d2jvd4 {
    opacity: 1;
  }

  .grouped-action-item.open.svelte-1d2jvd4 {
    padding-bottom: 8px;
  }
  .group-header.svelte-1d2jvd4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px;
  }

  .group-header-left.svelte-1d2jvd4 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    min-width: 0;
  }

  .group-title-btn.svelte-1d2jvd4 {
    flex: 1;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: left;
    min-width: 0;
    gap: 4px;
    display: flex;
    align-items: center;
  }

  .group-title.svelte-1d2jvd4 {
    font-size: 11px;
    color: var(--text1);
    line-height: 16px;
  }

  .group-title-btn.svelte-1d2jvd4 .learn-more-tooltip {
    text-decoration: underline;
    cursor: help;
    text-underline-offset: 2px;
    text-decoration-color: var(--text2);
  }
  .group-header-right.svelte-1d2jvd4 {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .toggle-btn.svelte-1d2jvd4 {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 2px;
    cursor: pointer;
    transition: transform 0.2s ease;
  }

  .toggle-btn.open.svelte-1d2jvd4 {
    transform: rotate(180deg);
  }

  .group-items.svelte-1d2jvd4 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 12px;
  }

  .confirm-body.svelte-1d2jvd4 {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
  }

  .confirm-content.svelte-1d2jvd4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  .confirm-icon.svelte-1d2jvd4 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .confirm-icon.svelte-1d2jvd4 svg {
    width: 32px;
    height: 32px;
    color: var(--text2);
  }

  .confirm-footer.svelte-1d2jvd4 {
    display: flex;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--border1);
  }

  .google-fonts-preview.svelte-1j1o63j {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .recommendation-notification.svelte-1j1o63j {
    margin-bottom: 4px;
  }

  .recommendation-notification.svelte-1j1o63j .info-notification {
    background: var(--background3);
  }
  .recommendation-notification.svelte-1j1o63j .info-notification .message .text {
    display: inline-block !important;
  }

  .recommendation-notification.svelte-1j1o63j .info-notification .notification-content {
    padding: 0;
  }

  .summary-section.svelte-1j1o63j {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .font-sections.svelte-1j1o63j {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .font-section.svelte-1j1o63j {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
  }

  .font-details.svelte-1j1o63j {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: var(--text2);
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }

  .font-tag.svelte-1j1o63j {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: var(--actionPrimaryBackgroundHover);
    color: var(--text1);
  }

  .font-info.svelte-1j1o63j {
    display: flex;
    padding: 8px var(--Spacing-12, 12px);
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    background-color: var(--background4);
  }

  .info-content.svelte-1j1o63j {
    flex: 4;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .instructions-section.svelte-1j1o63j {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .instructions-container.svelte-1j1o63j {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    padding: 8px var(--Spacing-12, 12px);
    padding-left: 28px;
    border-radius: 4px;
    background: var(--background4);
    margin: 0;
    list-style-position: outside;
  }

  .instruction-item.svelte-1j1o63j {
    padding-left: 4px;
  }

  .instruction-item.svelte-1j1o63j .instruction-text {
    line-height: 1.4;
  }

  .instruction-item.svelte-1j1o63j .text:has(.external-link) {
    display: inline !important;
  }

  .modal-body.svelte-2gz1dk {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .modal-content.svelte-2gz1dk {
    flex: 1;
    overflow-y: auto;
    max-height: 520px;
  }

  .footer.svelte-2gz1dk {
    text-align: right;
    padding: 8px 12px;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    border-top: 1px solid var(--border1);
  }

  .unsupported-preview.svelte-2gz1dk {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
  }

  .unsupported-content.svelte-2gz1dk {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 400px;
  }

  .unsupported-content.svelte-2gz1dk .message-text {
    line-height: 1.4;
  }

  .unsupported-content.svelte-2gz1dk .long-message-text {
    line-height: 1.4;
    opacity: 0.8;
  }

  .actions-view.svelte-iex12h {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .actions-view.svelte-iex12h .scan-error .error-content {
    max-width: 100%;
  }

  .header.svelte-iex12h {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);

    background: var(--background1);
    height: 41px;
  }

  .content.svelte-iex12h {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .actions-view.svelte-iex12h .all-items-resolved {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
  }

  .actions-view.svelte-iex12h .all-items-resolved svg {
    color: var(--greenIcon);
  }

  .actions-container.svelte-iex12h {
    padding: 8px var(--Spacing-12, 12px);
    width: 100%;
    border-radius: 4px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    max-height: 520px;
  }

  .actions-container.svelte-iex12h .empty-state-wrapper:where(.svelte-iex12h) {
    height: 450px;
    align-items: center;
    justify-content: center;
  }

  .empty-state-container.svelte-iex12h {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 16px;
  }

  .empty-state.svelte-iex12h {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .scan-error.svelte-iex12h {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .scan-error.svelte-iex12h .error-content .retry-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .scan-error.svelte-iex12h .error-content {
    width: 100%;
    padding: 8px 12px;
    background: none;
  }

  .scan-progress-container.svelte-iex12h {
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .empty-content.svelte-iex12h {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 300px;
    text-align: center;
  }

  .action-items-list.svelte-iex12h {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .auth-wrapper {
    height: 100vh;
    background: var(--background3);
  }

  .main-content-container:has(.auth-screen) {
    height: 100%;
    padding: 16px !important;
  }

  .auth-screen.svelte-2hk3sx {
    display: flex;
    align-items: flex-start;
    height: 100%;
    background-color: var(--background2);
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 100%;
  }

  .auth-screen.svelte-2hk3sx .login-button .button__content {
    flex-direction: row-reverse;
  }

  .auth-image-panel.svelte-2hk3sx {
    flex: 1;
    height: 100%;
    background-color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .auth-login-panel.svelte-2hk3sx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-16);
    padding: 0 48px;
    height: 100%;
    width: 50%;
  }

  .auth-content-block.svelte-2hk3sx {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-16);
    width: 100%;
    max-width: 320px;
  }

  .auth-image-panel-logo-container.svelte-2hk3sx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .auth-image-panel-logo-container.svelte-2hk3sx .auth-image-panel-logo-text .text {
    line-height: 20px;
  }

  .faded-logo.svelte-2hk3sx {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .faded-logo.svelte-2hk3sx svg:where(.svelte-2hk3sx) {
    width: 380px;
    height: 330px;
  }

  .auth-content-block.svelte-2hk3sx .auth-image-panel-logo-text-description .text {
    line-height: 20px;
  }

  .header-right.svelte-yjdy4b {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
  }

  .header-right.svelte-yjdy4b .title .text {
    gap: 0 !important;
    position: relative;
    left: -3px;
  }

  .header-right.svelte-yjdy4b svg {
    width: 20px;
    height: 20px;
    position: relative;
    top: 1.2px;
    transform: rotate(180deg);
  }

  .pages-wrapper.svelte-rruo6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }

  .pages-wrapper.svelte-rruo6 .pages-label .text {
    flex-direction: row-reverse;
    gap: 4px;
    position: relative;
  }

  .pages-wrapper.svelte-rruo6 .required-field > .text::after {
    content: '*';
    color: var(--redText);
    position: absolute;
    right: -10px;
    top: 60%;
    transform: translateY(-50%);
  }

  .pages-input-container.svelte-rruo6 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: max-content;
    align-items: flex-end;
  }

  .pages-wrapper.svelte-rruo6 .pages-select-button {
    width: 100px;
    justify-content: flex-start;
    border: 1px solid var(--border1);
    background-color: var(--background1);
    color: var(--text2);
    text-align: left;
    font-size: 11.5px;
    height: 24px;
    border-radius: 4px;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
  }

  .pages-wrapper.svelte-rruo6 .pages-select-button:hover {
    border-color: var(--blueBorder);
  }

  .pages-input-container.error.svelte-rruo6 .pages-select-button {
    border-color: var(--redBorder);
  }

  .pages-input-container.error.svelte-rruo6 .pages-select-button:hover {
    border-color: var(--redBorder);
  }

  .modal-content.svelte-rruo6 {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 300px;
  }

  .search-actions-row.svelte-rruo6 {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .search-section.svelte-rruo6 {
    flex: 1;
    min-width: 0;
  }

  .search-input.svelte-rruo6 {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid var(--border1);
    border-radius: 4px;
    color: var(--text1);
    font-size: 11.5px;
    padding: 4px 8px;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
    background: var(--background1);
  }

  .search-input.svelte-rruo6:focus {
    outline: none;
    border-color: var(--actionPrimaryBackground);
  }

  .action-buttons.svelte-rruo6 {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
  }

  .action-btn.svelte-rruo6 {
    padding: 6px 12px;
    background: var(--background3);
    border: 1px solid var(--border1);
    border-radius: 4px;
    font-size: 11px;
    cursor: pointer;
    color: var(--text1);
    white-space: nowrap;
    flex-shrink: 0;
  }

  .action-btn.svelte-rruo6:hover {
    background: var(--background3);
    border-color: var(--blueBorder);
  }

  .selection-display.svelte-rruo6 {
    padding: 8px 0;
    border-bottom: 1px solid var(--border1);
  }

  .selected-items.svelte-rruo6 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .selected-badge.svelte-rruo6 {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background: var(--background3);
    border: 1px solid var(--border1);
    border-radius: 4px;
    font-size: 11px;
  }

  .selected-badge.svelte-rruo6:hover {
    background: var(--background3);
  }

  .more-badge.svelte-rruo6 {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    background: var(--background3);
    border: 1px solid var(--border1);
    border-radius: 4px;
    font-size: 11px;
    color: var(--text2);
    font-weight: 500;
  }

  .remove-btn.svelte-rruo6 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 14px;
    position: relative;
    top: -1px;
    height: 14px;
    background: none;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
    color: var(--text3);
  }

  .options-list.svelte-rruo6 {
    overflow-y: auto;
    padding: 4px 0;
    flex: 1;
    max-height: 300px;
  }

  .empty-state.svelte-rruo6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 40px 20px;
    text-align: center;
  }

  .empty-text.svelte-rruo6 {
    font-size: 12px;
    color: var(--text2);
  }

  .empty-text-sub.svelte-rruo6 {
    font-size: 11px;
    color: var(--text3);
  }

  .option-item.svelte-rruo6 {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: none;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-align: left;
  }

  .option-item.svelte-rruo6:hover {
    background: var(--background3);
  }

  .option-item.svelte-rruo6 .checkbox {
    flex-shrink: 0;
  }

  .option-label.svelte-rruo6 {
    flex: 1;
    font-size: 11.5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: var(--text2);
  }

  .page-path-badge.svelte-rruo6 {
    font-size: 10px;
    color: var(--text3);
    font-family: monospace;
  }

  .preview-container.svelte-kgpe7q {
    display: flex;
    color: var(--textInverse);
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 24px;
    align-self: stretch;
    border-radius: 4px;
  }

  /* Lines placeholder */
  .lines.svelte-kgpe7q {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
  }

  .line.svelte-kgpe7q {
    height: 10px;
    align-self: stretch;
    background: #e0e0e0;
  }

  .line-full.svelte-kgpe7q {
    width: 100%;
  }

  .line-partial.svelte-kgpe7q {
    width: 60%;
  }

  .line-partial-wide.svelte-kgpe7q {
    width: 80%;
  }

  /* Simple banner styles */
  .simple-banner.svelte-kgpe7q {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    padding: 24px 20px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
  }

  .simple-button-wrapper.svelte-kgpe7q {
    display: flex;
    justify-content: flex-end;
  }

  .donotsell-link-wrapper.svelte-kgpe7q {
    display: flex;
    justify-content: flex-end;
  }

  .banner-button-wrapper.svelte-kgpe7q {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
  }

  /* Banner wrapper */
  .wrapping_banner.svelte-kgpe7q {
    display: block;
    border-radius: 4px;
    width: 100%;
  }

  .preview-container.svelte-kgpe7q .wrapping_banner:where(.svelte-kgpe7q):last-child {
    margin-top: 8px;
  }

  /* Preferences component */
  .wrapping_prefs_component.svelte-kgpe7q {
    align-items: center;
    display: block;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-bottom: 0;
  }

  /* New preferences form styles based on Figma design */
  .wrapping_prefs-form-new.svelte-kgpe7q {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
  }

  .prefs-header-row.svelte-kgpe7q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    border-bottom: 1px solid #e0e0e0;
  }

  .prefs-header-title.svelte-kgpe7q {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--textInverse);
    line-height: 16px;
  }

  .prefs-close-btn.svelte-kgpe7q {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.667px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 2px;
  }

  .prefs-categories-list.svelte-kgpe7q {
    display: flex;
    flex-direction: column;
    height: 140px;
    overflow-y: auto;
  }
  .prefs-categories-list.donotsell.svelte-kgpe7q {
    height: max-content;
  }
  .prefs-categories-list.svelte-kgpe7q,
  .prefs-categories-list.svelte-kgpe7q :where(.svelte-kgpe7q) {
    --sb-track-color: white !important;
    --sb-thumb-color: #ccc !important;
    --sb-size: 5px;
  }

  .prefs-categories-list.svelte-kgpe7q::-webkit-scrollbar {
    width: var(--sb-size);
    height: var(--sb-size);
  }

  .prefs-categories-list.svelte-kgpe7q::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 4px;
    border: none;
    box-shadow: none;
  }

  .prefs-categories-list.svelte-kgpe7q::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 4px;
    border: none;
    box-shadow: none;
  }

  .prefs-categories-list.svelte-kgpe7q::-webkit-scrollbar-thumb:hover {
    background: #aaa;
    border: none;
  }

  .prefs-categories-list.svelte-kgpe7q::-webkit-scrollbar-corner {
    background: var(--sb-track-color);
  }

  .prefs-category-item.svelte-kgpe7q {
    border-bottom: 0.5px solid #e0e0e0;
  }

  .prefs-category-row.svelte-kgpe7q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
  }

  .prefs-category-left.svelte-kgpe7q {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .prefs-category-left.clickable.svelte-kgpe7q {
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    font: inherit;
  }

  .prefs-chevron.svelte-kgpe7q {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    transform: rotate(360deg);
  }

  .prefs-chevron.expanded.svelte-kgpe7q {
    transform: rotate(90deg);
  }

  .prefs-category-name.svelte-kgpe7q {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--textInverse);
    line-height: 16px;
    letter-spacing: -0.115px;
    text-transform: capitalize;
  }

  .prefs-category-right.svelte-kgpe7q {
    display: flex;
    align-items: center;
  }

  .always-active-badge-new.svelte-kgpe7q {
    font-size: 8px;
    color: var(--textInverse);
    padding: 4px;
    border: 0.5px solid #444;
    border-radius: 2px;
    line-height: 1;
    white-space: nowrap;
  }

  .prefs-tracker-details.svelte-kgpe7q {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 8px 12px;
    margin: 0 12px 8px 12px;
    background: #e5e5e5;
    border-radius: 4px;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -0.115px;
  }

  .tracker-name.svelte-kgpe7q {
    font-weight: 600;
    color: var(--textInverse);
  }

  .tracker-description.svelte-kgpe7q {
    font-weight: 400;
    color: var(--textInverse);
  }

  .tracker-privacy-link.svelte-kgpe7q {
    font-weight: 400;
    color: #007df0;
    text-decoration: underline;
  }

  .prefs-footer-buttons.svelte-kgpe7q {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 12px;
  }

  .prefs-btn-link.svelte-kgpe7q {
    font-size: 11px;
    font-weight: 400;
    color: var(--textInverse);
    background: transparent;
    border: none;
    border-bottom: 1px solid #1e1e1e;
    padding: 8px 0;
    cursor: pointer;
    line-height: 16px;
  }

  .prefs-btn-secondary.svelte-kgpe7q {
    font-size: 11px;
    font-weight: 400;
    color: var(--textInverse);
    background: #e5e5e5;
    border: none;
    border-radius: 2px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 16px;
  }

  .prefs-btn-primary.svelte-kgpe7q {
    font-size: 11px;
    font-weight: 400;
    color: white;
    background: var(--textInverse);
    border: none;
    border-radius: 2px;
    padding: 8px 12px;
    cursor: pointer;
    line-height: 16px;
  }

  .switch-wrapper-clickable.svelte-kgpe7q {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .prefs-category-row.svelte-kgpe7q .switch__track {
    background-color: #cccccc;
    border-color: #cccccc;
  }

  .prefs-category-row.svelte-kgpe7q .switch__input:checked + .switch__track {
    background-color: var(--textInverse);
    border-color: var(--textInverse);
  }

  .prefs-category-row.svelte-kgpe7q .checkbox.checkbox--checked svg {
    background: var(--textInverse);
  }

  .prefs-category-row.svelte-kgpe7q .switch:hover:not(.switch--disabled) .switch__track {
    border-color: #999999;
    background-color: #b3b3b3;
  }

  .prefs-category-row.svelte-kgpe7q .switch:hover:not(.switch--disabled) .switch__input:checked + .switch__track {
    background-color: #292929;
    border-color: #292929;
  }

  .prefs-category-row.svelte-kgpe7q .checkbox:not(.checkbox--checked) {
    border: 1px solid #444;
  }

  /* Do Not Sell specific styles */
  .donotsell-description.svelte-kgpe7q {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    border-bottom: 0.5px solid #e0e0e0;
  }

  .donotsell-description.svelte-kgpe7q .line:where(.svelte-kgpe7q) {
    background: #e0e0e0;
  }

  .donotsell-description.svelte-kgpe7q .line-full:where(.svelte-kgpe7q) {
    width: 100%;
  }

  .donotsell-description.svelte-kgpe7q .line-partial:where(.svelte-kgpe7q) {
    width: 65%;
  }

  .prefs-category-name.donotsell-label.svelte-kgpe7q {
    text-transform: none;
  }

  .regions-wrapper.svelte-4pqkon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
  }

  .regions-wrapper.svelte-4pqkon .regions-label .text {
    flex-direction: row-reverse;
    gap: 4px;
    position: relative;
  }

  .regions-wrapper.svelte-4pqkon .required-field .text::after {
    content: '*';
    color: var(--redText);
    position: absolute;
    right: -10px;
    top: 60%;
    transform: translateY(-50%);
  }

  .regions-input-container.svelte-4pqkon {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: max-content;
    align-items: flex-end;
  }

  .regions-wrapper.svelte-4pqkon .regions-select-button {
    width: 100px;
    justify-content: flex-start;
    border: 1px solid var(--border1);
    background-color: var(--background1);
    color: var(--text2);
    text-align: left;
    font-size: 11.5px;
    height: 24px;
    border-radius: 4px;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
  }

  .regions-wrapper.svelte-4pqkon .regions-select-button:hover {
    border-color: var(--blueBorder);
  }

  .regions-input-container.error.svelte-4pqkon .regions-select-button {
    border-color: var(--redBorder);
  }

  .regions-input-container.error.svelte-4pqkon .regions-select-button:hover {
    border-color: var(--redBorder);
  }

  .modal-content.svelte-4pqkon * {
    font-size: 11px;
  }
  .modal-content.svelte-4pqkon {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .configurator-view.svelte-11lzm7d :where(.svelte-11lzm7d) {
    box-sizing: border-box;
  }
  .configurator-view.svelte-11lzm7d .tooltip.input-tooltip {
    max-width: 140px !important;
  }

  .configurator-view.svelte-11lzm7d .tooltip.input-tooltip .message {
    background-color: var(--redBackground);
  }

  .configurator-view.svelte-11lzm7d {
    height: 100%;
    width: 100%;
  }
  .sidebar-content.svelte-11lzm7d {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }

  .configurator-field.svelte-11lzm7d {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 8px;
  }
  .configurator-field.column.svelte-11lzm7d {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .configurator-view.svelte-11lzm7d .configurator-field-label .text {
    flex-direction: row-reverse;
    gap: 4px;
    position: relative;
  }

  .configurator-view.svelte-11lzm7d .required-field > .text::after {
    content: '*';
    color: var(--redText);
    position: absolute;
    right: -7px;
    top: 60%;
    transform: translateY(-50%);
  }

  .categories-list.svelte-11lzm7d {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
  }
  .categories-list.hidden.svelte-11lzm7d {
    display: none;
  }

  .category-item.svelte-11lzm7d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    width: 100%;
    border-radius: 2px;
    color: var(--text2);
    background-color: var(--background5);
  }

  .category-item.is-selected.svelte-11lzm7d {
    background-color: var(--background5);
  }

  .category-item.is-disabled.svelte-11lzm7d {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--background2);
  }

  .category-item.is-disabled.svelte-11lzm7d:hover {
    background-color: var(--background2);
  }

  .category-item[role='checkbox'].svelte-11lzm7d {
    cursor: pointer;
    border-radius: 4px;
  }

  .category-item[role='checkbox'].is-disabled.svelte-11lzm7d {
    cursor: not-allowed;
  }

  .category-left.svelte-11lzm7d {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .category-right.svelte-11lzm7d {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text2);
  }

  .configurator-view.svelte-11lzm7d .category-label .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .always-active.svelte-11lzm7d {
    color: var(--text2);
  }

  .toggle-field.svelte-11lzm7d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    width: 100%;
  }
  .toggle-field.no-padding.svelte-11lzm7d {
    padding: 0;
  }
  .configurator-field.column.svelte-11lzm7d .toggle-field:where(.svelte-11lzm7d) {
    padding: 0 0 4px 0;
  }

  .button-group-field.svelte-11lzm7d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4px 0;
    width: 100%;
  }

  .location-info.svelte-11lzm7d svg.globe-warning-icon {
    width: 16px;
    height: 16px;
  }
  .location-info.svelte-11lzm7d {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .configurator-view.svelte-11lzm7d .toggle-label .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .configurator-view.svelte-11lzm7d .button-group-label .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .pages-field.svelte-11lzm7d {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .pages-section.svelte-11lzm7d {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 8px;
    border: 1px solid var(--border1);
    border-radius: 4px;
  }

  .regions-section.svelte-11lzm7d {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 8px;
    border: 1px solid var(--border1);
    border-radius: 4px;
  }

  .regions-field.svelte-11lzm7d {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .configurator-view.svelte-11lzm7d .section-header {
    position: sticky;
    top: 0;
    background: var(--background1);
    z-index: 10;
  }

  .sidebar-content.svelte-11lzm7d .sidebar-section {
    position: relative;
    width: 100%;
  }

  .sidebar-content.svelte-11lzm7d .sidebar-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -12px;
    right: -12px;
    height: 1px;
    background-color: var(--border1);
  }

  .sidebar-content.svelte-11lzm7d .sidebar-section:last-of-type::after {
    display: none;
  }

  .banner-type-badge.svelte-11lzm7d {
    display: flex;
    height: 24px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
  }

  .banner-type-badge.svelte-11lzm7d .text {
    font-size: 11.5px;
    line-height: 16px;
  }

  .configurator-field.svelte-11lzm7d .search-actions-row button {
    padding: 4px 8px;
  }
  .configurator-field.svelte-11lzm7d .search-actions-row {
    background: var(--background1);
  }
  .configurator-field.svelte-11lzm7d .search-section .search-input {
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
    background: var(--background1);
    padding: 4px 8px;
  }

  .banner-type-selection.svelte-j9yrp1 {
    display: grid;
    grid-auto-rows: max-content 1fr max-content;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    height: 100%;
    padding: 8px 12px;
  }

  .selection-header.svelte-j9yrp1 {
    display: flex;
    width: 100%;
    justify-content: start;
  }

  .banner-types.svelte-j9yrp1 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .banner-type-card.svelte-j9yrp1 {
    display: flex;
    align-items: stretch;
    gap: 12px;
    flex: 1;
    padding: 12px;
    background: var(--background2);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
  }

  .banner-type-card.svelte-j9yrp1:hover {
    background: var(--background3);
  }

  .banner-type-card.disabled.svelte-j9yrp1 {
    cursor: not-allowed;
    background: var(--background2);
  }

  .banner-content.svelte-j9yrp1 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    justify-content: space-between;
  }

  .banner-content-inner.svelte-j9yrp1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .banner-frame-wrapper.svelte-j9yrp1 {
    display: flex;
  }

  .banner-header.svelte-j9yrp1 {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .banner-description.svelte-j9yrp1 {
    padding-left: 0px;
  }

  .banner-header.svelte-j9yrp1 .in-use-badge {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: rgba(0, 122, 65, 0.1);
  }

  .banner-type-tooltip.svelte-j9yrp1 {
    display: flex;
    align-items: flex-start;
    width: max-content;
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(138, 194, 255, 0.2);
  }
  .banner-type-tooltip.svelte-j9yrp1 .field-label .text .target {
    cursor: help;
  }
  .banner-type-tooltip.svelte-j9yrp1 .field-label .text {
    flex-direction: row-reverse;
  }

  .banner-type-icon.svelte-j9yrp1 {
    color: var(--text2);
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    display: none;
  }
  .banner-type-icon.svelte-j9yrp1 svg {
    width: 24px;
    height: 24px;
  }

  .selection-actions.svelte-j9yrp1 .icon {
    position: relative;
    top: 1px;
  }
  .selection-actions.svelte-j9yrp1 .wrapper {
    align-items: center;
  }
  .selection-actions.svelte-j9yrp1 {
    display: block;
  }

  .global-settings-view.svelte-4out59 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .settings-content.svelte-4out59 {
    overflow: hidden;
    padding: 8px 0;
    height: 474px;
  }

  .settings-content.svelte-4out59 .settings-section {
    margin: 0 12px;
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .setting-item.svelte-4out59 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid var(--border1);
  }

  .error-message.svelte-4out59 {
    color: var(--redText);
    font-size: 10px;
  }
  .setting-item.svelte-4out59:last-child {
    border-bottom: none;
  }

  .setting-header.svelte-4out59 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .setting-item.svelte-4out59 .setting-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .field-section.svelte-4out59 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .input-field.svelte-4out59 {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .input-field.svelte-4out59 .field-label {
    display: flex;
  }

  .input-field.svelte-4out59 .field-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .settings-footer.svelte-4out59 {
    display: flex;
    justify-content: flex-end;
    padding: 12px;
    border-top: 1px solid var(--border1);
    background: var(--background1);
  }

  .cookie-banners-view.svelte-1a3rghi {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .watch-tutorial.svelte-1a3rghi {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 24px);
  }

  .header.svelte-1a3rghi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
  }

  .header-left.svelte-1a3rghi {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .tabs.svelte-1a3rghi {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .tab.svelte-1a3rghi {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text2);
    position: relative;
  }

  .tab.svelte-1a3rghi::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
  }

  .tab.svelte-1a3rghi:hover::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1a3rghi::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1a3rghi {
    color: var(--text1);
  }

  .tab.svelte-1a3rghi .text {
    color: inherit;
  }

  .content.svelte-1a3rghi {
    height: 520px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .content.svelte-1a3rghi .empty-state-wrapper {
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  .content.svelte-1a3rghi .empty-state-wrapper .create-banner-link svg path {
    color: var(--blueText);
    stroke: var(--blueText) !important;
  }

  .loading-state.svelte-1a3rghi {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .empty-state-container.svelte-1a3rghi {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: 16px;
  }
  .empty-state.svelte-1a3rghi {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-1a3rghi {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 300px;
    text-align: center;
  }

  .table-container.svelte-1a3rghi {
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 800px;
  }

  .table.svelte-1a3rghi {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .row.svelte-1a3rghi {
    width: 100%;
    padding: 8px 12px;
    height: 40px;
    color: var(--text1);
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.115px;
    display: grid;
    gap: 6px;
    grid-template-columns: 162px 120px 150px 75px 150px 85px;
    align-items: center;
  }

  .head.svelte-1a3rghi .row:where(.svelte-1a3rghi) {
    background: var(--background1);
    border-bottom: 1px solid var(--background3);
    font-weight: 600;
  }

  .row.dark.svelte-1a3rghi {
    background: var(--background2);
  }

  .body.svelte-1a3rghi {
    height: 100%;
  }

  .cell.svelte-1a3rghi {
    display: flex;
    align-items: center;
    text-align: left;
  }

  .cell.svelte-1a3rghi .text {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .cell.header.svelte-1a3rghi {
    font-weight: 600;
    padding: 0;
    border: none;
    height: max-content;
  }

  .cell-actions.svelte-1a3rghi {
    justify-content: flex-end;
  }

  .status-container.svelte-1a3rghi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }

  .status-dot.svelte-1a3rghi {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
    background: currentColor;
  }

  .actions-container.svelte-1a3rghi {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .actions-container.svelte-1a3rghi .labels.link.is-active {
    opacity: 0.6;
  }
  .actions-container.svelte-1a3rghi svg {
    width: 16px;
    height: 16px;
  }

  .domain-settings.svelte-1egal1g * {
    font-size: 11px;
  }
  .domain-settings.svelte-1egal1g {
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
  }

  .footer.svelte-1egal1g {
    display: flex;
    padding: 8px 12px;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--border1);
  }

  .scan-history-view.svelte-hqzvhs {
    display: flex;
    flex-direction: column;
    height: 478px;
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
    padding-top: 0;
  }

  .content.svelte-hqzvhs {
    flex: 1;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 12px;
    height: 100%;
  }

  .loading-state.svelte-hqzvhs,
  .error-state.svelte-hqzvhs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    gap: 16px;
  }

  .empty-state-wrapper.svelte-hqzvhs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .empty-state.svelte-hqzvhs {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-hqzvhs {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    max-width: 400px;
  }

  .table-container.svelte-hqzvhs {
    width: 100%;
    height: 100%;
  }

  .table.svelte-hqzvhs {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .row.svelte-hqzvhs {
    width: 100%;
    padding: 12px;
    height: 40px;
    color: var(--text1);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.115px;
    display: grid;
    gap: 12px;
    grid-template-columns: 150px 300px 50px 120px 1fr;
    align-items: center;
  }

  .head.svelte-hqzvhs .row:where(.svelte-hqzvhs) {
    font-weight: 600;
    height: max-content;
    padding: 8px 12px;
  }

  .head.svelte-hqzvhs {
    padding: 0;
    height: max-content;
    border-bottom: none;
  }
  .row.dark.svelte-hqzvhs {
    background: var(--background2);
  }

  .body.svelte-hqzvhs {
    max-height: 470px;
    overflow-y: auto;
    height: 100%;
  }

  .cell.svelte-hqzvhs {
    display: flex;
    align-items: center;
    text-align: left;
    overflow: hidden;
  }

  .cell.svelte-hqzvhs .text {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .cell.header.svelte-hqzvhs {
    font-weight: 600;
    padding: 0;
    border: none;
    height: max-content;
  }

  .cell.centered.svelte-hqzvhs {
    justify-content: center;
    text-align: center;
  }

  .status-tag.svelte-hqzvhs {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 2px 6px;
  }

  .status-label.svelte-hqzvhs {
    white-space: nowrap;
  }

  /* Modal Styles */
  .modal-body.svelte-hqzvhs {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .scan-details.svelte-hqzvhs {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: start;
    padding: 12px;
  }

  .status-indicator.svelte-hqzvhs {
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    text-transform: capitalize;
  }

  .modal-content.svelte-hqzvhs {
    display: grid;
    grid-template-rows: 1fr max-content;
  }

  .modal-footer.svelte-hqzvhs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid var(--border1);
  }

  .modal-footer.svelte-hqzvhs .footer-left:where(.svelte-hqzvhs) {
    display: flex;
    gap: 8px;
  }

  .modal-footer.svelte-hqzvhs .footer-right:where(.svelte-hqzvhs) {
    display: flex;
    gap: 8px;
  }

  .detail-item.svelte-hqzvhs {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    justify-content: space-between;
  }

  .detail-item.svelte-hqzvhs .text:first-child {
    min-width: 120px;
    flex-shrink: 0;
  }

  .detail-item.svelte-hqzvhs .text:last-child {
    flex: 1;
    word-break: break-all;
  }

  .cell.svelte-hqzvhs .with-tooltip .text {
    flex-direction: row-reverse;
  }

  .schedule-modal-body.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: 400px;
  }

  .schedule-content.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px;
  }

  .section-header.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .header-title.svelte-bbwqve {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .header-description.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .loading-state.svelte-bbwqve,
  .error-state.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 32px 16px;
  }

  .form-content.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .form-section.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .form-row.svelte-bbwqve {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 16px;
    align-items: start;
  }

  .form-label.svelte-bbwqve {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .form-control.svelte-bbwqve .dropdown-list {
    position: fixed;
  }
  .form-control.svelte-bbwqve {
    display: block;
  }

  .custom-time-picker.svelte-bbwqve {
    display: flex;
    align-items: center;
    gap: 8px;
    max-height: 24px;
  }

  .time-separator.svelte-bbwqve {
    color: var(--text2);
    font-size: 11px;
    user-select: none;
  }
  .form-section.svelte-bbwqve .form-label > .text {
    flex-direction: row-reverse;
    width: max-content;
  }

  .preview-section.svelte-bbwqve {
    background: var(--background2);
    border: 1px solid var(--border1);
    border-radius: 4px;
    padding: 12px;
    margin-top: 8px;
  }

  .preview-row.svelte-bbwqve {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .preview-label.svelte-bbwqve {
    flex-shrink: 0;
  }

  .preview-value.svelte-bbwqve {
    flex: 1;
  }

  .modal-footer.svelte-bbwqve {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-bbwqve {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-bbwqve {
    display: flex;
    gap: 8px;
  }

  .manager-view.svelte-nfxgfs {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .header.svelte-nfxgfs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
  }
  .header.svelte-nfxgfs .add-manually svg path {
    stroke: var(--blueText);
  }

  .tabs.svelte-nfxgfs {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .tab.svelte-nfxgfs {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text2);
    position: relative;
  }

  .tab.svelte-nfxgfs::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
  }

  .tab.svelte-nfxgfs:hover::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-nfxgfs::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-nfxgfs {
    color: var(--text1);
  }

  .tab.svelte-nfxgfs .text {
    color: inherit;
  }

  .content.svelte-nfxgfs {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .layout.svelte-nfxgfs {
    display: grid;
    grid-template-columns: 200px 1fr;
    height: 478px;
    gap: 0;
  }

  .layout.no-sidebar.svelte-nfxgfs {
    grid-template-columns: 1fr;
    height: 100%;
  }

  .sidebar.svelte-nfxgfs {
    display: block;
    height: 100%;
    width: 100%;
  }

  .sidebar-content.svelte-nfxgfs {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 12px;
  }

  .sidebar-group.svelte-nfxgfs {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    padding: 0;
    background: var(--background2);
    border-radius: 4px;
    color: var(--text2);
    overflow: hidden;
  }

  .sidebar-item.svelte-nfxgfs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
    color: inherit;
  }

  .sidebar-item.svelte-nfxgfs:hover {
    background: var(--background5);
  }

  .sidebar-item.active.svelte-nfxgfs {
    background: var(--background5);
  }

  .sidebar-item-content.svelte-nfxgfs {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .sidebar-item.is-category.svelte-nfxgfs {
    border-radius: 0;
  }

  .sidebar-icon.svelte-nfxgfs {
    display: grid;
    place-items: center;
    height: 12px;
  }
  .sidebar-icon.svelte-nfxgfs svg {
    width: 14px;
    height: 14px;
  }

  .sidebar-label.svelte-nfxgfs {
    font-size: 11px;
    font-weight: 500;
    color: inherit;
  }

  .sidebar-count.svelte-nfxgfs {
    font-size: 11px;
    font-weight: 400;
    color: inherit;
    opacity: 0.8;
  }

  .sidebar-content.svelte-nfxgfs > .sidebar-item:where(.svelte-nfxgfs) {
    background: var(--background2);
    color: var(--text2);
  }

  .sidebar-content.svelte-nfxgfs > .sidebar-item:where(.svelte-nfxgfs):hover {
    background: var(--background5);
  }

  .sidebar-content.svelte-nfxgfs > .sidebar-item.active:where(.svelte-nfxgfs) {
    background: var(--background5);
  }

  .main-content.svelte-nfxgfs {
    padding: 0 12px 0 0;
    width: 100%;
  }
  .main-content.svelte-nfxgfs:has(.empty-state-wrapper:where(.svelte-nfxgfs)),
  .main-content.svelte-nfxgfs:has(.scan-progress-container:where(.svelte-nfxgfs)) {
    height: 100%;
  }
  .main-content.svelte-nfxgfs .main-list:where(.svelte-nfxgfs) {
    margin-top: 9px;
    border-radius: 4px;
    background: var(--background2);
    padding: 12px !important;
    height: 100%;
  }

  .main-content.svelte-nfxgfs .scan-progress {
    padding: 0;
  }

  .empty-state-wrapper.svelte-nfxgfs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .empty-state.svelte-nfxgfs {
    display: flex;
    width: 298px;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }
  .empty-state.category-empty.svelte-nfxgfs {
    width: 100%;
    height: 100%;
    background: var(--background5);
  }

  .scan-progress-container.svelte-nfxgfs {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
  }

  .progress-container.svelte-nfxgfs {
    width: 100%;
    max-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .empty-content.svelte-nfxgfs {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    width: 100%;
    padding: 0 24px;
    box-sizing: border-box;
  }

  .category-content.svelte-nfxgfs {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .section-header.svelte-nfxgfs {
    border-bottom: 1px solid var(--border1);
    padding-bottom: 8px;
  }

  .section-title.svelte-nfxgfs {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .sidebar-icon.is-active.svelte-nfxgfs {
    color: var(--text1) !important;
  }

  .sidebar-label.is-active.svelte-nfxgfs {
    color: var(--text1) !important;
  }

  .trackers-container.svelte-nfxgfs {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  .tracker-card.svelte-nfxgfs {
    background: var(--background4);
    border-radius: 4px;
    color: var(--text1);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    position: relative;
  }

  .tracker-details.svelte-nfxgfs {
    display: flex;
    flex-direction: column;
  }

  .detail-titles.svelte-nfxgfs {
    display: grid;
    padding: 8px 12px;
    gap: 0.75rem;
    align-items: center;
    border-bottom: solid 1px var(--border1);
  }

  .detail-titles.provider-layout.svelte-nfxgfs,
  .detail-content.provider-layout.svelte-nfxgfs,
  .detail-titles.cookie-layout.svelte-nfxgfs,
  .detail-content.cookie-layout.svelte-nfxgfs {
    grid-template-columns: 130px 1fr 120px 40px;
  }

  .title-cell.svelte-nfxgfs {
    min-width: 0;
  }

  .title-cell.svelte-nfxgfs strong:where(.svelte-nfxgfs) {
    color: var(--text1);
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: -0.115px;
  }

  .detail-content.svelte-nfxgfs {
    display: grid;
    padding: 8px 12px;
    gap: 0.75rem;
    align-items: center;
  }

  .content-cell.svelte-nfxgfs {
    min-width: 0;
    overflow: hidden;
  }

  .content-cell.svelte-nfxgfs p:where(.svelte-nfxgfs) {
    font-size: 11px;
    color: var(--text2);
    margin: 0;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }

  .action-column.svelte-nfxgfs {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }

  .edit-button-wrapper.svelte-nfxgfs {
    position: relative;
    display: inline-flex;
  }

  .pending-indicator.svelte-nfxgfs {
    position: absolute;
    top: -2px;
    right: -2px;
    width: 8px;
    height: 8px;
    background-color: var(--orangeIcon);
    border: 2px solid var(--background3);
    border-radius: 50%;
    z-index: 2;
  }

  .required-field.svelte-nfxgfs {
    color: var(--redText) !important;
    background: rgba(255, 0, 0, 0.1);
    display: flex;
    width: max-content !important;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
  }

  .footer.svelte-nfxgfs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
    height: 40px;
  }

  .footer.no-border.svelte-nfxgfs .first-scan-notification {
    width: 100%;
    align-items: center;
    height: max-content;
  }

  .footer.no-border.svelte-nfxgfs .first-scan-notification .notification-content,
  .progress-container.svelte-nfxgfs .first-scan-notification .notification-content {
    padding-right: 0;
  }
  .footer.no-border.svelte-nfxgfs {
    border-top: none;
    padding: 0 12px;
  }

  .footer-left.svelte-nfxgfs {
    display: flex;
    align-items: center;
  }

  .scan-info.svelte-nfxgfs {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .scan-info.svelte-nfxgfs .last-scan-text strong {
    font-weight: 600;
    color: var(--text1);
  }

  .scan-check.svelte-nfxgfs {
    color: var(--greenText);
    display: inline-flex;
  }

  .footer-right.svelte-nfxgfs {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .footer-right.svelte-nfxgfs .scan-tooltip {
    max-width: 250px;
  }
  .footer-right.svelte-nfxgfs .button.scan-button svg {
    transform: rotate(-90deg);
    width: 20px;
    height: 20px;
    font-size: 20px;
  }

  .footer.svelte-nfxgfs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-nfxgfs {
    display: flex;
    gap: 8px;
  }

  .footer-right.svelte-nfxgfs {
    display: flex;
    gap: 8px;
  }

  .install-view.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .install-view.svelte-ig7cbd strong {
    font-weight: 600;
    color: var(--text1);
  }
  .install-view.svelte-ig7cbd .text:has(.external-link) {
    display: inline !important;
  }

  .install-view.svelte-ig7cbd .validation-notification.error span.icon path {
    fill: var(--redText);
  }
  .install-view.svelte-ig7cbd .validation-notification {
    position: relative;
  }

  .header.svelte-ig7cbd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
  }

  .header-left.svelte-ig7cbd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
  }

  .deprecated-notice.svelte-ig7cbd {
    display: block;
  }

  .deprecated-notice.svelte-ig7cbd .notification {
    background: transparent;
  }

  .installation-section.svelte-ig7cbd {
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background: var(--background2);
    border-radius: 6px;
  }

  .dynamic-steps.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
  }

  .step-item-natural.svelte-ig7cbd {
    background: var(--background4);
  }

  .content.svelte-ig7cbd {
    height: 520px;
    overflow-y: auto;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .snippet-section.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .snippet-container.svelte-ig7cbd {
    border-radius: 6px;
  }

  .snippet-container.svelte-ig7cbd .copy-button {
    background: var(--background5);
    box-shadow:
      0 0.5px 1px 0 var(--black),
      0 0.5px 0.5px 0 rgba(255, 255, 255, 0.12) inset;
  }
  .snippet-container.svelte-ig7cbd .copy-button__content {
    display: block;
    font-family: monospace;
    font-size: 11px;
    line-height: 1.5;
  }

  .step-item-natural.svelte-ig7cbd {
    display: flex;
    padding: 8px var(--Spacing-12, 12px);
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
  }

  .step-item-natural.step-with-action.svelte-ig7cbd {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .step-action.svelte-ig7cbd {
    flex-shrink: 0;
  }

  .step-content.svelte-ig7cbd {
    flex: 1;
  }

  .step-content-expanded.svelte-ig7cbd {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .step-script-container.svelte-ig7cbd {
    width: 100%;
  }

  .validation-section-new.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
  }

  .notification-block.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .notification-item.svelte-ig7cbd {
    display: flex;
    padding: 8px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--background2);
    position: relative;
  }

  .notification-item.notification-info.svelte-ig7cbd {
    border-left: 2px solid var(--blueBorder);
  }

  .notification-item.notification-success.svelte-ig7cbd {
    border-left: 2px solid var(--greenBorder);
  }

  .notification-item.notification-error.svelte-ig7cbd {
    border-left: 2px solid var(--redBorder);
  }

  .notification-item.notification-warning.svelte-ig7cbd {
    border-left: 2px solid var(--yellowBorder);
  }

  .notification-header.svelte-ig7cbd {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    flex-direction: column;
    max-width: calc(100% - 120px);
  }

  .notification-icon.svelte-ig7cbd svg {
    width: 16px;
    height: 16px;
    position: relative;
    top: 1px;
  }
  .notification-icon.svelte-ig7cbd {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 8px;
  }

  .notification-item.notification-info.svelte-ig7cbd .notification-icon:where(.svelte-ig7cbd) {
    color: var(--blueIcon);
  }

  .notification-item.notification-success.svelte-ig7cbd .notification-icon:where(.svelte-ig7cbd) {
    color: var(--greenIcon);
  }

  .notification-item.notification-error.svelte-ig7cbd .notification-icon:where(.svelte-ig7cbd) path {
    fill: var(--redIcon);
  }
  .notification-item.notification-error.svelte-ig7cbd .notification-icon:where(.svelte-ig7cbd) {
    color: var(--redIcon);
  }

  .notification-item.notification-warning.svelte-ig7cbd .notification-icon:where(.svelte-ig7cbd) {
    color: var(--yellowIcon);
  }

  .notification-content.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1;
  }

  .notification-title.svelte-ig7cbd {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .notification-details.svelte-ig7cbd {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 8px;
  }

  .notification-message.svelte-ig7cbd {
    display: inline-block;
    color: var(--text2);
    font-size: 11px;
  }

  .notification-message.svelte-ig7cbd .learn-more-tooltip {
    text-decoration: underline;
    cursor: help;
    text-underline-offset: 2px;
    text-decoration-color: var(--text2);
  }

  .notification-actions.svelte-ig7cbd {
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .migration-view.svelte-yenmkf {
    width: 800px;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .migration-container.svelte-yenmkf {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
  }

  .container.svelte-yenmkf {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .section.svelte-yenmkf {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;

    width: 100%;
    overflow: hidden;
    height: max-content;
  }

  .content.svelte-yenmkf {
    display: flex;
    flex-direction: column;
    width: 480px;
  }

  .content.svelte-yenmkf .migration-message .text {
    display: block !important;
  }
  .content.svelte-yenmkf .migration-message {
    background: var(--background3);
    padding-right: 0;
  }

  .header-content.svelte-yenmkf {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .header-title.svelte-yenmkf {
    font-size: 12.5px;
    font-weight: 600;
    margin: 0;
    color: var(--text1);
  }

  .header-subtitle.svelte-yenmkf {
    font-size: 11.5px;
    color: var(--text2);
    margin: 0;
  }

  .progress-section.svelte-yenmkf {
    /* TODO: not needed for now */
    display: none;
    flex-direction: column;
    gap: var(--spacing-12, 12px);
  }

  .progress-bar-wrapper.svelte-yenmkf {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
  }

  .progress-bar.svelte-yenmkf {
    flex: 1;
    height: 8px;
    background-color: var(--background3);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }

  .progress-fill.svelte-yenmkf {
    height: 100%;
    background: linear-gradient(90deg, var(--actionPrimaryBackground) 0%, var(--actionPrimaryBackgroundHover) 100%);
    transition: width 0.3s ease;
    border-radius: 4px;
  }

  .progress-text.svelte-yenmkf {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--text1);
    min-width: 45px;
    text-align: right;
  }

  .step-indicators.svelte-yenmkf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--spacing-8, 8px);
  }

  .step-indicator.svelte-yenmkf {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-8, 8px);
    flex: 1;
  }

  .step-dot.svelte-yenmkf {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--background3);
    transition: all 0.3s ease;
  }

  .step-indicator.active.svelte-yenmkf .step-dot:where(.svelte-yenmkf) {
    background-color: var(--blueText);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
  }

  .step-label.svelte-yenmkf {
    font-size: 11.5px;
    color: var(--text3);
    transition: color 0.3s ease;
  }

  .step-indicator.active.svelte-yenmkf .step-label:where(.svelte-yenmkf) {
    color: var(--text1);
    font-weight: 600;
  }

  .step-connector.svelte-yenmkf {
    flex: 1;
    height: 2px;
    background-color: var(--background3);
  }

  .content-card.svelte-yenmkf {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    background: var(--background2);
  }

  .migration-footer.svelte-yenmkf {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--border1);
    padding: 8px var(--spacing-12, 12px);
    min-height: 40px;
  }

  .footer-left.svelte-yenmkf {
    display: flex;
    align-items: center;
    flex: 1;
  }

  .footer-right.svelte-yenmkf {
    display: flex;
    align-items: center;
    gap: var(--spacing-12, 12px);
  }

  .domain-explanation.svelte-yenmkf .text {
    line-height: 1.5;
  }

  .loading-cue.svelte-yenmkf {
    display: flex;
    align-items: center;
    gap: var(--spacing-8, 8px);
    padding: 4px var(--spacing-12, 12px);
    animation: svelte-yenmkf-pulse 1.5s infinite;
  }

  @keyframes svelte-yenmkf-pulse {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }

  .migration-step.svelte-yenmkf {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 8px;
    align-items: center;
    width: 100%;
    border-radius: 4px;
    background: var(--background4);
    padding: 4px 8px;
  }

  .migration-step.svelte-yenmkf svg:not(.loader-svg) {
    width: 16px;
    height: 16px;
  }

  .migration-step.success.svelte-yenmkf svg {
    color: var(--greenText);
  }

  .migration-steps-container.svelte-yenmkf {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }

  .migration-step.errors.svelte-yenmkf svg path {
    stroke: var(--redText) !important;
  }

  .migration-step.svelte-yenmkf .migration-step-message code {
    background-color: var(--background3);
    padding: 2px 4px;
    border-radius: 4px;
    color: var(--orangeText);
  }

  .migration-step.svelte-yenmkf .migration-step-message .text {
    display: block !important;
  }

  .step-icon.svelte-yenmkf {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .not-found-container.svelte-1vy77sr {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 2rem;
  }

  .not-found-content.svelte-1vy77sr {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 400px;
  }

  .not-found-icon.svelte-1vy77sr {
    margin-bottom: 1.5rem;
    color: var(--textInactive);
  }

  .not-found-title.svelte-1vy77sr {
    margin: 0 0 0.75rem 0;
    color: var(--text1);
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 2.25rem;
  }

  .not-found-description.svelte-1vy77sr {
    margin: 0 0 2rem 0;
    color: var(--text2);
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .not-found-button {
    min-width: 150px;
  }

  .document-types-view.svelte-1nfim0n {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .content.svelte-1nfim0n {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    gap: 16px;
  }

  .description-row.svelte-1nfim0n {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
  }

  .description.svelte-1nfim0n {
    flex: 1;
  }

  .create-button.svelte-1nfim0n {
    flex-shrink: 0;
  }

  .loading-state.svelte-1nfim0n {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
  }

  .content.svelte-1nfim0n .empty-state-wrapper {
    height: 400px;
    align-items: center;
    justify-content: center;
  }

  .empty-state.svelte-1nfim0n {
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-1nfim0n {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 350px;
    text-align: center;
  }

  .table-container.svelte-1nfim0n {
    width: 100%;
    flex: 1;
    overflow: hidden;
  }

  .table.svelte-1nfim0n {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .row.svelte-1nfim0n {
    width: 100%;
    padding: 8px 12px;
    height: 40px;
    color: var(--text1);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.115px;
    display: grid;
    gap: 12px;
    grid-template-columns: 150px 100px 150px 100px 100px 1fr;
    align-items: center;
  }

  .row.svelte-1nfim0n .cell:where(.svelte-1nfim0n) .description-text:where(.svelte-1nfim0n) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
  }
  .head.svelte-1nfim0n .row:where(.svelte-1nfim0n) {
    background: var(--background1);
    border-bottom: 1px solid var(--background3);
    font-weight: 600;
  }

  .row.dark.svelte-1nfim0n {
    background: var(--background2);
  }

  .body.svelte-1nfim0n {
    height: 100%;
  }

  .cell.svelte-1nfim0n {
    display: flex;
    align-items: center;
    text-align: left;
    overflow: hidden;
  }

  .cell.svelte-1nfim0n .text {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .cell.header.svelte-1nfim0n {
    font-weight: 600;
    padding: 0;
    border: none;
    height: max-content;
  }

  .cell-actions.svelte-1nfim0n {
    justify-content: center;
    gap: 6px;
  }

  .category-badge.svelte-1nfim0n {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    font-size: 11px;
    font-weight: 500;
    color: var(--text2);
  }

  .required-badge.svelte-1nfim0n {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    background: rgba(156, 163, 175, 0.1);
    color: var(--text2);
  }

  .required-badge.required.svelte-1nfim0n {
    background: rgba(245, 158, 11, 0.1);
    color: var(--yellowText);
  }

  .action-button.svelte-1nfim0n {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 4px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer;
  }

  .action-button.svelte-1nfim0n:hover {
    background: var(--background3);
    color: var(--text1);
  }

  .action-button.svelte-1nfim0n svg {
    width: 16px;
    height: 16px;
  }

  .form-content.svelte-199x2e4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .form-field.svelte-199x2e4 {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .footer.svelte-199x2e4 {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px;
    border-top: 1px solid var(--border1);
    margin-top: 16px;
  }

  .footer.svelte-199x2e4,
  .form-content.svelte-199x2e4 {
    padding: 8px 12px;
  }
  .form-field.svelte-199x2e4 .field-label-text > .text {
    flex-direction: row-reverse;
    gap: 4px;
    width: max-content;
  }

  .my-documents-view.svelte-1b3orcv {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
    padding-top: 0;
  }

  .loading-state.svelte-1b3orcv {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 470px;
  }

  .my-documents-view.svelte-1b3orcv .empty-state-wrapper {
    height: 470px;
    align-items: center;
    justify-content: center;
  }

  .empty-state.svelte-1b3orcv {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-1b3orcv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 350px;
    text-align: center;
  }

  .table-container.svelte-1b3orcv {
    width: 100%;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .table.svelte-1b3orcv {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .row.svelte-1b3orcv {
    width: 100%;
    padding: 12px;
    height: 40px;
    color: var(--text1);
    display: grid;
    gap: 12px;
    grid-template-columns: 340px 200px 140px 1fr;
    align-items: center;
  }

  .head.svelte-1b3orcv .row:where(.svelte-1b3orcv) {
    background: var(--background1);
    padding: 8px 12px;
    height: max-content;
  }

  .row.dark.svelte-1b3orcv {
    background: var(--background2);
  }

  .body.svelte-1b3orcv {
    height: 100%;
  }

  .cell.svelte-1b3orcv {
    display: flex;
    align-items: center;
    text-align: left;
    overflow: hidden;
  }

  .cell.header.svelte-1b3orcv {
    padding: 0;
    border: none;
    height: max-content;
  }

  .cell-actions.svelte-1b3orcv {
    justify-content: center;
  }

  .action-button.svelte-1b3orcv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 4px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--text2);
    cursor: pointer;
  }

  .action-button.svelte-1b3orcv:hover {
    background: var(--background3);
    color: var(--text1);
  }

  .action-button.svelte-1b3orcv svg {
    width: 16px;
    height: 16px;
  }

  .form-fields-step.svelte-9xmqxo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
  }

  .step-header.svelte-9xmqxo {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
  }

  .fields-container.svelte-9xmqxo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
  }

  .field-item.svelte-9xmqxo {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .no-fields-message.svelte-9xmqxo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background: var(--background2);
    border-radius: 4px;
    border: 1px dashed var(--border1);
  }

  .page-selection-step.svelte-bqtpym {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .step-header.svelte-bqtpym {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
  }

  .notification-section.svelte-bqtpym .notification-content {
    padding: 0;
  }

  .page-type-section.svelte-bqtpym {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .page-type-options.svelte-bqtpym {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }

  .checkbox-option.svelte-bqtpym {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
  }

  .checkbox-option.svelte-bqtpym .checkbox {
    flex-shrink: 0;
  }

  .page-input-section.svelte-bqtpym {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .toolbar.svelte-cy0bpr {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    background: var(--background3);
    border-bottom: 1px solid var(--border1);
    flex-wrap: wrap;
  }

  .toolbar-group.svelte-cy0bpr {
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .toolbar-separator.svelte-cy0bpr {
    width: 1px;
    height: 20px;
    background: var(--border1);
    margin: 0 6px;
  }

  .toolbar-btn.svelte-cy0bpr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 4px;
    background: none;
    color: var(--text2);
    cursor: pointer;
    transition: all 0.2s;
    font-weight: 500;
  }

  .toolbar-btn.svelte-cy0bpr:hover {
    background: var(--background5);
    color: var(--text1);
  }

  .toolbar-btn.active.svelte-cy0bpr {
    background: var(--actionPrimaryBackground);
    color: var(--actionPrimaryText);
  }

  .toolbar-btn.active.svelte-cy0bpr:hover {
    background: var(--actionPrimaryBackgroundHover);
  }

  .toolbar-btn.svelte-cy0bpr:disabled {
    opacity: 0.4;
    cursor: not-allowed;
  }

  .toolbar-btn.svelte-cy0bpr:disabled:hover {
    background: none;
    color: var(--text2);
  }

  .preview-generate-step.svelte-15n2dbq {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    max-height: 100%;
    padding-top: 12px;
    overflow: hidden;
  }

  .step-header.svelte-15n2dbq {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0 16px;
    flex-shrink: 0;
  }

  .header-content.svelte-15n2dbq {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .policy-type-badge.svelte-15n2dbq {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 9px;
    background-color: rgba(245, 158, 11, 0.1);
    color: var(--yellowText);
  }

  .editor-section.svelte-15n2dbq {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px 16px;
    min-height: 0;
    overflow: hidden;
  }

  .editor-wrapper.svelte-15n2dbq {
    background: var(--background1);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--border1);
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .editor {
    padding: 12px;
    flex: 1;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--background1);
  }

  .policy-preview-editor {
    outline: none;
    line-height: 1.6;
    color: var(--text1);
  }

  .policy-preview-editor .ProseMirror {
    outline: none;
  }

  .policy-preview-editor h1 {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 1.5rem 0 1rem 0;
    color: var(--text1);
  }

  .policy-preview-editor h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 1.25rem 0 0.75rem 0;
    color: var(--text1);
  }

  .policy-preview-editor h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1rem 0 0.5rem 0;
    color: var(--text1);
  }

  .policy-preview-editor p {
    margin: 0.5rem 0;
    color: var(--text1);
  }

  .policy-preview-editor ul, .policy-preview-editor ol {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    color: var(--text1);
  }

  .policy-preview-editor blockquote {
    border-left: 4px solid var(--border1);
    padding-left: 1rem;
    margin: 1rem 0;
    color: var(--text2);
  }

  .text-link {
    color: var(--blueText);
    text-decoration: underline;
  }

  .wizard-navigation.svelte-1fa7vs8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-top: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
    flex-shrink: 0;
  }

  .step-info.svelte-1fa7vs8 {
    display: flex;
    align-items: center;
    height: 100%;
  }

  .navigation-actions.svelte-1fa7vs8 {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 100%;
  }

  .policy-wizard.svelte-1fmw1sk {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background: var(--background1);
    border-radius: 4px;
    overflow: hidden;
  }

  .wizard-content.svelte-1fmw1sk {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
  }

  .generator-view.svelte-wllp5a {
    display: flex;
    flex-direction: column;
    width: 800px;
    height: 518px;
    overflow: hidden;
    position: relative;
  }

  .editor-view.svelte-1hxvk40 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .content.svelte-1hxvk40 {
    overflow-y: auto;
    height: 476px;
    width: 100%;
  }

  .editor-content.svelte-1hxvk40 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  .form-section.svelte-1hxvk40 {
    background: var(--background2);
    border-radius: 4px;
    padding: 12px;
    border: 1px solid var(--border1);
  }

  .form-row.svelte-1hxvk40 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 16px;
    width: 100%;
  }

  .form-row.svelte-1hxvk40:last-child {
    margin-bottom: 0;
  }

  .configurator-field.svelte-1hxvk40 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1;
    min-width: 200px;
  }

  .configurator-field.full-width.svelte-1hxvk40 {
    width: 100%;
    flex: none;
  }

  .editor-view.svelte-1hxvk40 .configurator-field-label .text {
    flex-direction: row-reverse;
    gap: 4px;
    position: relative;
    font-weight: 600;
    color: var(--text2);
    width: 100%;
    justify-content: flex-start;
  }

  .form-textarea.svelte-1hxvk40 {
    width: 100%;
    padding: 6px 8px;
    background: var(--background1);
    border: 1px solid var(--border1);
    border-radius: 4px;
    color: var(--text1);
    font-family: inherit;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
    resize: vertical;
    min-height: 60px;
  }

  .form-textarea.svelte-1hxvk40:focus {
    outline: none;
    border-color: var(--blueBorder);
  }

  .form-textarea.svelte-1hxvk40::placeholder {
    color: var(--text3);
  }

  .editor-section.svelte-1hxvk40 {
    overflow: hidden;
  }

  .editor-section.svelte-1hxvk40 > .text {
    padding: 12px 12px 8px 12px;
    display: block;
  }

  .editor-wrapper.svelte-1hxvk40 {
    overflow: hidden;
    background: var(--background2);
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .editor {
    padding: 12px;
    min-height: 150px;
    background: var(--background1);
  }

  .policy-editor {
    outline: none;
    line-height: 1.6;
    color: var(--text1);
  }

  .policy-editor .ProseMirror {
    outline: none;
  }

  .policy-editor h1 {
    font-size: 1.875rem;
    font-weight: 700;
    margin: 1.5rem 0 1rem 0;
    color: var(--text1);
  }

  .policy-editor h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 1.25rem 0 0.75rem 0;
    color: var(--text1);
  }

  .policy-editor h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1rem 0 0.5rem 0;
    color: var(--text1);
  }

  .policy-editor p {
    margin: 0.5rem 0;
    color: var(--text1);
  }

  .policy-editor ul, .policy-editor ol {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
    color: var(--text1);
  }

  .policy-editor blockquote {
    border-left: 4px solid var(--border1);
    padding-left: 1rem;
    margin: 1rem 0;
    color: var(--text2);
  }

  .text-link {
    color: var(--blueText);
    text-decoration: underline;
  }

  .footer.svelte-1hxvk40 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
  }

  .footer-left.svelte-1hxvk40 {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  .footer-right.svelte-1hxvk40 {
    display: flex;
    gap: 8px;
    align-items: center;
  }

  @media (max-width: 768px) {
    .form-row.svelte-1hxvk40 {
      flex-direction: column;
      gap: 16px;
    }

    .configurator-field.svelte-1hxvk40 {
      min-width: auto;
    }
  }

  .template-list-view.svelte-16kjwjz {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
  }

  .content.svelte-16kjwjz {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .content.svelte-16kjwjz .loading-state-wrapper,
  .content.svelte-16kjwjz .error-state-wrapper,
  .content.svelte-16kjwjz .empty-state-wrapper {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .loading-state.svelte-16kjwjz,
  .error-state.svelte-16kjwjz,
  .empty-state.svelte-16kjwjz {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background-color: var(--background2);
    border-radius: 4px;
  }

  .empty-content.svelte-16kjwjz {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 350px;
    text-align: center;
  }

  .templates-grid.svelte-16kjwjz {
    column-count: 2;
    column-gap: 1rem;
    max-width: 800px;
    margin: 0 auto;
    padding: 0;
  }

  .template-card.svelte-16kjwjz {
    background: var(--background1);
    border: 1px solid var(--border1);
    border-radius: 4px;
    padding: 12px;
    width: 378px;
    break-inside: avoid;
    margin-bottom: 1rem;
    transition:
      transform 0.3s ease,
      box-shadow 0.3s ease;
  }

  .template-card.svelte-16kjwjz:hover {
    border: 1px solid var(--blueBorder);
  }

  .template-header.svelte-16kjwjz {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
    gap: 8px;
  }

  .policy-type-badge.svelte-16kjwjz {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 9px;
    background-color: rgba(245, 158, 11, 0.1);
    color: var(--yellowText);
  }

  .template-description.svelte-16kjwjz {
    margin: 0 0 8px 0;
  }

  .template-meta.svelte-16kjwjz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
  }

  .category.svelte-16kjwjz {
    background: rgba(255, 255, 255, 0.08);
    padding: 2px 6px;
    border-radius: 3px;
  }

  .template-actions.svelte-16kjwjz {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .template-actions.svelte-16kjwjz .link svg {
    width: 16px;
    height: 16px;
  }

  .policies-view.svelte-1crplp7 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .header.svelte-1crplp7 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
  }

  .header-left.svelte-1crplp7 {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .header-actions.svelte-1crplp7 {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .tabs.svelte-1crplp7 {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .tab.svelte-1crplp7 {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text2);
    position: relative;
  }

  .tab.svelte-1crplp7::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
  }

  .tab.svelte-1crplp7:hover::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1crplp7::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1crplp7 {
    color: var(--text1);
  }

  .tab.svelte-1crplp7 .text {
    color: inherit;
  }

  .template-name.svelte-1crplp7 {
    display: flex;
    align-items: center;
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .content.svelte-1crplp7 {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
          box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  left: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
/*
      /*rtl:begin:ignore*/
/*
      */
  right: 0;
/*
      /*rtl:end:ignore*/
/*
      */
}
/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: bolder;
}
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
          box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
      -ms-flex-preferred-size: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
          box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
          box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
          box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 var(--actionPrimaryBackgroundHover) !important;
}

.flatpickr-calendar {
  background: var(--background3) !important;
  border: 1px solid var(--border1) !important;
  box-shadow: var(--menu-shadow) !important;
  width: 220px !important;
  height: 250px !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  padding: 4px !important;
}

.flatpickr-calendar * {
  font-size: 11px !important;
}
.flatpickr-calendar:after {
  border-width: 8px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: var(--border1) !important;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: var(--background3) !important;
}

.flatpickr-months {
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  grid-template-areas: 'month prev next' !important;
  align-items: center !important;
  padding: 0 !important;
  gap: 2px !important;
  height: 32px !important;
  margin-bottom: 8px !important;
}

.flatpickr-months::after {
  content: '' !important;
  position: absolute !important;
  z-index: 1 !important;
  top: 40px !important;
  left: 0 !important;
  right: -20px;
  width: 100% !important;
  height: 1px !important;
  background: var(--border1) !important;
}

.flatpickr-month {
  grid-area: month !important;
  display: flex !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 6px !important;
}

.flatpickr-months .flatpickr-month {
  background: var(--background3) !important;
  color: var(--text1) !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  padding: 3px !important;
  background: var(--background5) !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.flatpickr-prev-month {
  grid-area: prev !important;
  position: static !important;
  justify-self: center !important;
}

.flatpickr-next-month {
  grid-area: next !important;
  position: static !important;
  justify-self: center !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  width: 18px !important;
  height: 18px !important;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  filter: brightness(1.1) !important;
}

.flatpickr-months .flatpickr-prev-month svg {
  position: relative;
  left: -1px;
}

.flatpickr-months .flatpickr-next-month svg {
  position: relative;
  right: 1px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  stroke-width: 2 !important;
  stroke: var(--text1) !important;
  z-index: 10;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  fill: var(--text1) !important;
  width: 8px !important;
  height: 8px !important;
}

.flatpickr-current-month {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 170px !important;
  position: static !important;
  gap: 6px !important;
  height: 24px !important;
}

.flatpickr-monthDropdown-months {
  background: var(--background3) !important;
  color: var(--text1) !important;
  border: 1px solid var(--border1) !important;
  margin-right: 4px !important;
  height: 24px !important;
  padding: 0 !important;
  width: 110px !important;
  flex: 1;
  font-size: 14px !important;
  border-radius: 4px !important;
}

.numInput {
  padding: 2px 10px 2px 2px !important;
  height: 24px !important;
  border-radius: 4px !important;
  width: 60px !important;
  border: 1px solid var(--border1) !important;
  text-align: center !important;
  background: var(--background3) !important;
  color: var(--text1) !important;
  font-size: 14px !important;
}

.numInputWrapper {
  width: 64px !important;
  display: block !important;
}

.numInputWrapper span {
  background: var(--border1) !important;
  position: absolute !important;
  right: 2px !important;
  width: 14px !important;
  padding: 0 4px 0 2px !important;
  height: 50% !important;
  line-height: 50% !important;
  opacity: 1 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

.flatpickr-current-month .numInputWrapper span.arrowDown {
  border-bottom-right-radius: 6px;
}

.flatpickr-current-month .numInputWrapper span.arrowUp {
  border-top-right-radius: 6px;
  top: 0 !important;
  border-bottom: 0 !important;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--text1) !important;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: var(--text1) !important;
}

.flatpickr-innerContainer {
  width: 215px !important;
  height: auto !important;
  position: relative;
  left: -4px !important;
}

.flatpickr-rContainer {
  width: 215px !important;
  height: auto !important;
  padding: 0 !important;
}

.flatpickr-days {
  width: 215px !important;
}

.flatpickr-weekdays {
  background: var(--background3) !important;
  width: 215px !important;
  overflow: hidden !important;
  display: block !important;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
  display: grid !important;
  grid-template-columns: repeat(7, 26px) !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  flex: none !important;
}

.flatpickr-weekdays .flatpickr-weekday {
  color: var(--text2) !important;
  background: var(--background3) !important;
  text-align: center !important;
  padding: 0 !important;
  width: 26px !important;
  height: 26px !important;
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
}

.flatpickr-days .dayContainer {
  width: 215px !important;
  min-width: 215px !important;
  max-width: 215px !important;
  display: grid !important;
  grid-template-columns: repeat(7, 26px) !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  flex-wrap: unset !important;
  text-align: center !important;
}

.flatpickr-day {
  color: var(--text1) !important;
  border: 1px solid transparent !important;
  width: 26px !important;
  height: 26px !important;
  line-height: 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  flex-basis: auto !important;
  max-width: 26px !important;
  min-width: 26px !important;
  border-radius: 3px !important;
}

.flatpickr-day:hover {
  background: var(--actionPrimaryBackgroundHover) !important;
  color: var(--text1) !important;
}

.flatpickr-day.selected {
  background: var(--actionPrimaryBackgroundHover) !important;
  color: var(--text1) !important;
  border-color: var(--actionPrimaryBackgroundHover) !important;
}

.flatpickr-day.startRange,
.flatpickr-day.endRange {
  background: var(--actionPrimaryBackgroundHover) !important;
  color: var(--text1) !important;
  border-color: var(--actionPrimaryBackgroundHover) !important;
  border: none !important;
}

.flatpickr-day.inRange {
  background: rgba(24, 124, 217, 0.2) !important;
  color: var(--text1) !important;
  border-color: var(--actionPrimaryBackground) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

.flatpickr-day.today {
  border-color: rgba(24, 124, 217, 0.2) !important;
  color: var(--text1) !important;
  background: rgba(24, 124, 217, 0.2) !important;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
  color: var(--text4) !important;
}
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
  color: var(--text1) !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-prev-month.flatpickr-disabled {
  color: var(--text4) !important;
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  background: var(--background4) !important;
}

.flatpickr-day.flatpickr-disabled:hover {
  background: var(--background4) !important;
  color: var(--text4) !important;
  cursor: not-allowed !important;
}

  .webflow-datepicker-wrapper.svelte-636izx {
    position: relative;
    border: 1px solid var(--border1);
    border-radius: 4px;
    padding: 0 4px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    background-color: var(--background1);
    height: 24px;
    box-shadow:
      0px 16px 16px -16px rgba(0, 0, 0, 0.13) inset,
      0px 12px 12px -12px rgba(0, 0, 0, 0.13) inset,
      0px 8px 8px -8px rgba(0, 0, 0, 0.17) inset,
      0px 4px 4px -4px rgba(0, 0, 0, 0.17) inset,
      0px 3px 3px -3px rgba(0, 0, 0, 0.17) inset,
      0px 1px 1px -1px rgba(0, 0, 0, 0.13) inset;
    overflow: hidden;
    gap: 4px;
  }

  .webflow-datepicker-wrapper.svelte-636izx:has(.webflow-datepicker:where(.svelte-636izx):focus) {
    border: 1px solid var(--blueBorder);
  }

  .webflow-datepicker-wrapper.disabled.svelte-636izx {
    cursor: not-allowed;
    border: 1px solid var(--border1);
    opacity: 0.6;
  }

  .webflow-datepicker-wrapper.svelte-636izx .calendar-icon {
    color: var(--text2);
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }

  .webflow-datepicker.svelte-636izx {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border: none;
    flex: 1 0 0;
    color: var(--text3);
    font-size: 11.5px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.115px;
    background-color: transparent;
    cursor: pointer;
  }

  .webflow-datepicker.svelte-636izx:focus {
    outline: none;
    color: var(--actionPrimaryText);
  }

  .webflow-datepicker.svelte-636izx::placeholder {
    color: var(--text2) !important;
    opacity: 1;
  }

  .webflow-datepicker.svelte-636izx::-ms-input-placeholder {
    color: var(--text2) !important;
  }

  .webflow-datepicker.svelte-636izx:disabled {
    cursor: not-allowed;
  }

  .advanced-settings-view.svelte-1mry8dk {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .settings-content.svelte-1mry8dk {
    overflow: hidden;
    padding: 8px 0;
    height: 474px;
  }

  .settings-content.svelte-1mry8dk .settings-section {
    margin: 0 12px;
    border-radius: 4px;
    border: 1px solid var(--border1);
  }

  .setting-item.svelte-1mry8dk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 100%;
    border-bottom: 1px solid var(--border1);
  }

  .setting-item.svelte-1mry8dk:last-child {
    border-bottom: none;
  }

  .setting-header.svelte-1mry8dk {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .setting-item.svelte-1mry8dk .setting-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .error-message.svelte-1mry8dk {
    color: var(--redText);
    font-size: 10px;
  }
  .endpoint-section.svelte-1mry8dk {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .endpoint-field.svelte-1mry8dk {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .endpoint-field.svelte-1mry8dk .field-label {
    display: flex;
  }
  .endpoint-field.svelte-1mry8dk .field-label > .text {
    flex-direction: row-reverse;
    gap: 4px;
  }

  .settings-footer.svelte-1mry8dk {
    display: flex;
    justify-content: flex-end;
    padding: 12px;
    border-top: 1px solid var(--border1);
    background: var(--background1);
  }

  .analytics-view.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .analytics-content.svelte-1klsfr5 {
    overflow: auto;
    display: flex;
    flex-direction: column;
  }

  .locked-view.svelte-1klsfr5 {
    display: flex;
    padding: 8px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 450px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--background2);
  }

  .locked-overlay.svelte-1klsfr5 {
    display: flex;
    width: 100%;
    cursor: not-allowed;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
  }

  .loading-state.svelte-1klsfr5 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
  }

  .analytics-content.svelte-1klsfr5 .empty-state-wrapper {
    height: 400px;
    align-items: center;
    justify-content: center;
  }

  .empty-state.svelte-1klsfr5 {
    display: flex;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 350px;
    text-align: center;
  }

  .analytics-dashboard.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .analytics-layout.svelte-1klsfr5 {
    display: flex;
    gap: 8px;
    height: 500px;
    padding: 8px 12px;
  }

  .graph-container.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 520px;
    flex-shrink: 0;
  }

  .graph-title.svelte-1klsfr5 {
    display: flex;
    align-items: center;
  }

  .graph-box.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    background: var(--background3);
    border: 1px solid var(--border3);
    border-radius: 4px;
    padding: 0 12px;
    position: relative;
  }

  .tab-menu.svelte-1klsfr5 {
    display: flex;
    border-bottom: 1px solid var(--background5);
    gap: 16px;
  }

  .tab-link.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    padding: 12px 0;
    background: none;
    border: none;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    color: var(--text2);
    text-align: start;
    opacity: 0.7;
    transition:
      opacity 0.2s,
      border-color 0.2s;
  }

  .tab-link.svelte-1klsfr5:hover {
    opacity: 0.9;
  }

  .tab-link.active.svelte-1klsfr5 {
    opacity: 1;
    color: var(--text1);
    border-bottom-color: var(--text1);
  }

  .tab-label.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    line-height: 16px;
    letter-spacing: -0.115px;
  }

  .tab-value.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
  }

  .chart-area.svelte-1klsfr5 {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  .container.svelte-1klsfr5 {
    position: relative;
    width: max-content;
    height: max-content;
  }

  .chart-canvas.svelte-1klsfr5 {
    max-width: 300px;
    max-height: 300px;
  }

  .chart-center-text.svelte-1klsfr5 {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 17px));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
  }

  .center-value.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 16px;
    color: var(--text2);
  }

  .center-label.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 11.5px;
    line-height: 16px;
    color: var(--text3);
  }

  .empty-chart.svelte-1klsfr5 {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px;
  }

  .summary-container.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
  }

  .summary-title.svelte-1klsfr5 {
    display: flex;
    align-items: center;
  }

  .summary-box.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: var(--background3);
    border: 1px solid var(--border3);
    border-radius: 4px;
    padding: 12px;
  }

  .summary-items.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .device-items.svelte-1klsfr5 {
    gap: 2px;
  }

  .summary-item.svelte-1klsfr5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .item-label.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.115px;
    color: var(--text2);
  }

  .item-progress.svelte-1klsfr5 {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .progress-bar-full.svelte-1klsfr5 {
    width: 115px;
    height: 6px;
    background: var(--background2);
    border-radius: 4px;
    overflow: hidden;
  }

  .progress-bar-full.device-bar.svelte-1klsfr5 {
    width: 106px;
  }

  .progress-fill-full.svelte-1klsfr5 {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
  }

  .item-percentage.svelte-1klsfr5 {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    letter-spacing: -0.115px;
    color: var(--text2);
    min-width: 24px;
    text-align: right;
  }

  .countries-list.svelte-1klsfr5 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 110px;
    overflow-y: auto;
    flex: 1;
  }

  .country-item.svelte-1klsfr5 {
    display: flex;
    align-items: center;
  }

  .date-range-controls.svelte-1op9sbo {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .export-modal-content.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .export-description.svelte-1op9sbo {
    border-radius: 6px;
  }

  .export-section.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .date-inputs.svelte-1op9sbo {
    display: flex;
    justify-content: space-between;
  }

  .date-input-group.svelte-1op9sbo {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
  }

  .date-label.svelte-1op9sbo {
    font-size: 11px;
    font-weight: 600;
    color: var(--text2);
  }

  .export-info.svelte-1op9sbo {
    background: var(--blueText) 10;
    border: 1px solid var(--blueText) 30;
    border-radius: 6px;
  }

  .error-banner.svelte-1op9sbo {
    background: var(--redText) 10;
  }

  .status-tag-small.svelte-1op9sbo,
  .status-label.svelte-1op9sbo {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: max-content;
    border-radius: 4px;
    white-space: nowrap;
  }

  .proof-modal-content.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 500px;
    overflow-y: auto;
    padding-top: 12px;
  }

  .proof-section.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px;
  }

  .proof-modal-footer.svelte-1op9sbo {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-top: 1px solid var(--border1);
    margin-top: 8px;
  }

  .proof-modal-footer.svelte-1op9sbo .footer-right:where(.svelte-1op9sbo) {
    display: flex;
    gap: 8px;
  }

  .proof-section.svelte-1op9sbo .info-text > .text {
    flex-direction: row-reverse;
    width: max-content;
  }

  .proof-details.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 6px;
  }

  .proof-row.svelte-1op9sbo {
    display: flex;
    padding: 8px var(--Spacing-12, 12px);
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--background4);
  }

  .proof-label.svelte-1op9sbo {
    font-weight: 600;
    min-width: 100px;
    color: var(--text2);
    font-size: 11px;
  }

  .proof-value.svelte-1op9sbo {
    flex: 1;
    font-size: 11px;
    color: var(--text1);
  }

  .proof-value-wrap.svelte-1op9sbo {
    word-break: break-all;
  }

  .proof-value-wrap.svelte-1op9sbo a:where(.svelte-1op9sbo) {
    color: var(--blueText);
    cursor: pointer;
    text-decoration: none;
  }

  .consent-choices-grid.svelte-1op9sbo {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 4px;
  }

  .consent-choice-item.svelte-1op9sbo {
    display: flex;
    width: max-content;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--background2);
    padding: 4px 6px;
  }

  .choice-label.svelte-1op9sbo {
    font-size: 11px;
    text-transform: capitalize;
    color: var(--text1);
  }

  .consent-logs-view.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .header.svelte-1op9sbo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px var(--Spacing-12, 12px);
    border-bottom: 1px solid var(--background3);
    background: var(--background1);
    height: 41px;
  }

  .header-left.svelte-1op9sbo {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .tabs.svelte-1op9sbo {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .tab.svelte-1op9sbo {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--text2);
    position: relative;
  }

  .tab.svelte-1op9sbo::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: transparent;
  }

  .tab.svelte-1op9sbo:hover::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1op9sbo::after {
    background-color: var(--text1);
  }

  .tab.active.svelte-1op9sbo {
    color: var(--text1);
  }

  .tab.svelte-1op9sbo .text {
    color: inherit;
  }

  .header-search.svelte-1op9sbo {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
  }

  .content.svelte-1op9sbo {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    gap: 16px;
    padding-top: 0;
  }

  .export-button.svelte-1op9sbo {
    flex-shrink: 0;
  }

  .loading-state.svelte-1op9sbo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 470px;
  }

  .content.svelte-1op9sbo .empty-state-wrapper {
    height: 470px;
    align-items: center;
    justify-content: center;
  }

  .filter-export.svelte-1op9sbo {
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .empty-state.svelte-1op9sbo {
    display: flex;
    padding: 8px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    background-color: var(--background2);
    border-radius: var(--border-radius, 4px);
  }

  .empty-content.svelte-1op9sbo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 350px;
    text-align: center;
  }

  .table-container.svelte-1op9sbo {
    width: 100%;
    flex: 1;
    overflow: hidden;
  }

  .table.svelte-1op9sbo {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .row.svelte-1op9sbo {
    width: 100%;
    padding: 12px;
    height: 40px;
    color: var(--text1);
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.115px;
    display: grid;
    gap: 12px;
    grid-template-columns: 180px 140px 1fr 120px;
    align-items: center;
  }

  .head.svelte-1op9sbo .row:where(.svelte-1op9sbo) {
    background: var(--background1);
    font-weight: 600;
    padding: 8px 12px;
    height: max-content;
  }

  .row.dark.svelte-1op9sbo {
    background: var(--background2);
  }

  .body.svelte-1op9sbo {
    height: 100%;
  }

  .cell.svelte-1op9sbo {
    display: flex;
    align-items: center;
    text-align: left;
    overflow: hidden;
  }

  .cell.svelte-1op9sbo .text {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  .cell.header.svelte-1op9sbo {
    font-weight: 600;
    padding: 0;
    border: none;
    height: max-content;
  }

  .cell-actions.svelte-1op9sbo {
    justify-content: center;
  }

  .status-tag.svelte-1op9sbo {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    text-transform: capitalize;
  }

  .footer-note.svelte-1op9sbo {
    text-align: center;
  }

  .v2-layout.svelte-1846f1i {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: relative;
  }

  .v2-layout.svelte-1846f1i .preview-bar[data-area='preview-bar'],
  .v2-layout.svelte-1846f1i .navbar[data-area='navbar'] {
    z-index: 2;
  }

  .v2-content.svelte-1846f1i {
    flex: 1;
    overflow: auto;
  }

  :root {
    --navbar-height: 40px;
  }

  .layout-grid.consentpro-wrapper .main-content {
    overflow: hidden;
  }

  html, body {
    font-size: 11px;
  }

  .labels.external-link {
    display: flex !important;
    cursor: pointer;
  }
  .labels.external-link::after {
    content: '↗';
    font-size: 10px;
    margin-left: 4px;
    color: var(--blueText);
  }