/* Content-aware scale tool — ShoutingNow theme (matches calculator 2-column panels) */

.sn-cas {
	--sn-cas-brand: var(--color-brand-blue, #2b7ddb);
	--sn-cas-brand-dark: #1f6bc4;
	--sn-cas-brand-soft: #ebf4fb;
	--sn-cas-border: var(--color-border, #e2e8f0);
	--sn-cas-muted: var(--color-text-muted, #64748b);
	--sn-cas-text: var(--color-text, #0f172a);
	--sn-cas-protect: #ca8a04;
	--sn-cas-remove: #dc2626;
	--sn-cas-panel-bg: #e9ecef;
	--sn-cas-panel-border: #ced4da;
	font-family: var(--font-sans, Inter, system-ui, sans-serif);
	max-width: 1200px;
	margin-inline: auto;
	padding: 0.375rem 1rem 1.5rem;
}

@media (min-width: 640px) {
	.sn-cas {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: 1.75rem;
	}
}

@media (min-width: 1024px) {
	.sn-cas {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-bottom: 2rem;
	}
}

.sn-cas__hint {
	margin: 0 0 1rem;
	font-size: 0.875rem;
	font-family: inherit;
	color: var(--sn-cas-muted);
	text-align: center;
}

.sn-cas-idle-panel {
	padding: 1.25rem;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 8px;
	background-color: var(--sn-cas-panel-bg);
	box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
}

.sn-cas-idle-top {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25rem;
}

@media (min-width: 640px) {
	.sn-cas-idle-top {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: start;
		gap: 1.5rem;
	}
}

.sn-cas-idle-upload-wrap,
.sn-cas-idle-demos-wrap {
	min-width: 0;
}

.sn-cas-idle-demos-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.sn-cas-hub-platforms {
	margin-top: 1.5rem;
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 8px;
	background: #fff;
}

.sn-cas-platform-nav--hub {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
	.sn-cas-hub-platforms .sn-cas-platform-nav--hub {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.sn-cas-drop {
	display: flex;
	min-height: 18rem;
	width: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px dashed var(--sn-cas-panel-border);
	border-radius: 8px;
	background: #fff;
	padding: 2.5rem 1.5rem;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.sn-cas-drop:hover,
.sn-cas-drop.is-dragover {
	border-color: var(--sn-cas-brand);
	background: var(--sn-cas-brand-soft);
}

.sn-cas-drop__icon {
	width: 3rem;
	height: 3rem;
	margin-bottom: 1.25rem;
	color: #64748b;
}

.sn-cas-drop__title {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--sn-cas-text);
}

.sn-cas-drop__hint {
	margin-top: 0.75rem;
	font-size: 0.875rem;
	color: var(--sn-cas-muted);
}

.sn-cas-example {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1rem;
	padding: 0;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sn-cas-example:hover {
	border-color: #93c5fd;
	box-shadow: 0 1px 3px rgb(15 23 42 / 8%);
}

.sn-cas-example__thumb {
	width: 5rem;
	height: 4rem;
	flex-shrink: 0;
	object-fit: cover;
}

.sn-cas-example__text {
	padding: 0.75rem 1rem 0.75rem 0;
	text-align: left;
}

.sn-cas-example__label {
	display: block;
	font-size: 0.875rem;
	font-weight: 600;
	color: #1e293b;
}

.sn-cas-example__sub {
	display: block;
	margin-top: 0.125rem;
	font-size: 0.75rem;
	color: #94a3b8;
}

.sn-cas-demo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 0;
	height: 100%;
	align-content: start;
}

.sn-cas-demo-grid:not([hidden]) {
	display: grid;
}

.sn-cas-demo-card {
	display: block;
	overflow: hidden;
	border: 1px solid var(--sn-cas-border);
	border-radius: 0.75rem;
	text-decoration: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.sn-cas-demo-card:hover {
	border-color: #93c5fd;
	box-shadow: 0 4px 6px rgb(15 23 42 / 8%);
}

.sn-cas-demo-card img {
	width: 100%;
	height: 7rem;
	object-fit: cover;
}

.sn-cas-demo-card__label {
	display: block;
	padding: 0.5rem;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 600;
	color: #475569;
}

.sn-cas-demo-card__aspect {
	color: #94a3b8;
	font-weight: 500;
}

.sn-cas-work {
	margin-top: 0;
	width: 100%;
}

/* Two-column layout — gray stage left, white controls right */
.sn-cas-layout {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

@media (min-width: 640px) {
	.sn-cas-layout {
		flex-direction: row;
		align-items: stretch;
		gap: 1.5rem;
	}
}

@media (min-width: 1024px) {
	.sn-cas-layout {
		gap: 2rem;
	}
}

.sn-cas-stage-panel {
	flex: 1 1 auto;
	min-width: 0;
	padding: 1.25rem;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 8px;
	background-color: var(--sn-cas-panel-bg);
	box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
}

.sn-cas-controls-panel {
	flex-shrink: 0;
	width: 100%;
	min-width: 0;
	padding: 1.25rem;
	border: 1px solid var(--sn-cas-border);
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 4px 6px rgb(0 0 0 / 6%);
	display: flex;
	flex-direction: column;
	gap: 0;
}

@media (min-width: 640px) {
	.sn-cas-controls-panel {
		width: 340px;
		max-width: 340px;
	}
}

@media (min-width: 1024px) {
	.sn-cas-controls-panel {
		width: 380px;
		max-width: 380px;
	}
}

.sn-cas-editor-left,
.sn-cas-editor-right {
	min-width: 0;
}

.sn-cas-mask-stage {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 6px;
	border: 1px solid var(--sn-cas-panel-border);
	background: #fff;
	line-height: 0;
	padding: 0.625rem;
}

.sn-cas-mask-stage.is-editing,
.sn-cas-mask-stage.is-processing,
.sn-cas-mask-stage.is-result {
	background: #fff;
}

.sn-cas-mask-stage [hidden] {
	display: none !important;
}

.sn-cas-mask-stage .sn-cas-panel__img {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	max-height: 22rem;
	object-fit: contain;
	user-select: none;
	margin: 0 auto;
}

.sn-cas-mask-canvas {
	position: absolute;
	z-index: 2;
	cursor: crosshair;
	touch-action: none;
	pointer-events: auto;
}

.sn-cas-preview-canvas {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 auto;
	image-rendering: auto;
}

.sn-cas-mask-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.625rem;
}

.sn-cas-mask-tools__btns {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.sn-cas-mask-btn {
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 6px;
	background: #fff;
	padding: 0.375rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--sn-cas-text);
	cursor: pointer;
}

.sn-cas-mask-btn.is-active {
	border-color: #fde047;
	background: #fef9c3;
	color: #854d0e;
}

.sn-cas-mask-btn--remove.is-active {
	border-color: #fca5a5;
	background: #fee2e2;
	color: #b91c1c;
}

.sn-cas-mask-btn--ghost {
	background: transparent;
}

.sn-cas-mask-count {
	font-size: 0.75rem;
	color: #64748b;
}

.sn-cas-mask-count__protect {
	color: var(--sn-cas-protect);
	font-weight: 600;
}

.sn-cas-mask-count__remove {
	color: var(--sn-cas-remove);
	font-weight: 600;
}

.sn-cas-mask-hint {
	margin: 0.375rem 0 0;
	font-size: 0.6875rem;
	color: #94a3b8;
	line-height: 1.4;
}

.sn-cas-segment {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	margin-bottom: 1rem;
	padding: 0.25rem;
	border-radius: 6px;
	border: 1px solid var(--sn-cas-panel-border);
	background: var(--sn-cas-panel-bg);
}

.sn-cas-segment__btn {
	border: 0;
	border-radius: 4px;
	background: transparent;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--sn-cas-muted);
	cursor: pointer;
}

.sn-cas-segment__btn.is-active {
	background: #fff;
	color: var(--sn-cas-text);
	box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}

.sn-cas-field__label--caps {
	margin-bottom: 0.375rem;
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #94a3b8;
}

.sn-cas-field--compact {
	margin-bottom: 0.5rem;
}

.sn-cas-preset-label {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	color: #64748b;
}

.sn-cas-smart-desc {
	margin: 0 0 0.625rem;
	font-size: 0.75rem;
	color: #64748b;
	line-height: 1.45;
}

.sn-cas-aspect-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
	margin-bottom: 0.5rem;
}

.sn-cas-aspect-chip {
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 9999px;
	background: #fff;
	padding: 0.375rem 0.75rem;
	font-size: 0.8125rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--sn-cas-text);
	cursor: pointer;
}

.sn-cas-aspect-chip.is-active {
	border-color: var(--color-brand-yellow-dark, #feb005);
	background: #fffbeb;
	color: #854d0e;
}

.sn-cas-delta {
	margin: 0.5rem 0;
	font-size: 0.75rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	color: #64748b;
}

.sn-cas-warning {
	margin: 0.5rem 0 0.75rem;
	padding: 0.625rem 0.75rem;
	border-radius: 0.5rem;
	background: #fffbeb;
	font-size: 0.75rem;
	line-height: 1.45;
	color: #b45309;
}

.sn-cas-btn--block {
	width: 100%;
}

.sn-cas-panel__head-start {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	min-width: 0;
}

.sn-cas-panel__head-result {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex-shrink: 0;
}

.sn-cas.is-result .sn-cas-panel__head {
	flex-wrap: wrap;
}

.sn-cas.is-result .sn-cas-mask-hint {
	display: none;
}

.sn-cas.is-result .sn-cas-mask-canvas {
	pointer-events: none;
}

.sn-cas-result-panel {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
}

.sn-cas-result-panel[hidden],
[data-cas-selected-panel][hidden],
.sn-cas-live-panel[hidden] {
	display: none !important;
}

.sn-cas-panel__head-result[hidden],
.sn-cas-badge[hidden] {
	display: none !important;
}

.sn-cas-live-panel {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
}

.sn-cas-panel__head--live {
	margin-bottom: 0;
}

.sn-cas-live-stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 12rem;
	overflow: hidden;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 6px;
	background: #fff;
	padding: 0.625rem;
	line-height: 0;
}

.sn-cas-live-stage .sn-cas-preview-canvas {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0 auto;
	image-rendering: auto;
}

.sn-cas-live-placeholder {
	display: flex;
	min-height: 10rem;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 1rem;
	font-size: 0.875rem;
	font-family: inherit;
	line-height: 1.4;
	color: var(--sn-cas-muted);
	text-align: center;
}

.sn-cas-live-placeholder[hidden] {
	display: none !important;
}

.sn-cas-live-stage .sn-cas-progress {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 2;
}

.sn-cas-result-canvas {
	position: relative;
	z-index: 1;
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	image-rendering: auto;
}

.sn-cas.is-processing .sn-cas-mask-tools,
.sn-cas.is-processing .sn-cas-mask-hint {
	opacity: 0.55;
	pointer-events: none;
}

.sn-cas__hint--footer {
	margin-top: 1.25rem;
}

.sn-cas-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
}

.sn-cas-panel__title {
	font-size: 0.6875rem;
	font-weight: 600;
	font-family: inherit;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sn-cas-muted);
}

.sn-cas-panel__meta {
	font-size: 0.8125rem;
	color: var(--sn-cas-muted);
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.sn-cas-panel__img-wrap,
.sn-cas-panel__preview-wrap {
	display: flex;
	min-height: 14rem;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0.5rem;
	background: #f8fafc;
	padding: 0.5rem;
}

.sn-cas-panel__img {
	max-width: 100%;
	max-height: 14rem;
	object-fit: contain;
}

.sn-cas-panel__canvas {
	max-width: 100%;
	max-height: 14rem;
	image-rendering: pixelated;
}

.sn-cas-panel__preview-wrap {
	position: relative;
}

.sn-cas-badge {
	display: inline-flex;
	align-items: center;
	border-radius: 9999px;
	background: #ecfdf5;
	padding: 0.125rem 0.5rem;
	font-size: 0.625rem;
	font-weight: 600;
	color: #047857;
}

.sn-cas-progress {
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	z-index: 4;
	padding: 1.5rem 0.75rem 0.625rem;
	background: linear-gradient(to top, rgb(15 23 42 / 72%), rgb(15 23 42 / 0%));
	pointer-events: none;
}

.sn-cas-progress__bar {
	height: 0.3125rem;
	overflow: hidden;
	border-radius: 9999px;
	background: rgb(255 255 255 / 35%);
}

.sn-cas-progress__fill {
	height: 100%;
	width: 0;
	background: #fff;
	transition: width 0.15s linear;
}

.sn-cas-progress__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 0.375rem;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
	font-size: 0.75rem;
	font-weight: 600;
	color: #fff;
}

.sn-cas-reset {
	display: inline-block;
	margin-top: 0.75rem;
	font-size: 0.875rem;
	color: #64748b;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
}

.sn-cas-reset:hover {
	color: var(--sn-cas-brand);
	text-decoration: underline;
}

.sn-cas-controls {
	margin-top: 1rem;
}

.sn-cas-mode {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.75rem;
}

.sn-cas-mode__badge {
	display: inline-flex;
	border-radius: 9999px;
	padding: 0.125rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 600;
}

.sn-cas-mode__badge[data-mode='fill-frame'] {
	background: #eff6ff;
	color: #1d4ed8;
}

.sn-cas-mode__badge[data-mode='smart-crop'] {
	background: #fffbeb;
	color: #b45309;
}

.sn-cas-mode__badge[data-mode='resize-up'] {
	background: #faf5ff;
	color: #7e22ce;
}

.sn-cas-mode__badge[data-mode='resize-down'] {
	background: #ecfdf5;
	color: #047857;
}

.sn-cas-mode__ratio {
	font-size: 0.75rem;
	color: #94a3b8;
	font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}

.sn-cas-field {
	display: block;
	margin-bottom: 0.75rem;
}

.sn-cas-field__label {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	font-family: inherit;
	color: var(--sn-cas-text);
}

.sn-cas-input,
.sn-cas-select {
	width: 100%;
	min-height: 2.75rem;
	border: 1px solid #ccc;
	border-radius: 0.75rem;
	padding: 0.5rem 0.75rem;
	font-size: 1rem;
	font-family: inherit;
	line-height: 1.4;
	color: var(--sn-cas-text);
	background: #fff;
}

.sn-cas-input:focus,
.sn-cas-select:focus {
	outline: none;
	border-color: var(--sn-cas-brand);
	box-shadow: 0 0 0 3px rgb(43 125 219 / 15%);
}

.sn-cas-grid-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
}

.sn-cas-check {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.75rem 0 1rem;
	font-size: 0.875rem;
	font-family: inherit;
	color: var(--sn-cas-text);
}

.sn-cas-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.75rem;
	padding: 0.625rem 1rem;
	min-height: 2.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	border: 2px solid transparent;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.sn-cas-btn--primary {
	background: var(--sn-cas-brand);
	color: #fff;
}

.sn-cas-btn--primary:hover {
	background: var(--sn-cas-brand-dark);
}

.sn-cas-btn--secondary {
	background: #fff;
	color: var(--sn-cas-text);
	border-color: var(--sn-cas-panel-border);
}

.sn-cas-btn--secondary:hover {
	background: var(--sn-cas-panel-bg);
	border-color: #adb5bd;
}

.sn-cas-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5rem;
	margin-top: 1rem;
}

