:root {
	--clr-blue-0: #00252f;
	--clr-blue-5: #002f3b;
	--clr-blue-10: #003847;
	--clr-blue-15: #004153;
	--clr-blue-20: #004b5f;
	--clr-blue-25: #00546b;
	--clr-blue-30: #005e77;
	--clr-blue-35: #006783;
	--clr-blue-40: #00718f;
	--clr-blue-45: #157c98;
	--clr-blue-50: #2a88a1;
	--clr-blue-55: #3f94ab;
	--clr-blue-60: #55a0b4;
	--clr-blue-65: #6aacbd;
	--clr-blue-70: #7fb8c7;
	--clr-blue-75: #94c3d0;
	--clr-blue-80: #aacfd9;
	--clr-blue-85: #bfdbe3;
	--clr-blue-90: #d4e7ec;
	--clr-blue-95: #e9f3f5;
	--clr-red-10: #200201;
	--clr-red-15: #400402;
	--clr-red-20: #600604;
	--clr-red-25: #800905;
	--clr-red-30: #a00b07;
	--clr-red-35: #c00d08;
	--clr-red-40: #e1100a;
	--clr-red-45: #e5322d;
	--clr-red-50: #e95450;
	--clr-red-55: #ed7673;
	--clr-red-60: #f29896;
	--clr-red-65: #f6bab9;
	--clr-red-70: #fadcdc;
	--clr-green-10: #171c00;
	--clr-green-15: #2f3900;
	--clr-green-20: #475500;
	--clr-green-25: #5f7200;
	--clr-green-30: #778e00;
	--clr-green-35: #8fab00;
	--clr-green-40: #a7c800;
	--clr-green-45: #b3cf24;
	--clr-green-50: #c0d748;
	--clr-green-55: #ccdf6d;
	--clr-green-60: #d9e791;
	--clr-green-65: #e5efb6;
	--clr-green-70: #f2f7da;
	--clr-yellow-10: #2f1d00;
	--clr-yellow-15: #5e3a00;
	--clr-yellow-20: #8d5600;
	--clr-yellow-25: #bd7300;
	--clr-yellow-30: #ec9000;
	--clr-yellow-35: #ffa71c;
	--clr-yellow-40: #ffb94b;
	--clr-yellow-45: #ffc365;
	--clr-yellow-50: #ffcd7e;
	--clr-yellow-55: #ffd798;
	--clr-yellow-60: #ffe1b2;
	--clr-yellow-65: #ffebcc;
	--clr-yellow-70: #fff5e5;
	--clr-grey-0: #2e3233;
	--clr-grey-5: #393f41;
	--clr-grey-10: #454c4e;
	--clr-grey-15: #51595a;
	--clr-grey-20: #5c6668;
	--clr-grey-25: #687275;
	--clr-grey-30: #737f82;
	--clr-grey-35: #7f8c8f;
	--clr-grey-40: #8b999c;
	--clr-grey-45: #94a1a4;
	--clr-grey-50: #9eaaac;
	--clr-grey-55: #a8b2b4;
	--clr-grey-60: #b1bbbd;
	--clr-grey-65: #bbc3c5;
	--clr-grey-70: #c5cccd;
	--clr-grey-75: #ced4d5;
	--clr-grey-80: #d8ddde;
	--clr-grey-85: #e2e5e6;
	--clr-grey-90: #ebeeee;
	--clr-grey-95: #f5f6f6;
	--clr-grey-100: #ffffff;
	--clr-active-overlay: #00718f4c;
	--clr-focus-visible-overlay: #00718f33;
	--clr-background-production: #00718f19;
	--clr-shadow: #2e32334c;
	--clr-background-production-inverted: #00546b4c;
	--size-xs: .25rem;
	--size-s: .5rem;
	--size-m: 1rem;
	--size-l: 2rem;
	--size-xl: 3rem;
	--size-2xl: 4rem;
	--size-3xl: 5rem;
	--font-primary: "Fira Sans";
	--font-weight-medium: 500;
	--font-weight-normal: 400;
	--font-style-normal: normal;
	--font-line-height-normal: 130%;
	--font-line-height-small: 120%
}

