@charset "UTF-8";
/* --------------------------------
Breakpoints
-------------------------------- */
/* --------------------------------
Mixins
-------------------------------- */
/* --------------------------------
Color map
-------------------------------- */
/* --------------------------------
Mixins
-------------------------------- */
/* --------------------------------
Layout
-------------------------------- */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

#__next {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

main {
  width: 100%;
  flex: 1;
}

:root {
  --gutter-size: var(--space-md);
}
@media (min-width: 768px) {
  :root {
    --gutter-size: var(--space-xxl);
  }
}

.wrapper {
  padding-right: var(--gutter-size);
  padding-left: var(--gutter-size);
  margin: 0 auto;
  max-width: 1280px;
}

.outer {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}
.outer > *:not(:last-child) {
  margin-bottom: var(--space-xl);
  margin-right: 0;
}
@supports selector(:first-child) {
  .outer > *:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .outer {
    gap: var(--space-4xl);
  }
  .outer > *:not(:last-child) {
    margin-bottom: var(--space-4xl);
    margin-right: 0;
  }
  @supports selector(:first-child) {
    .outer > *:not(:last-child) {
      margin-bottom: 0;
    }
  }
}
main > .outer {
  margin-top: var(--space-xxl);
}
@media (min-width: 768px) {
  main > .outer {
    margin-top: calc(var(--space-xxl) * 2);
  }
}

.inner {
  --gap-value: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-value);
}
.inner > *:not(:last-child) {
  margin-bottom: var(--gap-value);
  margin-right: 0;
}
@supports selector(:first-child) {
  .inner > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.inner--row {
  flex-direction: row;
  flex-wrap: wrap;
}
.inner--gap-sm {
  --gap-value: var(--space-md);
}
.inner--gap-md {
  --gap-value: var(--space-xl);
}
.inner--gap-lg {
  --gap-value: var(--space-xxl);
}

.intro-width {
  width: 100%;
  max-width: 600px;
}

.centralise-content {
  display: grid;
  place-items: center;
  height: 100vh;
  height: 100dvh;
}

/* --------------------------------
Grid
-------------------------------- */
/* Setup */
:root {
  --grid-gap: var(--space-md);
}
@media (min-width: 768px) {
  :root {
    --grid-gap: var(--space-xxl);
  }
}

/* Main */
.flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin: calc(var(--grid-gap) * -1) 0 0 calc(var(--grid-gap) * -1);
}
@media (min-width: 768px) {
  .flex-grid--half-gutters {
    margin: calc(var(--grid-gap) / 2 * -1) 0 0 calc(var(--grid-gap) / 2 * -1);
  }
}
.flex-grid--no-gutters {
  margin: 0;
}

