:root {
  /* Colors */
  --UI-background: #f4f7f9;
  --primary-1: #1665e3;
  --primary-2: #001b38;
  --primary-3: #04b1a7;
  --primary-link-color: #166bc8;
  --active-link-color: var(--primary-1);
  --passive-link-color: var(--primary-2);
  --active-link-line: none;
  --active-link-line-offset: 0px;

  --primary-1-50: rgba(22, 101, 227, 0.5);
  --primary-2-50: rgba(0, 27, 56, 0.5);
  --primary-3-50: rgba(4, 177, 167, 0.5);
  --primary-link-color-50: rgba(22, 107, 200, 0.5);

  --loader-gradient: linear-gradient(var(--primary-1) 0 0),
    linear-gradient(var(--primary-1) 0 0), none;

  --search-button-color: #ff9900;

  --primary-btn-hover-color: hsl(217, 82%, 45%);
  --secondary-btn-hover-color: hsl(207, 24%, 89%);
  --search-button-hover-color: hsl(36, 100%, 46%);

  --ui-1: #ffffff;
  --ui-2: #f0f3f5;
  --ui-3: #e8edf1;
  --ui-4: #bac7d5;
  --ui-5: #4f5e71;
  --ui-6: #252a31;
  --text-2: #494f59;
  --text-3: #929598;
  --text-4: #9ba8b0;

  --success: #2eff8e;
  --error: #d21c1c;
  --warning: #ffd600;

  /* Toasts */
  --toastify-color-light: #ffffff;
  --toastify-color-dark: #001b38 !important;
  --toastify-color-info: var(--primary-1) !important;
  --toastify-color-success: var(--success) !important;
  --toastify-color-warning: var(--warning) !important;
  --toastify-color-error: #d21c1c !important;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-font-family: "Proxima Nova-Regular" !important;

  /* Fonts */
  --font-regular: sans-serif;
  --font-medium: sans-serif;
  --font-semibold: sans-serif;
  --font-bold: sans-serif;

  --regular-w: 400;
  --medium-w: 500;
  --semibold-w: 600;
  --bold-w: 700;

  --fmob-size-40px: 2.5rem;
  --fmob-size-32px: 2rem;
  --fmob-size-28px: 1.75rem;
  --fmob-size-26px: 1.625rem;
  --fmob-size-24px: 1.5rem;
  --fmob-size-20px: 1.25rem;
  --fmob-size-18px: 1.125rem;
  --fmob-size-16px: 1rem;
  --fmob-size-14px: 0.875rem;
  --fmob-size-12px: 0.75rem;
  --fmob-size-10px: 0.625rem;

  --f-size-40px: 2.5rem;
  --f-size-32px: 2rem;
  --f-size-28px: 1.75rem;
  --f-size-24px: 1.5rem;
  --f-size-26px: 1.625rem;
  --f-size-20px: 1.25rem;
  --f-size-18px: 1.125rem;
  --f-size-16px: 1rem;
  --f-size-14px: 0.875rem;
  --f-size-12px: 0.75rem;
  --f-size-10px: 0.625rem;

  --font-style: normal;
  --line-height: normal;

  --modal-anim-time: 400ms;
  --backdrop-anim-time: 200ms;

  --main-page-side-pad-relative: 3%;
  --main-page-content-max-width: 1440px;
  --main-page-inner-max-width: 1236px;
  --main-page-side-pad: 6.37rem;

  --zindex-low: 300;
  --zindex-medium-low: 600;
  --zindex-medium: 700;
  --zindex-high: 850;
  --zindex-highest: 1000;
  /* --scroll-bar-color: #e8edf179; */

  --rt-transition-show-delay: 0.3s !important;
  --rt-transition-closing-delay: 0.3s !important;

  --corner-sm: 3px;
  --corner-md: 5px;
  --corner-lg: 7px;
  --corner-xl: 10px;

  --checkbox-corner: 3px;
  --checkbox-accent-color: var(--primary-1);
  --checkbox-mark-thickness: 2;
  --radio-border: 1px var(--ui-4) solid;
  --radio-accent-bg: var(--primary-1);
  --radio-accent-border: 1px #fff solid;
  --radio-accent-inner: var(--primary-1);

  --sort-tag-best: #367cff;
  --sort-tag-cheap: #00a991;
  --nav-bar-color: #ffffff;
  --nav-bar-shadow: 0rem 0.25rem 0.25rem -0.125rem rgba(37, 42, 49, 0.12);
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
/***FOR DEBUGGING***/
/* *{
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
} */
/******************/
body,
html {
  margin: 0 auto;
  padding: 0;
  font-family: sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--UI-background);
  color: var(--primary-2);
  min-width: 320px;
}
html .mobile,
body .mobile {
  background-color: #fff;
}
html[class*="noscroll"] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: hidden;
}
html[class*="noscroll"]::-webkit-scrollbar {
  display: none;
}
a {
  text-decoration: none;
  color: var(--primary-2);
  transition: all 0.15s;
}
a:active {
  color: var(--primary-link-color);
}
a:hover {
  color: var(--primary-link-color);
  transition: all 0.15s;
}
button {
  cursor: pointer;
}
textarea:focus,
input:focus,
select:focus {
  outline: none;
}
a:focus-visible {
  outline: none;
  border-bottom: black 2px dotted;
  padding-bottom: 1px;
  background-color: var(--ui-4);
  color: var(--primary-2) !important;
}
button:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
  outline: 3px black solid !important;
}
/** Breakpoints for padding change **/
@media only screen and (min-width: 1440px) {
  body {
    align-items: center;
  }
  .padded-view {
    max-width: var(--main-page-content-max-width);
  }
  main#search-results-page.desktop.hotels.map-expanded .results-content .padded-view {
    padding: 0 1rem;
    max-width: calc(1440px + 6.37rem * 2);
  }
}
/** Root React content **/
div#root {
  width: inherit;
  overflow-x: clip;
  position: relative;
  /* padding-left: calc((100vw - 17px - 100%) / -2); */
}
.mob div#root {
  padding-left: 0;
}
div#root-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
/** HOME PAGE **/
main#tickets-home-page.desktop {
  display: flex;
  flex-direction: column;
}
main#tickets-home-page.mobile {
  padding: 2.5rem 0 0;
}
main#tickets-home-page.desktop .home-content .padded-view {
  padding: 0 var(--main-page-side-pad);
  margin: auto;
}
main#tickets-home-page.mobile .home-content {
  padding: 0 1rem;
}
main#tickets-home-page .home-content.white {
  background-color: var(--ui-1);
}
main#tickets-home-page .home-content.off-white {
  border-top: 1px solid var(--ui-3);
  background-color: var(--UI-background);
}
main#tickets-home-page .home-content > section {
  margin-bottom: 3.75rem;
}
main#tickets-home-page .home-content > section#search-form-section .padded-view {
  padding: 4.25rem var(--main-page-side-pad);
  margin: auto;
}
/** RESULTS PAGE **/
main#search-results-page {
  display: flex;
  flex-direction: column;
}
section#search-form-section {
  margin: auto;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  background-image: none;
}
.desktop section.results-header {
  position: sticky;
}
main#search-results-page section.results-content {
  background-color: var(--UI-background);
  min-height: 100vh;
  position: relative;
}
.desktop section.results-header .padded-view,
.desktop section.results-content .padded-view {
  padding: 0 var(--main-page-side-pad);
  margin: auto;
}
.desktop section.results-content .padded-view {
  display: grid;
  grid:
    "left-panel sorting right-panel" auto
    "left-panel baggage right-panel" auto
    "left-panel results right-panel" 1fr
    / 1fr 2.92fr 1fr;
  gap: 0 1.25rem;
}
.left-panel,
.right-panel,
.results {
  display: flex;
  flex-direction: column;
}
.left-panel {
  position: sticky;
  grid-area: left-panel;
  justify-content: flex-start;
  padding-bottom: 1rem;
}
.sorting {
  grid-area: sorting;
  background-color: var(--ui-1);
  display: flex;
  flex-direction: row;
}
.right-panel {
  grid-area: right-panel;
  row-gap: 1.25rem;
  max-height: 22.4375rem;
}
.baggage {
  grid-area: baggage;
  background-color: var(--ui-1);
}
.results {
  grid-area: results;
  row-gap: 1rem;
  padding-bottom: 1rem;
}
.desktop section.results-content {
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.mobile section.results-content {
  padding: 1.125rem 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  min-height: 100vh;
}
/** BOOKING PAGE **/
main#booking-cancelled-page,
main#order-complete-page,
main#order-completion-error-page,
main#booking-page {
  background-color: var(--UI-background);
  min-height: 100vh;
  padding: 0;
}
main#booking-page.desktop {
  display: grid;
  grid-template-columns:
    minmax(var(--main-page-side-pad), 1fr)
    minmax(auto, var(--main-page-inner-max-width))
    minmax(var(--main-page-side-pad), 1fr);
  grid-template-rows: auto 1fr;
  align-items: center;
}
main#booking-page.mobile {
  display: flex;
  flex-direction: column;
}
main#booking-page.desktop .booking-logo {
  display: flex;
  align-items: center;
}
main#booking-page.desktop .booking-logo img {
  width: 5.4375rem;
  margin-right: 1.5625rem;
}
main#booking-page.desktop .booking-summary {
  grid-column: 2;
  margin-top: 6.125rem;
}
main#booking-page.desktop .booking-content {
  grid-area: 2 / 2;
  align-self: normal;
}
main#booking-page.mobile .booking-content {
  position: relative;
}
section#unknown-error-occured.body,
section#page-not-found.body {
  text-align: center;
  padding: 5rem var(--main-page-side-pad) 7rem;
  /* height: 100vh; */
}
section#unknown-error-occured.body > *,
section#page-not-found.body > * {
  margin: 0 auto;
}
section#unknown-error-occured.body h1,
section#page-not-found.body h1 {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 2.75rem;
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  color: var(--ui-4);
}
section#unknown-error-occured.body p,
section#page-not-found.body p {
  font-size: 1.2rem;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  display: flex;
  flex-direction: column;
  text-align: center;
  row-gap: 0.5rem;
  margin: 1rem 0 1.5rem;
}
section#unknown-error-occured.body.mob {
  padding: 3rem 1rem 4.5rem;
  text-align: center;
}
section#page-not-found.body.mob {
  padding: 3rem 1rem 4.5rem;
  text-align: center;
}
section#page-not-found.body.mob h1,
section#unknown-error-occured.body.mob h1 {
  font-size: 2.25rem;
}
section#page-not-found.body.mob p,
section#unknown-error-occured.body.mob p {
  font-size: 1.1rem;
  row-gap: 1rem;
}
main#booking-cancelled-page .order-container,
main#order-completion-error-page .order-container,
main#order-complete-page .order-container {
  position: relative;
  top: 2rem;
  padding: 2.5rem;
  margin: auto;
  max-width: 30rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  background-color: var(--ui-1);
  border-radius: var(--corner-xl);
  box-shadow: var(--booking-card-shadow);
  text-align: center;
}
main#booking-cancelled-page.mobile,
main#order-completion-error-page.mobile,
main#order-complete-page.mobile {
  padding: 1rem;
}
main#booking-cancelled-page.mobile .order-container,
main#order-completion-error-page.mobile .order-container,
main#order-complete-page.mobile .order-container {
  padding: 2rem 1.5rem;
  line-break: loose;
}
main#booking-cancelled-page .order-container > h1,
main#order-completion-error-page .order-container > h1,
main#order-complete-page .order-container > h1 {
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  font-size: var(--f-size-20px);
  color: #00a991;
  margin-bottom: 1rem;
}
main#booking-cancelled-page .order-container > h1 {
  color: var(--primary-2);
}
main#order-completion-error-page .order-container > h1 {
  color: var(--error);
}
main#booking-cancelled-page .order-container > h2,
main#order-completion-error-page .order-container > h2,
main#order-complete-page .order-container > h2 {
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--f-size-18px);
  margin-bottom: 0.5rem;
}
main#booking-cancelled-page.mobile .order-container > h2,
main#order-completion-error-page.mobile .order-container > h2,
main#order-complete-page.mobile .order-container > h2 {
  font-size: var(--f-size-16px);
}
main#booking-cancelled-page .order-container > h2 span,
main#order-completion-error-page .order-container > h2 span,
main#order-complete-page .order-container > h2 span {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  line-break: normal;
}
main#order-complete-page .order-container pre {
  padding: 2rem 0;
}
main#order-complete-page .order-container > h2 + p {
  margin-bottom: 1.75rem;
}
main#booking-cancelled-page .order-container > h2 + p,
main#order-completion-error-page .order-container > h2 + p {
  margin-top: 1.25rem;
}
.info-body {
  background-color: #fff;
}
main#info-pages-container {
  width: 100%;
  background-color: var(--ui-1);
}
main#info-pages-container.desktop .padded-view {
  padding: 3.75rem var(--main-page-side-pad) 6.5rem;
  margin: auto;
}
main#info-pages-container.mobile {
  width: 100%;
  padding: 2rem 1rem 3.5rem;
}
#info-pages-bottom-graphic {
  position: relative;
  height: 20.93rem;
  margin: 0 -1rem;
  overflow: hidden;
}
#info-pages-bottom-graphic .graphic-container {
  position: absolute;
  width: 100%;
}
#info-pages-bottom-graphic.mobile .graphic-container {
  position: absolute;
  bottom: -5%;
  width: 100%;
}
#info-pages-bottom-graphic.mobile .graphic-container svg {
  position: absolute;
  bottom: 0;
  height: 20rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #info-pages-bottom-graphic .graphic-container svg {
    bottom: 0;
    width: 100%;
    transform: scale(1.5) translateY(2rem);
  }
}
@media screen and (min-width: 2200px) {
  #info-pages-bottom-graphic {
    height: 25rem;
  }

  #info-pages-bottom-graphic .graphic-container svg {
    bottom: 0;
    width: 100%;
  }
}
main#booking-page section.booking-content-loading {
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr;
}
main#booking-page section.booking-content-loading .main-panel {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
  width: 100%;
  padding-top: 1.5rem;
}
main#booking-page.mobile section.booking-content-loading {
  display: unset;
}
main#booking-page section.booking-content-loading .main-panel > .main-panel-item {
  height: 14.93rem;
  background-color: var(--ui-1);
  border: var(--booking-border);
  border-radius: var(--corner-xl);
  color: var(--primary-2);
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 1.875rem;
}
main#booking-page.mobile section.booking-content-loading .main-panel > .main-panel-item {
  border-radius: 0;
}
main#booking-page section.booking-content-loading .side-panel {
  margin-top: 1.5rem;
  grid-column: 2;
  grid-row: 1 / span 2;
  max-width: 21.56rem;
  min-width: 21.56rem;
  overflow-y: clip;
  position: relative;
  background-color: var(--ui-1);
  border: var(--booking-border);
  border-radius: var(--corner-xl);
  color: var(--primary-2);
  height: 27rem;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@keyframes loadingGradient {
  0% {
    background-position-x: 20%;
  }
  100% {
    background-position-x: -150%;
  }
}
main#booking-page section.booking-content-loading .main-panel > .main-panel-item > div,
main#booking-page section.booking-content-loading .side-panel > div {
  border-radius: 0.25rem;

  background: var(--ui-1);
  background: linear-gradient(
    250deg,
    rgba(233, 238, 242, 0.25) 0%,
    rgba(235, 238, 240, 0.75) 50%,
    rgba(233, 238, 242, 0.25) 100%
  );
  background-size: 250% 100%;
  animation: loadingGradient 1s linear infinite;
  -webkit-animation: loadingGradient 1s linear infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
