.voyage-lane:before{content:"";background:color-mix(in oklab, var(--color-accent-keel) 7%, transparent);width:24px;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.voyage-water{--voyage-wash:color-mix(in oklab, var(--color-accent-keel) 38%, transparent);background-image:linear-gradient(to bottom, var(--voyage-wash) 0 3px, transparent 3px 24px), linear-gradient(to bottom, var(--voyage-wash) 0 3px, transparent 3px 24px);background-position:calc(50% - 9px) 6px,calc(50% + 9px) 18px;background-repeat:repeat-y;background-size:2px 24px,2px 24px;height:calc(100% + 48px)}.voyage-lighthouse{z-index:2;transform-origin:50% 100%;transition:color .24s}[data-voyage-day][data-docked] .voyage-lighthouse{color:var(--color-accent-keel-text)}.voyage-light{opacity:.55;transition:opacity .24s ease-out}[data-voyage-day][data-docked] .voyage-light,.voyage-harbour .voyage-light{opacity:1}.voyage-moor{opacity:0;transition:opacity .24s ease-out}[data-voyage-day][data-docked] .voyage-moor,[data-moored] [data-voyage-day]:first-child .voyage-moor{opacity:.7}.voyage-beam,.voyage-beam-arrive{pointer-events:none;z-index:1;transform-origin:0;clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);background:linear-gradient(90deg, color-mix(in oklab, var(--color-accent-keel) 55%, transparent), transparent);width:112px;height:20px;position:absolute;top:4px;left:50%}.voyage-beam{opacity:.28}.voyage-beam-arrive{opacity:0}.voyage-beam-small{opacity:0;width:56px;height:14px;transition:opacity .24s ease-out;top:5px}[data-voyage-day][data-docked] .voyage-beam-small{opacity:.3}@keyframes voyage-current{0%{transform:translateY(0)}to{transform:translateY(-48px)}}@keyframes voyage-bob{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-3px)rotate(-2deg)}75%{transform:translateY(2px)rotate(2deg)}}@keyframes voyage-surface{0%{opacity:0}to{opacity:1}}@keyframes voyage-wash{0%{transform:rotate(0)}30%{transform:rotate(-9deg)}60%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes voyage-raise{0%{opacity:.4;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}@keyframes voyage-sweep{0%{opacity:.14;transform:rotate(-16deg)}to{opacity:.3;transform:rotate(16deg)}}@keyframes voyage-arrive{0%{opacity:.55;transform:rotate(-50deg)}to{opacity:0;transform:rotate(24deg)}}@media (prefers-reduced-motion:no-preference){[data-voyage-live] [data-near] .voyage-water{animation:6s linear infinite voyage-current}[data-voyage-live] .voyage-ship{animation:.48s cubic-bezier(.22,1,.36,1) voyage-surface}[data-voyage-live] .voyage-bob{animation:5s ease-in-out infinite voyage-bob}[data-voyage-live] [data-voyage-day][data-docked] .voyage-lighthouse:not(.voyage-harbour){animation:.9s cubic-bezier(.22,1,.36,1) voyage-wash}[data-voyage-live] .voyage-harbour .voyage-beam{animation:4.5s ease-in-out infinite alternate voyage-sweep}[data-voyage-live][data-moored] .voyage-beam-arrive{animation:1.3s cubic-bezier(.22,1,.36,1) voyage-arrive}}