._14NuRzPVDjgEkPXJbCHt {
  fill: var(--colour-primary-main);
}

.FuwqFqLnwSX44cmRlej4 {
  fill: var(--colour-grey-main) !important;
}

.fs_b1gYHhqUHedm51BJt {
  fill: none;
}

.waQF2duqMdcThvVvWEpw {
  fill: var(--colour-white-main);
}

.eovpHFAQuI5IWVKf6KLu {
  fill: var(--colour-black-main);
}

.HbWPiyTjNeqZ_iPePrg0 {
  width: 15px;
  height: 15px;
}

.wuPAVZVXEXlFGZ0Tvgyg {
  width: 25px;
  height: 25px;
}

.Lc_ZDt9UhMOyqZEpJG23 {
  width: 30px;
  height: 30px;
}

.nW6nMCb4Cj9BF9qiGAmx {
  width: 20px;
  height: 20px;
}

.SoHSo1S3uiEGEosh_I6H {
  width: 40px;
  height: 40px;
}

.LtyD5uOak_ZtxiB2p5V4 {
  stroke: var(--colour-black-main);
}

.N17NmUEf1urzHY_3mPWr {
  stroke: var(--colour-white-main);
}

.UAFICBs_22sVRqd_6rOQ {
  color: var(--colour-orange-light);
}

.LbTNxNUtH8B9aGlhNlFA {
  color: var(--colour-black-main);
}

.gff5PQ0JmKUaMamVUjRV {
  color: var(--colour-white-main);
}

.react-international-phone-country-selector {
  position: relative;
}

.react-international-phone-country-selector-button {
  display: flex;
  height: var(--react-international-phone-height, 36px);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid
    var(
      --react-international-phone-country-selector-border-color,
      var(--react-international-phone-border-color, gainsboro)
    );
  margin: 0;
  appearance: button;
  -webkit-appearance: button;
  background-color: var(
    --react-international-phone-country-selector-background-color,
    var(--react-international-phone-background-color, white)
  );
  cursor: pointer;
  text-transform: none;
  user-select: none;
}

.react-international-phone-country-selector-button:hover {
  background-color: var(
    --react-international-phone-country-selector-background-color-hover,
    whitesmoke
  );
}

.react-international-phone-country-selector-button--hide-dropdown {
  cursor: auto;
}

.react-international-phone-country-selector-button--hide-dropdown:hover {
  background-color: transparent;
}

.react-international-phone-country-selector-button__button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.react-international-phone-country-selector-button__flag-emoji {
  margin: 0 4px;
}

.react-international-phone-country-selector-button__flag-emoji--disabled {
  opacity: 0.75;
}

.react-international-phone-country-selector-button__dropdown-arrow {
  border-top: var(--react-international-phone-country-selector-arrow-size, 4px)
    solid var(--react-international-phone-country-selector-arrow-color, #777);
  border-right: var(
      --react-international-phone-country-selector-arrow-size,
      4px
    )
    solid transparent;
  border-left: var(--react-international-phone-country-selector-arrow-size, 4px)
    solid transparent;
  margin-right: 4px;
  transition: all 0.1s ease-out;
}

.react-international-phone-country-selector-button__dropdown-arrow--active {
  transform: rotateX(180deg);
}

.react-international-phone-country-selector-button__dropdown-arrow--disabled {
  border-top-color: var(
    --react-international-phone-disabled-country-selector-arrow-color,
    #999
  );
}

.react-international-phone-country-selector-button--disabled {
  background-color: var(
    --react-international-phone-disabled-country-selector-background-color,
    var(--react-international-phone-disabled-background-color, whitesmoke)
  );
  cursor: auto;
}

.react-international-phone-country-selector-button--disabled:hover {
  background-color: var(
    --react-international-phone-disabled-country-selector-background-color,
    var(--react-international-phone-disabled-background-color, whitesmoke)
  );
}

.react-international-phone-flag-emoji {
  width: var(--react-international-phone-flag-width, 24px);
  height: var(--react-international-phone-flag-height, 24px);
  box-sizing: border-box;
}

.react-international-phone-country-selector-dropdown {
  position: absolute;
  z-index: 1;
  top: var(--react-international-phone-dropdown-left, 44px);
  left: var(--react-international-phone-dropdown-left, 0);
  display: flex;
  width: 300px;
  max-height: 200px;
  flex-direction: column;
  padding: 4px 0;
  margin: 0;
  background-color: var(
    --react-international-phone-dropdown-item-background-color,
    var(--react-international-phone-background-color, white)
  );
  box-shadow: var(
    --react-international-phone-dropdown-shadow,
    2px 2px 16px rgba(0, 0, 0, 0.25)
  );
  color: var(
    --react-international-phone-dropdown-item-text-color,
    var(--react-international-phone-text-color, #222)
  );
  list-style: none;
  overflow-y: scroll;
}

.react-international-phone-country-selector-dropdown__preferred-list-divider {
  height: 1px;
  border: none;
  margin: var(
    --react-international-phone-dropdown-preferred-list-divider-margin,
    0
  );
  background: var(
    --react-international-phone-dropdown-preferred-list-divider-color,
    var(--react-international-phone-border-color, gainsboro)
  );
}

.react-international-phone-country-selector-dropdown__list-item {
  display: flex;
  min-height: var(--react-international-phone-dropdown-item-height, 28px);
  box-sizing: border-box;
  align-items: center;
  padding: 2px 8px;
}

.react-international-phone-country-selector-dropdown__list-item-flag-emoji {
  margin-right: 8px;
}

.react-international-phone-country-selector-dropdown__list-item-country-name {
  overflow: hidden;
  margin-right: 8px;
  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.react-international-phone-country-selector-dropdown__list-item-dial-code {
  color: var(--react-international-phone-dropdown-item-dial-code-color, gray);
  font-size: var(--react-international-phone-dropdown-item-font-size, 14px);
}

.react-international-phone-country-selector-dropdown__list-item:hover {
  background-color: var(
    --react-international-phone-selected-dropdown-item-background-color,
    var(
      --react-international-phone-selected-dropdown-item-background-color,
      whitesmoke
    )
  );
  cursor: pointer;
}

.react-international-phone-country-selector-dropdown__list-item--selected,
.react-international-phone-country-selector-dropdown__list-item--focused {
  background-color: var(
    --react-international-phone-selected-dropdown-item-background-color,
    whitesmoke
  );
  color: var(
    --react-international-phone-selected-dropdown-item-text-color,
    var(--react-international-phone-text-color, #222)
  );
}

.react-international-phone-country-selector-dropdown__list-item--selected
  .react-international-phone-country-selector-dropdown__list-item-dial-code,
.react-international-phone-country-selector-dropdown__list-item--focused
  .react-international-phone-country-selector-dropdown__list-item-dial-code {
  color: var(
    --react-international-phone-selected-dropdown-item-dial-code-color,
    var(--react-international-phone-dropdown-item-dial-code-color, gray)
  );
}

.react-international-phone-country-selector-dropdown__list-item--focused {
  background-color: var(
    --react-international-phone-selected-dropdown-item-background-color,
    var(
      --react-international-phone-selected-dropdown-item-background-color,
      whitesmoke
    )
  );
}

.react-international-phone-dial-code-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid
    var(
      --react-international-phone-dial-code-preview-border-color,
      var(--react-international-phone-border-color, gainsboro)
    );
  margin-right: -1px;
  background-color: var(
    --react-international-phone-dial-code-preview-background-color,
    var(--react-international-phone-background-color, white)
  );
  color: var(
    --react-international-phone-dial-code-preview-text-color,
    var(--react-international-phone-text-color, #222)
  );
  font-size: var(
    --react-international-phone-dial-code-preview-font-size,
    var(--react-international-phone-font-size, 13px)
  );
}

.react-international-phone-dial-code-preview--disabled {
  background-color: var(
    --react-international-phone-dial-code-preview-disabled-background-color,
    var(--react-international-phone-disabled-background-color, whitesmoke)
  );
  color: var(
    --react-international-phone-dial-code-preview-disabled-text-color,
    var(--react-international-phone-disabled-text-color, #666)
  );
}

.react-international-phone-input-container {
  display: flex;
}

.react-international-phone-input-container
  .react-international-phone-country-selector-button {
  border-radius: var(--react-international-phone-border-radius, 4px);
  margin-right: -1px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.react-international-phone-input-container .react-international-phone-input {
  overflow: visible;
  height: var(--react-international-phone-height, 36px);
  box-sizing: border-box;
  padding: 0 8px;
  border: 1px solid var(--react-international-phone-border-color, gainsboro);
  border-radius: var(--react-international-phone-border-radius, 4px);
  margin: 0;
  background-color: var(--react-international-phone-background-color, white);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  color: var(--react-international-phone-text-color, #222);
  font-family: inherit;
  font-size: var(--react-international-phone-font-size, 13px);
}

.react-international-phone-input-container
  .react-international-phone-input:focus {
  outline: none;
}

.react-international-phone-input-container
  .react-international-phone-input--disabled {
  background-color: var(
    --react-international-phone-disabled-background-color,
    whitesmoke
  );
  color: var(--react-international-phone-disabled-text-color, #666);
}

@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: " ";
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
    /* Disable animation */
  }
}

:root {
  --colour-primary-main: #287b78;
  --colour-primary-light: #127d78;
  --colour-primary-dark: #54a3a0;
  --colour-background-primary: #176461;
  --colour-primary-assent-light: #dbf4f3;
  --colour-grey-assent-light: #ebebeb;
  --colour-grey-assent-medium: #acacac;
  --colour-grey-assent-dark: #a0a0a0;
  --colour-grey-main: #4d4d4d;
  --colour-grey-dark: #707070;
  --colour-white-main: #ffffff;
  --colour-black-main: #131313;
  --colour-orange-main: #ffc107;
  --colour-orange-light: #ffda6b;
  --colour-orange-dark: #ebb000;
  --colour-red-main: #ff3939;
  --colour-blue-main: #d6f9ff;
  --colour-purple-main: #dbdff4;

  --colour-body-background: #fafafa;
  --colour-box-shadow: rgba(199, 199, 199, 1);
  --colour-modal-background: rgba(0, 0, 0, 0.8);
}

:root {
  --spacing-default: 20px;
  --spacing-xsmall: 5px;
  --spacing-small: 10px;
  --spacing-medium: 40px;
  --spacing-large: 60px;
}

:root {
  --font-weight-light: 300;
  --font-weight-normal: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  --font-size-xsmall: 8px;
  --font-size-small: 12px;
  --font-size-default: 16px;
  --font-size-medium: 20px;
  --font-size-large: 24px;
  --font-size-xlarge: 28px;
  --font-size-xxlarge: 30px;
  --font-size-xxxlarge: 50px;

  --font-family-main: "BuenosAires", sans-serif;
}

/* ==========================================================================

	[Global imports]

	Project: SBT
	Version: 1.0
	Use: global theme imports for skiddle web

========================================================================== */

/* ==========================================================================

	[Base Styles]

	Project: SBT
	Version: 1.0
	Use: Journey progress

========================================================================== */

.S9wo9b9UYKFaXRaLLrod {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 0;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .S9wo9b9UYKFaXRaLLrod {
    padding: 5px 0;
  }
}

.MLAlBhOZjzOXl2oU9b7t .S9wo9b9UYKFaXRaLLrod {
  max-width: 800px;
  margin: 0 auto;
}

.tvo2xQ5jFYC9ntf7z1zC {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}

@media screen and (min-width: 768px) {
  .tvo2xQ5jFYC9ntf7z1zC {
    justify-content: space-between;
  }
}

.tvo2xQ5jFYC9ntf7z1zC:last-of-type {
  flex: 0;
}

.d8A00w9KHrNtDDSQQWTC {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--colour-primary-main);
  transition: all 0.3s ease-in-out;
  font-family: var(--font-family-main);
}

.d8A00w9KHrNtDDSQQWTC:disabled {
  cursor: not-allowed;
  color: var(--colour-grey-dark);
  transform: scale(1);
}

@media screen and (min-width: 768px) {
  .d8A00w9KHrNtDDSQQWTC {
    flex-direction: column;
  }

  .d8A00w9KHrNtDDSQQWTC:hover {
    transform: scale(1.05);
  }
}

.XaB_5wlwcHenmOFj1IWM {
  display: flex;
  justify-content: center;
  margin: 0 2px;
}

.m434_Ecb9tMmMqJ4bCpe {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0;
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-normal);
  color: var(--colour-white-main);
  background: var(--colour-grey-dark);
}

.m434_Ecb9tMmMqJ4bCpe svg {
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 768px) {
  .m434_Ecb9tMmMqJ4bCpe {
    width: 50px;
    height: 50px;
  }
}

.m434_Ecb9tMmMqJ4bCpe,
.sfPkD43WtrvspZWdvmCT {
  border-radius: 50%;
}

.m434_Ecb9tMmMqJ4bCpe .d8A00w9KHrNtDDSQQWTC:hover {
  background: var(--colour-grey-main);
}

.FeQCl4pYHhZbooK6yMp6 {
  margin-top: var(--spacing-small);
}

.w0D6AoK8uWFxBG31Ovf7 {
  margin: 0;
  font-size: var(--font-size-small);
  text-align: center;
  padding-top: 0;
  min-height: 40px;
}

@media screen and (min-width: 768px) {
  .w0D6AoK8uWFxBG31Ovf7 {
    font-size: var(--font-size-default);
    text-align: center;
    min-width: 120px;
    margin-left: 0;
  }
}

.MU4DjdFriM6oK35oAQEu {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--colour-grey-assent-medium);
  margin-bottom: 50px;
  margin-left: 0;
  height: 2px;
  width: 90%;
}

@media screen and (min-width: 768px) {
  .MU4DjdFriM6oK35oAQEu {
    display: flex;
    width: 100%;
    margin-left: 0;
  }
}

.lAj1Smqg0DpQ0usBbKM4,
.Oog3j8EE7f1PaAYzF9Jb {
  fill: var(--colour-grey-assent-medium);
  width: 25px;
  height: 25px;
  background: var(--colour-body-background);
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .lAj1Smqg0DpQ0usBbKM4,
  .Oog3j8EE7f1PaAYzF9Jb {
    display: block;
  }
}

.QTd1_09K1rw5vdv8RjXL {
  position: absolute;
  fill: var(--colour-grey-main);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: -20px;
  right: -15px;
  z-index: 1;
}

.vG6vV_4U0s5utzzRo2kw {
  text-align: left;
  font-size: var(--font-size-xxlarge);
  line-height: var(--font-size-xxlarge);
  font-weight: var(--font-weight-semibold);
  margin-top: 0;
  margin-bottom: var(--spacing-small);
}

@media screen and (min-width: 768px) {
  .vG6vV_4U0s5utzzRo2kw {
    font-size: var(--font-size-xxxlarge);
    line-height: var(--font-size-xxxlarge);
    margin-bottom: var(--spacing-default);
  }
}

.NnBIH94BJh9AS9LDsRsU {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-normal);
  margin-top: 0;
  margin-bottom: var(--spacing-default);
  text-align: left;
  /* max-width: 260px; */
}

@media screen and (min-width: 768px) {
  .NnBIH94BJh9AS9LDsRsU {
    font-size: var(--font-size-medium);
    max-width: 100%;
  }
}

.d50svuYuofHtVuhYljSz {
  display: flex;
  align-items: center;
  padding: 0;
  background: transparent;
  font-size: var(--font-size-default);
  color: var(--colour-black-main);
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-bold);
  margin-bottom: 10px;
  border: 0;
  cursor: pointer;
  z-index: 1;
}

.d50svuYuofHtVuhYljSz:hover {
  text-decoration: underline;
}

.d50svuYuofHtVuhYljSz svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  fill: var(--colour-black-main);
}

