@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
/* Import everything that needs to be built into this file */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root {
    --color-white: #ffffff;

    /* Text  */
    --color-text: #2c2c2c;
    --color-text-heading: #212529;
    --color-text-inverse: var(--color-white);
    --color-text-muted: #686868;

    /* Primary */
    --color-brand-primary: #1068b2;
    --color-brand-primary-dark: #151e52;

    /* Secondary */
    --color-brand-secondary: #a3d0f4;
    --color-brand-secondary-light: #d8effd; /* Sky 50 */
    --color-brand-secondary-xlight: #e0eff9; /* Sky 25 */
    --color-ui-border: #d5dfe5; /* Border Blue */
    --color-ui-bg: #edf4fa; /* Background Blue */

    /* Tertiary */
    --color-success: #10bf8d;
    --color-success-light: #7fe1c4;
    --color-error: #be1344;
    --color-error-light: #e03b6a;

    /* Accents */
    --color-icon-blue: #124787;
    --color-accent: #aeb8fe;
    --color-accent-light: #d5dbff;
    --color-orange: #7c2f0b;
    --color-orange-light: #ffce46;
    --max-width: 1300px;
    --border-radius: 0.5rem;
    --grid-gap: 3rem;
    --progress-bar-height: 0.375rem;
  }
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}
@media (min-width: 660px){
.container{max-width:660px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}
.visible{visibility:visible}
.static{position:static}
.sticky{position:sticky}
.-mx-1{margin-left:-0.25rem;margin-right:-0.25rem}
.-mx-1\.5{margin-left:-0.375rem;margin-right:-0.375rem}
.-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}
.-mx-11{margin-left:-2.75rem;margin-right:-2.75rem}
.-mx-12{margin-left:-3rem;margin-right:-3rem}
.-mx-14{margin-left:-3.5rem;margin-right:-3.5rem}
.-mx-16{margin-left:-4rem;margin-right:-4rem}
.-mx-2{margin-left:-0.5rem;margin-right:-0.5rem}
.-mx-2\.5{margin-left:-0.625rem;margin-right:-0.625rem}
.-mx-20{margin-left:-5rem;margin-right:-5rem}
.-mx-24{margin-left:-6rem;margin-right:-6rem}
.-mx-28{margin-left:-7rem;margin-right:-7rem}
.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem}
.-mx-3\.5{margin-left:-0.875rem;margin-right:-0.875rem}
.-mx-32{margin-left:-8rem;margin-right:-8rem}
.-mx-36{margin-left:-9rem;margin-right:-9rem}
.-mx-4{margin-left:-1rem;margin-right:-1rem}
.-mx-40{margin-left:-10rem;margin-right:-10rem}
.-mx-44{margin-left:-11rem;margin-right:-11rem}
.-mx-48{margin-left:-12rem;margin-right:-12rem}
.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}
.-mx-52{margin-left:-13rem;margin-right:-13rem}
.-mx-56{margin-left:-14rem;margin-right:-14rem}
.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}
.-mx-60{margin-left:-15rem;margin-right:-15rem}
.-mx-64{margin-left:-16rem;margin-right:-16rem}
.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}
.-mx-72{margin-left:-18rem;margin-right:-18rem}
.-mx-8{margin-left:-2rem;margin-right:-2rem}
.-mx-80{margin-left:-20rem;margin-right:-20rem}
.-my-1{margin-top:-0.25rem;margin-bottom:-0.25rem}
.-my-1\.5{margin-top:-0.375rem;margin-bottom:-0.375rem}
.-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem}
.-my-11{margin-top:-2.75rem;margin-bottom:-2.75rem}
.-my-12{margin-top:-3rem;margin-bottom:-3rem}
.-my-14{margin-top:-3.5rem;margin-bottom:-3.5rem}
.-my-16{margin-top:-4rem;margin-bottom:-4rem}
.-my-2{margin-top:-0.5rem;margin-bottom:-0.5rem}
.-my-2\.5{margin-top:-0.625rem;margin-bottom:-0.625rem}
.-my-20{margin-top:-5rem;margin-bottom:-5rem}
.-my-24{margin-top:-6rem;margin-bottom:-6rem}
.-my-28{margin-top:-7rem;margin-bottom:-7rem}
.-my-3{margin-top:-0.75rem;margin-bottom:-0.75rem}
.-my-3\.5{margin-top:-0.875rem;margin-bottom:-0.875rem}
.-my-32{margin-top:-8rem;margin-bottom:-8rem}
.-my-36{margin-top:-9rem;margin-bottom:-9rem}
.-my-4{margin-top:-1rem;margin-bottom:-1rem}
.-my-40{margin-top:-10rem;margin-bottom:-10rem}
.-my-44{margin-top:-11rem;margin-bottom:-11rem}
.-my-48{margin-top:-12rem;margin-bottom:-12rem}
.-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem}
.-my-52{margin-top:-13rem;margin-bottom:-13rem}
.-my-56{margin-top:-14rem;margin-bottom:-14rem}
.-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem}
.-my-60{margin-top:-15rem;margin-bottom:-15rem}
.-my-64{margin-top:-16rem;margin-bottom:-16rem}
.-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem}
.-my-72{margin-top:-18rem;margin-bottom:-18rem}
.-my-8{margin-top:-2rem;margin-bottom:-2rem}
.-my-80{margin-top:-20rem;margin-bottom:-20rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.mx-1\.5{margin-left:0.375rem;margin-right:0.375rem}
.mx-10{margin-left:2.5rem;margin-right:2.5rem}
.mx-11{margin-left:2.75rem;margin-right:2.75rem}
.mx-12{margin-left:3rem;margin-right:3rem}
.mx-14{margin-left:3.5rem;margin-right:3.5rem}
.mx-16{margin-left:4rem;margin-right:4rem}
.mx-2{margin-left:0.5rem;margin-right:0.5rem}
.mx-2\.5{margin-left:0.625rem;margin-right:0.625rem}
.mx-20{margin-left:5rem;margin-right:5rem}
.mx-24{margin-left:6rem;margin-right:6rem}
.mx-28{margin-left:7rem;margin-right:7rem}
.mx-3{margin-left:0.75rem;margin-right:0.75rem}
.mx-3\.5{margin-left:0.875rem;margin-right:0.875rem}
.mx-32{margin-left:8rem;margin-right:8rem}
.mx-36{margin-left:9rem;margin-right:9rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.mx-40{margin-left:10rem;margin-right:10rem}
.mx-44{margin-left:11rem;margin-right:11rem}
.mx-48{margin-left:12rem;margin-right:12rem}
.mx-5{margin-left:1.25rem;margin-right:1.25rem}
.mx-52{margin-left:13rem;margin-right:13rem}
.mx-56{margin-left:14rem;margin-right:14rem}
.mx-6{margin-left:1.5rem;margin-right:1.5rem}
.mx-60{margin-left:15rem;margin-right:15rem}
.mx-64{margin-left:16rem;margin-right:16rem}
.mx-7{margin-left:1.75rem;margin-right:1.75rem}
.mx-72{margin-left:18rem;margin-right:18rem}
.mx-8{margin-left:2rem;margin-right:2rem}
.mx-80{margin-left:20rem;margin-right:20rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem}
.my-1\.5{margin-top:0.375rem;margin-bottom:0.375rem}
.my-10{margin-top:2.5rem;margin-bottom:2.5rem}
.my-11{margin-top:2.75rem;margin-bottom:2.75rem}
.my-12{margin-top:3rem;margin-bottom:3rem}
.my-14{margin-top:3.5rem;margin-bottom:3.5rem}
.my-16{margin-top:4rem;margin-bottom:4rem}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}
.my-2\.5{margin-top:0.625rem;margin-bottom:0.625rem}
.my-20{margin-top:5rem;margin-bottom:5rem}
.my-24{margin-top:6rem;margin-bottom:6rem}
.my-28{margin-top:7rem;margin-bottom:7rem}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.my-3\.5{margin-top:0.875rem;margin-bottom:0.875rem}
.my-32{margin-top:8rem;margin-bottom:8rem}
.my-36{margin-top:9rem;margin-bottom:9rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-40{margin-top:10rem;margin-bottom:10rem}
.my-44{margin-top:11rem;margin-bottom:11rem}
.my-48{margin-top:12rem;margin-bottom:12rem}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem}
.my-52{margin-top:13rem;margin-bottom:13rem}
.my-56{margin-top:14rem;margin-bottom:14rem}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem}
.my-60{margin-top:15rem;margin-bottom:15rem}
.my-64{margin-top:16rem;margin-bottom:16rem}
.my-7{margin-top:1.75rem;margin-bottom:1.75rem}
.my-72{margin-top:18rem;margin-bottom:18rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.my-80{margin-top:20rem;margin-bottom:20rem}
.-mb-1{margin-bottom:-0.25rem}
.-mb-1\.5{margin-bottom:-0.375rem}
.-mb-10{margin-bottom:-2.5rem}
.-mb-11{margin-bottom:-2.75rem}
.-mb-12{margin-bottom:-3rem}
.-mb-14{margin-bottom:-3.5rem}
.-mb-16{margin-bottom:-4rem}
.-mb-2{margin-bottom:-0.5rem}
.-mb-2\.5{margin-bottom:-0.625rem}
.-mb-20{margin-bottom:-5rem}
.-mb-24{margin-bottom:-6rem}
.-mb-28{margin-bottom:-7rem}
.-mb-3{margin-bottom:-0.75rem}
.-mb-3\.5{margin-bottom:-0.875rem}
.-mb-32{margin-bottom:-8rem}
.-mb-36{margin-bottom:-9rem}
.-mb-4{margin-bottom:-1rem}
.-mb-40{margin-bottom:-10rem}
.-mb-44{margin-bottom:-11rem}
.-mb-48{margin-bottom:-12rem}
.-mb-5{margin-bottom:-1.25rem}
.-mb-52{margin-bottom:-13rem}
.-mb-56{margin-bottom:-14rem}
.-mb-6{margin-bottom:-1.5rem}
.-mb-60{margin-bottom:-15rem}
.-mb-64{margin-bottom:-16rem}
.-mb-7{margin-bottom:-1.75rem}
.-mb-72{margin-bottom:-18rem}
.-mb-8{margin-bottom:-2rem}
.-mb-80{margin-bottom:-20rem}
.-ml-1{margin-left:-0.25rem}
.-ml-1\.5{margin-left:-0.375rem}
.-ml-10{margin-left:-2.5rem}
.-ml-11{margin-left:-2.75rem}
.-ml-12{margin-left:-3rem}
.-ml-14{margin-left:-3.5rem}
.-ml-16{margin-left:-4rem}
.-ml-2{margin-left:-0.5rem}
.-ml-2\.5{margin-left:-0.625rem}
.-ml-20{margin-left:-5rem}
.-ml-24{margin-left:-6rem}
.-ml-28{margin-left:-7rem}
.-ml-3{margin-left:-0.75rem}
.-ml-3\.5{margin-left:-0.875rem}
.-ml-32{margin-left:-8rem}
.-ml-36{margin-left:-9rem}
.-ml-4{margin-left:-1rem}
.-ml-40{margin-left:-10rem}
.-ml-44{margin-left:-11rem}
.-ml-48{margin-left:-12rem}
.-ml-5{margin-left:-1.25rem}
.-ml-52{margin-left:-13rem}
.-ml-56{margin-left:-14rem}
.-ml-6{margin-left:-1.5rem}
.-ml-60{margin-left:-15rem}
.-ml-64{margin-left:-16rem}
.-ml-7{margin-left:-1.75rem}
.-ml-72{margin-left:-18rem}
.-ml-8{margin-left:-2rem}
.-ml-80{margin-left:-20rem}
.-mr-1{margin-right:-0.25rem}
.-mr-1\.5{margin-right:-0.375rem}
.-mr-10{margin-right:-2.5rem}
.-mr-11{margin-right:-2.75rem}
.-mr-12{margin-right:-3rem}
.-mr-14{margin-right:-3.5rem}
.-mr-16{margin-right:-4rem}
.-mr-2{margin-right:-0.5rem}
.-mr-2\.5{margin-right:-0.625rem}
.-mr-20{margin-right:-5rem}
.-mr-24{margin-right:-6rem}
.-mr-28{margin-right:-7rem}
.-mr-3{margin-right:-0.75rem}
.-mr-3\.5{margin-right:-0.875rem}
.-mr-32{margin-right:-8rem}
.-mr-36{margin-right:-9rem}
.-mr-4{margin-right:-1rem}
.-mr-40{margin-right:-10rem}
.-mr-44{margin-right:-11rem}
.-mr-48{margin-right:-12rem}
.-mr-5{margin-right:-1.25rem}
.-mr-52{margin-right:-13rem}
.-mr-56{margin-right:-14rem}
.-mr-6{margin-right:-1.5rem}
.-mr-60{margin-right:-15rem}
.-mr-64{margin-right:-16rem}
.-mr-7{margin-right:-1.75rem}
.-mr-72{margin-right:-18rem}
.-mr-8{margin-right:-2rem}
.-mr-80{margin-right:-20rem}
.-mt-1{margin-top:-0.25rem}
.-mt-1\.5{margin-top:-0.375rem}
.-mt-10{margin-top:-2.5rem}
.-mt-11{margin-top:-2.75rem}
.-mt-12{margin-top:-3rem}
.-mt-14{margin-top:-3.5rem}
.-mt-16{margin-top:-4rem}
.-mt-2{margin-top:-0.5rem}
.-mt-2\.5{margin-top:-0.625rem}
.-mt-20{margin-top:-5rem}
.-mt-24{margin-top:-6rem}
.-mt-28{margin-top:-7rem}
.-mt-3{margin-top:-0.75rem}
.-mt-3\.5{margin-top:-0.875rem}
.-mt-32{margin-top:-8rem}
.-mt-36{margin-top:-9rem}
.-mt-4{margin-top:-1rem}
.-mt-40{margin-top:-10rem}
.-mt-44{margin-top:-11rem}
.-mt-48{margin-top:-12rem}
.-mt-5{margin-top:-1.25rem}
.-mt-52{margin-top:-13rem}
.-mt-56{margin-top:-14rem}
.-mt-6{margin-top:-1.5rem}
.-mt-60{margin-top:-15rem}
.-mt-64{margin-top:-16rem}
.-mt-7{margin-top:-1.75rem}
.-mt-72{margin-top:-18rem}
.-mt-8{margin-top:-2rem}
.-mt-80{margin-top:-20rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
.mb-10{margin-bottom:2.5rem}
.mb-11{margin-bottom:2.75rem}
.mb-12{margin-bottom:3rem}
.mb-14{margin-bottom:3.5rem}
.mb-16{margin-bottom:4rem}
.mb-2{margin-bottom:0.5rem}
.mb-2\.5{margin-bottom:0.625rem}
.mb-20{margin-bottom:5rem}
.mb-24{margin-bottom:6rem}
.mb-28{margin-bottom:7rem}
.mb-3{margin-bottom:0.75rem}
.mb-3\.5{margin-bottom:0.875rem}
.mb-32{margin-bottom:8rem}
.mb-36{margin-bottom:9rem}
.mb-4{margin-bottom:1rem}
.mb-40{margin-bottom:10rem}
.mb-44{margin-bottom:11rem}
.mb-48{margin-bottom:12rem}
.mb-5{margin-bottom:1.25rem}
.mb-52{margin-bottom:13rem}
.mb-56{margin-bottom:14rem}
.mb-6{margin-bottom:1.5rem}
.mb-60{margin-bottom:15rem}
.mb-64{margin-bottom:16rem}
.mb-7{margin-bottom:1.75rem}
.mb-72{margin-bottom:18rem}
.mb-8{margin-bottom:2rem}
.mb-80{margin-bottom:20rem}
.ml-1{margin-left:0.25rem}
.ml-1\.5{margin-left:0.375rem}
.ml-10{margin-left:2.5rem}
.ml-11{margin-left:2.75rem}
.ml-12{margin-left:3rem}
.ml-14{margin-left:3.5rem}
.ml-16{margin-left:4rem}
.ml-2{margin-left:0.5rem}
.ml-2\.5{margin-left:0.625rem}
.ml-20{margin-left:5rem}
.ml-24{margin-left:6rem}
.ml-28{margin-left:7rem}
.ml-3{margin-left:0.75rem}
.ml-3\.5{margin-left:0.875rem}
.ml-32{margin-left:8rem}
.ml-36{margin-left:9rem}
.ml-4{margin-left:1rem}
.ml-40{margin-left:10rem}
.ml-44{margin-left:11rem}
.ml-48{margin-left:12rem}
.ml-5{margin-left:1.25rem}
.ml-52{margin-left:13rem}
.ml-56{margin-left:14rem}
.ml-6{margin-left:1.5rem}
.ml-60{margin-left:15rem}
.ml-64{margin-left:16rem}
.ml-7{margin-left:1.75rem}
.ml-72{margin-left:18rem}
.ml-8{margin-left:2rem}
.ml-80{margin-left:20rem}
.mr-1{margin-right:0.25rem}
.mr-1\.5{margin-right:0.375rem}
.mr-10{margin-right:2.5rem}
.mr-11{margin-right:2.75rem}
.mr-12{margin-right:3rem}
.mr-14{margin-right:3.5rem}
.mr-16{margin-right:4rem}
.mr-2{margin-right:0.5rem}
.mr-2\.5{margin-right:0.625rem}
.mr-20{margin-right:5rem}
.mr-24{margin-right:6rem}
.mr-28{margin-right:7rem}
.mr-3{margin-right:0.75rem}
.mr-3\.5{margin-right:0.875rem}
.mr-32{margin-right:8rem}
.mr-36{margin-right:9rem}
.mr-4{margin-right:1rem}
.mr-40{margin-right:10rem}
.mr-44{margin-right:11rem}
.mr-48{margin-right:12rem}
.mr-5{margin-right:1.25rem}
.mr-52{margin-right:13rem}
.mr-56{margin-right:14rem}
.mr-6{margin-right:1.5rem}
.mr-60{margin-right:15rem}
.mr-64{margin-right:16rem}
.mr-7{margin-right:1.75rem}
.mr-72{margin-right:18rem}
.mr-8{margin-right:2rem}
.mr-80{margin-right:20rem}
.mt-1{margin-top:0.25rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-11{margin-top:2.75rem}
.mt-12{margin-top:3rem}
.mt-14{margin-top:3.5rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-20{margin-top:5rem}
.mt-24{margin-top:6rem}
.mt-28{margin-top:7rem}
.mt-3{margin-top:0.75rem}
.mt-3\.5{margin-top:0.875rem}
.mt-32{margin-top:8rem}
.mt-36{margin-top:9rem}
.mt-4{margin-top:1rem}
.mt-40{margin-top:10rem}
.mt-44{margin-top:11rem}
.mt-48{margin-top:12rem}
.mt-5{margin-top:1.25rem}
.mt-52{margin-top:13rem}
.mt-56{margin-top:14rem}
.mt-6{margin-top:1.5rem}
.mt-60{margin-top:15rem}
.mt-64{margin-top:16rem}
.mt-7{margin-top:1.75rem}
.mt-72{margin-top:18rem}
.mt-8{margin-top:2rem}
.mt-80{margin-top:20rem}
.block{display:block}
.inline{display:inline}
.flex{display:flex}
.table{display:table}
.hidden{display:none}
.flex-1{flex:1 1 0%}
.flex-shrink{flex-shrink:1}
.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.cursor-copy{cursor:copy}
.cursor-grab{cursor:grab}
.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}
.resize{resize:both}
.-scroll-mx-1{scroll-margin-left:-0.25rem;scroll-margin-right:-0.25rem}
.-scroll-mx-1\.5{scroll-margin-left:-0.375rem;scroll-margin-right:-0.375rem}
.-scroll-mx-10{scroll-margin-left:-2.5rem;scroll-margin-right:-2.5rem}
.-scroll-mx-11{scroll-margin-left:-2.75rem;scroll-margin-right:-2.75rem}
.-scroll-mx-12{scroll-margin-left:-3rem;scroll-margin-right:-3rem}
.-scroll-mx-14{scroll-margin-left:-3.5rem;scroll-margin-right:-3.5rem}
.-scroll-mx-16{scroll-margin-left:-4rem;scroll-margin-right:-4rem}
.-scroll-mx-2{scroll-margin-left:-0.5rem;scroll-margin-right:-0.5rem}
.-scroll-mx-2\.5{scroll-margin-left:-0.625rem;scroll-margin-right:-0.625rem}
.-scroll-mx-20{scroll-margin-left:-5rem;scroll-margin-right:-5rem}
.-scroll-mx-24{scroll-margin-left:-6rem;scroll-margin-right:-6rem}
.-scroll-mx-28{scroll-margin-left:-7rem;scroll-margin-right:-7rem}
.-scroll-mx-3{scroll-margin-left:-0.75rem;scroll-margin-right:-0.75rem}
.-scroll-mx-3\.5{scroll-margin-left:-0.875rem;scroll-margin-right:-0.875rem}
.-scroll-mx-32{scroll-margin-left:-8rem;scroll-margin-right:-8rem}
.-scroll-mx-36{scroll-margin-left:-9rem;scroll-margin-right:-9rem}
.-scroll-mx-4{scroll-margin-left:-1rem;scroll-margin-right:-1rem}
.-scroll-mx-40{scroll-margin-left:-10rem;scroll-margin-right:-10rem}
.-scroll-mx-44{scroll-margin-left:-11rem;scroll-margin-right:-11rem}
.-scroll-mx-48{scroll-margin-left:-12rem;scroll-margin-right:-12rem}
.-scroll-mx-5{scroll-margin-left:-1.25rem;scroll-margin-right:-1.25rem}
.-scroll-mx-52{scroll-margin-left:-13rem;scroll-margin-right:-13rem}
.-scroll-mx-56{scroll-margin-left:-14rem;scroll-margin-right:-14rem}
.-scroll-mx-6{scroll-margin-left:-1.5rem;scroll-margin-right:-1.5rem}
.-scroll-mx-60{scroll-margin-left:-15rem;scroll-margin-right:-15rem}
.-scroll-mx-64{scroll-margin-left:-16rem;scroll-margin-right:-16rem}
.-scroll-mx-7{scroll-margin-left:-1.75rem;scroll-margin-right:-1.75rem}
.-scroll-mx-72{scroll-margin-left:-18rem;scroll-margin-right:-18rem}
.-scroll-mx-8{scroll-margin-left:-2rem;scroll-margin-right:-2rem}
.-scroll-mx-80{scroll-margin-left:-20rem;scroll-margin-right:-20rem}
.-scroll-my-1{scroll-margin-top:-0.25rem;scroll-margin-bottom:-0.25rem}
.-scroll-my-1\.5{scroll-margin-top:-0.375rem;scroll-margin-bottom:-0.375rem}
.-scroll-my-10{scroll-margin-top:-2.5rem;scroll-margin-bottom:-2.5rem}
.-scroll-my-11{scroll-margin-top:-2.75rem;scroll-margin-bottom:-2.75rem}
.-scroll-my-12{scroll-margin-top:-3rem;scroll-margin-bottom:-3rem}
.-scroll-my-14{scroll-margin-top:-3.5rem;scroll-margin-bottom:-3.5rem}
.-scroll-my-16{scroll-margin-top:-4rem;scroll-margin-bottom:-4rem}
.-scroll-my-2{scroll-margin-top:-0.5rem;scroll-margin-bottom:-0.5rem}
.-scroll-my-2\.5{scroll-margin-top:-0.625rem;scroll-margin-bottom:-0.625rem}
.-scroll-my-20{scroll-margin-top:-5rem;scroll-margin-bottom:-5rem}
.-scroll-my-24{scroll-margin-top:-6rem;scroll-margin-bottom:-6rem}
.-scroll-my-28{scroll-margin-top:-7rem;scroll-margin-bottom:-7rem}
.-scroll-my-3{scroll-margin-top:-0.75rem;scroll-margin-bottom:-0.75rem}
.-scroll-my-3\.5{scroll-margin-top:-0.875rem;scroll-margin-bottom:-0.875rem}
.-scroll-my-32{scroll-margin-top:-8rem;scroll-margin-bottom:-8rem}
.-scroll-my-36{scroll-margin-top:-9rem;scroll-margin-bottom:-9rem}
.-scroll-my-4{scroll-margin-top:-1rem;scroll-margin-bottom:-1rem}
.-scroll-my-40{scroll-margin-top:-10rem;scroll-margin-bottom:-10rem}
.-scroll-my-44{scroll-margin-top:-11rem;scroll-margin-bottom:-11rem}
.-scroll-my-48{scroll-margin-top:-12rem;scroll-margin-bottom:-12rem}
.-scroll-my-5{scroll-margin-top:-1.25rem;scroll-margin-bottom:-1.25rem}
.-scroll-my-52{scroll-margin-top:-13rem;scroll-margin-bottom:-13rem}
.-scroll-my-56{scroll-margin-top:-14rem;scroll-margin-bottom:-14rem}
.-scroll-my-6{scroll-margin-top:-1.5rem;scroll-margin-bottom:-1.5rem}
.-scroll-my-60{scroll-margin-top:-15rem;scroll-margin-bottom:-15rem}
.-scroll-my-64{scroll-margin-top:-16rem;scroll-margin-bottom:-16rem}
.-scroll-my-7{scroll-margin-top:-1.75rem;scroll-margin-bottom:-1.75rem}
.-scroll-my-72{scroll-margin-top:-18rem;scroll-margin-bottom:-18rem}
.-scroll-my-8{scroll-margin-top:-2rem;scroll-margin-bottom:-2rem}
.-scroll-my-80{scroll-margin-top:-20rem;scroll-margin-bottom:-20rem}
.scroll-mx-1{scroll-margin-left:0.25rem;scroll-margin-right:0.25rem}
.scroll-mx-1\.5{scroll-margin-left:0.375rem;scroll-margin-right:0.375rem}
.scroll-mx-10{scroll-margin-left:2.5rem;scroll-margin-right:2.5rem}
.scroll-mx-11{scroll-margin-left:2.75rem;scroll-margin-right:2.75rem}
.scroll-mx-12{scroll-margin-left:3rem;scroll-margin-right:3rem}
.scroll-mx-14{scroll-margin-left:3.5rem;scroll-margin-right:3.5rem}
.scroll-mx-16{scroll-margin-left:4rem;scroll-margin-right:4rem}
.scroll-mx-2{scroll-margin-left:0.5rem;scroll-margin-right:0.5rem}
.scroll-mx-2\.5{scroll-margin-left:0.625rem;scroll-margin-right:0.625rem}
.scroll-mx-20{scroll-margin-left:5rem;scroll-margin-right:5rem}
.scroll-mx-24{scroll-margin-left:6rem;scroll-margin-right:6rem}
.scroll-mx-28{scroll-margin-left:7rem;scroll-margin-right:7rem}
.scroll-mx-3{scroll-margin-left:0.75rem;scroll-margin-right:0.75rem}
.scroll-mx-3\.5{scroll-margin-left:0.875rem;scroll-margin-right:0.875rem}
.scroll-mx-32{scroll-margin-left:8rem;scroll-margin-right:8rem}
.scroll-mx-36{scroll-margin-left:9rem;scroll-margin-right:9rem}
.scroll-mx-4{scroll-margin-left:1rem;scroll-margin-right:1rem}
.scroll-mx-40{scroll-margin-left:10rem;scroll-margin-right:10rem}
.scroll-mx-44{scroll-margin-left:11rem;scroll-margin-right:11rem}
.scroll-mx-48{scroll-margin-left:12rem;scroll-margin-right:12rem}
.scroll-mx-5{scroll-margin-left:1.25rem;scroll-margin-right:1.25rem}
.scroll-mx-52{scroll-margin-left:13rem;scroll-margin-right:13rem}
.scroll-mx-56{scroll-margin-left:14rem;scroll-margin-right:14rem}
.scroll-mx-6{scroll-margin-left:1.5rem;scroll-margin-right:1.5rem}
.scroll-mx-60{scroll-margin-left:15rem;scroll-margin-right:15rem}
.scroll-mx-64{scroll-margin-left:16rem;scroll-margin-right:16rem}
.scroll-mx-7{scroll-margin-left:1.75rem;scroll-margin-right:1.75rem}
.scroll-mx-72{scroll-margin-left:18rem;scroll-margin-right:18rem}
.scroll-mx-8{scroll-margin-left:2rem;scroll-margin-right:2rem}
.scroll-mx-80{scroll-margin-left:20rem;scroll-margin-right:20rem}
.scroll-my-1{scroll-margin-top:0.25rem;scroll-margin-bottom:0.25rem}
.scroll-my-1\.5{scroll-margin-top:0.375rem;scroll-margin-bottom:0.375rem}
.scroll-my-10{scroll-margin-top:2.5rem;scroll-margin-bottom:2.5rem}
.scroll-my-11{scroll-margin-top:2.75rem;scroll-margin-bottom:2.75rem}
.scroll-my-12{scroll-margin-top:3rem;scroll-margin-bottom:3rem}
.scroll-my-14{scroll-margin-top:3.5rem;scroll-margin-bottom:3.5rem}
.scroll-my-16{scroll-margin-top:4rem;scroll-margin-bottom:4rem}
.scroll-my-2{scroll-margin-top:0.5rem;scroll-margin-bottom:0.5rem}
.scroll-my-2\.5{scroll-margin-top:0.625rem;scroll-margin-bottom:0.625rem}
.scroll-my-20{scroll-margin-top:5rem;scroll-margin-bottom:5rem}
.scroll-my-24{scroll-margin-top:6rem;scroll-margin-bottom:6rem}
.scroll-my-28{scroll-margin-top:7rem;scroll-margin-bottom:7rem}
.scroll-my-3{scroll-margin-top:0.75rem;scroll-margin-bottom:0.75rem}
.scroll-my-3\.5{scroll-margin-top:0.875rem;scroll-margin-bottom:0.875rem}
.scroll-my-32{scroll-margin-top:8rem;scroll-margin-bottom:8rem}
.scroll-my-36{scroll-margin-top:9rem;scroll-margin-bottom:9rem}
.scroll-my-4{scroll-margin-top:1rem;scroll-margin-bottom:1rem}
.scroll-my-40{scroll-margin-top:10rem;scroll-margin-bottom:10rem}
.scroll-my-44{scroll-margin-top:11rem;scroll-margin-bottom:11rem}
.scroll-my-48{scroll-margin-top:12rem;scroll-margin-bottom:12rem}
.scroll-my-5{scroll-margin-top:1.25rem;scroll-margin-bottom:1.25rem}
.scroll-my-52{scroll-margin-top:13rem;scroll-margin-bottom:13rem}
.scroll-my-56{scroll-margin-top:14rem;scroll-margin-bottom:14rem}
.scroll-my-6{scroll-margin-top:1.5rem;scroll-margin-bottom:1.5rem}
.scroll-my-60{scroll-margin-top:15rem;scroll-margin-bottom:15rem}
.scroll-my-64{scroll-margin-top:16rem;scroll-margin-bottom:16rem}
.scroll-my-7{scroll-margin-top:1.75rem;scroll-margin-bottom:1.75rem}
.scroll-my-72{scroll-margin-top:18rem;scroll-margin-bottom:18rem}
.scroll-my-8{scroll-margin-top:2rem;scroll-margin-bottom:2rem}
.scroll-my-80{scroll-margin-top:20rem;scroll-margin-bottom:20rem}
.-scroll-mb-1{scroll-margin-bottom:-0.25rem}
.-scroll-mb-1\.5{scroll-margin-bottom:-0.375rem}
.-scroll-mb-10{scroll-margin-bottom:-2.5rem}
.-scroll-mb-11{scroll-margin-bottom:-2.75rem}
.-scroll-mb-12{scroll-margin-bottom:-3rem}
.-scroll-mb-14{scroll-margin-bottom:-3.5rem}
.-scroll-mb-16{scroll-margin-bottom:-4rem}
.-scroll-mb-2{scroll-margin-bottom:-0.5rem}
.-scroll-mb-2\.5{scroll-margin-bottom:-0.625rem}
.-scroll-mb-20{scroll-margin-bottom:-5rem}
.-scroll-mb-24{scroll-margin-bottom:-6rem}
.-scroll-mb-28{scroll-margin-bottom:-7rem}
.-scroll-mb-3{scroll-margin-bottom:-0.75rem}
.-scroll-mb-3\.5{scroll-margin-bottom:-0.875rem}
.-scroll-mb-32{scroll-margin-bottom:-8rem}
.-scroll-mb-36{scroll-margin-bottom:-9rem}
.-scroll-mb-4{scroll-margin-bottom:-1rem}
.-scroll-mb-40{scroll-margin-bottom:-10rem}
.-scroll-mb-44{scroll-margin-bottom:-11rem}
.-scroll-mb-48{scroll-margin-bottom:-12rem}
.-scroll-mb-5{scroll-margin-bottom:-1.25rem}
.-scroll-mb-52{scroll-margin-bottom:-13rem}
.-scroll-mb-56{scroll-margin-bottom:-14rem}
.-scroll-mb-6{scroll-margin-bottom:-1.5rem}
.-scroll-mb-60{scroll-margin-bottom:-15rem}
.-scroll-mb-64{scroll-margin-bottom:-16rem}
.-scroll-mb-7{scroll-margin-bottom:-1.75rem}
.-scroll-mb-72{scroll-margin-bottom:-18rem}
.-scroll-mb-8{scroll-margin-bottom:-2rem}
.-scroll-mb-80{scroll-margin-bottom:-20rem}
.-scroll-ml-1{scroll-margin-left:-0.25rem}
.-scroll-ml-1\.5{scroll-margin-left:-0.375rem}
.-scroll-ml-10{scroll-margin-left:-2.5rem}
.-scroll-ml-11{scroll-margin-left:-2.75rem}
.-scroll-ml-12{scroll-margin-left:-3rem}
.-scroll-ml-14{scroll-margin-left:-3.5rem}
.-scroll-ml-16{scroll-margin-left:-4rem}
.-scroll-ml-2{scroll-margin-left:-0.5rem}
.-scroll-ml-2\.5{scroll-margin-left:-0.625rem}
.-scroll-ml-20{scroll-margin-left:-5rem}
.-scroll-ml-24{scroll-margin-left:-6rem}
.-scroll-ml-28{scroll-margin-left:-7rem}
.-scroll-ml-3{scroll-margin-left:-0.75rem}
.-scroll-ml-3\.5{scroll-margin-left:-0.875rem}
.-scroll-ml-32{scroll-margin-left:-8rem}
.-scroll-ml-36{scroll-margin-left:-9rem}
.-scroll-ml-4{scroll-margin-left:-1rem}
.-scroll-ml-40{scroll-margin-left:-10rem}
.-scroll-ml-44{scroll-margin-left:-11rem}
.-scroll-ml-48{scroll-margin-left:-12rem}
.-scroll-ml-5{scroll-margin-left:-1.25rem}
.-scroll-ml-52{scroll-margin-left:-13rem}
.-scroll-ml-56{scroll-margin-left:-14rem}
.-scroll-ml-6{scroll-margin-left:-1.5rem}
.-scroll-ml-60{scroll-margin-left:-15rem}
.-scroll-ml-64{scroll-margin-left:-16rem}
.-scroll-ml-7{scroll-margin-left:-1.75rem}
.-scroll-ml-72{scroll-margin-left:-18rem}
.-scroll-ml-8{scroll-margin-left:-2rem}
.-scroll-ml-80{scroll-margin-left:-20rem}
.-scroll-mr-1{scroll-margin-right:-0.25rem}
.-scroll-mr-1\.5{scroll-margin-right:-0.375rem}
.-scroll-mr-10{scroll-margin-right:-2.5rem}
.-scroll-mr-11{scroll-margin-right:-2.75rem}
.-scroll-mr-12{scroll-margin-right:-3rem}
.-scroll-mr-14{scroll-margin-right:-3.5rem}
.-scroll-mr-16{scroll-margin-right:-4rem}
.-scroll-mr-2{scroll-margin-right:-0.5rem}
.-scroll-mr-2\.5{scroll-margin-right:-0.625rem}
.-scroll-mr-20{scroll-margin-right:-5rem}
.-scroll-mr-24{scroll-margin-right:-6rem}
.-scroll-mr-28{scroll-margin-right:-7rem}
.-scroll-mr-3{scroll-margin-right:-0.75rem}
.-scroll-mr-3\.5{scroll-margin-right:-0.875rem}
.-scroll-mr-32{scroll-margin-right:-8rem}
.-scroll-mr-36{scroll-margin-right:-9rem}
.-scroll-mr-4{scroll-margin-right:-1rem}
.-scroll-mr-40{scroll-margin-right:-10rem}
.-scroll-mr-44{scroll-margin-right:-11rem}
.-scroll-mr-48{scroll-margin-right:-12rem}
.-scroll-mr-5{scroll-margin-right:-1.25rem}
.-scroll-mr-52{scroll-margin-right:-13rem}
.-scroll-mr-56{scroll-margin-right:-14rem}
.-scroll-mr-6{scroll-margin-right:-1.5rem}
.-scroll-mr-60{scroll-margin-right:-15rem}
.-scroll-mr-64{scroll-margin-right:-16rem}
.-scroll-mr-7{scroll-margin-right:-1.75rem}
.-scroll-mr-72{scroll-margin-right:-18rem}
.-scroll-mr-8{scroll-margin-right:-2rem}
.-scroll-mr-80{scroll-margin-right:-20rem}
.-scroll-mt-1{scroll-margin-top:-0.25rem}
.-scroll-mt-1\.5{scroll-margin-top:-0.375rem}
.-scroll-mt-10{scroll-margin-top:-2.5rem}
.-scroll-mt-11{scroll-margin-top:-2.75rem}
.-scroll-mt-12{scroll-margin-top:-3rem}
.-scroll-mt-14{scroll-margin-top:-3.5rem}
.-scroll-mt-16{scroll-margin-top:-4rem}
.-scroll-mt-2{scroll-margin-top:-0.5rem}
.-scroll-mt-2\.5{scroll-margin-top:-0.625rem}
.-scroll-mt-20{scroll-margin-top:-5rem}
.-scroll-mt-24{scroll-margin-top:-6rem}
.-scroll-mt-28{scroll-margin-top:-7rem}
.-scroll-mt-3{scroll-margin-top:-0.75rem}
.-scroll-mt-3\.5{scroll-margin-top:-0.875rem}
.-scroll-mt-32{scroll-margin-top:-8rem}
.-scroll-mt-36{scroll-margin-top:-9rem}
.-scroll-mt-4{scroll-margin-top:-1rem}
.-scroll-mt-40{scroll-margin-top:-10rem}
.-scroll-mt-44{scroll-margin-top:-11rem}
.-scroll-mt-48{scroll-margin-top:-12rem}
.-scroll-mt-5{scroll-margin-top:-1.25rem}
.-scroll-mt-52{scroll-margin-top:-13rem}
.-scroll-mt-56{scroll-margin-top:-14rem}
.-scroll-mt-6{scroll-margin-top:-1.5rem}
.-scroll-mt-60{scroll-margin-top:-15rem}
.-scroll-mt-64{scroll-margin-top:-16rem}
.-scroll-mt-7{scroll-margin-top:-1.75rem}
.-scroll-mt-72{scroll-margin-top:-18rem}
.-scroll-mt-8{scroll-margin-top:-2rem}
.-scroll-mt-80{scroll-margin-top:-20rem}
.scroll-mb-1{scroll-margin-bottom:0.25rem}
.scroll-mb-1\.5{scroll-margin-bottom:0.375rem}
.scroll-mb-10{scroll-margin-bottom:2.5rem}
.scroll-mb-11{scroll-margin-bottom:2.75rem}
.scroll-mb-12{scroll-margin-bottom:3rem}
.scroll-mb-14{scroll-margin-bottom:3.5rem}
.scroll-mb-16{scroll-margin-bottom:4rem}
.scroll-mb-2{scroll-margin-bottom:0.5rem}
.scroll-mb-2\.5{scroll-margin-bottom:0.625rem}
.scroll-mb-20{scroll-margin-bottom:5rem}
.scroll-mb-24{scroll-margin-bottom:6rem}
.scroll-mb-28{scroll-margin-bottom:7rem}
.scroll-mb-3{scroll-margin-bottom:0.75rem}
.scroll-mb-3\.5{scroll-margin-bottom:0.875rem}
.scroll-mb-32{scroll-margin-bottom:8rem}
.scroll-mb-36{scroll-margin-bottom:9rem}
.scroll-mb-4{scroll-margin-bottom:1rem}
.scroll-mb-40{scroll-margin-bottom:10rem}
.scroll-mb-44{scroll-margin-bottom:11rem}
.scroll-mb-48{scroll-margin-bottom:12rem}
.scroll-mb-5{scroll-margin-bottom:1.25rem}
.scroll-mb-52{scroll-margin-bottom:13rem}
.scroll-mb-56{scroll-margin-bottom:14rem}
.scroll-mb-6{scroll-margin-bottom:1.5rem}
.scroll-mb-60{scroll-margin-bottom:15rem}
.scroll-mb-64{scroll-margin-bottom:16rem}
.scroll-mb-7{scroll-margin-bottom:1.75rem}
.scroll-mb-72{scroll-margin-bottom:18rem}
.scroll-mb-8{scroll-margin-bottom:2rem}
.scroll-mb-80{scroll-margin-bottom:20rem}
.scroll-ml-1{scroll-margin-left:0.25rem}
.scroll-ml-1\.5{scroll-margin-left:0.375rem}
.scroll-ml-10{scroll-margin-left:2.5rem}
.scroll-ml-11{scroll-margin-left:2.75rem}
.scroll-ml-12{scroll-margin-left:3rem}
.scroll-ml-14{scroll-margin-left:3.5rem}
.scroll-ml-16{scroll-margin-left:4rem}
.scroll-ml-2{scroll-margin-left:0.5rem}
.scroll-ml-2\.5{scroll-margin-left:0.625rem}
.scroll-ml-20{scroll-margin-left:5rem}
.scroll-ml-24{scroll-margin-left:6rem}
.scroll-ml-28{scroll-margin-left:7rem}
.scroll-ml-3{scroll-margin-left:0.75rem}
.scroll-ml-3\.5{scroll-margin-left:0.875rem}
.scroll-ml-32{scroll-margin-left:8rem}
.scroll-ml-36{scroll-margin-left:9rem}
.scroll-ml-4{scroll-margin-left:1rem}
.scroll-ml-40{scroll-margin-left:10rem}
.scroll-ml-44{scroll-margin-left:11rem}
.scroll-ml-48{scroll-margin-left:12rem}
.scroll-ml-5{scroll-margin-left:1.25rem}
.scroll-ml-52{scroll-margin-left:13rem}
.scroll-ml-56{scroll-margin-left:14rem}
.scroll-ml-6{scroll-margin-left:1.5rem}
.scroll-ml-60{scroll-margin-left:15rem}
.scroll-ml-64{scroll-margin-left:16rem}
.scroll-ml-7{scroll-margin-left:1.75rem}
.scroll-ml-72{scroll-margin-left:18rem}
.scroll-ml-8{scroll-margin-left:2rem}
.scroll-ml-80{scroll-margin-left:20rem}
.scroll-mr-1{scroll-margin-right:0.25rem}
.scroll-mr-1\.5{scroll-margin-right:0.375rem}
.scroll-mr-10{scroll-margin-right:2.5rem}
.scroll-mr-11{scroll-margin-right:2.75rem}
.scroll-mr-12{scroll-margin-right:3rem}
.scroll-mr-14{scroll-margin-right:3.5rem}
.scroll-mr-16{scroll-margin-right:4rem}
.scroll-mr-2{scroll-margin-right:0.5rem}
.scroll-mr-2\.5{scroll-margin-right:0.625rem}
.scroll-mr-20{scroll-margin-right:5rem}
.scroll-mr-24{scroll-margin-right:6rem}
.scroll-mr-28{scroll-margin-right:7rem}
.scroll-mr-3{scroll-margin-right:0.75rem}
.scroll-mr-3\.5{scroll-margin-right:0.875rem}
.scroll-mr-32{scroll-margin-right:8rem}
.scroll-mr-36{scroll-margin-right:9rem}
.scroll-mr-4{scroll-margin-right:1rem}
.scroll-mr-40{scroll-margin-right:10rem}
.scroll-mr-44{scroll-margin-right:11rem}
.scroll-mr-48{scroll-margin-right:12rem}
.scroll-mr-5{scroll-margin-right:1.25rem}
.scroll-mr-52{scroll-margin-right:13rem}
.scroll-mr-56{scroll-margin-right:14rem}
.scroll-mr-6{scroll-margin-right:1.5rem}
.scroll-mr-60{scroll-margin-right:15rem}
.scroll-mr-64{scroll-margin-right:16rem}
.scroll-mr-7{scroll-margin-right:1.75rem}
.scroll-mr-72{scroll-margin-right:18rem}
.scroll-mr-8{scroll-margin-right:2rem}
.scroll-mr-80{scroll-margin-right:20rem}
.scroll-mt-1{scroll-margin-top:0.25rem}
.scroll-mt-1\.5{scroll-margin-top:0.375rem}
.scroll-mt-10{scroll-margin-top:2.5rem}
.scroll-mt-11{scroll-margin-top:2.75rem}
.scroll-mt-12{scroll-margin-top:3rem}
.scroll-mt-14{scroll-margin-top:3.5rem}
.scroll-mt-16{scroll-margin-top:4rem}
.scroll-mt-2{scroll-margin-top:0.5rem}
.scroll-mt-2\.5{scroll-margin-top:0.625rem}
.scroll-mt-20{scroll-margin-top:5rem}
.scroll-mt-24{scroll-margin-top:6rem}
.scroll-mt-28{scroll-margin-top:7rem}
.scroll-mt-3{scroll-margin-top:0.75rem}
.scroll-mt-3\.5{scroll-margin-top:0.875rem}
.scroll-mt-32{scroll-margin-top:8rem}
.scroll-mt-36{scroll-margin-top:9rem}
.scroll-mt-4{scroll-margin-top:1rem}
.scroll-mt-40{scroll-margin-top:10rem}
.scroll-mt-44{scroll-margin-top:11rem}
.scroll-mt-48{scroll-margin-top:12rem}
.scroll-mt-5{scroll-margin-top:1.25rem}
.scroll-mt-52{scroll-margin-top:13rem}
.scroll-mt-56{scroll-margin-top:14rem}
.scroll-mt-6{scroll-margin-top:1.5rem}
.scroll-mt-60{scroll-margin-top:15rem}
.scroll-mt-64{scroll-margin-top:16rem}
.scroll-mt-7{scroll-margin-top:1.75rem}
.scroll-mt-72{scroll-margin-top:18rem}
.scroll-mt-8{scroll-margin-top:2rem}
.scroll-mt-80{scroll-margin-top:20rem}
.scroll-px-1{scroll-padding-left:0.25rem;scroll-padding-right:0.25rem}
.scroll-px-1\.5{scroll-padding-left:0.375rem;scroll-padding-right:0.375rem}
.scroll-px-10{scroll-padding-left:2.5rem;scroll-padding-right:2.5rem}
.scroll-px-11{scroll-padding-left:2.75rem;scroll-padding-right:2.75rem}
.scroll-px-12{scroll-padding-left:3rem;scroll-padding-right:3rem}
.scroll-px-14{scroll-padding-left:3.5rem;scroll-padding-right:3.5rem}
.scroll-px-16{scroll-padding-left:4rem;scroll-padding-right:4rem}
.scroll-px-2{scroll-padding-left:0.5rem;scroll-padding-right:0.5rem}
.scroll-px-2\.5{scroll-padding-left:0.625rem;scroll-padding-right:0.625rem}
.scroll-px-20{scroll-padding-left:5rem;scroll-padding-right:5rem}
.scroll-px-24{scroll-padding-left:6rem;scroll-padding-right:6rem}
.scroll-px-28{scroll-padding-left:7rem;scroll-padding-right:7rem}
.scroll-px-3{scroll-padding-left:0.75rem;scroll-padding-right:0.75rem}
.scroll-px-3\.5{scroll-padding-left:0.875rem;scroll-padding-right:0.875rem}
.scroll-px-32{scroll-padding-left:8rem;scroll-padding-right:8rem}
.scroll-px-36{scroll-padding-left:9rem;scroll-padding-right:9rem}
.scroll-px-4{scroll-padding-left:1rem;scroll-padding-right:1rem}
.scroll-px-40{scroll-padding-left:10rem;scroll-padding-right:10rem}
.scroll-px-44{scroll-padding-left:11rem;scroll-padding-right:11rem}
.scroll-px-48{scroll-padding-left:12rem;scroll-padding-right:12rem}
.scroll-px-5{scroll-padding-left:1.25rem;scroll-padding-right:1.25rem}
.scroll-px-52{scroll-padding-left:13rem;scroll-padding-right:13rem}
.scroll-px-56{scroll-padding-left:14rem;scroll-padding-right:14rem}
.scroll-px-6{scroll-padding-left:1.5rem;scroll-padding-right:1.5rem}
.scroll-px-60{scroll-padding-left:15rem;scroll-padding-right:15rem}
.scroll-px-64{scroll-padding-left:16rem;scroll-padding-right:16rem}
.scroll-px-7{scroll-padding-left:1.75rem;scroll-padding-right:1.75rem}
.scroll-px-72{scroll-padding-left:18rem;scroll-padding-right:18rem}
.scroll-px-8{scroll-padding-left:2rem;scroll-padding-right:2rem}
.scroll-px-80{scroll-padding-left:20rem;scroll-padding-right:20rem}
.scroll-py-1{scroll-padding-top:0.25rem;scroll-padding-bottom:0.25rem}
.scroll-py-1\.5{scroll-padding-top:0.375rem;scroll-padding-bottom:0.375rem}
.scroll-py-10{scroll-padding-top:2.5rem;scroll-padding-bottom:2.5rem}
.scroll-py-11{scroll-padding-top:2.75rem;scroll-padding-bottom:2.75rem}
.scroll-py-12{scroll-padding-top:3rem;scroll-padding-bottom:3rem}
.scroll-py-14{scroll-padding-top:3.5rem;scroll-padding-bottom:3.5rem}
.scroll-py-16{scroll-padding-top:4rem;scroll-padding-bottom:4rem}
.scroll-py-2{scroll-padding-top:0.5rem;scroll-padding-bottom:0.5rem}
.scroll-py-2\.5{scroll-padding-top:0.625rem;scroll-padding-bottom:0.625rem}
.scroll-py-20{scroll-padding-top:5rem;scroll-padding-bottom:5rem}
.scroll-py-24{scroll-padding-top:6rem;scroll-padding-bottom:6rem}
.scroll-py-28{scroll-padding-top:7rem;scroll-padding-bottom:7rem}
.scroll-py-3{scroll-padding-top:0.75rem;scroll-padding-bottom:0.75rem}
.scroll-py-3\.5{scroll-padding-top:0.875rem;scroll-padding-bottom:0.875rem}
.scroll-py-32{scroll-padding-top:8rem;scroll-padding-bottom:8rem}
.scroll-py-36{scroll-padding-top:9rem;scroll-padding-bottom:9rem}
.scroll-py-4{scroll-padding-top:1rem;scroll-padding-bottom:1rem}
.scroll-py-40{scroll-padding-top:10rem;scroll-padding-bottom:10rem}
.scroll-py-44{scroll-padding-top:11rem;scroll-padding-bottom:11rem}
.scroll-py-48{scroll-padding-top:12rem;scroll-padding-bottom:12rem}
.scroll-py-5{scroll-padding-top:1.25rem;scroll-padding-bottom:1.25rem}
.scroll-py-52{scroll-padding-top:13rem;scroll-padding-bottom:13rem}
.scroll-py-56{scroll-padding-top:14rem;scroll-padding-bottom:14rem}
.scroll-py-6{scroll-padding-top:1.5rem;scroll-padding-bottom:1.5rem}
.scroll-py-60{scroll-padding-top:15rem;scroll-padding-bottom:15rem}
.scroll-py-64{scroll-padding-top:16rem;scroll-padding-bottom:16rem}
.scroll-py-7{scroll-padding-top:1.75rem;scroll-padding-bottom:1.75rem}
.scroll-py-72{scroll-padding-top:18rem;scroll-padding-bottom:18rem}
.scroll-py-8{scroll-padding-top:2rem;scroll-padding-bottom:2rem}
.scroll-py-80{scroll-padding-top:20rem;scroll-padding-bottom:20rem}
.scroll-pb-1{scroll-padding-bottom:0.25rem}
.scroll-pb-1\.5{scroll-padding-bottom:0.375rem}
.scroll-pb-10{scroll-padding-bottom:2.5rem}
.scroll-pb-11{scroll-padding-bottom:2.75rem}
.scroll-pb-12{scroll-padding-bottom:3rem}
.scroll-pb-14{scroll-padding-bottom:3.5rem}
.scroll-pb-16{scroll-padding-bottom:4rem}
.scroll-pb-2{scroll-padding-bottom:0.5rem}
.scroll-pb-2\.5{scroll-padding-bottom:0.625rem}
.scroll-pb-20{scroll-padding-bottom:5rem}
.scroll-pb-24{scroll-padding-bottom:6rem}
.scroll-pb-28{scroll-padding-bottom:7rem}
.scroll-pb-3{scroll-padding-bottom:0.75rem}
.scroll-pb-3\.5{scroll-padding-bottom:0.875rem}
.scroll-pb-32{scroll-padding-bottom:8rem}
.scroll-pb-36{scroll-padding-bottom:9rem}
.scroll-pb-4{scroll-padding-bottom:1rem}
.scroll-pb-40{scroll-padding-bottom:10rem}
.scroll-pb-44{scroll-padding-bottom:11rem}
.scroll-pb-48{scroll-padding-bottom:12rem}
.scroll-pb-5{scroll-padding-bottom:1.25rem}
.scroll-pb-52{scroll-padding-bottom:13rem}
.scroll-pb-56{scroll-padding-bottom:14rem}
.scroll-pb-6{scroll-padding-bottom:1.5rem}
.scroll-pb-60{scroll-padding-bottom:15rem}
.scroll-pb-64{scroll-padding-bottom:16rem}
.scroll-pb-7{scroll-padding-bottom:1.75rem}
.scroll-pb-72{scroll-padding-bottom:18rem}
.scroll-pb-8{scroll-padding-bottom:2rem}
.scroll-pb-80{scroll-padding-bottom:20rem}
.scroll-pl-1{scroll-padding-left:0.25rem}
.scroll-pl-1\.5{scroll-padding-left:0.375rem}
.scroll-pl-10{scroll-padding-left:2.5rem}
.scroll-pl-11{scroll-padding-left:2.75rem}
.scroll-pl-12{scroll-padding-left:3rem}
.scroll-pl-14{scroll-padding-left:3.5rem}
.scroll-pl-16{scroll-padding-left:4rem}
.scroll-pl-2{scroll-padding-left:0.5rem}
.scroll-pl-2\.5{scroll-padding-left:0.625rem}
.scroll-pl-20{scroll-padding-left:5rem}
.scroll-pl-24{scroll-padding-left:6rem}
.scroll-pl-28{scroll-padding-left:7rem}
.scroll-pl-3{scroll-padding-left:0.75rem}
.scroll-pl-3\.5{scroll-padding-left:0.875rem}
.scroll-pl-32{scroll-padding-left:8rem}
.scroll-pl-36{scroll-padding-left:9rem}
.scroll-pl-4{scroll-padding-left:1rem}
.scroll-pl-40{scroll-padding-left:10rem}
.scroll-pl-44{scroll-padding-left:11rem}
.scroll-pl-48{scroll-padding-left:12rem}
.scroll-pl-5{scroll-padding-left:1.25rem}
.scroll-pl-52{scroll-padding-left:13rem}
.scroll-pl-56{scroll-padding-left:14rem}
.scroll-pl-6{scroll-padding-left:1.5rem}
.scroll-pl-60{scroll-padding-left:15rem}
.scroll-pl-64{scroll-padding-left:16rem}
.scroll-pl-7{scroll-padding-left:1.75rem}
.scroll-pl-72{scroll-padding-left:18rem}
.scroll-pl-8{scroll-padding-left:2rem}
.scroll-pl-80{scroll-padding-left:20rem}
.scroll-pr-1{scroll-padding-right:0.25rem}
.scroll-pr-1\.5{scroll-padding-right:0.375rem}
.scroll-pr-10{scroll-padding-right:2.5rem}
.scroll-pr-11{scroll-padding-right:2.75rem}
.scroll-pr-12{scroll-padding-right:3rem}
.scroll-pr-14{scroll-padding-right:3.5rem}
.scroll-pr-16{scroll-padding-right:4rem}
.scroll-pr-2{scroll-padding-right:0.5rem}
.scroll-pr-2\.5{scroll-padding-right:0.625rem}
.scroll-pr-20{scroll-padding-right:5rem}
.scroll-pr-24{scroll-padding-right:6rem}
.scroll-pr-28{scroll-padding-right:7rem}
.scroll-pr-3{scroll-padding-right:0.75rem}
.scroll-pr-3\.5{scroll-padding-right:0.875rem}
.scroll-pr-32{scroll-padding-right:8rem}
.scroll-pr-36{scroll-padding-right:9rem}
.scroll-pr-4{scroll-padding-right:1rem}
.scroll-pr-40{scroll-padding-right:10rem}
.scroll-pr-44{scroll-padding-right:11rem}
.scroll-pr-48{scroll-padding-right:12rem}
.scroll-pr-5{scroll-padding-right:1.25rem}
.scroll-pr-52{scroll-padding-right:13rem}
.scroll-pr-56{scroll-padding-right:14rem}
.scroll-pr-6{scroll-padding-right:1.5rem}
.scroll-pr-60{scroll-padding-right:15rem}
.scroll-pr-64{scroll-padding-right:16rem}
.scroll-pr-7{scroll-padding-right:1.75rem}
.scroll-pr-72{scroll-padding-right:18rem}
.scroll-pr-8{scroll-padding-right:2rem}
.scroll-pr-80{scroll-padding-right:20rem}
.scroll-pt-1{scroll-padding-top:0.25rem}
.scroll-pt-1\.5{scroll-padding-top:0.375rem}
.scroll-pt-10{scroll-padding-top:2.5rem}
.scroll-pt-11{scroll-padding-top:2.75rem}
.scroll-pt-12{scroll-padding-top:3rem}
.scroll-pt-14{scroll-padding-top:3.5rem}
.scroll-pt-16{scroll-padding-top:4rem}
.scroll-pt-2{scroll-padding-top:0.5rem}
.scroll-pt-2\.5{scroll-padding-top:0.625rem}
.scroll-pt-20{scroll-padding-top:5rem}
.scroll-pt-24{scroll-padding-top:6rem}
.scroll-pt-28{scroll-padding-top:7rem}
.scroll-pt-3{scroll-padding-top:0.75rem}
.scroll-pt-3\.5{scroll-padding-top:0.875rem}
.scroll-pt-32{scroll-padding-top:8rem}
.scroll-pt-36{scroll-padding-top:9rem}
.scroll-pt-4{scroll-padding-top:1rem}
.scroll-pt-40{scroll-padding-top:10rem}
.scroll-pt-44{scroll-padding-top:11rem}
.scroll-pt-48{scroll-padding-top:12rem}
.scroll-pt-5{scroll-padding-top:1.25rem}
.scroll-pt-52{scroll-padding-top:13rem}
.scroll-pt-56{scroll-padding-top:14rem}
.scroll-pt-6{scroll-padding-top:1.5rem}
.scroll-pt-60{scroll-padding-top:15rem}
.scroll-pt-64{scroll-padding-top:16rem}
.scroll-pt-7{scroll-padding-top:1.75rem}
.scroll-pt-72{scroll-padding-top:18rem}
.scroll-pt-8{scroll-padding-top:2rem}
.scroll-pt-80{scroll-padding-top:20rem}
.list-none{list-style-type:none}
.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}
.grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}
.grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}
.grid-cols-none{grid-template-columns:none}
.grid-cols-subgrid{grid-template-columns:subgrid}
.flex-row{flex-direction:row}
.justify-end{justify-content:flex-end}
.gap-2{gap:0.5rem}
.gap-4{gap:1rem}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-balance{text-wrap:balance}
.border{border-width:1px}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.px-11{padding-left:2.75rem;padding-right:2.75rem}
.px-12{padding-left:3rem;padding-right:3rem}
.px-14{padding-left:3.5rem;padding-right:3.5rem}
.px-16{padding-left:4rem;padding-right:4rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-20{padding-left:5rem;padding-right:5rem}
.px-24{padding-left:6rem;padding-right:6rem}
.px-28{padding-left:7rem;padding-right:7rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-32{padding-left:8rem;padding-right:8rem}
.px-36{padding-left:9rem;padding-right:9rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-40{padding-left:10rem;padding-right:10rem}
.px-44{padding-left:11rem;padding-right:11rem}
.px-48{padding-left:12rem;padding-right:12rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-52{padding-left:13rem;padding-right:13rem}
.px-56{padding-left:14rem;padding-right:14rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-60{padding-left:15rem;padding-right:15rem}
.px-64{padding-left:16rem;padding-right:16rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-72{padding-left:18rem;padding-right:18rem}
.px-8{padding-left:2rem;padding-right:2rem}
.px-80{padding-left:20rem;padding-right:20rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.py-11{padding-top:2.75rem;padding-bottom:2.75rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.py-28{padding-top:7rem;padding-bottom:7rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.py-32{padding-top:8rem;padding-bottom:8rem}
.py-36{padding-top:9rem;padding-bottom:9rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-40{padding-top:10rem;padding-bottom:10rem}
.py-44{padding-top:11rem;padding-bottom:11rem}
.py-48{padding-top:12rem;padding-bottom:12rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-52{padding-top:13rem;padding-bottom:13rem}
.py-56{padding-top:14rem;padding-bottom:14rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-60{padding-top:15rem;padding-bottom:15rem}
.py-64{padding-top:16rem;padding-bottom:16rem}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem}
.py-72{padding-top:18rem;padding-bottom:18rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-80{padding-top:20rem;padding-bottom:20rem}
.pb-1{padding-bottom:0.25rem}
.pb-1\.5{padding-bottom:0.375rem}
.pb-10{padding-bottom:2.5rem}
.pb-11{padding-bottom:2.75rem}
.pb-12{padding-bottom:3rem}
.pb-14{padding-bottom:3.5rem}
.pb-16{padding-bottom:4rem}
.pb-2{padding-bottom:0.5rem}
.pb-2\.5{padding-bottom:0.625rem}
.pb-20{padding-bottom:5rem}
.pb-24{padding-bottom:6rem}
.pb-28{padding-bottom:7rem}
.pb-3{padding-bottom:0.75rem}
.pb-3\.5{padding-bottom:0.875rem}
.pb-32{padding-bottom:8rem}
.pb-36{padding-bottom:9rem}
.pb-4{padding-bottom:1rem}
.pb-40{padding-bottom:10rem}
.pb-44{padding-bottom:11rem}
.pb-48{padding-bottom:12rem}
.pb-5{padding-bottom:1.25rem}
.pb-52{padding-bottom:13rem}
.pb-56{padding-bottom:14rem}
.pb-6{padding-bottom:1.5rem}
.pb-60{padding-bottom:15rem}
.pb-64{padding-bottom:16rem}
.pb-7{padding-bottom:1.75rem}
.pb-72{padding-bottom:18rem}
.pb-8{padding-bottom:2rem}
.pb-80{padding-bottom:20rem}
.pl-1{padding-left:0.25rem}
.pl-1\.5{padding-left:0.375rem}
.pl-10{padding-left:2.5rem}
.pl-11{padding-left:2.75rem}
.pl-12{padding-left:3rem}
.pl-14{padding-left:3.5rem}
.pl-16{padding-left:4rem}
.pl-2{padding-left:0.5rem}
.pl-2\.5{padding-left:0.625rem}
.pl-20{padding-left:5rem}
.pl-24{padding-left:6rem}
.pl-28{padding-left:7rem}
.pl-3{padding-left:0.75rem}
.pl-3\.5{padding-left:0.875rem}
.pl-32{padding-left:8rem}
.pl-36{padding-left:9rem}
.pl-4{padding-left:1rem}
.pl-40{padding-left:10rem}
.pl-44{padding-left:11rem}
.pl-48{padding-left:12rem}
.pl-5{padding-left:1.25rem}
.pl-52{padding-left:13rem}
.pl-56{padding-left:14rem}
.pl-6{padding-left:1.5rem}
.pl-60{padding-left:15rem}
.pl-64{padding-left:16rem}
.pl-7{padding-left:1.75rem}
.pl-72{padding-left:18rem}
.pl-8{padding-left:2rem}
.pl-80{padding-left:20rem}
.pr-1{padding-right:0.25rem}
.pr-1\.5{padding-right:0.375rem}
.pr-10{padding-right:2.5rem}
.pr-11{padding-right:2.75rem}
.pr-12{padding-right:3rem}
.pr-14{padding-right:3.5rem}
.pr-16{padding-right:4rem}
.pr-2{padding-right:0.5rem}
.pr-2\.5{padding-right:0.625rem}
.pr-20{padding-right:5rem}
.pr-24{padding-right:6rem}
.pr-28{padding-right:7rem}
.pr-3{padding-right:0.75rem}
.pr-3\.5{padding-right:0.875rem}
.pr-32{padding-right:8rem}
.pr-36{padding-right:9rem}
.pr-4{padding-right:1rem}
.pr-40{padding-right:10rem}
.pr-44{padding-right:11rem}
.pr-48{padding-right:12rem}
.pr-5{padding-right:1.25rem}
.pr-52{padding-right:13rem}
.pr-56{padding-right:14rem}
.pr-6{padding-right:1.5rem}
.pr-60{padding-right:15rem}
.pr-64{padding-right:16rem}
.pr-7{padding-right:1.75rem}
.pr-72{padding-right:18rem}
.pr-8{padding-right:2rem}
.pr-80{padding-right:20rem}
.pt-1{padding-top:0.25rem}
.pt-1\.5{padding-top:0.375rem}
.pt-10{padding-top:2.5rem}
.pt-11{padding-top:2.75rem}
.pt-12{padding-top:3rem}
.pt-14{padding-top:3.5rem}
.pt-16{padding-top:4rem}
.pt-2{padding-top:0.5rem}
.pt-2\.5{padding-top:0.625rem}
.pt-20{padding-top:5rem}
.pt-24{padding-top:6rem}
.pt-28{padding-top:7rem}
.pt-3{padding-top:0.75rem}
.pt-3\.5{padding-top:0.875rem}
.pt-32{padding-top:8rem}
.pt-36{padding-top:9rem}
.pt-4{padding-top:1rem}
.pt-40{padding-top:10rem}
.pt-44{padding-top:11rem}
.pt-48{padding-top:12rem}
.pt-5{padding-top:1.25rem}
.pt-52{padding-top:13rem}
.pt-56{padding-top:14rem}
.pt-6{padding-top:1.5rem}
.pt-60{padding-top:15rem}
.pt-64{padding-top:16rem}
.pt-7{padding-top:1.75rem}
.pt-72{padding-top:18rem}
.pt-8{padding-top:2rem}
.pt-80{padding-top:20rem}
.text-center{text-align:center}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.underline{text-decoration-line:underline}
.decoration-dashed{text-decoration-style:dashed}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
.transition{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
/* A theme that can override color definitions */
footer.site-footer {
  width: 100%;
  background-color: var(--color-brand-primary-dark);
  color: var(--color-text-inverse);
  padding: 1.5rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.75rem;
}
footer.site-footer a:hover,
    footer.site-footer a:focus {
      color: var(--color-brand-secondary);
    }
footer.site-footer .brand svg {
      width: 5.75rem;
    }
footer.site-footer .brand svg path {
        fill: var(--color-white);
      }
@media (min-width: 660px) {
footer.site-footer {
    padding: 1.5rem 3rem
}
  }
body,
html {
  width: 100%;
}
body {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-ui-bg);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body main {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: calc(2rem + var(--progress-bar-height)) 0 2rem;
  }
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.5s;
}
.no-wrap {
  white-space: nowrap;
}
hr {
  margin: 1.5rem 0;
  border-color: var(--color-ui-border);
}
section + section {
    margin-top: 2rem;
  }
section .label-container {
    margin-bottom: 1.5rem;
  }
section .label-container:has(svg) {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
.hide {
  height: 0;
  opacity: 0;
}
/* Mimick the field spacing here because every field is now wrapped in a turbo-frame */
turbo-frame + turbo-frame {
    margin-top: var(--field-spacing);
  }
turbo-frame + turbo-frame:not(:empty) {
      display: block;
    }
.additional-notes {
  margin: 1.5rem 0;
}
.additional-notes .additional-notes-toggle {
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }
.additional-notes .additional-notes-toggle svg {
      width: 1rem;
      color: var(--color-brand-primary);
    }
.additional-notes .additional-notes-toggle label {
      margin: 0;
      font-size: 0.875rem;
      font-weight: normal;
      text-decoration: underline;
    }
.image-upload-review {
  display: grid;
  gap: 2rem;
}
@media (min-width: 660px) {
.image-upload-review {
    grid-template-columns: 1fr 1fr
}
  }
.image-wrapper {
  aspect-ratio: 4 / 3;
  width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
  background-color: var(--color-brand-secondary-light);
  border: var(--input-border);
  margin-bottom: 1rem;
}
.image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    z-index: 0;
  }
.image-wrapper > [data-blurhash] {
    width: 100%;
    height: 100%;
  }
.form-answers p:not(:last-child) {
    margin-bottom: 0.5rem;
  }
.form-answers ul,
  .form-answers ol {
    margin: 0 0 0.5rem;
    list-style: none;
  }
.form-answers hr {
    border-color: var(--color-brand-secondary);
  }
.form-answers .question {
    margin-top: 1.5rem;
  }
.form-answers .question p {
      max-width: 80ch;
    }
.form-answers .question:last-child hr {
        display: none;
      }
.hidden {
  display: none !important;
}
/* Try to replicate foundation class names to ease transtion to tailwind */
.grid-x {
  display: flex;
  flex-direction: row;
}
header.site-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--color-white);
  color: var(--color-brand-primary);
  font-weight: 600;
  padding: 1.25rem 0.5rem;
  border-bottom: 2px solid var(--color-accent);
}
@media (min-width: 660px) {
header.site-header {
    padding: 2rem 2rem 2rem 3rem
}
  }
header.site-header:has(.progress) {
    border-bottom: 0;
  }
header.site-header .inner {
    display: grid;
    grid-template-columns: 100px 1fr 100px;
    align-items: center;
  }
@media (min-width: 660px) {
header.site-header .inner {
      grid-template-columns: 200px 1fr 200px
  }
    }
header.site-header .inner > *:nth-child(1) {
        justify-self: start;
      }
header.site-header .inner > *:nth-child(2) {
        justify-self: center;
      }
header.site-header .inner > *:nth-child(3) {
        justify-self: end;
      }
header.site-header .inner a {
      font-size: 1rem;
    }
header.site-header .back-link {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
  }
@media (width <= 64rem) {
header.site-header .back-link > span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
      }
header.site-header .back-link svg {
      color: var(--color-icon-blue);
    }
header.site-header .brand svg {
      width: 8rem;
    }
@media (min-width: 660px) {
header.site-header .brand svg {
        width: 11.5rem
    }
      }
header.site-header .nav-container {
    position: absolute;
    z-index: -2; /* make sure it's under content until active */
    position: fixed;
    inset: 0;
    visibility: hidden;
    overflow: hidden;
  }
header.site-header .nav-container .inner {
      overflow-y: auto;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100dvh;
      background-color: var(--color-brand-secondary-light);
      padding: 5.125rem 1.5rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      transform: translateX(100%);
    }
@media (prefers-reduced-motion: no-preference) {
header.site-header .nav-container .inner {
        transition: transform 0.25s ease
    }
      }
@media (min-width: 660px) {
header.site-header .nav-container .inner {
        max-width: 24.5rem;
        padding: 7rem 1.5rem 2rem
    }
      }
header.site-header .nav-container.active,
    header.site-header .nav-container.closing {
      visibility: visible;
      z-index: 3;
    }
header.site-header .nav-container.active:after {
        opacity: 1;
      }
header.site-header .nav-container.active .inner {
        transform: translateX(0);
      }
header.site-header .nav-container.closing:after {
        opacity: 0;
      }
@media (min-width: 660px) {
      header.site-header .nav-container:after {
        content: "";
        display: block;
        position: fixed;
        inset: 0;
        background: #151e5266; /* Brand primary dark with 40% opacity */
        z-index: -1;
        opacity: 0;
      }
        @media (prefers-reduced-motion: no-preference) {
      header.site-header .nav-container:after {
          transition: opacity 0.3s
      }
        }
    }
header.site-header .menu-toggle {
    z-index: 10;
    position: relative;
    pointer-events: all;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--color-white);
    border-radius: 2rem;
    padding: 0.5rem 1rem;
  }
@media (width <= 64rem) {
header.site-header .menu-toggle > span {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
      }
header.site-header .menu-toggle .menu-toggle-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      aspect-ratio: 1;
      gap: 4px;
      width: 22px;
      height: 22px;
      position: relative;
    }
header.site-header .menu-toggle .line {
      display: block;
      width: 1.125rem;
      height: 2px;
      border-radius: 2px;
      background: var(--color-icon-blue);
    }
header.site-header .menu-toggle.active .line-1 {
        transform: translateY(0.35rem) translateX(0) rotate(45deg);
      }
header.site-header .menu-toggle.active .line-2 {
        opacity: 0;
      }
header.site-header .menu-toggle.active .line-3 {
        transform: translateY(-0.4rem) translateX(0) rotate(-45deg);
      }
header.site-header ul.menu {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    color: var(--color-text);
  }
header.site-header ul.menu li {
      padding-bottom: 1.5rem;
      border-bottom: 2px solid var(--color-brand-secondary);
    }
header.site-header ul.menu li:last-of-type {
        border-bottom: 0;
      }
header.site-header ul.menu li .eyebrow {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
      }
header.site-header ul.menu li .eyebrow svg {
          width: 1.5rem;
          flex-shrink: 0;
        }
header.site-header ul.menu li h4 {
        margin-bottom: 0.2rem;
      }
header.site-header ul.menu li a {
        font-weight: 400;
        font-size: 0.875rem;
        color: inherit;
      }
header.site-header ul.menu li a:not(.button):hover {
          color: var(--color-text);
        }
header.site-header ul.menu li:hover .menu {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }
header.site-header ul.menu li.active a {
          text-decoration: underline;
        }
header.site-header ul.menu li.disabled h4,
        header.site-header ul.menu li.disabled svg {
          color: var(--color-text-muted);
        }
header.admin-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--color-white);
  color: var(--color-text);
  padding: 1rem 1.5rem;
}
header.admin-header .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    row-gap: 1rem;
  }
header.admin-header .inner .brand {
      order: 1;
    }
header.admin-header .inner .brand svg {
        width: 8rem;
      }
header.admin-header .inner .user-details {
      order: 2;
      margin: 0;
      font-size: 1rem;
      display: flex;
      align-items: center;
      gap: 1rem;
    }
header.admin-header .inner ul.menu {
      order: 3;
      display: flex;
      gap: 1rem;
      margin: 0;
    }
header.admin-header .inner a {
      color: var(--color-brand-primary);
      font-weight: 600;
      font-size: 1rem;
    }
header.admin-header .inner a:hover,
      header.admin-header .inner a:focus {
        color: var(--color-brand-primary-dark);
      }
@media (min-width: 660px) {
header.admin-header .inner {
      flex-direction: row;
      justify-content: flex-start;
      flex-wrap: wrap
  }
      header.admin-header .inner .brand {
        order: 1;
      }
      header.admin-header .inner ul.menu {
        order: 2;
      }
      header.admin-header .inner .user-details {
        order: 3;
        margin-left: auto;
      }
    }
main header {
    margin-bottom: 1.5rem;
  }
strong {
  font-weight: 600;
}
/* HEADING STYLES */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  line-height: 1.15;
  font-weight: 600;
  color: var(--color-text-heading);
}
h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child) {
    margin-bottom: 0.75em;
  }
h1,
.h1 {
  font-size: 1.5rem;
}
@media (min-width: 660px) {
h1,
.h1 {
    font-size: 1.625rem
}
  }
h2,
.h2 {
  font-size: 1.25rem;
}
@media (min-width: 660px) {
h2,
.h2 {
    font-size: 1.375rem
}
  }
h3,
.h3 {
  font-size: 1rem;
}
@media (min-width: 660px) {
h3,
.h3 {
    font-size: 1.125rem
}
  }
p {
  text-wrap: pretty;
  max-width: 640px;
}
p:not(:last-child) {
    margin-bottom: 1.25rem;
  }
p.small {
    font-size: 0.875rem;
  }
p a {
    font-size: inherit !important;
  }
a:not(.button) {
    text-decoration: underline;
    color: inherit;
    cursor: pointer;
    font-size: 0.875rem;
  }
a:not(.button):hover {
      color: var(--color-brand-primary);
    }
/* All global variables thay may be useful to the project should go here, e.g. max-width for grid containers etc */
details {
  border: 1px solid var(--color-ui-border);
  border-radius: var(--border-radius);
}
details:not(:last-child) {
    margin-bottom: 1.5rem;
  }
details ul,
  details ol {
    margin: 0 0 0.25rem;
    list-style: none;
  }
details hr {
    margin: 0.75rem 0;
  }
details .form-answers .question {
      margin-top: 0;
    }
details .form-answers .question:last-child hr {
          display: none;
        }
details .details-content {
    height: auto;
    padding: 1rem;
  }
details summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1rem;
    font-weight: 600;
    line-height: 1.3;
    font-size: 1rem;
  }
@media (min-width: 660px) {
details summary {
      font-size: 1.125rem
  }
    }
details summary:after {
      content: "";
      display: block;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNCA4Ij48cGF0aCBmaWxsPSIjMjEyNTI5IiBkPSJNMTIuMjkzLjI5M2ExIDEgMCAxIDEgMS40MTQgMS40MTRsLTYgNmExIDEgMCAwIDEtMS40MTQgMGwtNi02QTEgMSAwIDEgMSAxLjcwNy4yOTNMNyA1LjU4NnoiLz48L3N2Zz4=");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      width: 0.875rem;
      height: 0.5rem;
    }
details:open,
details[open] {
  background-color: var(--color-brand-secondary-light);
  border-color: var(--color-brand-secondary);
}
details:open summary:after, details[open] summary:after {
      transform: rotate(180deg);
    }
details:open .image-upload-review, details[open] .image-upload-review {
    grid-template-columns: 1fr 1fr;
  }
details:open .image-upload-review .image-wrapper, details[open] .image-upload-review .image-wrapper {
      background-color: white;
    }
.avatar {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.avatar.circle {
    border-radius: 100%;
  }
.avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.875rem;
  }
.avatar-md {
    width: 2rem;
    height: 2rem;
    font-size: 1rem;
  }
.avatar-lg {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.25rem;
  }
.avatar:has(.initial) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-brand-primary-dark);
    color: var(--color-text-inverse);
  }
.banner {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 1.5rem;
  overflow-x: hidden;
  background-color: var(--color-brand-secondary);
  padding: 1rem 0;
}
.banner .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
  }