.col {
  padding: calc(var(--grid-gap)) 0 0 calc(var(--grid-gap));
  background-clip: content-box;
}
.col[class*=col--] {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .flex-grid--half-gutters .col {
    padding: calc(var(--grid-gap) / 2) 0 0 calc(var(--grid-gap) / 2);
  }
}
.flex-grid--no-gutters .col {
  padding: 0;
}
.col--sm-1 {
  flex-basis: 8.33%;
  max-width: 8.33%;
}
.col--sm-2 {
  flex-basis: 16.66%;
  max-width: 16.66%;
}
.col--sm-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.col--sm-4 {
  flex-basis: 33.33%;
  max-width: 33.33%;
}
.col--sm-5 {
  flex-basis: 41.66%;
  max-width: 41.66%;
}
.col--sm-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.col--sm-7 {
  flex-basis: 58.33%;
  max-width: 58.33%;
}
.col--sm-8 {
  flex-basis: 66.66%;
  max-width: 66.66%;
}
.col--sm-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.col--sm-10 {
  flex-basis: 83.33%;
  max-width: 83.33%;
}
.col--sm-11 {
  flex-basis: 91.66%;
  max-width: 91.66%;
}
.col--sm-12 {
  flex-basis: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .col--md-1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .col--md-2 {
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
  .col--md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--md-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .col--md-5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .col--md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--md-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .col--md-8 {
    flex-basis: 66.66%;
    max-width: 66.66%;
  }
  .col--md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--md-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .col--md-11 {
    flex-basis: 91.66%;
    max-width: 91.66%;
  }
  .col--md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .col--lg-1 {
    flex-basis: 8.33%;
    max-width: 8.33%;
  }
  .col--lg-2 {
    flex-basis: 16.66%;
    max-width: 16.66%;
  }
  .col--lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .col--lg-4 {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
  .col--lg-5 {
    flex-basis: 41.66%;
    max-width: 41.66%;
  }
  .col--lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .col--lg-7 {
    flex-basis: 58.33%;
    max-width: 58.33%;
  }
  .col--lg-8 {
    flex-basis: 66.66%;
    max-width: 66.66%;
  }
  .col--lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .col--lg-10 {
    flex-basis: 83.33%;
    max-width: 83.33%;
  }
  .col--lg-11 {
    flex-basis: 91.66%;
    max-width: 91.66%;
  }
  .col--lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* --------------------------------
Colors
-------------------------------- */
:root {
  /* Main */
  --color-primary: #2e90fa;
  --color-black: #000000;
  --color-grey-dark: #101828;
  --color-grey: #475467;
  --color-grey-light: #d0d5dd;
  --color-grey-lightest: #eaecf0;
  --color-white: #ffffff;
  /* Feedback */
  --color-info-light: #f5faff;
  --color-info-soft: #eff8ff;
  --color-info-medium: #b2ddff;
  --color-info-bright: #53b1fd;
  --color-info-primary: #1570ef;
  --color-info-dark: #175cd3;
  --color-success-light: #f6fef9;
  --color-success-soft: #ecfdf3;
  --color-success-medium: #a6f4c5;
  --color-success-bright: #32d583;
  --color-success-primary: #039855;
  --color-success-dark: #027a48;
  --color-error-light: #fffbfa;
  --color-error-soft: #fef3f2;
  --color-error-medium: #fecdca;
  --color-error-bright: #f97066;
  --color-error-primary: #d92d20;
  --color-error-dark: #b42318;
  --color-warning-light: #fffcf5;
  --color-warning-soft: #fffaeb;
  --color-warning-medium: #fedf89;
  --color-warning-bright: #fdb022;
  --color-warning-primary: #dc6803;
  --color-warning-dark: #b54708;
  /* Typography */
  --color-text: var(--color-grey);
  --color-text-heading: var(--color-grey-dark);
  --color-text-subheading: #344054;
  --color-text-placeholder: #667085;
  --color-text-disabled: #98a2b3;
  /* Border */
  --color-border: var(--color-grey);
  /* State */
  --color-disabled: var(--color-grey-light);
  --color-disabled-light: #f9fafb;
  --color-disabled-medium: #f2f4f7;
  --color-active: #203240;
  /* Inputs */
  --color-form-hover: var(--color-disabled-light);
  --color-form-selected: #1570ef;
  --color-focus-border: #84caff;
  --color-focus-shadow: #d1e9ff;
  --color-invalid-dark: #f04438;
  --color-invalid: #fda29b;
  --color-invalid-light: #fee4e2;
  /* Brands */
  --color-brand-jet2: #ee3022;
  --color-brand-jet2holidays: #3d8ede;
  --color-brand-vibe: #2593a7;
  --color-brand-indulgent-escape: #1d191a;
  --color-brand-villas: #2d2576;
  --color-brand-citybreaks: #555f69;
}

/* --------------------------------
Spacing
-------------------------------- */
:root {
  /* Spacing values */
  --space-unit: 16px;
  --space-xxs: calc(0.25 * var(--space-unit));
  --space-xs: calc(0.5 * var(--space-unit));
  --space-sm: calc(0.75 * var(--space-unit));
  --space-md: calc(1 * var(--space-unit));
  --space-lg: calc(1.25 * var(--space-unit));
  --space-xl: calc(1.5 * var(--space-unit));
  --space-xxl: calc(2 * var(--space-unit));
  --space-xxxl: calc(2.5 * var(--space-unit));
  --space-4xl: calc(3 * var(--space-unit));
}

/* Vertical margins */
/* Top */
.margin-top--responsive {
  margin-top: var(--space-md);
}
@media (min-width: 768px) {
  .margin-top--responsive {
    margin-top: var(--space-xl);
  }
}

.margin-top--xs {
  margin-top: var(--space-xs);
}

.margin-top--sm {
  margin-top: var(--space-sm);
}

.margin-top--md {
  margin-top: var(--space-md);
}

.margin-top--lg {
  margin-top: var(--space-lg);
}

.margin-top--xl {
  margin-top: var(--space-xl);
}

/* Bottom */
.margin-bottom--responsive {
  margin-bottom: var(--space-md);
}
@media (min-width: 768px) {
  .margin-bottom--responsive {
    margin-bottom: var(--space-xl);
  }
}

.margin-bottom--xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom--xs {
  margin-bottom: var(--space-xs);
}

.margin-bottom--sm {
  margin-bottom: var(--space-sm);
}

.margin-bottom--md {
  margin-bottom: var(--space-md);
}

.margin-bottom--lg {
  margin-bottom: var(--space-lg);
}

.margin-bottom--xl {
  margin-bottom: var(--space-xl);
}

/* --------------------------------
Typography
-------------------------------- */
:root {
  --font-primary: "Open Sans";
  --font-secondary: sans-serif;
  /* Set base values */
  --text-base-size: 1em;
  /* Type size */
  --text-xs: calc(var(--text-base-size) * 0.75);
  --text-sm: calc(var(--text-base-size) * 0.875);
  --text-md: var(--text-base-size);
  --text-lg: calc(var(--text-base-size) * 1.125);
  --text-xl: calc(var(--text-base-size) * 1.25);
  --text-2xl: calc(var(--text-base-size) * 1.5);
  --text-3xl: calc(var(--text-base-size) * 1.875);
  /* Line height */
  --line-height-body: 1.5;
  /* Weight */
  --semi-bold: 600;
  --bold: 700;
}

body {
  font-size: var(--text-base-size);
  font-family: var(--font-primary), var(--font-secondary);
  color: var(--color-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
form legend {
  color: var(--color-text-heading);
  margin-bottom: var(--space-md);
  margin-top: 0;
  line-height: var(--line-height-body);
  font-weight: var(--semi-bold);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
form legend a {
  font-weight: inherit;
}
@media (min-width: 768px) {
  h1.fixed-size,
  h2.fixed-size,
  h3.fixed-size,
  h4.fixed-size,
  h5.fixed-size,
  h6.fixed-size,
  form legend.fixed-size {
    font-size: var(--mobile-size);
    line-height: var(--mobile-line-height);
  }
}

h1,
.title--xl {
  --mobile-size: var(--text-2xl);
  --mobile-line-height: 2rem;
  font-size: var(--mobile-size);
  line-height: var(--mobile-line-height);
}
@media (min-width: 768px) {
  h1,
  .title--xl {
    font-size: var(--text-3xl);
    line-height: 2.375rem;
  }
}

h2,
.title--lg {
  --mobile-size: var(--text-xl);
  --mobile-line-height: 1.875rem;
  font-size: var(--mobile-size);
  line-height: var(--mobile-line-height);
}
@media (min-width: 768px) {
  h2,
  .title--lg {
    font-size: var(--text-2xl);
    line-height: 2rem;
  }
}

h3,
.title--md {
  --mobile-size: var(--text-lg);
  --mobile-line-height: 1.75rem;
  font-size: var(--mobile-size);
  line-height: var(--mobile-line-height);
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  h3,
  .title--md {
    font-size: var(--text-xl);
    line-height: 1.875rem;
  }
}

h4,
.title--sm {
  --mobile-size: var(--text-md);
  --mobile-line-height: 1.5rem;
  font-size: var(--mobile-size);
  line-height: var(--mobile-line-height);
}
@media (min-width: 768px) {
  h4,
  .title--sm {
    font-size: var(--text-lg);
    line-height: 1.75rem;
  }
}

h5,
.title--xs {
  --mobile-size: var(--text-sm);
  --mobile-line-height: 1.25rem;
  font-size: var(--mobile-size);
  line-height: var(--mobile-line-height);
}
@media (min-width: 768px) {
  h5,
  .title--xs {
    font-size: var(--text-md);
    line-height: 1.5rem;
  }
}

.text--xl {
  font-size: var(--text-xl);
  line-height: 1.875rem;
}

.text--lg {
  font-size: var(--text-lg);
  line-height: 1.75rem;
}

.text--md {
  font-size: var(--text-md);
  line-height: 1.5rem;
}

.text--sm,
small {
  font-size: var(--text-sm);
  line-height: 1.25rem;
}

.text--xs {
  font-size: var(--text-xs);
  line-height: 1.125rem;
}

p {
  line-height: var(--line-height-body);
  margin: 0;
}

a {
  text-decoration-thickness: 1px;
  text-decoration-skip-ink: none;
}
a:visited {
  color: inherit;
}

button {
  font-family: var(--font-primary), var(--font-secondary);
}

b,
strong {
  font-weight: var(--bold);
}

.semi-bold {
  font-weight: var(--semi-bold);
}

em {
  font-style: italic;
}

.uppercase {
  text-transform: uppercase;
}

/* --------------------------------
General
-------------------------------- */
:root {
  --corner-radius: 4px;
  --corner-radius-full: 999px;
}

.loading-gradient {
  color: transparent;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: loadingShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
  background-size: 1000px 640px;
  width: 200px;
}

@keyframes loadingShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
/* --------------------------------
Properties
————————————
Used throughout our atom & modules
-------------------------------- */
:root {
  --booking-card-height: 102px;
  --booking-card-gap: 8px;
  --booking-list-height: 0;
}

/*
  Hides Sitecore Experience Editor markup,
  if you run the app in connected mode while the Sitecore cookies
  are set to edit mode.
*/
.scChromeData,
.scpm {
  display: none !important;
}

/*
  Styles for default JSS error components
*/
.sc-jss-editing-error,
.sc-jss-placeholder-error {
  padding: 1em;
  background-color: lightyellow;
}

/* --------------------------------
Mixins
-------------------------------- */
:root {
  --eye-on-icon: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1.42012 8.71318C1.28394 8.49754 1.21584 8.38972 1.17772 8.22342C1.14909 8.0985 1.14909 7.9015 1.17772 7.77658C1.21584 7.61028 1.28394 7.50246 1.42012 7.28682C2.54553 5.50484 5.8954 1 11.0004 1C16.1054 1 19.4553 5.50484 20.5807 7.28682C20.7169 7.50246 20.785 7.61028 20.8231 7.77658C20.8517 7.9015 20.8517 8.0985 20.8231 8.22342C20.785 8.38972 20.7169 8.49754 20.5807 8.71318C19.4553 10.4952 16.1054 15 11.0004 15C5.8954 15 2.54553 10.4952 1.42012 8.71318Z' stroke='%23203240' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0004 11C12.6573 11 14.0004 9.65685 14.0004 8C14.0004 6.34315 12.6573 5 11.0004 5C9.34355 5 8.0004 6.34315 8.0004 8C8.0004 9.65685 9.34355 11 11.0004 11Z' stroke='%23203240' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --eye-off-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M9.74294 3.09232C10.1494 3.03223 10.5686 3 11.0004 3C16.1054 3 19.4553 7.50484 20.5807 9.28682C20.7169 9.5025 20.785 9.61034 20.8231 9.77667C20.8518 9.90159 20.8517 10.0987 20.8231 10.2236C20.7849 10.3899 20.7164 10.4985 20.5792 10.7156C20.2793 11.1901 19.8222 11.8571 19.2165 12.5805M5.72432 4.71504C3.56225 6.1817 2.09445 8.21938 1.42111 9.28528C1.28428 9.50187 1.21587 9.61016 1.17774 9.77648C1.1491 9.9014 1.14909 10.0984 1.17771 10.2234C1.21583 10.3897 1.28393 10.4975 1.42013 10.7132C2.54554 12.4952 5.89541 17 11.0004 17C13.0588 17 14.8319 16.2676 16.2888 15.2766M2.00042 1L20.0004 19M8.8791 7.87868C8.3362 8.42157 8.00042 9.17157 8.00042 10C8.00042 11.6569 9.34356 13 11.0004 13C11.8288 13 12.5788 12.6642 13.1217 12.1213' stroke='%23101828' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.3334V10.0001M10 6.66675H10.0084M18.3334 10.0001C18.3334 14.6025 14.6024 18.3334 10 18.3334C5.39765 18.3334 1.66669 14.6025 1.66669 10.0001C1.66669 5.39771 5.39765 1.66675 10 1.66675C14.6024 1.66675 18.3334 5.39771 18.3334 10.0001Z' stroke='%231570EF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tick-icon: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6 9 17l-5-5' stroke='%231570EF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
}

#api * {
  font-family: "Open Sans", sans-serif;
}
#api ul,
#api li {
  all: unset;
}

@media (max-width: 767px) {
  .centralise-content--mobile-top {
    align-items: start;
    padding-top: var(--space-md);
  }
}

.container {
  border-radius: var(--corner-radius);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  width: 92vw;
  max-width: 442px;
  padding: 0 var(--space-xxs) var(--space-xxs);
}
.container > *:not(:last-child) {
  margin-bottom: var(--space-md);
  margin-right: 0;
}
@supports selector(:first-child) {
  .container > *:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .container {
    border: 1px solid var(--color-grey-light);
    padding: var(--space-xl);
  }
}

.logo {
  width: 89px;
  height: 24px;
}

.heading > *,
.divider > * {
  font-size: var(--space-xl);
  line-height: 32px;
  color: var(--color-grey-dark);
  margin-bottom: var(--space-xs);
}
.heading > *:empty,
.divider > *:empty {
  margin: 0;
}

.divider > * {
  margin-bottom: 0;
  margin-top: var(--space-md);
}

.intro > * {
  font-weight: 400;
  font-size: var(--text-md);
  line-height: var(--line-height-body);
  color: var(--color-grey);
}

.readOnlyEmail_li .attrEntry {
  margin: var(--space-xxs) 0;
}

.entry-item,
.attrEntry {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}
.entry-item > *:not(:last-child),
.attrEntry > *:not(:last-child) {
  margin-bottom: var(--space-xxs);
  margin-right: 0;
}
@supports selector(:first-child) {
  .entry-item > *:not(:last-child),
  .attrEntry > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.entry-item + .entry-item,
.entry-item + .attrEntry,
.attrEntry + .entry-item,
.attrEntry + .attrEntry {
  margin-top: var(--space-xs);
}
.entry-item:-webkit-autofill, .entry-item:-webkit-autofill:hover, .entry-item:-webkit-autofill:focus, .entry-item:-webkit-autofill:active,
.attrEntry:-webkit-autofill,
.attrEntry:-webkit-autofill:hover,
.attrEntry:-webkit-autofill:focus,
.attrEntry:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.entry-item ::-webkit-input-placeholder,
.attrEntry ::-webkit-input-placeholder {
  color: var(--color-white);
}
.entry-item :-moz-placeholder,
.attrEntry :-moz-placeholder {
  /* Firefox 18- */
  color: var(--color-white);
}
.entry-item ::-moz-placeholder,
.attrEntry ::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--color-white);
}
.entry-item :-ms-input-placeholder,
.attrEntry :-ms-input-placeholder {
  color: var(--color-white);
}
.entry-item > label,
.attrEntry > label {
  font-size: var(--text-sm);
  line-height: 20px;
  color: var(--color-grey-dark);
}
.entry-item > .error,
.attrEntry > .error {
  font-size: var(--text-sm);
  color: var(--color-invalid-dark);
  order: 3;
}
.entry-item .error,
.attrEntry .error {
  font-size: var(--text-sm);
  color: var(--color-invalid-dark);
}
.entry-item input,
.attrEntry input {
  border: 1px solid var(--color-grey);
  border-radius: var(--corner-radius);
  font-size: var(--text-md);
  line-height: var(--line-height-body);
  padding: 9px 22% 9px 15px;
  color: var(--color-grey-dark);
  transition-property: border, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  box-sizing: border-box;
  width: 100%;
}
.entry-item input:-webkit-autofill, .entry-item input:-webkit-autofill:hover, .entry-item input:-webkit-autofill:focus, .entry-item input:-webkit-autofill:active,
.attrEntry input:-webkit-autofill,
.attrEntry input:-webkit-autofill:hover,
.attrEntry input:-webkit-autofill:focus,
.attrEntry input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.entry-item input:disabled, .entry-item input:read-only,
.attrEntry input:disabled,
.attrEntry input:read-only {
  background: var(--color-disabled-light);
  border: 1px solid var(--color-disabled);
}
.entry-item input:focus,
.attrEntry input:focus {
  outline: none;
  border: 1px solid var(--color-focus-border);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px var(--corner-radius) var(--color-focus-shadow);
}
.entry-item input:invalid, .entry-item input.highlightError,
.attrEntry input:invalid,
.attrEntry input.highlightError {
  outline: none;
  background: var(--color-white);
  border: 1px solid var(--color-invalid);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTJNMTIgMTZIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSIjZjA0NDM4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat right 16px center/20px;
}
.entry-item input:invalid:focus, .entry-item input.highlightError:focus,
.attrEntry input:invalid:focus,
.attrEntry input.highlightError:focus {
  border: 1px solid var(--color-invalid);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.25), 0px 0px 0px var(--corner-radius) var(--color-invalid-light);
}

.error.pageLevel {
  font-size: 14px;
}

.error.itemLevel.show + .textInput,
.error.pageLevel[style*=block] + .entry input[type=password] {
  outline: none;
  background: var(--color-white);
  border: 1px solid var(--color-invalid);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTJNMTIgMTZIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSIjZjA0NDM4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat right 16px center/20px;
}
.error.itemLevel.show + .textInput:focus,
.error.pageLevel[style*=block] + .entry input[type=password]:focus {
  border: 1px solid var(--color-invalid);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.25), 0px 0px 0px var(--corner-radius) var(--color-invalid-light);
}
.error.itemLevel.show + .textInput + .show-password-button,
.error.pageLevel[style*=block] + .entry input[type=password] + .show-password-button {
  display: none;
}

.password-label {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
  font-size: var(--text-sm);
  line-height: 20px;
}
.password-label > *:not(:last-child) {
  margin-bottom: var(--space-xxs);
  margin-right: 0;
}
@supports selector(:first-child) {
  .password-label > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.password-label > a {
  color: var(--color-text-subheading);
  font-weight: var(--semi-bold);
}

.verificationControlContent .verificationInfoText #emailVerificationControlMFA_info_message[aria-hidden=false] {
  margin-bottom: var(--space-sm);
  display: inline-block !important;
}

.buttons {
  display: flex;
  flex-direction: column;
  gap: var(--space-xxs);
}
.buttons > *:not(:last-child) {
  margin-bottom: var(--space-xxs);
  margin-right: 0;
}
@supports selector(:first-child) {
  .buttons > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.buttons > button {
  transition: background-color 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  --rounded-text-color: var(--color-white);
  border-radius: var(--corner-radius);
  color: var(--rounded-text-color);
  line-height: var(--line-height-body);
  border-style: none;
  cursor: pointer;
  background-color: #203240;
  font-size: var(--text-md);
  padding: 10px 18px;
  font-weight: var(--semi-bold);
}
.buttons > button:hover {
  background-color: var(--color-grey-dark);
}
.buttons > button:first-of-type {
  margin-top: var(--space-md);
}

.Paragraph [id*=text_title] {
  font-size: var(--text-2xl);
  font-weight: var(--semi-bold);
  color: var(--color-grey-dark);
  line-height: 32px;
}

.TextBox label,
.password-label {
  color: var(--color-grey-dark);
}

.disclaimer-container {
  margin-top: var(--space-xs);
  font-size: var(--text-sm);
}

.disclaimer-link {
  font-weight: var(--semi-bold);
  text-decoration: underline;
  color: var(--color-grey-dark);
}

#editEmailButton {
  all: unset;
  position: absolute;
  right: 0;
  height: 100%;
  box-sizing: border-box;
  padding: 0 var(--space-md);
  cursor: pointer;
  text-decoration: underline;
  font-weight: var(--semi-bold);
  color: var(--color-text-subheading);
}

.editEmailContainer {
  position: relative;
}

.verificationInfoText[aria-hidden=false],
#emailVerificationControl_info_message,
#emailVerificationControlMFA_info_message,
#emailVerificationControl_success_message[aria-hidden=false],
#emailVerificationControlMFA_success_message[aria-hidden=false] {
  margin-bottom: var(--space-sm);
  display: inline-block !important;
}