@media screen and (min-width: 768px) {
  .d50svuYuofHtVuhYljSz svg {
    margin-right: var(--spacing-small);
  }
}

.lRNeGdKdCpGMHNfazC17 {
  position: relative;
  background: var(--colour-orange-main);
  padding: var(--spacing-small) 35px;
  border-radius: 5px;
  margin: 0 auto var(--spacing-default);
}

.lRNeGdKdCpGMHNfazC17 p {
  margin: 0;
  font-size: var(--font-size-default);
  text-align: center;
}

.lRNeGdKdCpGMHNfazC17 button {
  position: absolute;
  right: 0;
  top: var(--spacing-small);
  background: none;
  border: none;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .lRNeGdKdCpGMHNfazC17 button {
    top: 50%;
    transform: translateY(-50%);
  }
}

.lRNeGdKdCpGMHNfazC17 button svg {
  width: 30px;
  height: 30px;
  fill: var(--colour-black-main);
}

/* ==========================================================================

	[Skeleton]

	Project: SBT
	Version: 1.0
	Use: Journey progress loading state

========================================================================== */

.irprwI2qwR0_6L3bzgLi {
  border-radius: 50%;
  width: 60px;
}

.db3j_CWUjzbeU_HERqnm {
  position: relative;
  width: 100%;
}

.db3j_CWUjzbeU_HERqnm br {
  display: none;
}

.db3j_CWUjzbeU_HERqnm > span {
  display: flex;
  justify-content: space-between;
}

.db3j_CWUjzbeU_HERqnm::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--colour-grey-assent-light);
}

/* ==========================================================================

	[states]

	Project: SBT
	Version: 1.0
	Use: Journey progress status states

	[className]: itemActive
	[className]: itemComplete

========================================================================== */

.uGXgNreieYH0IkY0J_OT .sfPkD43WtrvspZWdvmCT {
  border-radius: 50%;
  border: 3px solid var(--colour-primary-light);
  padding: 2px;
}

.uGXgNreieYH0IkY0J_OT .sfPkD43WtrvspZWdvmCT .m434_Ecb9tMmMqJ4bCpe {
  width: 40px;
  height: 40px;
}

@media screen and (min-width: 768px) {
  .uGXgNreieYH0IkY0J_OT .sfPkD43WtrvspZWdvmCT .m434_Ecb9tMmMqJ4bCpe {
    width: 40px;
    height: 40px;
  }
}

.uGXgNreieYH0IkY0J_OT .m434_Ecb9tMmMqJ4bCpe {
  background: var(--colour-primary-light);
}

.uGXgNreieYH0IkY0J_OT .QTd1_09K1rw5vdv8RjXL {
  fill: var(--colour-primary-light);
  right: -25px;
}

.uGXgNreieYH0IkY0J_OT:hover {
  .m434_Ecb9tMmMqJ4bCpe {
    background: var(--colour-primary-main);
  }

  .sfPkD43WtrvspZWdvmCT {
    border-color: var(--colour-primary-main);
  }

  .QTd1_09K1rw5vdv8RjXL {
    fill: var(--colour-primary-main);
  }
}

.uGXgNreieYH0IkY0J_OT .fq1SKM9S_9GbrXYQFLi5 .sfPkD43WtrvspZWdvmCT {
  border-radius: 10px !important;
}

.gTbxuGci9fX0pMtzeYfn .m434_Ecb9tMmMqJ4bCpe {
  background: var(--colour-primary-main);
}

.gTbxuGci9fX0pMtzeYfn .sfPkD43WtrvspZWdvmCT {
  border-color: var(--colour-primary-main);
}

.gTbxuGci9fX0pMtzeYfn .QTd1_09K1rw5vdv8RjXL {
  fill: var(--colour-primary-main);
}

.gTbxuGci9fX0pMtzeYfn .lAj1Smqg0DpQ0usBbKM4 {
  background: var(--colour-primary-main);
}

.gTbxuGci9fX0pMtzeYfn .w0D6AoK8uWFxBG31Ovf7 {
  color: var(--colour-primary-main);
}

.gTbxuGci9fX0pMtzeYfn:hover .m434_Ecb9tMmMqJ4bCpe {
  background: var(--colour-primary-main);
}

.Zi32KmHJepsdswzVWaLA {
  background: var(--colour-primary-main);
}

.HcQhrUa9IJTOtSRgGr_6 {
  fill: var(--colour-primary-main);
}

.yTdR3obIIDmYs1IUUUDG {
  display: flex;
  gap: 5px;
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .yTdR3obIIDmYs1IUUUDG {
    left: 42px;
    width: 340px;
  }
}

.E8fBDOvFwLeMmii1cVb8 {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  cursor: pointer;
  background: var(--colour-primary-dark);
  border: 0;
  border-radius: 5px;
  z-index: 1;
  width: 100%;
  padding: 0 !important;
  max-height: 58px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .E8fBDOvFwLeMmii1cVb8 {
    border-radius: 0;
  }
}

.E8fBDOvFwLeMmii1cVb8:disabled {
  cursor: not-allowed;
  background: var(--colour-grey-assent-medium);
  border: 2px solid var(--colour-grey-assent-medium);
}

.E8fBDOvFwLeMmii1cVb8:disabled svg {
  stroke: var(--colour-grey-assent-light);
}

.E8fBDOvFwLeMmii1cVb8:hover::before {
  background: var(--colour-grey-assent-light);
}

.IBSrPeRq6Ncchs8giUnW {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding: 10px 0 10px 10px !important;
}

.mv_AnnOpwIYK957pvqvd {
  position: relative;
  display: flex;
  background-color: var(--colour-primary-main);
  height: 100%;
  padding: 7px 10px;
  margin-left: auto;
  min-width: 150px;
}

@media screen and (min-width: 768px) {
  .mv_AnnOpwIYK957pvqvd {
    padding: 10px;
  }
}

.mv_AnnOpwIYK957pvqvd p {
  color: var(--colour-white-main);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.E8fBDOvFwLeMmii1cVb8 svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  stroke: var(--colour-white-main);
  width: 20px;
  height: 20px;
  fill: none;
  stroke-width: 2px;
  z-index: 1;
}

.uvc_qAKNUXFJeuF41GkE {
  color: var(--colour-white-main);
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 3px;
  text-align: left;
}

.E8T1sCthOx2KKpOivmyq {
  position: relative;
  color: var(--colour-white-main);
  font-weight: 700;
  font-size: 15px;
  text-align: left;
}

@media screen and (min-width: 768px) {
  .E8T1sCthOx2KKpOivmyq {
    font-size: 20px;
  }
}

.fVIBtbR1Zt3bC6OOdCMK {
  position: absolute;
  left: 0;
  top: 59px;
  border: 1px solid var(--colour-grey-assent-light);
  border-radius: 5px;
  background: var(--colour-white-main);
  padding: 5px;
  min-width: 100%;
  z-index: 5;
  box-shadow: 5px 5px 5px 0px rgba(70, 70, 70, 0.35);
}

@media screen and (min-width: 768px) {
  .fVIBtbR1Zt3bC6OOdCMK {
    min-width: 430px;
    left: -45px;
  }
}

.a0q9qjBkvtBAIb4AMBan {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: 530px;
}