section#unknown-error-occured svg {
  height: 100%;
  width: auto;
}
.overlay-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.overlay-link:focus-visible {
  outline: none;
}
.focus-container:has([data-focus-trigger]:focus) {
  outline: 1px solid var(--primary-1);
}
/* HOTEL CSS */
.hotel-header::before {
  filter: hue-rotate(75deg) saturate(0.88);
}
.hotel-header div#search-form-backdrop-shadow {
  filter: hue-rotate(75deg) saturate(0.88) brightness(0.9);
}
header#main-app-top-nav:has(+ main > section.hotel-header) {
  box-shadow: none !important;
  background-color: transparent !important;
}
header#main-app-top-nav:has(+ main > section.hotel-header) {
  & nav:last-child {
    & button:nth-child(3) {
      background-color: #db4cad !important;
      &:hover {
        background-color: #8a2e6d !important;
      }
    }
  }
}
main#search-results-page.desktop.hotels {
  section.results-content {
    .padded-view {
      grid:
        "left-panel sorting right-panel" auto
        "left-panel baggage right-panel" auto
        "left-panel results right-panel" 1fr
        / 15rem 3.33fr 1fr;
      transition:
        max-width 0.3s ease-out,
        padding 0.3s ease-out,
        grid 0.3s ease-in;

      .right-panel {
        max-height: 15rem;
        transition: all 0.3s ease-in;

        position: sticky;
        top: 7.25rem;

        &.expanded {
          max-height: calc(100vh - 12.25rem);
        }
      }
    }
  }

  &.map-expanded section.results-content {
    .padded-view {
      padding: 0 1rem;
      grid:
        "left-panel sorting right-panel" auto
        "left-panel baggage right-panel" auto
        "left-panel results right-panel" 1fr
        / 15rem 2fr 2.33fr;
      transition:
        max-width 0.3s ease-in,
        padding 0.3s ease-in,
        grid 0.3s ease-out;

      .sorting {
        visibility: hidden;
        display: none;
      }
    }
  }
}
#hotel-results-loading-status {
  font-size: 13px;
  width: 100%;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fcfcfe;
  box-shadow: var(--booking-card-shadow);
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  overflow-y: hidden;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map */:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}._dotPulse_zc8lc_1 {
  display: inline-flex;
  column-gap: 0.375rem;
  width: max-content;
}
._dotPulse_zc8lc_1 > span {
  width: 0.5rem;
  max-width: 0.5rem;
  height: 0.5rem;
  background-color: var(--ui-4);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: _sk-bouncedelay_zc8lc_1 1.4s infinite ease-in-out both;
  animation: _sk-bouncedelay_zc8lc_1 1.4s infinite ease-in-out both;
}
._dotPulse_zc8lc_1 ._bounce1_zc8lc_31 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
._dotPulse_zc8lc_1 ._bounce2_zc8lc_39 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes _sk-bouncedelay_zc8lc_1 {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes _sk-bouncedelay_zc8lc_1 {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
._loading_1uofe_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem;
}
._mobile_1uofe_13._loading_1uofe_1 {
  display: flex;
  flex-direction: column;
  padding: 1.875rem 1rem;
  background-color: var(--ui-1);
}
._mobile_1uofe_13._loading_1uofe_1 h2 {
  align-self: flex-start;
}

._desktop_1uofe_33._container_1uofe_33 {
  display: flex;
  flex-direction: column;
  padding: 1.875rem 1.875rem 2.5rem;
}
._desktop_1uofe_33 ._paymentTypes_1uofe_43 {
  display: flex;
  flex-direction: column;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--f-size-16px);
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(241, 244, 247, 1);
}
._desktop_1uofe_33 ._paymentType_1uofe_43 {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
}
._desktop_1uofe_33 ._paymentType_1uofe_43 + ._paymentType_1uofe_43 {
  border-top: 1px var(--ui-3) solid;
}
._desktop_1uofe_33 ._paymentType_1uofe_43:hover {
  background-color: #f6f7f9;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
}
._desktop_1uofe_33 ._paymentType_1uofe_43 ._details_1uofe_93 {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}
._desktop_1uofe_33 ._paymentType_1uofe_43 ._details_1uofe_93 ._icon_1uofe_103,
._desktop_1uofe_33 ._selectedType_1uofe_105 ._header_1uofe_105 ._icon_1uofe_103 {
  background-color: #fff;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 1.875rem;
  flex-shrink: 0;
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
}

._desktop_1uofe_33 ._selectedType_1uofe_105 ._header_1uofe_105 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--f-size-16px);
  box-shadow: 0rem 0.0625rem 0.125rem 0rem rgba(241, 244, 247, 1);
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._header_1uofe_105 > *:first-of-type {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._header_1uofe_105 ._changeBtn_1uofe_165 {
  border: none;
  padding: 0;
  background: none;
  color: var(--primary-1);
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--f-size-16px);
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._subtypes_1uofe_183 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.625rem;
  padding: 0 4.25rem;
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197 {
  width: 7.5rem;
  height: 3.75rem;
  background-color: rgba(244, 247, 248, 0.5);
  outline: 1px solid var(--ui-3);
  border-radius: var(--corner-md);
  cursor: pointer;
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._slot_1uofe_213 {
  width: 7.5rem;
  /* visibility: collapse; */
  height: 0;
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197._active_1uofe_223 {
  outline-color: var(--primary-1);
  outline-width: 2px;
}
._desktop_1uofe_33 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197 ._icon_1uofe_103 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

._desktop_1uofe_33 ._note_1uofe_249 {
  display: inline-flex;
  align-items: baseline;
  column-gap: 0.5rem;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--f-size-14px);
}

._terms_1uofe_267 {
  display: flex;
}
._terms_1uofe_267 svg {
  flex-shrink: 0;
  margin-right: 0.5rem;
}

._desktop_1uofe_33 ._terms_1uofe_267,
._desktop_1uofe_33 ._dealsOptOut_1uofe_285 {
  padding: 0.875rem 1.25rem;
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
}
._desktop_1uofe_33 ._terms_1uofe_267 {
  margin-bottom: 1rem;
  margin-top: 1.25rem;
}

span._text_1uofe_305 b {
  color: var(--primary-2);
  font-style: normal;
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  font-size: calc(var(--fmob-size-12px) + 2px);
}

._desktop_1uofe_33 div._terms_1uofe_267 span._text_1uofe_305,
._desktop_1uofe_33 div._dealsOptOut_1uofe_285 span._text_1uofe_305 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-14px);
  line-height: 1.125rem;
}

._lockIcon_1uofe_337 {
  flex-shrink: 0;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--primary-tint-dark);
}

/* MOBILE CSS */
._mobile_1uofe_13._container_1uofe_33 {
  display: flex;
  flex-direction: column;
  padding: 1.875rem 1rem;
  background-color: var(--ui-1);
}
._mobile_1uofe_13 h2 {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--fmob-size-20px);
  padding-bottom: 1.25rem;
}
._mobile_1uofe_13 ._paymentTypes_1uofe_43 {
  display: flex;
  flex-direction: column;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--fmob-size-16px);
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
  box-shadow: 0rem 0rem 0.125rem 0rem rgba(79, 94, 113, 0.12),
    0rem 0.125rem 0.25rem 0rem rgba(79, 94, 113, 0.11),
    0rem 0.25rem 0.5rem 0rem rgba(79, 94, 113, 0.1);
}
._mobile_1uofe_13 ._paymentType_1uofe_43 {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 1rem;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
}
._mobile_1uofe_13 ._paymentType_1uofe_43 + ._paymentType_1uofe_43 {
  border-top: 1px var(--ui-3) solid;
}
._mobile_1uofe_13 ._paymentType_1uofe_43:hover {
  background-color: #f6f7f9;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
}
._mobile_1uofe_13 ._paymentType_1uofe_43 ._details_1uofe_93 {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}

._mobile_1uofe_13 ._paymentType_1uofe_43 ._details_1uofe_93 ._icon_1uofe_103,
._mobile_1uofe_13 ._selectedType_1uofe_105 ._header_1uofe_105 ._icon_1uofe_103 {
  background-color: #fff;
  display: grid;
  align-items: center;
  justify-content: center;
  width: 2.375rem;
  height: 1.875rem;
  flex-shrink: 0;
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
}

._mobile_1uofe_13 ._selectedType_1uofe_105 ._header_1uofe_105 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1.25rem;
  border: 1px var(--ui-3) solid;
  border-radius: var(--corner-sm);
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--fmob-size-16px);
  box-shadow: 0rem 0rem 0.125rem 0rem rgba(79, 94, 113, 0.12),
    0rem 0.125rem 0.25rem 0rem rgba(79, 94, 113, 0.11),
    0rem 0.25rem 0.5rem 0rem rgba(79, 94, 113, 0.1);
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._header_1uofe_105 > *:first-of-type {
  display: flex;
  align-items: center;
  column-gap: 0.625rem;
}
._mobile_1uofe_13 ._paymentType_1uofe_43 ._details_1uofe_93 ._icon_1uofe_103 + div,
._mobile_1uofe_13 ._selectedType_1uofe_105 ._header_1uofe_105 ._icon_1uofe_103 + span {
  line-break: anywhere;
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._header_1uofe_105 ._changeBtn_1uofe_165 {
  border: none;
  padding: 0;
  background: none;
  color: var(--primary-1);
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  font-size: var(--fmob-size-16px);
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._subtypes_1uofe_183 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 4.375rem;
  background-color: rgba(244, 247, 248, 0.5);
  outline: 1px solid var(--ui-3);
  border-radius: var(--corner-md);
  cursor: pointer;
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197._active_1uofe_223 {
  outline-color: var(--primary-1);
  outline-width: 2px;
}
._mobile_1uofe_13 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197 ._icon_1uofe_103 {
  width: 70%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}

._mobile_1uofe_13 ._note_1uofe_249 {
  display: inline-flex;
  align-items: baseline;
  column-gap: 0.5rem;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  font-size: var(--fmob-size-14px);
}
._mobile_1uofe_13 ._terms_1uofe_267 {
  margin-bottom: 1rem;
  margin-top: 1.25rem;
  border-radius: var(--corner-md);
  background-color: var(--ui-2);
  padding: 0.75rem;
  border: 1px solid var(--ui-4);
}

._mobile_1uofe_13 ._terms_1uofe_267 > div,
._mobile_1uofe_13 ._dealsOptOut_1uofe_285 > div {
  column-gap: 0.625rem;
}

._mobile_1uofe_13 div._terms_1uofe_267 span._text_1uofe_305,
._mobile_1uofe_13 div._dealsOptOut_1uofe_285 span._text_1uofe_305 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--fmob-size-14px);
  line-height: 1.125rem;
}

._mobile_1uofe_13 ._selectedType_1uofe_105 ._paymentVendor_1uofe_197 ._icon_1uofe_103 img {
  max-width: 7.5rem;
  max-height: 100%;
  height: auto;
  width: auto;
}

._paymentTypes_1uofe_43._warn_1uofe_673 {
  border-color: #d21c1c;
}

button._docbtn_1uofe_681 {
  background: none;
  border: none;
  padding: 0;
}
._desktop_1uofe_33 button._docbtn_1uofe_681 b,
._mobile_1uofe_13 button._docbtn_1uofe_681 b {
  text-decoration: underline solid var(--primary-2) 1px;
  text-underline-offset: 1px;
}

._transfer_1uofe_703,
._cash_1uofe_705 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: 0.9375rem;
}

._transfer_1uofe_703 h3,
._cash_1uofe_705 h3 {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--f-size-18px);
  margin-bottom: 0.25rem;
}

._transfer_1uofe_703 ul,
._cash_1uofe_705 ul {
  margin-left: 1.75rem;
  list-style: disc;
  line-height: normal;
  padding-bottom: 1rem;
}

._transfer_1uofe_703 li + li,
._cash_1uofe_705 li + li {
  margin-top: 0.25rem;
}

._transfer_1uofe_703 ._smb_1uofe_759,
._cash_1uofe_705 ._smb_1uofe_759 {
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
}

