/**
 * SlowVerb Web - tool page.
 *
 * Every selector is prefixed `svsw-` and every rule is scoped under
 * `.svsw-app`, so nothing here can reach Rehub or WooCommerce markup, and
 * inherited theme styles are reset explicitly where they would otherwise
 * bleed into the controls.
 *
 * Note on the doubled root class (`.svsw-app.svsw-app ...`): it exists
 * to win specificity fights, and repeating a class is the cheapest way to do
 * that without `!important`. Two things beat single-class rules otherwise:
 * this file's own element resets and host-theme
 * content styles such as Rehub's `.fullgutenberg .post p` (0-2-1), which was
 * forcing every paragraph on the page to 20px and collapsing every margin to
 * zero. At 0-3-0 the component rules win, and they keep their order relative
 * to each other exactly as written.
 */

/* --------------------------------------------------------------- full bleed */
/* Break out of whatever container the theme wraps the content in, so the
   section spans the viewport while its own content stays centred. The
   negative margins cancel the parent's centring whatever width it has.

   100vw counts the vertical scrollbar, so the section ends up a scrollbar
   wider than the visible page. That overhang is symmetric, half off each
   edge, so the section still covers the viewport exactly and its content
   still lands on the visible centre; the overhang is clipped by the
   overflow-x rule shipped alongside this file. Deliberately no JavaScript
   here, so the width tracks a resize as fast as the browser lays out. */

.svsw-fullbleed {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* --------------------------------------------------------- tool page shell */
/* The outer shell carries the page-wide background; the app itself stays a
   centred, readable column inside it. */

.svsw-app-outer.svsw-app-outer {
	--svsw-bg: #0B0712;
	--svsw-line: #2C2440;

	box-sizing: border-box;
}

.svsw-app-outer.svsw-app-outer.svsw-fullbleed {
	/* On a short page the theme's min-height leaves this shell taller than
	   the app inside it, so centre the app in whatever height it gets. */
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(24px, 5vw, 56px) clamp(16px, 4vw, 40px) !important;
	background: radial-gradient(ellipse 60% 50% at 20% 0%, rgba(180, 107, 255, 0.10), transparent 60%),
		radial-gradient(ellipse 50% 40% at 85% 5%, rgba(229, 107, 255, 0.08), transparent 60%),
		#07050D !important;
}

.svsw-app-outer.svsw-app-outer.svsw-fullbleed .svsw-app {
	margin-left: auto;
	margin-right: auto;
}

.svsw-app.svsw-app {
	--svsw-bg: #0B0712;
	--svsw-panel: #15101F;
	--svsw-panel-2: #1D162B;
	--svsw-line: #2C2440;
	--svsw-text: #E8E0FF;
	--svsw-muted: #9F8FC4;
	--svsw-accent: #B46BFF;
	--svsw-accent-2: #7C4BC8;
	--svsw-accent-3: #E56BFF;
	--svsw-danger: #fb7185;
	--svsw-radius: 16px;
	--svsw-font: "Inter", "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

	box-sizing: border-box;
	max-width: 1080px;
	margin: 0 auto;
	padding: clamp(20px, 4vw, 40px);
	background: var(--svsw-bg);
	background-image:
		radial-gradient(ellipse 80% 60% at 15% -10%, rgba(180, 107, 255, 0.18), transparent 60%),
		radial-gradient(ellipse 70% 50% at 90% 0%, rgba(229, 107, 255, 0.12), transparent 60%);
	border: 1px solid var(--svsw-line);
	border-radius: calc(var(--svsw-radius) * 1.5);
	color: var(--svsw-text);
	font-family: var(--svsw-font);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

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

.svsw-app.svsw-app [hidden] {
	display: none !important;
}

.svsw-app.svsw-app .svsw-app__heading {
	margin: 0 0 24px;
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--svsw-text);
}

/* ---------------------------------------------------------------- notices */

.svsw-app.svsw-app .svsw-notice {
	margin: 0 0 20px;
	padding: 14px 18px;
	border-radius: 12px;
	font-size: 15px;
	line-height: 1.45;
}

.svsw-app.svsw-app .svsw-notice--error {
	background: rgba(251, 113, 133, 0.12);
	border: 1px solid rgba(251, 113, 133, 0.4);
	color: #ffd9df;
}

.svsw-app.svsw-app .svsw-fineprint {
	margin: 18px 0 0;
	color: var(--svsw-muted);
	font-size: 13px;
	text-align: center;
}

/* --------------------------------------------------------------- dropzone */

.svsw-app.svsw-app .svsw-drop {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 260px;
	padding: 40px 24px;
	background: linear-gradient(180deg, rgba(29, 22, 43, 0.9), rgba(21, 16, 31, 0.9));
	border: 2px dashed var(--svsw-line);
	border-radius: var(--svsw-radius);
	cursor: pointer;
	text-align: center;
	transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.svsw-app.svsw-app .svsw-drop:hover,
.svsw-app.svsw-app .svsw-drop:focus-visible,
.svsw-app.svsw-app .svsw-drop.is-over {
	border-color: var(--svsw-accent);
	background: linear-gradient(180deg, rgba(180, 107, 255, 0.12), rgba(21, 16, 31, 0.95));
	outline: none;
}

.svsw-app.svsw-app .svsw-drop.is-over {
	transform: scale(1.005);
}

.svsw-app.svsw-app .svsw-drop.is-awaiting {
	border-color: var(--svsw-accent-3);
	animation: svsw-pulse 1.8s ease-in-out infinite;
}

@keyframes svsw-pulse {
	0%, 100% { border-color: var(--svsw-accent-3); }
	50% { border-color: rgba(229, 107, 255, 0.35); }
}

.svsw-app.svsw-app .svsw-drop__icon {
	width: 48px;
	height: 48px;
	margin-bottom: 6px;
	color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-drop__title {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: var(--svsw-text);
}

.svsw-app.svsw-app .svsw-drop__sub {
	margin: 0;
	color: var(--svsw-muted);
	font-size: 14px;
}

.svsw-app.svsw-app .svsw-drop__input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* -------------------------------------------------------------- progress */

.svsw-app.svsw-app .svsw-progress {
	margin-top: 20px;
}

.svsw-app.svsw-app .svsw-progress__bar {
	height: 6px;
	background: var(--svsw-panel-2);
	border-radius: 999px;
	overflow: hidden;
}

.svsw-app.svsw-app .svsw-progress__bar > span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--svsw-accent), var(--svsw-accent-3));
	border-radius: 999px;
	transition: width 0.2s ease;
}