.a0q9qjBkvtBAIb4AMBan li button {
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  font-weight: var(--font-weight-bold);
  color: var(--colour-black-main);
  background: var(--colour-white-main);
  padding: var(--spacing-default);
  width: 100%;
  text-align: center;
  border: 1px solid var(--colour-white-main);
  border-radius: 5px;
  min-height: 90px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.a0q9qjBkvtBAIb4AMBan li button:hover {
  background: var(--colour-primary-assent-light);
}

.a0q9qjBkvtBAIb4AMBan li button:disabled {
  cursor: not-allowed;
}

.a0q9qjBkvtBAIb4AMBan li button span {
  display: block;
  margin-top: 5px;
  font-size: 10px;
  font-weight: var(--font-weight-light);
  color: var(--colour-black-main);
}

.fQCLbR9pD_EnAUOSDJBi {
  background-color: var(--colour-grey-assent-light) !important;
}

.Qp71xKkcx6ZM7Lymo51s {
  background-color: var(--colour-primary-assent-light) !important;
}

.UzPtFqQ3oupALAgdduHC {
  display: flex;
  justify-content: space-evenly;
  gap: var(--spacing-small);
  align-items: center;
  position: absolute;
  top: -55px;
  right: 0px;
  z-index: 10;
  width: 100%;
}

.pIjsubXtnPJMpunxnG3c {
  justify-content: flex-end;
}

@media screen and (min-width: 768px) {
  .UzPtFqQ3oupALAgdduHC {
    top: 10px;
    width: auto;
    justify-content: flex-end;
  }
}

@media screen and (min-width: 1024px) {
  .UzPtFqQ3oupALAgdduHC {
    top: 20px;
  }
}

.UzPtFqQ3oupALAgdduHC button {
  display: flex;
  align-items: center;
  padding: 5px;
  color: var(--colour-black-main);
  font-size: var(--font-size-small);
  font-family: var(--font-family-main);
  background-color: var(--colour-purple-main);
  border: none;
  border-radius: 5px;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .UzPtFqQ3oupALAgdduHC button {
    padding: 5px 10px;
  }
}

@media screen and (min-width: 768px) {
  .UzPtFqQ3oupALAgdduHC button {
    font-size: var(--font-size-default);
  }
}

.UzPtFqQ3oupALAgdduHC button svg {
  width: 30px;
  height: 30px;
  fill: var(--colour-black-main);
}

@media screen and (min-width: 450px) {
  .UzPtFqQ3oupALAgdduHC button svg {
    margin-right: var(--spacing-xsmall);
  }
}

@media screen and (min-width: 1000px) {
  .UzPtFqQ3oupALAgdduHC button svg {
    width: 25px;
    height: 25px;
  }
}

@media screen and (min-width: 768px) {
  .A5Ka7SUvD4LxMY_vO6hx {
    top: -55px;
  }
}

.m23CfLqQ7Aq_0_uia6n_,
.XtBrxVFV2wnsS7pbQLre {
  position: relative;
  display: none !important;
}

@media screen and (min-width: 900px) {
  .m23CfLqQ7Aq_0_uia6n_ {
    display: flex !important;
  }
}

@media screen and (min-width: 1030px) {
  .XtBrxVFV2wnsS7pbQLre {
    display: flex !important;
  }
}

@media screen and (min-width: 780px) and (max-width: 1030px) {
  .XtBrxVFV2wnsS7pbQLre {
    display: none !important;
  }
}

@media screen and (min-width: 430px) and (max-width: 780px) {
  .XtBrxVFV2wnsS7pbQLre {
    display: flex !important;
  }
}

@media screen and (max-width: 430px) {
  .XtBrxVFV2wnsS7pbQLre {
    display: none !important;
  }
}

.m23CfLqQ7Aq_0_uia6n_ svg {
  display: none;
}

@media screen and (min-width: 900px) {
  .m23CfLqQ7Aq_0_uia6n_ svg {
    display: block;
  }
}

.hcTxCUnbHyVl8118DPMV {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.hcTxCUnbHyVl8118DPMV:disabled {
  cursor: not-allowed;
}

.hcTxCUnbHyVl8118DPMV svg {
  width: 25px;
  height: 25px;
  fill: var(--colour-primary-main);
}

.hcTxCUnbHyVl8118DPMV span {
  display: none !important;
}

@media screen and (min-width: 450px) {
  .hcTxCUnbHyVl8118DPMV span {
    display: block !important;
  }
}

.dzdLYA8y9SF6wCizvLkx,
.m23CfLqQ7Aq_0_uia6n_,
.URs5OY6eJdLI2lrbNL7g,
.yoFkN02ssya1usJoX0hS {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.dzdLYA8y9SF6wCizvLkx:hover,
.m23CfLqQ7Aq_0_uia6n_:hover,
.URs5OY6eJdLI2lrbNL7g:hover,
.yoFkN02ssya1usJoX0hS:hover {
  text-decoration: underline;
}

.dzdLYA8y9SF6wCizvLkx:disabled,
.m23CfLqQ7Aq_0_uia6n_:disabled,
.URs5OY6eJdLI2lrbNL7g:disabled,
.yoFkN02ssya1usJoX0hS:disabled {
  color: var(--colour-grey-main);
  cursor: not-allowed;
  text-decoration: none;
}

.hRJj78QasrhA5M_93BGj {
  top: -55px;
}

.EQKdFtI3845MYDvcz7zc span {
  display: block !important;
  gap: 4px;
  font-size: 14px;
  margin-left: 4px;
}

.cGO2uCZcchRQhvYUDBpg {
  position: absolute;
  bottom: 50px;
  right: 0;
  background: var(--colour-black-main);
  color: var(--colour-white-main);
  font-size: var(--font-size-small);
  text-align: center;
  padding: var(--spacing-small);
  border-radius: 5px;
  min-width: 200px;
  max-width: 200px;
}

.cGO2uCZcchRQhvYUDBpg::before {
  position: absolute;
  bottom: -10px;
  right: var(--spacing-default);
  content: "";
  background: var(--colour-black-main);
  width: 30px;
  height: 30px;
  border-radius: 3px;
  z-index: -1;
  transform: rotate(135deg);
}

/* ==========================================================================

	[Global imports]

	Project: SBT
	Version: 1.0
	Use: global theme imports for skiddle web

========================================================================== */

/* ==========================================================================

[Base Styles]

Project: SBT
Version: 1.0
Use: Journey progress

========================================================================== */

.sUc1mqV122pM1uLwdH_Q {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-default);
  color: var(--colour-black-main);
  border-radius: 5px;
  width: 100%;
  text-align: center;
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  background: var(--colour-white-main);
  border: 3px solid;
  border-color: var(--colour-black-main);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  white-space: normal;
}

@media screen and (min-width: 768px) {
  .sUc1mqV122pM1uLwdH_Q {
    padding: var(--spacing-small) var(--spacing-default);
    font-size: var(--font-size-default);
  }
}

@media screen and (min-width: 1024px) {
  .sUc1mqV122pM1uLwdH_Q {
    font-size: var(--font-size-medium);
    text-align: center;
  }
}

.sUc1mqV122pM1uLwdH_Q:hover {
  .bPIPczquy1g7b0ig35F1 {
    fill: var(--colour-black-main);
  }
}

.sUc1mqV122pM1uLwdH_Q:disabled {
  cursor: not-allowed;
  background: var(--colour-grey-assent-medium);
  border-color: var(--colour-grey-assent-medium);
  color: var(--colour-black-main);
}

.sUc1mqV122pM1uLwdH_Q:disabled:hover {
  cursor: not-allowed;
  background: var(--colour-grey-assent-medium);
}

.sUc1mqV122pM1uLwdH_Q:disabled .nXcDazooan9fe0XBDcTT {
  cursor: not-allowed;
  background: var(--colour-grey-assent-dark);
  color: var(--colour-grey-main);
}

.sUc1mqV122pM1uLwdH_Q span {
  display: block;
  font-size: var(--font-size-small);
}

@media screen and (min-width: 1100px) {
  .sUc1mqV122pM1uLwdH_Q span {
    font-size: var(--font-size-default);
  }
}

.sUc1mqV122pM1uLwdH_Q small {
  display: block;
  font-size: var(--font-size-default);
}

.sUc1mqV122pM1uLwdH_Q > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* ==========================================================================

	[IntentPrimary]

	Project: SBT
	Version: 1.0
	Use: Data submission

	[className]: intentPrimary
	[variant] : 'primary'

========================================================================== */

.eJHxIIpEpYPmD8ivBt_n {
  background: var(--colour-primary-main);
  border-color: var(--colour-primary-main);
  color: var(--colour-white-main);
}

/* ==========================================================================

	[IntentSecondary]

	Project: SBT
	Version: 1.0
	Use: Data submission

	[className]: intentSecondary
	[variant] : 'secondary'

========================================================================== */

.B_HeiqHTYIrf9QYjjjX3 {
  background: var(--colour-primary-light);
  border-color: var(--colour-primary-light);
  color: var(--colour-black-main);
}

.B_HeiqHTYIrf9QYjjjX3:hover {
  background: var(--colour-white-main);
  border-color: var(--colour-primary-light);
  color: var(--colour-black-main);
}

/* ==========================================================================

	[IntentTertiary]

	Project: SBT
	Version: 1.0
	Use: Data submission

	[className]: intentTertiary
	[variant] : 'tertiary'

========================================================================== */

.HmNHnpg0GWDgDgQrkXdV {
  background: var(--colour-orange-main);
  border-color: var(--colour-orange-main);
  color: var(--colour-black-main);
}

.HmNHnpg0GWDgDgQrkXdV .nXcDazooan9fe0XBDcTT {
  background: var(--colour-orange-dark);
}

/* ==========================================================================

	[IntentOutlined]

	Project: SBT
	Version: 1.0
	Use: Data submission

	[className]: intentOutlined
	[variant] : 'outlined'

========================================================================== */

.Hd0D_YViw3dQY4uGxhwz {
  background: var(--colour-white-main);
  border-color: var(--colour-primary-main);
  color: var(--colour-black-main);
}

.Hd0D_YViw3dQY4uGxhwz:hover {
  background: var(--colour-grey-assent-light);
  border-color: var(--colour-primary-main);
  color: var(--colour-black-main);
}

.Hd0D_YViw3dQY4uGxhwz:hover .bPIPczquy1g7b0ig35F1 {
  fill: var(--colour-white-main);
}

/* ==========================================================================

	[intentQuaternary]

	Project: SBT
	Version: 1.0
	Use: Data submission

	[className]: intentQuaternary
	[variant] : 'quaternary'

========================================================================== */

.ua0U3p0e9LPDjHhBewH0 {
  background: var(--colour-white-main);
  border-color: var(--colour-red-main);
  color: var(--colour-black-main);
}

.ua0U3p0e9LPDjHhBewH0:hover {
  background: var(--colour-grey-assent-light);
  border-color: var(--colour-red-main);
  color: var(--colour-black-main);
}

.ua0U3p0e9LPDjHhBewH0:hover .bPIPczquy1g7b0ig35F1 {
  fill: var(--colour-white-main);
}

/* ==========================================================================

	[padding]

	Project: SBT
	Version: 1.0
	Use: Button padding styles

	[className]: paddingSmall
	[variant] : true | false

========================================================================== */

.S6knzzzhbwHmOfnqb6P8 {
  padding: var(--spacing-small);
}

.icYHqcLIaiaHovF4Vtxr {
  padding: var(--spacing-default);
}

/* ==========================================================================

	[inCalendar]

	Project: SBT
	Version: 1.0
	Use: Button font sizing and padding for Calendar component

	[className]: inCalendar
	[variant] : true | false

========================================================================== */

.rXYWuEqlqkOewT_TaWWw {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  padding: var(--spacing-small) 1px;
}

.rXYWuEqlqkOewT_TaWWw span {
  font-size: 9px;
}

.rXYWuEqlqkOewT_TaWWw .nXcDazooan9fe0XBDcTT {
  font-size: var(--font-size-small);
}

@media screen and (min-width: 500px) {
  .rXYWuEqlqkOewT_TaWWw {
    font-size: var(--font-size-default);
  }

  .rXYWuEqlqkOewT_TaWWw span {
    font-size: var(--font-size-small);
  }

  .rXYWuEqlqkOewT_TaWWw .nXcDazooan9fe0XBDcTT {
    font-size: var(--font-size-default);
  }
}

@media screen and (min-width: 1100px) {
  .rXYWuEqlqkOewT_TaWWw > div {
    align-items: center;
    margin-bottom: 0px;
  }

  .rXYWuEqlqkOewT_TaWWw {
    font-size: var(--font-size-medium);
  }

  .rXYWuEqlqkOewT_TaWWw .nXcDazooan9fe0XBDcTT {
    padding: 5px;
    font-size: var(--font-size-medium);
  }
}

.upYoXY_bAJCqjcrdEr0s #i_ZUnLn2DymmcVhw3caz {
  position: relative;
}

.upYoXY_bAJCqjcrdEr0s #i_ZUnLn2DymmcVhw3caz::before {
  position: absolute;
  content: "start";
  top: 0;
  left: 0;
}