._paymentTypeNote_1uofe_771 {
  font-size: 13px;
  color: var(--text-4);
}
._selectedType_1uofe_105._desktop_1uofe_33 ._name_1uofe_779 > span,
._details_1uofe_93._desktop_1uofe_33 ._name_1uofe_779 > span {
  margin-right: 0.5rem;
}
._selectedType_1uofe_105._mobile_1uofe_13 ._name_1uofe_779,
._details_1uofe_93._mobile_1uofe_13 ._name_1uofe_779 {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
/* TOP INFORMATION LINE CSS */
._information_azbpp_3 {
  border: 1px var(--tinted-border-color) solid;
  border-left: 0.335rem solid var(--primary-1) !important;
  border-radius: var(--corner-md);
  display: flex;
  column-gap: 0.625rem;
  background-color: var(--primary-tint-darker);
}
._information_azbpp_3 svg {
  flex-shrink: 0;
}

._desktop_azbpp_27._information_azbpp_3 {
  padding: 1rem 1.43rem;
  align-items: flex-start;
}
._desktop_azbpp_27._information_azbpp_3 span {
  font-size: 0.9375rem;
  line-height: 1.2rem;
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
  color: var(--primary-2);
}
._information_azbpp_3 span b {
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
}
/* TOP INFORMATION LINE CSS -- END */

/* TOP INFORMATION LINE CSS */
._mobile_azbpp_63._information_azbpp_3 {
  padding: 0.75rem 1rem;
  align-items: flex-start;
  /* margin-bottom: 1.25rem; */
}
._mobile_azbpp_63._information_azbpp_3 span {
  font-size: 0.9375rem;
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  color: var(--primary-2);
  line-height: 1.125rem;
}
/* TOP INFORMATION LINE CSS -- END */

._warning_azbpp_91 {
  border-color: #f5ebc1;
  border-left: 0.335rem solid var(--warning) !important;
  border-radius: var(--corner-md);
  display: flex;
  column-gap: 0.625rem;
  background-color: #fff7d1;
}

._notice_azbpp_109 {
  border-color: var(--ui-4);
  border-left: 0.335rem solid var(--ui-4) !important;
  border-radius: var(--corner-md);
  display: flex;
  column-gap: 0.625rem;
  background-color: var(--ui-2);
}
._container_1mii6_1 {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  grid-column-start: span 2;
}

._checkbox_1mii6_21 {
  align-items: center;
  column-gap: 0.5rem;
  cursor: pointer;
  color: var(--primary-2);
  font-family: var(--font-regular);
  font-size: calc(var(--fmob-size-12px) + 2px);
  font-weight: var(--regular-w);
}
._checkbox_1mii6_21._noTextClick_1mii6_39 {
  cursor: default;
}

._desktop_1mii6_47._checkbox_1mii6_21 {
}

._checkbox_1mii6_21 b {
  color: var(--primary-2);
  font-style: normal;
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  font-size: calc(var(--fmob-size-12px) + 2px);
}

._checkbox_1mii6_21 input[type="checkbox"] {
  flex-shrink: 0;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  background-color: var(--ui-1);
  border-radius: var(--checkbox-corner);
  border: 1px solid var(--ui-4);
  outline: none;
}

._checkbox_1mii6_21 input[type="checkbox"]:checked {
  background-color: var(--primary-1);
  border-color: var(--primary-1);
}

._desktop_1mii6_47._checkbox_1mii6_21 input[type="checkbox"] {
  background-color: var(--primary-1);
  border-color: var(--ui-1);
}
._desktop_1mii6_47._checkbox_1mii6_21 input[type="checkbox"]:checked {
  background-color: var(--ui-1);
}

._checkbox_1mii6_21 ._checked_1mii6_123 {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

._desktop_1mii6_47._checkbox_1mii6_21 ._checked_1mii6_123 svg {
  position: absolute;
  margin-bottom: 2px;
}

._checkbox_1mii6_21 ._checked_1mii6_123 svg {
  position: absolute;
  margin-bottom: 2px;
  scale: 1.25;
}
._container_wosyf_1 {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

._radio_wosyf_19 {
  align-items: center;
  column-gap: 0.75rem;
  color: var(--primary-2);
  cursor: pointer;
}

._desktop_wosyf_33._radio_wosyf_19 {
  column-gap: 0.625rem;
}

._radio_wosyf_19 input[type="radio"] {
  flex-shrink: 0;
  justify-content: center;
  appearance: none;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  cursor: pointer;
  border: 0.0625rem var(--ui-4) solid;
  border-radius: 50%;
  outline: none;
  background-color: var(--ui-1);
}

._radio_wosyf_19 input[type="radio"]:checked {
  background-color: var(--primary-1);
  border: none;
  position: relative;
}

._radio_wosyf_19 input[type="radio"]:checked:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: var(--ui-1);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}.button {
  padding: 0.8125rem 1rem; /*13px & 16px*/
  border: none;
  border-radius: var(--corner-md);
  cursor: pointer;
  text-align: center;
  word-break: keep-all;
  font-family: var(--font-bold);
  font-size: var(--fmob-size-16px);
  font-weight: var(--bold-w);
  color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
  transition: all 0.15s;
  min-width: fit-content;
}

.button.primary {
  background-color: var(--primary-1);
}

.button.secondary {
  color: var(--primary-2);
  background-color: var(--ui-3);
}

.button.ternary {
  background-color: var(--primary-3);
}

.button.wide {
  width: 100%;
}

.button.disabled {
  background-color: var(--ui-3);
  color: var(--ui-4);
  cursor: default;
}

.button.shadow {
  box-shadow: 0px 4px 8px 0px rgba(37, 42, 49, 0.16);
}

.button.hover:hover.primary {
  background-color: var(--primary-btn-hover-color);
  transition: all 0.15s;
}

.button.hover:hover.secondary {
  background-color: var(--secondary-btn-hover-color);
  transition: all 0.15s;
}

.button.hover:hover.disabled {
  background-color: var(--ui-3);
  color: var(--ui-4);
  transition: all 0.15s;
}

.roundCornerSm {
  border-radius: var(--corner-sm);
}

.roundCornerMd {
  border-radius: var(--corner-md);
}

.roundCornerLg {
  border-radius: var(--corner-lg);
}
._indicatorGroup_1932c_1 {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}

._indicator_1932c_1 {
  border-radius: 50%;
  border-style: solid;
  border-color: var(--ui-4);
  border-width: 0.0625rem;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
}

._indicator_1932c_1._active_1932c_33 {
  background: var(--primary-2);
  border-color: var(--primary-2);
  border-radius: 50%;
  flex-shrink: 0;
}
._container_1flr3_1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

section._mobile_1flr3_15 {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  flex-direction: column;
  row-gap: 0.5rem;
  margin: 0 auto 3.75rem;
}

section._desktop_1flr3_35 {
  margin-top: 4.375rem;
  display: block;
}

._saleImage_1flr3_45 img {
  border-radius: var(--corner-md);
  height: 13.75rem;
  width: 100%;
}

._mobile_1flr3_15 ._saleImage_1flr3_45,
._mobile_1flr3_15 ._saleImage_1flr3_45 li,
._mobile_1flr3_15 img[data-src],
._mobile_1flr3_15 ._saleImage_1flr3_45 a {
  width: 20.5rem;
  display: block;
}
._mobile_1flr3_15 ._saleImage_1flr3_45 img {
  width: 100%;
}

._saleImageGroup_1flr3_79 {
  column-gap: 1rem;
  width: 100%;
}

._saleImageGroup_1flr3_79 img {
  width: 100%;
  max-width: 25rem;
  max-height: 14.375rem;
  height: auto;
  border-radius: var(--corner-xl);
}

@keyframes _loadingGradient_1flr3_1 {
  0% {
    background-position-x: 20%;
  }
  100% {
    background-position-x: -150%;
  }
}

._imgError_1flr3_123 {
  border-radius: var(--corner-xl);
  height: 12rem;
  width: 20.5rem;
  background-color: var(--ui-3);
  display: flex;
  justify-content: center;
  align-items: center;
}
._imgError_1flr3_123 ._frame_1flr3_141 {
  width: 40%;
  opacity: 0.2;
}

._imgError_1flr3_123,
._imgError_1flr3_123 ._frame_1flr3_141 {
  background: var(--ui-1);
  background: linear-gradient(
    250deg,
    rgba(233, 238, 242, 0.35) 0%,
    rgba(235, 238, 240, 0.85) 50%,
    rgba(233, 238, 242, 0.35) 100%
  );
  background-size: 250% 100%;
  animation: _loadingGradient_1flr3_1 1s linear infinite;
  -webkit-animation: _loadingGradient_1flr3_1 1s linear infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
._desktop_nrzzk_1._deals_nrzzk_1 {
  margin: 6rem auto;
}
._mobile_nrzzk_7._deals_nrzzk_1 {
  margin-bottom: 1rem !important;
}
._imgError_nrzzk_13 {
  height: 100%;
  background-color: var(--ui-3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
._imgError_nrzzk_13 + div p,
._imgError_nrzzk_13 + div h2 {
  color: var(--ui-5);
}
._imgError_nrzzk_13 ._frame_nrzzk_37 {
  width: 50%;
  opacity: 0.5;
}

._deals_nrzzk_1 h2 {
  font-family: var(--font-bold);
  font-size: 1.375rem;
  font-weight: var(--bold-w);
  margin: 0 auto 1.25rem;
  text-align: center;
}

._deals_nrzzk_1 p._desc_nrzzk_63 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  font-weight: var(--regular-w);
  margin-bottom: 1.5625rem;
  text-align: center;
  width: 95%;
  line-height: 1.125rem;
}

._desktop_nrzzk_1 ._filterGroup_nrzzk_83 {
  justify-content: center;
}
._filterGroup_nrzzk_83 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-14px);
  font-weight: var(--semibold-w);
  align-self: stretch;
  display: flex;
  flex-direction: row;
  overflow-y: scroll;
  padding: 0.5rem 0 1.25rem 1rem;
  column-gap: 0.5rem;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
  margin: 0 -1rem;
}

._filterGroup_nrzzk_83::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
._filterGroup_nrzzk_83 > button:last-of-type {
  margin-right: 1rem;
}

._filterGroup_nrzzk_83 button {
  text-wrap: nowrap;
  white-space: nowrap;
  height: 2.75rem;
}

._filterButtonFont_nrzzk_145 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-16px);
  font-weight: var(--semibold-w);
}
._desktop_nrzzk_1 ._filterButtonFont_nrzzk_145 {
  background-color: var(--ui-1);
  border: 1px solid var(--ui-3);
  height: fit-content;
}
._desktop_nrzzk_1 ._filterButtonFont_nrzzk_145._active_nrzzk_165 {
  background-color: var(--primary-3);
  border: 1px solid var(--primary-3);
}
._mobile_nrzzk_7 ._dealsList_nrzzk_173 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.25rem;
}
._desktop_nrzzk_1 ._dealsList_nrzzk_173 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.75rem;
}

._dealsList_nrzzk_173 li {
  aspect-ratio: 1;
  transition: scale 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
._dealsList_nrzzk_173 li:has([data-focus-trigger]:focus) {
  scale: 1.03;
}
._dealsList_nrzzk_173 li ._item_nrzzk_215 {
  position: relative;
  display: block;
  height: 100%;
}

._dealsList_nrzzk_173 img {
  border-radius: var(--corner-md);
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.85);
}

._destination_nrzzk_243 h3,
._destination_nrzzk_243 p {
  position: absolute;
  left: 10%;
  bottom: 12%;
  color: var(--ui-1);
}

._destination_nrzzk_243 h3 {
  padding-bottom: 8%;
  font-family: var(--font-bold);
  font-size: var(--fmob-size-20px);
  font-weight: var(--bold-w);
}

._destination_nrzzk_243 p {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-16px);
  font-weight: var(--semibold-w);
}
._container_18eci_1 {
  margin: 2rem 0;
}

._container_18eci_1 h2 {
  grid-column: 1 / -1;
  grid-row: 1;
  margin-bottom: 1.5rem;
  font-size: var(--f-size-28px);
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
}

._flight-booking-guide_18eci_27 {
  position: relative;
  display: grid;
  grid-template-areas: ". reading-progress";
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  padding: 2.875rem 2.5rem;
  border-radius: var(--corner-md);
  background-color: white;
  border: 1px solid var(--ui-3);
  overflow-y: clip;
  max-height: 5000px;
  transition: max-height 0.5s ease-in-out;
}
._flight-booking-guide_18eci_27::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  opacity: 0;
  transition: opacity 0.4s ease 0.2s;
}
._flight-booking-guide_18eci_27._collapsed_18eci_75 {
  max-height: 500px;
  transition: max-height 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
._flight-booking-guide_18eci_27._collapsed_18eci_75::after {
  background: linear-gradient(to top, var(--ui-2), rgba(255, 255, 255, 0));
  opacity: 1;
}

/* READING PROGRESS UI */
._readingProgress_18eci_95 {
  grid-area: reading-progress;
  padding: 1.25rem 1.5rem;
  width: 16rem;
  border-radius: var(--corner-md);
  background-color: white;
  box-shadow: var(--booking-card-shadow);
  height: fit-content;
  margin-left: 1.875rem;
  position: sticky;
  top: 2.875rem;
}

._readingProgress_18eci_95 ._milestones_18eci_121 {
  height: 100%;
  display: flex;
  flex-direction: column;
}

._readingProgress_18eci_95 ._milestones_18eci_121 li {
  flex-grow: 1;
  position: relative;
  display: flex;
}

._readingProgress_18eci_95 ._milestones_18eci_121 li ._link_18eci_145 {
  padding-bottom: 4rem;
  border-left: 2px var(--ui-4) solid;
  font-size: var(--f-size-14px);
  padding-left: 1rem;
  height: 100%;
  flex-grow: 1;
}
._readingProgress_18eci_95 ._milestones_18eci_121 li:last-of-type {
  flex-grow: 0;
}
._readingProgress_18eci_95 ._milestones_18eci_121 li:last-of-type ._link_18eci_145 {
  border-left: none;
  padding-bottom: 0;
}

._readingProgress_18eci_95 ._milestones_18eci_121 li ._link_18eci_145::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  opacity: 0.6;
  background-color: transparent;
  transition: background-color 200ms ease-in-out;
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._past_18eci_199 ._link_18eci_145::before {
  background-color: var(--primary-1-50);
}

._readingProgress_18eci_95 ._milestones_18eci_121 li ._link_18eci_145::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: white;
  border: 2px solid var(--ui-4);
  transition: all 200ms ease-in-out;
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._past_18eci_199 ._link_18eci_145::after {
  border-color: var(--primary-1);
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._current_18eci_237 ._link_18eci_145::after {
  border-color: var(--primary-1);
  background-color: var(--primary-1);
}

._readingProgress_18eci_95 ._milestones_18eci_121 li ._link_18eci_145 > h4 {
  color: var(--text-4);
  scale: 1;
  transition: color 200ms ease-out, scale 200ms ease-out;
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._past_18eci_199 ._link_18eci_145 > h4,
._readingProgress_18eci_95 ._milestones_18eci_121 li._current_18eci_237 ._link_18eci_145 > h4 {
  font-family: var(--font-medium);
  font-weight: var(--medium-w);
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._past_18eci_199 ._link_18eci_145 > h4 {
  color: var(--primary-2);
}
._readingProgress_18eci_95 ._milestones_18eci_121 li._current_18eci_237 ._link_18eci_145 > h4 {
  scale: 1.05;
  color: var(--primary-1);
}

._toggle-button_18eci_283 {
  grid-column: 1 / span 2;
  grid-row: 2;
  margin-top: 0.5rem;
  width: fit-content;
  display: inline-flex;
  column-gap: 0.25rem;
  border: none;
  padding: 0;
  background: none;
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--f-size-14px);
  text-decoration-color: var(--ui-4);
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  color: var(--primary-2);
}

@media screen and (max-width: 991px) {
  ._container_18eci_1 h2,
  ._section-title_18eci_325 {
    font-family: var(--font-bold);
    font-size: 1.375rem;
    font-weight: var(--bold-w);
  }
  ._flight-booking-guide_18eci_27 {
    padding-left: 0;
    padding: 1.75rem 1.5rem 1.75rem 0;
    grid-template-areas: "reading-progress .";
    grid-template-columns: auto 1fr;
  }
  ._container_18eci_1 {
    padding: 2.75rem 0rem 4.25rem;
    margin: 0;
  }

  ._readingProgress_18eci_95 {
    visibility: hidden;
    width: fit-content;
    background-color: transparent;
    height: calc(100vh - 2 * 2.875rem);
    transform: scale(85%);
    padding: 0;
    margin-left: 0;
    margin-right: 0.75rem;
    box-shadow: none;
  }

  ._readingProgress_18eci_95 ._milestones_18eci_121 h4 {
    display: none;
  }
}
._cheapDestinations_bddac_1 {
  margin-top: 5rem;
  margin-bottom: 5.25rem !important;
}
._cheapDestinations_bddac_1 ._heading_bddac_9 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.25rem;
}
._cheapDestinations_bddac_1 ._more_bddac_21 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-16px);
  font-weight: var(--semibold-w);
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--primary-2-50);
}
._cheapDestinations_bddac_1 ._tripsList_bddac_37 + ._more_bddac_21 {
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-top: 0.5rem;
}
._cheapDestinations_bddac_1 h2 {
  font-family: var(--font-bold);
  font-size: var(--fmob-size-20px);
  font-weight: var(--bold-w);
}
._cheapDestinations_bddac_1 p._desc_bddac_59 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  font-weight: var(--regular-w);
  margin-bottom: 2.375rem;
  width: 95%;
  line-height: 1.125rem;
}

._imgError_bddac_77 {
  height: 100%;
  background-color: var(--ui-3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}
._imgError_bddac_77 + div p,
._imgError_bddac_77 + div h2 {
  color: var(--ui-5);
}
._imgError_bddac_77 ._frame_bddac_101 {
  width: 50%;
  opacity: 0.5;
}

._mobile_bddac_111 ._tripsList_bddac_37 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
._desktop_bddac_123 ._tripsList_bddac_37 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.75rem;
}

._tripsList_bddac_37 li {
  transition: scale 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
._tripsList_bddac_37 li:has([data-focus-trigger]:focus) {
  scale: 1.02;
}

._item_bddac_151 {
  position: relative;
  border-radius: var(--corner-md);
  background-color: white;
  box-shadow: var(--booking-card-shadow);
  display: grid;
  grid-template-columns: 0.48fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 6.25rem;
}

._item_bddac_151 img {
  border-radius: var(--corner-md);
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.85);
}

._mobile_bddac_111 ._imgError_bddac_77 ._frame_bddac_101 {
  height: 100%;
}

._imgError_bddac_77,
._item_bddac_151 img {
  grid-column: 1;
  grid-row: 1 / -1;
}

._link_bddac_209 {
  grid-row: 1 / -1;
  display: grid;
  grid-template-rows: subgrid;
  height: 100%;
  padding: 0.75rem;
}

