/* css-modules:css-modules://q3ft6quUQ96HXBgHbN60K8xJGKKfLU51WQIMBy7T7rk.css */
@layer components {
  .f2k46q_ModalPane {
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100vw;
    height: 100dvh;
    display: flex;
    position: fixed;
    inset: 0;
  }
}

/* css-modules:css-modules://SYcJ0jZ23doE2V4cihmT77iRCGy6FVaMIW2PGViKm-4.css */
.g4Qs6G_spinner {
  -webkit-animation: 1s linear infinite g4Qs6G_peachy-spinner__spin;
  animation: 1s linear infinite g4Qs6G_peachy-spinner__spin;
}
@-webkit-keyframes g4Qs6G_peachy-spinner__spin {
  0% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes g4Qs6G_peachy-spinner__spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* css-modules:css-modules://C5mRfNhixZNl71w35kXJrwoVOciO-WNCggourF0vp6Y.css */
@layer components {
  .PhB2aG_lookupInput {
    font-family: inherit;
  }
  .PhB2aG_lookupList {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: .2em;
    width: fit-content;
    margin: 0;
    padding-inline: 2em 1em;
    position: relative;
    left: 50%;
    transform: translate(-50%);
    & li {
      cursor: pointer;
      padding-inline: 0;
      list-style: none;
      &[data-highlighted] {
        list-style: circle;
      }
      &[data-selected] {
        list-style: disc;
      }
    }
    &:before {
      content: "";
      clip-path: polygon(0 0, 100% 100%, 0 100%);
      border: inherit;
      background-color: inherit;
      width: 1em;
      height: 1em;
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%)rotate(135deg);
    }
  }
}

/* css-modules:css-modules://khBrOHnq4iPPFGmtPBaUnhtA0R3LvZrOFDYmQ4LJ70w.css */
.eHD2gW_Toggle {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}
.eHD2gW_Toggle > input {
  appearance: none;
  cursor: pointer;
  box-sizing: content-box;
  border-radius: 2em;
  width: 1.5em;
  height: 1em;
  transition: all .2s;
  position: relative;
}
.eHD2gW_Toggle > input:before {
  content: " ";
  border-radius: 1em;
  width: 50%;
  padding-top: 50%;
  transition: all .2s;
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translate(0, -51%);
}
.eHD2gW_Toggle > input:checked:before {
  left: 47%;
}