/* ==========================================================================

	[moduleSeries]

	Project: Event Series
	Version: 1.0
	Use: Button style for event series

	[className]: moduleSeries

========================================================================== */

.xd88A5O4IIwbm2wdDin7 {
  font-size: var(--font-size-default);
}

/* ==========================================================================

	[withPriceBand]

	Project: SBT
	Version: 1.0
	Use: Button style for pricing bands

	[className]: withPriceBand
	[variant] : true | false

========================================================================== */

.BIUT9WSW2BuevC7CLLCw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 2px 0 0 0;
  margin: 0;
  border: 0;
}

.BIUT9WSW2BuevC7CLLCw div {
  margin-bottom: 2px;
}

@media screen and (min-width: 900px) {
  .BIUT9WSW2BuevC7CLLCw {
    padding: 5px 0 0 0;
  }
}

.nXcDazooan9fe0XBDcTT {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  background: var(--colour-background-primary);
  height: 100%;
  width: 100%;
  padding: 5px;
  font-size: var(--font-size-default);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

@media screen and (min-width: 768px) {
  .nXcDazooan9fe0XBDcTT {
    margin-top: 3px;
    padding: 10px;
  }
}

/* ==========================================================================

	[listViewMinWidth]

	Project: SBT
	Version: 1.0
	Use: Button list view styles

	[className]: listViewMinWidth
	[variant] : true | false

========================================================================== */

.bjLstKOIt3KnxIfXquNk {
  display: flex;
  flex-direction: row;
  min-width: 180px;
  width: auto;
  border: 0;
  padding: 0;
  font-size: var(--font-size-default);
}

@media screen and (min-width: 768px) {
  .bjLstKOIt3KnxIfXquNk {
    font-size: var(--font-size-medium);
  }
}

.bjLstKOIt3KnxIfXquNk .OsHeeJnDC8sTLXCVI1Vw {
  text-align: center;
  padding: 20px 0;
  min-width: auto;
}

.bjLstKOIt3KnxIfXquNk svg {
  margin-top: 3px;
  width: 20px;
  height: 20px;
}

.bjLstKOIt3KnxIfXquNk > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  text-align: left;
  width: 100%;
  padding: 0 20px;
}

.bjLstKOIt3KnxIfXquNk .nXcDazooan9fe0XBDcTT {
  padding: 20px;
  min-width: 120px;
  width: 50%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: var(--font-size-default);
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .bjLstKOIt3KnxIfXquNk .nXcDazooan9fe0XBDcTT {
    font-size: var(--font-size-medium);
  }
}

/* ==========================================================================

	[withIcon]

	Project: SBT
	Version: 1.0
	Use: Button with icon

	[className]: withIcon
	[variant] : true | false

========================================================================== */

.LeXmuoJEJbso9ERVdeLE {
  padding: 0 0 0 var(--spacing-default);
  text-align: left;
  justify-content: space-between;
  border: 0;
}

.LeXmuoJEJbso9ERVdeLE > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.LeXmuoJEJbso9ERVdeLE span {
  display: block;
  background: var(--colour-background-primary);
  margin-left: auto;
  margin-top: 2px;
  padding: 15px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.qgRl9AuV4_F9ypzOAmcc {
  background: var(--colour-black-main);
  font-size: var(--font-size-default);
}

.sfFPp1NINP0AjeX_SJEK::before {
  background-color: var(--colour-black-main);
}

.W4Lua5ZKZZ8YMMKAKGbp {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #ccc;
  border-top: 2px solid #333;
  border-radius: 50%;
  animation: x0XLbWuJwIOZC_raEjHu 0.8s linear infinite;
  margin-left: 8px;
  vertical-align: middle;
}

@keyframes x0XLbWuJwIOZC_raEjHu {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

div.vVgZhLjM4C_n2UXTlo3C {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.pAu92M0ZwaviKVUE0Qog > div {
  margin-left: -15px;
}

.WWnB3KQMxI1LwLLkYmkQ {
  position: relative;
  display: inline-block;
  width: 100%;
}

.HUwskIeW4s0JgmMJlTwI {
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--colour-black-main);
  color: var(--colour-white-main);
  font-size: var(--font-size-small);
  padding: 3px var(--spacing-small);
  border-radius: 4px;
  white-space: nowrap;
  z-index: 999;
}

.lMl1GAcHL3ZjeEZqWPJB {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--colour-black-main);
}

.fWsykf8keu6NpRewEF_f p {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: var(--spacing-small);
  font-size: var(--font-size-default);
}

@media screen and (min-width: 600px) {
  .fWsykf8keu6NpRewEF_f p {
    flex-direction: row-reverse;
    font-size: var(--font-size-medium);
  }
}

.s7vm96eQbv_MF7wsmzjS {
  position: relative;
  display: block;
  padding: 3px 10px;
  background: var(--colour-orange-main);
  font-weight: 700;
  max-width: 130px;
  font-size: var(--font-size-small);
  border-radius: 30px;
  text-align: center;
  margin: 5px auto 0;
  border: 0;
  outline: 0;
  font-family: var(--font-family-main);
}

@media screen and (min-width: 375px) {
  .s7vm96eQbv_MF7wsmzjS {
    margin: 5px 0 0;
  }
}

.hHpRcXP5d9Ek1cbM4vsw {
  display: flex;
  flex-direction: row;
  border: 2px solid #4fc3f7;
  background: #e3f7fd;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 16px;
  margin: 12px 0;
  position: absolute;
  top: 65px;
  align-items: center;
  width: 100%;
  min-height: 30px;
}

.CvBs9v_aCQGdKPfwt0zm {
  position: absolute;
  top: 1px;
  right: 10px;
  cursor: pointer;
  text-align: center;
  display: none;
}

.mnovMvsOEvddqxhUI9Fe {
  font-weight: 700;
  margin-left: 4px;
}

.hHpRcXP5d9Ek1cbM4vsw > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 2px;
}

.WAzFDDaXcvFV5jBDmEs5 {
  display: inline;
}

.hHpRcXP5d9Ek1cbM4vsw p {
  margin: 0;
}

.dSMlS2BFdMeQN5STrnEn {
  white-space: nowrap;
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
}

.EQGfrlw3V1vU3lbc5N5l,
.N05qmyrkQkMgmbmLzUly {
  text-align: left;
}

.N05qmyrkQkMgmbmLzUly {
  margin-top: 2px;
  margin-left: 4px;
}

@media (max-width: 600px) {
  .hHpRcXP5d9Ek1cbM4vsw {
    top: 100px;
    align-items: center;
    width: 100%;
  }

  .jYjrneJMwJZrT78ihtZQ {
    margin-right: 0;
    margin-bottom: 4px;
    justify-content: center;
    width: 100%;
  }

  .ZzKHlYpQsLh_h5fvNUmQ {
    text-align: center;
    width: 100%;
  }

  .CvBs9v_aCQGdKPfwt0zm {
    display: block;
  }

  .NzcnuKl9mwmxfGwqXjUc {
    display: flex;
    flex-direction: column;
  }

  .WAzFDDaXcvFV5jBDmEs5 {
    display: block;
    margin-top: 3px;
  }

  .hHpRcXP5d9Ek1cbM4vsw {
    max-height: 82px;
  }

  .dSMlS2BFdMeQN5STrnEn {
    white-space: normal;
    flex-direction: column;
    text-align: center;
    gap: 3px;
    align-items: center;
  }

  .EQGfrlw3V1vU3lbc5N5l,
  .N05qmyrkQkMgmbmLzUly {
    display: block;
    width: 100%;
    text-align: center;
  }

  .N05qmyrkQkMgmbmLzUly {
    margin: 0;
  }
}

.dgZvpFoyh_cHBZBWPM9m {
  top: -20px;
}

.vS_IGIR2FWbneCjeAtQn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-default) var(--spacing-default) var(--spacing-medium);
}

.vS_IGIR2FWbneCjeAtQn svg {
  width: 50px;
  height: 50px;
  fill: var(--colour-primary-main);
  margin-bottom: var(--spacing-default);
}

.w29PT8aB1jaSZOCjMuH7 {
  font-size: var(--font-size-large);
  margin: 0 0 var(--spacing-default);
}

@media screen and (min-width: 1024px) {
  .w29PT8aB1jaSZOCjMuH7 {
    font-size: var(--font-size-xlarge);
  }
}

.jGLjv6VZq2IEkLui3lYw {
  font-size: var(--font-size-default);
  margin: 0 0 var(--spacing-default);
  max-width: 800px;
}

@media screen and (min-width: 1024px) {
  .jGLjv6VZq2IEkLui3lYw {
    font-size: var(--font-size-medium);
  }
}

.vY6WWIj4NqVBDp7Yee18 {
  font-size: var(--font-size-small);
  margin: var(--spacing-default) 0;
}

.gtClnHxrJigM7LdYKHDL {
  color: var(--colour-primary-main);
  text-decoration: underline;
}
/*  */
.oUr6rlHjITr_T2vo1Pza {
  position: fixed;
  top: 20px;
  right: -200%;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  background: var(--colour-primary-main);
  padding: 20px;
  max-width: 320px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 8000;
  transition: all 0.5s ease-in-out;
}

.oUr6rlHjITr_T2vo1Pza svg {
  width: 40px;
  height: 40px;
  fill: var(--colour-white-main);
}

.d8llkDGWQmxz1a8IWUs0 {
  margin: 0;
  text-align: left;
  color: var(--colour-white-main);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
}

.L0IOZX3tkhXLxQxAY63K {
  margin: 0;
  text-align: left;
  color: var(--colour-white-main);
  font-size: var(--font-size-small);
  line-height: 15px;
}

.h8FY4SuZsbH1XAA16sOb {
  display: flex;
  align-items: center;
}

.WAw0lNtLaXRNJ6rIYa_Y {
  margin: 0 0 0 20px;
}

