.kdk-elevation-profile{--elevation-profile-height:80px;--elevation-profile-axis-row:18px;--elevation-profile-axis-gap:var(--space-1);--elevation-profile-dot-size:8px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--elevation-profile-height) auto;column-gap:var(--space-2);row-gap:var(--elevation-profile-axis-gap)}.kdk-elevation-profile--bare{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--elevation-profile-height);column-gap:0;row-gap:0}.kdk-elevation-profile__x-axis,.kdk-elevation-profile__y-axis{font-family:var(--font-roboto);font-size:var(--text-label-size);line-height:var(--text-label-leading);color:var(--color-muted-foreground);white-space:nowrap}.kdk-elevation-profile__y-axis{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;margin-block:calc(var(--text-label-size) * -.5)}.kdk-elevation-profile__x-axis{grid-column:2;grid-row:2;position:relative;height:var(--elevation-profile-axis-row)}.kdk-elevation-profile__x-tick{position:absolute;top:0;transform:translateX(-50%)}.kdk-elevation-profile__x-tick--first{left:0;transform:none}.kdk-elevation-profile__x-tick--last{right:0;left:auto;transform:none}.kdk-elevation-profile__plot{grid-column:2;grid-row:1;position:relative;min-width:0;height:var(--elevation-profile-height)}.kdk-elevation-profile--bare .kdk-elevation-profile__plot{grid-column:1}.kdk-elevation-profile__svg{display:block;width:100%;height:100%}.kdk-elevation-profile__area{fill:rgba(var(--color-lime-rgb),.15)}.kdk-elevation-profile__line{fill:none;stroke:var(--color-primary);stroke-width:1.5;vector-effect:non-scaling-stroke}.kdk-elevation-profile__gridline{stroke:rgba(var(--color-snow-rgb),.12);stroke-width:1;vector-effect:non-scaling-stroke}.kdk-elevation-profile__indicator{position:absolute;inset-block:0;width:0;pointer-events:none;border-left:1px solid var(--color-primary)}.kdk-elevation-profile__dot{position:absolute;width:var(--elevation-profile-dot-size);height:var(--elevation-profile-dot-size);margin-left:calc(var(--elevation-profile-dot-size) / -2);margin-top:calc(var(--elevation-profile-dot-size) / -2);border-radius:50%;background:var(--color-primary);border:1px solid var(--color-midnight);pointer-events:none}.kdk-elevation-profile__readout{position:absolute;bottom:calc(100% + var(--space-1));display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-foreground);font-family:var(--font-roboto);font-size:var(--text-label-size);line-height:var(--text-label-leading);white-space:nowrap;pointer-events:none}.kdk-elevation-profile__readout-value+.kdk-elevation-profile__readout-value:before{content:"·";margin-right:var(--space-2);color:var(--color-muted-foreground)}.kdk-elevation-profile__plot--interactive{cursor:crosshair;touch-action:pan-y}.kdk-elevation-profile__plot--interactive:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.kdk-elevation-profile__empty{font-family:var(--font-roboto);font-size:var(--text-label-size);line-height:var(--text-label-leading);color:var(--color-muted-foreground)}