.gothaer-heading-1 {
	font-size: 2.375rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-heading-2 {
	font-size: 2rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-heading-3 {
	font-size: 1.625rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-heading-4 {
	font-size: 1.25rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-medium);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-paragraph-1 {
	font-size: 1.25rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-paragraph-2 {
	font-size: 1rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-normal);
	color: var(--clr-primaryFont)
}

.gothaer-font-small {
	font-size: .8125rem;
	font-family: var(--font-primary);
	font-weight: var(--font-weight-normal);
	font-style: var(--font-style-normal);
	line-height: var(--font-line-height-small);
	color: var(--clr-primaryFont)
}

body {
	font-size: 16px;
	--clr-primary: var(--clr-blue-30);
	--clr-onPrimary: var(--clr-grey-100);
	--clr-primaryContainer: var(--clr-blue-90);
	--clr-onPrimaryContainer: var(--clr-blue-20);
	--clr-secondary: var(--clr-red-25);
	--clr-onSecondary: var(--clr-grey-100);
	--clr-secondaryContainer: var(--clr-red-70);
	--clr-onSecondaryContainer: var(--clr-red-15);
	--clr-valid: var(--clr-green-20);
	--clr-onValid: var(--clr-grey-100);
	--clr-validContainer: var(--clr-green-65);
	--clr-onValidContainer: var(--clr-green-15);
	--clr-warning: var(--clr-yellow-15);
	--clr-onWarning: var(--clr-grey-100);
	--clr-warningContainer: var(--clr-yellow-65);
	--clr-onWarningContainer: var(--clr-yellow-15);
	--clr-error: var(--clr-red-25);
	--clr-onError: var(--clr-grey-100);
	--clr-errorContainer: var(--clr-red-70);
	--clr-onErrorContainer: var(--clr-red-15);
	--clr-primaryBG: var(--clr-grey-100);
	--clr-secondaryBG: var(--clr-grey-95);
	--clr-surfaceBG: var(--clr-blue-95);
	--clr-primaryFont: var(--clr-grey-0);
	--clr-secondaryFont: var(--clr-blue-20);
	--clr-disabled: var(--clr-grey-65);
	--clr-onDisabled: var(--clr-grey-100);
	--clr-pending: var(--clr-grey-45);
	--clr-onPending: var(--clr-grey-100);
	--clr-focus: var(--clr-yellow-15);
	--clr-hoverContainer: var(--clr-blue-95);
	--clr-onHoverContainer: var(--clr-blue-20);
	--clr-elevation: var(--clr-blue-80);
	--clr-stroke: var(--clr-grey-95)
}

@media (prefers-color-scheme: dark) {
	body body {
		--clr-primary: var(--clr-blue-80);
		--clr-onPrimary: var(--clr-blue-0);
		--clr-primaryContainer: var(--clr-blue-20);
		--clr-onPrimaryContainer: var(--clr-blue-90);
		--clr-secondary: var(--clr-red-60);
		--clr-onSecondary: var(--clr-red-10);
		--clr-secondaryContainer: var(--clr-red-20);
		--clr-onSecondaryContainer: var(--clr-red-70);
		--clr-valid: var(--clr-green-55);
		--clr-onValid: var(--clr-blue-0);
		--clr-validContainer: var(--clr-green-20);
		--clr-onValidContainer: var(--clr-green-70);
		--clr-warning: var(--clr-yellow-50);
		--clr-onWarning: var(--clr-blue-0);
		--clr-warningContainer: var(--clr-yellow-15);
		--clr-onWarningContainer: var(--clr-yellow-70);
		--clr-error: var(--clr-red-60);
		--clr-onError: var(--clr-blue-0);
		--clr-errorContainer: var(--clr-red-15);
		--clr-onErrorContainer: var(--clr-red-70);
		--clr-primaryBG: var(--clr-blue-0);
		--clr-secondaryBG: var(--clr-blue-10);
		--clr-surfaceBG: var(--clr-blue-20);
		--clr-primaryFont: var(--clr-blue-95);
		--clr-secondaryFont: var(--clr-blue-70);
		--clr-disabled: var(--clr-grey-20);
		--clr-onDisaled: var(--clr-blue-0);
		--clr-pending: var(--clr-grey-35);
		--clr-onPending: var(--clr-blue-0);
		--clr-focus: var(--clr-yellow-50);
		--clr-hoverContainer: var(--clr-blue-5);
		--clr-onHoverContainer: var(--clr-blue-95);
		--clr-elevation: var(--clr-blue-35);
		--clr-stroke: var(--clr-blue-5)
	}
}

*,
:before,
:after {
	box-sizing: border-box;
	border-width: 0;
	border-style: solid;
	border-color: #e5e7eb
}

* {
	--tw-ring-inset: var(--tw-empty, );
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 50%);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000
}

:root {
	-moz-tab-size: 4;
	tab-size: 4
}

:-moz-focusring {
	outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
	box-shadow: none
}

::moz-focus-inner {
	padding: 0;
	border-style: none
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font: inherit
}

[type=search] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
	outline-offset: -2px
}

abbr[title] {
	text-decoration: underline dotted
}

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

body {
	margin: 0;
	font-family: inherit;
	line-height: inherit
}

button {
	background-color: transparent;
	background-image: none;
	text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button
}

button,
[role=button] {
	cursor: pointer
}

html {
	font-family: Fira Sans, firafallback-windows, firafallback-android, firafallback-ios, Roboto, sans-serif;
	line-height: 1.5;
	text-size-adjust: 100%
}

h3,
p,
dl,
dd,
h4,
h2,
h1 {
	margin: 0
}

h3,
h4,
h2,
h1 {
	font-size: inherit;
	font-weight: inherit
}

input,
textarea,
button {
	padding: 0;
	margin: 0;
	color: inherit;
	font-family: inherit;
	font-size: 100%;
	line-height: inherit
}

img {
	max-width: 100%;
	height: auto;
	border-style: solid
}

input::placeholder {
	color: #9ca3af;
	opacity: 1
}

input::webkit-input-placeholder {
	color: #9ca3af;
	opacity: 1
}

input::input-placeholder {
	color: #9ca3af;
	opacity: 1
}

iframe,
img {
	display: block;
	vertical-align: middle
}

strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

table {
	border-color: inherit;
	border-collapse: collapse;
	text-indent: 0
}

textarea {
	resize: vertical
}

textarea::placeholder {
	color: #9ca3af;
	opacity: 1
}

textarea::webkit-input-placeholder {
	color: #9ca3af;
	opacity: 1
}

textarea::input-placeholder {
	color: #9ca3af;
	opacity: 1
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

:root {
	--outline-color: var(--clr-red-50, #E9504C);
	--outline-offset: 2px;
	--outline-size: max(4px, .08em);
	--outline-style: dotted
}

:is(input:not([type=radio], [type=checkbox]), select, textarea) {
	--outline-color: transparent;
	--outline-size: 0;
	--outline-style: none
}

:is(a, button, input, select, summary, textarea):not([tabindex="-1"]):focus-visible {
	outline: var(--outline-size) var(--outline-style) var(--outline-color);
	outline-offset: var(--outline-offset, var(--outline-size))
}

:root {
	--font-caveat: "Caveat", caveatfallback-windows, caveatfallback-android, caveatfallback-ios, cursive;
	--font-fira: "Fira Sans", firafallback-windows, firafallback-android, firafallback-ios, "Roboto", sans-serif
}

body,
body #vue-tr {
	font-family: var(--font-fira), sans-serif !important;
	text-rendering: optimizespeed
}

@font-face {
	descent-override: 42%;
	font-family: firafallback-windows;
	font-weight: 500;
	size-adjust: 102.5%;
	src: local("Segoe UI")
}

@font-face {
	descent-override: 42%;
	font-family: firafallback-windows;
	font-weight: 700;
	size-adjust: 100.35%;
	src: local("Segoe UI Semibold")
}

@font-face {
	descent-override: 20%;
	font-family: caveatfallback-windows;
	size-adjust: 105%;
	src: local("Segoe UI Italic")
}

@font-face {
	descent-override: 20%;
	font-family: firafallback-android;
	size-adjust: 102.75%;
	src: local("Roboto")
}

@font-face {
	descent-override: 25%;
	font-family: caveatfallback-android;
	size-adjust: 127.5%;
	src: local("DancingScript")
}

@font-face {
	font-family: firafallback-ios;
	size-adjust: 99%;
	src: local("Helvetica")
}

@font-face {
	font-family: caveatfallback-ios;
	size-adjust: 139%;
	src: local("SignPainter-HouseScript")
}

@font-face {
	font-display: swap;
	font-family: Fira Sans;
	font-weight: 500;
	src:url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Regular-DqUVgETp.woff2) format("woff2"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Regular-B5LsRhjR.woff) format("woff"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Regular-DvUlFHOK.ttf)
}

@font-face {
	font-display: swap;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: 700;
	src:url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Medium-CEH64tAT.woff2) format("woff2"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Medium-DZmqElTd.woff) format("woff"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/FiraSans-Medium-BSorAbLt.ttf)
}