.yM_e22onGZJE3wGIh5fH {
  margin-top: 15px;
  padding: 15px 15px 17px;
  border: 1px solid var(--colour-white-main);
  background: transparent;
  color: var(--colour-white-main);
  border-radius: 20px;
  line-height: 0;
  font-family: var(--font-family-main);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.yM_e22onGZJE3wGIh5fH:hover {
  background: var(--colour-white-main);
  color: var(--colour-primary-main);
}

.RQqc58JnED8z6XAjuBE6 {
  display: block;
  background: var(--colour-white-main);
  width: 2px;
  height: 50px;
  margin: 0 5px 0 10px;
  border-radius: 10px;
  opacity: 0.5;
}

.bqz8py5_iNQ4DGpFYLWS {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.bqz8py5_iNQ4DGpFYLWS svg {
  width: 30px;
  height: 30px;
}

.gCGyyjoHKOq7FhmxbL8i {
  right: 0;
}

.DWzFQ9Pl_vGesugAYdu6 {
  font-size: 14px;
  line-height: 18px;
}

.PbWIu5DC2PlKiEyImSqJ {
  position: relative;
  width: 100%;
  margin-top: var(--spacing-small);
}

.cmPwg3MsyIJnvloCQIqe {
  min-height: 500px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: visible;
}

.cmPwg3MsyIJnvloCQIqe:-webkit-scrollbar {
  display: none;
}

.g8Fu5u6FiWJyNBGlnwgI p {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: var(--spacing-small);
  font-size: var(--font-size-default);
}

@media screen and (min-width: 600px) {
  .g8Fu5u6FiWJyNBGlnwgI p {
    font-size: var(--font-size-medium);
  }
}

.VPqu5pQgNoQtinAlMsE_ {
  display: flex;
  gap: var(--spacing-default);
}

.uYjr8YupjKWtJX_IFe1p {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  cursor: pointer;
}

.uYjr8YupjKWtJX_IFe1p:hover {
  text-decoration: underline;
}

.uYjr8YupjKWtJX_IFe1p svg {
  width: 20px;
  height: 30px;
  margin-right: var(--spacing-small);
}

.fYCPvsGavPRA0CqcWSIl {
  display: none;
}

@media screen and (min-width: 600px) {
  .fYCPvsGavPRA0CqcWSIl {
    display: block;
  }
}

p.r2OaTemuC6ewiHSJx2KQ {
  font-size: var(--font-size-small);
  max-width: 260px;
  text-align: right;
  margin: 0;
  margin-left: auto;
  margin-top: 10px;
}

.pdHyddCOLBNdMhR8y8FZ {
  height: 100%;
  width: 100%;
  margin-right: 10px;
}

.ruyjmZ4OuBK6I5kiYtIm {
  font-size: var(--font-size-default);
  text-align: center;
  font-weight: var(--font-weight-bold);
}

.G3HkknuHG88dY2cEn7JV {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: var(--spacing-default);
  width: 100%;
  grid-auto-flow: row;
}

.hJx_b7yRXeP8QyzAjZMk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-xsmall);
  max-height: 500px;
  overflow-y: auto;

  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-small);
  }
}

.vQB6gILTvSvVBSPSQO8I {
  grid-template-columns: repeat(1, 1fr);
}

.ix0fc3Z6XuR3ZSL9Lo1Q {
  grid-template-columns: repeat(2, 1fr);
}

.YDzMYCLxMnWhCfjCNTkQ {
  grid-template-columns: repeat(3, 1fr);
}

.IFkUhP5em1J0JacJmPxQ {
  grid-template-columns: repeat(4, 1fr);
}

.E4XclRZ6SMQ3JuUyEdkw {
  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(5, 1fr);
  }
}

.Cs1N_np06GWhR0mW3ogx {
  @media screen and (min-width: 768px) {
    grid-template-columns: repeat(6, 1fr);
  }
}

.DQyGs6zbNrhk7yYbnfa2 {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  background: transparent;
  border: 0;
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  cursor: pointer;

  svg {
    width: 20px;
    height: 30px;
    margin-right: var(--spacing-small);
  }

  &:hover {
    text-decoration: underline;
  }
}

.M87QRR02HSLu4FpKvzBS {
  display: flex;
  gap: var(--spacing-default);
}

.p6_lZXotptlJYYJP8ckg {
  margin-top: 50px;

  ul {
    overflow-y: auto;
    max-height: 800px;
    -ms-overflow-style: none;
    scrollbar-width: none;

    &::-webkit-scrollbar {
      display: none;
    }

    li {
      display: flex;
      align-items: center;
      padding: var(--spacing-small) var(--spacing-small);
      border-bottom: 1px solid var(--colour-grey-assent-light);
      font-size: var(--font-size-medium);

      small {
        margin-left: 30px;
        font-size: var(--font-size-xsmall);
      }

      button {
        margin-left: auto;
      }
    }
  }
}

.LjBpNTThCEbNHDI7UnWE {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.yU2BjSGFSufYN1UAmwkK {
  position: absolute;
  bottom: 170px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colour-primary-assent-light);
  padding: 10px;
  border-radius: 100px;
  text-align: center;
  font-size: var(--font-size-small);
  line-height: 15px;
  opacity: 0.9;
}

.b7ZG8fLfnnO1VWWMadV_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-small);
  text-align: left;
}

.b7ZG8fLfnnO1VWWMadV_ > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.b7ZG8fLfnnO1VWWMadV_ svg {
  flex-shrink: 0;
}

.L9fVswNUvpUPP3LwhrWw {
  margin-top: 85px;
}

@media screen and (min-width: 768px) {
  .L9fVswNUvpUPP3LwhrWw {
    margin-top: 70px;
  }
}

.ZXTQWE9d4YxgcJ19QXlw {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}

@media screen and (min-width: 768px) {
  .ZXTQWE9d4YxgcJ19QXlw {
    max-width: 300px;
    margin-left: auto;
  }
}

/* ==========================================================================

    [text]

    Project: SBT
    Version: 1.0
    Use: Data feedback

    [className]: text
    [variant] : 'primary' | 'secondary'

========================================================================== */

.Ndr11_1kldZXPThrJesO {
  margin: 0;
  font-size: var(--font-size-default);
  font-weight: 400;
}

.lUBnC1e1M59t8BMRZafs {
  margin: 0;
  font-size: var(--font-size-medium);
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .Ndr11_1kldZXPThrJesO {
    margin: 0;
    font-size: var(--font-size-medium);
  }

  .lUBnC1e1M59t8BMRZafs {
    margin: 0;
    font-size: var(--font-size-large);
  }
}

.v3N2itliQ6liwvNCeUY9 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.KOcJixlJTOfBF7nDGabN {
  margin: 5px 0;
  width: 100%;
  border-top: 2px solid var(--colour-grey-assent-light);
}

.SezpJ4y0ifNg3hISwows {
  align-items: center;
}

.L87folCxbOLGUBd1AHL9 {
  align-items: flex-start;
}

.feQA8Vpna10RuRd88Q3K {
  align-items: flex-end;
  text-align: right;
}

p.JDWXuLD1cMx4ChJwbQGI {
  font-size: var(--font-size-default);
  margin-bottom: var(--spacing-small);
  font-weight: var(--font-weight-normal);
}

p.QBUgY_iQ6qsQ45r3u2Fw {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  margin: 0;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  p.QBUgY_iQ6qsQ45r3u2Fw {
    font-size: var(--font-size-large);
  }
}

p.cxvbtQFYFb81phvgGRQM {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
  margin: var(--spacing-small) 0 0;
}

@media screen and (min-width: 768px) {
  p.cxvbtQFYFb81phvgGRQM {
    font-size: var(--font-size-xlarge);
  }
}

p.cO1wY0GlRjNizx9y0kLc {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-small);
}

p.R1EYecPPKHL71iw6FprJ {
  font-family: var(--font-family-main);
  font-size: var(--font-size-small);
  max-width: 300px;
  font-weight: 600;
  text-align: right;
  margin: 10px 0 0;
}

p.NJ6dCfoqnU3LCJs0ootr {
  font-family: var(--font-family-main);
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
  text-align: right;
  margin: 5px 0 0;
}

/* ==========================================================================

    [spacing]

    Project: SBT
    Version: 1.0
    Use: Data feedback

    [className]: spacing
    [variant] : 'small' | 'default'  | 'medium' | 'large'

========================================================================== */

.WM8CFyKGUr9hVFwLMz2S {
  gap: var(--spacing-small);
}

.NuQmAKXybHJW01lGwmzJ {
  gap: var(--spacing-default);
}

.EVOLMMK97CMhZc_EH7Lv {
  gap: var(--spacing-medium);
}

.__87EO7Q7eH4Sz9MfGum {
  gap: var(--spacing-large);
}

.zNx8QbjEijbbzjLuYf3k {
  padding: var(--spacing-small);
}

.OSDpLNhMaema5rsYUZdg {
  padding: var(--spacing-default);
}

.Bxf6znSSxVB7HAoj7NbY {
  padding: var(--spacing-medium);
}

.RlKHiHi4INztsY1s8kR5 {
  padding: var(--spacing-large);
}

/* ==========================================================================

    [background]

    Project: SBT
    Version: 1.0
    Use: Data feedback

    [className]: background
    [variant] : 'primary' | 'grey' | 'none'

========================================================================== */

.VPILUFnizFFJQ6738mUw {
  background: var(--colour-primary-assent-light);
  box-shadow: var(--spacing-xsmall) var(--spacing-xsmall) var(--spacing-xsmall)
    0 var(--colour-box-shadow);
}

._EpsWRW4oplNLocJy1jz {
  background: var(--colour-grey-assent-light);
  box-shadow: var(--spacing-xsmall) var(--spacing-xsmall) var(--spacing-xsmall)
    0 var(--colour-box-shadow);
}

/* ==========================================================================

    [row]

    Project: SBT
    Version: 1.0
    Use: Data feedback

    [className]: row
    [variant] : 'true' | 'false'

========================================================================== */

.oUIuhydqFMSB_msDrvyA {
  flex-direction: row;
  align-items: flex-end;
}

.oUIuhydqFMSB_msDrvyA div {
  width: 100%;
}

/* ==========================================================================

    [border]

    Project: SBT
    Version: 1.0
    Use: Data feedback

    [className]: border
    [variant] : 'true' | 'false'

========================================================================== */

.tM5XKSRiogjpvrEwp3UB {
  border: 3px solid var(--colour-primary-main);
}

/* ==========================================================================

      [Global imports]

      Project: SBT
      Version: 1.0
      Use: global theme imports for skiddle web

  ========================================================================== */

/* ==========================================================================

    [Base Styles]

    Project: SBT
    Version: 1.0
    Use: Data feedback

  ========================================================================== */

.P7WxKhouLNWCID5ZzsRi {
  border: 1px solid var(--colour-primary-main);
  border-radius: 5px;
  padding: 0;
  width: 100%;
  margin: var(--spacing-small) 0 0;
  overflow: hidden;
  background: var(--colour-white-main);
}

.bUBZKT2OPs02zGi7YSGJ {
  background: var(--colour-primary-assent-light);
  padding: var(--spacing-small);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .bUBZKT2OPs02zGi7YSGJ {
    padding: var(--spacing-default);
  }
}

.oWyrvdIzBMDQDrFahkMg {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .oWyrvdIzBMDQDrFahkMg {
    font-size: var(--font-size-medium);
  }
}

.oWyrvdIzBMDQDrFahkMg button {
  font-size: var(--font-size-default);
  color: var(--colour-black-main);
  font-weight: var(--font-weight-bold);
  background: none;
  border: none;
  font-family: var(--font-family-main);
}

