.trip-fields{position:relative;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.trip-fields::before{content:"";position:absolute;left:calc(1.125rem + 4px);top:50%;height:34px;transform:translateY(-50%);border-left:2px dotted var(--color-border-strong);pointer-events:none}.trip-field{position:relative}.trip-field + .trip-field{border-top:1px solid var(--color-border)}.trip-field__dot{position:absolute;left:1.125rem;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:var(--radius-full);pointer-events:none}.trip-field__dot--from{background:var(--color-accent)}.trip-field__dot--to{border:2.5px solid var(--color-gold);background:var(--color-bg)}.trip-field__btn{display:flex;flex-direction:column;justify-content:center;gap:0.125rem;width:100%;min-height:62px;padding:0.5rem 7.25rem 0.5rem 2.75rem;border:0;background:none;text-align:left;cursor:pointer;transition:background-color 0.2s ease-out}.trip-field:first-child .trip-field__btn{border-radius:var(--radius-md) var(--radius-md) 0 0}.trip-field:last-of-type .trip-field__btn{border-radius:0 0 var(--radius-md) var(--radius-md)}.trip-field__btn:hover,.trip-field.is-open .trip-field__btn{background:var(--color-bone)}.trip-field__btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.trip-field__label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted)}.trip-field__value{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-muted)}.trip-field__value.has-value{font-weight:600;color:var(--color-text)}.trip-swap{position:absolute;right:0.875rem;top:50%;display:grid;place-items:center;width:44px;height:44px;margin-top:-22px;border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-accent);cursor:pointer;transition:transform 0.25s ease-out,background-color 0.2s ease-out}.trip-swap:hover:not(:disabled){background:var(--color-accent-tint)}.trip-swap:active:not(:disabled){transform:rotate(180deg)}.trip-swap:disabled{color:var(--color-fg4);cursor:default}.trip-swap:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.trip-field__clear{position:absolute;top:50%;right:calc(0.875rem + 44px + 0.25rem);margin-top:-22px}.trip-field__list{position:absolute;top:calc(100% + 6px);left:-1.5px;right:-1.5px;z-index:20;max-height:19rem;overflow-y:auto;overscroll-behavior:contain;margin:0;padding:0.375rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:none}.trip-field__list[hidden]{display:none}.trip-field__option{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-height:44px;padding:0.6875rem 0.75rem;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.trip-field__option.is-active{background:var(--color-accent-tint)}.trip-field__option-name{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text)}.trip-field__option-sub{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);text-align:right}.trip-field__option[aria-selected="true"] .trip-field__option-name{font-weight:600;color:var(--color-accent)}.trip-field__option[aria-disabled="true"]{cursor:default;opacity:0.4}.trip-fields:hover{border-color:var(--color-text-muted)}.trip-fields:focus-within{border-color:var(--color-accent);outline:2px solid var(--color-accent-tint);outline-offset:1px}@container (min-width: 21rem){.trip-fields--row{display:grid;grid-template-columns:1fr 1fr}.trip-fields--row::before,.trip-fields--row .trip-field__dot{display:none}.trip-fields--row .trip-field + .trip-field{border-top:0;border-left:1px solid var(--color-border)}.trip-fields--row .trip-field__btn{padding:0.5rem calc(22px + 0.375rem) 0.5rem 0.75rem}.trip-fields--row .trip-field + .trip-field .trip-field__btn{padding:0.5rem 0.75rem 0.5rem calc(22px + 0.375rem)}.trip-fields--row .trip-field:first-child .trip-field__btn{border-radius:var(--radius-md) 0 0 var(--radius-md)}.trip-fields--row .trip-field:last-of-type .trip-field__btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.trip-fields--row .trip-swap{right:auto;left:50%;margin-left:-22px}.trip-fields--row .trip-swap svg{transform:rotate(90deg)}.trip-fields--row .trip-field__list{left:-1px;right:-1px;min-width:12rem}.trip-fields--row .trip-field + .trip-field .trip-field__list{left:auto}}@media (prefers-reduced-motion: reduce){.trip-swap,.trip-field__btn{transition:none}}