.mtk-elevation-profile.maplibregl-ctrl {
  box-sizing: border-box;
  margin-left: 0;
  margin-right: 0;
  padding: 0 10px;
  max-width: 100%;
}

.mtk-elevation-profile.maplibregl-ctrl .mtk-elevation-svg {
  border-radius: 10px;
}

.mtk-elevation-profile .mtk-elevation-section {
  fill: #fa5538;
  fill-opacity: 0.3;
  stroke-width: 0;
}

.mtk-elevation-profile .mtk-elevation-curve-stroke {
  stroke-width: 0.6rem;
  stroke: #002361;
  stroke-opacity: 0.8;
}

.mtk-elevation-profile .mtk-elevation-curve-fill {
  fill: #002361;
  fill-opacity: 0.10;
}

.mtk-elevation-profile .mtk-elevation-curve-bar {
  stroke: #fa5538;
  stroke-width: 0.2rem;
}

.mtk-elevation-profile .mtk-elevation-curve-bar-mark {
  fill: #fa5538;
  stroke: #fff;
  stroke-width: 0.3rem;
  r: 1rem;
  filter: drop-shadow(0 0 0.3rem #fa5538);
}

.mtk-elevation-profile .mtk-elevation-text {
  font-size: 2.4rem;
  fill: #444;
}

.mtk-elevation-profile .mtk-elevation-curve-label-background {
  fill: none;
  stroke: none;
  rx: 0.75rem;
  ry: 0.75rem;
}

.mtk-elevation-profile .mtk-elevation-curve-start-label,
.mtk-elevation-profile .mtk-elevation-curve-end-label,
.mtk-elevation-profile .mtk-elevation-curve-top-label,
.mtk-elevation-profile .mtk-elevation-curve-poi-label,
.mtk-elevation-profile .mtk-elevation-curve-legend-label {
  font-size: 2.3rem;
  stroke: rgba(255, 255, 255, 0.7);
  stroke-width: 0.5rem;
  stroke-linecap: round;
  stroke-linejoin: miter;
  paint-order: stroke;
}

.mtk-elevation-profile .mtk-elevation-curve-top-label {
  fill: none;
  stroke: none;
}

.mtk-elevation-profile .mtk-elevation-axe-label {
  font-size: 2.2rem;
}


.mtk-elevation-profile .mtk-elevation-x-axe,
.mtk-elevation-profile .mtk-elevation-y-axe {
  stroke: #aaaaaa;
  stroke-width: 0.2rem;
  stroke-opacity: 0;
}

.mtk-elevation-profile .mtk-elevation-x-axe {
  stroke: #aaaaaa;
  stroke-width: 0.2rem;
  stroke-opacity: 1;
}

.mtk-elevation-profile .mtk-elevation-x-grid,
.mtk-elevation-profile .mtk-elevation-y-grid {
  stroke: #e7e7e7;
  stroke-width: 0.2rem;
  stroke-opacity: 0;
}

.mtk-elevation-profile .mtk-elevation-y-grid {
  stroke: #aaaaaa;
  stroke-width: 0.2rem;
  stroke-opacity: 1;
  stroke-dasharray: 5 30;
}

.mtk-elevation-profile .mtk-elevation-background {
  fill: #ffffff;
  fill-opacity: 0.75;
  stroke-opacity: 0;
  opacity: 1;
}

.mtk-elevation-profile .mtk-elevation-close {
  stroke: #dddddd;
}

.mtk-elevation-profile .mtk-elevation-close.mtk-elevation-close-active {
  stroke: #555;
}

.mtk-elevation-profile .mtk-elevation-curve-start-point,
.mtk-elevation-profile .mtk-elevation-curve-end-point,
.mtk-elevation-profile .mtk-elevation-curve-top-point {
  fill: #fa5538;
  fill-opacity: 0.85;
  stroke: none;
  r: 0.75rem;
}

.mtk-elevation-profile .mtk-elevation-curve-top-point {
  fill: none;
}

.mtk-elevation-profile .mtk-elevation-curve-poi-point {
  opacity: 0.9;
}

.mtk-elevation-profile .mtk-elevation-curve-poi-point:hover {
  opacity: 1;
}