#radm-cc {
	--radm-cc-bg: #ffffff;
	--radm-cc-ink: #151515;
	--radm-cc-muted: #6e6e73;
	--radm-cc-line: rgba(0, 0, 0, 0.08);
	--radm-cc-quiet: #f5f5f7;
	--radm-cc-quiet-hover: #ebebf0;
	--radm-cc-track: #d9d9de;
	--radm-cc-on: #151515;
	--radm-cc-radius: 18px;
	--radm-cc-ease: cubic-bezier(0.22, 1, 0.36, 1);
	position: fixed;
	right: 20px;
	bottom: calc(20px + env(safe-area-inset-bottom, 0px));
	z-index: 99999;
	width: 300px;
	max-width: calc(100vw - 32px);
	margin: 0;
	padding: 0;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	letter-spacing: -0.005em;
	color: var(--radm-cc-ink);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	transform: translateY(12px) scale(0.98);
	transform-origin: 100% 100%;
	transition: opacity 0.45s var(--radm-cc-ease), transform 0.45s var(--radm-cc-ease);
	pointer-events: none;
}

#radm-cc[hidden] {
	display: none !important;
}

#radm-cc.is-visible {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}

#radm-cc.radm-cc--grey {
	--radm-cc-bg: #f5f5f7;
	--radm-cc-quiet: #e8e8ed;
	--radm-cc-quiet-hover: #dedee3;
	--radm-cc-track: #cfcfd4;
}

#radm-cc.radm-cc--left {
	right: auto;
	left: 20px;
	transform-origin: 0 100%;
}

#radm-cc .radm-cc-card {
	background: var(--radm-cc-bg);
	border: 1px solid var(--radm-cc-line);
	border-radius: var(--radm-cc-radius);
	padding: 18px 18px 16px;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}

#radm-cc[data-state="notice"] .radm-cc-view--manage,
#radm-cc[data-state="manage"] .radm-cc-view--notice {
	display: none;
}

#radm-cc .radm-cc-view {
	animation: radm-cc-in 0.3s var(--radm-cc-ease);
}

@keyframes radm-cc-in {
	from {
		opacity: 0;
		transform: translateY(4px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

#radm-cc p {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}

#radm-cc .radm-cc-heading {
	margin: 0 0 3px;
	font-weight: 600;
	letter-spacing: -0.01em;
}

#radm-cc .radm-cc-message {
	margin: 0 0 14px;
	color: var(--radm-cc-muted);
}

#radm-cc .radm-cc-message a {
	color: var(--radm-cc-ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-decoration-color: rgba(21, 21, 21, 0.3);
	text-underline-offset: 2px;
	transition: text-decoration-color 0.2s ease;
}

#radm-cc .radm-cc-message a:hover {
	text-decoration-color: var(--radm-cc-ink);
}

#radm-cc .radm-cc-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
}

#radm-cc button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
	font-family: inherit;
	font-size: 13px;
	line-height: 1;
	letter-spacing: inherit;
	text-transform: none;
	cursor: pointer;
}

#radm-cc .radm-cc-link {
	margin-right: auto;
	padding: 0;
	border: 0;
	background: none;
	color: var(--radm-cc-muted);
	font-weight: 500;
	transition: color 0.2s ease;
}

#radm-cc .radm-cc-link:hover {
	color: var(--radm-cc-ink);
}

#radm-cc .radm-cc-btn {
	height: 30px;
	padding: 0 14px;
	border: 0;
	border-radius: 999px;
	font-weight: 500;
	transition: background-color 0.2s ease, transform 0.2s var(--radm-cc-ease);
}

#radm-cc .radm-cc-btn:active {
	transform: scale(0.97);
}

#radm-cc .radm-cc-btn--solid {
	background: var(--radm-cc-ink);
	color: #ffffff;
}

#radm-cc .radm-cc-btn--solid:hover {
	background: #000000;
	color: #ffffff;
}

#radm-cc .radm-cc-btn--quiet {
	background: var(--radm-cc-quiet);
	color: var(--radm-cc-ink);
}

#radm-cc .radm-cc-btn--quiet:hover {
	background: var(--radm-cc-quiet-hover);
	color: var(--radm-cc-ink);
}

#radm-cc button:focus {
	outline: none;
}

#radm-cc button:focus-visible {
	outline: 2px solid var(--radm-cc-ink);
	outline-offset: 2px;
}

#radm-cc .radm-cc-list {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
}

#radm-cc .radm-cc-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid var(--radm-cc-line);
}

#radm-cc .radm-cc-row:first-child {
	padding-top: 4px;
	border-top: 0;
}

#radm-cc .radm-cc-row-text {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

#radm-cc .radm-cc-row-label {
	font-weight: 500;
}

#radm-cc .radm-cc-row-desc {
	font-size: 12px;
	color: var(--radm-cc-muted);
}

#radm-cc .radm-cc-switch {
	position: relative;
	flex: 0 0 auto;
	width: 34px;
	height: 20px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--radm-cc-track);
	transition: background-color 0.25s ease;
}

#radm-cc .radm-cc-switch[aria-checked="true"] {
	background: var(--radm-cc-on);
}

#radm-cc .radm-cc-switch:disabled {
	cursor: default;
	opacity: 0.4;
}

#radm-cc .radm-cc-knob {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	transition: transform 0.25s var(--radm-cc-ease);
}

#radm-cc .radm-cc-switch[aria-checked="true"] .radm-cc-knob {
	transform: translateX(14px);
}

@media (max-width: 600px) {
	#radm-cc,
	#radm-cc.radm-cc--left {
		right: 12px;
		left: 12px;
		bottom: calc(34px + env(safe-area-inset-bottom, 0px));
		width: auto;
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#radm-cc,
	#radm-cc .radm-cc-btn,
	#radm-cc .radm-cc-switch,
	#radm-cc .radm-cc-knob {
		transition: none;
	}
	#radm-cc .radm-cc-view {
		animation: none;
	}
}