._link_bddac_209 h3 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-18px);
  font-weight: var(--semibold-w);
  align-self: self-end;
  color: var(--primary-2);
}

._link_bddac_209 p {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-14px);
  font-weight: var(--semibold-w);
  margin-top: 0.25rem;
  color: var(--primary-1);
}

@media screen and (min-width: 992px) and (max-width: 1440px) {
  ._cheapDestinations_bddac_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._mobile_bddac_111._cheapDestinations_bddac_1 {
  margin-bottom: 0 !important;
  margin-top: 2rem;
}
._mobile_bddac_111._cheapDestinations_bddac_1 ._heading_bddac_9 ._more_bddac_21 {
  display: none;
}
._desktop_bddac_123._cheapDestinations_bddac_1 ._tripsList_bddac_37 + ._more_bddac_21 {
  display: none;
}
._container_1b9du_1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

section._container_1b9du_1 {
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 1rem;
}

section._container_1b9du_1 > * {
  width: 100%;
}

._search_1b9du_33 > h1 {
  color: var(--primary-2);
  font-family: var(--font-bold);
  font-size: var(--fmob-size-24px);
  font-weight: var(--bold-w);
  margin-bottom: 0.25rem;
}

._search_1b9du_33 > h1._results_1b9du_49 {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
}

._fontclass_1b9du_59 {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--fmob-size-16px);
}

._desktop_1b9du_71 div.padded-view {
  padding: 4.25rem var(--main-page-side-pad);
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  height: fit-content;
  position: relative;
}

._desktop_1b9du_71._search_1b9du_33 div._titleHeader_1b9du_89 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.88rem;
}
._desktop_1b9du_71._search_1b9du_33 div._titleHeader_1b9du_89 > h1 {
  font-family: var(--font-bold);
  font-size: var(--f-size-40px);
  font-weight: var(--bold-w);
  color: var(--ui-1);
  align-self: flex-end;
}

._flexbox_1b9du_115 {
  position: absolute;
  display: flex;
  flex-direction: row;
  top: 17rem;
  left: initial;
  pointer-events: none;
}
._flexbox_1b9du_115._hotels_1b9du_131 {
  top: 14.75rem;
}

._flexbox_1b9du_115._results_1b9du_49 {
  top: 6.5rem;
  left: initial;
}
._flexbox_1b9du_115._results_1b9du_49._hotels_1b9du_131 {
  top: 5.25rem;
}

._dropdownGrid_1b9du_155 {
  display: grid;
  grid-template-columns: repeat(2, 15rem) 22.5rem 20.67% 6.5rem auto;
  align-items: stretch;
}
._oneway_1b9du_165 ._dropdownGrid_1b9du_155 {
  grid-template-columns: repeat(2, 17.14rem) 15.98rem 24.5% 2.5rem auto;
}

._dropdown_1b9du_155 {
  padding: 1.87rem 1.25rem 2.25rem;
  width: 25rem;
  max-height: 30.5rem;
  z-index: var(--zindex-medium);
  overflow-y: scroll;
  overflow-x: hidden;
  pointer-events: all;
}
._dropdown_1b9du_155:focus-visible {
  outline: 1px solid var(--primary-1);
}

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

._dropdown_1b9du_155._src-location_1b9du_207 {
  grid-column-start: 1;
  grid-column-end: span 6;
}

._dropdown_1b9du_155._dest-location_1b9du_217 {
  grid-column-start: 2;
  grid-column-end: span 5;
}

._dropdown_1b9du_155._src-location_1b9du_207,
._dropdown_1b9du_155._dest-location_1b9du_217 {
  min-width: 25rem;
  width: max-content;
}

._dropdown_1b9du_155._start-date_1b9du_239,
._dropdown_1b9du_155._end-date_1b9du_241 {
  display: grid;
  grid-column-start: 3;
  grid-column-end: span 1;
  justify-self: center;
  width: 40.375rem;
  min-height: 21.25rem;
  max-height: 23.25rem;
}

._dropdown_1b9du_155._passengers_1b9du_261 {
  padding: 1.56rem 1.25rem 1.25rem;
  width: 21.75rem;
  height: fit-content;
  grid-column-start: -4;
  justify-self: end;
}

._noSFButton_1b9du_277._flexbox_1b9du_115 {
  display: grid;
  position: absolute;
  width: calc(var(--main-page-content-max-width) - var(--main-page-side-pad) * 2);
}
._noSFButton_1b9du_277 ._dropdownGrid_1b9du_155 {
  grid-template-columns: repeat(2, minmax(19%, 17rem)) minmax(30%, 26rem) minmax(auto, 32%);
}
._noSFButton_1b9du_277._oneway_1b9du_165 ._dropdownGrid_1b9du_155 {
  grid-template-columns: repeat(2, 25%) 19.7% auto;
}
._noSFButton_1b9du_277 ._dropdown_1b9du_155._dest-location_1b9du_217 {
  grid-column-start: 2;
}
._noSFButton_1b9du_277 ._dropdown_1b9du_155._passengers_1b9du_261 {
  grid-column-start: -2;
}

@media only screen and (max-width: 1439px) and (min-width: 991px) {
  ._flexbox_1b9du_115,
  ._flexbox_1b9du_115._results_1b9du_49 {
    display: grid;
    position: absolute;
    width: calc(100% - var(--main-page-side-pad) * 2);
  }

  ._dropdownGrid_1b9du_155 {
    grid-template-columns: repeat(2, 19%) 30% 19.43% 0.5rem auto;
  }

  ._oneway_1b9du_165:not(._noSFButton_1b9du_277) ._dropdownGrid_1b9du_155 {
    grid-template-columns: repeat(2, 21.85%) 21.38% 22.34% 0.5rem auto;
  }

  ._results_1b9du_49 ._dropdownGrid_1b9du_155 {
    grid-template-columns: repeat(2, 19%) 28.5% 20.9% 0.5rem auto;
  }
  ._results_1b9du_49._oneway_1b9du_165 ._dropdownGrid_1b9du_155 {
    grid-template-columns:
      repeat(2, 21.85%)
      21.38%
      22.34% 0.5rem auto;
  }

  ._dropdown_1b9du_155._start-date_1b9du_239,
  ._dropdown_1b9du_155._end-date_1b9du_241 {
    grid-column-start: 3;
    grid-column-end: span 1;
    margin: 0 calc(-100vw * 0.25);
  }

  ._oneway_1b9du_165 ._dropdown_1b9du_155._start-date_1b9du_239 {
    grid-column-start: -4;
    justify-self: end;
    margin: 0 0;
  }

  ._noSFButton_1b9du_277._oneway_1b9du_165._flexbox_1b9du_115 {
    display: grid;
    position: absolute;
    width: calc(100% - var(--main-page-side-pad) * 2);
  }

  ._noSFButton_1b9du_277:not(._oneway_1b9du_165) ._dropdownGrid_1b9du_155 {
    grid-template-columns: repeat(2, 21.65%) minmax(30%, auto) auto;
  }

  ._noSFButton_1b9du_277._oneway_1b9du_165 ._dropdownGrid_1b9du_155 {
    grid-template-columns: repeat(2, 25%) 21.38% auto;
  }

  ._noSFButton_1b9du_277 ._dropdown_1b9du_155._start-date_1b9du_239,
  ._noSFButton_1b9du_277 ._dropdown_1b9du_155._end-date_1b9du_241 {
    grid-column-start: 2;
    grid-column-end: span 3;
    justify-self: center;
  }

  ._noSFButton_1b9du_277._oneway_1b9du_165 ._dropdown_1b9du_155._start-date_1b9du_239,
  ._noSFButton_1b9du_277._oneway_1b9du_165 ._dropdown_1b9du_155._end-date_1b9du_241 {
    grid-column-start: 3;
    grid-column-end: span 1;
    justify-self: center;
  }

  ._dropdownGrid_1b9du_155 ._passengers_1b9du_261 {
    grid-column-start: -4;
    justify-self: end;
  }

  ._noSFButton_1b9du_277 ._dropdown_1b9du_155._passengers_1b9du_261 {
    grid-column-start: 1;
    grid-column-end: -1;
    justify-self: end;
  }
  ._noSFButton_1b9du_277._oneway_1b9du_165 ._dropdown_1b9du_155._passengers_1b9du_261 {
    grid-column-start: 1;
    grid-column-end: span 4;
  }
}

/** SEARCH TYPE SWITCH */
._searchTypeSwitch_1b9du_481 {
  display: flex;
  padding: 0.5rem;
  border-radius: var(--corner-lg);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
  width: fit-content;
  column-gap: 0.5rem;

  & > button {
    color: white;
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border-radius: var(--corner-md);
    font-family: var(--font-bold);
    font-size: var(--f-size-16px);
    font-weight: var(--bold-w);
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
  }

  & > button._active_1b9du_531 {
    color: var(--primary-1);
    background-color: white;
  }
}

main.mobile ._searchTypeSwitch_1b9du_481 {
  margin: 0 auto;
  width: fit-content;
  padding: 0.75rem;
  margin-top: -1.5rem;
  margin-bottom: 1rem;
  background-color: var(--primary-tint);
  border: 1px solid var(--ui-3);

  & > button {
    color: var(--primary-1-50);
    padding: 0.75rem;
    font-size: var(--f-size-18px);
  }

  & > button._active_1b9du_531 {
    color: var(--primary-1);
    background-color: var(--ui-3);
    border: 1px solid var(--ui-4);
  }
}
@keyframes slideInFromLeft {
  0% {
    right: -500px;
  }
  100% {
    right: 0;
  }
}

@keyframes slideOutToLeft {
  0% {
    right: 0;
  }
  100% {
    right: -500px;
  }
}

.card {
  background: #ffffff;
  border-style: solid;
  border-color: #e8edf1;
  border-width: 1px;
  height: fit-content;
  width: fit-content;
  padding: 20px;
  border-radius: 0px;
}

.sidebar {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: var(--zindex-high);
}

.sidebar.open {
  animation: slideInFromLeft var(--modal-anim-time) ease forwards;
}

.sidebar.close {
  animation: slideOutToLeft var(--modal-anim-time) ease forwards;
}

.card.withShadowSm {
  box-shadow: var(--booking-card-shadow);
}

.card.withShadowLg {
  box-shadow: 0px 8px 24px 0px rgba(49, 49, 49, 0.18), 0px 4px 8px 0px rgba(49, 49, 49, 0.16);
}

.card.roundCornerXSm {
  border-radius: var(--corner-sm);
}

.card.roundCornerSm {
  border-radius: var(--corner-md);
}

.card.roundCornerLg {
  border-radius: var(--corner-xl);
}
div._frame_1xoaj_1 {
  height: 4rem;
  padding: 0 1rem;
  border-style: solid;
  border-width: 0.0625rem;
  background-color: rgba(233, 238, 242, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  pointer-events: all;
}

div._frame_1xoaj_1 label {
  pointer-events: none;
}

._dateItem_1xoaj_35 {
  display: flex;
  flex-direction: column;
  row-gap: 0.15rem;
  flex-grow: 1;
}

main.desktop ._dateItem_1xoaj_35 {
  row-gap: 0.25rem;
}

._bigText_1xoaj_57,
._smallText_1xoaj_59 {
  color: var(--text-2);
}

label._bigText_1xoaj_57 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: calc(var(--fmob-size-14px) + 2px);
  transition: font-size 100ms ease-out;
}

label._smallText_1xoaj_59 {
  color: var(--text-2);
  font-family: var(--font-regular);
  font-size: calc(var(--fmob-size-10px) + 4px);
  font-weight: var(--regular-w);
  transition: font-size 100ms ease-out;
}

label._smallText_1xoaj_59 ~ input,
label._bigText_1xoaj_57 ~ input {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--semibold-w);
}

label._smallText_1xoaj_59 ~ input:focus,
label._bigText_1xoaj_57 ~ input:focus {
  outline-width: 0;
}

button._icon_1xoaj_131 {
  border: none;
  background: none;
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  margin: -0.5rem;
  border-radius: 0.5rem;
}

button._icon_1xoaj_131 svg path {
  fill: #7d8998;
}

main.desktop div._frame_1xoaj_1 {
  padding: 0 0.9rem 0 1.25rem;
  background-color: var(--ui-1);
  border-width: 1px;
  border-color: transparent;
  border-right-color: var(--ui-3);
  height: 5rem;
  width: 100%;
  grid-row-start: 1;
}

main.desktop button._icon_1xoaj_131 {
  padding: 0.5rem;
  margin: -0.5rem;
}

main.desktop button._icon_1xoaj_131 svg path {
  fill: var(--ui-5);
}

main.desktop label._smallText_1xoaj_59 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-14px);
}

main.desktop label._bigText_1xoaj_57 {
  font-family: var(--font-regular);
  font-size: var(--f-size-18px);
  font-weight: var(--regular-w);
}

main.desktop label._bigText_1xoaj_57 ~ input,
main.desktop label._smallText_1xoaj_59 ~ input {
  font-family: var(--font-semibold);
  font-size: var(--f-size-18px);
  font-weight: var(--semibold-w);
}

main.desktop div._frame_1xoaj_1,
main.desktop div._frame_1xoaj_1 * {
  cursor: pointer;
}

._disabled_1xoaj_247 {
  cursor: default;
}

main.desktop .results-header div._frame_1xoaj_1 {
  height: 3rem;
  border-right-width: 0;
  border-color: var(--ui-4);
  padding: 0 1rem;
}

main.desktop .results-header label._bigText_1xoaj_57,
main.desktop .results-header label._smallText_1xoaj_59 ~ input {
  font-size: var(--f-size-16px);
}

main.desktop .results-header ._dateItem_1xoaj_35 {
  row-gap: 0rem;
}
div._frame_1s2rc_1 {
  height: 4rem;
  padding: 0 1rem;
  border-style: solid;
  border-width: 0.0625rem;
  background-color: #e9eef24d;
  row-gap: 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

main.desktop div._frame_1s2rc_1 {
  row-gap: 0.25rem;
  padding: 0 1.25rem;
}

._bigText_1s2rc_37,
._smallText_1s2rc_39 {
  color: var(--text-2);
}

label._bigText_1s2rc_37 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: calc(var(--fmob-size-14px) + 2px);
}

label._smallText_1s2rc_39 {
  color: var(--text-2);
  font-family: var(--font-regular);
  font-size: calc(var(--fmob-size-10px) + 4px);
  font-weight: var(--regular-w);
}

label._smallText_1s2rc_39 ~ input,
label._bigText_1s2rc_37 ~ input {
  width: 100%;
  background-color: transparent;
  border: none;
  padding: 0;
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--semibold-w);
}

label._smallText_1s2rc_39 ~ input:focus,
label._bigText_1s2rc_37 ~ input:focus {
  outline-width: 0;
}

main.desktop label._smallText_1s2rc_39 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-14px);
}

main.desktop label._smallText_1s2rc_39 ~ input {
  font-family: var(--font-semibold);
  font-size: var(--f-size-18px);
  font-weight: var(--semibold-w);
}

main.desktop .results-header div._frame_1s2rc_1 {
  border: 1px solid var(--ui-4);
  height: 3rem;
  border-radius: 0rem var(--corner-sm) var(--corner-sm) 0rem;
  row-gap: 0rem;
  padding: 0 1rem;
}

main.desktop .results-header label._smallText_1s2rc_39 ~ input {
  font-size: var(--f-size-16px);
}
form._search_umbrv_1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, minmax(3.4375rem, max-content));
  grid-auto-rows: 1fr;
}

._roundtrip_umbrv_15 {
  grid-template-areas:
    "src src"
    "dest dest"
    "start-date end-date"
    "passengers passengers"
    ". ."
    "search-button search-button";
}

