.journey-item[data-v-035b3b77]{cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:8px;width:100%;padding:16px;list-style:none;transition:all .2s}.journey-item[data-v-035b3b77]:hover{background:#fcfcfd;border-color:#08d073;transform:translateY(-2px);box-shadow:0 4px 12px #08d07314}.journey-item[data-v-035b3b77]:active{transform:translateY(0)}.journey-content[data-v-035b3b77]{align-items:center;gap:14px;display:flex;position:relative}.port-info[data-v-035b3b77]{flex-direction:column;flex:1;gap:4px;display:flex}.port-info--arrival[data-v-035b3b77]{align-items:flex-end}.port-name[data-v-035b3b77]{color:#202939;text-transform:lowercase;margin:0;font-size:15px;font-weight:600;line-height:1.3}.port-name[data-v-035b3b77]:first-letter{text-transform:uppercase}.port-country[data-v-035b3b77]{color:#9aa4b2;font-size:12px;font-weight:500}.route-indicator[data-v-035b3b77]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.route-icon[data-v-035b3b77]{color:#08d073;width:30px;height:30px}.loading-indicator[data-v-035b3b77]{position:absolute;top:50%;right:0;transform:translateY(-50%)}.loading-spinner[data-v-035b3b77]{color:#08d073;width:20px;height:20px;animation:1s linear infinite spin-035b3b77}@keyframes spin-035b3b77{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (width<=640px){.journey-item[data-v-035b3b77]{padding:14px}.journey-content[data-v-035b3b77]{gap:10px}.port-name[data-v-035b3b77]{font-size:14px}.port-country[data-v-035b3b77]{font-size:11px}.route-icon[data-v-035b3b77]{width:26px;height:26px}}