@media screen and (min-width: 1024px) {
  .oWyrvdIzBMDQDrFahkMg button {
    font-size: var(--font-size-medium);
  }
}

.Dsv2KJWkgUEOOmYFFWKh {
  text-align: right;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-small);
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .Dsv2KJWkgUEOOmYFFWKh {
    font-size: var(--font-size-medium);
  }
}

@media screen and (min-width: 768px) {
  .Dsv2KJWkgUEOOmYFFWKh {
    margin-right: 28px;
  }
}

.xWmYipBJUAbRkgw5fxiw {
  position: relative;
  padding: var(--spacing-small);
  list-style: none;
  overflow-y: auto;
  margin: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .xWmYipBJUAbRkgw5fxiw {
    padding: 0 var(--spacing-small);
  }
}

.OSMov0IBBg_w4yICgZu_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background: none;
  box-shadow: none;
  border-bottom: 2px solid var(--colour-primary-assent-light);
  margin-bottom: 0;
  padding: var(--spacing-xsmall);
}

@media screen and (min-width: 1024px) {
  .OSMov0IBBg_w4yICgZu_ {
    padding: var(--spacing-default) var(--spacing-default);
  }
}

.OSMov0IBBg_w4yICgZu_:last-child {
  border-bottom: none;
}

.vAlejPMynHJqhJ9NB9lG {
  font-weight: bold;
  margin: 0;
  margin-right: var(--spacing-small);
  font-size: var(--font-size-default);
}

@media screen and (min-width: 1024px) {
  .vAlejPMynHJqhJ9NB9lG {
    font-size: var(--font-size-large);
  }
}

.vAlejPMynHJqhJ9NB9lG span {
  margin-left: var(--spacing-xsmall);
}

.BlvzKUAXMrE83JlK5qCs {
  display: flex;
  align-items: center;
  font-size: var(--font-size-small);
  margin: 0;
  max-width: 150px;
}

@media screen and (min-width: 375px) {
  .BlvzKUAXMrE83JlK5qCs {
    max-width: 200px;
  }
}

@media screen and (min-width: 1024px) {
  .BlvzKUAXMrE83JlK5qCs {
    font-size: var(--font-size-medium);
    max-width: 500px;
  }
}

@media screen and (min-width: 1400px) {
  .BlvzKUAXMrE83JlK5qCs {
    max-width: 700px;
  }
}

.BlvzKUAXMrE83JlK5qCs span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.BlvzKUAXMrE83JlK5qCs button {
  font-size: var(--font-size-small);
  font-family: var(--font-family-main);
  color: var(--colour-black-main);
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  min-width: 80px;
}

@media screen and (min-width: 768px) {
  .BlvzKUAXMrE83JlK5qCs {
    max-width: 300px;
    font-size: var(--font-size-default);
  }

  .BlvzKUAXMrE83JlK5qCs button {
    font-size: var(--font-size-default);
  }
}

.HmWVgtiDdFlCgMGVF9cJ .BlvzKUAXMrE83JlK5qCs {
  flex-direction: column;
  align-items: flex-start;
}

.HmWVgtiDdFlCgMGVF9cJ button {
  margin-top: 5px;
}

.XuRaL8aYncm7tEazt9Ak {
  font-size: var(--font-size-medium);
  padding-top: 5px;
  margin: 0;
}

.GvhF7h6LwxNrBWLQf5NC {
  display: flex;
  align-items: flex-start;
}

.WdOCCl93YBUmsxS_sDsQ {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .WdOCCl93YBUmsxS_sDsQ {
    margin-right: var(--spacing-default);
    flex-direction: row;
  }

  .uu8aX1Ldpjs5HTOAmoWV {
    margin-right: 0;
  }
}

.afAbIk_HHbsvdGrDAfaK {
  display: block;
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  min-width: 90px;
  margin: 0;
  text-align: right;
}

@media screen and (min-width: 1024px) {
  .afAbIk_HHbsvdGrDAfaK {
    font-size: var(--font-size-large);
    min-width: 150px;
  }
}

.Daxfpv0C8dRgGYqS8gKJ {
  display: block;
  font-size: var(--font-size-small);
  color: var(--colour-grey-assent-medium);
  font-weight: var(--font-weight-light);
}

.Daxfpv0C8dRgGYqS8gKJ button {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: var(--font-family-main);
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.Daxfpv0C8dRgGYqS8gKJ button:hover {
  color: var(--colour-grey-main);
}

.Q8NtijVwZdvNWoiDis1p {
  color: var(--colour-info-main);
  font-weight: var(--font-weight-bold);
}

.UHVDUKFsch5MuQD5CY_r {
  color: var(--colour-grey-dark, #888);
  text-decoration: line-through;
  font-weight: var(--font-weight-normal);
  vertical-align: middle;
}

.dfwy3fdPnIGUK2zNRdmQ {
  width: 100%;
  margin-top: var(--spacing-default);
}

.YKtrR5medxKu_YFr3AIQ:first-of-type {
  height: 100px !important;
  margin-bottom: var(--spacing-small);
}

.xEKUNe2NM3PKzWO1X4ty {
  display: flex;
  justify-content: space-between;
  margin-top: var(--spacing-default);
  padding: 0 30px;
}

.xEKUNe2NM3PKzWO1X4ty p {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-default);
  margin: 0;
}

.MsfWehvJtSbA7GOW4ota:last-of-type {
  margin-right: var(--spacing-default);
}

@media screen and (min-width: 768px) {
  .MsfWehvJtSbA7GOW4ota:last-of-type {
    margin-right: var(--spacing-large);
  }
}

.PM0HlaHtaeiMIsnRu3g3 {
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  text-align: left;
}

.Gpbkp0uiWGJrruGAkyhd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.Gpbkp0uiWGJrruGAkyhd > h3 {
  margin: 0;
  font-size: var(--font-size-default);
  line-height: 1;
}

.itbt_qKa3iSmgsdLVYES {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
}

.n2V1T5Q1d1LLrvTdkcQn {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
}

.n2V1T5Q1d1LLrvTdkcQn > button {
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-light);
}

@media screen and (min-width: 1024px) {
  .Gpbkp0uiWGJrruGAkyhd > h3 {
    font-size: var(--font-size-large);
  }

  .n2V1T5Q1d1LLrvTdkcQn {
    font-size: var(--font-size-default);
    font-weight: var(--font-weight-light);
  }

  .n2V1T5Q1d1LLrvTdkcQn > button {
    font-size: var(--font-size-default);
    font-weight: var(--font-weight-light);
  }
}

.gGeJdWXVAJbdo8hR9F5l {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.BdOqqWSUU2MzwX1GmJH2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.bH7IV__pSuRalzfQMvv_ {
  font-size: 1.25rem !important;
  color: var(--colour-grey-dark, #888);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.AqqgZEJZG2Fqp2vTXgg5 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.JOVFmaWmCB6Bv4oZliLL {
  width: 20px;
}

@media screen and (min-width: 1024px) {
  .bH7IV__pSuRalzfQMvv_ {
    font-size: 2rem !important;
    margin-left: 8px;
  }

  .JOVFmaWmCB6Bv4oZliLL {
    width: 26px;
  }
}

/* ==========================================================================

  [Base Styles]

  Project: SBT
  Version: 1.0
  Use: Layouts

========================================================================== */

.pShIdsBUzjfhSGnWoarP {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
}

/* ==========================================================================

    [timeView]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: sbtTimeView
    [variant] : 'timeView'

========================================================================== */

.XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:first-of-type {
  grid-area: 1 / 1 / 2 / 6;
}

.XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
  grid-area: 2 / 1 / 4 / 6;
}

@media screen and (min-width: 768px) {
  .XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
    grid-area: 2 / 5 / 4 / 5;
  }
}

.XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:nth-of-type(3) {
  grid-area: 4 / 1 / 5 / 6;
}

@media screen and (min-width: 768px) {
  .XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:nth-of-type(3) {
    grid-area: 2 / 1 / 6 / 5;
  }
}

.XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:last-of-type {
  grid-area: 5 / 1 / 6 / 6;
}

@media screen and (min-width: 768px) {
  .XqiFbPZu1UqlGsFBsIi5 .VxHLbz2ZhIMOPZktS9iA:last-of-type {
    grid-area: 4 / 5 / 6 / 6;
  }
}

/* ==========================================================================

    [dateView]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: sbtDateView
    [variant] : 'dateView'

========================================================================== */

/* grid-row-start / grid-column-start / grid-row-end / grid-column-end. */

.COcWraYfrsDfIx3ntm2g .VxHLbz2ZhIMOPZktS9iA:first-of-type {
  grid-area: 1 / 1 / 1 / 6;
}

.COcWraYfrsDfIx3ntm2g .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
  grid-area: 2 / 1 / 4 / 6;
}

@media screen and (min-width: 768px) {
  .COcWraYfrsDfIx3ntm2g .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
    grid-area: 2 / 1 / 6 / 6;
  }
}

/* ==========================================================================

    [timeSelectView]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: sbtTimeSelectView
    [variant] : 'timeSelectView'

========================================================================== */

.cSpeIuC9jp_kj5uxJafZ {
  grid-template-columns: repeat(4, 1fr);
}

/* ==========================================================================

    [padding]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: padding
    [variant] : 'paddingSmall' | 'paddingMedium' | 'paddingLarge'

========================================================================== */

._PuSwAdsUV1fr4XjZVlP .VxHLbz2ZhIMOPZktS9iA {
  padding: var(--spacing-xsmall);
}

.aVVY17cKMwOOnoynW_4L .VxHLbz2ZhIMOPZktS9iA {
  padding: var(--spacing-default);
}

.PxXn30R_2fqMsqU0gBkA .VxHLbz2ZhIMOPZktS9iA {
  padding: var(--spacing-large);
}

/* ==========================================================================

    [spacing]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: spacing
    [variant] : 'spacingSmall' | 'spacingMedium' | 'spacingLarge'

========================================================================== */

.SZKNmQmullk1u7msj9Tf {
  grid-column-gap: var(--spacing-xsmall);
  grid-row-gap: var(--spacing-xsmall);
}

.DamUVbFWRiAEOFTWhhtD {
  grid-column-gap: var(--spacing-small);
  grid-row-gap: var(--spacing-small);
}

.Twsrt6u7pszO6YftSdic {
  grid-column-gap: var(--spacing-default);
  grid-row-gap: var(--spacing-default);
}

/* ==========================================================================

    [orderView]

    Project: SBT
    Version: 1.0
    Use: Layouts

    [className]: sbtOrderView
    [variant] : 'orderView'

========================================================================== */

/* grid-row-start / grid-column-start / grid-row-end / grid-column-end. */

.hy59WQUyhLqx2jj_kRpI {
  grid-column-gap: var(--spacing-xsmall);
  grid-row-gap: var(--spacing-small);
}

.hy59WQUyhLqx2jj_kRpI .VxHLbz2ZhIMOPZktS9iA:first-of-type {
  grid-area: 1 / 1 / 4 / 6;
}

.hy59WQUyhLqx2jj_kRpI .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
  grid-area: 5 / 1 / 4 / 6;
}

.yDcH6PFA_uwHTMmeKIIB {
  grid-column-gap: var(--spacing-default);
  grid-row-gap: var(--spacing-default);
  margin-bottom: 20px;
}

.yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:first-of-type {
  grid-area: 1 / 1 / 2 / 6;
}

