/*******************************
 * Buttons
 ******************************/
/*
 * Applies the complete set of button styles with all desired style variations.
 * This mixin is normally applied to form buttons or links with
 * the desired button classes eg. .button.style-xxx.
 */
/*
 * Contains styles that all of the buttons have in common.
 * Some button styles might opt out or override some of these styles.
 * One benefit of this approach is that all of the buttons will be consistently
 * configurable with the CSS variables defined below.
 */
/*******************************
 * Button Styles
 *
 * Styles should define the way the buttons look. Depending on the project,
 * you may need to optimize each style based on the section / element that
 * a button is used in. For that purpose you can use the predefined CSS
 * variables to easily overwrite the desired colors based on your need.
 ******************************/
/*******************************
 * Inputs
 ******************************/
:root {
  --color-calendar-primary: var(--primary-color);
  --color-calendar-range: var(--primary-100);
  --color-calendar-hover: var(--primary-100);
  --radius-calendar-day-range-edge: var(--rounded);
  --radius-calendar-day: var(--rounded);
  --color-calendar-today-ring: var(--primary-color);
  --color-calendar-text: var(--text-color);
  --color-calendar-bg: transparent;
  --color-calendar-border: transparent;
  --color-calendar-muted: var(--grey-600);
  --shadow-calendar: none;
  --font-calendar: inherit;
}

.trips-grid-wrapper {
  container: trips/inline-size;
}