.banner .container p {
      margin-bottom: 0;
      font-weight: 600;
    }
.banner .container .icon {
      color: inherit;
    }
.banner .container .button {
      margin-left: auto;
    }
.clipboard {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 1rem;
}
.clipboard .copy-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--field-padding);
    min-height: 46px;
    border: var(--input-border);
    border-radius: var(--border-radius);
    word-break: break-all;
  }
.clipboard .copy-link p {
      margin: 0;
    }
.clipboard .copy-link .slug {
      font-weight: bold;
      display: inline-block; /* prefer not to wrap */
    }
.clipboard .copy-link .icon {
      flex-shrink: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 0 0 0.5rem;
    }
.clipboard .copy-link .icon svg {
        height: 1.5;
        color: inherit;
      }
.clipboard input {
    margin-bottom: 0;
    padding-right: 2.8rem !important;
  }
.clipboard input:focus {
      border-color: var(--color-brand-secondary);
    }
.clipboard button {
    color: inherit;
    position: absolute;
    border: 0;
    background: transparent;
    right: 0;
    top: 0;
    margin: 0;
    height: 100%;
    aspect-ratio: 1/1;
  }
:root {
  --input-border: 1px solid var(--color-ui-border);
  --field-padding: 0.75rem 1rem;
  --form-label-color: var(--color-text-heading);
  --form-input-color: var(--color-text);
  --field-spacing: 1.5rem;
}
turbo-frame > form {
    border-bottom: 1px solid var(--color-ui-border);
  }