._oneway_umbrv_35 {
  grid-template-areas:
    "src src"
    "dest dest"
    "start-date start-date"
    "passengers passengers"
    ". ."
    "search-button search-button";
}

._src_umbrv_55 {
  grid-area: src;
  border-radius: var(--corner-sm) var(--corner-sm) 0rem 0rem;
  border-color: #bac7d5;
}
._dest_umbrv_65 {
  grid-area: dest;
  border-color: transparent #bac7d5 #bac7d5;
}
._startDate_umbrv_73 {
  grid-area: start-date;
  border-color: transparent #bac7d5 #bac7d5;
}
._endDate_umbrv_81 {
  grid-area: end-date;
  border-color: transparent #bac7d5 #bac7d5 transparent;
}
._passengers_umbrv_89 {
  grid-area: passengers;
  border-radius: 0rem 0rem var(--corner-sm) var(--corner-sm);
  border-color: transparent #bac7d5 #bac7d5;
}

form._search_umbrv_1:not(._desktop_umbrv_101) > button:last-of-type {
  grid-area: search-button;
  margin-top: 0.25rem;
  min-height: 3.5rem;
}

/* SF MODAL BUTTONS ON RESULTS PAGE */
form._search_umbrv_1:not(._desktop_umbrv_101) > button._back_umbrv_115 {
  grid-column-start: 1;
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--fmob-size-14px);
  color: var(--primary-2);
}

form._search_umbrv_1:not(._desktop_umbrv_101) > button._back_umbrv_115 + button:last-of-type {
  grid-column-start: 2;
  justify-self: end;
  width: 7.5rem;
}
form._search_umbrv_1:not(._desktop_umbrv_101) > button._back_umbrv_115,
form._search_umbrv_1:not(._desktop_umbrv_101) > button._back_umbrv_115 + button:last-of-type {
  grid-row-start: 5;
  grid-row-end: 5;
  margin-top: 1.88rem;
  align-self: center;
}
/* SF MODAL BUTTONS ON RESULTS PAGE --- END */

._desktop_umbrv_101._oneway_umbrv_35,
._desktop_umbrv_101._roundtrip_umbrv_15 {
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-auto-rows: auto;
  align-items: stretch;
}

._desktop_umbrv_101._roundtrip_umbrv_15 {
  grid-template-columns:
    repeat(2, minmax(19%, 15rem))
    repeat(2, minmax(14.25%, 11.25rem))
    20% 0.5rem auto;
}

._desktop_umbrv_101._oneway_umbrv_35 {
  grid-template-columns:
    repeat(2, minmax(19%, 17.14rem))
    minmax(17.75%, 15.98rem)
    22.9% 0.5rem 0rem auto;
}

._desktop_umbrv_101 ._passengers_umbrv_89,
._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 {
  grid-row-start: 1;
}

._desktop_umbrv_101 ._passengers_umbrv_89,
._desktop_umbrv_101._search_umbrv_1:not(._results_umbrv_217) ._passengers_umbrv_89 + ._searchBtn_umbrv_207 button {
  border-width: 1px;
  border-color: transparent;
  height: 5rem;
  width: 100%;
}

._desktop_umbrv_101 ._src_umbrv_55,
._desktop_umbrv_101 ._dest_umbrv_65 {
  grid-row-start: 1;
}

._desktop_umbrv_101 ._src_umbrv_55 {
  border-radius: var(--corner-sm) 0rem 0rem var(--corner-sm);
  grid-column-start: 1;
  grid-column-end: 2;
}
._desktop_umbrv_101 ._dest_umbrv_65 {
  border-radius: 0rem;
  grid-column-start: 2;
  grid-column-end: 3;
}

._desktop_umbrv_101 ._startDate_umbrv_73 {
  grid-column-start: 3;
  grid-column-end: 4;
}

._desktop_umbrv_101 ._endDate_umbrv_81 {
  grid-column-start: 4;
  grid-column-end: 5;
}

._desktop_umbrv_101 ._passengers_umbrv_89 {
  background-color: var(--ui-1);
  border-right-color: transparent;
  border-radius: 0rem var(--corner-md) var(--corner-md) 0rem;
  grid-column-start: 5;
  grid-column-end: 6;
}

._desktop_umbrv_101._oneway_umbrv_35 ._passengers_umbrv_89 {
  grid-column-start: 4;
  grid-column-end: 5;
}

._desktop_umbrv_101 ._endDate_umbrv_81 div,
._desktop_umbrv_101 ._startDate_umbrv_73 div {
  padding: 1.25rem 0.75rem;
  margin: -1.25rem -0.75rem;
}

form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 {
  grid-column: -2 / -1;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 button {
  background-color: var(--search-button-color);
  border-right-color: transparent;
  text-align: center;
  margin: 0;
}

form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 button:hover {
  background-color: var(--search-button-hover-color);
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._passengers_umbrv_89 + div,
form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 > ._searchBtn_umbrv_207 + div {
  grid-row-start: 2;
  grid-column-start: 1;
  justify-self: start;
  text-wrap: nowrap;
  margin-top: 1.25rem;
}

form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 + div {
  grid-row-start: 2;
  grid-column-start: 1;
  margin-top: 1.25rem;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._passengers_umbrv_89 + div + div,
form._desktop_umbrv_101._search_umbrv_1 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 + div + div {
  justify-self: end;
  grid-column: 2 / -1;
  grid-row-start: 2;
  text-wrap: nowrap;
  margin-top: 1.25rem;
}

._fontclass_umbrv_407 {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--fmob-size-18px);
}

._desktop_umbrv_101 ._fontclass_umbrv_407 {
  font-family: var(--font-bold);
  font-size: var(--f-size-18px);
  font-weight: var(--bold-w);
}

span._checkbox2_umbrv_431 b {
  color: #003580;
}

._desktop_umbrv_101 span._checkbox2_umbrv_431,
._desktop_umbrv_101 span._checkbox1_umbrv_441,
._desktop_umbrv_101 span._checkbox2_umbrv_431 b {
  color: var(--ui-1);
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--f-size-16px);
}

._desktop_umbrv_101._results_umbrv_217 {
  margin: 0.5rem 0 0.75rem;
  transition: all 1s ease;
}

form._desktop_umbrv_101._results_umbrv_217 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 button {
  height: 3rem;
  border-radius: var(--corner-sm);
  font-size: 1rem;
  background-color: var(--primary-1);
  width: 100%;
  visibility: visible;
}

form._desktop_umbrv_101._results_umbrv_217 ._passengers_umbrv_89 + ._searchBtn_umbrv_207 button:hover {
  background-color: var(--primary-btn-hover-color);
}

._desktop_umbrv_101._results_umbrv_217 ._searchBtn_umbrv_207 button._hideBtn_umbrv_493 {
  visibility: hidden;
  width: 100%;
}

._desktop_umbrv_101._roundtrip_umbrv_15._noSFButton_umbrv_359 {
  transition: all 1s ease;
  transition-delay: 0.25s;
  grid-template-columns:
    repeat(2, minmax(21.65%, 17rem))
    repeat(2, minmax(17.1%, 13rem))
    22.5% 0rem 0fr;
}

._desktop_umbrv_101._oneway_umbrv_35._noSFButton_umbrv_359 {
  transition: all 1s ease;
  transition-delay: 0.25s;
  grid-template-columns:
    repeat(2, minmax(auto, 25%))
    minmax(17.75%, 24%)
    26% 0rem 0rem 0rem;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._src_umbrv_55 {
  grid-row-start: 1;
  grid-column: 1 / 2;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._dest_umbrv_65 {
  grid-row-start: 1;
  grid-column: 2 / 3;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._startDate_umbrv_73 {
  grid-row-start: 1;
  grid-column: 3 / 4;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._endDate_umbrv_81 {
  grid-row-start: 1;
  grid-column: 4 / 5;
}

._desktop_umbrv_101._noSFButton_umbrv_359 ._passengers_umbrv_89 {
  grid-row-start: 1;
  grid-column: 5 / 6;
}

._desktop_umbrv_101._oneway_umbrv_35._noSFButton_umbrv_359 ._passengers_umbrv_89 {
  grid-row-start: 1;
  grid-column: 4 / 5;
}

._back_umbrv_115 {
  border: none;
  background: none;
  padding: 0;
  text-align: left;
}

@media only screen and (max-width: 1439px) and (min-width: 991px) {
  ._desktop_umbrv_101._roundtrip_umbrv_15 {
    grid-template-columns:
      repeat(2, 19%)
      repeat(2, 15%)
      19.43% 0.5rem 1fr;
  }
  ._desktop_umbrv_101._roundtrip_umbrv_15._noSFButton_umbrv_359 {
    transition: all 1s ease;
    transition-delay: 0.25s;
    grid-template-columns:
      repeat(2, 21.65%)
      repeat(2, 17.1%)
      22.5% 0rem 0fr;
  }

  ._desktop_umbrv_101._oneway_umbrv_35 {
    grid-template-columns:
      repeat(2, 21.85%)
      21.38%
      22.34% 0.5rem 0rem auto;
  }
  ._desktop_umbrv_101._oneway_umbrv_35._noSFButton_umbrv_359 {
    transition: all 1s ease;
    transition-delay: 0.25s;
    grid-template-columns:
      repeat(2, 25%)
      21.38%
      28.62% 0rem 0rem 0fr;
  }
}
._switch_1f5df_1 {
}

._switchButton_1f5df_7 {
  grid-row-start: 1;
  grid-row-end: span 2;
  align-self: center;
  grid-column-start: 2;
  justify-self: end;
  margin: 1.25rem;
  padding: 2px 3px 0;
  z-index: var(--zindex-medium-low);
  border: none;
  background: none;
  border-radius: 100%;
}

main.desktop ._switchButton_1f5df_7 {
  padding: 0.25rem;
  grid-row: 1 / 2;
  grid-column: 1 / span 2;
  justify-self: center;
  align-self: center;
  margin: 0;
}

main.desktop ._switchButton_1f5df_7 svg {
  height: 1.875rem;
  width: 1.875rem;
  cursor: pointer;
  display: block;
}

main.desktop ._switchButton_1f5df_7 svg rect + rect {
  stroke: var(--ui-3);
  stroke-opacity: 1;
}

main.desktop .results-header ._switchButton_1f5df_7 {
  background: none;
  width: fit-content;
}

main.desktop .results-header ._switchButton_1f5df_7 svg {
  height: 1.6rem;
  width: 1.6rem;
}

main.desktop .results-header ._switchButton_1f5df_7 svg rect + rect {
  stroke: #bad1f7;
}

._switchButton_1f5df_7 svg path,
._switch_1f5df_1 svg path {
  transform: rotate(0deg);
  transform-origin: center;
  transition: none;
}

._switchButton_1f5df_7._anim_1f5df_119 svg path,
._switch_1f5df_1._anim_1f5df_119 svg path {
  transform: rotate(180deg);
  transition: all 200ms linear;
}
div._frame_ji23e_1 {
  height: 3.5rem;
  padding: 0 1.25rem;
  border: solid 0.0625rem #bac7d5;
  border-radius: var(--corner-sm);
  background-color: rgba(233, 238, 242, 0.3);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  cursor: text;
}

div._frame_ji23e_1._active_ji23e_29 {
  border-color: var(--primary-1);
}

main.desktop div._frame_ji23e_1 {
  flex-direction: column;
  row-gap: 0.25rem;
  justify-content: center;
  align-items: flex-start;
  background-color: var(--ui-1);
  border-width: 1px;
  border-color: transparent;
  border-right-color: var(--ui-3);
  height: 5rem;
  width: 100%;
  pointer-events: all;
}

._bigText_ji23e_65 {
  color: var(--text-2);
}

label._bigText_ji23e_65,
label._smallText_ji23e_75,
div._frame_ji23e_1 {
  cursor: text;
}

label._bigText_ji23e_65 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: calc(var(--fmob-size-14px) + 2px);
  display: flex;
  flex-direction: row;
  column-gap: 0.6rem;
  align-items: baseline;
  width: 100%;
}

label._bigText_ji23e_65 input {
  width: 100%;
  background-color: transparent;
  border: none;
  color: var(--primary-2);
  caret-color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--semibold-w);
}

label._bigText_ji23e_65 input::placeholder {
  color: var(--ui-5);
  font-family: var(--font-regular);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--small-text-regular-font-weight, 400);
}

main.desktop label._bigText_ji23e_65,
main.desktop label._smallText_ji23e_75 {
  pointer-events: none;
}

main.desktop label._bigText_ji23e_65 {
  font-family: var(--font-regular);
  font-size: var(--f-size-18px);
  font-weight: var(--regular-w);
  transition: font-size 100ms ease-out;
}

main.desktop label._smallText_ji23e_75 input {
  font-family: var(--font-semibold);
  font-size: var(--f-size-18px);
  font-weight: var(--semibold-w);
  width: 100%;
  background-color: transparent;
  border: none;
  color: var(--primary-2);
  caret-color: var(--primary-2);
  padding: 0;
  margin-top: 0.25rem;
  pointer-events: all;
}

main.desktop label._smallText_ji23e_75 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-14px);
  color: var(--text-2);
  transition: font-size 100ms ease-out;
}

main.desktop span._smallText_ji23e_75 {
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-14px);
  color: var(--text-2);
  transition: font-size 100ms ease-out;
  position: absolute;
  right: 1.56rem;
}

label._bigText_ji23e_65 input:focus {
  outline-width: 0;
}

button._icon_ji23e_239 {
  border: none;
  background: none;
  padding: 0.5rem;
  margin: -0.5rem -0.813rem -0.5rem -0.5rem;
}

button._icon_ji23e_239 img {
  text-align: center;
  vertical-align: middle;
}

main.desktop .results-header div._frame_ji23e_1 {
  height: 3rem;
  border-right-width: 0;
  border-color: var(--ui-4);
  padding: 0 1rem;
}

main.desktop .results-header div._frame_ji23e_1:first-child {
  border-radius: var(--corner-sm) 0rem 0rem var(--corner-sm);
}

main.desktop .results-header label._bigText_ji23e_65,
main.desktop .results-header label._smallText_ji23e_75 input {
  font-size: var(--f-size-16px);
}

main.desktop .results-header label._smallText_ji23e_75 input {
  margin-top: 0rem;
}
._button_1p0hi_1 {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-style: var(--font-style);
  font-weight: var(--semibold-w);
  line-height: var(--line-height);
  font-size: var(--f-size-14px);
}

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

._icon_1p0hi_39 {
  padding: 0;
}

._icon_1p0hi_39 + span,
._container_1p0hi_27:has(._icon_1p0hi_39) > span {
  margin-left: 0.3rem;
}

nav button:last-child ._icon_1p0hi_39 + span {
  margin: 0;
}

._button_1p0hi_1:last-of-type ._icon_1p0hi_39 + span {
  margin: 0;
}
._container_1pein_1 {
  display: flex;
  flex-direction: row;
  position: relative;
}

._directions_1pein_13 {
  cursor: pointer;
}

._directions_1pein_13 li {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: solid var(--ui-3);
  border-width: 0.0625rem;
  word-break: break-all;
}

._directions_1pein_13 button {
  padding: 0.625rem;
  font-family: var(--font-medium);
  font-size: 0.9375rem;
  font-weight: var(--semibold-w);
  color: var(--primary-2);
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
  height: 3.25rem;
}

._directions_1pein_13 button span {
  justify-content: center;
  word-break: break-word;
  padding-left: 0.25rem;
}