#emailVerificationControl_but_change_claims,
#emailVerificationControlMFA_but_change_claims {
  display: none !important;
}

#emailVerificationControl .buttons,
#emailVerificationControlMFA .buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 0;
  column-gap: 8px;
  order: 3;
}
#emailVerificationControl .buttons label,
#emailVerificationControlMFA .buttons label {
  grid-area: 1/1/2/3;
  font-size: var(--text-sm);
}
#emailVerificationControl .buttons input,
#emailVerificationControlMFA .buttons input {
  grid-area: 2/1/3/3;
}
#emailVerificationControl .buttons #VerificationCode,
#emailVerificationControlMFA .buttons #VerificationCode {
  margin-top: var(--space-xxs);
}
#emailVerificationControl .buttons #emailVerificationControl_but_verify_code,
#emailVerificationControl .buttons #emailVerificationControlMFA_but_verify_code,
#emailVerificationControlMFA .buttons #emailVerificationControl_but_verify_code,
#emailVerificationControlMFA .buttons #emailVerificationControlMFA_but_verify_code {
  grid-area: 4/2/5/3;
  margin-top: var(--space-sm);
  order: 3;
}
#emailVerificationControl .buttons #emailVerificationControl_but_send_code,
#emailVerificationControl .buttons #emailVerificationControlMFA_but_send_code,
#emailVerificationControlMFA .buttons #emailVerificationControl_but_send_code,
#emailVerificationControlMFA .buttons #emailVerificationControlMFA_but_send_code {
  grid-area: 1/1/2/3;
}
#emailVerificationControl .buttons #emailVerificationControl_but_send_new_code,
#emailVerificationControl .buttons #emailVerificationControlMFA_but_send_new_code,
#emailVerificationControlMFA .buttons #emailVerificationControl_but_send_new_code,
#emailVerificationControlMFA .buttons #emailVerificationControlMFA_but_send_new_code {
  grid-area: 4/1/5/2;
  margin-top: var(--space-sm);
  background: var(--color-white);
  color: var(--color-text-subheading);
  border: 1px solid var(--color-text-placeholder);
  order: 2;
}
#emailVerificationControl .buttons .verification-errors,
#emailVerificationControlMFA .buttons .verification-errors {
  grid-area: 3/1/4/3;
  margin-top: var(--space-xs);
}