turbo-frame:last-of-type > form {
      border-bottom: 0;
    }
form {
  text-align: left;
}
form fieldset {
    width: 100%;
  }
form h2 {
    margin-bottom: 0.5rem;
  }
form .nested-fields > .panel {
      margin-bottom: 1rem;
    }
form.button_to {
    text-align: center;
  }
label,
legend {
  display: block;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 500;
  color: var(--label-color);
}
label:has(+ input[type="file"]), legend:has(+ input[type="file"]) {
    margin-bottom: 1rem;
  }
label:has(+ .hint), legend:has(+ .hint) {
    margin-bottom: 0.5rem;
  }
.hint,
.error,
.success {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
}
.hint:not(.preserve):first-letter, .error:not(.preserve):first-letter, .success:not(.preserve):first-letter {
      text-transform: capitalize;
    }
.hint {
  margin-bottom: 0.75rem;
  color: var(--color-text);
}
.hint:has(+ .options) {
    margin-bottom: 1rem;
  }
.error {
  margin-top: 0.25rem;
  color: var(--color-error);
}
/* GENERIC FIELD  STYLES */
input,
select,
textarea {
  display: block;
  width: 100%;
  padding: var(--field-padding);
  border: var(--input-border);
  border-radius: var(--border-radius);
  outline: none;
  background-color: var(--color-white);
  color: var(--form-input-color);
  font-size: 1rem;
  line-height: 1.4;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--color-brand-secondary);
  }