/* css-modules:css-modules://rp8bspgNCcdCJgjHBI3tvOE2Qtljx2nWEl_8JJM2vVo.css */
@layer components {
  .CpPyOq_DatePickerHeader {
    flex-direction: column;
    display: flex;
  }
  .CpPyOq_nudgeSelector {
    cursor: pointer;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  .CpPyOq_nudgeLeft:before {
    content: "<";
  }
  .CpPyOq_nudgeSelectorText {
    cursor: pointer;
  }
  .CpPyOq_nudgeRight:before {
    content: ">";
  }
}

/* css-modules:css-modules://2f21pbwtal-uNi1ZtSiJdHmlhK3hg01To0oZJmszUgo.css */
@layer components {
  .hkEFnq_DatePickerMonthTable {
    table-layout: fixed;
    text-align: center;
  }
  .hkEFnq_DatePickerMonthTable th {
    text-align: center;
    padding: .5em;
  }
  .hkEFnq_DatePickerMonthTable td {
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d3d3d3;
  }
  .hkEFnq_allDays {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    line-height: 2em;
    display: inline-flex;
  }
  .hkEFnq_outMonth {
    opacity: .5;
  }
  .hkEFnq_disabled {
    opacity: .25;
    cursor: not-allowed;
    text-decoration: line-through;
  }
  .hkEFnq_selected {
    font-weight: bold;
  }
}

/* css-modules:css-modules://94Q06rwVq9tEyPC0OKovXf2FKH8OHFGZeEIauqjs-hI.css */
.B7xchW_readonly {
  cursor: default;
  opacity: .3;
}

/* css-modules:css-modules://Lt2IafCu1QJTUrLZxo2n35hhNnSB4-dcFYySyTFZZNg.css */
.qniKmq_Card {
  text-align: center;
  border-radius: 10px;
}
.PlanConfigurationCard {
  & > * {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

/* css-modules:css-modules://tRNNS_wudRA8XaIsFQTx0MidNMEbo4WZaMu9GdeOuq0.css */
:root {
  --card-gap: 2em;
  --card-gap-group-label: 3em;
}
.KLASiq_cardContainer {
  gap: var(--card-gap);
  grid-template-columns: 2fr 3fr;
  display: grid;
}
.KLASiq_card > * {
  height: 5em;
}
.KLASiq_benefitOptions {
  padding: 0 20px;
}
.KLASiq_title {
  font-weight: 700;
}
.KLASiq_titleContainer {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  & > a {
    color: #000;
    font-size: 12px;
    text-decoration: underline;
  }
}
.KLASiq_groupLabel {
  height: var(--card-gap-group-label);
  padding-top: calc(var(--card-gap-group-label) - var(--card-gap));
  align-items: start;
  font-size: 1.1em;
  font-weight: 700;
}
.KLASiq_benefitsContainer {
  row-gap: var(--card-gap-group-label);
  flex-flow: column;
  display: flex;
}
.KLASiq_planCardsContainer {
  column-gap: var(--card-gap);
  flex-flow: row;
  display: flex;
}
.KLASiq_globalBenefitsContainer {
  row-gap: var(--card-gap);
  display: grid;
}

/* css-modules:css-modules://sLImRlhK7FVtcY_e2sSJlik5R99oeoAwlX5Lio0Wvcg.css */
.p0QFMW_Modal {
  cursor: wait;
  pointer-events: all;
  z-index: 100;
  background: #fffb;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}
.p0QFMW_Pulse {
  flex-direction: row;
  justify-content: center;
  gap: 3em;
  display: flex;
}
.p0QFMW_Dot {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: .4s ease-out infinite alternate p0QFMW_pulse;
}
@media screen and (width <= 900px) {
  .p0QFMW_Dot {
    width: 50px;
    height: 50px;
  }
}
.p0QFMW_Dot:nth-child(2) {
  animation-delay: .125s;
}
.p0QFMW_Dot:nth-child(3) {
  animation-delay: .25s;
}
@keyframes p0QFMW_pulse {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
clickable:hover {
  cursor: pointer;
}

/* css-modules:css-modules://zuWLyWUklZH0OUpPmyahJBXEUVyY_FfUI3nlZFUY8i0.css */
.lLI8mG_IamPanel {
  opacity: 1;
  view-transition-name: lLI8mG_IamPanel;
  width: 20em;
  transition: all .2s;
  & h3 {
    view-transition-name: lLI8mG_IamHeading;
  }
  & a {
    align-self: flex-end;
    &:last-child {
      view-transition-name: lLI8mG_IamLink;
    }
  }
  & input[type=email] {
    view-transition-name: lLI8mG_IamEmail;
  }
  &[data-busy=true] {
    pointer-events: none;
  }
  & button {
    view-transition-name: lLI8mG_IamButton;
  }
  & label:has(input[type=checkbox]) {
    align-items: center;
    display: flex;
    position: relative;
    & input {
      width: 100%;
    }
    & input[type=checkbox] {
      cursor: pointer;
      color: var(--sovereign-blue-dark);
      opacity: .5;
      -webkit-appearance: none;
      appearance: none;
      background-color: #0000;
      border: none;
      justify-content: center;
      align-items: center;
      width: 2em;
      height: 2em;
      margin: 0;
      padding: 0;
      display: flex;
      position: absolute;
      right: 0;
      &:before {
        text-align: center;
        content: "\f06e";
        background-color: #0000;
        padding-right: .5em;
        font-family: FontAwesome;
        font-size: 1.5rem;
        display: block;
      }
      &:checked:before {
        content: "\f070";
      }
    }
  }
}
::view-transition-old(lLI8mG_IamPanel),
::view-transition-new(lLI8mG_IamPanel) {
  mix-blend-mode: normal;
  height: 100%;
  overflow: clip;
}
[data-modal-pane]:has(.lLI8mG_IamPanel) {
  background-color: #00000080;
}
.lLI8mG_spinner {
  background-color: #f003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

/* css-modules:css-modules://VakxmR-sGopcYmIOB2yKIrmxehCP89dv3rZtmNQedIs.css */
@layer components {
  .Na3JNW_Header {
    background-color: var(--header-background-color);
    height: var(--header-height);
    grid-template-columns: 1fr auto 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
    position: sticky;
    top: 0;
    & nav {
      justify-self: stretch;
      gap: 1em;
      padding-inline: 2em;
      display: flex;
      & * {
        color: #fff;
      }
      &:first-child {
        justify-content: start;
      }
      &:last-child {
        justify-content: end;
      }
      & i {
        font-size: 2em;
      }
      & a.active {
        &:after {
          content: "";
          background-color: #fff;
          width: 100%;
          height: 2px;
          display: block;
        }
      }
    }
  }
  .routeTransitionLink {
    & .Na3JNW_Header a.active:after {
      view-transition-name: Na3JNW_header-indicator;
    }
  }
  .Na3JNW_Logo {
    width: calc(var(--header-height) * 1.5);
    aspect-ratio: 3;
    fill: #fff;
    grid-column: 2;
    padding-block-start: .5em;
  }
}

/* css-modules:css-modules://F9xpYXcBnBjY1lTWQ3v-P25_djI4b8zICbexxhnVl10.css */
.qNOMBW_Main {
  background-color: var(--page-colour);
  flex-direction: column;
  place-content: start;
  gap: 2em;
  padding-block: 2em;
  padding-inline: min(2em, 3%);
  display: flex;
}

/* css-modules:css-modules://8Uf_D-vKnsaFULWJmYT8uqqZ7BiKL_MsDRTQz4erQ4U.css */
.cPG1zG_Dot {
  background-color: var(--primary-color);
}

/* css-modules:css-modules://dwQzBr1A23g32qgVDMy_wsoJkMITWPLOY2eLQNAWtUw.css */
.L0W87q_Button {
  text-align: center;
  border: 2px solid;
  border-radius: .5em;
  min-width: 160px;
  min-height: 50px;
  font-size: 1em;
  font-weight: bold;
  transition: all .2s;
  &:disabled {
    background-color: #0000;
  }
  &:not(:disabled):hover {
    transform: scale(1.05);
    box-shadow: 1px 1px 1px #0000000d, 1px 2px 2px #0000000d;
  }
}
.L0W87q_Outline {
  background-color: #0000;
}
.L0W87q_Primary {
  background-color: var(--sovereign-blue);
  border-color: var(--sovereign-blue);
  color: #fff;
  &:disabled {
    color: var(--sovereign-blue);
  }
}
.L0W87q_Secondary {
  border-color: var(--sovereign-blue);
  color: var(--sovereign-blue);
}
.L0W87q_Grey {
  background-color: var(--sovereign-blue-light);
  border-color: var(--sovereign-blue-light);
  color: var(--sovereign-blue);
}
.L0W87q_Green {
  border-color: var(--sovereign-goto-turquoise-light);
  background-color: var(--sovereign-goto-turquoise-light);
  color: var(--sovereign-goto-turquoise);
}
.L0W87q_OutlineGreen {
  border-color: var(--sovereign-goto-turquoise);
  color: var(--sovereign-goto-turquoise);
}
.L0W87q_QuoteFooter {
  background-color: var(--sovereign-goto-turquoise-pale);
  border-color: var(--sovereign-goto-turquoise-pale);
  color: #fff;
}

/* css-modules:css-modules://VFcMxPKNxBB_zu0GYlBaQZ9xvHWRTJ-Ic7rJJ8u6GeM.css */
.wIU0mW_ClaimAssessmentForm {
  width: 100%;
  height: 100%;
}
.wIU0mW_AddItemButton {
  min-height: initial;
}
.wIU0mW_DeleteItemButton {
  cursor: pointer;
}
.wIU0mW_ClaimAssessmentTable {
  & th {
    text-align: left;
  }
  & td {
    padding: .4em 1em .4em 0;
  }
  & input,
  & select {
    width: 100%;
    height: 2.5em;
  }
  & .wIU0mW_ColumnCost {
    width: 8em;
    & input {
      text-align: right;
    }
  }
  & .wIU0mW_ColumnBenefit {
    width: 15em;
  }
  & .wIU0mW_ColumnDate,
  & .wIU0mW_ColumnLocation {
    width: 10em;
  }
  & .wIU0mW_ColumnDecision {
    width: 15em;
  }
  & .wIU0mW_ColumnRemove {
    width: 2em;
  }
}

/* css-modules:css-modules://mfo61I-rbGxBypVMYWKw39-em0NaiNx5sKPx-w46diM.css */
.IHOgbG_ClaimCard {
  width: 100%;
  height: 100%;
}

/* css-modules:css-modules://4rH8SPCO8Vk1wbGxZtCF16dsC8hxF1b_sl9NgY9Ghsc.css */
.ecGNwa_ClaimStatus {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  font-weight: 700;
  display: grid;
  & > :last-child {
    text-align: right;
  }
}

/* css-modules:css-modules://sByvzDs0fWqYvjEkzlwerXAUFGJEwPiYMRoYkRC7qf0.css */
.gEKOHa_PageTitle {
  text-transform: uppercase;
  font-size: 2.2em;
}

/* css-modules:css-modules://d0_Kx9w9P9QILfBmgnieW0uqIQ6la2KGrwphPkmyZBI.css */
.Nq9RRG_Claim {
  flex-direction: column;
  row-gap: 2em;
  width: 90vw;
  min-width: 768px;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
}
.Nq9RRG_SectionTitle {
  border-bottom: 1px solid var(--blue-grey);
  padding-bottom: .5em;
}
.Nq9RRG_ClaimOverview {
  grid-gap: 1em;
  grid-template: "Nq9RRG_status Nq9RRG_view-customer" 50px "Nq9RRG_reference Nq9RRG_intercom" 150px "Nq9RRG_plan-details Nq9RRG_intercom" 150px / 2fr 3fr;
  display: grid;
  & > * {
    align-content: center;
  }
  & > .Nq9RRG_Status {
    grid-area: Nq9RRG_status;
  }
  & > .Nq9RRG_ViewCustomer {
    grid-area: Nq9RRG_view-customer;
  }
  & > .Nq9RRG_Reference {
    grid-area: Nq9RRG_reference;
  }
  & > .Nq9RRG_Intercom {
    grid-area: Nq9RRG_intercom;
  }
  & > .Nq9RRG_PlanDetails {
    grid-area: Nq9RRG_plan-details;
  }
}
.Nq9RRG_ClaimDetails {
  flex-direction: column;
  display: flex;
}

/* css-modules:css-modules://6ZrLJSo90TtQGw6oYfV6ZUASsfO08MzE67Gn5_5XQWo.css */
.c1FbGa_ListTable {
  border-collapse: separate;
  border-spacing: 0 8px;
  width: 100%;
  font-size: .9em;
}
.c1FbGa_Header > th {
  text-align: left;
  font-weight: normal;
}
.c1FbGa_Header > :first-child,
.c1FbGa_ListTable tbody > tr :first-child {
  border-top-left-radius: var(--table-border-radius);
  border-bottom-left-radius: var(--table-border-radius);
}
.c1FbGa_Header > :last-child,
.c1FbGa_ListTable tbody > tr :last-child {
  border-top-right-radius: var(--table-border-radius);
  border-bottom-right-radius: var(--table-border-radius);
}
.c1FbGa_Header > th,
.c1FbGa_ListTable td {
  background-color: var(--table-background-color);
  align-content: center;
  align-items: center;
  padding: 1.2em;
}
.c1FbGa_ListTable[data-display-hover=true] tbody > tr:hover > * {
  cursor: pointer;
  background-color: var(--table-hover-color);
}

/* css-modules:css-modules://B-SSF2TZOXSgKz-cgBtJdvPOjOsfaQCptCgJtReTfVg.css */
.omCsJq_Claims {
  flex-direction: column;
  justify-content: center;
  row-gap: 3em;
  margin: 0 2em;
  display: flex;
}

/* css-modules:css-modules://mGOIpW8T4puTZFa0odEZiIbHOhEkh8LlRH5GTey6xc0.css */
.-szuaq_CreateUser {
  flex-direction: column;
  gap: 10px;
  width: 24em;
  margin-inline: auto;
  display: flex;
}
.-szuaq_Error {
  color: red;
}
.-szuaq_UserCreated {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  list-style: none;
}

/* css-modules:css-modules://35-nNxVlr3ywkDFY8INuPa_SsJDngO8uEL7yEln0fL0.css */
@layer overrides {
  .T5VscW_lookupShowHideTransition {
    & :has(> .T5VscW_lookupList) {
      view-transition-name: T5VscW_lookup-show-hide;
    }
  }
  .T5VscW_lookupUpdateTransition {
    & :has(> .T5VscW_lookupList) {
      view-transition-name: T5VscW_lookup-update;
      & ul:before {
        view-transition-name: T5VscW_lookup-update-tag;
      }
    }
  }
  @keyframes T5VscW_show {
    from {
      opacity: 0;
      translate: 0 -50%;
      scale: 0;
    }
  }
  @keyframes T5VscW_hide {
    to {
      opacity: 0;
      translate: 0 -50%;
      scale: 0;
    }
  }
  ::view-transition-old(T5VscW_lookup-update),
  ::view-transition-new(T5VscW_lookup-update) {
    mix-blend-mode: normal;
    height: 100%;
    overflow: clip;
  }
  ::view-transition-new(T5VscW_lookup-show-hide) {
    animation: .25s T5VscW_show;
  }
  ::view-transition-old(T5VscW_lookup-show-hide) {
    animation: .25s T5VscW_hide;
  }
  .T5VscW_lookupList {
    margin-top: var(--padding-medium);
    border: 1px solid var(--primary-color);
    background-color: #fff;
    padding-inline: 0;
    & li {
      white-space: nowrap;
      padding-inline: .5em;
      list-style: none;
      &[data-highlighted] {
        outline: inherit;
        background-color: var(--highlighted-color);
        outline-width: 1px;
      }
      &[data-selected] {
        background-color: var(--selected-color);
        color: #fff;
      }
    }
  }
  .T5VscW_lookupInput {
    min-width: 10em;
    position: relative;
  }
  .T5VscW_spinner {
    position: absolute;
    right: 1.5em;
  }
}

/* css-modules:css-modules://E6m_NNTI6JM1SCnJPZnmLdsBE7p-Z3h6hI7QTq2GLzs.css */
.ra8v7q_lookupList {
  max-height: 10em;
  overflow-y: scroll;
  &:before {
    display: none;
  }
}

/* css-modules:css-modules://El8Zju-1jHKoAYhw3EFY6-QTKMBsFqMrK7C9wZ0yYRY.css */
._AxSuq_Scratch {
  flex-direction: column;
  align-items: center;
  gap: 2em;
  display: flex;
  & input {
    width: 100%;
  }
}
._AxSuq_Tabs {
  width: 60%;
  & header {
    & nav {
      display: flex;
      & a {
        text-align: center;
        border-bottom: var(--standard-border);
        border-left: var(--standard-border);
        border-top: var(--standard-border);
        border-radius: .5em .5em 0 0;
        flex-grow: 1;
        padding: .5em;
        display: block;
        &[data-active=true] {
          background-color: #fff;
          border-bottom: none;
        }
        &:last-child {
          border-right: var(--standard-border);
        }
      }
    }
  }
  & main {
    border: var(--standard-border);
    background-color: #fff;
    border-top: none;
    border-radius: 0 0 .5em .5em;
    padding: 1em;
  }
}

/* css-modules:css-modules://HM8y3QKQWHskBba_VzdhNxWnSusilzWTwkkFWZRAqsg.css */
.ejkVBG_table {
  text-align: center;
  cursor: default;
}
.ejkVBG_table :where(th, td) {
  padding: .5rem;
}
.ejkVBG_errorCell {
  background-color: var(--sovereign-blue-light);
}

/* css-modules:css-modules://m2KSP9Lol6S_zpUUL2bVGKg3umwfdBhkltfdUgvxRAo.css */
.wVORzW_buttonsContainer {
  gap: 1em;
  display: flex;
}

/* css-modules:css-modules://KL3SybKIfnoK1l-fgxtfHi9lki3VwUQSmjSnLT9ow30.css */
.DFFrWa_modal {
  border: 1px solid var(--border-color);
  background-color: #fff;
  border-radius: .5em;
  max-height: 70vh;
  position: relative;
  overflow-y: scroll;
}
.DFFrWa_modal section {
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
  padding: 2em 2em 1em;
  display: flex;
  overflow-y: scroll;
}
.DFFrWa_modal h3,
p {
  cursor: default;
}
.DFFrWa_footerContainer {
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1em;
  display: flex;
}
.DFFrWa_footerContainer button {
  padding-left: 2em;
  padding-right: 2em;
}
.DFFrWa_footerContainer .DFFrWa_bottomLeft {
  column-gap: 1em;
  display: flex;
}

/* css-modules:css-modules://ghYZeAsLeNJ7IqbIZp3lXaKoZmoE6Z--XQLEwwzUj0A.css */
._4BEOUq_FormattedPrice {
  filter: blur();
  opacity: 1;
  transition: all .3s;
  display: inline-block;
  transform: scale(1);
}
._4BEOUq_FormattedPrice > span:not(._4BEOUq_Frequency) {
  font-weight: 700;
}
._4BEOUq_FormattedPrice > span:first-child {
  font-size: 2.5em;
}
._4BEOUq_FormattedPrice > span:nth-child(2) {
  font-size: 1.5em;
}

/* css-modules:css-modules://-3yiqtBiYatSKFclWfGSvqH7eC91b2hvY7Vcllbtwhg.css */
.KrTo-q_Footer {
  color: #fff;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100vw;
  height: 90px;
  max-height: 90px;
  display: grid;
  position: fixed;
  bottom: 0;
}
.KrTo-q_Footer label {
  text-transform: uppercase;
  margin-right: 10px;
  font-size: 2rem;
  font-weight: bold;
}
.KrTo-q_Footer > div {
  padding: 0 4em 0 2em;
}
.KrTo-q_Footer .KrTo-q_CurrentPrice {
  background-color: var(--header-background-color);
  align-items: center;
  display: flex;
}
.KrTo-q_Footer .KrTo-q_NewPrice {
  background-color: var(--footer-background-color);
  justify-content: space-between;
  align-items: center;
  padding-right: 5em;
  display: flex;
}
.KrTo-q_Footer .KrTo-q_NewPrice button {
  padding-left: 2em;
  padding-right: 2em;
}

/* css-modules:css-modules://8m3vLtLXbmImgvYxG8c-7tbdnFbgJ1eOVYAXPopwVzQ.css */
.tq8tOW_ListTable {
  --border: 2px solid;
  border-spacing: 0;
  border-collapse: separate;
  margin-bottom: 8em;
  & td {
    padding: .7em 1.2em;
  }
}
.tq8tOW_SingleLife {
  & > :first-child {
    border-top-left-radius: var(--table-border-radius);
    border-bottom-left-radius: var(--table-border-radius);
    border-left: var(--border) var(--table-border-color);
  }
  & > :last-child {
    border-top-right-radius: var(--table-border-radius);
    border-bottom-right-radius: var(--table-border-radius);
    border-right: var(--border) var(--table-border-color);
  }
  & td {
    border-top: var(--border) var(--table-border-color);
    border-bottom: var(--border) var(--table-border-color);
  }
}
.tq8tOW_MultiLife {
  &.tq8tOW_FirstLife {
    & td:first-child {
      border-top-left-radius: var(--table-border-radius);
      border-left: var(--border) var(--table-border-color);
      border-bottom-left-radius: 0;
    }
    & td:last-child {
      border-top-right-radius: var(--table-border-radius);
      border-right: var(--border) var(--table-border-color);
      border-bottom-right-radius: 0;
    }
    & td {
      border-top: var(--border) var(--table-border-color);
    }
  }
  &.tq8tOW_LastLife {
    & td:first-child {
      border-bottom-left-radius: var(--table-border-radius);
      border-left: var(--border) var(--table-border-color);
      border-top-left-radius: 0;
    }
    & td:last-child {
      border-bottom-right-radius: var(--table-border-radius);
      border-right: var(--border) var(--table-border-color);
      border-top-right-radius: 0;
    }
    & td {
      border-bottom: var(--border) var(--table-border-color);
    }
  }
}
.tq8tOW_RowGap {
  visibility: hidden;
  padding: 5px !important;
}
.tq8tOW_HighlightNew {
  --table-border-color: var(--sovereign-goto-turquoise);
  & td {
    background-color: var(--sovereign-goto-turquoise-light);
  }
}
.tq8tOW_HighlightUpdated {
  --table-border-color: var(--sovereign-goto-turquoise);
}
.tq8tOW_HighlightRemoved {
  color: gray;
}

/* css-modules:css-modules://pZPmes51v5ngQnl_o1vVAx90yA31fez6fWosZdbJN3U.css */
._5DYCRW_Members {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2em;
  display: flex;
  & > h1 {
    margin-right: auto;
  }
}
._5DYCRW_Buttons {
  justify-content: space-between;
  width: 100%;
  display: flex;
}
._5DYCRW_EditMemberContainer {
  column-gap: 1em;
  display: flex;
}

/* css-modules:css-modules://4TCnq3rwLajJojKNIhRnK15tvOXNBlLqna6bYINYgf8.css */
._1XN2Qq_SummaryChanges {
  flex-direction: column;
  row-gap: .5em;
  display: flex;
}
._1XN2Qq_SummaryChangesTable {
  border-collapse: collapse;
  width: 100%;
}
._1XN2Qq_SummaryChangesTable :where(th, tr, td) {
  border: 1px solid #000;
}
._1XN2Qq_SummaryChangesTable ._1XN2Qq_Header > th {
  color: #fff;
  background-color: var(--sovereign-blue-dark);
}
._1XN2Qq_SummaryChangesTable :where(th, td) {
  padding: 1em;
}

/* css-modules:css-modules://9oyj7wvPh6oZA2rKDKrFXHzqhE6oxJIr2J7iXu3mQkE.css */
.Fh-tzW_Summary {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.Fh-tzW_Summary h1,
.Fh-tzW_Summary p,
.Fh-tzW_Summary table {
  text-align: left;
}
.Fh-tzW_Summary p,
.Fh-tzW_Summary table {
  font-size: .9em;
}
.Fh-tzW_Summary b,
.Fh-tzW_Summary h4 {
  color: var(--sovereign-blue-dark);
}
.Fh-tzW_ButtonContainer {
  justify-content: center;
  gap: 1em;
  display: flex;
}
.Fh-tzW_Premiums {
  background-color: var(--sovereign-goto-turquoise);
  color: #fff;
  border-radius: 20px;
  align-items: center;
  padding: .5em 6em;
  display: flex;
}
.Fh-tzW_Section {
  justify-content: center;
  width: 100vw;
  margin: 0 auto;
  padding: 2em 4em;
  display: flex;
}
.Fh-tzW_Section .Fh-tzW_Contents {
  flex-direction: column;
  gap: 1em;
  display: flex;
  &:not(.Fh-tzW_Wide) {
    width: 568px;
  }
}

/* css-modules:css-modules://W4mi9TI0kSbfbwfrK1UY1uZ9hyRiaya0vg9IgZl9wIY.css */
.nkMMXW_CompanyCard {
  background-color: var(--card-background-color);
  filter: drop-shadow(1px 2px 2px #0000001a) drop-shadow(2px 4px 3px #0000001a);
  border-radius: 1em;
  flex-direction: column;
  row-gap: 1em;
  min-width: 15em;
  padding: 1em;
  display: flex;
}
.nkMMXW_Title {
  color: var(--sovereign-blue-dark);
  font-weight: bold;
}
.nkMMXW_Item {
  font-size: .9em;
  & b {
    color: var(--sovereign-goto-turquoise);
    font-weight: bold;
  }
}

/* css-modules:css-modules://bIt22w1L6kcr1HOR2zB7PSNG_dAXhHmme3J63pZO42c.css */
.knPt1a_PlanMemberCards {
  column-gap: 2em;
  display: flex;
}
.knPt1a_PlanMemberCard {
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  display: grid;
}
.knPt1a_Button {
  cursor: pointer;
}
.knPt1a_ButtonDisabled {
  pointer-events: none;
  visibility: hidden;
}
.knPt1a_LifeCount {
  text-align: center;
  border: solid #fff;
}

/* css-modules:css-modules://yyVNsEajRz6yhVciaISXWJr2f4fpaQqsPyJpLvx1r4M.css */
.U1NbxG_label {
  grid-template-columns: 2fr 10fr 1fr;
  align-items: center;
  display: grid;
}
.U1NbxG_icon {
  text-align: left;
}
.U1NbxG_text {
  text-align: left;
  flex-direction: column;
  row-gap: 2px;
  display: flex;
}
.U1NbxG_name {
  font-weight: bold;
}
.U1NbxG_description {
  font-size: .8em;
}
.U1NbxG_description b {
  color: var(--sovereign-goto-turquoise);
}
.U1NbxG_info {
  text-align: right;
}

/* css-modules:css-modules://-IFPjv8fpj2jl2OXk3CMz-yHyT7u_E-XSBYR3QIGSj4.css */
.onC59W_eap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.onC59W_eap .onC59W_description {
  color: #000;
  font-size: .8em;
}
.onC59W_TextOnly {
  padding: .4em;
}

/* css-modules:css-modules://hOGvdjGT54FCC7LR0-J-y3RbBEjRXnz0qGbf4iSHSBs.css */
:root {
  --plan-background-color: var(--card-background-color);
  --plan-active-background-color: var(--highlighted-color);
  --plan-border-color: var(--selected-color);
  --plan-title-color: var(--sovereign-goto-turquoise);
  --benefits-label-background-color: var(--sovereign-blue-light);
  --plan-active-border: 2px solid var(--plan-border-color);
  --card-gap: 2em;
  --card-height: 55px;
}
.JC1dSG_PlanViewer {
  color: var(--sovereign-blue-dark);
}
.PlanConfigurationCard {
  background-color: var(--plan-background-color);
  flex-grow: 1;
  flex-basis: 8em;
}
.JC1dSG_PlanViewer .JC1dSG_planConfiguration {
  & h4 {
    color: var(--plan-title-color);
  }
  & > :first-child {
    background-color: var(--benefits-label-background-color);
    border: none !important;
  }
  & .PlanConfigurationCard {
    border: 2px dashed var(--plan-border-color);
    &.JC1dSG_PlanCardActive {
      border: var(--plan-active-border);
      background-color: var(--plan-active-background-color);
    }
  }
}
.JC1dSG_EmployeeCardContainer {
  column-gap: var(--card-gap);
  margin-top: var(--card-gap);
  grid-template-columns: 2fr 3fr;
  align-items: center;
  display: grid;
}
.JC1dSG_EmployeeCardContainer .JC1dSG_PlanInfoContainer,
.JC1dSG_EmployeeCardContainer .JC1dSG_PlanLabelsContainer {
  row-gap: var(--card-gap);
  flex-direction: column;
  display: flex;
}
.JC1dSG_EmployeeCardContainer .JC1dSG_PlanMembership {
  & .PlanConfigurationCard {
    & > * {
      height: var(--card-height);
    }
    &.JC1dSG_PlanCardActive {
      border: var(--plan-active-border);
    }
  }
}
.JC1dSG_Label {
  height: var(--card-height);
  color: #000;
  background-color: #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  display: flex;
}

/* css-modules:css-modules://ca_Miv7kSGMqljjXBjfxJGSiHNbF7-t6K_Pm2bAS5Dc.css */
._7Nuq7G_Overview {
  & > h1 {
    margin-right: auto;
  }
}
._7Nuq7G_Content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2em;
  width: max-content;
  margin: 4em auto;
  display: flex;
}
._7Nuq7G_Cards {
  justify-content: space-between;
  width: 100%;
  display: flex;
}
._7Nuq7G_Cards > * {
  min-width: 20em;
}
._7Nuq7G_Plans {
  min-width: 960px;
  max-width: 1200px;
}

/* css-modules:css-modules://H0jm5fozoTUl3TXndf65D5cTumNdP6pNIWBdD9iF0MA.css */
._9MEY1W_Quote {
  flex-direction: column;
  align-items: center;
  display: flex;
}
._9MEY1W_Section {
  flex-direction: column;
  row-gap: 1em;
  display: flex;
}

/* css-modules:css-modules://k725pgWgLHNfpvKmKGQl54b2L118CRepsxoMGXfEA7g.css */
.wHpNTG_ContactDetails {
  flex-direction: column;
  justify-content: center;
  row-gap: 3em;
  width: 35em;
  margin-top: 3em;
  display: flex;
}
.wHpNTG_MainContact {
  flex-direction: column;
  row-gap: 1em;
  display: flex;
}
.wHpNTG_Info {
  font-style: italic;
}
.wHpNTG_Buttons {
  justify-content: center;
  column-gap: 1em;
  display: flex;
}

/* css-modules:css-modules://OFsxlt3OREKf_k_ARuzG_H03S4-sPPSYdYy0OSPsie4.css */
.hpzHCW_modal {
  border: 1px solid var(--border-color);
  background-color: #fff;
  border-radius: .5em;
  max-height: 70vh;
  padding: 2em;
  position: relative;
  overflow-y: scroll;
}
[data-modal-pane]:has(.hpzHCW_modal) {
  background-color: #00000080;
}
.hpzHCW_Content {
  text-align: center;
  min-width: 600px;
  min-height: 300px;
}
.hpzHCW_Message {
  flex-direction: column;
  align-items: center;
  display: flex;
  & p {
    padding: .5em 0;
    line-height: 3em;
  }
  & button {
    margin-top: 20%;
    margin-left: auto;
  }
}

/* css-modules:css-modules://DtMzhfRpxJA18ta9qX4TfQ-PKeRtqtTxfOTlXpr2FdY.css */
.zmTXCW_NewQuote {
  padding-top: 5em;
}

/* css-modules:css-modules://iVIpiOY7_uqYDEK4vUWQ3spZlGJXs_kxpgdLPQXrTis.css */
:root {
  --plan-background-color: var(--card-background-color);
  --plan-active-background-color: var(--highlighted-color);
  --plan-border-color: var(--selected-color);
  --plan-title-color: var(--sovereign-goto-turquoise);
  --benefits-label-background-color: var(--sovereign-blue-light);
  --plan-active-border: 2px solid var(--plan-border-color);
  --card-gap: 2em;
}
.Cuvj8q_planBuilder {
  color: var(--sovereign-blue-dark);
}
.PlanConfigurationCard {
  background-color: var(--plan-background-color);
  flex-grow: 1;
  flex-basis: 8em;
}
.Cuvj8q_planBuilder .Cuvj8q_planConfiguration {
  & h4 {
    color: var(--plan-title-color);
  }
  & > :first-child {
    background-color: var(--benefits-label-background-color);
    border: none !important;
  }
  & .PlanConfigurationCard {
    border: 2px dashed var(--plan-border-color);
    &.Cuvj8q_planCardActive {
      border: var(--plan-active-border);
      background-color: var(--plan-active-background-color);
    }
  }
}
.Cuvj8q_employeeCardContainer {
  column-gap: var(--card-gap);
  margin-top: var(--card-gap);
  grid-template-columns: 2fr 3fr;
  align-items: center;
  display: grid;
}
.Cuvj8q_employeeCardContainer .Cuvj8q_planInfoContainer,
.Cuvj8q_employeeCardContainer .Cuvj8q_planActionsContainer {
  row-gap: var(--card-gap);
  flex-direction: column;
  display: flex;
}
.Cuvj8q_employeeCardContainer .Cuvj8q_planInfoContainer .Cuvj8q_planMembership {
  & > :first-child {
    visibility: hidden;
  }
  & .PlanConfigurationCard {
    & > * {
      height: 3em;
    }
    &.Cuvj8q_planCardActive {
      border: var(--plan-active-border);
    }
  }
}

/* css-modules:css-modules://iJ3Gal5njCvZO9pe08oG99f_nVkkPlHD_8FeRJkxSuk.css */
.o-5gsq_DatePicker {
}
.o-5gsq_DatePickerHeader {
  gap: 1em;
}
.o-5gsq_NudgeSelectors {
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-self: center;
  place-items: center;
  row-gap: .5em;
  min-width: 13em;
  display: grid;
}
.o-5gsq_NudgeSelector {
  display: contents;
}
.o-5gsq_nudgeLeft,
.o-5gsq_nudgeRight {
  border-radius: var(--border-radius-small);
  width: 3em;
  font-size: .8em;
  display: block;
}
.o-5gsq_monthTable {
  font-size: .8em;
}
.o-5gsq_monthTable th {
  font-weight: 500;
}
.o-5gsq_monthTable td {
  border: none;
}
.o-5gsq_weekNames {
  text-transform: uppercase;
}
.o-5gsq_allDays {
  border-radius: var(--border-radius-small);
  width: 3em;
  height: 3em;
}
.o-5gsq_inMonth {
  background-color: var(--selectable-color);
}
.o-5gsq_outMonth {
  opacity: .5;
}
.o-5gsq_selected {
  background-color: var(--selected-color);
  color: #fff;
  font-weight: normal;
}
.o-5gsq_datePickerTransitionMarker {
  & :has(> .o-5gsq_DatePicker) {
    view-transition-name: o-5gsq_lookup-show-hide;
  }
}
@keyframes o-5gsq_show {
  from {
    opacity: 0;
    top: -10%;
    left: -15%;
    scale: .5;
  }
}
@keyframes o-5gsq_hide {
  to {
    opacity: 0;
    top: -10%;
    left: -15%;
    scale: .5;
  }
}
::view-transition-new(o-5gsq_lookup-show-hide) {
  animation: .25s o-5gsq_show;
  left: 0;
}
::view-transition-old(o-5gsq_lookup-show-hide) {
  animation: .25s o-5gsq_hide;
  left: 0;
}

/* css-modules:css-modules://nY-1cHhmZa6SvR4V_A05cnKTIcLf6YtQ3yMIZvkktXE.css */
.MguIUW_QuoteBuilder {
  flex-direction: column;
  justify-content: center;
  row-gap: 3em;
  min-width: 960px;
  max-width: 1200px;
  display: flex;
}
.MguIUW_DoubleGrid {
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  display: grid;
}
.MguIUW_StartDate {
  flex-direction: column;
  row-gap: .5rem;
  display: flex;
  & input {
    width: max-content;
  }
}
.MguIUW_CompanyDetails {
  flex-direction: column;
  row-gap: .5rem;
  padding-bottom: 10rem;
  display: flex;
}
.MguIUW_DownloadPDF {
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

/* css-modules:css-modules://IyaMhzpJ1sjqp2mDd35cHWw_1YGdR5vX-H1xaeyiRUY.css */
._8iizYW_Footer {
  background-color: var(--footer-background-color);
  color: var(--footer-text-color);
  width: 100vw;
  min-height: 6em;
  position: fixed;
  bottom: 0;
  left: 0;
}

/* css-modules:css-modules://V_jb6paWInUkgjYUpARxAVyKtKx2w6kLMJWDD0ujsMA.css */
.X3wr1W_Footer {
  justify-content: space-between;
  align-items: center;
  padding: 0 10em;
  display: flex;
}
.X3wr1W_Buttons {
  gap: 1em;
  display: flex;
}

/* css-modules:css-modules://_HAEHA02s98_hY4caOgQSgZ97LQxBbvu4dhk6ulCf7E.css */
.j_Rd_q_QuoteBuilder {
  margin-bottom: 15em;
}

/* css-modules:css-modules://3ErgUa9DWw1nimcDnDeHcBNXAnPzg0bzQXWV0E1nEeE.css */
.-dVuma_Save {
  cursor: pointer;
}

/* css-modules:css-modules://W1a_sqCFA30eLXGsqotLEJgOyriprtjDbDWYDXi0GbA.css */
.fL5QUq_Buttons {
  justify-content: center;
  column-gap: 1em;
  display: flex;
}
.fL5QUq_PreviousButton {
  cursor: pointer;
}

/* css-modules:css-modules://P1X4HOESHokUHDeNucGg_PNc7UfmiPyZ0L7hFOYY4Ls.css */
body :has(._zN1mq_StripeySections) {
  background-color: var(--body-alt-background-color);
  height: var(--app-height);
  padding: 0;
}
._zN1mq_StripeySections {
  & ._zN1mq_Section:nth-child(odd) {
    background-color: var(--body-alt-background-color) !important;
  }
  & ._zN1mq_Section:nth-child(2n) {
    background-color: var(--body-background-color) !important;
  }
}
._zN1mq_Section {
  justify-content: center;
  width: 100vw;
  margin: 0 auto;
  padding: 4em;
  display: flex;
}
._zN1mq_Section ._zN1mq_Text {
  text-align: center;
  & p {
    font-size: 1.2em;
  }
}
._zN1mq_Section ._zN1mq_Form {
  align-items: left;
  & input[type=radio] {
    margin-right: 1em;
  }
}
._zN1mq_Section ._zN1mq_Contents {
  flex-direction: column;
  gap: 3em;
  display: flex;
  &:not(._zN1mq_Wide) {
    width: 568px;
  }
}

/* css-modules:css-modules://xfdASJE77uiWgfn5gxz1Y_FPZvX5y0lCrRsUcHtMdYk.css */
.MnQ2SW_Modal {
  border: 1px solid var(--border-color);
  background-color: #fff;
  border-radius: .5em;
  max-height: 70vh;
  position: relative;
}
.MnQ2SW_Modal section {
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
  padding: 2em 2em 1em;
  display: flex;
}
.MnQ2SW_Modal h3,
p {
  cursor: default;
}

/* css-modules:css-modules://FqxuUr9fkNI2OKBGzwW1UJ93hBnO-YPM79VNQ7EXUwo.css */
.JAHeuG_Form {
  grid-template-areas: "JAHeuG_account-name JAHeuG_account-name" "JAHeuG_sort-code JAHeuG_account-number";
  gap: 1em;
  display: grid;
}
.JAHeuG_AccountName {
  grid-area: JAHeuG_account-name;
}
.JAHeuG_SortCode {
  grid-area: JAHeuG_sort-code;
}
.JAHeuG_AccountNumber {
  grid-area: JAHeuG_account-number;
}
.JAHeuG_DirectDebitLabel {
  justify-content: space-between;
  height: 50px;
  display: flex;
}
.JAHeuG_DirectDebitLogo {
  width: 140px;
  margin-top: -45px;
}
.JAHeuG_BillingAddress {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.JAHeuG_CollectionDate {
  grid-template-columns: 1fr 1fr;
  padding-top: 1em;
  display: grid;
}

/* css-modules:css-modules://NJ82w4agFoozg4b6LJH7gp6H-LXwzN0iQf1V7xB2fT0.css */
body :has(._1qb6XG_Welcome) {
  color: #000;
  height: var(--app-height);
  padding: 0;
}
._1qb6XG_Success {
  color: #000;
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
._1qb6XG_Header {
  font-size: 32px;
}
._1qb6XG_Text {
  flex-direction: column;
  row-gap: 3em;
  display: flex;
}

/* css-modules:css-modules://DBcuUvuawWNwv1nLjiJWx_93fN6cJhr9zPP_EWqB9is.css */
body :has(.aAkciq_Welcome) {
  background-color: var(--sovereign-blue);
  color: #fff;
  height: var(--app-height);
  padding: 0;
}
.aAkciq_Welcome {
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aAkciq_Header {
  font-size: 68px;
}
.aAkciq_Text {
  flex-direction: column;
  row-gap: 3em;
  display: flex;
}
.aAkciq_Navigation {
  flex-direction: row;
  column-gap: 1em;
  margin-top: 3em;
  display: flex;
  & .aAkciq_Button {
    border-color: var(--sovereign-blue-contrast);
    background-color: var(--sovereign-blue-contrast);
    color: #fff;
  }
}

/* css-modules:css-modules://SrgqzvotL6WfDjveJY62_RDqeyBXwd-DcVKgHHlUGs0.css */
.mFqvGW_Buttons {
  justify-content: center;
  column-gap: 1em;
  display: flex;
}
.mFqvGW_PlanDetails {
  margin-bottom: 10em;
}

/* css-modules:css-modules://LXctrvVbr-ry2XUje7wQ4fAOEx8P-8Z8TEIXRhYLE48.css */
.r8pvya_Quotes {
  flex-direction: column;
  justify-content: center;
  row-gap: 3em;
  margin: 0 100px;
  display: flex;
}
@layer reset, theme, layout, components, utility, overrides;

/* src/css-global/reset.css */
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  ul[role=list],
  ol[role=list] {
    list-style: none;
  }
  html:focus-within {
    scroll-behavior: smooth;
  }
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
  }
  a:not([class]) {
    text-decoration-skip-ink: auto;
  }
  img,
  picture {
    max-width: 100%;
    display: block;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
  }
  input[type=number] {
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    &[type=number] {
      -moz-appearance: textfield;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}

/* src/css-global/fonts/brandon-grotesque/brandon-grotesque.css */
@layer theme {
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 100;
    src: url("./src/css-global/fonts/brandon-grotesque/X2UCRBPD-Brandon_Grotesque_thin.otf") format("opentype");
  }
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 300;
    src: url("./src/css-global/fonts/brandon-grotesque/3GN3D44Z-Brandon_Grotesque_light.otf") format("opentype");
  }
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 400;
    src: url("./src/css-global/fonts/brandon-grotesque/MKF34OFF-Brandon_Grotesque_regular.otf") format("opentype");
  }
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 500;
    src: url("./src/css-global/fonts/brandon-grotesque/LPXFN62W-Brandon_Grotesque_medium.otf") format("opentype");
  }
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 700;
    src: url("./src/css-global/fonts/brandon-grotesque/YCCIT6BV-Brandon_Grotesque_bold.otf") format("opentype");
  }
  @font-face {
    font-family: brandon-grotesque;
    font-weight: 900;
    src: url("./src/css-global/fonts/brandon-grotesque/APL2LCI5-Brandon_Grotesque_black.otf") format("opentype");
  }
}

/* src/css-global/theme.css */
@layer theme {
  :root {
    --sovereign-blue: #2f91d0;
    --sovereign-blue-pale: #F1F8FF;
    --sovereign-blue-light: #E0EBF7;
    --sovereign-blue-dark: #186EA2;
    --sovereign-blue-contrast: #72B3DD;
    --sovereign-goto-turquoise-pale: #4DBFBA;
    --sovereign-goto-turquoise-light: #C4E4DF;
    --sovereign-goto-turquoise: #00A39C;
    --sovereign-green-pale: #def0e2;
    --sovereign-green: #5fb671;
    --sovereign-green-dark: #3a7f48;
    --sovereign-purple-pale: #ece2ee;
    --sovereign-purple: #9c75aa;
    --sovereign-purple-light: #9d75ab;
    --sovereign-purple-dark: #6a4976;
    --blue-grey: #B0B8C7;
  }
  :root {
    --header-background-color: var(--sovereign-blue);
    --body-background-color: var(--sovereign-blue-pale);
    --body-alt-background-color: white;
    --footer-background-color: var(--sovereign-goto-turquoise);
    --footer-text-color: white;
    --footer-button-color: var(--sovereign-goto-turquoise-light);
    --page-colour: var(--sovereign-blue-pale);
    --main-font:
      brandon-grotesque,
      Helvetica,
      Arial,
      sans-serif;
    --primary-color: var(--sovereign-goto-turquoise);
    --primary-color-light: var(--sovereign-goto-turquoise-light);
    --highlighted-color: var(--sovereign-goto-turquoise-light);
    --selected-color: var(--sovereign-goto-turquoise);
    --invalid-field-color: var(--sovereign-blue-pale);
    --error-message-color: var( --sovereign-goto-turquoise);
    --selectable-color: var(--sovereign-blue-light);
    --border-color: var(--blue-grey);
    --standard-border: 2px solid var(--border-color);
    --border-radius-small: 0.25em;
    --border-radius-medium: 0.5em;
    --border-radius-large: 1em;
    --padding-small: 0.25em;
    --padding-medium: 0.5em;
    --padding-large: 1em;
    --padding-xlarge: 2em;
    --card-background-color: white;
    --transition-time: 0.2s;
  }
  body {
    font-family: var(--main-font);
    background-color: var(--body-background-color);
  }
  *:focus {
    outline-color: var(--sovereign-blue);
    outline-width: 1px;
  }
  input,
  select {
    border: var(--standard-border);
    border-radius: var(--border-radius-small);
    padding: 0.25em;
  }
  input[type=checkbox] {
    border-color: var(--blue-grey);
    background-color: var(--blue-grey);
    min-width: 2em;
    height: 1em;
    &:checked {
      border-color: var(--selected-color);
      background-color: var(--selected-color);
    }
    &::before {
      background-color: white;
    }
  }
  input[type=radio] {
    transform: scale(1.3);
  }
  input[type=radio],
  input[type=checkbox],
  select {
    cursor: pointer;
  }
  input:not([type=checkbox], [type=radio]),
  select {
    padding: 0.5em;
    border-radius: var(--border-radius-medium);
    height: 3em;
  }
  label :has(input[type=checkbox]) {
    display: flex;
  }
  h1 {
    font-size: 1.8em;
  }
  h2 {
    color: var(--sovereign-goto-turquoise);
  }
  h3 {
    color: var(--sovereign-blue-dark);
  }
  button {
    transition: all var(--transition-time), scale 0.1s;
    border: var(--standard-border);
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: var(--primary-color-light);
    padding: 0.25em;
    border-radius: var(--border-radius-small);
    cursor: pointer;
    &:disabled {
      cursor: not-allowed;
      opacity: 0.5;
    }
    &:hover:not(:disabled),
    &:focus:not(:disabled) {
      background-color: var(--primary-color);
      color: white;
    }
    &:active {
      scale: 1.05;
    }
    scale: 1;
  }
  a {
    cursor: pointer;
    text-decoration: none;
  }
  [data-modal-pane] {
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
  }
  [data-list-table] {
    --table-border-radius: var(--border-radius-medium);
    --table-background-color: var(--card-background-color);
    --table-hover-color: var(--sovereign-blue-light);
    & th {
      color: #00000066;
    }
  }
}

/* src/css-global/layout.css */
@layer layout {
  :root {
    --page-scroll-top: 0;
    --header-height: clamp(4em, 8em, calc(8em - var(--page-scroll-top) * 0.02em));
    --app-height: 100vh;
  }
  body {
    min-height: var(--app-height);
    & > header {
      z-index: 1;
    }
  }
  [data-modal-pane] {
    z-index: 1;
  }
}

/* src/css-global/components.css */
@layer components {
  input[list] {
    border-radius: 1rem;
    padding: 1rem;
    &::-webkit-calendar-picker-indicator {
      opacity: 0;
    }
  }
}

/* src/css-global/utility.css */
@layer utility {
  .padding-standard {
    padding: 1em;
  }
  .card {
    border-radius: var(--border-radius-large);
    background-color: var(--card-background-color);
    padding: var(--padding-large);
    display: flex;
    flex-direction: column;
    gap: var(--padding-large);
  }
}

/* src/css-global/index.css */
/*# sourceMappingURL=HYJSYTQ6-index.css.map */