#emailVerificationControlMFA_error_message {
  grid-area: 3/1/4/3;
  margin-top: var(--space-xs);
}

#password {
  order: 1;
}

.password-label + .error {
  order: 2;
}

#forgotPassword {
  font-weight: var(--semi-bold);
  text-decoration: underline;
  color: var(--color-text-subheading);
  font-size: var(--text-sm);
  margin-top: var(--space-xxs);
  order: 3;
  width: fit-content;
}

#text_subtitleMarketingPermissions_label {
  font-size: var(--text-md);
  color: var(--color-text-placeholder);
}
#text_subtitleMarketingPermissions_label a {
  color: var(--color-text-subheading);
}

.CheckboxMultiSelect fieldset {
  margin: var(--space-xs) 0 0 0;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
}
.CheckboxMultiSelect legend:empty {
  display: none;
}

input[type=checkbox] {
  --input-background: #eff8ff;
  all: unset;
  width: 24px;
  height: 24px;
  margin: 0;
  border-radius: var(--corner-radius);
}
input[type=checkbox]:focus {
  box-shadow: none;
  border: none;
}
input[type=checkbox]:before {
  content: "";
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  visibility: visible;
  border-radius: var(--corner-radius);
  line-height: var(--line-height-body);
  border: 1px solid var(--color-text-placeholder);
  background: var(--color-white);
}
input[type=checkbox]:hover:before {
  background-color: var(--input-background);
  border-color: var(--color-form-selected);
}
input[type=checkbox]:checked:before {
  border-color: var(--color-form-selected);
  background: var(--tick-icon) no-repeat center/18px, var(--input-background);
}
input[type=checkbox]:focus:before {
  border: 1px solid var(--color-focus-border);
}
input[type=checkbox] + label {
  padding-left: var(--space-xs);
  font-weight: var(--semi-bold);
}