@font-face {
	font-display: swap;
	font-family: Caveat;
	font-style: normal;
	font-weight: 700;
	size-adjust: 130%;
	src:url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/Caveat-Bold-CQZB3o8M.woff2) format("woff2"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/Caveat-Bold-Dxts-BgA.woff) format("woff"),
	url(https://gothaerb2c.blob.core.windows.net/customui/templates/assets/Caveat-Bold-xhBLEVUh.ttf)
}

.markdown *+*:where(:not(a, abbr, b, i, em, label, small, span, strong, sub, sup, textarea, time)) {
	margin-top: 1rem
}

.markdown :where(a) {
	color: var(--clr-blue-40, #00718f)
}

.markdown :where(a):active {
	text-decoration: underline
}

@media (hover: hover) {
	.markdown :where(a):hover {
		text-decoration: underline
	}
}

@media (hover: hover) {
	.markdown :where(a):hover {
		color: var(--clr-blue-40, #00718f)
	}
}

.markdown :where(a):active {
	color: var(--clr-blue-25, #00546b)
}

.markdown ul,
.markdown ol {
	margin-left: 1.5rem
}

.markdown ul {
	list-style: disc
}

.markdown ol {
	list-style: decimal
}

.markdown li+li,
.markdown li>ul,
.markdown li>ol {
	margin-top: .5rem
}

.markdown strong {
	font-weight: 700
}

.markdown h1 {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 22px;
	--line-height: 28px
}

@media (min-width: 768px) {
	.markdown h1 {
		--font-size: 38px;
		--line-height: 44px
	}
}

.markdown h2 {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 20px;
	--line-height: 26px
}

@media (min-width: 768px) {
	.markdown h2 {
		--font-size: 32px;
		--line-height: 38px
	}
}

.markdown h3 {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 18px;
	--line-height: 24px
}

@media (min-width: 768px) {
	.markdown h3 {
		--font-size: 26px;
		--line-height: 32px
	}
}

.markdown h4 {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 16px;
	--line-height: 22px
}

@media (min-width: 768px) {
	.markdown h4 {
		--font-size: 20px;
		--line-height: 26px
	}
}

h1,
.text-h1,
[text~=h1] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 22px;
	--line-height: 28px
}

@media (min-width: 768px) {

	h1,
	.text-h1,
	[text~=h1] {
		--font-size: 38px;
		--line-height: 44px
	}
}

h2,
.text-h2,
[text~=h2] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 20px;
	--line-height: 26px
}

@media (min-width: 768px) {

	h2,
	.text-h2,
	[text~=h2] {
		--font-size: 32px;
		--line-height: 38px
	}
}

h3,
.text-h3,
[text~=h3] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 18px;
	--line-height: 24px
}

