.auto-complete-header[data-v-cc76a34c]{--input-height: 56px}.auto-complete-header .input-container[data-v-cc76a34c]{position:relative;display:flex;height:var(--input-height);flex-grow:1}.auto-complete-header .input-container .input[data-v-cc76a34c]{width:100%;border:2px solid transparent;border-radius:var(--border-radius-12);padding:0 var(--spacing-40) 0 var(--spacing-16);background-color:var(--color-neutral-30);font:var(--font-label-l-bold);font-weight:var(--font-weight-semibold);font-variation-settings:"opsz" 703;color:var(--color-neutral-70);transition:all var(--transition-medium)}@media (hover: hover){.auto-complete-header .input-container .input[data-v-cc76a34c]:hover{background-color:var(--color-neutral-30)}}.auto-complete-header .input-container .input[data-v-cc76a34c]:focus{background-color:var(--color-white);border:2px solid var(--color-neutral-70);outline:none}.auto-complete-header .input-container .close-button[data-v-cc76a34c]{position:absolute;right:var(--spacing-16);top:50%;transform:translateY(-50%)}.auto-complete-header .input-container .circle-button[data-v-cc76a34c]{position:absolute;right:var(--spacing-16);top:50%;transform:translateY(-50%);padding:var(--spacing-4);background-color:var(--color-neutral-70);border-radius:50%;color:var(--color-white)}@media (hover: hover){.auto-complete-header .input-container .circle-button[data-v-cc76a34c]:hover{background:var(--color-neutral-70)}}.ferry-route-item[data-v-814f96c1]{width:100%;border-radius:var(--border-radius-12);padding:var(--spacing-12);display:flex;gap:var(--spacing-8);cursor:pointer}.ferry-route-item .origin-seaport[data-v-814f96c1]{align-items:flex-end}.ferry-route-item .origin-seaport .seaport-details[data-v-814f96c1],.ferry-route-item .origin-seaport .seaport-name[data-v-814f96c1]{text-align:right}.ferry-route-item .origin-seaport[data-v-814f96c1],.ferry-route-item .destination-seaport[data-v-814f96c1]{display:flex;flex-direction:column;width:calc(50% - var(--spacing-32) - var(--spacing-12) / 2);gap:var(--spacing-4)}.ferry-route-item .origin-seaport .seaport-name[data-v-814f96c1],.ferry-route-item .destination-seaport .seaport-name[data-v-814f96c1]{font:var(--font-label-m-light);font-variation-settings:"opsz" 703}.ferry-route-item .origin-seaport .seaport-details[data-v-814f96c1],.ferry-route-item .destination-seaport .seaport-details[data-v-814f96c1]{font:var(--font-label-s-light);font-variation-settings:"opsz" 703}.ferry-route-item .origin-seaport .seaport-details .font-bold[data-v-814f96c1],.ferry-route-item .destination-seaport .seaport-details .font-bold[data-v-814f96c1]{font:var(--font-label-s-bold);font-weight:var(--font-weight-semibold);font-variation-settings:"opsz" 703}.ferry-route-item .seaport-separator[data-v-814f96c1]{width:var(--spacing-64);display:flex;justify-content:center;align-items:center;position:relative}.ferry-route-item .seaport-separator[data-v-814f96c1]:after{content:"";position:absolute;width:100%;height:1px;background-color:var(--color-neutral-30);top:50%;transform:translateY(-50%);z-index:1}.ferry-route-item .seaport-separator .separator-icon[data-v-814f96c1]{position:relative;z-index:2;width:var(--spacing-32);height:var(--spacing-32);background-color:var(--color-neutral-30);border-radius:100%;display:flex;justify-content:center;align-items:center}.my-position-button .group-info[data-v-541e7603]{font:var(--font-label-s-bold);font-weight:var(--font-weight-semibold);font-variation-settings:"opsz" 703;color:var(--color-neutral-70);margin-bottom:var(--spacing-8)}.my-position-button .my-position[data-v-541e7603]{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-12);border-radius:var(--border-radius-12);cursor:pointer;transition:all var(--transition-medium)}@media (hover: hover){.my-position-button .my-position[data-v-541e7603]:hover{background-color:var(--color-neutral-10)}}.my-position-button .my-position .text[data-v-541e7603]{font:var(--font-label-m-bold);font-weight:var(--font-weight-semibold);font-variation-settings:"opsz" 703;color:var(--color-neutral-70)}ul[data-v-f344c81f]{margin:0;padding:0;list-style:none}.my-position-button[data-v-f344c81f]{margin-bottom:var(--spacing-24)}.auto-complete-suggestions-list .category[data-v-f344c81f]:not(:last-child){margin-bottom:var(--spacing-24)}.auto-complete-suggestions-list .category .category-name[data-v-f344c81f]{color:var(--color-neutral-70);font:var(--font-label-s-bold);font-weight:var(--font-weight-semibold);font-variation-settings:"opsz" 703;margin-bottom:var(--spacing-8)}.auto-complete-suggestions-list .category .category-item[data-v-f344c81f]{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-12);cursor:pointer;border-radius:var(--border-radius-12);transition:all var(--transition-medium)}.auto-complete-suggestions-list .category .category-item.focused[data-v-f344c81f]{background-color:var(--color-neutral-10)}@media (hover: hover){.auto-complete-suggestions-list .category .category-item[data-v-f344c81f]:hover{background-color:var(--color-neutral-10)}}.auto-complete-suggestions-list .category .category-item .category-item-text[data-v-f344c81f]{color:var(--color-neutral-70);font:var(--font-label-m-light);font-variation-settings:"opsz" 703}