.password-input-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-row-gap: var(--space-xxs);
  grid-template-rows: auto 1fr;
}
.password-input-wrapper input {
  grid-area: 1/1/2/6;
}
.password-input-wrapper input.highlightError + .show-password-button {
  display: none;
}
.password-input-wrapper .show-password-button {
  all: unset;
  position: relative;
  grid-area: 1/5/2/6;
  z-index: 2;
  background: var(--eye-on-icon) no-repeat center;
  cursor: pointer;
}
.password-input-wrapper .show-password-button.active {
  background: var(--eye-off-icon) no-repeat center;
}
.password-input-wrapper .error.itemLevel {
  grid-area: 2/1/3/6;
}

.error.show + .password-input-wrapper input {
  outline: none;
  background: var(--color-white);
  border: 1px solid var(--color-invalid);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTJNMTIgMTZIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSIjZjA0NDM4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat right 16px center/20px;
}
.error.show + .password-input-wrapper input:focus {
  border: 1px solid var(--color-invalid);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.25), 0px 0px 0px var(--corner-radius) var(--color-invalid-light);
}
.error.show + .password-input-wrapper .show-password-button {
  display: none;
}

.alert-container-info {
  color: var(--color-info-dark);
  background-color: var(--color-info-light);
  font-size: var(--text-sm);
  padding: 15px var(--space-md);
  border: 1px solid var(--color-info-bright);
  border-radius: var(--corner-radius);
  display: flex;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  margin-top: var(--space-xs);
  margin-bottom: var(--space-xss);
  order: 2;
}
.alert-container-info p {
  line-height: 20px;
}
.alert-container-info .info-icon {
  background: var(--info-icon) no-repeat center;
  margin-right: 12px;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  flex: 0 0 20px;
}