input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: var(--color-text-muted);
  }
input::placeholder, select::placeholder, textarea::placeholder {
    color: var(--color-text-muted);
  }
input[type="date"] {
  -webkit-appearance: none;
  line-height: 1;
  text-align: left;
  font-family: "Poppins", sans-serif !important;
  min-height: 46px;
}
input[type="date"] ::-webkit-datetime-edit {
    display: block;
  }
input[type="date"] ::-webkit-inner-spin-button,
  input[type="date"] ::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }
input::-webkit-date-time-edit {
  font-family: "Poppins", sans-serif !important;
  text-align: left !important;
  display: block;
  font-size: 1rem;
  line-height: 1.4;
}
input::-webkit-date-and-time-value {
  text-align: left !important;
  display: block;
  font-size: 1rem;
  line-height: 1.4;
}
textarea {
  min-height: 7.5rem;
}
/* SPECIFIC FIELD TYPE STYLES */
.field {
  margin-bottom: var(--field-spacing);
}
/* Hide required field indicator as per designs */
/* &:has(.required-field) {
    label {
      &:not(.button) {
        &:after {
          content: "*";
          display: inline-block;
          margin-left: 2px;
        }
      }
    }
  } */
.field:has(+ hr) {
    margin-bottom: 0;
  }
.field:last-of-type {
    margin-bottom: 0;
  }
