/* 'tailwindcss/base' START */
.sea *, .sea ::before, .sea ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ; 
}
.sea ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ; 
}
/* tailwindcss/base end */
/* 'tailwindcss/components' START */
.sea .container {
    width: 100%; 
}
@media (min-width: 480px) {
    .sea .container {
        max-width: 480px; 
    } 
}
@media (min-width: 640px) {
    .sea .container {
        max-width: 640px; 
    } 
}
@media (min-width: 768px) {
    .sea .container {
        max-width: 768px; 
    } 
}
@media (min-width: 900px) {
    .sea .container {
        max-width: 900px; 
    } 
}
@media (min-width: 1024px) {
    .sea .container {
        max-width: 1024px; 
    } 
}
@media (min-width: 1100px) {
    .sea .container {
        max-width: 1100px; 
    } 
}
@media (min-width: 1280px) {
    .sea .container {
        max-width: 1280px; 
    } 
}
@media (min-width: 1360px) {
    .sea .container {
        max-width: 1360px; 
    } 
}
/* tailwindcss/components end */
/* custom styles start */
@font-face {
    font-family: "Inter";
    src: url("../fonts/InterVariable.woff2"); 
}
.html, .sea [data-au2-ferry-theme="Estravel"][data-au2-ferry-theme="Estravel"] {
    --clr-primary-900: hsl(213, 100%, 16%);
    --clr-primary-800: hsl(213, 100%, 26%);
    --clr-primary-700: hsl(213, 75%, 39%);
    --clr-primary-600: hsl(212, 60%, 53%);
    --clr-primary-500: hsl(213, 70%, 69%);
    --clr-primary-400: hsl(213, 100%, 84%);
    --clr-primary-300: hsl(213, 100%, 90%);
    --clr-primary-200: hsl(213, 82%, 92%);
    --clr-primary-100: hsl(213, 64%, 96%);
    --clr-primary-500-20: hsl(213, 70%, 69%, 20%);

    --clr-gray-100: #EFEFEF;
    --clr-gray-200: #DEDEDE;
    --clr-gray-300: #CBCBCB;
    --clr-gray-400: #7D7D7D;
    --clr-gray-500: #666666; /* text secondary */
    --clr-gray-600: #1A1A1A; /* text primary */

    --clr-secondary-100: hsl(43, 100%, 93%);
    --clr-secondary-200: hsl(43, 89%, 86%);
    --clr-secondary-300: hsl(43, 100%, 77%);
    --clr-secondary-400: hsl(43, 100%, 65%); /* primary yellow */

    --clr-error-600: hsl(0, 66%, 50%); /* error border, label text */
    --clr-error-500: hsl(21, 100%, 52%);
    --clr-error-400: hsl(22, 100%, 70%);
    --clr-error-300: hsl(21, 100%, 76%);
    --clr-error-200: hsl(21, 100%, 88%);
    --clr-error-100: hsl(21, 100%, 95%); /* error background */
    
    --font-primary: Inter, sans-serif;

    --clr-text: var(--clr-primary-900); /* --clr-primary-900 */
    --clr-brand: var(--clr-primary-800);
    --clr-text-muted: hsl(0, 0%, 44%);

    --dialog-modal-container-clr-surface: hsl(244, 21%, 25%, 0.9);
    --dialog-clr-surface: white;
    --dialog-border: solid 5px var(--clr-primary-800);

    --form-input-text-shadow: inset 0 0 0 1px #D8D8D8;

    --form-input-radiocheckbox-bg: white;
    --form-input-clr-bg-accent: hsl(213, 100%, 26%);
    /* Edit the image fill/stroke to match --form-input-clr-bg as CSS cannot access variables inside url() */
    --form-input-checkbox-background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='hsl(213, 100%, 26%)' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");
    --form-input-radio-background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='hsl(213, 100%, 26%)'/></svg>");
    --form-input-select-background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="hsl(213, 100%, 26%)" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    --form-input-clr-border: hsl(0, 0%, 59%);

    --btn-primary-clr-text: white;
    --btn-primary-clr-surface: hsl(213, 100%, 26%);
    --btn-primary-clr-surface-hover: hsl(213, 100%, 16%);
    --btn-primary-subtle-clr-surface: hsl(213, 82%, 92%);
    --btn-primary-subtle-clr-surface-hover: hsl(213, 100%, 90%);
    --btn-high-emphasis-text: hsl(213, 100%, 16%)
    --btn-high-emphasis-surface: hsl(43, 100%, 65%);
    --btn-high-emphasis-surface-hover: hsl(43, 100%, 65%);

    --btn-secondary-clr-text: hsl(213, 100%, 16%);
    --btn-secondary-clr-surface: transparent;
    --btn-secondary-clr-surface-hover: rgb(0 0 0 / 0.06);

    --link-clr: hsl(213, 100%, 26%);
    --link-clr-hover: hsl(213, 75%, 39%);

    /* Close icon on dropdowns */
    --svg-button-fill: hsl(213, 100%, 26%);
    --svg-button-surface: hsl(213, 64%, 96%);
    --svg-button-surface-hover: hsl(213, 100%, 90%);
}
.html {
    color: var(--clr-text);
    font-family: var(--font-primary);
    font-size: 0.938rem; /* 15px */
    line-height: 1.5;
}
/* dialog has automatic focus, comes with hidden and absolute builtin */
.sea dialog[role=dropdown] {
    z-index: 10;
    margin-top: 0.5rem;
    border-radius: 0.5rem;
    overflow: auto;
    background-color: var(--dialog-clr-surface);
    border: var(--dialog-border);
    max-width: calc(100vw - 32px);
    max-height: 600px;
}
@media (min-width: 480px) {
    .sea dialog[role=dropdown] {
        max-width: calc(100vw - 20px);
        max-height: calc(100vh - 170px);
    }
}
/* For some reason the desktop calendar has inline width: 2px */
.sea .flatpickr-calendar.multiMonth, .sea .flatpickr-days {
  width: 100% !important;
}
.sea .flatpickr-calendar {
  box-shadow: none;
  border-radius: 0;
}
/* Disable year input typing */
.sea .flatpickr-calendar .numInput {
  pointer-events: none;
}
/* Remove month select, month span and year input bg hover */
.sea .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .sea .flatpickr-calendar .cur-month:hover, .sea .flatpickr-calendar .numInputWrapper:hover {
  background: none !important;
}
/* Remove next/prev month button hover */
.sea .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg, .sea .flatpickr-months .flatpickr-next-month:hover svg {
    fill: unset;
}
/* Hide year input arrows */
.sea .flatpickr-calendar .numInputWrapper .arrowUp, .sea .flatpickr-calendar .numInputWrapper .arrowDown {
  display: none;
}
/* Hide month select dropdown arrow and prevent selection */
.sea .flatpickr-calendar select {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  pointer-events: none;
}
/* Overwrite flatpickr styles for month and year */
.sea .flatpickr-calendar .flatpickr-current-month span.cur-month, .sea .flatpickr-calendar .flatpickr-current-month input.cur-year {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.125rem;
}
/* Prev/next month days have appearance none, must not get Tailwind display: none */
.sea .flatpickr-calendar .hidden {
  display: inline-block !important;
}
/* Hide unknown pseudoelements on calendar */
.sea .flatpickr-calendar:after, .sea .flatpickr-calendar:before {
  display: none;
}
/* custom next/prev month arrow needs to be defined on flatpickr initialization like this:
prevArrow: `<div class="size-8 bg-current" style="mask-image: url('/wp-content/plugins/last-minute-trips/dist/images/icon-arrow.svg')"></div>`, 
*/
.sea .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .sea .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    position: static;
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: var(--svg-button-surface);
    padding: 0; 
}
.sea .flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover, .sea .flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
    background-color: var(--svg-button-surface-hover); 
}
.sea .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg, .sea .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    color: var(--svg-button-fill); 
}
.sea .flatpickr-calendar .flatpickr-day {
  border-radius: 4px;
  border: none;
  background: var(--clr-primary-100);
  margin-top: 2px;
}
.sea .flatpickr-calendar .flatpickr-months .flatpickr-month, .sea .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekday {
  color: inherit;
}
/* Specificity 3 */
.sea .flatpickr-calendar .flatpickr-day.selected, .sea .flatpickr-calendar .flatpickr-day.startRange, .sea .flatpickr-calendar .flatpickr-day.inRange, .sea .flatpickr-calendar .flatpickr-day.endRange, .sea .flatpickr-calendar .flatpickr-day.selected:focus, .sea .flatpickr-calendar .flatpickr-day.startRange:focus, .sea .flatpickr-calendar .flatpickr-day.endRange:focus, .sea .flatpickr-calendar .flatpickr-day.selected:hover, .sea .flatpickr-calendar .flatpickr-day.startRange:hover, .sea .flatpickr-calendar .flatpickr-day.endRange:hover {
  background: var(--clr-primary-800);
  font-weight: 600;
}
/* Override default style for range of 2 consecutive days */
.sea .flatpickr-calendar .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .sea .flatpickr-calendar .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .sea .flatpickr-calendar .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--clr-primary-800);
}
/* Specificity 3+ */
.sea .flatpickr-calendar .flatpickr-day.inRange {
  box-shadow: none;
  background-color: var(--clr-secondary-200);
}
.sea .flatpickr-calendar .flatpickr-day.today {
  font-weight: 600;
}
.sea .flatpickr-calendar .flatpickr-day.today:not(.selected) {
  color: var(--clr-primary-700);
}
/* Specificity 2 */
.sea .flatpickr-day:where(:not(.disabled)):hover, .sea .flatpickr-day:where(:not(.flatpickr-disabled)):hover {
  background-color: var(--clr-primary-300);
}
.sea .flatpickr-calendar .flatpickr-day.disabled, .sea .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: #d8d8d8;
  cursor: pointer;
  pointer-events: none;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth {
  width: 100% !important;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth .flatpickr-rContainer {
  width: 100%;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth .flatpickr-days {
  width: 100% !important;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth .dayContainer + .dayContainer {
  box-shadow: none;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth .dayContainer {
  padding-right: 6px;
  padding-left: 6px;
}
.sea .e4-dropdown-calendar .flatpickr-calendar.multiMonth .flatpickr-weekdays .flatpickr-weekdaycontainer {
  padding-left: 6px;
  padding-right: 6px;
}
.sea .e4-dropdown-calendar .flatpickr-calendar input {
  min-width: auto;
  box-shadow: none;
}
.sea .e4-dropdown-calendar .flatpickr-months {
  margin-bottom: 20px;
}
/* ============== Radio button ================ */
.sea .e5-radio-button, .sea .e5-checkbox-button {
    display: block;
    cursor: pointer;
    white-space: nowrap;
    background-color: var(--clr-secondary-200, #FBE9BB);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    font-size: 0.813rem;
    font-weight: 600; 
}
.sea .e5-radio-button:first-of-type, .sea .e5-checkbox-button:first-of-type {
    border-start-start-radius: 6px;
    border-end-start-radius: 6px; 
}
.sea .e5-radio-button:last-of-type, .sea .e5-checkbox-button:last-of-type {
    border-start-end-radius: 6px;
    border-end-end-radius: 6px; 
}
.sea .e5-radio-button:hover, .sea .e5-checkbox-button:hover {
    background-color: var(--clr-secondary-300, #FFDE8A); 
}
.sea input:checked + .e5-radio-button, .sea input:checked + .e5-checkbox-button {
    background-color: var(--clr-primary-900, hsl(213, 100%, 16%));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 
}
.sea input:checked + .e5-radio-button:hover, .sea input:checked + .e5-checkbox-button:hover {
    background-color: var(--clr-primary-800, hsl(213, 100%, 26%)); 
}
/* ============== Basic inputs ====================*/
.sea input, .sea select, .sea textarea {
  outline: 0;
  background: white;
}
.sea input[type=text] {
  box-shadow: var(--form-input-text-shadow);
  padding: .375rem .75rem;
  width: 100%;
  display: block;
  font-weight: 400;
  border-radius: 0.3125rem;
}
.sea input[type=checkbox]:checked {
  background-image: var(--form-input-checkbox-background-image);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-color: var(--form-input-clr-bg-accent);
}
.sea input[type=checkbox] {
  border: solid 0.125rem var(--form-input-clr-border);
  border-radius: 0.25rem;
}
.sea input[type=checkbox]:enabled:active, .sea input[type=radio]:enabled:active {
  border-color: var(--form-input-clr-bg-accent);
}
.sea input[type=checkbox]:disabled, .sea input[type=radio]:disabled {
  opacity: .5;
  pointer-events: none;
}
.sea input[type=checkbox], .sea input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  min-width: 1.125rem;
  min-height: 1.125rem;
  margin-inline-end: .5em;
  vertical-align: middle;
  cursor: pointer;
}
.sea input[type=radio] {
  border: solid 0.125em var(--form-input-clr-border);
  border-radius: 50%;
}
.sea input[type=radio]:checked {
  background-image: var(--form-input-radio-background-image);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-color: var(--form-input-clr-bg-accent);
}
/* .select is for dropdowns */
.sea select, .sea .select {
  /* Fix select arrow */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-repeat: no-repeat;
  background-position: right 8px center; 
  background-image: var(--form-input-select-background-image);
  background-size: 24px;
  /* Remove FF gray background */
  background-color: white;
  
  border-radius: 0.3125rem;
  border: solid 0.0625rem var(--form-input-clr-border);
}
/* ============= Floating input label =============== */
.sea .e5-form-floating input::-moz-placeholder {
  color: transparent;
}
.sea .e5-form-floating input::placeholder {
  color: transparent;
}
.sea .e5-form-floating-input {
  padding: 1rem 0.5rem;
  line-height: 1.375;
}
.sea .e5-form-floating {
  --form-floating-y-offset: 0.5rem;
}
/* HTML input must have attributes: placeholder="floating-label" readonly */
.sea .e5-form-floating > .e5-form-floating-input:not(:-moz-placeholder) {
  /* 1rem - must match grid input padding */
  padding-top: calc(1rem + var(--form-floating-y-offset));
  padding-bottom: calc(1rem - var(--form-floating-y-offset));
}
.sea .e5-form-floating > .e5-form-floating-input.e5-active, .sea .e5-form-floating > .e5-form-floating-input:not(:placeholder-shown), .sea .e5-form-floating > .e5-form-floating-input:focus {
  /* 1rem - must match grid input padding */
  padding-top: calc(1rem + var(--form-floating-y-offset));
  padding-bottom: calc(1rem - var(--form-floating-y-offset));
}
.sea .e5-form-floating > .e5-form-floating-input:not(:-moz-placeholder)~label {
    /* 1rem - must match grid input padding */
  padding-top: calc(1rem - var(--form-floating-y-offset));
  padding-bottom: calc(1rem - var(--form-floating-y-offset));
  font-size: 11px;
}
.sea .e5-form-floating > .e5-form-floating-input.e5-active~label, .sea .e5-form-floating > .e5-form-floating-input:not(:placeholder-shown)~label, .sea .e5-form-floating > .e5-form-floating-input:focus~label {
    /* 1rem - must match grid input padding */
  padding-top: calc(1rem - var(--form-floating-y-offset));
  padding-bottom: calc(1rem - var(--form-floating-y-offset));
  font-size: 11px;
}
.sea .e5-form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
    /* 1rem 0.5rem - must match grid input padding */
  padding: 1rem 0.5rem;
  pointer-events: none;
  transition: all ease-in-out 100ms;
  white-space: nowrap;
  transform-origin: 0 0;
  line-height: 1.375; /* Must match input line-height */
  font-size: 1rem;
  color: var(--clr-text-muted);
}
.sea .e5-btn-high {
    border-radius: 0.3125rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
    font-size: 1.063rem;
    font-weight: 600;
    color: var(--btn-secondary-clr-text);
    background: var(--clr-secondary-400); 
}
.sea .e5-btn-high:hover:not(.e5-btn-disabled) {
    background: var(--btn-high-emphasis-surface-hover)
}
/* custom styles end */
.sea .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0; 
}
.sea .relative {
    position: relative; 
}
.sea .left-\[50\%\] {
    left: 50%; 
}
.sea .right-auto {
    right: auto; 
}
.sea .top-16 {
    top: 2.5rem; 
}
.sea .mx-\[initial\] {
    margin-left: initial;
    margin-right: initial; 
}
.sea .mx-auto {
    margin-left: auto;
    margin-right: auto; 
}
.sea .\!mt-\[-6px\] {
    margin-top: -6px !important; 
}
.sea .mb-12 {
    margin-bottom: 1.5rem; 
}
.sea .mb-4 {
    margin-bottom: 0.5rem; 
}
.sea .mb-8 {
    margin-bottom: 1rem; 
}
.sea .ml-auto {
    margin-left: auto; 
}
.sea .mr-16 {
    margin-right: 2.5rem; 
}
.sea .mr-3 {
    margin-right: 0.375rem; 
}
.sea .mr-5 {
    margin-right: 0.625rem; 
}
.sea .mt-12 {
    margin-top: 1.5rem; 
}
.sea .mt-4 {
    margin-top: 0.5rem; 
}
.sea .mt-5 {
    margin-top: 0.625rem; 
}
.sea .mt-6 {
    margin-top: 0.75rem; 
}
.sea .block {
    display: block; 
}
.sea .inline-block {
    display: inline-block; 
}
.sea .inline {
    display: inline; 
}
.sea .flex {
    display: flex; 
}
.sea .grid {
    display: grid; 
}
.sea .hidden {
    display: none; 
}
.sea .size-15 {
    width: 2rem;
    height: 2rem; 
}
.sea .h-15 {
    height: 2rem; 
}
.sea .h-16 {
    height: 2.5rem; 
}
.sea .h-5 {
    height: 0.625rem; 
}
.sea .h-8 {
    height: 1rem; 
}
.sea .h-\[400px\] {
    height: 400px; 
}
.sea .max-h-\[400px\] {
    max-height: 400px; 
}
.sea .min-h-12 {
    min-height: 1.5rem; 
}
.sea .\!w-auto {
    width: auto !important; 
}
.sea .w-1\/2 {
    width: 50%; 
}
.sea .w-15 {
    width: 2rem; 
}
.sea .w-16 {
    width: 2.5rem; 
}
.sea .w-18 {
    width: 3rem; 
}
.sea .w-5 {
    width: 0.625rem; 
}
.sea .w-8 {
    width: 1rem; 
}
.sea .w-\[260px\] {
    width: 260px; 
}
.sea .w-full {
    width: 100%; 
}
.sea .min-w-\[200px\] {
    min-width: 200px; 
}
.sea .min-w-\[280px\] {
    min-width: 280px; 
}
.sea .min-w-\[320px\] {
    min-width: 320px; 
}
.sea .flex-none {
    flex: none; 
}
.sea .flex-grow {
    flex-grow: 1; 
}
.sea .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 
}
.sea .rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 
}
.sea .cursor-default {
    cursor: default; 
}
.sea .cursor-pointer {
    cursor: pointer; 
}
.sea .select-none {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; 
}
.sea .resize {
    resize: both; 
}
.sea .grid-cols-\[1fr_1fr\] {
    grid-template-columns: 1fr 1fr; 
}
.sea .flex-wrap {
    flex-wrap: wrap; 
}
.sea .items-center {
    align-items: center; 
}
.sea .justify-end {
    justify-content: flex-end; 
}
.sea .justify-center {
    justify-content: center; 
}
.sea .justify-between {
    justify-content: space-between; 
}
.sea .gap-1 {
    gap: 0.125rem; 
}
.sea .gap-2 {
    gap: 0.25rem; 
}
.sea .gap-4 {
    gap: 0.5rem; 
}
.sea .gap-8 {
    gap: 1rem; 
}
.sea .gap-\[3px\] {
    gap: 3px; 
}
.sea .overflow-hidden {
    overflow: hidden; 
}
.sea .overflow-y-auto {
    overflow-y: auto; 
}
.sea .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.sea .rounded-\[6px\] {
    border-radius: 6px; 
}
.sea .rounded-\[8px\] {
    border-radius: 8px; 
}
.sea .rounded-full {
    border-radius: 9999px; 
}
.sea .rounded-lg {
    border-radius: 0.5rem; 
}
.sea .rounded-md {
    border-radius: 0.3125rem; 
}
.sea .rounded-e-\[5px\] {
    border-start-end-radius: 5px;
    border-end-end-radius: 5px; 
}
.sea .rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; 
}
.sea .rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; 
}
.sea .rounded-t-\[5px\] {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; 
}
.sea .rounded-ee-\[5px\] {
    border-end-end-radius: 5px; 
}
.sea .rounded-es-\[5px\] {
    border-end-start-radius: 5px; 
}
.sea .border {
    border-width: 1px; 
}
.sea .border-error-text {
    border-color: var(--clr-error-600); 
}
.sea .bg-error-surface {
    background-color: var(--clr-error-100); 
}
.sea .bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 223 225 / var(--tw-bg-opacity, 1)); 
}
.sea .bg-primary-100 {
    background-color: var(--clr-primary-100, hsl(212, 65%, 95%)); 
}
.sea .bg-primary-800 {
    background-color: var(--clr-primary-800, hsl(213, 100%, 26%)); 
}
.sea .bg-secondary-400 {
    background-color: var(--clr-secondary-400, #FFCC4C); 
}
.sea .bg-svg-button-surface {
    background-color: var(--svg-button-surface); 
}
.sea .bg-transparent {
    background-color: transparent; 
}
.sea .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 
}
.sea .fill-current {
    fill: currentColor; 
}
.sea .stroke-current {
    stroke: currentColor; 
}
.sea .p-5 {
    padding: 0.625rem; 
}
.sea .p-8 {
    padding: 1rem; 
}
.sea .p-\[3px\] {
    padding: 3px; 
}
.sea .px-3 {
    padding-left: 0.375rem;
    padding-right: 0.375rem; 
}
.sea .px-5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem; 
}
.sea .py-4 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; 
}
.sea .pb-2 {
    padding-bottom: 0.25rem; 
}
.sea .pb-4 {
    padding-bottom: 0.5rem; 
}
.sea .pb-5 {
    padding-bottom: 0.625rem; 
}
.sea .pb-6 {
    padding-bottom: 0.75rem; 
}
.sea .pl-2 {
    padding-left: 0.25rem; 
}
.sea .pl-5 {
    padding-left: 0.625rem; 
}
.sea .pr-16 {
    padding-right: 2.5rem; 
}
.sea .pt-1 {
    padding-top: 0.125rem; 
}
.sea .pt-3 {
    padding-top: 0.375rem; 
}
.sea .text-left {
    text-align: left; 
}
.sea .text-center {
    text-align: center; 
}
.sea .text-base {
    font-size: 0.938rem; 
}
.sea .text-lg {
    font-size: 1.063rem; 
}
.sea .text-sm {
    font-size: 0.813rem; 
}
.sea .text-xs {
    font-size: 0.688rem; 
}
.sea .font-light {
    font-weight: 300; 
}
.sea .font-medium {
    font-weight: 500; 
}
.sea .font-normal {
    font-weight: 400; 
}
.sea .font-semibold {
    font-weight: 600; 
}
.sea .italic {
    font-style: italic; 
}
.sea .leading-none {
    line-height: 1; 
}
.sea .text-error-text {
    color: var(--clr-error-600); 
}
.sea .text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(151 151 151 / var(--tw-text-opacity, 1)); 
}
.sea .text-primary-800 {
    color: var(--clr-primary-800, hsl(213, 100%, 26%)); 
}
.sea .text-secondary-400 {
    color: var(--clr-secondary-400, #FFCC4C); 
}
.sea .text-svg-button-fill {
    color: var(--svg-button-fill); 
}
.sea .opacity-50 {
    opacity: 0.5; 
}
.sea .shadow-inner {
    --tw-shadow: 0 0 0 1px #9B9B9B inset;
    --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 
}
.sea .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px; 
}
.sea .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 
}
.sea .\[grid-template-areas\:\'route_route\'\'calendar_calendar\'\'travelers_vehicle\'\] {
    grid-template-areas: 'route route''calendar calendar''travelers vehicle'; 
}
.sea .hover\:bg-primary-100:hover {
    background-color: var(--clr-primary-100, hsl(212, 65%, 95%)); 
}
.sea .hover\:bg-primary-300:hover {
    background-color: var(--clr-primary-300, hsl(214, 100%, 90%)); 
}
.sea .hover\:bg-primary-900:hover {
    background-color: var(--clr-primary-900, hsl(213, 100%, 16%)); 
}
.sea .hover\:bg-secondary-300:hover {
    background-color: var(--clr-secondary-300, #FFDE8A); 
}
.sea .hover\:bg-svg-button-surface-hover:hover {
    background-color: var(--svg-button-surface-hover); 
}
@media (min-width: 640px) {
    .sea .sm\:my-\[32px\] {
        margin-top: 32px;
        margin-bottom: 32px; 
    }
    .sea .sm\:w-\[420px\] {
        width: 420px; 
    }
    .sea .sm\:flex-grow-0 {
        flex-grow: 0; 
    }
    .sea .sm\:rounded-se-\[5px\] {
        border-start-end-radius: 5px; 
    }
    .sea .sm\:rounded-ss-\[5px\] {
        border-start-start-radius: 5px; 
    }
    .sea .sm\:rounded-tr-\[0px\] {
        border-top-right-radius: 0px; 
    }
    .sea .sm\:\[grid-template-areas\:\'route_calendar\'\'travelers_vehicle\'\] {
        grid-template-areas: 'route calendar''travelers vehicle'; 
    } 
}
@media (min-width: 768px) {
    .sea .md\:hidden {
        display: none; 
    }
    .sea .md\:py-5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem; 
    } 
}
@media (min-width: 1024px) {
    .sea .xl\:block {
        display: block; 
    }
    .sea .xl\:hidden {
        display: none; 
    }
    .sea .xl\:grid-cols-\[2fr_2fr_1fr_1fr_1fr\] {
        grid-template-columns: 2fr 2fr 1fr 1fr 1fr; 
    }
    .sea .xl\:rounded-s-\[5px\] {
        border-start-start-radius: 5px;
        border-end-start-radius: 5px; 
    }
    .sea .xl\:rounded-ee-\[0px\] {
        border-end-end-radius: 0px; 
    }
    .sea .xl\:rounded-es-\[0px\] {
        border-end-start-radius: 0px; 
    }
    .sea .xl\:rounded-se-\[0\] {
        border-start-end-radius: 0; 
    }
    .sea .xl\:\[grid-template-areas\:\'route_calendar_travelers_vehicle_btn\'\] {
        grid-template-areas: 'route calendar travelers vehicle btn'; 
    } 
}