.svsw-app.svsw-app .svsw-progress__label {
	margin: 10px 0 0;
	color: var(--svsw-muted);
	font-size: 13px;
	text-align: center;
}

/* -------------------------------------------------------------- file bar */

.svsw-app.svsw-app .svsw-filebar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--svsw-line);
}

.svsw-app.svsw-app .svsw-filebar__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.svsw-app.svsw-app .svsw-filebar__name {
	overflow: hidden;
	font-size: 17px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.svsw-app.svsw-app .svsw-filebar__stats {
	color: var(--svsw-muted);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}

.svsw-app.svsw-app .svsw-textbtn {
	padding: 6px 2px;
	background: none;
	border: 0;
	border-bottom: 1px solid transparent;
	color: var(--svsw-muted);
	cursor: pointer;
	font-family: inherit;
	font-size: 14px;
	transition: color 0.15s ease, border-color 0.15s ease;
}

.svsw-app.svsw-app .svsw-textbtn:hover {
	border-bottom-color: var(--svsw-accent);
	color: var(--svsw-accent);
}

/* ---------------------------------------------------------------- player */

.svsw-app.svsw-app .svsw-player {
	position: relative;
	padding: 20px;
	background: var(--svsw-panel);
	border: 1px solid var(--svsw-line);
	border-radius: var(--svsw-radius);
}

.svsw-app.svsw-app .svsw-wave {
	display: block;
	width: 100%;
	height: 140px;
	cursor: pointer;
}

.svsw-app.svsw-app .svsw-wave__playhead {
	position: absolute;
	top: 20px;
	left: 0;
	width: 2px;
	height: 140px;
	background: var(--svsw-accent-3);
	box-shadow: 0 0 12px rgba(229, 107, 255, 0.8);
	pointer-events: none;
	transition: left 0.08s linear;
}

.svsw-app.svsw-app .svsw-transport {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--svsw-line);
}