.error:empty {
  display: none;
}

button#continue[aria-label="Yes, delete account"] {
  background-color: var(--color-error-primary);
}

#api #attributeList ul .newPassword_li .attrEntry #newPassword_label {
  display: block;
  margin-top: var(--space-xs);
}

#email_label,
#newEmail_label {
  margin-top: var(--space-xs);
}

.error.show + #email.textInput {
  outline: none;
  background: var(--color-white);
  border: 1px solid var(--color-invalid);
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDhWMTJNMTIgMTZIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSIjZjA0NDM4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat right 16px center/20px;
}
.error.show + #email.textInput:focus {
  border: 1px solid var(--color-invalid);
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.25), 0px 0px 0px var(--corner-radius) var(--color-invalid-light);
}

#text_titleSignUpOrSignIn_label + .error.itemLevel {
  margin-bottom: var(--space-xs);
}

#text_titleDeleteAccount_label {
  margin-bottom: var(--space-xxs);
}

input[type=password]::-ms-reveal {
  display: none;
}

#simplemodal-overlay,
#simplemodal-container {
  display: none !important;
}

#text_subtitleMarketingPermissions_label {
  line-height: 24px;
}

.password-accessiblity {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  left: -99999px;
}

.kpi-list {
  gap: var(--space-sm);
}
body:has(#api #text_titleSignUpOrSignIn) .kpi-list {
  display: flex !important;
  flex-direction: column;
}
.kpi-list > *:not(:last-child) {
  margin-bottom: var(--space-sm);
  margin-right: 0;
}
@supports selector(:first-child) {
  .kpi-list > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.kpi-list__title {
  font-size: var(--text-sm);
  font-weight: var(--semi-bold);
  color: var(--color-text-subheading);
}
@media (min-width: 768px) {
  .kpi-list__title {
    font-size: var(--text-md);
  }
}
.kpi-list__list {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.kpi-list__list > *:not(:last-child) {
  margin-bottom: var(--space-sm);
  margin-right: 0;
}
@supports selector(:first-child) {
  .kpi-list__list > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.kpi-list__list-item {
  display: flex;
  align-items: flex-start;
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .kpi-list__list-item {
    font-size: var(--text-md);
  }
}
.kpi-list__icon {
  font-size: var(--text-2xl);
  margin-right: var(--space-xs);
  flex-shrink: 0;
  color: var(--color-info-primary);
  width: 1em;
  height: 1em;
}
.kpi-list__back-links {
  font-size: var(--text-sm);
}
@media (min-width: 768px) {
  .kpi-list__back-links {
    font-size: var(--text-md);
  }
}
.kpi-list__back-links a {
  color: var(--color-info-dark);
  font-weight: var(--bold);
}

/* CSS changes for fido */
.credentialCreateOptions_li,
.extension_fido_rawId_li,
.clientDataJSON_li,
.signature_li,
.authenticatorData_li,
.userHandle_li,
.readOnlyDisplayName_li,
.readOnlyName_li,
.objectId_li,
.attestationObject_li,
.assertionCreateOptions_li,
.signInMethod_li,
.signInStep1_li,
#signInMethod,
#cancel,
#fidoAuthn {
  display: none;
}

.buttons > #fidocontinue {
  margin-top: var(--space-md);
}

#skipFidoSignUp {
  margin-top: var(--space-xs);
}