.field:has(.error) {
    --input-border: 1px solid var(--color-error-light);
  }
.field .button svg {
      color: inherit;
    }
.field.inline {
    display: inline-block;
  }
.field.number {
    border: var(--input-border);

    border-radius: var(--border-radius);
    padding: var(--field-padding);
  }
.field.number > div {
      display: flex;
      -moz-column-gap: 1rem;
           column-gap: 1rem;
      align-items: center;
      justify-content: space-between;
    }
.field.number:has(.error) {
      flex-wrap: wrap;
    }
.field.number .error {
      width: 100%;
    }
.field.number label,
    .field.number .hint {
      margin: 0;
    }
.field.number .hint {
      margin-top: 0.25rem;
    }
.field.number .wrapper {
      width: 120px;
      display: grid;
      align-items: center;
      grid-template-columns: 32px 48px 32px;
      gap: 0rem;
      background-color: var(--color-brand-secondary-light);
      border-radius: var(--border-radius);
      padding: 0.25rem;
    }
.field.number .wrapper input {
        width: 48px;
        padding: 0 0.25rem;
        height: 2rem;
        border: 0;
        background-color: transparent;
        text-align: center;
        -webkit-appearance: textfield;
                appearance: textfield;
        -moz-appearance: textfield;
      }
.field.number .wrapper input::-webkit-inner-spin-button,
        .field.number .wrapper input::-webkit-outer-spin-button {
          -webkit-appearance: none;
        }