.svsw-app.svsw-app .svsw-play {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 54px;
	height: 54px;
	padding: 0;
	background: linear-gradient(135deg, var(--svsw-accent), var(--svsw-accent-2));
	border: 0;
	border-radius: 50%;
	box-shadow: 0 6px 20px rgba(124, 75, 200, 0.35);
	color: #0B0712;
	cursor: pointer;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.svsw-app.svsw-app .svsw-play:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 26px rgba(124, 75, 200, 0.5);
}

.svsw-app.svsw-app .svsw-play__icon {
	width: 24px;
	height: 24px;
}

.svsw-app.svsw-app .svsw-play .svsw-play__icon--pause,
.svsw-app.svsw-app .svsw-play.is-playing .svsw-play__icon--play {
	display: none;
}

.svsw-app.svsw-app .svsw-play.is-playing .svsw-play__icon--pause {
	display: block;
}

.svsw-app.svsw-app .svsw-transport__times {
	display: flex;
	gap: 6px;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

.svsw-app.svsw-app .svsw-transport__sep {
	color: var(--svsw-muted);
}

.svsw-app.svsw-app .svsw-transport__note {
	flex: 1 1 220px;
	margin: 0;
	color: var(--svsw-muted);
	font-size: 13px;
	text-align: right;
}

/* --------------------------------------------------------------- presets */

.svsw-app.svsw-app .svsw-presets {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 24px 0 8px;
}

.svsw-app.svsw-app .svsw-presets__label {
	color: var(--svsw-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.svsw-app.svsw-app .svsw-presets__list {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.svsw-app.svsw-app .svsw-preset {
	padding: 8px 14px;
	background: var(--svsw-panel-2);
	border: 1px solid var(--svsw-line);
	border-radius: 999px;
	color: var(--svsw-muted);
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	transition: all 0.15s ease;
}

.svsw-app.svsw-app .svsw-preset:hover {
	border-color: var(--svsw-accent);
	color: var(--svsw-text);
}

.svsw-app.svsw-app .svsw-preset.is-active {
	background: linear-gradient(135deg, var(--svsw-accent), var(--svsw-accent-2));
	border-color: transparent;
	color: #0B0712;
}

/* -------------------------------------------------------------- controls */

.svsw-app.svsw-app .svsw-controls {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 18px;
	margin-top: 20px;
}

.svsw-app.svsw-app .svsw-control {
	padding: 18px;
	background: var(--svsw-panel);
	border: 1px solid var(--svsw-line);
	border-radius: var(--svsw-radius);
}

.svsw-app.svsw-app .svsw-control--hero,
.svsw-app.svsw-app .svsw-control--wide {
	grid-column: 1 / -1;
}

.svsw-app.svsw-app .svsw-control--hero {
	background: linear-gradient(135deg, rgba(180, 107, 255, 0.14), rgba(21, 16, 31, 0.95));
	border-color: rgba(180, 107, 255, 0.35);
}

.svsw-app.svsw-app .svsw-control__label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 12px;
	color: var(--svsw-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.svsw-app.svsw-app .svsw-control__value {
	color: var(--svsw-text);
	font-size: 16px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.svsw-app.svsw-app .svsw-control--hero .svsw-control__value {
	font-size: 28px;
	color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-control__hint {
	margin: 12px 0 0;
	color: var(--svsw-muted);
	font-size: 13px;
}

/* Range inputs are styled from scratch so the theme cannot reach them. */
.svsw-app.svsw-app .svsw-range {
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 6px;
	margin: 0;
	padding: 0;
	background: var(--svsw-panel-2);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	outline: none;
}

.svsw-app.svsw-app .svsw-range--hero {
	height: 10px;
}

.svsw-app.svsw-app .svsw-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 22px;
	height: 22px;
	background: linear-gradient(135deg, var(--svsw-accent), var(--svsw-accent-2));
	border: 3px solid var(--svsw-bg);
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(124, 75, 200, 0.5);
	cursor: pointer;
}

.svsw-app.svsw-app .svsw-range--hero::-webkit-slider-thumb {
	width: 30px;
	height: 30px;
}

.svsw-app.svsw-app .svsw-range::-moz-range-thumb {
	width: 22px;
	height: 22px;
	background: linear-gradient(135deg, var(--svsw-accent), var(--svsw-accent-2));
	border: 3px solid var(--svsw-bg);
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(124, 75, 200, 0.5);
	cursor: pointer;
}

.svsw-app.svsw-app .svsw-range--hero::-moz-range-thumb {
	width: 30px;
	height: 30px;
}

.svsw-app.svsw-app .svsw-range:focus-visible::-webkit-slider-thumb {
	box-shadow: 0 0 0 4px rgba(180, 107, 255, 0.35);
}

/* -------------------------------------------------------------- voicings */

.svsw-app.svsw-app .svsw-voicings {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
}

.svsw-app.svsw-app .svsw-voicing {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px;
	background: var(--svsw-panel-2);
	border: 1px solid var(--svsw-line);
	border-radius: 12px;
	color: var(--svsw-muted);
	cursor: pointer;
	font-family: inherit;
	text-align: left;
	transition: all 0.15s ease;
}

.svsw-app.svsw-app .svsw-voicing:hover {
	border-color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-voicing.is-active {
	background: linear-gradient(135deg, rgba(180, 107, 255, 0.22), rgba(29, 22, 43, 0.95));
	border-color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-voicing__name {
	color: var(--svsw-text);
	font-size: 15px;
	font-weight: 700;
}

.svsw-app.svsw-app .svsw-voicing.is-active .svsw-voicing__name {
	color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-voicing__blurb {
	font-size: 12px;
	line-height: 1.4;
}

/* -------------------------------------------------------- time stage */

.svsw-app.svsw-app .svsw-timebusy {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 16px 0 0;
	color: var(--svsw-accent);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}

.svsw-app.svsw-app .svsw-timebusy::before {
	content: "";
	width: 14px;
	height: 14px;
	border: 2px solid rgba(180, 107, 255, 0.3);
	border-top-color: var(--svsw-accent);
	border-radius: 50%;
	animation: svsw-spin 0.7s linear infinite;
}

@keyframes svsw-spin {
	to { transform: rotate(360deg); }
}

/* ---------------------------------------------------------------- unlock */

.svsw-app.svsw-app .svsw-unlock {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* Also the gap above the button once this wraps to one column. */
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 24px;
	padding: 26px;
	background:
		linear-gradient(135deg, rgba(229, 107, 255, 0.14), rgba(180, 107, 255, 0.14)),
		var(--svsw-panel);
	border: 1px solid rgba(180, 107, 255, 0.4);
	border-radius: var(--svsw-radius);
}

.svsw-app.svsw-app .svsw-unlock__copy {
	flex: 1 1 320px;
}

.svsw-app.svsw-app .svsw-unlock__title {
	margin: 0 0 6px;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: var(--svsw-text);
}

.svsw-app.svsw-app .svsw-unlock__sub {
	margin: 0;
	color: var(--svsw-muted);
	font-size: 14px;
}

.svsw-app.svsw-app .svsw-unlock__action {
	flex: none;
	text-align: center;
}

.svsw-app.svsw-app .svsw-unlock__status {
	margin: 10px 0 0;
	color: var(--svsw-muted);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
}

.svsw-app.svsw-app .svsw-unlock__status:empty {
	display: none;
}

.svsw-app.svsw-app .svsw-unlock__status--warn {
	max-width: 260px;
	margin-left: auto;
	margin-right: auto;
	color: var(--svsw-danger);
}

.svsw-app.svsw-app .svsw-unlock__secure {
	margin: 10px 0 0;
	color: var(--svsw-muted);
	font-size: 12px;
}

/* ------------------------------------------------------------------- CTA */

.svsw-app.svsw-app .svsw-cta {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 16px 28px;
	background: linear-gradient(135deg, var(--svsw-accent), var(--svsw-accent-3));
	border: 0;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(180, 107, 255, 0.4);
	color: #0B0712;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.01em;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.svsw-app.svsw-app .svsw-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 32px rgba(180, 107, 255, 0.55);
	color: #0B0712;
}

.svsw-app.svsw-app .svsw-cta:disabled {
	cursor: default;
	opacity: 0.55;
	transform: none;
}

.svsw-app.svsw-app .svsw-cta__price {
	padding: 4px 12px;
	background: rgba(11, 7, 18, 0.25);
	border-radius: 999px;
	font-variant-numeric: tabular-nums;
}

.svsw-app.svsw-app .svsw-cta--ghost {
	background: transparent;
	border: 1px solid var(--svsw-accent);
	box-shadow: none;
	color: var(--svsw-accent);
}

.svsw-app.svsw-app .svsw-cta--ghost:hover {
	background: rgba(180, 107, 255, 0.12);
	box-shadow: none;
	color: var(--svsw-accent);
}

/* ------------------------------------------------------------ render/done */

.svsw-app.svsw-app .svsw-render {
	margin-top: 24px;
	padding: 24px;
	background: var(--svsw-panel);
	border: 1px solid var(--svsw-line);
	border-radius: var(--svsw-radius);
}

.svsw-app.svsw-app .svsw-done {
	margin-top: 24px;
	padding: 28px;
	background: linear-gradient(135deg, rgba(52, 211, 153, 0.12), var(--svsw-panel));
	border: 1px solid rgba(52, 211, 153, 0.4);
	border-radius: var(--svsw-radius);
	text-align: center;
}

.svsw-app.svsw-app .svsw-done__title {
	margin: 0 0 8px;
	font-size: 24px;
	font-weight: 800;
	color: var(--svsw-text);
}

.svsw-app.svsw-app .svsw-done__sub {
	/* Extra room before the download button below it. */
	margin: 0 0 30px;
	color: var(--svsw-muted);
	font-size: 14px;
}

/* ------------------------------------------------------------------ logo */
/* The SlowVerb Studio wordmark: SL[planet]WVERB over "S T U D I O".
   Scale the whole lockup by setting font-size on .svsw-logo. */

.svsw-app.svsw-app .svsw-logo {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 0.24em;
	line-height: 1;
}

.svsw-app.svsw-app .svsw-logo__lockup {
	display: flex;
	align-items: center;
	color: var(--svsw-text);
	font-family: var(--svsw-font);
	font-size: 1em;
	font-weight: 900;
	letter-spacing: -0.01em;
	line-height: 1;
	white-space: nowrap;
}

/* The ring overflows the planet's own slot, exactly as it does in the
   plugin, so negative margins let it overlap the neighbouring letters. */
.svsw-app.svsw-app .svsw-logo__planet {
	flex: none;
	width: 1.4em;
	height: 1em;
	margin: 0 -0.11em;
	overflow: visible;
}

.svsw-app.svsw-app .svsw-logo__sub {
	color: var(--svsw-muted);
	font-family: var(--svsw-font);
	font-size: 0.27em;
	font-weight: 700;
	letter-spacing: 0.18em;
	line-height: 1;
	text-indent: 0.18em;
}
.svsw-app.svsw-app .svsw-app__brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.svsw-app.svsw-app .svsw-app__brand .svsw-logo {
	font-size: 30px;
}

.svsw-app.svsw-app .svsw-app__tagline {
	margin: 0;
	color: var(--svsw-muted);
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

@media (max-width: 640px) {
	.svsw-app.svsw-app .svsw-app__brand .svsw-logo {
		font-size: 24px;
	}
}

/* --------------------------------------------------------------- responsive */

@media (max-width: 640px) {
	.svsw-app.svsw-app {
		padding: 18px;
		border-radius: var(--svsw-radius);
	}

	.svsw-app.svsw-app .svsw-transport__note {
		text-align: left;
	}

	.svsw-app.svsw-app .svsw-unlock {
		padding: 20px;
	}

	.svsw-app.svsw-app .svsw-unlock__action,
	.svsw-app.svsw-app .svsw-cta {
		width: 100%;
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.svsw-app.svsw-app *,
	.svsw-app.svsw-app *::before,
	.svsw-app.svsw-app *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}