@media (min-width: 768px) {

	h3,
	.text-h3,
	[text~=h3] {
		--font-size: 26px;
		--line-height: 32px
	}
}

h4,
.text-h4,
[text~=h4] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 700;
	--font-size: 16px;
	--line-height: 22px
}

@media (min-width: 768px) {

	h4,
	.text-h4,
	[text~=h4] {
		--font-size: 20px;
		--line-height: 26px
	}
}

.text-p1,
[text~=p1] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 500;
	--font-size: 16px;
	--line-height: 22px
}

@media (min-width: 768px) {

	.text-p1,
	[text~=p1] {
		--font-size: 20px;
		--line-height: 26px
	}
}

.text-p2,
[text~=p2] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 500;
	--font-size: 14px;
	--line-height: 20px
}

@media (min-width: 768px) {

	.text-p2,
	[text~=p2] {
		--font-size: 16px;
		--line-height: 22px
	}
}

body,
.text-body,
[text~=body] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 500;
	--font-size: 16px;
	--line-height: 22px
}

@media (min-width: 768px) {

	body,
	.text-body,
	[text~=body] {
		--font-size: 20px;
		--line-height: 26px
	}
}

label,
.text-label,
[text~=label] {
	color: var(--font-color, var(--clr-grey-0, #2e3233));
	font-family: var(--font-family, var(--font-fira, sans-serif)), sans-serif;
	font-size: var(--font-size, 16px);
	font-weight: var(--font-weight, 500);
	line-height: var(--line-height, 22px);
	--font-weight: 500;
	--font-size: 12px;
	--line-height: 14.4px
}

@media (min-width: 768px) {

	label,
	.text-label,
	[text~=label] {
		--font-size: 13px;
		--line-height: 15.6px
	}
}

.button-bar[data-v-adbd051a] {
	background: var(--clr-grey-100, #ffffff)
}

.button-bar__buttons[data-v-adbd051a] {
	--button-width: 100%;
	--button-gutter: .25rem;
	--button-prev-min-width: 85px;
	--button-prev-max-width-mobile: 25%;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: space-between
}

@media (min-width: 768px) {
	.button-bar__buttons[data-v-adbd051a] {
		flex-wrap: nowrap;
		align-items: center
	}
}

.button-bar__buttons--single[data-v-adbd051a] {
	justify-content: right
}

.button-bar__center[data-v-adbd051a] {
	width: 100%;
	order: 3
}

@media (width < 768px) {
	.button-bar__center[data-v-adbd051a] {
		margin-bottom: 1rem
	}
}

@media (width >=768px) {
	.button-bar__center[data-v-adbd051a] {
		width: fit-content;
		order: 1;
		margin-bottom: 0;
		margin-inline: var(--button-gutter)
	}
}

.button-bar__button-prev[data-v-adbd051a] {
	order: 1
}

@media (width < 768px) {
	.button-bar__button-prev[data-v-adbd051a] {
		--button-min-width: var(--button-prev-min-width);
		width: 100%;
		min-width: var(--button-prev-min-width);
		max-width: var(--button-prev-max-width-mobile)
	}
}

.button-bar__button-next[data-v-adbd051a] {
	order: 2;
	margin-left: var(--button-gutter)
}

.button-bar__button-next--large[data-v-adbd051a] {
	width: 100%
}

.button-bar__button-next[data-v-adbd051a]:not(.button-bar__button-next--large, :first-child:last-child) {
	margin-left: var(--button-gutter)
}

@media (width < 768px) {
	.button-bar__button-next[data-v-adbd051a]:not(.button-bar__button-next--large) {
		width: calc(100% - 2 * var(--button-gutter) - max(var(--button-prev-max-width-mobile), var(--button-prev-min-width)))
	}
}

.button-bar__hint[data-v-adbd051a] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end
}

@keyframes rotating {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.loading:before {
	position: absolute;
	background-color: var(--clr-grey-100, #ffffff);
	content: "";
	opacity: .8;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000
}

.loading:after {
	content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOCAzOCIgc3Ryb2tlPSIjMDA3MThmIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBzdHJva2Utd2lkdGg9IjIiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2Utb3BhY2l0eT0iLjI1IiBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiLz48cGF0aCBkPSJNMTEuNDQ5IDM0Ljc2NmM5LjI1OCAzLjYxNyAxOS42OTktLjk1NyAyMy4zMTctMTAuMjE1Ii8+PC9nPjwvc3ZnPg==);
	width: 96px;
	height: 96px;
	position: absolute;
	top: calc(50% - 48px);
	left: calc(50% - 48px);
	z-index: 1001;
	animation: rotating 1s linear infinite
}

.loading--btn:after {
	width: 2rem;
	height: 2rem;
	top: calc(50% - 16px);
	left: calc(50% - 16px)
}

.main {
	position: relative
}

.main__background {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -10;
	width: 100%;
	height: 100%
}

.main__backgroundImage {
	position: absolute;
	bottom: 0;
	width: 100%
}

@media (width >=768px) {
	.main__progress {
		padding-top: 1rem
	}
}

.main__page {
	position: relative
}

@media (width >=768px) {
	.main__page {
		margin-top: 2rem;
		padding-bottom: 8rem
	}
}

.main__page .input__label {
	width: calc(100% - 1rem) !important;
	text-align: left !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.main__page .datepicker__label {
	width: 100% !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}