@media screen and (min-width: 1200px) {
  .yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:first-of-type {
    grid-area: 1 / 1 / 4 / 5;
  }
}

.yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
  grid-area: 2 / 1 / 4 / 6;
}

@media screen and (min-width: 1200px) {
  .yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:nth-of-type(2) {
    grid-area: 1 / 5 / 4 / 11;
  }
}

.yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:nth-of-type(3) {
  grid-area: 5 / 1 / 4 / 6;
}

@media screen and (min-width: 1200px) {
  .yDcH6PFA_uwHTMmeKIIB .VxHLbz2ZhIMOPZktS9iA:nth-of-type(3) {
    grid-area: 5 / 5 / 4 / 11;
  }
}

._2VsoTZfGfcaCzwaHgZc {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--colour-grey-assent-light);
  border-radius: 5px;
  margin-bottom: var(--spacing-small);
}

@media screen and (min-width: 768px) {
  ._2VsoTZfGfcaCzwaHgZc {
    flex-direction: row;
    align-items: start;
  }
}

.QxpbsFbPLciyLe8W0Hzg {
  position: relative;
}

.QxpbsFbPLciyLe8W0Hzg p {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  color: var(--colour-red-main);
  margin: 0;
}

.QxpbsFbPLciyLe8W0Hzg div {
  text-align: left;
}

.lfLKH6kvxNMMHBZmB2K5 {
  padding: var(--spacing-small);
  width: 100%;
}

@media screen and (min-width: 768px) {
  .lfLKH6kvxNMMHBZmB2K5 {
    width: 55%;
    padding: var(--spacing-default);
  }
}

.JmtU4kJICIgGovNA92Sp {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--spacing-small);
}

@media screen and (min-width: 768px) {
  .JmtU4kJICIgGovNA92Sp {
    font-size: var(--font-size-medium);
  }
}

.HmZtOfkiSoIno6hsUeoD {
  display: flex;
  align-items: flex-start;
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  text-overflow: clip;
  overflow: hidden;
  margin: 0;
}

.HmZtOfkiSoIno6hsUeoD span {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 1200px) {
  .HmZtOfkiSoIno6hsUeoD span {
    max-width: 450px;
  }
}

.HmZtOfkiSoIno6hsUeoD button {
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  color: var(--colour-black-main);
  text-decoration: underline;
  background: none;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  min-width: 80px;
}

.HmZtOfkiSoIno6hsUeoD button:hover {
  color: var(--colour-primary-main);
}

.DYoRwm5NzoPk77_WZWs7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-small);
  background: var(--colour-body-background);
}

@media screen and (min-width: 768px) {
  .DYoRwm5NzoPk77_WZWs7 {
    margin-left: auto;
    margin-top: 8px;
    background: none;
    padding: var(--spacing-small) var(--spacing-default);
  }
}

.DBKJ9UFuXSJUCyk8alYI select {
  width: 50px;
  font-family: var(--font-family-main);
  border: 0;
  font-size: var(--font-size-large);
  border-bottom: 1px solid var(--colour-black-main);
  outline: 0;
  background: transparent;
}

.r9FKVziBLtbYZqdx7_jd {
  margin: 0;
}

.oS31oQQyW5RtkVf_EkdS {
  display: flex;
  align-items: flex-end;
  margin-left: var(--spacing-default);
}

.XMGVLWDV7AWdqWlI65L_ {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  margin: 0 0 0 30px;
}

@media screen and (min-width: 768px) {
  .XMGVLWDV7AWdqWlI65L_ {
    font-size: var(--font-size-medium);
  }
}

.GwvTZJao3GL2gBJ7gjJg {
  display: block;
}

.UuiLGG9Y_LQ2rcFLc8Yn {
  font-size: var(--font-size-default);
}

.CZf04PSv0J7uL_e1AXro {
  background: none;
  border: none;
  color: var(--colour-black-main);
  text-decoration: underline;
  font-size: var(--font-size-default);
  font-family: var(--font-family-main);
  padding: 0;
  cursor: pointer;
}

.CZf04PSv0J7uL_e1AXro:hover {
  color: var(--colour-primary-main);
}

.ihIYDKSjuGSXArRJSzn2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  min-width: 120px;
}

.PHrDLHbAqg6hqdCNPtxW {
  display: block;
  font-size: var(--font-size-small);
  color: var(--colour-grey-assent-medium);
  font-weight: var(--font-weight-light);
}

.PHrDLHbAqg6hqdCNPtxW button {
  background: none;
  border: none;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: var(--font-family-main);
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

.PHrDLHbAqg6hqdCNPtxW:hover {
  color: var(--colour-grey-main);
}

.LVJ709ftcJaWQF1xgtlh {
  background: var(--colour-body-background);
  border: 2px solid var(--colour-grey-assent-light);
  border-radius: 5px;
}

.lf1XrcptV0zU7jsqqdSc {
  background: var(--colour-primary-assent-light);
  padding: var(--spacing-default);
}

.lf1XrcptV0zU7jsqqdSc p {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.uq2XlSIZJul1uPxTuYmj {
  margin: 0;
  margin-bottom: var(--spacing-default);
  list-style: none;
  padding: var(--spacing-small);
}

.uq2XlSIZJul1uPxTuYmj li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--colour-primary-assent-light);
  padding: var(--spacing-small);
}

.uq2XlSIZJul1uPxTuYmj p {
  font-size: var(--font-size-default);
  margin: 0;
}

.uq2XlSIZJul1uPxTuYmj button {
  background: transparent;
  border: none;
  padding: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.uq2XlSIZJul1uPxTuYmj button svg {
  stroke: var(--colour-grey-main);
}

.GgadnTGgDwpEWgLksYjy {
  margin: var(--spacing-small);
}

.GgadnTGgDwpEWgLksYjy figure {
  text-align: center;
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.GgadnTGgDwpEWgLksYjy p {
  font-size: var(--font-size-default);
  text-align: center;
  margin-top: 0;
}

.GgadnTGgDwpEWgLksYjy button {
  margin-bottom: var(--spacing-small);
}

.Q58Ll7fiWSW60asLhX3L {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 630px;
  background: var(--colour-grey-assent-light);
  z-index: 2;
  opacity: 0.8;
}

.Q58Ll7fiWSW60asLhX3L p {
  font-size: var(--font-size-large);
  font-weight: 700;
  color: var(--colour-black-main);
}

.AFY6egKqEc8PxUFbleqq {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  min-height: 1000px;
  width: 100%;
  height: 100%;
  z-index: 8000;
}

.OpeF6qL1Di5s8uLSpplG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
  background: var(--colour-modal-background);
  z-index: 12;
}

._Dtu0VWYjYixVmIxSW6d .sDdHyjyd36CtZZT3ZjDl {
  max-width: 700px;
}

.sDdHyjyd36CtZZT3ZjDl {
  position: absolute;
  background: var(--colour-white-main);
  top: var(--spacing-default);
  left: 50%;
  width: 90%;
  max-width: 500px;
  overflow: hidden;
  transform: translateX(-50%);
  padding: 0;
  border-radius: 10px;
  box-shadow: var(--colour-box-shadow);
  z-index: 1130;
}

.sDdHyjyd36CtZZT3ZjDl p {
  font-size: var(--font-size-default);
}

@media screen and (min-width: 768px) {
  .sDdHyjyd36CtZZT3ZjDl {
    width: 500px;
  }

  ._Dtu0VWYjYixVmIxSW6d .sDdHyjyd36CtZZT3ZjDl {
    width: 700px;
  }
}

@media (max-height: 450px) {
  .sDdHyjyd36CtZZT3ZjDl {
    max-height: 320px;
  }
}

.vf5jbwhZW8VKDDAYyMYd {
  max-width: 100px;
  max-height: 100px;
  object-fit: contain;
}

.Iw0vQtVey25XtU3lautw {
  background: var(--colour-primary-light);
  padding: var(--spacing-default);
  border-top-left-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.Iw0vQtVey25XtU3lautw p {
  margin: 0;
  font-size: var(--font-size-medium);
  color: var(--colour-white-main);
}

@media screen and (min-width: 768px) {
  .Iw0vQtVey25XtU3lautw p {
    font-size: var(--font-size-large);
  }
}

.YCR3CJaIYFM4hoi_OoAx {
  overflow-y: auto;
}

.q9hlSP_7hIiXlEfIaYwM {
  padding: var(--spacing-small) var(--spacing-default) var(--spacing-default);
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-height: 80vh;

  &::-webkit-scrollbar {
    display: none;
  }
}

.q9hlSP_7hIiXlEfIaYwM p {
  margin-bottom: var(--spacing-default);
}

.NVHUqo5llJrxaFVbO6Nc {
  background: var(--colour-orange-main);
  padding: var(--spacing-small);
  border-radius: 5px;
}

.NVHUqo5llJrxaFVbO6Nc p {
  margin: 0;
}

.FHsYtqGyZfSwsSA9RchQ {
  background: var(--colour-grey-assent-light);
  padding: 5px 20px 25px;
  border-radius: 5px;
}

.FHsYtqGyZfSwsSA9RchQ:not(:last-of-type) {
  margin-bottom: 10px;
}

.Q6tdorKPTlKZfm9l3pLn {
  margin-bottom: 5px !important;
  font-weight: var(--font-weight-bold);
}

.GuCANSHl_RAZ6zsBdw4o {
  list-style: none;
  margin: 0;
  padding: 0;
}

.GuCANSHl_RAZ6zsBdw4o li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 5px;
  border-bottom: 1px solid var(--colour-primary-light);
}

.GuCANSHl_RAZ6zsBdw4o p {
  margin: 0;
}

.GuCANSHl_RAZ6zsBdw4o button {
  border: 0;
  background: transparent;
  font-weight: var(--font-weight-bold);
  color: var(--colour-black-main);
  text-decoration: underline;
  cursor: pointer;
}

.Ghu9kCNWpijrbNxB7BWh {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-default);
}

.zdvIpH8rJ6H_vtpcdrGi {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  background: var(--colour-primary-dark);
  border: 1px solid var(--colour-primary-dark);
  border-radius: 50%;
  cursor: pointer;
}

.zdvIpH8rJ6H_vtpcdrGi svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: var(--colour-white-main);
  width: 25px;
  height: 25px;
}

.F9zqzY6hWfSKWRcvuXCd {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-small);
}

.F9zqzY6hWfSKWRcvuXCd label {
  margin-left: var(--spacing-small);
  font-size: var(--font-size-default);
}

.F9zqzY6hWfSKWRcvuXCd input {
  width: 25px;
  height: 25px;
  border: 2px solid var(--colour-primary-main);
  cursor: pointer;
  border-radius: 10px;
  margin-right: var(--spacing-small);
}

.F9zqzY6hWfSKWRcvuXCd input:disabled {
  cursor: not-allowed;
}

.F9zqzY6hWfSKWRcvuXCd p {
  margin: 0;
}

.xm0HECEF1MTxL3vMPaV6 {
  margin-top: var(--spacing-small);
  padding: var(--spacing-small) var(--spacing-default);
  background: var(--colour-grey-assent-light);
}

.xm0HECEF1MTxL3vMPaV6 p {
  font-size: var(--font-size-small);
  margin: 0;
}

.DOjIYCOnMjeNWFFHollT {
  display: flex;
  align-items: center;
  gap: var(--spacing-default);
}

.DOjIYCOnMjeNWFFHollT p {
  font-weight: var(--font-weight-normal);
  margin: 0;
}

.DOjIYCOnMjeNWFFHollT button {
  max-width: 230px;
}