#credentialCreateOptions,
#readOnlyName,
#readOnlyDisplayName,
#objectId {
  border-color: green;
  background-color: #daeadd;
}

#fidoAuthn {
  padding: 5px 10px 5px 10px;
}

.alert.error {
  color: red;
}

.alert:empty {
  display: none;
}

.Paragraph.text_titleFidoSignUpOrSignIn_li,
.Paragraph.text_subTitleFidoSignUpOrSignIn_li {
  display: flex;
  flex-direction: column;
  align-items: start;
}

#text_titleFidoSignUpOrSignIn_label {
  margin-bottom: var(--space-xl);
}

#skipFidoSignUp {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid var(--color-text-placeholder);
  padding: 10px 18px;
  color: var(--color-text-subheading);
  border-radius: var(--corner-radius);
  text-decoration: none;
  font-weight: var(--semi-bold);
  font-size: var(--text-md);
}

.fido-signup__header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fido-signup__close-btn {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}
.fido-signup #api ul .fido-signup__list,
.fido-signup #api li .fido-signup__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.fido-signup #api ul .fido-signup__list > *:not(:last-child),
.fido-signup #api li .fido-signup__list > *:not(:last-child) {
  margin-bottom: var(--space-md);
  margin-right: 0;
}
@supports selector(:first-child) {
  .fido-signup #api ul .fido-signup__list > *:not(:last-child),
  .fido-signup #api li .fido-signup__list > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.fido-signup #api ul .fido-signup__container,
.fido-signup #api li .fido-signup__container {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
}
.fido-signup #api ul .fido-signup__container > *:not(:last-child),
.fido-signup #api li .fido-signup__container > *:not(:last-child) {
  margin-right: var(--space-sm);
  margin-bottom: 0;
}
@supports selector(:first-child) {
  .fido-signup #api ul .fido-signup__container > *:not(:last-child),
  .fido-signup #api li .fido-signup__container > *:not(:last-child) {
    margin-right: 0;
  }
}
.fido-signup #api ul .fido-signup__img,
.fido-signup #api li .fido-signup__img {
  height: 24px;
  width: 24px;
}
.fido-signup #api ul .fido-signup__text,
.fido-signup #api li .fido-signup__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--space-xxs);
}
.fido-signup #api ul .fido-signup__text > *:not(:last-child),
.fido-signup #api li .fido-signup__text > *:not(:last-child) {
  margin-bottom: var(--space-xxs);
  margin-right: 0;
}
@supports selector(:first-child) {
  .fido-signup #api ul .fido-signup__text > *:not(:last-child),
  .fido-signup #api li .fido-signup__text > *:not(:last-child) {
    margin-bottom: 0;
  }
}
.fido-signup #api ul .fido-signup__title,
.fido-signup #api li .fido-signup__title {
  font-size: var(--text-md);
  font-weight: var(--semi-bold);
  color: var(--color-text-heading);
}
.fido-signup #api ul .fido-signup__subheading,
.fido-signup #api li .fido-signup__subheading {
  font-size: var(--text-md);
  line-height: var(--line-height-body);
  color: var(--color-grey);
}
@media (max-width: 767px) {
  .fido-signup .container {
    height: 100%;
  }
  .fido-signup #api {
    height: 100%;
    display: flex;
  }
  .fido-signup #attributeVerification {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding-bottom: var(--space-xl);
  }
  .fido-signup .buttons {
    margin-top: auto;
  }
}

/*# sourceMappingURL=index.css.map */