.itinerary-accordion {
    --plus-icon-size: 15px;
    --handle-right-padding: calc(var(--grid-row-gutter) + var(--plus-icon-size) + 20px)
}

@media screen and (min-width: 768px) {
    .itinerary-accordion {
        --plus-icon-size: 18px
    }
}

.itinerary-accordion .accordion__handle {
    position: relative
}

.itinerary-accordion .accordion__handle-icon {
    position: absolute;
    z-index: 1;
    right: var(--grid-row-gutter);
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center
}

.itinerary-accordion__handle-header {
    padding: var(--grid-row-gutter) var(--grid-row-gutter) 0
}

.itinerary-accordion__handle-heading {
    display: block;
    margin-bottom: 0;
    text-align: left;
    flex: 1;
    min-width: 0;
    outline: none;
    text-decoration: none;
    font-size: 20px;
}

.itinerary-accordion__handle-description {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    font-style: italic;
    margin-top: 4px
}

@media screen and (min-width: 1024px) {
    .itinerary-accordion__handle-description {
        font-size: 15px
    }
}

.itinerary-accordion .accordion__handle-btn {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding-top: 3px;
    padding-right: var(--handle-right-padding);
    align-items: flex-start
}

@media screen and (min-width: 1024px) {
    .itinerary-accordion .accordion__handle-btn {
        padding-top: 0
    }
}

.itinerary-accordion__date {
    color: var(--color-gray-600);
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 5px
}

.itinerary-accordion .tooltip[open=true] .tooltip__label {
    border-color: var(--color-bunker)
}

.itinerary-accordion .tooltip__label {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-gray-300);
    border-radius: var(--border-radius-xsmall);
    padding: 5px 7px;
    transition-property: border-color;
    transition-duration: var(--transition-time);
    transition-timing-function: var(--transition-easing)
}

.itinerary-accordion .tooltip__label:hover {
    border-color: var(--color-bunker)
}

.itinerary-accordion__tooltip-label-text {
    margin: 0 5px
}

.itinerary-accordion .plus-minus {
    width: clamp(15px, 11.3544303797px + 0.0047468354*100vw, 18px);
    height: clamp(15px, 11.3544303797px + 0.0047468354*100vw, 18px)
}

.itinerary-accordion .tabs__tab>.lightbox-carousel {
    margin-bottom: 15px
}