.prototype-ui .plan-travel{--pt-move:cubic-bezier(.77,0,.175,1);--pt-out:cubic-bezier(.23,1,.32,1);border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;gap:16px;margin-top:16px;padding:16px;display:grid}.prototype-ui .plan-travel-head{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.prototype-ui .plan-travel-head h2{margin:0;font-size:15px;font-weight:600}.prototype-ui .plan-travel-verdict{color:var(--amber);align-items:center;gap:8px;margin:4px 0 0;font-size:13px;display:flex}.prototype-ui .plan-travel-verdict[data-state=ok]{color:var(--green)}.prototype-ui .plan-travel-verdict .icon{flex:none;width:16px;height:16px}.prototype-ui .plan-travel .button.ghost{background:0 0;border-color:#0000}.prototype-ui .plan-travel-block{justify-content:center;width:100%;min-height:48px}.prototype-ui .plan-travel-board{border-top:1px solid var(--line);gap:8px;padding-top:16px;display:grid}.prototype-ui .plan-travel.is-sheet .plan-travel-board:first-child{border-top:0;padding-top:0}.prototype-ui .plan-travel-who{align-items:center;gap:8px;display:flex}.prototype-ui .plan-travel-who b{font-size:14px;display:block}.prototype-ui .plan-travel-who small{color:var(--muted);font-size:12px;display:block}.prototype-ui .plan-travel-avatar{background:var(--tint);border-radius:999px;place-items:center;width:32px;height:32px;font-size:11px;font-style:normal;font-weight:600;display:grid}.prototype-ui .plan-travel-line{gap:4px;min-width:0;display:grid}.prototype-ui .plan-travel-ticks{height:16px;position:relative}.prototype-ui .plan-travel-ticks span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;position:absolute;transform:translate(-50%)}.prototype-ui .plan-travel-lane{height:56px;position:relative}.prototype-ui .plan-travel-job{z-index:1;border:1px solid color-mix(in srgb,var(--blue) 40%,var(--line));background:var(--tint);border-radius:8px;align-content:center;padding:0 8px;font-size:11px;line-height:1.3;display:grid;position:absolute;top:0;bottom:0;overflow:hidden}.prototype-ui .plan-travel-job span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prototype-ui .plan-travel-job[data-moved]{border-style:dashed;border-color:var(--blue)}.prototype-ui .plan-travel-job em{color:var(--blue);font-style:normal;font-weight:600}.prototype-ui .plan-travel-gap{align-items:end;min-width:16px;padding:0 2px;display:grid;position:absolute;top:12px;bottom:12px}.prototype-ui .plan-travel-gap i{background:color-mix(in srgb,var(--green) 25%,transparent);width:100%;box-shadow:inset 0 0 0 1px var(--green);transform-origin:0;transition:transform .25s var(--pt-move);border-radius:4px;position:absolute;top:0;bottom:16px;left:0}.prototype-ui .plan-travel-gap[data-state=tight] i{background:color-mix(in srgb,var(--amber) 25%,transparent);box-shadow:inset 0 0 0 1px var(--amber)}.prototype-ui .plan-travel-gap[data-state=tooTight] i{background:color-mix(in srgb,var(--red) 22%,transparent);box-shadow:inset 0 0 0 1px var(--red)}.prototype-ui .plan-travel-gap[data-state=unknown] i{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.prototype-ui .plan-travel-gap span{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600;position:relative}.prototype-ui .plan-travel-legs{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.prototype-ui .plan-travel-leg{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:12px 16px;display:grid}.prototype-ui .plan-travel-leg[data-state=tooTight],.prototype-ui .plan-travel-leg[data-state=tight]{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}.prototype-ui .plan-travel-route{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;display:flex}.prototype-ui .plan-travel-route .icon{width:14px;height:14px;color:var(--muted)}.prototype-ui .plan-travel-gapline{color:var(--muted);grid-column:1;font-size:11px}.prototype-ui .plan-travel-value{font-variant-numeric:tabular-nums;grid-area:1/2/span 2;align-content:center;justify-items:end;display:grid}.prototype-ui .plan-travel-value b{font-size:16px;font-weight:600}.prototype-ui .plan-travel-value b.is-exact{color:var(--blue)}.prototype-ui .plan-travel-value s{color:var(--muted);font-size:11px}.prototype-ui .plan-travel-state{color:var(--amber);grid-column:1;align-items:center;gap:4px;font-size:12px;display:flex}.prototype-ui .plan-travel-leg[data-state=fits] .plan-travel-state{color:var(--green)}.prototype-ui .plan-travel-leg[data-state=unknown] .plan-travel-state{color:var(--muted)}.prototype-ui .plan-travel-state .icon{width:14px;height:14px}.prototype-ui .plan-travel-notice{background:var(--rail);color:var(--muted);border-radius:12px;align-items:flex-start;gap:8px;margin:0;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.prototype-ui .plan-travel-notice.is-exact{background:var(--tint);color:var(--ink)}.prototype-ui .plan-travel-notice .icon{flex:none;width:14px;height:14px;margin-top:2px}.prototype-ui .plan-travel-notice .exact-travel-note{margin:0}.prototype-ui .plan-travel-quota,.prototype-ui .plan-travel-start{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.prototype-ui .plan-travel-quota .icon{width:14px;height:14px}@keyframes plan-travel-swap{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.prototype-ui .plan-travel-swap{animation:plan-travel-swap .18s var(--pt-out) both;animation-delay:calc(var(--i,0) * 30ms)}@keyframes plan-travel-sheet-in{0%{transform:translateY(100%)}to{transform:none}}.prototype-ui .plan-travel-lead{margin:0;font-size:15px;font-weight:600}@media (width<=640px){.prototype-ui dialog.kontur-sheet.plan-travel-sheet[open]{border-radius:16px 16px 0 0;width:100%;max-width:none;height:auto;max-height:92vh;margin:0;animation:.3s cubic-bezier(.32,.72,0,1) plan-travel-sheet-in;inset:auto 0 0}}.prototype-ui dialog.kontur-sheet.plan-travel-sheet .plan-travel-legs{margin-top:8px}@media (prefers-reduced-motion:reduce){.prototype-ui .plan-travel-gap i{transition:none}.prototype-ui .plan-travel-swap,.prototype-ui dialog.kontur-sheet.plan-travel-sheet[open]{animation:none}}@media (width<=640px){.prototype-ui .plan-travel{padding:16px 12px}.prototype-ui .plan-travel-lane{height:64px}}@media (pointer:coarse){.prototype-ui .plan-travel .button{min-height:44px}}@media (forced-colors:active){.prototype-ui :is(.plan-travel,.plan-travel-leg,.plan-travel-job){border-color:canvastext}}