._directions_1pein_13 ._selected_1pein_79 button span img {
  filter: invert(0.75) brightness(40%) sepia(100%) hue-rotate(178deg) saturate(8)
    contrast(0.85);
}
._directions_1pein_13 ._leftmost_1pein_87 {
  border-radius: var(--corner-sm) 0rem 0rem var(--corner-sm);
}

._directions_1pein_13 ._rightmost_1pein_95 {
  border-radius: 0 var(--corner-sm) var(--corner-sm) 0;
}

._directions_1pein_13 ._middle_1pein_103 {
  border-left-color: transparent;
  border-right-color: transparent;
}

._directions_1pein_13 ._selected_1pein_79 {
  border-color: var(--primary-1);
}

._directions_1pein_13 ._selected_1pein_79 button {
  color: var(--primary-1);
}

._directions_1pein_13._desktop_1pein_129 {
  width: max-content;
  column-gap: 1.25rem;
}

._directions_1pein_13._desktop_1pein_129 li {
  border: none;
}

._directions_1pein_13._desktop_1pein_129 li :not(._results_1pein_147) input[type="radio"] {
  background-color: var(--radio-accent-bg-unchecked);
  border-color: var(--ui-3);
}

._directions_1pein_13._desktop_1pein_129 li :not(._results_1pein_147) input[type="radio"]:checked {
  background-color: var(--radio-accent-bg);
  border: var(--radio-accent-border);
  position: relative;
}

._directions_1pein_13._desktop_1pein_129 li :not(._results_1pein_147) input[type="radio"]::before {
  content: "";
  opacity: 0;
  width: 0;
  height: 0;
}

._directions_1pein_13._desktop_1pein_129 li :not(._results_1pein_147) input[type="radio"]:checked::before {
  content: "";
  opacity: 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--radio-accent-inner);
  border-radius: 50%;
  box-sizing: border-box;
}

._directions_1pein_13._desktop_1pein_129 span._radioText_1pein_213 {
  color: var(--ui-1);
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
  font-size: var(--f-size-16px);
}

._directions_1pein_13._desktop_1pein_129 ._results_1pein_147 span._radioText_1pein_213 {
  color: var(--direction-results-color);
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  font-size: var(--f-size-16px);
}

main.desktop ._directions_1pein_13 li {
  width: auto;
}
._container_2km7b_1 {
  display: flex;
  flex-direction: column;
}

._container_2km7b_1 h2 {
  margin-top: 1.15rem;
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--fmob-size-18px);
  font-weight: var(--medium-w);
}

main.desktop ._container_2km7b_1 h2 {
  margin-bottom: 1.25rem;
  margin-top: 0;
  font-family: var(--font-semibold);
  font-size: var(--f-size-18px);
  font-weight: var(--semibold-w);
}

._content_2km7b_43 {
  display: grid;
  grid-auto-rows: max-content;
}

._searchInput_2km7b_53 h1 {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-20px);
  font-weight: var(--semibold-w);
  margin-bottom: 0.75rem;
}

._searchInput_2km7b_53 {
  margin-bottom: 0.75rem;
}

._emptyResult_2km7b_77 {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--fmob-size-16px);
  font-weight: var(--medium-w);
  line-height: 1.125rem;
  transition: all 200ms ease;
}

main.desktop ._emptyResult_2km7b_77 {
  height: 9.38rem;
  line-height: 1.25rem;
  max-width: 25rem;
}
._container_9q2lc_1 {
  display: flex;
  flex-direction: column;
}

ul._cityList_9q2lc_11 {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--medium-w);
  margin-top: 0.7rem;
  row-gap: 0.25rem;
}

ul._cityList_9q2lc_11._filtered_9q2lc_29 {
  row-gap: 0.25rem;
  margin-top: 0;
}

main.desktop ul._cityList_9q2lc_11 {
  row-gap: 0rem;
  font-family: var(--font-medium);
  font-size: var(--f-size-16px);
  font-weight: var(--medium-w);
  margin-top: 0;
}

main.desktop ul._cityList_9q2lc_11._filtered_9q2lc_29 {
  margin-top: -0.625rem;
}

li._cityItem_9q2lc_63 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

main.desktop li._cityItem_9q2lc_63 {
  min-height: 3.125rem;
  justify-content: center;
}

li._cityItem_9q2lc_63 div._row_9q2lc_85 {
  column-gap: 1.25rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: fit-content;
  overflow: hidden;
  width: 100%;
}

main.desktop ul._cityList_9q2lc_11._filtered_9q2lc_29 div._row_9q2lc_85 ._airportList_9q2lc_105 {
  row-gap: 0;
}

main.desktop li._cityItem_9q2lc_63 div._row_9q2lc_85:first-of-type {
  height: 3.125rem;
}
li._cityItem_9q2lc_63 div._row_9q2lc_85:first-of-type {
  height: 3.125rem;
}

li._cityItem_9q2lc_63 img,
li._cityItem_9q2lc_63 p,
li._cityItem_9q2lc_63 div._col_9q2lc_131 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

li._cityItem_9q2lc_63 ._row_9q2lc_85 img,
li._cityItem_9q2lc_63 ._col_9q2lc_131::after {
  min-width: 1.125rem;
  max-width: 1.125rem;
}

li._cityItem_9q2lc_63 ._row_9q2lc_85 p {
  display: inline;
}
li._cityItem_9q2lc_63 ._row_9q2lc_85 p > span {
  font-family: var(--font-bold);
  font-weight: var(--bold-w);
  background-color: var(--ui-2);
  border-radius: 0.3125rem;
  padding: 0.25rem;
  font-size: var(--f-size-14px);
  margin-left: 0.25rem;
}
li._cityItem_9q2lc_63 ._row_9q2lc_85:hover p > span {
  background-color: var(--ui-4);
}

li._cityItem_9q2lc_63 div._col_9q2lc_131::after {
  content: "";
}

main.desktop li._cityItem_9q2lc_63 div._col_9q2lc_131 {
  width: 0.5rem;
}

ul._airportList_9q2lc_105 {
  flex-basis: 100%;
  overflow: hidden;
}

main.desktop ul._airportList_9q2lc_105 {
  row-gap: 0.5rem;
  margin: 0 0 0 2.5rem;
}

li._airportItem_9q2lc_223 {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1rem;
  opacity: 0;
  transform: translateY(-110%);
  transition: all 50ms ease-out;
  height: 3.125rem;
}

main.desktop li._cityItem_9q2lc_63,
main.desktop li._airportItem_9q2lc_223 {
  height: 3.125rem;
  align-items: center;
  border-radius: var(--corner-sm);
  padding: 0 1rem;
  column-gap: 1.25rem;
}

main.desktop li._cityItem_9q2lc_63:hover,
main.desktop li._airportItem_9q2lc_223:hover {
  background-color: var(--ui-2);
}

main.desktop li._cityItem_9q2lc_63:focus-visible,
main.desktop li._airportItem_9q2lc_223:focus-visible {
  outline: none;
  background-color: var(--ui-2);
}

main.desktop li._cityItem_9q2lc_63,
main.desktop li._airportItem_9q2lc_223 {
  cursor: pointer;
}

main.desktop li._airportItem_9q2lc_223 > div {
  row-gap: 0;
}

li._airportItem_9q2lc_223._anim_9q2lc_303 {
  opacity: 100%;
  transform: none;
  transition: all 50ms ease-out;
}

li._airportItem_9q2lc_223 > div {
  row-gap: 0.12rem;
}

li._cityItem_9q2lc_63._cityOnly_9q2lc_323 p + p,
li._airportItem_9q2lc_223 p + p {
  color: var(--ui-5);
  font-family: var(--font-regular);
  font-weight: var(--regular-w);
  line-height: 1.375rem;
}

._airportOnly_9q2lc_339 li {
  column-gap: 1.25rem;
}
._container_19xon_1 {
  display: flex;
  flex-direction: column;
}

ul._savedSearchesList_19xon_11 {
  row-gap: 0.25rem;
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--fmob-size-16px);
  font-weight: var(--medium-w);
  margin-bottom: 0.42rem;
  margin-top: 1.25rem;
}

main.desktop ul._savedSearchesList_19xon_11 {
  row-gap: 0rem;
  margin-bottom: 1.875rem;
  margin-top: 0;
  font-family: var(--font-medium);
  font-size: var(--f-size-16px);
  font-weight: var(--medium-w);
}

li._savedSearchItem_19xon_49 {
  display: flex;
  flex-direction: row;
  grid-column-start: 2;
  column-gap: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  height: 3.125rem;
}

main.desktop li._savedSearchItem_19xon_49 {
  height: 3.125rem;
  border-radius: var(--corner-sm);
  padding: 0 1rem;
  column-gap: 1.25rem;
  align-items: center;
}

main.desktop li._savedSearchItem_19xon_49:hover {
  background-color: var(--ui-2);
}

main.desktop li._savedSearchItem_19xon_49 > div {
  row-gap: 0;
}

li._savedSearchItem_19xon_49 > div {
  row-gap: 0.12rem;
}

li._savedSearchItem_19xon_49 p + p {
  color: var(--ui-5);
}

main.desktop li._savedSearchItem_19xon_49 p + p {
  font-family: var(--font-regular);
  font-size: var(--f-size-16px);
  line-height: 1.375rem;
  font-weight: var(--regular-w);
}

li._savedSearchItem_19xon_49 p > img {
  vertical-align: middle;
  padding: 0 0.38rem;
}

li._savedSearchItem_19xon_49 p > span {
  padding: 0 0.25rem;
}

li._savedSearchItem_19xon_49 > div {
  flex-basis: 100%;
}
._exit_k3hvd_1 {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  cursor: pointer;
  padding: .75rem;
  margin: -0.75rem;
  border-radius: var(--corner-sm);
  padding-bottom: 0.25rem;
}

._exit_k3hvd_1:hover {
  background-color: var(--ui-3);
  transition: background-color 0.15s;
}

._exit_k3hvd_1 svg {
  vertical-align: text-top;
}

._mobile_k3hvd_41._exit_k3hvd_1 svg {
  height: 0.625rem;
  width: 0.625rem;
}
.scroll-calendar {
  padding-top: 0.75rem;
  overflow-y: scroll;
}

.mobile-datepicker {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-14px);
  font-weight: var(--semibold-w);
}

.mobile-datepicker .month .month-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.25rem;
  margin: 1.25rem 0 0.35rem;
  font-size: calc(var(--fmob-size-14px) + 2px);
}

.mobile-datepicker .month .month-title span {
  order: 1;
}

.mobile-datepicker .month ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  gap: 0.25rem;
  place-items: stretch;
}

.mobile-datepicker .month ul.date li {
  cursor: pointer;
  border-radius: var(--corner-sm);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mobile-datepicker .month ul.date li:before {
  content: "";
  padding: 42.5% 0;
}

.mobile-datepicker .month ul.date li.disabled {
  pointer-events: none;
}
.mobile-datepicker .month ul.date li.disabled span {
  color: var(--text-3);
  cursor: not-allowed;
  font-family: var(--font-regular);
  font-size: var(--fmob-size-14px);
  font-weight: var(--regular-w);
}

.mobile-datepicker .month ul.date li.today {
  color: var(--primary-1);
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-14px);
  font-weight: var(--semibold-w);
}

.mobile-datepicker .month ul.date li.range {
  background: var(--ui-2);
}

.mobile-datepicker .month ul.date li.active {
  background: var(--primary-1);
  color: var(--ui-1);
}

.mobile-datepicker .month ul.date li.vis-hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  pointer-events: none;
}
.desktop-datepicker {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--f-size-14px);
  font-weight: var(--semibold-w);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 2.06rem;
}

.desktop-datepicker .month .month-header {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  margin-bottom: 1.25rem;
}
.desktop-datepicker .month .month-header button:disabled {
  opacity: 0.5;
  cursor: default;
}

.desktop-datepicker .month .month-header.previous {
  justify-items: start;
}

.desktop-datepicker .month .month-header p {
  grid-column-start: 2;
  grid-column-end: span 1;
  justify-self: center;
}

.desktop-datepicker .month .month-header.next {
  justify-items: end;
}

.desktop-datepicker .month .month-header button {
  border: none;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.53rem;
  background-color: var(--ui-2);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.desktop-datepicker .month button.previous {
  order: -1;
  filter: drop-shadow(0px 2px 4px rgba(214, 218, 220, 0.6));
}

.desktop-datepicker .month button.next {
  order: 1;
  filter: drop-shadow(0px 2px 4px rgba(214, 218, 220, 0.6));
}

.desktop-datepicker .month .month-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.25rem;
  align-items: center;
  font-family: var(--font-semibold);
  font-size: var(--f-size-16px);
  font-weight: var(--semibold-w);
}

.desktop-datepicker .month .month-title span {
  order: 1;
}

.desktop-datepicker .month .weekdays {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--f-size-14px);
  font-weight: var(--semibold-w);
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 1fr;
  gap: 0.25rem;
  place-items: center;
  justify-self: center;
  margin-bottom: 1.25rem;
  word-break: break-all;
  width: 100%;
}

.desktop-datepicker .month .weekdays li {
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.desktop-datepicker .month ul.date {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: auto;
  gap: 0.25rem;
  place-items: stretch;
}

.desktop-datepicker .month ul.date li {
  cursor: pointer;
  border-radius: var(--corner-sm);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.desktop-datepicker .month ul.date li button {
  border: none;
  background: none;
  height: 100%;
  width: 100%;
  font-family: var(--font-semibold);
  font-size: var(--f-size-14px);
  font-weight: var(--semibold-w);
}

.desktop-datepicker .month ul.date li:before {
  content: "";
  padding: 50% 0;
}

.desktop-datepicker .month ul.date li.disabled {
  pointer-events: none;
}
.desktop-datepicker .month ul.date li.disabled button {
  color: var(--text-3);
  cursor: not-allowed;
  font-family: var(--font-regular);
  font-size: var(--f-size-14px);
  font-weight: var(--regular-w);
}

.desktop-datepicker .month ul.date li.today button {
  color: var(--primary-1);
  font-family: var(--font-semibold);
  font-size: var(--f-size-14px);
  font-weight: var(--semibold-w);
}

.desktop-datepicker .month ul.date li.range {
  background: var(--ui-2);
}

.desktop-datepicker .month ul.date li.potential:hover {
  background: var(--ui-2);
}

.desktop-datepicker .month ul.date li.active {
  background: var(--primary-1);

  & button {
    color: var(--ui-1);
  }
}

.desktop-datepicker .month ul.date li.vis-hidden,
.desktop-datepicker .month ul.date li.visible-hidden {
  opacity: 0;
  filter: alpha(opacity=0);
  /* visibility: hidden; */
  pointer-events: all;
  cursor: default;
}
._exit_ckfl4_1 {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  cursor: pointer;
}

._exit_ckfl4_1 img {
  vertical-align: text-top;
}

._weekdays_ckfl4_23 {
  color: var(--primary-2);
  font-family: var(--font-bold);
  font-size: var(--fmob-size-12px);
  font-weight: var(--bold-w);
  width: calc(100% + 2rem) !important;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: 1fr;
  gap: 0.25rem;
  place-items: center;
  margin-top: 2.35rem;
  padding: 0 1rem 0.75rem;
  justify-self: center;
  box-shadow: 0rem 0.25rem 0.25rem -0.125rem rgba(37, 42, 49, 0.12);
  word-break: break-all;
}

._drawer_ckfl4_59 {
  justify-self: center;
  border-top: 0.0625rem solid var(--ui-3);
  border-radius: var(--corner-sm) var(--corner-sm) 0rem 0rem;
  width: calc(100% + 2rem) !important;
  padding: 1.25rem 1rem 0;
}

._datepicker_ckfl4_75 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
  justify-content: stretch;
}

._startDate_ckfl4_97,
._endDate_ckfl4_99 {
  max-height: 4rem;
  border-radius: var(--corner-sm);
  border-color: #bac7d5;
  overflow: hidden;
}

._startDate_ckfl4_97._selected_ckfl4_113,
._endDate_ckfl4_99._selected_ckfl4_113 {
  border-color: var(--primary-1);
  background-color: var(--primary-tint-dark);
}

@keyframes _textZoom_ckfl4_1 {
  0% {
    font-size: var(--fmob-size-14px);
  }
  50% {
    font-size: 0.9375rem;
    color: var(--primary-1);
    font-family: var(--font-semibold);
    font-weight: var(--semibold-w);
  }
  100% {
    font-size: var(--fmob-size-14px);
  }
}

._endDate_ckfl4_99._small_ckfl4_155 label {
  font-size: var(--fmob-size-14px);
  animation: _textZoom_ckfl4_1 0.75s ease-in;
}

._fontclass_ckfl4_165 {
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-16px) + 2px);
  font-weight: var(--semibold-w);
}
._container_iisp7_1 {
  display: flex;
  flex-direction: row;
}