.sn-cas-actions .sn-cas-btn--block {
	width: 100%;
}

.sn-cas-format {
	margin-top: 0;
}

.sn-cas-format__label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	font-family: inherit;
	color: var(--sn-cas-text);
}

.sn-cas-format__group {
	display: inline-flex;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 6px;
	overflow: hidden;
	background: var(--sn-cas-panel-bg);
}

.sn-cas-format__btn {
	border: 0;
	background: transparent;
	padding: 0.5rem 0.875rem;
	font-size: 0.8125rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--sn-cas-muted);
	cursor: pointer;
}

.sn-cas-format__btn.is-active {
	background: #fff;
	color: var(--sn-cas-brand-dark);
	box-shadow: inset 0 0 0 1px var(--sn-cas-brand);
}

.sn-cas-batch {
	margin-top: 1rem;
	padding: 1rem;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 8px;
	background: var(--sn-cas-panel-bg);
}

.sn-cas-batch__title {
	margin: 0 0 0.75rem;
	font-size: 0.875rem;
	font-weight: 600;
	font-family: inherit;
	color: var(--sn-cas-text);
}

.sn-cas-batch__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 0.8125rem;
	color: #475569;
}

.sn-cas-batch__item.is-current {
	opacity: 0.7;
}

.sn-cas-batch__current {
	font-size: 0.6875rem;
	font-weight: 600;
	color: #047857;
}