.field.number .wrapper button {
        background-color: var(--color-brand-primary);
        color: var(--color-white);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2rem;
        width: 2rem;
        aspect-ratio: 1;
        border: 2px solid var(--color-brand-primary);
      }
.field.number .wrapper button svg {
          height: 14px;
        }
.field.number .wrapper button:hover,
        .field.number .wrapper button:focus {
          background-color: var(--color-white);
          border-color: var(--color-brand-primary);
          color: var(--color-brand-primary);
        }
/* SELECT FIELDS */
.field.select .wrapper, .field.sort .wrapper, .field.filter .wrapper {
      position: relative;
      display: block;
      /* margin-bottom: var(--field-spacing); */
      overflow: hidden;
    }
.field.select .wrapper select, .field.sort .wrapper select, .field.filter .wrapper select {
        -webkit-appearance: none;
        width: 100%;
        padding: var(--field-padding);
        padding-right: 36px;
        margin-bottom: 0;
        border: var(--input-border);
        border-radius: var(--border-radius);

        background-color: var(--color-white);
      }
.field.select .wrapper select:focus, .field.sort .wrapper select:focus, .field.filter .wrapper select:focus {
          background-color: var(--color-white);
        }
.field.select .wrapper:after, .field.sort .wrapper:after, .field.filter .wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 36px;
        height: 100%;
        background-image: url("/assets/form-icons/select-8ae40a1f.svg");
        background-size: 0.75rem;
        background-repeat: no-repeat;
        background-position: center center;
        pointer-events: none;
      }
/* SORT */
.field.sort .wrapper:after {
        background-image: url("/assets/form-icons/sort-b3118f6d.svg");
      }
/* FILTER */
.field.filter .wrapper:after {
        background-image: url("/assets/form-icons/filter-1e71bda9.svg");
      }
/* PASSWORD */
.field.password .wrapper {
      position: relative;

      display: flex;
      align-items: stretch;
      width: 100%;
    }
.field.password .wrapper input {
        margin-bottom: 0;
      }
.field.password .wrapper-button,
      .field.password .wrapper .button {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        border: 0;
        margin: 0;
        background: transparent;
        aspect-ratio: 1 / 1;
        color: var(--color-text);
      }
.field.password .wrapper .input-group-field {
        padding-right: 4rem;
      }
/* FILE */
.field.file {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
  }
.field.file .svg-inline--fa {
      margin-right: 0.5rem;
    }
.field.file input {
      position: relative;

      max-width: 100%;
      padding: 0;
      border: 0;
      margin-top: 1rem;

      background-color: transparent;
    }
.field.file input::file-selector-button {
        padding: 0.8125rem 1rem; /* to match designs as close as possible */
        margin-right: 1rem;
        border-radius: 4rem;
        border: 2px solid var(--color-brand-primary);
        background-color: var(--color-brand-primary);
        color: var(--color-text-inverse);
        font-size: 16px;
        line-height: 1.667;
        font-weight: 700;
        cursor: pointer;
      }
.field.file input::file-selector-button:focus,
        .field.file input::file-selector-button:hover {
          background-color: var(--color-white);
          border-color: var(--color-brand-primary);
          color: var(--color-brand-primary);
          outline: none;
        }
/* SEARCH */
.field.search .wrapper {
      position: relative;
      display: flex;
      align-items: stretch;
    }
.field.search .wrapper input {
        padding-right: 2.8rem;
        margin-bottom: 0;
        border-radius: 3rem !important;
      }
.field.search .wrapper input[type="search"]::-ms-reveal,
      .field.search .wrapper input[type="search"]::-ms-clear {
        display: none;
        width: 0;
        height: 0;
      }
/* clears the ‘X’ from Chrome */
.field.search .wrapper input[type="search"]::-webkit-search-decoration,
      .field.search .wrapper input[type="search"]::-webkit-search-cancel-button,
      .field.search .wrapper input[type="search"]::-webkit-search-results-button,
      .field.search .wrapper input[type="search"]::-webkit-search-results-decoration {
        display: none;
      }
.field.search .wrapper-button,
      .field.search .wrapper .button {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        min-width: 44px;
        height: 100%;
        padding: 0.85rem 1rem 0.75rem;
        margin: 0;
        border: 0;
        background: transparent;
        color: inherit;
        line-height: 1.7;
      }
/* COLOR */
.field.color input {
      width: 100px;
      height: 50px;
      padding: 5px;
    }
/* CLIPBOARD */
.field.clipboard {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1rem;
  }
.field.clipboard input {
      padding-right: 2.8rem !important;
      margin-bottom: 0;
    }
.field.clipboard input:focus {
        border-color: var(--color-white);
      }
.field.clipboard button {
      position: absolute;
      right: 0;
      top: 0;

      height: 100%;
      border: 0;
      margin: 0;
      aspect-ratio: 1/1;
      background: transparent;

      color: var(--color-text);
    }
/*  AVATAR */
.field.avatar {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
  }
.field.avatar .avatar {
      width: 100px;
      height: 100px;
      flex-shrink: 0;
    }
.field.avatar .field {
      margin-bottom: 0;
    }
.field.radio_button input[type="radio"],
    .field.radio_button input[type="checkbox"],
    .field.radio_buttons input[type="radio"],
    .field.radio_buttons input[type="checkbox"],
    .field.checkbox input[type="radio"],
    .field.checkbox input[type="checkbox"],
    .field.check_boxes input[type="radio"],
    .field.check_boxes input[type="checkbox"] {
      position: absolute;
      overflow: hidden;
      padding: 0;
      width: 1px !important;
      height: 1px;
      border: 0;
      clip: rect(0 0 0 0);
      margin: -1px;
    }
.field.radio_button input[type="radio"] + label, .field.radio_button input[type="checkbox"] + label, .field.radio_buttons input[type="radio"] + label, .field.radio_buttons input[type="checkbox"] + label, .field.checkbox input[type="radio"] + label, .field.checkbox input[type="checkbox"] + label, .field.check_boxes input[type="radio"] + label, .field.check_boxes input[type="checkbox"] + label {
        display: flex;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.4;
        cursor: pointer;
        margin: 0;
        gap: 1rem;
      }
.field.radio_button input[type="radio"] + label:before, .field.radio_button input[type="checkbox"] + label:before, .field.radio_buttons input[type="radio"] + label:before, .field.radio_buttons input[type="checkbox"] + label:before, .field.checkbox input[type="radio"] + label:before, .field.checkbox input[type="checkbox"] + label:before, .field.check_boxes input[type="radio"] + label:before, .field.check_boxes input[type="checkbox"] + label:before {
          content: "";
          display: inline-block;
          width: 1.25rem;
          height: 1.25rem;
          flex-shrink: 0;
          border: 2px solid var(--color-text-heading);
          border-radius: 1rem;
        }
.field.radio_button input[type="radio"]:checked + label:before, .field.radio_button input[type="checkbox"]:checked + label:before, .field.radio_buttons input[type="radio"]:checked + label:before, .field.radio_buttons input[type="checkbox"]:checked + label:before, .field.checkbox input[type="radio"]:checked + label:before, .field.checkbox input[type="checkbox"]:checked + label:before, .field.check_boxes input[type="radio"]:checked + label:before, .field.check_boxes input[type="checkbox"]:checked + label:before {
            border-color: var(--color-text-heading);
            background: url("/assets/form-icons/radio-7a4c1271.svg") no-repeat center center;
            background-size: 1.25rem;
          }
.field.radio_button .options, .field.radio_buttons .options, .field.checkbox .options, .field.check_boxes .options {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
    }
.field.radio_button .options .option, .field.radio_buttons .options .option, .field.checkbox .options .option, .field.check_boxes .options .option {
        border-radius: var(--border-radius);
        width: 100%;
        border: var(--input-border);
      }
.field.radio_button .options .option label, .field.radio_buttons .options .option label, .field.checkbox .options .option label, .field.check_boxes .options .option label {
          padding: 0.875rem 1rem;
          font-weight: 400;
        }
.field.radio_button .options .option:has(input:checked), .field.radio_buttons .options .option:has(input:checked), .field.checkbox .options .option:has(input:checked), .field.check_boxes .options .option:has(input:checked) {
          border-color: var(--color-brand-secondary);
          background-color: var(--color-brand-secondary-light);
        }
.field.radio_button,
  .field.radio_buttons {
    display: flex;
    flex-wrap: wrap;
  }
.field.radio_button label.radio_buttons, .field.radio_buttons label.radio_buttons {
      width: 100%;
      margin-bottom: 0.5rem;
    }
.field.radio_button .options label:after, .field.radio_buttons .options label:after {
          display: none;
        }
.field.radio_button.yes_no .options, .field.radio_button.tabs .options, .field.radio_buttons.yes_no .options, .field.radio_buttons.tabs .options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
      }
.field.radio_button.yes_no .options .option, .field.radio_button.tabs .options .option, .field.radio_buttons.yes_no .options .option, .field.radio_buttons.tabs .options .option {
          text-align: center;
        }
.field.radio_button.yes_no .options .option label, .field.radio_button.tabs .options .option label, .field.radio_buttons.yes_no .options .option label, .field.radio_buttons.tabs .options .option label {
            display: block;
          }
.field.radio_button.yes_no .options .option label:before, .field.radio_button.tabs .options .option label:before, .field.radio_buttons.yes_no .options .option label:before, .field.radio_buttons.tabs .options .option label:before {
              display: none;
            }
.field.radio_button.yes_no .options:has(.option:nth-of-type(3)), .field.radio_button.tabs .options:has(.option:nth-of-type(3)), .field.radio_buttons.yes_no .options:has(.option:nth-of-type(3)), .field.radio_buttons.tabs .options:has(.option:nth-of-type(3)) {
          grid-template-columns: repeat(3, 1fr);
        }
.field.checkbox input[type="checkbox"] + label button, .field.check_boxes input[type="checkbox"] + label button {
          display: inline-block;
          text-decoration: underline;
        }
.field.checkbox input[type="checkbox"] + label:before, .field.check_boxes input[type="checkbox"] + label:before {
          display: inline-block;
          border-radius: 2px;
        }
.field.checkbox input[type="checkbox"]:checked + label:before, .field.check_boxes input[type="checkbox"]:checked + label:before {
            border-radius: 2px;
            background: var(--color-text-heading) url("/assets/form-icons/checkbox-b2ca8865.svg")
              no-repeat center center;
          }
.field.checkbox input[type="checkbox"]:disabled + label, .field.check_boxes input[type="checkbox"]:disabled + label {
          opacity: 0.5;
        }
.field.checkbox input[type="checkbox"]:disabled + label:before, .field.check_boxes input[type="checkbox"]:disabled + label:before {
            opacity: 0.5;
          }
.field.inline label + .hint {
        /* the checkbox width plus gap */
        /* margin-left: 1.75rem; */
        margin-top: 0.5rem;
      }
/* TOGGLE */
.field.toggle {
    display: block !important;
  }
.field.toggle .hint {
      margin-top: 0.5rem;
    }
.field.toggle:has(input:disabled) {
      opacity: 0.5;
    }