span._radioText_iisp7_11 {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--medium-w);
}

main.desktop span._radioText_iisp7_11 {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--f-size-16px);
  font-weight: var(--medium-w);
}._container_1xery_1 {
  display: flex;
  flex-direction: row;
}

li._container_1xery_1 {
  justify-content: space-between;
  align-items: center;
}

._passenger_1xery_21 {
  display: flex;
  flex-direction: column;
  row-gap: 0.12rem;
  justify-content: center;
  line-height: normal;
}

._passenger_1xery_21 > span {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: calc(var(--fmob-size-14px) + 2px);
  font-weight: var(--medium-w);
}

._passenger_1xery_21 span + span {
  color: var(--ui-5);
  font-family: var(--font-regular);
  font-size: var(--fmob-size-12px);
  font-weight: var(--regular-w);
}

main.desktop ._passenger_1xery_21 {
  row-gap: 0;
}

main.desktop ._passenger_1xery_21 > span {
  font-family: var(--font-medium);
  font-size: var(--f-size-16px);
  font-weight: var(--medium-w);
}

main.desktop ._passenger_1xery_21 span + span {
  font-family: var(--font-regular);
  font-size: var(--f-size-14px);
  font-weight: var(--regular-w);
}
._container_hwude_1 {
  display: flex;
  flex-direction: row;
}

._counter_hwude_11 {
  align-items: center;
  column-gap: 0.75rem;
}

._counter_hwude_11 ._count_hwude_11 {
  min-width: 0.65rem;
  text-align: center;
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--fmob-size-16px);
  font-weight: var(--medium-w);
}

main.desktop ._counter_hwude_11 {
  font-size: 1.125rem;
  line-height: 1.1875rem;
}

._counter_hwude_11 button:disabled {
  cursor: default;
}button.increment {
  background: none;
  border: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  padding: 0;
  margin: 0;
  line-height: 0;
}

button.increment svg path {
  stroke: var(--primary-1);
  fill: var(--primary-1);
  transform-origin: center;
  transition: all 150ms linear;
}

button.increment svg > path + path {
  stroke: white;
}

button.increment:disabled svg path {
  stroke: rgb(211, 212, 215);
  fill: white;
}

button.increment.anim svg path {
  transform: scale(1.15);
  transition: all 150ms linear;
}
button.decrement {
  background: none;
  border: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  padding: 0;
  margin: 0;
  line-height: 0;
}

button.decrement svg path {
  stroke: var(--primary-1);
  fill: var(--primary-1);
  transform-origin: center;
  transition: all 150ms linear;
}

button.decrement svg > path + path {
  stroke: white;
}

button.decrement:disabled svg path {
  stroke: rgb(211, 212, 215);
  fill: white;
}

button.decrement.anim svg path {
  transform: scale(1.15);
  transition: all 150ms linear;
}
._container_1n2mc_1 {
  display: flex;
  flex-direction: row;
}

._content_1n2mc_11 {
  display: grid;
  grid-template-rows: max-content max-content 1fr;
}

._passengers_1n2mc_21 ul {
  padding: 0.87rem 0;
  flex-direction: column;
  row-gap: 1.12rem;
}

main.desktop ._passengers_1n2mc_21 ul {
  padding: 1.25rem 0;
  row-gap: 0.9375rem;
}

._passengers_1n2mc_21 h1 {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-18px) + 2px);
  font-weight: var(--semibold-w);
}

._cabin_1n2mc_57 {
  margin-top: 1rem;
}
._cabin_1n2mc_57._hide_1n2mc_63 {
  display: none;
  visibility: hidden;
}
._cabin_1n2mc_57._mobHide_1n2mc_71 {
  visibility: hidden;
}

main.desktop ._cabin_1n2mc_57 {
  margin-top: 0.625rem;
}

._cabin_1n2mc_57 h2 {
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: calc(var(--fmob-size-16px) + 2px);
  font-weight: var(--medium-w);
}

._cabin_1n2mc_57 ul {
  padding: 1.25rem 0;
  flex-direction: column;
  row-gap: 1rem;
}

main.desktop ._cabin_1n2mc_57 ul {
  padding: 1.25rem 0;
  flex-direction: column;
  row-gap: 0.625rem;
}

main.desktop ._passengers_1n2mc_21 h1,
main.desktop ._cabin_1n2mc_57 h2 {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--f-size-18px);
  font-weight: var(--semibold-w);
}

._cabin_1n2mc_57 + button {
  align-self: end;
  min-height: 3.5rem;
}

main.desktop ._cabin_1n2mc_57 + div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

main.desktop ._cabin_1n2mc_57 + div button {
  width: 6.25rem;
  height: 2.5rem;
  padding: 0;
  margin-top: 0.56rem;
  font-size: var(--f-size-16px);
}

._fontclass_1n2mc_179 {
  font-family: var(--font-semibold);
  font-size: calc(var(--fmob-size-16px) + 2px);
  font-weight: var(--semibold-w);
}
body:has(dialog[open]) {
  overflow: hidden;
}

._body_1kc2y_9 {
  overflow: hidden;
}

dialog._fullscreen_1kc2y_17 {
  display: grid;
  grid-template: 1fr / 1fr;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 0;
  padding: 1.87rem 1rem;
  border: none;
  background: var(--ui-1);
  z-index: var(--zindex-highest);
}

dialog._halfscreen_1kc2y_43 {
  /* position: absolute; */
  inset-block-start: unset;
  min-width: 100%;
  height: fit-content;
  margin: 0;
  padding: 1.87rem 1rem 1.56rem;
  border: none;
  background: var(--ui-1);
  border-radius: var(--corner-xl) var(--corner-xl) 0rem 0rem;
  z-index: var(--zindex-highest);
}

dialog::backdrop {
  /* display: none; */
  background: rgb(0, 0, 0, 0.5);
  animation: _opacity-down_1kc2y_1 200ms linear forwards;
}

dialog[open]::backdrop {
  animation: _opacity-up_1kc2y_1 200ms linear forwards;
}

._backdrop_1kc2y_89 {
  position: fixed;
  inset: 0;
  width: 100%;
  /* height: 100vh; */
  z-index: var(--zindex-high);
  /* background: rgb(0, 0, 0, 0.5); */
}

._fadein_1kc2y_107 {
  animation: _opacity-up_1kc2y_1 var(--backdrop-anim-time) linear forwards;
}

._fadeout_1kc2y_115 {
  animation: _opacity-down_1kc2y_1 var(--backdrop-anim-time) linear forwards;
}

@keyframes _opacity-up_1kc2y_1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes _opacity-down_1kc2y_1 {
  from {
    opacity: 100%;
  }
  to {
    opacity: 0;
  }
}

@media print {
  body:has(dialog[open]) {
    overflow: visible;
  }

  dialog::backdrop {
    display: none;
    background: none;
    animation: none;
  }

  dialog[open]::backdrop {
    animation: none;
  }

  ._backdrop_1kc2y_89,
  ._body_1kc2y_9,
  dialog._fullscreen_1kc2y_17,
  dialog._halfscreen_1kc2y_43 {
    position: absolute;
    display: contents;
    height: 100%;
    min-width: 100%;
    overflow: visible;
    visibility: hidden;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
  }
}
._cheapHotelDeals_fe1fe_1 {
  margin-top: 5rem;
  margin-bottom: 5.25rem !important;
}
._cheapHotelDeals_fe1fe_1 ._heading_fe1fe_5 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.25rem;
}
._cheapHotelDeals_fe1fe_1 ._more_fe1fe_11 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-16px);
  font-weight: var(--semibold-w);
  text-decoration-line: underline;
  text-underline-offset: 0.125rem;
  text-decoration-color: var(--primary-2-50);
}
._cheapHotelDeals_fe1fe_1 ._tripsList_fe1fe_19 + ._more_fe1fe_11 {
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-top: 0.5rem;
}
._cheapHotelDeals_fe1fe_1 h2 {
  font-family: var(--font-bold);
  font-size: var(--fmob-size-20px);
  font-weight: var(--bold-w);
}
._cheapHotelDeals_fe1fe_1 p._desc_fe1fe_30 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  font-weight: var(--regular-w);
  margin-bottom: 2.375rem;
  width: 95%;
  line-height: 1.125rem;
}

/* Hotel Item Styles - similar to cheap flight offers */
._hotelItem_fe1fe_40 {
  background: white;
  border-radius: var(--corner-lg);
  overflow: hidden;
  box-shadow: var(--booking-card-shadow);
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 0.0625rem solid var(--ui-3);
  /* Remove CSS transitions - let Framer Motion handle animations */
  transform: translateZ(0); /* Force GPU acceleration */
  backface-visibility: hidden; /* Prevent blurriness */
  -webkit-font-smoothing: antialiased; /* Crisp text */
  position: relative;
}

._cardLink_fe1fe_56 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none;
  color: inherit;
}

._buttonContainer_fe1fe_64 {
  padding: 0 1rem 1rem 1rem;
  margin-top: auto;
}

._hotelImageContainer_fe1fe_69 {
  position: relative;
  height: 11.25rem;
  overflow: hidden;
}

._hotelImage_fe1fe_69 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._lowAvailabilityBadge_fe1fe_81 {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: white;
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-12px);
  font-weight: var(--semibold-w);
  padding: 0.25rem 0.5rem;
  border-radius: var(--corner-md);
  z-index: 1;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2);
}

._imgError_fe1fe_96 {
  height: 100%;
  background-color: var(--ui-3);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}

._frame_fe1fe_105 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._hotelDetails_fe1fe_113 {
  padding: 1rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

._hotelHeader_fe1fe_120 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}

._hotelName_fe1fe_127 {
  font-family: var(--font-bold);
  font-size: var(--fmob-size-18px);
  font-weight: var(--bold-w);
  color: var(--primary-2);
  margin: 0;
  flex: 1;
  line-height: 1.3;
}

._starRating_fe1fe_137 {
  display: flex;
  align-items: center;
  margin-left: 0.5rem;
}

._starRating_fe1fe_137 svg {
  margin-right: 0.125rem;
}

._ratingText_fe1fe_147 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-12px);
  color: var(--text-3);
  margin-left: 0.25rem;
}

._location_fe1fe_154 {
  display: flex;
  align-items: center;
  font-family: var(--font-regular);
  font-size: var(--fmob-size-14px);
  color: var(--text-4);
  margin: 0 0 0.75rem 0;
}

._location_fe1fe_154 svg {
  margin-right: 0.375rem;
  color: #9ca3af;
}

._detailsRow_fe1fe_168 {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

._detailItem_fe1fe_174 {
  display: flex;
  align-items: center;
  font-family: var(--font-regular);
  font-size: var(--fmob-size-14px);
  color: #4b5563;
}

._detailItem_fe1fe_174 svg {
  margin-right: 0.375rem;
  color: #9ca3af;
}

._amenities_fe1fe_187 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.75rem;
}

._amenity_fe1fe_194 {
  display: flex;
  align-items: center;
  background: var(--ui-2);
  color: var(--primary-2);
  font-family: var(--font-regular);
  font-size: var(--fmob-size-12px);
  padding: 0.1875rem 0.5rem;
  border-radius: 0.75rem;
  border: 0.0625rem solid var(--ui-3);
}

._amenity_fe1fe_194 svg {
  margin-right: 0.25rem;
  color: var(--primary-2);
  flex-shrink: 0;
}

._amenityText_fe1fe_212 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 5rem;
}

._pricingSection_fe1fe_219 {
  margin-top: auto;
  border-top: 0.0625rem solid #e5e7eb;
  padding-top: 0.75rem;
}

._priceContainer_fe1fe_225 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

._pricePerPerson_fe1fe_231 {
  display: flex;
  /* flex-direction: column; */
  align-items: flex-end;
}

._priceLabel_fe1fe_237 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-12px);
  color: var(--text-3);
  margin-bottom: 0.125rem;
  text-transform: uppercase;
  letter-spacing: 0.01875rem;
}

._priceAmount_fe1fe_246 {
  font-family: var(--font-bold);
  font-size: var(--fmob-size-24px);
  color: var(--primary-2);
  font-weight: var(--bold-w);
  color: #ff2965;
}

/* Button is now styled via Button component props (primary, cornerLg, wide, shadow) */

._viewDealButton_fe1fe_256 button {
  width: 100%;
  justify-content: center;
}
._imgError_fe1fe_96 ._frame_fe1fe_105 {
  width: 50%;
  opacity: 0.5;
}

._mobile_fe1fe_265 ._tripsList_fe1fe_19 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}
._desktop_fe1fe_271 ._tripsList_fe1fe_19 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.75rem;
}

._tripsList_fe1fe_19 li {
  transition: scale 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
._tripsList_fe1fe_19 li:has([data-focus-trigger]:focus) {
  scale: 1.02;
}

._item_fe1fe_285 {
  position: relative;
  border-radius: var(--corner-md);
  background-color: white;
  box-shadow: var(--booking-card-shadow);
  display: grid;
  grid-template-columns: 0.48fr 1fr;
  grid-template-rows: 1fr 1fr;
  height: 6.25rem;
}

._item_fe1fe_285 img {
  border-radius: var(--corner-md);
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.85);
}

._mobile_fe1fe_265 ._imgError_fe1fe_96 ._frame_fe1fe_105 {
  height: 100%;
}

._imgError_fe1fe_96,
._item_fe1fe_285 img {
  grid-column: 1;
  grid-row: 1 / -1;
}

._link_fe1fe_314 {
  grid-row: 1 / -1;
  display: grid;
  grid-template-rows: subgrid;
  height: 100%;
  padding: 0.75rem;
}

._link_fe1fe_314 h3 {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-18px);
  font-weight: var(--semibold-w);
  align-self: self-end;
  color: var(--primary-2);
}

._link_fe1fe_314 p {
  font-family: var(--font-semibold);
  font-size: var(--fmob-size-14px);
  font-weight: var(--semibold-w);
  margin-top: 0.25rem;
  color: var(--primary-1);
}