.sn-cas-platforms {
	margin-top: 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--sn-cas-border);
	border-radius: 0.75rem;
	background: #fff;
	box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
}

.sn-cas-platforms__title {
	margin: 0 0 0.75rem;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #94a3b8;
}

.sn-cas-platform-nav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

@media (min-width: 768px) {
	.sn-cas-platforms .sn-cas-platform-nav:not(.sn-cas-platform-nav--hub) {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.sn-cas-platform-link {
	display: flex;
	align-items: flex-start;
	gap: 0.625rem;
	border: 1px solid var(--sn-cas-panel-border);
	border-radius: 6px;
	padding: 0.625rem 0.75rem;
	text-decoration: none;
	background: #fff;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sn-cas-platform-link__icon {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 6px;
	background: #f1f5f9;
	color: #334155;
}

.sn-cas-platform-link__icon-svg {
	width: 1.125rem;
	height: 1.125rem;
}

.sn-cas-platform-link__body {
	min-width: 0;
	flex: 1;
}

.sn-cas-platform-link:hover,
.sn-cas-platform-link.is-active {
	border-color: #93c5fd;
}

.sn-cas-platform-link.is-active {
	background: var(--sn-cas-brand-soft);
}

.sn-cas-platform-link__label {
	display: block;
	font-size: 0.8125rem;
	font-weight: 600;
	color: #334155;
}

.sn-cas-platform-link__meta {
	display: block;
	margin-top: 0.125rem;
	font-size: 0.6875rem;
	color: #94a3b8;
}

.sn-cas-error {
	margin-top: 1rem;
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	background: #fef2f2;
	color: #b91c1c;
	font-size: 0.875rem;
}

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