/**
 * Drivelux Transfer Form 2.7.0
 * Booking: route builder, modes, stops, return and flight details
 *
 * Source architecture module. Loaded directly by WordPress.
 */

.dltf-mobile-collapse {
	display: contents;
}

.dltf-mobile-collapse__toggle {
	display: none;
}

.dltf-mobile-collapse__content {
	display: contents;
}

.dltf-note--flight {
	grid-column: 1 / -1;
	width: 100%;
}

.dltf-route-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
	align-items: end;
	gap: 12px;
	margin-top: 16px;
}

.dltf-route-swap {
	position: relative;
	z-index: 6;
	display: grid;
	width: 46px;
	height: 54px;
	place-items: center;
	padding: 0;
	border: 1px solid rgba(210, 161, 91, .5) !important;
	border-radius: 10px;
	background: rgba(210, 161, 91, .06) !important;
	color: var(--dltf-gold-light) !important;
	box-shadow: none !important;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.dltf-route-swap svg {
	width: 18px;
	height: 18px;
	stroke-width: 1.75;
}

.dltf-route-swap:hover {
	border-color: rgba(239, 201, 130, .82) !important;
	background: rgba(210, 161, 91, .14) !important;
	transform: translateY(-1px);
}

.dltf-route-grid .dltf-input:last-child input::placeholder {
	color: rgba(245, 242, 236, .48);
	font-weight: 600;
}

@media (min-width: 681px){.dltf-route-grid { transition: grid-template-columns .28s ease; }}

@media (min-width: 681px){.dltf-route-grid.is-editing-from {
		grid-template-columns: minmax(0, 1.45fr) 46px minmax(0, .55fr);
	}}

@media (min-width: 681px){.dltf-route-grid.is-editing-to {
		grid-template-columns: minmax(0, .55fr) 46px minmax(0, 1.45fr);
	}}

.dltf-return-fields .dltf-input--datetime { grid-column: 1 / -1; }

@media (max-width: 680px){.dltf-route-grid {
		position: relative;
		grid-template-columns: 1fr;
		gap: 8px;
		margin-top: 0;
	}}

@media (max-width: 680px){.dltf-route-swap {
		position: absolute;
		top: calc(50% + 12px);
		right: 10px;
		bottom: auto;
		left: auto;
		z-index: 8;
		width: 34px;
		height: 34px;
		margin: 0;
		border-radius: 50%;
		background: #1b1c1d !important;
		box-shadow: 0 7px 20px rgba(0, 0, 0, .24) !important;
		transform: translateY(-50%);
	}}

@media (max-width: 680px){.dltf-route-swap svg { transform: rotate(90deg); }}

@media (max-width: 680px){.dltf-route-swap:hover { transform: translateY(-50%) scale(1.04); }}

@media (max-width: 680px){.dltf-mobile-collapse {
		display: block;
		grid-column: 1 / -1;
		margin-top: 2px;
	}}

@media (max-width: 680px){.dltf-mobile-collapse__toggle {
		appearance: none;
		-webkit-appearance: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		min-height: 52px;
		padding: 0 14px;
		border: 1px solid var(--dltf-line) !important;
		border-radius: 11px;
		background: rgba(255, 255, 255, .02) !important;
		color: var(--dltf-text) !important;
		font: inherit;
		font-size: 13px;
		font-weight: 700;
		text-align: left;
	}}

@media (max-width: 680px){.dltf-mobile-collapse__toggle-caret {
		color: var(--dltf-gold-light);
		font-size: 15px;
		line-height: 1;
		transition: transform .18s ease;
	}}

@media (max-width: 680px){.dltf-mobile-collapse.is-open .dltf-mobile-collapse__toggle-caret {
		transform: rotate(180deg);
	}}

@media (max-width: 680px){.dltf-mobile-collapse__content[hidden],
	.dltf-mobile-collapse [data-dltf-mobile-collapse-note][hidden] {
		display: none !important;
	}}

@media (max-width: 680px){.dltf-mobile-collapse__content {
		display: grid;
		gap: 12px;
		margin-top: 10px;
	}}

@media (max-width: 680px){.dltf-note--flight {
		margin-top: 10px;
	}}

.dltf-transfer-mode {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0 0 24px;
}

.dltf-transfer-mode__option {
	position: relative;
	min-width: 0;
}

.dltf-transfer-mode__option > input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.dltf-transfer-mode__box {
	display: flex;
	min-height: 68px;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	padding: 12px 16px;
	border: 1px solid var(--dltf-line-strong);
	border-radius: 12px;
	background: rgba(255, 255, 255, .018);
	color: var(--dltf-muted);
	cursor: pointer;
	transition: border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.dltf-transfer-mode__icon {
	display: grid;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	place-items: center;
	color: var(--dltf-gold-light);
}

.dltf-transfer-mode__icon svg {
	width: 22px;
	height: 22px;
}

.dltf-transfer-mode__text {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.dltf-transfer-mode__state {
	position: relative;
	display: grid;
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
	margin-left: auto;
	place-items: center;
	border: 1px solid rgba(245, 242, 236, .18);
	border-radius: 50%;
	background: rgba(255, 255, 255, .018);
	opacity: .42;
	transition: opacity .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.dltf-transfer-mode__state::after {
	content: "";
	width: 6px;
	height: 10px;
	border-right: 2px solid #17120b;
	border-bottom: 2px solid #17120b;
	transform: translateY(-1px) rotate(45deg) scale(.72);
	opacity: 0;
	transition: opacity .18s ease, transform .18s ease;
}

.dltf-transfer-mode__box strong {
	display: block;
	color: var(--dltf-text);
	font-size: 14px;
	font-weight: 750;
	line-height: 1.15;
}

.dltf-transfer-mode__box small {
	display: block;
	color: var(--dltf-muted);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.2;
}

.dltf-transfer-mode__option > input:checked + .dltf-transfer-mode__box {
	border-color: rgba(239, 201, 130, .88);
	box-shadow: inset 0 0 0 1px rgba(210, 161, 91, .08);
}

.dltf-transfer-mode__option > input:checked + .dltf-transfer-mode__box .dltf-transfer-mode__state {
	border-color: rgba(239, 201, 130, .88);
	background: linear-gradient(135deg, var(--dltf-gold-light), var(--dltf-gold));
	opacity: 1;
	transform: scale(1.02);
}

.dltf-transfer-mode__option > input:checked + .dltf-transfer-mode__box .dltf-transfer-mode__state::after {
	opacity: 1;
	transform: translateY(-1px) rotate(45deg) scale(1);
}

.dltf-transfer-mode__option > input:focus-visible + .dltf-transfer-mode__box {
	outline: 2px solid rgba(239, 201, 130, .52);
	outline-offset: 2px;
}

.dltf-transfer-mode__box:hover {
	border-color: rgba(210, 161, 91, .48);
	transform: translateY(-1px);
}

.dltf-route-options {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 12px 0 10px;
}

.dltf .dltf-route-option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 14px;
	border: 1px solid var(--dltf-line-strong) !important;
	border-radius: 9px;
	background: rgba(255,255,255,.018) !important;
	color: rgba(245,242,236,.78) !important;
	font-size: 12px;
	font-weight: 650;
	box-shadow: none !important;
	transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.dltf .dltf-route-option svg {
	width: 17px;
	height: 17px;
	color: var(--dltf-gold-light);
}

.dltf .dltf-route-option:hover,
.dltf .dltf-route-option.is-active {
	border-color: rgba(210,161,91,.55) !important;
	background: rgba(210,161,91,.08) !important;
	color: var(--dltf-text) !important;
}

.dltf .dltf-route-option.is-active {
	box-shadow: inset 0 0 0 1px rgba(210,161,91,.08) !important;
}

.dltf-extra-stop {
	margin-top: 10px;
	animation: dltf-step-in .2s ease both;
}

.dltf-extra-stop__list {
	display: grid;
	gap: 8px;
}

.dltf-extra-stop__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	gap: 8px;
}

.dltf-extra-stop__field {
	min-width: 0;
}

.dltf-extra-stop__field > div {
	height: 54px;
	padding: 0 16px;
}

.dltf-extra-stop__actions {
	display: flex;
	align-items: stretch;
	gap: 6px;
}

.dltf .dltf-extra-stop__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	min-width: 54px;
	height: 54px;
	padding: 0;
	border: 1px solid rgba(210, 161, 91, .48) !important;
	border-radius: 10px;
	background: rgba(210, 161, 91, .055) !important;
	color: var(--dltf-gold-light) !important;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
	box-shadow: none !important;
}

.dltf .dltf-extra-stop__action:hover,
.dltf .dltf-extra-stop__action:focus-visible {
	border-color: rgba(239, 201, 130, .82) !important;
	background: rgba(210, 161, 91, .14) !important;
	outline: 0;
}

.dltf .dltf-extra-stop__action.is-remove {
	border-color: var(--dltf-line-strong) !important;
	background: rgba(255,255,255,.018) !important;
	color: rgba(245,242,236,.68) !important;
	font-size: 20px;
}

.dltf-route-grid.is-hourly {
	grid-template-columns: minmax(0, 1fr) minmax(180px, .42fr);
	align-items: end;
}

.dltf-route-grid.is-hourly .dltf-route-grid__from {
	grid-column: 1;
}

.dltf-hourly-duration {
	grid-column: 2;
}

@media (max-width: 680px){.dltf-transfer-mode {
		gap: 7px;
		margin-bottom: 20px;
	}}

@media (max-width: 680px){.dltf-transfer-mode__box {
		min-height: 60px;
		gap: 8px;
		padding: 9px 10px;
		border-radius: 10px;
	}}

@media (max-width: 680px){.dltf-transfer-mode__icon {
		flex-basis: 19px;
		width: 19px;
		height: 19px;
	}}

@media (max-width: 680px){.dltf-transfer-mode__icon svg {
		width: 18px;
		height: 18px;
	}}

@media (max-width: 680px){.dltf-transfer-mode__box strong {
		font-size: 11px;
	}}

@media (max-width: 680px){.dltf-transfer-mode__box small {
		font-size: 8.5px;
	}}

@media (max-width: 680px){.dltf-route-options {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 7px;
		margin: 9px 0 9px;
	}}

@media (max-width: 680px){.dltf .dltf-route-option {
		min-width: 0;
		min-height: 38px;
		padding: 0 7px;
		font-size: 10.5px;
		white-space: nowrap;
	}}

@media (max-width: 680px){.dltf .dltf-route-option svg {
		width: 14px;
		height: 14px;
	}}

@media (max-width: 680px){.dltf-extra-stop {
		margin-top: 8px;
	}}

@media (max-width: 680px){.dltf-extra-stop__row {
		gap: 6px;
	}}

@media (max-width: 680px){.dltf-extra-stop__field > div,
	.dltf .dltf-extra-stop__action {
		height: 48px;
	}}

@media (max-width: 680px){.dltf .dltf-extra-stop__action {
		width: 46px;
		min-width: 46px;
		font-size: 22px;
	}}

@media (max-width: 680px){.dltf .dltf-extra-stop__action.is-remove {
		font-size: 18px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly {
		grid-template-columns: minmax(0, 1fr) 112px;
		gap: 8px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-route-grid__from,
	.dltf-route-grid.is-hourly .dltf-hourly-duration {
		grid-column: auto;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-input > span {
		white-space: nowrap;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-input > div {
		padding-right: 11px;
		padding-left: 11px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-input select {
		font-size: 14px;
	}}

@media (max-width: 680px){.dltf--full .dltf-section[data-dltf-section="trip"] .dltf-note--flight {
		margin-top: 9px;
	}}

@media (max-width: 390px){.dltf-transfer-mode__box strong { font-size: 10px; }}

@media (max-width: 390px){.dltf-transfer-mode__box small { font-size: 8px; }}

@media (max-width: 390px){.dltf .dltf-route-option { font-size: 9.5px; }}

@media (max-width: 390px){.dltf-route-grid.is-hourly { grid-template-columns: minmax(0, 1fr) 104px; }}

.dltf-step-footnote {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	width: 100%;
	margin-top: 10px;
	padding: 0 2px;
	border: 0;
	background: transparent;
	color: var(--dltf-muted);
	font-size: 11px;
	line-height: 1.4;
	text-align: right;
}

.dltf-step-footnote svg {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	color: rgba(245, 242, 236, .5);
}

@media (max-width: 680px){.dltf-step-footnote {
		justify-content: center;
		margin-top: 9px;
		padding: 0 6px;
		font-size: 10.5px;
		text-align: left;
	}}

.dltf-route-options--address {
	justify-content: flex-end;
	margin-top: 11px;
	margin-bottom: 10px;
}

.dltf-optional-flight {
	display: block;
	width: 100%;
	margin-top: 16px;
}

.dltf-optional-flight .dltf-mobile-collapse__toggle {
	appearance: none;
	-webkit-appearance: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 52px;
	padding: 0 15px;
	border: 1px solid var(--dltf-line) !important;
	border-radius: 11px;
	background: rgba(255, 255, 255, .02) !important;
	color: var(--dltf-text) !important;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	text-align: left;
	box-shadow: none !important;
}

.dltf-optional-flight .dltf-mobile-collapse__toggle:hover,
.dltf-optional-flight.is-open .dltf-mobile-collapse__toggle {
	border-color: rgba(210, 161, 91, .38) !important;
	background: rgba(210, 161, 91, .045) !important;
}

.dltf-optional-flight .dltf-mobile-collapse__toggle-caret {
	color: var(--dltf-gold-light);
	font-size: 15px;
	line-height: 1;
	transition: transform .18s ease;
}

.dltf-optional-flight.is-open .dltf-mobile-collapse__toggle-caret {
	transform: rotate(180deg);
}

.dltf-optional-flight .dltf-mobile-collapse__content[hidden] {
	display: none !important;
}

.dltf-optional-flight .dltf-mobile-collapse__content {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	width: calc(100% - 28px);
	margin: 7px 14px 0;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 10px;
	background: rgba(255, 255, 255, .035);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .018);
}

.dltf-optional-flight.is-open .dltf-mobile-collapse__toggle {
	border-color: rgba(210, 161, 91, .42) !important;
	background: rgba(210, 161, 91, .05) !important;
}

.dltf-optional-flight.is-open .dltf-mobile-collapse__content {
	animation: dltf-step-in .18s ease both;
}

.dltf-optional-flight .dltf-mobile-collapse__content .dltf-input > span {
	color: rgba(245, 242, 236, .72);
}

@media (max-width: 680px){.dltf-route-options--address {
		display: flex;
		justify-content: flex-end;
		margin-top: 8px;
		margin-bottom: 8px;
	}}

@media (max-width: 680px){.dltf-route-options--address .dltf-route-option {
		width: auto;
		min-width: 0;
	}}

@media (max-width: 680px){.dltf-optional-flight {
		margin-top: 12px;
	}}

@media (max-width: 680px){.dltf-optional-flight .dltf-mobile-collapse__content {
		grid-template-columns: 1fr;
		gap: 10px;
		width: calc(100% - 16px);
		margin: 6px 8px 0;
		padding: 10px;
		border-radius: 9px;
		background: rgba(255, 255, 255, .032);
	}}

.dltf-date-return-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	align-items: end;
	margin-top: 16px;
}

.dltf-date-return-row__primary,
.dltf-return-slot,
.dltf-return-fields,
.dltf-return-fields .dltf-input {
	min-width: 0;
}

.dltf-return-slot {
	position: relative;
	min-height: 82px;
}

.dltf .dltf-return-slot__toggle {
	width: 100%;
	min-height: 54px;
	margin-top: 28px;
	justify-content: flex-start;
	padding: 0 16px;
	border-radius: 10px;
	font-size: 13px;
}

.dltf .dltf-return-slot__toggle.is-active {
	position: absolute;
	z-index: 6;
	top: 0;
	right: 0;
	width: 26px;
	min-width: 26px;
	height: 26px;
	min-height: 26px;
	margin: 0;
	padding: 0;
	border-color: rgba(255,255,255,.16) !important;
	border-radius: 50%;
	background: rgba(255,255,255,.035) !important;
	color: var(--dltf-muted) !important;
}

.dltf .dltf-return-slot__toggle.is-active svg,
.dltf .dltf-return-slot__toggle.is-active span {
	display: none;
}

.dltf .dltf-return-slot__toggle.is-active::after {
	content: "×";
	display: block;
	font-size: 17px;
	font-weight: 400;
	line-height: 1;
}

.dltf .dltf-return-slot__toggle.is-active:hover,
.dltf .dltf-return-slot__toggle.is-active:focus-visible {
	border-color: rgba(210,161,91,.48) !important;
	background: rgba(210,161,91,.08) !important;
	color: var(--dltf-gold-light) !important;
}

.dltf-return-fields {
	display: block;
	width: 100%;
}

.dltf-return-fields .dltf-input--datetime {
	grid-column: auto;
}

.dltf-return-fields .dltf-input > span {
	padding-right: 34px;
}

.dltf.is-transfer-hourly .dltf-date-return-row {
	grid-template-columns: 1fr;
}

.dltf.is-transfer-hourly .dltf-return-slot {
	display: none;
}

.dltf-date-return-row + .dltf-optional-flight {
	margin-top: 16px;
}

@media (max-width: 680px){.dltf-date-return-row {
		grid-template-columns: 1fr;
		gap: 8px;
		margin-top: 12px;
	}}

@media (max-width: 680px){.dltf-return-slot {
		min-height: 0;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle {
		width: auto;
		min-height: 42px;
		margin-top: 0;
		padding: 0 13px;
		font-size: 11px;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle.is-active {
		top: 0;
		right: 0;
		width: 26px;
		min-width: 26px;
		height: 26px;
		min-height: 26px;
		padding: 0;
	}}

@media (max-width: 680px){.dltf-date-return-row + .dltf-optional-flight {
		margin-top: 12px;
	}}

.dltf-return-slot {
	min-height: 0;
}

.dltf-date-return-row {
	align-items: start;
}

.dltf .dltf-return-slot__toggle.is-active {
	top: 39px;
	right: 12px;
	width: 26px;
	min-width: 26px;
	height: 26px;
	min-height: 26px;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dltf .dltf-return-slot__toggle.is-active::after {
	font-size: 18px;
	line-height: 26px;
}

.dltf .dltf-return-slot__toggle.is-active:hover,
.dltf .dltf-return-slot__toggle.is-active:focus-visible {
	border: 0 !important;
	background: transparent !important;
	color: var(--dltf-gold-light) !important;
}

@media (max-width: 680px){.dltf-return-slot {
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}}

@media (max-width: 680px){.dltf-return-fields {
		width: 100%;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle.is-active {
		top: 35px;
		right: 10px;
	}}

.dltf .dltf-return-slot__toggle:not(.is-active) {
	margin-top: 25px;
	height: 54px;
	min-height: 54px;
}

.dltf .dltf-return-slot__toggle.is-active {
	top: 0;
	right: 0;
	width: 22px;
	min-width: 22px;
	height: 22px;
	min-height: 22px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(245, 242, 236, .58) !important;
	outline: 0 !important;
}

.dltf .dltf-return-slot__toggle.is-active::after {
	content: "×";
	display: block;
	width: 22px;
	height: 22px;
	font-size: 17px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}

.dltf .dltf-return-slot__toggle.is-active:hover,
.dltf .dltf-return-slot__toggle.is-active:focus,
.dltf .dltf-return-slot__toggle.is-active:focus-visible {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--dltf-gold-light) !important;
	outline: 0 !important;
}

.dltf-return-fields .dltf-input > span {
	padding-right: 28px;
}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle:not(.is-active) {
		margin-top: 0;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle.is-active {
		top: 0;
		right: 0;
	}}

.dltf .dltf-return-slot__toggle:not(.is-active) {
	margin-top: 21px;
}

.dltf-return-fields {
	width: calc(100% - 62px);
}

.dltf-return-fields .dltf-input > span {
	padding-right: 0;
}

.dltf .dltf-return-slot__toggle.is-active {
	top: 21px;
	right: 0;
	width: 54px;
	min-width: 54px;
	height: 54px;
	min-height: 54px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--dltf-line-strong) !important;
	border-radius: 10px;
	background: var(--dltf-panel) !important;
	color: rgba(245, 242, 236, .64) !important;
	box-shadow: none !important;
}

.dltf .dltf-return-slot__toggle.is-active::after {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
}

.dltf .dltf-return-slot__toggle.is-active:hover,
.dltf .dltf-return-slot__toggle.is-active:focus,
.dltf .dltf-return-slot__toggle.is-active:focus-visible {
	border-color: rgba(210, 161, 91, .55) !important;
	background: rgba(210, 161, 91, .07) !important;
	color: var(--dltf-gold-light) !important;
}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle:not(.is-active) {
		margin-top: 0;
		margin-left: auto;
	}}

@media (max-width: 680px){.dltf-return-fields {
		width: calc(100% - 64px);
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle.is-active {
		top: 19px;
		width: 56px;
		min-width: 56px;
		height: 56px;
		min-height: 56px;
		border-radius: 11px;
	}}

.dltf-route-builder.is-stacked {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	margin-top: 16px;
	padding-left: 38px;
}

.dltf-route-builder.is-stacked::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 34px;
	bottom: 58px;
	left: 13px;
	width: 1px;
	background: linear-gradient(
		180deg,
		rgba(239, 201, 130, .42),
		rgba(239, 201, 130, .18) 48%,
		rgba(239, 201, 130, .42)
	);
}

.dltf-route-builder.is-stacked .dltf-route-grid {
	display: contents !important;
}

.dltf-route-builder.is-stacked .dltf-route-grid__from {
	order: 1;
}

.dltf-route-builder.is-stacked .dltf-extra-stop {
	order: 2;
	display: block;
	margin: 0;
}

.dltf-route-builder.is-stacked .dltf-route-grid__to {
	order: 3;
}

.dltf-route-builder.is-stacked .dltf-route-options--address {
	order: 4;
	justify-self: end;
	margin: 2px 0 0;
}

.dltf-route-builder.is-stacked .dltf-route-swap,
.dltf-route-builder.is-stacked .dltf-hourly-duration {
	display: none !important;
}

.dltf-route-builder.is-stacked .dltf-route-grid__from,
.dltf-route-builder.is-stacked .dltf-route-grid__to,
.dltf-route-builder.is-stacked .dltf-extra-stop__row {
	position: relative;
	z-index: 1;
}

.dltf-route-builder.is-stacked .dltf-route-grid__from::before,
.dltf-route-builder.is-stacked .dltf-route-grid__to::before,
.dltf-route-builder.is-stacked .dltf-extra-stop__row::before {
	content: "";
	position: absolute;
	z-index: 3;
	top: 36px;
	left: -32px;
	width: 11px;
	height: 11px;
	border: 2px solid rgba(239, 201, 130, .88);
	border-radius: 50%;
	background: #111212;
	box-shadow: 0 0 0 3px rgba(210, 161, 91, .07);
}

.dltf-route-builder.is-stacked .dltf-extra-stop__row::before {
	top: 35px;
	border-color: rgba(239, 201, 130, .58);
}

.dltf-route-builder.is-stacked .dltf-route-grid__to::before {
	background: rgba(210, 161, 91, .9);
	box-shadow: 0 0 0 3px rgba(210, 161, 91, .11);
}

.dltf-route-builder.is-stacked .dltf-route-grid__from > span,
.dltf-route-builder.is-stacked .dltf-route-grid__to > span,
.dltf-route-builder.is-stacked .dltf-extra-stop__label {
	margin-bottom: 5px;
	font-size: 10px;
	letter-spacing: .025em;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__label {
	color: rgba(245, 242, 236, .62);
	text-transform: none;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__list {
	gap: 8px;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__field > div {
	border-color: rgba(255,255,255,.16);
	background: rgba(255,255,255,.025);
}

.dltf-route-builder.is-stacked .dltf-extra-stop__field > div > svg {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	color: var(--dltf-muted);
}

.dltf-route-builder.is-stacked .dltf-extra-stop__row {
	align-items: end;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__actions {
	align-self: end;
	align-items: center;
	height: 54px;
	padding-top: 0;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action {
	height: 54px;
	border-radius: 9px;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag {
	position: relative;
	width: 32px;
	min-width: 32px;
	border-color: rgba(255,255,255,.10) !important;
	background: rgba(255,255,255,.01) !important;
	color: rgba(245,242,236,.45) !important;
	cursor: grab;
	touch-action: none;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag::before {
	content: "";
	display: block;
	width: 14px;
	height: 18px;
	background-image: radial-gradient(circle, currentColor 1.4px, transparent 1.6px);
	background-size: 7px 6px;
	background-position: center;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag:hover,
.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag:focus-visible {
	border-color: rgba(210,161,91,.42) !important;
	background: rgba(210,161,91,.04) !important;
	color: rgba(239,201,130,.82) !important;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag:active {
	cursor: grabbing;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-remove {
	width: 32px;
	min-width: 32px;
	height: 54px;
	border-color: rgba(255,255,255,.12) !important;
	background: rgba(255,255,255,.015) !important;
	color: rgba(239,201,130,.8) !important;
	font-size: 18px;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__row.is-dragging {
	z-index: 8;
	opacity: .72;
}

.dltf-route-builder.is-stacked .dltf-extra-stop__row.is-dragging .dltf-extra-stop__field > div {
	border-color: rgba(239,201,130,.5);
	background: rgba(210,161,91,.06);
}

.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-remove:hover,
.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-remove:focus-visible {
	border-color: rgba(210,161,91,.48) !important;
	background: rgba(210,161,91,.06) !important;
	color: var(--dltf-gold-light) !important;
}

.dltf-route-builder.is-stacked .dltf-route-option[data-dltf-extra-stop-toggle] {
	min-height: 38px;
	padding-inline: 12px;
}

@media (max-width: 680px){.dltf-route-builder.is-stacked {
		gap: 7px;
		margin-top: 12px;
		padding-left: 29px;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked::before {
		top: 31px;
		bottom: 52px;
		left: 9px;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-route-grid__from::before,
	.dltf-route-builder.is-stacked .dltf-route-grid__to::before,
	.dltf-route-builder.is-stacked .dltf-extra-stop__row::before {
		top: 33px;
		left: -25px;
		width: 9px;
		height: 9px;
		border-width: 2px;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__row {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 6px;
		align-items: end;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__actions {
		height: 48px;
		padding-top: 0;
		gap: 4px;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag,
	.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-remove {
		width: 30px;
		min-width: 30px;
		height: 48px;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-route-options--address {
		display: flex;
		justify-content: flex-end;
		width: 100%;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-route-option[data-dltf-extra-stop-toggle] {
		width: auto;
	}}

.dltf .dltf-route-destination-undo {
	flex: 0 0 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	margin-left: 2px;
	padding: 0;
	border: 1px solid rgba(255,255,255,.12) !important;
	border-radius: 8px;
	background: rgba(255,255,255,.015) !important;
	color: rgba(239,201,130,.82) !important;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	box-shadow: none !important;
}

.dltf .dltf-route-destination-undo[hidden] {
	display: none !important;
}

.dltf .dltf-route-destination-undo:hover,
.dltf .dltf-route-destination-undo:focus-visible {
	border-color: rgba(210,161,91,.48) !important;
	background: rgba(210,161,91,.06) !important;
	color: var(--dltf-gold-light) !important;
	outline: 0;
}

@media (max-width: 680px){.dltf .dltf-route-destination-undo {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
		min-width: 30px;
		min-height: 30px;
		border-radius: 8px;
		font-size: 17px;
	}}

@media (max-width: 680px){.dltf-return-fields {
		width: calc(100% - 54px) !important;
		margin-right: auto !important;
		margin-left: 0 !important;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle.is-active {
		top: 19px !important;
		right: 0 !important;
		width: 48px !important;
		min-width: 48px !important;
		height: 56px !important;
		min-height: 56px !important;
		margin: 0 !important;
		border-radius: 10px !important;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__row {
		align-items: end;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__actions {
		height: 56px;
		align-items: stretch;
		align-self: end;
		padding-top: 0;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag,
	.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-remove {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		min-width: 32px;
		height: 56px;
		min-height: 56px;
		margin: 0;
		padding: 0;
		border-radius: 11px;
		line-height: 1;
	}}

@media (max-width: 680px){.dltf-route-builder.is-stacked .dltf-extra-stop__action.is-drag::before {
		margin: 0 auto;
	}}

@media (max-width: 680px){.dltf--full .dltf-route-swap {
		display: none !important;
	}}

@media (max-width: 680px){.dltf-route-options--address .dltf-route-option[data-dltf-extra-stop-toggle],
	.dltf .dltf-return-slot__toggle:not(.is-active) {
		width: auto;
		min-width: 0;
		height: 38px;
		min-height: 38px;
		padding: 0 10px;
		border-radius: 9px;
		gap: 8px;
		font-size: 10.5px;
		font-weight: 650;
		line-height: 1;
		white-space: nowrap;
	}}

@media (max-width: 680px){.dltf .dltf-return-slot__toggle:not(.is-active) {
		margin-top: 0;
		margin-left: auto;
	}}

@media (max-width: 680px){.dltf-route-options--address .dltf-route-option[data-dltf-extra-stop-toggle] svg,
	.dltf .dltf-return-slot__toggle:not(.is-active) svg {
		width: 14px;
		height: 14px;
	}}

@media (max-width: 390px){.dltf-route-options--address .dltf-route-option[data-dltf-extra-stop-toggle],
	.dltf .dltf-return-slot__toggle:not(.is-active) {
		font-size: 9.5px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly {
		grid-template-columns: minmax(0, 1fr) 146px;
		gap: 8px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-hourly-duration > span {
		font-size: 10px;
		letter-spacing: .02em;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-hourly-duration > div {
		gap: 6px;
		padding-right: 8px;
		padding-left: 8px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-hourly-duration > div > svg {
		flex: 0 0 18px;
		width: 18px;
		height: 18px;
	}}

@media (max-width: 680px){.dltf-route-grid.is-hourly .dltf-hourly-duration select {
		width: 100%;
		min-width: 0;
		padding: 0 !important;
		margin: 0;
		font-size: 13px;
		font-weight: 700;
		text-overflow: clip;
	}}

@media (max-width: 390px){.dltf-route-grid.is-hourly {
		grid-template-columns: minmax(0, 1fr) 138px;
	}}

@media (max-width: 390px){.dltf-route-grid.is-hourly .dltf-hourly-duration > span {
		font-size: 9px;
		letter-spacing: 0;
	}}

@media (max-width: 390px){.dltf-route-grid.is-hourly .dltf-hourly-duration select {
		font-size: 12px;
	}}

.dltf--full .dltf-route-options--address {
	margin-bottom: 2px;
}

.dltf--full .dltf-route-builder.is-stacked .dltf-route-options--address {
	margin-bottom: 0;
}

@media (max-width: 680px){.dltf--full .dltf-route-options--address {
		margin-bottom: 2px;
	}}

@media (max-width: 680px){.dltf--full .dltf-route-builder.is-stacked .dltf-route-options--address {
		margin-bottom: 0;
	}}

.dltf--full .dltf-route-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px 18px;
	width: 100%;
	margin-top: 8px;
}

.dltf--full .dltf-route-footer > .dltf-route-options--address {
	flex: 0 0 auto;
	margin: 0 0 0 auto;
}

.dltf--full .dltf-route-builder.is-stacked .dltf-route-footer {
	order: 4;
	margin-top: 2px;
}

.dltf--full .dltf-route-builder.is-stacked .dltf-route-options--address {
	order: initial;
	justify-self: auto;
	margin: 0 0 0 auto;
}

.dltf--full.is-transfer-hourly .dltf-route-footer {
	display: none;
}

.dltf--full .dltf-route-footer + .dltf-date-return-row,
.dltf--full .dltf-route-builder + .dltf-date-return-row {
	margin-top: 18px;
}

@media (max-width: 680px){.dltf--full .dltf-route-footer {
		gap: 8px 12px;
		margin-top: 7px;
	}}

@media (max-width: 680px){.dltf--full .dltf-route-footer > .dltf-route-options--address {
		margin-left: auto;
	}}

@media (max-width: 680px){.dltf--full .dltf-route-builder.is-stacked .dltf-route-footer {
		margin-top: 2px;
	}}

@media (max-width: 430px){.dltf--full .dltf-route-footer {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}}