.field.toggle label {
      position: relative;
      display: flex;
      gap: 1rem;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: flex-start;
      cursor: pointer;
      font-weight: 600;
      line-height: 1.5rem;
      margin: 0;
    }
.field.toggle label:before,
      .field.toggle label:after {
        content: "";
      }
.field.toggle label:before {
        position: relative;
        width: 2.375rem;
        height: 1.5rem;
        vertical-align: middle;
        background: var(--color-brand-secondary);
        border: 1px solid var(--color-brand-secondary);
        border-radius: 1.5rem;
        transition: background 0.25s;
        flex-shrink: 0;
      }
.field.toggle label:after {
        position: absolute;
        top: 0.25rem;
        right: 1.125rem;
        display: block;
        width: 1rem;
        height: 1rem;
        background: var(--color-white);
        border-radius: 50%;
        transition:
          left 0.25s,
          right 0.25s;
        flex-shrink: 0;
      }
.field.toggle input {
      position: absolute;
      overflow: hidden;
      padding: 0;
      width: 1px !important;
      height: 1px;
      border: 0;
      clip: rect(0 0 0 0);
      margin: -1px;
    }
.field.toggle input:checked + label:before {
            background: var(--color-brand-primary-dark);
            border-color: var(--color-brand-primary-dark);
          }
.field.toggle input:checked + label:after {
            right: 0.25rem;
            background-color: var(--color-white);
          }
.field.image_upload .hint {
      margin-bottom: 1rem;
    }
.field.image_upload .delete {
      text-align: center;
      margin: 0 auto;
    }
.field.image_upload .button {
      width: 100%;
    }
.field.image_upload .image-wrapper {
      aspect-ratio: 16 / 9;
      width: 100%;
      border-radius: var(--border-radius);
      overflow: hidden;
      background-color: var(--color-brand-secondary-light);
      border: var(--input-border);
      margin-bottom: 1rem;
    }
.field.image_upload .image-wrapper .upload-image {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        z-index: 0;
      }
.field.image_upload .image-wrapper div.empty {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        background-color: var(--color-white);
        z-index: 1;
      }
.field.image_upload .image-wrapper div.empty .circle-icon {
          width: 2.5rem;
          height: 2.5rem;
          background-color: var(--color-brand-primary);
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
        }
.field.image_upload .image-wrapper div.empty .circle-icon svg {
            color: var(--color-white);
            width: 1.25rem;
            height: 1.25rem;
          }
.field.custom_link .input {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      border: var(--input-border);
      border-radius: var(--border-radius);
      padding: var(--field-padding);
      word-break: break-all;
    }
.field.custom_link .input textarea.slug, .field.custom_link .input input[type="text"].slug {
          flex-grow: 1;
          border: none;
          border-radius: 0;
          font-weight: bold;
          min-height: unset;
          padding: 0;
          resize: none;
          width: auto;
          max-width: 100%;
        }
/* RADIO BUTTONS AND CHECKBOXES */
.options {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.options label {
    margin-bottom: 0;
  }
.checkbox_list .field {
    width: 100%;
  }
.checkbox_list .field input[type="checkbox"] + label {
      border-radius: var(--border-radius);
      width: 100%;
      padding: var(--field-padding);
      border: var(--input-border);
      padding: 0.875rem 1rem;
      font-weight: 400;
    }
.checkbox_list .field:has(input:checked) label {
        border-color: var(--color-brand-secondary);
        background-color: var(--color-brand-secondary-light);
      }
.actions {
  margin-top: 1rem;
  text-align: center;
}
.actions p {
    margin-bottom: 0.5rem;
  }
.actions p:last-child {
      margin-bottom: 0;
    }
a.delete,
button.delete {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
  color: var(--color-error-text);
  background-color: transparent;
  border: none;
  margin-top: 1rem;
  padding: 0;
}
a.delete svg, button.delete svg {
    pointer-events: none;
  }
a.delete:hover, button.delete:hover {
    background-color: transparent;
    border: none;
    text-decoration: underline;
    color: var(--color-error-default);
  }
[data-controller~="image-upload"] [data-image-upload-target="removeButton"] {
    display: none;
  }
[data-controller~="image-upload"].existing-image div.empty, [data-controller~="image-upload"].selected-image div.empty {
      background-color: transparent !important;
    }
[data-controller~="image-upload"].existing-image div.empty > *, [data-controller~="image-upload"].selected-image div.empty > * {
        display: none !important;
      }
[data-controller~="image-upload"].existing-image [data-image-upload-target="button"], [data-controller~="image-upload"].selected-image [data-image-upload-target="button"] {
      display: none;
    }
[data-controller~="image-upload"].existing-image [data-image-upload-target="removeButton"], [data-controller~="image-upload"].selected-image [data-image-upload-target="removeButton"] {
      display: flex;
    }
.panel {
  z-index: 2;
  overflow: hidden;
  width: 100%;
  padding: 1.25rem;
  margin: 0 auto 1rem;
  background: var(--color-white);
  border-radius: var(--border-radius);
}
.panel.outlined {
    border: 1px solid var(--color-ui-border);
  }
.panel .label {
    margin-bottom: 1rem;
  }
.panel .icon {
    width: 1.5rem;
    height: 1.5rem;
    -o-object-fit: cover;
       object-fit: cover;
    margin: 0 0 1rem;
  }
.panel > header {
    margin-bottom: 0.75rem;
    position: relative;
  }
.panel > header:not(:has(p)):has(+ p) {
        margin-bottom: 0.75rem;
      }
.panel footer {
    margin-top: 1.5rem;
  }
.panel.blue {
    border-color: var(--color-brand-secondary);
    background-color: var(--color-brand-secondary-light);
  }
.panel.blue hr {
      border-color: var(--color-brand-secondary);
    }
/* Only add styles to the open state otherwise we'll overwrite the user agent display: none  */
:popover-open {
  z-index: 1;
  padding: 1.5rem;
  width: calc(100% - 2rem);
  max-width: 32rem;
  border: 0;
  border-radius: var(--border-radius);
  background: var(--color-ui-bg);
  text-align: center;
  font-weight: normal;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
}
:popover-open::backdrop {
    background: #151e5266; /* Brand primary dark with 40% opacity */
  }
:popover-open .label {
    margin-bottom: 1rem;
  }
:popover-open h2 {
    margin-bottom: 0.75rem;
    text-wrap: pretty;
  }
.modal.sidebar {
    left: 100%;
    width: 500px;
    top: 0;
    height: 100vh;
    border-radius: 0;
  }
.modal.sidebar:popover-open {
      left: calc(100% - 500px);
    }
ul.progress {
  position: absolute;
  bottom: calc(var(--progress-bar-height) * -1);
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 1px;
  list-style: none;
  margin: 0 auto;
  background-color: transparent;
}
ul.progress li {
    position: relative;
    background-color: var(--color-accent);
    white-space: nowrap;
    flex-grow: 1;
    height: var(--progress-bar-height);
    margin: 0;
  }
@media (min-width: 660px) {
ul.progress li {
      padding: 0 1rem 0 0
  }
    }
/* First child will always be highlighted because we start on the first step*/
ul.progress li:first-child,
    ul.progress li.current,
    ul.progress li:has(~ li.current) {
      background-color: var(--color-brand-primary-dark);
    }
#sidebar {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-ui-bg);
  height: auto;
  width: 100%;
}
@media (min-width: 660px) {
#sidebar {
    width: auto;
    height: 100vh
}
  }
#sidebar .app-sidebar {
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 1em 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2rem;
  }
@media (min-width: 660px) {
#sidebar .app-sidebar {
      padding: 2rem 1rem;
      width: 272px;
      height: 100%
  }
    }
#sidebar .app-sidebar header {
      display: flex;
      justify-content: space-between;
    }
#sidebar .app-sidebar .logo img {
        max-height: 40px;
        width: auto;
      }
#sidebar .app-sidebar .menu-toggler {
      padding: 8px 10px;
    }
#sidebar .app-sidebar .menu-toggler .svg-inline--fa {
        width: 1.25rem;
      }
#sidebar .app-sidebar .menu-toggler{
      display: none}
@media (min-width: 660px) {
#sidebar .app-sidebar .menu-toggler {
        display: block
    }
      }
#sidebar .app-sidebar ul.menu {
      align-items: flex-start;
      flex-direction: column;
      gap: 8px;
      margin-top: 3rem;
    }
#sidebar .app-sidebar ul.menu li a {
          padding: 8px 10px;
          font-size: 1rem;
          display: flex;
          align-items: center;
          gap: 0.5rem;
          line-height: 1.2rem;
        }
#sidebar .app-sidebar ul.menu li a .svg-inline--fa {
            width: 1.25rem;
            height: 1.25rem;
            -o-object-fit: container;
               object-fit: container;
          }
#sidebar .app-sidebar ul.menu li a .text {
            transition: all 0s;
          }
#sidebar .app-sidebar ul.menu li.divider {
          width: 100%;
          border-bottom: 1px solid var(--color-ui-border);
        }
#sidebar .app-sidebar .user-details .profile {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        margin-bottom: 1rem;
      }
#sidebar .app-sidebar .user-details .profile .avatar {
          flex-shrink: 0;
          width: 2.5rem;
        }
#sidebar .app-sidebar .user-details .profile .detail p {
            font-size: 14px;
            line-height: 1.4;
            margin-bottom: 0;
          }
#sidebar .app-sidebar .user-details .button {
        height: 2.5rem;
        padding: 8px 12px;
        width: 100%;
      }
#sidebar .app-sidebar .user-details .button .svg-inline--fa {
          display: none;
        }
#sidebar .app-sidebar.minimised {
      /* On mobile screens hide all content */
      padding: 1rem;
    }
#sidebar .app-sidebar.minimised ul.menu,
      #sidebar .app-sidebar.minimised .user-details,
      #sidebar .app-sidebar.minimised .spacer {
        display: none;
      }
@media (min-width: 660px) {
#sidebar .app-sidebar.minimised {
        padding: 2rem 1rem;
        width: 72px;
        height: 100%
    }

        #sidebar .app-sidebar.minimised ul.menu {
          display: flex;
        }
          #sidebar .app-sidebar.minimised ul.menu .text {
            /* Mimics sr-only class */
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
          }
        #sidebar .app-sidebar.minimised .user-details {
          display: block;
        }
            #sidebar .app-sidebar.minimised .user-details .profile .avatar {
              width: 2.5rem;
            }
            #sidebar .app-sidebar.minimised .user-details .profile .detail {
              position: absolute;
              width: 1px;
              height: 1px;
              padding: 0;
              margin: -1px;
              overflow: hidden;
              clip: rect(0, 0, 0, 0);
              white-space: nowrap;
              border-width: 0;
            }

        #sidebar .app-sidebar.minimised .button {
          border-radius: 100%;
          width: 2.5rem;
          height: 2.5rem;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
        }
          #sidebar .app-sidebar.minimised .button .text {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
          }

          #sidebar .app-sidebar.minimised .button .svg-inline--fa {
            display: block;
          }
#sidebar .app-sidebar .mobile-menu-toggler {
        display: none
    }
      }
#sidebar .app-sidebar .mobile-menu-toggler button {
        pointer-events: all;
        position: relative;
        width: 40px;
        height: 40px;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0.25rem;
      }
#sidebar .app-sidebar .mobile-menu-toggler button .line {
          background: var(--color-ui-border);
          display: block;
          height: 2px;
          width: 1rem;
          border-radius: 1px;
        }
#sidebar .app-sidebar .mobile-menu-toggler button.active .line-1 {
            transform: translateY(0.5rem) translateX(0) rotate(45deg);
          }
#sidebar .app-sidebar .mobile-menu-toggler button.active .line-2 {
            opacity: 0;
          }
#sidebar .app-sidebar .mobile-menu-toggler button.active .line-3 {
            transform: translateY(-0.25rem) translateX(0) rotate(-45deg);
          }
[data-controller~="tabs"] .tabs {
    border: 0;
    margin: 2rem auto 0;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
[data-controller~="tabs"] .tabs-title,
  [data-controller~="tabs"] [data-tabs-target="tab"] {
    cursor: pointer;
    display: block;
    padding: 14px 16px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 0;
    background: var(--color-white);
    margin-right: 1rem;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
[data-controller~="tabs"] .tabs-title a, [data-controller~="tabs"] [data-tabs-target="tab"] a {
      text-decoration: none;
      color: inherit;
    }
[data-controller~="tabs"] .tabs-title p, [data-controller~="tabs"] [data-tabs-target="tab"] p {
      margin: 0;
    }
[data-controller~="tabs"] .tabs-title:hover, [data-controller~="tabs"] [data-tabs-target="tab"]:hover {
      background: var(--color-white);
    }
[data-controller~="tabs"] .tabs-title.is-active, [data-controller~="tabs"] [data-tabs-target="tab"].is-active {
      background: var(--color-brand-primary);
      color: var(--color-text-inverse);
      font-weight: bold;
      pointer-events: none;
    }
[data-controller~="tabs"] [data-tabs-target="content"] {
    display: none;
  }
[data-controller~="tabs"] [data-tabs-target="content"].is-active {
      display: block;
      background-color: var(--color-white);
      padding: 2rem;
      margin-top: 0;
    }
#turbo-confirm .button-row {
    margin-top: 1rem;
  }
#turbo-confirm .button-row #confirm-accept:has(svg.remove) {
        background-color: var(--color-error-light);
        border-color: var(--color-error-light);
        color: var(--color-text-inverse);
      }
#turbo-confirm .button-row #confirm-accept:has(svg.remove) svg {
          color: inherit;
        }
@media (min-width: 660px) {
          #turbo-confirm .button-row #confirm-accept:has(svg.remove):focus,
          #turbo-confirm .button-row #confirm-accept:has(svg.remove):hover {
            border-color: var(--color-error);
            background-color: var(--color-error);
            outline: none;
          }
        }
.breadcrumbs {
  display: flex;
}
.breadcrumbs li {
    font-weight: 500;
  }
.breadcrumbs li:after {
      content: ">";
      margin-right: 1rem;
      margin-left: 0.5rem;
    }
.breadcrumbs li:last-of-type:after {
        display: none;
        content: "";
      }
.breadcrumbs li a {
      font-weight: normal;
    }
.breadcrumbs li a:hover,
      .breadcrumbs li a:focus {
        color: inherit;
        text-decoration: underline;
      }
.button {
  display: inline-block;
  padding: 0.725em 1.5em; /* to match designs as close as possible */
  background-color: var(--color-brand-primary);
  border: 2px solid var(--color-brand-primary);
  border-radius: 4rem;
  color: var(--color-text-inverse);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
}
.button.small {
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.5rem 1rem;
    width: -moz-fit-content;
    width: fit-content;
  }
.button.danger {
    background-color: var(--color-error-light);
    border-color: var(--color-error-light);
    color: var(--color-white);
  }
.button.danger:hover {
      border-color: var(--color-error-light);
      color: var(--color-error-light);
    }
@media (min-width: 660px) {
.button {
    font-size: 1.125rem
}
  }
.button:has(svg) {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
    padding: 0.75rem 1rem;
  }
/* to account for icon height */
.button:has(svg) svg {
      color: inherit;
      width: 1rem;
      height: 1rem;
      -o-object-fit: contain;
         object-fit: contain;
    }
.button:focus-visible,
  .button:hover {
    background-color: var(--color-white);
    border-color: var(--color-brand-primary);
    color: var(--color-brand-primary);
    text-decoration: none;
  }
.button.link-style {
    display: inline-block;
    width: auto;
    padding: 0;
    background: none;
    border: 0;
    border-radius: unset;
    color: var(--color-grey-900);
    text-decoration: underline;
    font-weight: normal;
    font-size: 0.875rem;
  }
.button:disabled,
  .button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
.button.secondary {
    border-color: var(--color-brand-primary-dark);
    background-color: var(--color-brand-primary-dark);
  }
.button.secondary:hover {
      background-color: var(--color-white);
      border-color: var(--color-brand-primary-dark);
      color: var(--color-brand-primary-dark);
    }
/* BUTTONS */
.button-row {
  width: 100%;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
}
.button-row:not(:first-child) {
    margin-top: 2rem;
  }