@media screen and (min-width: 62rem) and (max-width: 90rem) {
  ._cheapHotelDeals_fe1fe_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._mobile_fe1fe_265._cheapHotelDeals_fe1fe_1 {
  margin-bottom: 2.5rem !important;
  margin-top: 2rem;
}
._mobile_fe1fe_265._cheapHotelDeals_fe1fe_1 ._heading_fe1fe_5 ._more_fe1fe_11 {
  display: none;
}
._desktop_fe1fe_271._cheapHotelDeals_fe1fe_1 ._tripsList_fe1fe_19 + ._more_fe1fe_11 {
  display: none;
}

._emptyState_fe1fe_355 {
  max-width: 100%;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  margin: -1rem auto;
  border: 0.0625rem dashed var(--ui-3);
  border-radius: var(--corner-lg);
}

._emptyState_fe1fe_355 svg {
  max-height: 10rem;
  margin-bottom: 0.5rem;
  opacity: 0.7;
}

._emptyText_fe1fe_375 {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  color: var(--ui-4);
  margin-top: 1rem;
}

/* Grid Layout */
._hotelsGrid_fe1fe_383 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

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

/* Mobile Responsive */
._mobile_fe1fe_265 ._hotelsGrid_fe1fe_383 {
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

._desktop_fe1fe_271 ._hotelsGrid_fe1fe_383 {
  grid-template-columns: repeat(auto-fill, minmax(21.875rem, 1fr));
}

/* View More Button */
._viewMoreContainer_fe1fe_406 {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

._viewMoreButton_fe1fe_413 {
  background: var(--primary-2);
  color: white;
  border: none;
  border-radius: var(--corner-md);
  padding: 0.75rem 2rem;
  font-family: var(--font-semibold);
  font-size: 1rem;
  font-weight: var(--semibold-w);
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 0.125rem 0.5rem rgba(59, 130, 246, 0.3);
}

._viewMoreButton_fe1fe_413:hover {
  background: var(--primary-2-dark);
  transform: translateY(-0.125rem);
  box-shadow: 0 0.25rem 0.75rem rgba(59, 130, 246, 0.4);
}

._viewMoreButton_fe1fe_413:active {
  transform: translateY(0);
  box-shadow: 0 0.125rem 0.25rem rgba(59, 130, 246, 0.3);
}

/* Responsive adjustments */
@media (max-width: 48rem) {
  ._hotelImageContainer_fe1fe_69 {
    height: 10rem;
  }
  
  ._hotelName_fe1fe_127 {
    font-size: 1rem;
  }
  
  ._amenities_fe1fe_187 {
    gap: 0.375rem;
  }
  
  ._amenity_fe1fe_194 {
    font-size: 0.6875rem;
    padding: 0.1875rem 0.375rem;
  }
  
  ._viewMoreButton_fe1fe_413 {
    padding: 0.625rem 1.5rem;
    font-size: 0.875rem;
    width: 100%;
    max-width: 18.75rem;
  }
}._container_t4k14_1 {
  position: fixed;
  inset: 0;
  z-index: var(--zindex-highest);
  min-height: 100vh;
  width: 100%;
  padding: 0;
  display: grid;
}

._content_t4k14_21 {
  position: relative;
  align-items: center;
  text-align: center;
  margin: auto;
}
.footer-mobile footer {
  margin-top: auto;
}
.footer-mobile footer .footer-view {
  margin-top: 1rem !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 0 !important;
  padding: 1rem !important;
}
.footer-mobile footer .footer-view .footer-social div,
.footer-mobile footer .footer-view .footer-social div a {
  width: 1.875rem;
  height: 1.875rem;
}
.footer-mobile footer .footer-view .footer-social,
.footer-mobile footer .footer-view .footer-logo img {
  max-height: 1.5rem !important;
}
.footer-mobile footer .footer-view .footer-social {
  margin-bottom: 1.5rem !important;
}
.footer-mobile footer .footer-view .footer-column {
  flex-basis: 100%;
}
.footer-mobile footer .footer-heading {
  margin-top: 0 !important;
  padding: 1rem 0 !important;
  font-size: var(--f-size-14px);
  font-weight: var(--bold-w);
  letter-spacing: 0.01rem;
}
.footer-mobile footer .footer-heading.collapsed {
  border-bottom: 1px solid var(--ui-3);
}
.footer-mobile footer .footer-heading::after {
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  background-image: url("data:image/svg+xml,%3csvg%20class='vector'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M9%205L5%201L1%205'%20stroke='%23001B38'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
  right: 1rem;
  margin-top: 3px;
}
.footer-mobile footer .footer-heading.collapsed::after {
  background-image: url("data:image/svg+xml,%3csvg%20class='vector'%20width='10'%20height='6'%20viewBox='0%200%2010%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M1%200.999999L5%205L9%200.999999'%20stroke='%23001B38'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
}
.footer-mobile footer .footer-links {
  font-size: var(--f-size-16px);
  margin: 0.75rem 0 !important;
  row-gap: 1rem !important;
}
.footer-mobile footer .footer-heading.collapsed + .footer-links {
  display: none;
}
.footer-mobile footer .footer-links a:hover {
  color: var(--primary-link-color) !important;
}

.footer-notice-logos {
  background-color: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 4rem;
  padding-bottom: 1rem;
}

.footer-notice-logos.desktop {
  column-gap: 2rem;
  margin-top: 0;
  padding-right: 5rem;
  justify-content: flex-end;
}

.footer-notice-logos > img {
  height: 50px;
}

.footer-notice-logos.desktop > img {
  height: 3.3rem;
  width: auto;
}

.footer-notice {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  margin-left: -2rem;
  border-radius: var(--corner-md);
  background-color: var(--ui-3);
}

.footer-notice:hover {
  background-color: var(--ui-4);
}

.footer-notice-text {
  position: absolute;
  bottom: 3rem;
  right: 0;
  background-color: var(--primary-2);
  border-radius: var(--corner-md);
  color: white;
  padding: 1rem;
  max-height: 7rem;
  width: 80vw;
  overflow: hidden;
}

.footer-notice-text .inner {
  padding: 0.5rem;
  overflow: auto;
  max-height: 5rem;
  max-width: 80vw;
  text-align: left;
  scrollbar-width: thin;
  overflow-y: scroll;
}

.desktop .footer-notice-text {
  width: 30rem;
}
.desktop .footer-notice-text .inner {
  max-width: 30rem;
}

.footer-desktop footer .footer-note {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
._menu_15gvi_1 {
  width: 100%;
  font-family: var(--font-semibold);
  font-style: var(--font-style);
  font-weight: var(--semibold-w);
  line-height: var(--line-height);
  font-size: var(--f-size-14px);
  background-color: var(--nav-bar-color);
  box-shadow: var(--nav-bar-shadow);
  z-index: var(--zindex-medium);
}

._menu_15gvi_1._mobile_15gvi_25 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.125rem 3%;
  column-gap: 0.5rem;
  z-index: var(--zindex-medium);
  box-shadow: 0rem 0.25rem 0.25rem -0.125rem rgba(37, 42, 49, 0.12);
}

._menu_15gvi_1._desktop_15gvi_47 {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  line-height: 1rem;
}

._menu_15gvi_1._desktop_15gvi_47 div.padded-view {
  width: 100%;
  padding: 1.25rem var(--main-page-side-pad);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr auto;
  white-space: nowrap;
  column-gap: 1.5rem;
}

._mobile_15gvi_25 ._logo_15gvi_83 {
  width: 7.5rem;
}

._logo_15gvi_83 {
  width: 7.3125rem;
  margin-right: 0.5125rem;
  cursor: pointer;
}

._menuLeft_15gvi_103 {
  column-gap: 1.85rem;
  display: flex;
  align-items: center;
}

._desktop_15gvi_47 ._menuLeft_15gvi_103 {
  overflow: hidden;
}

._desktop_15gvi_47 ._menuLeft_15gvi_103 a:not(a:first-of-type) {
  overflow: hidden;
  text-overflow: ellipsis;
}

._menuLeft_15gvi_103 a:first-of-type {
  display: flex;
}

/* NavLink default */
._menu_15gvi_1 a {
  color: var(--passive-link-color);
  transition: all 0.15s;
}

._menu_15gvi_1 a:active {
  color: var(--primary-link-color);
  opacity: 0.7;
}

._menu_15gvi_1 a:hover {
  color: var(--primary-link-color);
  transition: all 0.15s;
}

a._active_15gvi_173 {
  color: var(--active-link-color);
  border-bottom: var(--active-link-line);
  padding-bottom: var(--active-link-line-offset);
  margin-top: var(--active-link-line-offset);
}

._menuRight_15gvi_187 {
  justify-self: end;
  column-gap: 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

._menuRight_15gvi_187 button {
  color: var(--passive-link-color);
}
._menuRight_15gvi_187 button:focus-visible {
  outline-offset: 2px;
}
._menuRight_15gvi_187 button svg {
  color: var(--passive-link-color);
}
ой
._desktop_15gvi_47 ._menuRight_15gvi_187 {
  min-width: 100%;
}

._mobile_15gvi_25 ._menuRight_15gvi_187 {
  column-gap: 1rem;
}
._parent_1c1wq_1 ._child_1c1wq_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  min-height: 3.4375rem;
  cursor: pointer;
}

._parent_1c1wq_1 ._child_1c1wq_1:focus-visible {
  background-color: var(--ui-2);
  margin-bottom: 0.5rem;
}

._border_1c1wq_31 {
  border: solid #e8edf1;
  border-width: 0 0 1px;
}

._border_1c1wq_31._none_1c1wq_41 {
  border: solid transparent;
  border-width: 0 0 1px;
}

._link_1c1wq_51 {
  color: var(--primary-2);
  font-family: var(--font-semibold);
  font-size: var(--f-size-16px);
  font-weight: var(--semibold-w);
}

._link_1c1wq_51 + ._link_1c1wq_51 {
  margin-top: 0.33rem;
}

._container_1c1wq_73 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  row-gap: 0.625rem;
  padding-bottom: 1.125rem;
}
._container_1b0qn_1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

._container_1b0qn_1._guestMenu_1b0qn_13 {
  flex-direction: column;
  justify-content: flex-start;
  width: 360px;
  row-gap: 15px;
  height: calc(100vh - 60px);
  padding-bottom: 25px;
  padding-top: 25px;
}

._container_1b0qn_1._guestMenu_1b0qn_13._mobile_1b0qn_33 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  row-gap: 0;
  padding: 0.625rem 0 0;
  min-height: 100%;
}

._banner_1b0qn_53 {
  margin: 1rem 0;
  width: 17.5rem;
  height: 8.75rem;
}

._banner_1b0qn_53 img {
  height: 100%;
}

._mobile_1b0qn_33 ._banner_1b0qn_53 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 14.5rem;
  max-height: 8rem;
}

._mobile_1b0qn_33 ._banner_1b0qn_53 img {
  height: 100%;
  width: 100%;
}

._mobile_1b0qn_33 ._middle_1b0qn_97 {
  margin-bottom: 2.5rem;
  row-gap: 0.75rem;
}

._middle_1b0qn_97 {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 18px;
  margin-bottom: 15px;
}

p._container_1b0qn_1 {
  flex-direction: column;
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  font-weight: var(--regular-w);
  line-height: 1.125rem;
  color: var(--primary-2);
}

p._container_1b0qn_1 span {
  text-align: center;
}

p._container_1b0qn_1 span b {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
}

._mobile_1b0qn_33 p._container_1b0qn_1 {
  margin-bottom: 0.5rem;
}

._mobile_1b0qn_33 p._container_1b0qn_1 > * {
  font-family: var(--font-regular);
  font-size: var(--fmob-size-16px);
  line-height: 1.125rem;
  font-weight: var(--regular-w);
}

._textLink_1b0qn_181 {
  color: var(--primary-1);
  font-family: var(--font-bold);
  font-size: var(--f-size-16px);
  font-weight: var(--bold-w);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-skip-ink: none;
  background: none;
  padding: 0;
  border: none;
}

._mobile_1b0qn_33 ._textLink_1b0qn_181 {
  font-family: var(--font-bold);
  font-size: var(--fmob-size-18px);
  font-weight: var(--bold-w);
}

._infolinks_1b0qn_219 {
  width: 100%;
  color: var(--primary-2);
  font-family: var(--font-medium);
  font-size: var(--fmob-size-16px);
  font-weight: var(--medium-w);
}

._infolinks_1b0qn_219 span._container_1b0qn_1 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: auto;
  min-height: 55px;
  border: solid #e8edf1;
  border-width: 0 0 1px;
}

._infolinks_1b0qn_219 span._container_1b0qn_1 span {
  font-family: var(--font-semibold);
  font-weight: var(--semibold-w);
}

._mobile_1b0qn_33 ._infolinks_1b0qn_219 {
  font-family: var(--font-medium);
  font-size: var(--fmob-size-16px);
  font-weight: var(--medium-w);
}

._icon_1b0qn_279 {
  width: 16px;
  height: 16px;
  margin-right: 7px;
}

._container_1b0qn_1._imageGroup_1b0qn_291 {
  justify-content: center;
  column-gap: 1rem;
  width: 22.5rem;
  flex-basis: 10%;
}

._mobile_1b0qn_33 ._container_1b0qn_1._imageGroup_1b0qn_291 {
  padding-top: 1.44rem;
  padding-bottom: 1.88rem;
  justify-content: center;
  column-gap: 0.62rem;
  width: 100%;
}

._mobile_1b0qn_33 ._container_1b0qn_1._imageGroup_1b0qn_291 img {
  width: 50%;
}

._mobile_1b0qn_33 ._container_1b0qn_1._imageGroup_1b0qn_291 a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--ui-2);
  width: 2.5rem;
  height: 2.5rem;
}

._close_1b0qn_351 {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  right: 0.625rem;
  top: 0.625rem;
  border: none;
  background: none;
  border-radius: var(--corner-sm);
  padding: 0.7rem;
}
._close_1b0qn_351:hover {
  background-color: var(--ui-3);
  transition: all 0.15s;
}
._close_1b0qn_351 svg {
  width: 70%;
}
._container_13ft5_1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

._container_13ft5_1._menu_13ft5_13 {
  flex-direction: column;
  width: 225px;
}

._menu_13ft5_13 li:not(._divider_13ft5_23) > a,
._menu_13ft5_13 ._signout_13ft5_25 {
  color: var(--primary-2) !important;
  opacity: 1 !important;
  font-family: var(--font-semibold);
  font-size: var(--f-size-16px);
  font-weight: var(--semibold-w);
  line-height: var(--line-height);
  font-style: var(--font-style);
}

._menu_13ft5_13 li:not(._divider_13ft5_23) > a:hover,
._menu_13ft5_13 ._signout_13ft5_25:hover {
  color: var(--primary-link-color) !important;
}

._menu_13ft5_13 li:not(._divider_13ft5_23):not(:last-child) {
  margin-bottom: 15px;
}

._divider_13ft5_23 {
  margin-top: 5px;
  margin-bottom: 20px;
  border-style: solid;
  border-color: #d6e3f0;
  border-width: 1px 0 0 0;
}

._container_13ft5_1._user_13ft5_79 {
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
}

._miniIcon_13ft5_91 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  user-select: none;
  background-color: var(--ui-4);
}

._name_13ft5_115 {
  overflow-x: hidden;
  text-overflow: ellipsis;
  color: var(--primary-2) !important;
  font-family: var(--font-medium);
  font-size: var(--f-size-14px);
  font-weight: var(--medium-w);
  line-height: var(--line-height);
  font-style: var(--font-style);
}
._signout_13ft5_25 {
  border: none;
  background: none;
  padding: 0;
}
._avatar_21pgf_1 {
  width: 100%;
  height: 100%;
  min-width: 1rem;
  min-height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  container-type: size;
  background-color: var(--ui-4);
  border-radius: 50%;
  overflow: hidden;
}

._letter_21pgf_29 {
  font-size: 60cqw;
}