.Z8FZJc2DskjRCq2wD6xv {
  margin-bottom: var(--spacing-default);
  font-weight: var(--font-weight-bold);
}

.Zkz7IRcAj4CsiWL3FJ_a {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-small);
  padding-bottom: var(--spacing-small);
}

.ZD3KaMazfwsBqwh82boO {
  width: 100%;
  background: transparent;
  border: 0;
  cursor: pointer;
}

.ZD3KaMazfwsBqwh82boO p {
  text-align: center;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-bold);
}

.mkKYXdu02dVKnTrOw8Z4 {
  display: grid;
  gap: var(--spacing-xsmall);
  border: 2px solid var(--colour-grey-assent-light);
  border-radius: 5px;
  padding: var(--spacing-xsmall);
  transition: all 0.2s ease-in-out;
}

.mkKYXdu02dVKnTrOw8Z4 div {
  width: 100%;
  height: 20px;
  border-radius: 2px;
  background: var(--colour-primary-assent-light);
}

.mkKYXdu02dVKnTrOw8Z4:hover {
  border: 2px solid var(--colour-primary-main);
  background: var(--colour-primary-assent-light);

  div {
    background: var(--colour-white-main);
  }
}

.iJhNXR_25hYe8EV9F0vD {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-small);
  margin-top: var(--spacing-medium);
  padding-bottom: 40px;
}

.iJhNXR_25hYe8EV9F0vD p {
  font-size: var(--font-size-default);
}

.ckaS7U4MKtR3ssOHOSqa {
  display: grid;
  grid-template-columns: repeat(2, 200px);
}

.z9RBY5LRydZ5uVSfQCi4 {
  display: flex;
  align-items: center;
}

.z9RBY5LRydZ5uVSfQCi4 svg {
  margin-right: var(--spacing-small);
}

.CQXPxH5kpbDO9zpXZPV5 {
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-bold);
  margin: var(--spacing-small) 0;
}

.zMycvzR2fGTlBpK1H9tX {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-bold);
  margin: 0;
}

.ytdtPt13uHCjhwCGwElQ {
  background: var(--colour-primary-assent-light);
  border-radius: 5px;
  padding: var(--spacing-default) var(--spacing-small) var(--spacing-small);
  margin: var(--spacing-default) 0;
}

.zKT3iBwUyBxTNDL1NOCG {
  background: var(--colour-grey-assent-light);
  padding: var(--spacing-small);
  border-radius: 5px;
  margin: var(--spacing-small) 0 var(--spacing-default);
}

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

.zKT3iBwUyBxTNDL1NOCG li {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-xsmall);
}

.zKT3iBwUyBxTNDL1NOCG li:last-of-type {
  border-top: 1px solid var(--colour-black-main);
  padding: var(--spacing-small) 0 0;
}

.zKT3iBwUyBxTNDL1NOCG li p,
figure {
  margin: 0;
  font-size: var(--font-size-default);
}

.zKT3iBwUyBxTNDL1NOCG li p {
  min-width: 150px;
}

.zKT3iBwUyBxTNDL1NOCG li:last-of-type p,
figure {
  font-weight: var(--font-weight-bold);
}

@media screen and (min-width: 768px) {
  .zKT3iBwUyBxTNDL1NOCG li p,
  figure {
    font-size: var(--font-size-medium);
  }

  .CQXPxH5kpbDO9zpXZPV5 {
    font-size: var(--font-size-large);
  }

  .zdvIpH8rJ6H_vtpcdrGi {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 40px;
    height: 40px;
    background: var(--colour-primary-dark);
    border: 1px solid var(--colour-primary-dark);
    border-radius: 50%;
    cursor: pointer;
  }
}

.RF0lNk6MpdW8_zAACEbp {
  text-align: center;
  font-size: var(--font-size-default);
}

.RF0lNk6MpdW8_zAACEbp a,
.RF0lNk6MpdW8_zAACEbp a:link,
.RF0lNk6MpdW8_zAACEbp a:visited,
.RF0lNk6MpdW8_zAACEbp a:hover {
  color: var(--colour-black-main);
  cursor: pointer;
  text-decoration: underline;
}

.gjAspcrcoADFg3ndJm5s {
  color: var(--colour-red-main);
}

.o303U9ssPLkAJBLHQDBc {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.o303U9ssPLkAJBLHQDBc p {
  margin: 0;
}

.o303U9ssPLkAJBLHQDBc a {
  margin: 0 0 0 5px;
  color: var(--colour-black-main);
  font-size: 16px;
  text-decoration: underline;
}

.KP6TKNW7jMIPIUg_okrP {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xsmall);
}

.KP6TKNW7jMIPIUg_okrP > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 105px;
}

@media screen and (min-width: 768px) {
  .KP6TKNW7jMIPIUg_okrP > div {
    height: 120px;
  }
}

.KP6TKNW7jMIPIUg_okrP > div > input {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
  /* margin-top: var(--spacing-xsmall); */
}

.KP6TKNW7jMIPIUg_okrP .iJhNXR_25hYe8EV9F0vD {
  padding-bottom: var(--spacing-default);
}

.l4Ecdlvl7NTtSdpgrVpO {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.Odee5KPXlOp6Y0ECSnUg {
  position: relative;
  width: 100%;
}

.kn7MlceSdCjmZ646M5oz {
  width: 100%;
  padding: 16px 12px 8px 12px;
  font-size: 16px;
  border: 1px solid var(--colour-grey-assent-dark, #ccc);
  border-radius: 5px;
  background: var(--colour-white-main, #fff);
  outline: none;
  transition: border-color 0.2s;
}

.kn7MlceSdCjmZ646M5oz:focus {
  border-color: var(--colour-primary-main, #1976d2);
}

.kn7MlceSdCjmZ646M5oz:hover {
  border-color: var(--colour-primary-main, #1976d2);
}

.A9X9UnyqJoSIoOEsG9qG {
  position: absolute;
  left: 12px;
  top: 10px;
  font-size: 16px;
  color: var(--colour-grey-assent-dark, #888);
  background: transparent;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.Yv9qmdd8vVFpHkpQaDQs {
  top: -10px;
  left: 8px;
  font-size: 12px;
  color: var(--colour-primary-main, #1976d2);
  background: var(--colour-white-main, #fff);
  padding: 0 4px;
}

.D42u4clQvioc53AXOAWd {
  border-color: var(--colour-red-main, #d32f2f) !important;
}

.MjF2Dv4V2k3JBYnGJNw_ {
  color: var(--colour-red-main, #d32f2f) !important;
}

.wCfHv7jBlX3NWvXZsMfA {
  color: var(--colour-red-main, #d32f2f);
  font-size: 12px;
  margin-top: 4px;
}

.hQKx7LazeGCJvKYlk75V {
  color: var(--colour-grey-assent-dark, #888);
  font-size: 12px;
  margin-top: 4px;
  margin-left: 2px;
}

.hzA6SPM49raolqq26G54 {
  background: var(--colour-grey-assent-light, #f5f5f5);
  color: var(--colour-grey-assent-dark, #888);
  cursor: not-allowed;
}

.eifeP8Z3SPalXjUbEocn {
  color: var(--colour-grey-assent-dark, #888);
}

.tqh8Lf7I_b1G0SOKQwk1 {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.tqh8Lf7I_b1G0SOKQwk1 svg {
  display: none;
}

@media screen and (min-width: 768px) {
  .tqh8Lf7I_b1G0SOKQwk1 svg {
    display: block;
  }
}

.i8Ohvzlc7b9RYbAbfLgd {
  display: block;
}

@media screen and (min-width: 768px) {
  .i8Ohvzlc7b9RYbAbfLgd {
    border-left: 2px solid var(--colour-black-main);
    padding-left: 20px;
    margin: 0 20px;
  }
}

.lxfxbrvxw_xReCW4og7K {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.5;
}

.EvAfeqaJXFhZA2OWEE1B {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 0;
}

.KBSEEZ4PfuSKeXT6Tm1I {
  padding: 5px 20px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.KBSEEZ4PfuSKeXT6Tm1I p {
  margin: 0;
  font-size: 15px;
}

.KBSEEZ4PfuSKeXT6Tm1I a {
  color: var(--colour-black-main);
  text-decoration: underline;
}

.jTE4sTZqEbr4gE1_kAC8 .tqh8Lf7I_b1G0SOKQwk1 {
  background: var(--colour-orange-main);
}

.jTE4sTZqEbr4gE1_kAC8 .KBSEEZ4PfuSKeXT6Tm1I {
  border: 2px solid var(--colour-orange-main);
}

._Qv7rsSHmJzKjtwBZmpu {
  display: flex;
  justify-content: center;
}

._Qv7rsSHmJzKjtwBZmpu > * {
  max-width: 100% !important;
}

@charset "UTF-8";

.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

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

.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis,
.rbc-show-more,
.rbc-row-segment .rbc-event-content,
.rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: #e6e6e6;
}

.rbc-header {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}

.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.rbc-row-content {
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.rbc-row-content-scrollable
  .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}

.rbc-toolbar .rbc-toolbar-label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}

.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}

.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-toolbar button:active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-toolbar button:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}

.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.rbc-btn-group button + button {
  margin-left: -1px;
}

.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}

.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}

.rbc-event,
.rbc-day-slot .rbc-background-event {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.rbc-slot-selecting .rbc-event,
.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}

.rbc-event.rbc-selected,
.rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}

.rbc-event:focus,
.rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}

.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}

.rbc-show-more:hover,
.rbc-show-more:focus {
  color: #265985;
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rbc-month-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}

.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}

.rbc-date-cell.rbc-now {
  font-weight: bold;
}

.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: hidden;
}

.rbc-day-bg {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}

.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: auto;
}

.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}

.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}

.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}

.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}

.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.rbc-time-column .rbc-timeslot-group {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}

.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}

.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}

.rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}

.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}

.rbc-day-slot .rbc-event-label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-right: 5px;
  width: auto;
}

.rbc-day-slot .rbc-event-content {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}

.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}

.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}

.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
}

.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}

.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -ms-flex-preferred-size: 0 px;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}

.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}

.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}

.rbc-time-view .rbc-allday-cell {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}

.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}

.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}

.rbc-time-view .rbc-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}

.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}

.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.rbc-time-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}

.rbc-time-content > .rbc-time-gutter {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}

.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
/* ==========================================================================

  [Load BuenosAires font face]

  Project: Ticket Box
  Use: Font face

========================================================================== */

@font-face {
  font-family: "BuenosAires";
  src:
    local("BuenosAires"),
    url("https://fb6286074e2545413d73-8f0456bc141375d26d66e258b7e586d2.ssl.cf3.rackcdn.com/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Regular_gdi.woff");
}

@font-face {
  font-family: "BuenosAires";
  src:
    local("BuenosAires"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Light_gdi.woff2")
      format("woff2"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Light_gdi.woff")
      format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "BuenosAires";
  src:
    local("BuenosAires"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Regular_gdi.woff2")
      format("woff2"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Regular_gdi.woff")
      format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "BuenosAires";
  src:
    local("BuenosAires"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Bold_gdi.woff2")
      format("woff2"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-Bold_gdi.woff")
      format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "BuenosAires";
  src:
    local("BuenosAires"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-LightItalic_gdi.woff2")
      format("woff2"),
    url("https://d1plawd8huk6hh.cloudfront.net/css-responsive2/fonts/BuenosAires/BuenosAiresWeb1-LightItalic_gdi.woff")
      format("woff");
  font-style: italic;
  font-weight: normal;
  font-display: swap;
}