:where(.trips-filter-form) input,
:where(.trips-filter-form) select,
:where(.trips-filter-form) textarea {
  accent-color: var(--form-color);
}
:where(.trips-filter-form) input[type=date]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=email]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=number]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=password]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=search]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=tel]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=text]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)), :where(.trips-filter-form) input[type=url]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)) {
  height: var(--form-input-height);
  outline: none;
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  max-width: 100%;
  width: 100%;
  background-color: var(--form-input-background, var(--white));
  border-radius: var(--rounded);
  border: var(--form-input-border, 1px solid var(--text-color));
  color: var(--form-text, var(--text-color));
  font-size: /* grow(15, 16) */ clamp(0.9375rem, 0.9152131783rem + 0.0968992248vw, 1rem);
  font-weight: 700;
  line-height: 1.35;
}
:where(.trips-filter-form) input[type=date]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=email]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=number]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=password]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=search]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=tel]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=text]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible), :where(.trips-filter-form) input[type=url]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) input[type=date]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=email]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=number]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=password]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=search]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=tel]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=text]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible, :where(.trips-filter-form) input[type=url]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
:where(.trips-filter-form) input[type=date]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=email]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=number]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=password]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=search]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=tel]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=text]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *), :where(.trips-filter-form) input[type=url]:where(:not(.unstyled):not(.unstyled-input):not(.unstyled *):not(.unstyled-inputs *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  cursor: no-drop;
  opacity: 0.5;
}
:where(.trips-filter-form) textarea:where(:not(.unstyled):not(.unstyled-textarea):not(.unstyled *):not(.unstyled-textareas *)) {
  outline: none;
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  max-width: 100%;
  width: 100%;
  background-color: var(--form-input-background, var(--white));
  border-radius: var(--rounded);
  border: var(--form-input-border, 1px solid var(--text-color));
  color: var(--form-text, var(--text-color));
  font-size: /* grow(15, 16) */ clamp(0.9375rem, 0.9152131783rem + 0.0968992248vw, 1rem);
  font-weight: 700;
  line-height: 1.35;
}
:where(.trips-filter-form) textarea:where(:not(.unstyled):not(.unstyled-textarea):not(.unstyled *):not(.unstyled-textareas *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) textarea:where(:not(.unstyled):not(.unstyled-textarea):not(.unstyled *):not(.unstyled-textareas *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
:where(.trips-filter-form) textarea:where(:not(.unstyled):not(.unstyled-textarea):not(.unstyled *):not(.unstyled-textareas *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  cursor: no-drop;
  opacity: 0.5;
}
:where(.trips-filter-form) textarea:where(:not(.unstyled):not(.unstyled-textarea):not(.unstyled *):not(.unstyled-textareas *)) {
  resize: vertical;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)) {
  outline: none;
  padding: var(--form-input-padding-y) var(--form-input-padding-x);
  max-width: 100%;
  width: 100%;
  background-color: var(--form-input-background, var(--white));
  border-radius: var(--rounded);
  border: var(--form-input-border, 1px solid var(--text-color));
  color: var(--form-text, var(--text-color));
  font-size: /* grow(15, 16) */ clamp(0.9375rem, 0.9152131783rem + 0.0968992248vw, 1rem);
  font-weight: 700;
  line-height: 1.35;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  cursor: no-drop;
  opacity: 0.5;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)) {
  appearance: none;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):where(:not([multiple])) {
  height: var(--form-input-height);
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAiIGhlaWdodD0iNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDEwIDYiPjxwYXRoIGZpbGw9IiNhNzBhNTAiIGQ9Im01LjY5NSA1LjY5NSA0LTRBMSAxIDAgMCAwIDguMjguMjhMNC45ODggMy41NzQgMS42OTUuMjhBMSAxIDAgMCAwIC4yOCAxLjY5NWw0IDRhMSAxIDAgMCAwIDEuNDE0IDAiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem) calc(50% + 0.025rem);
  padding-right: 3rem;
}
:where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)) {
  text-align: left;
}
@supports (appearance: base-select) {
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) {
    display: flex;
    align-items: center;
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]), :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple])::picker(select) {
    appearance: base-select;
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple])::picker(select) {
    border-color: var(--border-color);
    border-radius: var(--rounded);
    filter: var(--drop-shadow);
    margin-block: -0.25rem;
    padding-block: var(--form-input-padding-y);
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]):open::picker(select) {
    transition-behavior: allow-discrete;
    transition-property: opacity, margin, display;
    transition-duration: 125ms;
    opacity: 1;
  }
  @starting-style {
    :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]):open::picker(select) {
      opacity: 0;
      margin-block: -0.5rem;
    }
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple])::picker-icon {
    display: none;
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option {
    display: grid;
    grid-template-columns: 1fr auto;
    row-gap: 0;
    padding: 0.25em var(--form-input-padding-x);
    font-size: var(--base-font-size);
    font-weight: 400;
    line-height: var(--base-line-height);
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option:checked {
    color: var(--primary-color);
    font-weight: 600;
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option::checkmark {
    color: var(--primary-color);
    order: 1;
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option:hover, :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option:focus-visible {
    background-color: var(--primary-100);
  }
  :where(.trips-filter-form) :is(select, .select):where(:not(.unstyled):not(.unstyled-select):not(.unstyled *):not(.unstyled-selects *)):not([multiple]) option:focus-visible {
    outline: none;
    color: var(--primary-color);
  }
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)) {
  appearance: none;
  border: 2px solid var(--form-color, var(--primary-color));
  width: var(--form-checkbox-size, 18px);
  height: var(--form-checkbox-size, 18px);
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  flex-shrink: 0;
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  :where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover {
    background-color: var(--form-checkbox-hover, color-mix(in srgb, var(--primary-color), transparent 90%));
  }
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active {
  background-color: var(--form-checkbox-active, color-mix(in srgb, var(--primary-color), transparent 80%));
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):checked {
  background-color: var(--form-color, var(--primary-color));
  border-color: var(--form-color, var(--primary-color));
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):checked::after {
  background-color: var(--white);
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOS4zMDggMEwxMSAuODQ4IDQuOTk4IDEyIDAgNy44NzJsMS4yNC0xLjM5OCAzLjE3MyAyLjYyeiIgZmlsbD0iIzBGMDVBMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *):checked {
  border-color: var(--form-disabled, var(--shade-color));
}
:where(.trips-filter-form) input[type=checkbox]:where(:not(.unstyled):not(.unstyled-checkbox):not(.unstyled *):not(.unstyled-checkboxes *))::after {
  display: block;
  content: "";
  width: 11px;
  height: 12px;
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)) {
  appearance: none;
  border: 2px solid var(--form-color, var(--primary-color));
  width: var(--form-radio-size, 16px);
  height: var(--form-radio-size, 16px);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  flex-shrink: 0;
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
@media (hover: hover) and (pointer: fine) {
  :where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover {
    background-color: var(--form-radio-hover, color-mix(in srgb, var(--primary-color), transparent 90%));
  }
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active {
  background-color: var(--form-radio-active, color-mix(in srgb, var(--primary-color), transparent 80%));
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):checked::after {
  border-radius: 50%;
  background-color: var(--form-color, var(--primary-color));
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *))::after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  opacity: 0.5;
}
:where(.trips-filter-form) input[type=radio]:where(:not(.unstyled):not(.unstyled-radio):not(.unstyled *):not(.unstyled-radios *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *):checked::after {
  background-color: var(--form-disabled, var(--shade-color));
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)) {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  word-spacing: inherit;
  white-space: nowrap;
  background: none;
  color: inherit;
  text-align: left;
  --button-background: var(--primary-color);
  --button-color: var(--primary-contrast, var(--text-color-inverted));
  --button-border-color: var(--button-background);
  --button-hover-background: var(--primary-color-darker);
  --button-hover-color: var(--button-color);
  --button-hover-border-color: var(--button-hover-background);
  --button-active-background: var(--primary-color-darker-2);
  --button-active-color: var(--button-color);
  --button-active-border-color: var(--button-active-background);
}
@container style(--theme: dark) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)) {
    --button-background: var(--white);
    --button-color: var(--primary-color);
    --button-hover-background: var(--primary-100);
    --button-active-background: var(--primary-200);
    --button-active-color: var(--primary-800);
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)) {
  ---background: var(--button-background);
  ---color: var(--button-color);
  ---border-color: var(--button-border-color);
  border: 1px solid var(---border-color);
  background-color: var(---background);
  color: var(---color);
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9375rem;
  line-height: 1.333;
  letter-spacing: -0.005em;
  border-radius: var(--rounded);
  transition: background-color 150ms, border-color 150ms, color 150ms;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus:not(:focus-visible),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus:not(:focus-visible),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus:not(:focus-visible),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus:not(:focus-visible) {
  outline: none;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus-visible,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus-visible,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus-visible,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}
@media (hover: hover) and (pointer: fine) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover {
    ---background: var(--button-hover-background);
    ---color: var(--button-hover-color);
    ---border-color: var(--button-hover-border-color);
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active {
  ---background: var(--button-active-background);
  ---color: var(--button-active-color);
  ---border-color: var(--button-active-border-color);
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]) {
  --overlay-translate: 0%;
  --overlay-color: var(--button-hover-background);
  --overlay-duration: 200ms;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 1rem 1.5rem;
  line-height: 1.25;
  background-color: var(--button-background);
  border: none;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection {
  background-color: rgba(255, 255, 255, 0.9)  !important;
  color: oklch(from var(--primary-color) calc(l * 0.9) c h)  !important;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::after, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::after,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::after,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::after,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::after,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::after,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::after,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition-property: transform, background-color;
  transition-duration: 300ms;
  transform: translate(var(--overlay-translate));
  background-color: var(--overlay-color);
  pointer-events: none;
  z-index: -1;
}
@container style(--theme: dark) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default::selection,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"])::selection {
    background-color: oklch(from var(--primary-color) calc(l * 0.9) calc(c * 1.5) h)  !important;
    color: white  !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover {
    --overlay-translate: 100%;
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active {
  --overlay-translate: 100%;
  --overlay-color: var(--button-active-background);
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow), :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow) {
  gap: var(--button-arrow-gap, 0.75rem);
  flex-direction: row-reverse;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow)::before, :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow)::before,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow)::before,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow)::before,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow)::before,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow)::before,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-default:not(.without-arrow)::before,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)):not([class^=style-]):not([class*=" style-"]):not(.without-arrow)::before {
  content: "";
  width: 0.75rem;
  height: 0.625rem;
  background-color: var(--button-arrow-color, currentColor);
  mask-image: url(/wp-content/themes/rattin.ch/dist/10728c781f9bafca.svg);
  mask-size: 100% 100%;
  transition-duration: 150ms;
  transition-property: transform;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon {
  --overlay-translate: 0%;
  --overlay-color: var(--button-hover-background);
  --overlay-duration: 200ms;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 1rem 1.5rem;
  line-height: 1.25;
  background-color: var(--button-background);
  border: none;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection {
  background-color: rgba(255, 255, 255, 0.9)  !important;
  color: oklch(from var(--primary-color) calc(l * 0.9) c h)  !important;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::after,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::after,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::after,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition-property: transform, background-color;
  transition-duration: 300ms;
  transform: translate(var(--overlay-translate));
  background-color: var(--overlay-color);
  pointer-events: none;
  z-index: -1;
}
@container style(--theme: dark) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon::selection {
    background-color: oklch(from var(--primary-color) calc(l * 0.9) calc(c * 1.5) h)  !important;
    color: white  !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):hover {
    --overlay-translate: 100%;
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon:where(:not(:disabled):not(.disabled):not([aria-disabled=true]):not(.inert):not([inert]):not(.inert *):not([inert] *)):active {
  --overlay-translate: 100%;
  --overlay-color: var(--button-active-background);
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-icon {
  padding: 1rem;
  border-radius: 100vmax;
  width: 0.75rem;
  height: 0.75rem;
  box-sizing: content-box;
  justify-content: center;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-text,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-text,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-text,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-text {
  --button-color: var(--form-color, var(--primary-color));
  --button-hover-color: var(--form-hover, var(--primary-color-lighter));
  --button-active-color: var(--form-active, var(--primary-color-darker));
  background-color: transparent;
  border: none;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 2px;
  align-self: center;
  line-height: inherit;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary {
  --button-background: transparent;
  --button-color: var(--primary-color);
  --button-border-color: var(--border-color);
  --button-hover-background: transparent;
  --button-hover-color: var(--primary-color-darker);
  --button-hover-border-color: color-mix(in srgb, var(--black), transparent 80%);
  --button-active-background: var(--primary-50);
  --button-active-color: var(--primary-color-dark);
  --button-active-border-color: color-mix(in srgb, var(--primary-950), transparent 80%);
}
@container style(--theme: dark) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary {
    --button-color: var(--primary-50);
    --button-border-color: color-mix(in srgb, var(--white), transparent 85%);
    --button-hover-color: var(--primary-100);
    --button-hover-border-color: color-mix(in srgb, var(--white), transparent 60%);
    --button-active-background: color-mix(in srgb, var(--white), transparent 90%);
    --button-active-color: var(--white);
    --button-active-border-color: transparent;
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary {
  padding: 1rem 1.5rem;
  line-height: 1.25;
  border: 1px solid var(---border-color);
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  opacity: 0.5;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow) {
  gap: var(--button-arrow-gap, 0.75rem);
  flex-direction: row-reverse;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow)::before,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow)::before,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow)::before,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary:not(.without-arrow)::before {
  content: "";
  width: 0.75rem;
  height: 0.625rem;
  background-color: var(--button-arrow-color, currentColor);
  mask-image: url(/wp-content/themes/rattin.ch/dist/10728c781f9bafca.svg);
  mask-size: 100% 100%;
  transition-duration: 150ms;
  transition-property: transform;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon {
  --button-background: transparent;
  --button-color: var(--primary-color);
  --button-border-color: var(--border-color);
  --button-hover-background: transparent;
  --button-hover-color: var(--primary-color-darker);
  --button-hover-border-color: color-mix(in srgb, var(--black), transparent 80%);
  --button-active-background: var(--primary-50);
  --button-active-color: var(--primary-color-dark);
  --button-active-border-color: color-mix(in srgb, var(--primary-950), transparent 80%);
}
@container style(--theme: dark) {
  :where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
  :where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
  :where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
  :where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon {
    --button-color: var(--primary-50);
    --button-border-color: color-mix(in srgb, var(--white), transparent 85%);
    --button-hover-color: var(--primary-100);
    --button-hover-border-color: color-mix(in srgb, var(--white), transparent 60%);
    --button-active-background: color-mix(in srgb, var(--white), transparent 90%);
    --button-active-color: var(--white);
    --button-active-border-color: transparent;
  }
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon {
  padding: 1rem 1.5rem;
  line-height: 1.25;
  border: 1px solid var(---border-color);
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *),
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon:where(:disabled, .disabled, [aria-disabled=true], .inert, [inert], .inert *, [inert] *) {
  pointer-events: none;
  opacity: 0.5;
}
:where(.trips-filter-form) input[type=submit]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=button]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) input[type=reset]:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon,
:where(.trips-filter-form) button:where(:not(.unstyled):not(.unstyled-button):not(.unstyled *):not(.unstyled-buttons *)).style-secondary-icon {
  padding: 1rem;
  border-radius: 100vmax;
  width: 0.75rem;
  height: 0.75rem;
  box-sizing: content-box;
  justify-content: center;
}
:where(.trips-filter-form) .checkbox-label {
  display: flex;
  align-items: center;
  line-height: 1;
}
:where(.trips-filter-form) .checkbox-label > :first-child {
  margin-right: 0.5rem;
}

.trips-filter-form {
  margin-bottom: var(--element-spacing);
  display: flex;
  flex-direction: column;
  gap: var(--element-spacing-xs);
}
@container (width >= 1000px) {
  .trips-filter-form:not(body.no-js *) {
    --size: /* c-grow(160, 220, $from: 1000)) */ clamp(10rem, -2.0192307692rem + 19.2307692308cqw, 13.75rem);
    display: grid;
    grid-template-columns: repeat(3, var(--size)) 1fr;
  }
}

.trip-date-container {
  width: auto;
  container: trip-date-container/inline-size;
}
.trip-date-container:is(body.no-js *) {
  display: none;
}
.trip-date-container .rc-months--dual {
  grid-template-columns: 1fr;
}
@media (width >= 41rem) {
  .trip-date-container .rc-months--dual {
    grid-template-columns: 1fr 1fr;
  }
}
.trip-date-container .rc-calendar {
  padding: 0;
}
.trip-date-container .rc-header__label {
  font-weight: 600;
}
.trip-date-container .rc-header__nav {
  border-radius: var(--rounded);
}
.trip-date-container .rc-day {
  font-size: var(--reduced-font-size);
  min-height: 2.5em;
  transition: none;
}
.trip-date-container .rc-weekdays {
  font-size: var(--tiny-font-size);
}
.trip-date-container *:focus:not(:focus-visible) {
  outline: none;
}
.trip-date-container *:focus-visible {
  outline: 2px solid var(--focus-color, var(--primary-color));
  outline-offset: var(--focus-offset, 3px);
}

.trips-grid-container .trips-grid.grid-layout {
  --grid-layout-columns: 1;
}
@container (width >= 600px) {
  .trips-grid-container .trips-grid.grid-layout {
    --grid-layout-columns: 2;
  }
}
@container (width >= 1104px) {
  .trips-grid-container .trips-grid.grid-layout {
    --grid-layout-columns: 3;
  }
}
.trips-grid-container .trips-grid.grid-layout > * {
  --col-xs: 1;
}

.trips-controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
}
.trips-controls .page-nav {
  margin-top: 0;
}

.trip-dates-inputs {
  display: flex;
  align-items: first baseline;
  gap: var(--element-spacing-xs);
}
.trip-dates-inputs:is(body:not(.no-js) *) {
  display: none;
}

.trips-filter-actions {
  margin-bottom: var(--element-spacing);
  display: flex;
  flex-wrap: wrap;
  align-items: first baseline;
  justify-content: space-between;
  column-gap: var(--element-spacing-sm);
  row-gap: var(--element-spacing-2xs);
}
.trips-filter-actions .trips-filter-actions-active {
  display: flex;
  flex-wrap: wrap;
  align-items: first baseline;
  row-gap: var(--element-spacing-2xs);
  column-gap: var(--element-spacing-sm);
}
.trips-filter-actions .trips-filter-actions-active .trips-filter-actions-label {
  white-space: nowrap;
  font-weight: 700;
  font-size: 0.875rem;
}
.trips-filter-actions .trips-filter-actions-active .trips-filter-actions-tags {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: first baseline;
  flex-wrap: wrap;
  gap: var(--element-spacing-2xs);
}
.trips-filter-actions .trips-filter-actions-active .trips-filter-actions-tags li {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.625rem;
  border-radius: var(--rounded);
  background: var(--primary-100);
  color: var(--primary-color);
  font-weight: 700;
  font-size: 0.875rem;
}
.trips-filter-actions .trips-filter-actions-active .trips-filter-actions-tags li a {
  display: block;
  line-height: 1;
  padding: 0.625rem;
  margin: -0.625rem;
  margin-left: -0.25rem;
}
.trips-filter-actions .trips-filter-reset {
  align-self: initial;
}

.trips-search.trips-search {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2E3MGE1MCIgZD0iTTExLjU5MiAxLjk5YTYuNzkgNi43OSAwIDAgMC05LjYwMyAwIDYuNzk1IDYuNzk1IDAgMCAwIDAgOS42MDYgNi44IDYuOCAwIDAgMCA4LjU0My44NjlsMy4xNDEgMy4xNGExLjM2MyAxLjM2MyAwIDAgMCAxLjkyOC0xLjkyOGwtMy4xNDQtMy4xNDZhNi43OSA2Ljc5IDAgMCAwLS44NjUtOC41NDFNOS45MjYgOS45MjdhNC40NDQgNC40NDQgMCAwIDEtNi4yNzggMCA0LjQ0NCA0LjQ0NCAwIDAgMSAwLTYuMjc4IDQuNDQ0IDQuNDQ0IDAgMCAxIDYuMjc4IDAgNC40NDQgNC40NDQgMCAwIDEgMCA2LjI3OCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem) calc(50% + 0.025rem);
  padding-right: 3rem;
}
@container (width >= 1000px) {
  .trips-search.trips-search {
    width: /* c-grow(180, 240, $from: 1000)) */ clamp(11.25rem, -0.7692307692rem + 19.2307692308cqw, 15rem);
    margin-left: auto;
  }
}

.box.trips-no-results {
  grid-column: 1/-1;
  max-width: 800px;
}