.button-row .button {
    width: 100%;
    margin: 0;
    text-align: center;
  }
.button-row .button.link-style {
      width: -moz-fit-content;
      width: fit-content;
    }
.button-row + .panel {
    margin-top: 1.5rem;
  }
.button-row .delete {
    margin-top: 0;
  }
.button-row form {
    width: 100%;
  }
.button-row.horizontal {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
.button-row.horizontal > form {
      width: calc(50% - 0.5rem);
    }
.button-row.horizontal > form:has(.link-style) {
        width: 100%;
      }
.button-row.horizontal > form:only-child {
        justify-self: center;
        margin: 0 auto;
        width: -moz-fit-content;
        width: fit-content;
      }
.callout {
  position: relative;
  padding: 1.5rem 1rem;
  border-radius: var(--border-radius);
  text-align: left;
  color: var(--color-text);
}
.callout:first-child {
    margin-top: 0;
  }
.callout header {
    margin-bottom: 0.5rem;
  }
.callout header:has(svg) {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
.callout .callout-title {
    color: inherit;
    margin-bottom: 0;
  }
.callout p {
    margin-bottom: 0;
    font-size: 0.875rem;
    max-width: 100%;
  }
.callout p + p {
      margin-top: 0.5rem;
    }
.callout svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    color: inherit;
  }
.callout .button {
    margin-top: 1rem;
    font-size: 0.875rem;
  }
.callout.primary {
    background-color: var(--color-brand-primary);
    color: var(--color-text-inverse);
  }
.callout.success {
    background-color: var(--color-success-light);
  }
.callout.alert {
    background: var(--color-error-light);
    color: var(--color-text-inverse);
  }
.callout.warning {
    background: var(--color-accent-light);
  }
dialog {
  z-index: 1;
  padding: 1.5rem;
  width: calc(100% - 2rem);
  max-width: 32rem;

  max-height: 80%;
  border: 0;
  border-radius: var(--border-radius);
  background: var(--color-ui-bg);
  text-align: center;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
}
dialog[open]::backdrop {
      backdrop-filter: blur(2px);
      background: #151e5266; /* Brand primary dark with 40% opacity */
    }
dialog .label {
    margin-bottom: 1rem;
  }
dialog h2 {
    margin-bottom: 0.75rem;
    text-wrap: pretty;
  }
dialog .button-row {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
  }
dialog .dialog-close {
    position: absolute;
    top: 0rem;
    right: 0rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-ui-text);
    background: transparent;
    border: none;
    cursor: pointer;
  }
dialog#registration_details {
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    height: calc(100% - 2rem);
    padding: 2rem 1.5rem 1.5rem;
    overflow: hidden;
  }
dialog#registration_details .dialog-content {
      height: 100%;
      overflow: auto;
    }
dialog#registration_details .panel {
      text-align: left;
    }
dialog#match_details {
    max-width: calc(100% - 2rem);
    max-height: calc(100% - 2rem);
    height: calc(100% - 2rem);
    padding: 2rem 1.5rem 1.5rem;
    overflow: hidden;
  }
dialog#match_details .dialog-content {
      display: grid;
    }
@media (min-width: 660px) {
dialog#match_details .dialog-content {
        grid-template-columns: 1fr minmax(auto, 400px)
    }
      }
dialog#match_details .dialog-content{
      gap: 1.5rem;
      text-align: left;
      height: 100%}
dialog#match_details .dialog-content #framed_match,
      dialog#match_details .dialog-content .listed-info {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        font-size: 0.875rem;
        position: relative;
        overflow: hidden;
      }
dialog#match_details .dialog-content #framed_match > header, dialog#match_details .dialog-content .listed-info > header {
          flex: 0 0 auto;
          margin-bottom: 0;
        }
dialog#match_details .dialog-content #framed_match .panel, dialog#match_details .dialog-content .listed-info .panel {
          flex: 1 1 auto;
          min-height: 0;
          overflow-y: auto;
        }
dialog#match_details .dialog-content #framed_match > .button-row, dialog#match_details .dialog-content .listed-info > .button-row {
          flex: 0 0 auto;
          margin-top: 0;
        }
dialog#match_details .dialog-content #framed_match .form-answers hr, dialog#match_details .dialog-content .listed-info .form-answers hr {
            display: none;
          }
dialog#match_details .dialog-content .listed-info.animal-info {
        height: 100%;
        min-height: 0;
      }
dialog#match_details .dialog-content .listed-info.animal-info .panel {
          flex-grow: 0;
        }
dialog#match_details .dialog-content .listed-info.animal-info ul {
          -moz-column-count: 1;
               column-count: 1;
        }
dialog#match_details .dialog-content .listed-info.animal-info ul li + li {
              margin-top: 0.5rem;
            }
dialog#match_details .dialog-content .match-controls {
        display: grid;
        grid-template-columns: 6rem 1fr 6rem;
        align-items: center;
        justify-content: space-between;
        margin-top: 1rem;
        gap: 1rem;
      }
dialog#match_details .dialog-content .match-controls > div:last-child {
          text-align: right;
        }
dialog#match_details .dialog-content .match-controls .button-row {
          flex-grow: 1;
          margin: 0;
        }
dialog#match_details .dialog-content .match-controls .link-style:has(svg) {
          display: inline-flex;
        }
.flash {
  border-radius: var(--border-radius);
  padding: 10px;
  font-size: 1rem;
  line-height: 1.75;
  text-align: center;
  margin: 1rem 0;
  width: 100%;
}
.flash.alert {
    border: 1px solid var(--color-error);
    background: var(--color-error-light);
  }
.flash.success {
    border: 1px solid var(--color-success);
    background: var(--color-success-light);
  }
.flash.warning {
    border: 1px solid var(--color-accent);
    background: var(--color-accent-light);
  }
.flash p {
    margin: 0 auto;
    max-width: 100%;
  }
.label {
  font-size: 0.75rem;
  line-height: 1.4;
  padding: 0.25rem 0.75rem;
  border-radius: 2rem;
  display: inline-block;
  font-weight: 600;
  color: var(--color-text);
  background: var(--color-accent-light);
}
.label + .label {
    margin-left: 1rem;
  }
.label.primary {
    background-color: var(--color-brand-primary);
    color: var(--color-text-inverse);
  }
.label.secondary,
  .label.in_flight,
  .label.active {
    background-color: var(--color-brand-secondary);
  }
.label.alert,
  .label.closed,
  .label.rejected,
  .label.on_hold {
    background: var(--color-error-light);
    color: var(--color-text-inverse);
  }
.label.success,
  .label.successful,
  .label.complete,
  .label.available,
  .label.live {
    background: var(--color-success-light);
  }
.label.disabled,
  .label.archived,
  .label.expired,
  .label.cancelled,
  .label.notify_expired,
  .label.not_interested,
  .label.unsuccessful {
    background: var(--color-ui-bg);
    color: var(--color-text-muted);
  }
.label.queued,
  .label.expressed_interest {
    background: var(--color-orange-light);
    color: var(--color-orange);
  }
ul {
  margin: 1rem;
  list-style-type: disc;
}
ul li + li {
      margin-top: 0.5rem;
    }
ul.breadcrumbs,
  ul.list-none,
  ul.menu,
  ul.pagination {
    margin-left: 0;
    list-style-type: none;
  }
ul.breadcrumbs li + li, ul.list-none li + li, ul.menu li + li, ul.pagination li + li {
        margin-top: 0;
      }
ol {
  margin: 1rem;
  list-style-type: decimal;
}
ol li + li {
      margin-top: 0.5rem;
    }
.pagination {
  margin: 0 0 1rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  gap: 0.5rem;
}
.pagination li {
    line-height: 1;
    font-size: 1rem;
  }
.pagination li svg {
      display: block;
      width: auto;
      height: 1rem;
      margin: -1px auto 0;
    }
.pagination li{
    min-width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center}
.pagination li > a,
    .pagination li > span {
      border-radius: 4px;
      font-weight: normal;
      padding: 8px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      text-decoration: none;
    }
.pagination li.ellipsis {
      background-color: transparent;
      font-weight: bold;
    }
.pagination li:hover > a,
      .pagination li:hover > span {
      }
.pagination li.current,
    .pagination li.active {
      background-color: var(--color-brand-primary-dark);
      border-radius: var(--border-radius);
      color: var(--color-text-inverse);
    }
.pagination li.current span, .pagination li.active span {
        background-color: var(--color-brand-primary-dark);
        border-radius: var(--border-radius);
        color: var(--color-text-inverse);
      }
.pagination li.prev > a,
      .pagination li.prev.disabled,
      .pagination li.previous > a,
      .pagination li.previous.disabled,
      .pagination li.next > a,
      .pagination li.next.disabled {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzMzMzEgNS45OTk5MkgxMC42NjY2TTEwLjY2NjYgNS45OTk5Mkw1Ljk5OTk4IDEuMzMzMjVNMTAuNjY2NiA1Ljk5OTkyTDUuOTk5OTggMTAuNjY2NiIgc3Ryb2tlPSIjMUUxRTFFIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -9999px;
        font-size: 1px;
        overflow: hidden;
      }
.pagination li.prev.disabled, .pagination li.previous.disabled, .pagination li.next.disabled {
        opacity: 0.5;
      }
.pagination li.prev,
    .pagination li.previous {
      transform: rotate(180deg);
    }
/* TOGGLE */
.toggle {
  cursor: pointer;
  display: inline-block;
}
.toggle-switch {
  display: inline-block;
  background: var(--color-brand-secondary);
  border-radius: 16px;
  width: 58px;
  height: 2rem;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggle-switch:before,
  .toggle-switch:after {
    content: "";
  }
.toggle-switch:before {
    display: block;
    background: var(--color-white);
    border-radius: 50%;
    box-shadow:
      0 0 2px 0 rgba(0, 0, 0, 0.12),
      0 2px 2px 0 rgba(0, 0, 0, 0.24);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: left 0.25s;
  }
.toggle-checkbox:checked + .toggle-switch {
    background: var(--color-brand-primary-dark);
  }
.toggle-checkbox:checked + .toggle-switch:before {
      left: 30px;
      box-shadow:
        0 0 2px 0 rgba(0, 0, 0, 0.12),
        0 2px 2px 0 rgba(0, 0, 0, 0.24);
      background-image: url("/assets/form-icons/checkbox-b2ca8865.svg");
      background-size: 12px;
      background-position: center center;
      background-repeat: no-repeat;
    }
.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}
.toggle-label {
  margin-left: 5px;
  position: relative;
  font-weight: 400;
  top: 2px;
}
.table-container {
  --cell-padding: 0.75rem 1rem;
  width: 100%;
  margin: 0 auto 2rem;
  border: 1px solid var(--color-ui-border);
  border-radius: var(--border-radius);
  overflow: scroll;
}
.table-container:has(.stack) {
    overflow: hidden;
  }
table {
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.5;
  caption-side: bottom;
  min-width: 100%;
}
table:not(.stack) {
    width: max(40rem, 100%);
    table-layout: fixed;
  }
table:not(.stack) th:first-of-type {
        width: 10rem;
      }
table .small {
    font-size: 0.75rem;
  }
table p:not(:last-child) {
      margin-bottom: 0.25rem;
    }
table b,
  table strong {
    font-weight: 500;
  }
table th,
  table caption {
    text-align: start;
  }
table th,
  table td {
    padding: var(--cell-padding);
    text-align: end;
  }
table th img, table td img {
      display: inline-block;
    }
table th:first-of-type, table td:first-of-type {
      text-align: start;
    }
@media (min-width: 660px) {
table th.fit-width, table td.fit-width {
        width: 1%;
        white-space: nowrap
    }
      }
table thead th {
      vertical-align: bottom;
    }
table thead,
  table tfoot {
    background-color: var(--color-brand-secondary-light);
  }
table thead a, table tfoot a {
      color: var(--color-text);
    }
table thead th, table tfoot th {
      font-weight: 600;
    }
table thead th.sortable a, table tfoot th.sortable a {
          color: var(--color-text);
          display: inline-flex;
          flex-wrap: nowrap;
          gap: 0.5rem;
          text-decoration: none;
          align-items: center;
        }
table thead th.sortable a:after, table tfoot th.sortable a:after {
            content: "";
            display: inline-block;
            width: 1rem;
            height: 1rem;
            /* background-image: url("/arrow-down.svg"); */
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 14px;
          }
table thead th.sortable.descending a:after, table tfoot th.sortable.descending a:after {
              transform: rotate(180deg);
            }
table tbody tr.empty {
    display: none;
  }
table tbody tr.empty:only-child {
      display: table-row;
    }
table.striped tr:nth-child(even) {
      background-color: var(--color-white);
    }
table.stack thead,
    table.stack tfoot {
      display: none;
    }
@media (min-width: 660px) {
table.stack thead,
    table.stack tfoot {
        display: table-header-group
    }
      }
table.stack th,
    table.stack caption {
      text-align: start;
    }
table.stack th,
    table.stack td {
      padding: var(--cell-padding);
      text-align: start;
      display: flex;
      gap: 1rem;
    }
table.stack th:before, table.stack td:before {
        content: attr(label);
        font-weight: bold;
        width: 40%;
        flex-shrink: 0;
      }
@media (min-width: 660px) {
table.stack th,
    table.stack td {
        padding: var(--cell-padding);
        display: table-cell
    }

        table.stack th:before, table.stack td:before {
          display: none;
        }

        table.stack th:last-of-type, table.stack td:last-of-type {
          text-align: end;
        }
      }
table.stack th img, table.stack td img {
        display: inline-block;
        max-width: 50px;
        border-radius: 4px;
        aspect-ratio: 1;
        -o-object-fit: cover;
           object-fit: cover;
      }
table.stack th .label, table.stack td .label {
        margin-bottom: 0.5rem;
      }
@media (min-width: 660px) {
table.stack th.fit-width, table.stack td.fit-width {
          width: 1%;
          white-space: nowrap
      }
        }
table.stack tr {
      display: block;
      border-bottom: 1px solid var(--color-ui-border);
    }
@media (min-width: 660px) {
table.stack tr {
        display: table-row;
        border: 0
    }
      }
table .button-row {
    margin: 0 !important;
    justify-content: flex-start !important;
  }
.has-tip {
  color: var(--color-text);
  display: inline;
  font-weight: 600;
  text-decoration: underline;
}
.tippy-box {
  background-color: var(--color-brand-primary-dark);
  color: var(--color-text-inverse);
  font-size: 14px;
  padding: 6px 14px;
  line-height: 1.2;
  font-weight: 400;
  border-radius: 6px;
}
.tippy-box .tippy-arrow {
    color: var(--color-brand-primary-dark);
  }
.page-simple .container {
    padding: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
.page-simple .container .button-row {
      justify-content: center;
    }
.page-two_column {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 660px) {
.page-two_column {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr
}
  }
.page-two_column main {
    background-color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
  }
.page-two_column main .form-container {
      text-align: left;
    }
.page-two_column main .panel {
      padding: 0;
    }
.page-two_column aside {
    position: relative;
    padding: 2rem;
    display: flex;
    align-items: flex-end;
    aspect-ratio: 3/2;
  }
@media (min-width: 660px) {
.page-two_column aside {
      padding: 4rem;
      aspect-ratio: unset
  }
    }
.page-two_column aside img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      z-index: 0;
    }
.page-two_column aside div {
      position: relative;
      z-index: 1;
      max-width: 440px;
    }
body.theme-app.lookbook {
      background-color: unset;
    }
body.theme-app.lookbook h1.h2 {
        margin-bottom: 3rem;
      }
body.theme-app.lookbook hr {
        border-color: var(--color-ui-border);
        margin: 3rem auto;
      }
@media (min-width: 660px){
.sm\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.sm\:grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}
.sm\:grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}
.sm\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
.sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.sm\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.sm\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.sm\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.sm\:grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
.sm\:grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}
.sm\:grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}
.sm\:grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}
.sm\:grid-cols-none{grid-template-columns:none}
.sm\:grid-cols-subgrid{grid-template-columns:subgrid}}

/*# sourceMappingURL=/assets/application-b2903ea6.css.map */