/* RadarČeska — Turistika v2.3.9 Final Route UX */

.rc-tourist-route-ux-v239{
  margin:6px 0 0;
  padding:6px;
  border:1px solid rgba(70,88,85,.10);
  border-radius:10px;
  background:rgba(248,250,249,.93);
  box-shadow:0 1px 2px rgba(29,47,47,.02);
}
.rc-tourist-route-ux-v239[hidden]{display:none}

.rc-tourist-route-ux-v239-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 2px 5px;
}
.rc-tourist-route-ux-v239-head strong{
  color:#4c605c;
  font-size:8px;
  font-weight:760;
}
.rc-tourist-route-ux-v239-head span{
  color:#929d99;
  font-size:6.4px;
  font-weight:600;
}

.rc-tourist-route-ux-v239-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
}

.rc-tourist-route-ux-v239-item{
  min-width:0;
  min-height:42px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:5px;
  padding:5px;
  border:1px solid rgba(76,94,90,.11);
  border-radius:8px;
  background:rgba(255,255,255,.78);
  color:#566864;
  cursor:pointer;
  text-align:left;
  font:inherit;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s ease;
}
.rc-tourist-route-ux-v239-item:hover,
.rc-tourist-route-ux-v239-item:focus-visible{
  border-color:rgba(34,184,154,.27);
  background:#fff;
  outline:none;
}
.rc-tourist-route-ux-v239-item:active{transform:translateY(1px)}
.rc-tourist-route-ux-v239-item.is-active{
  border-color:rgba(34,184,154,.38);
  background:rgba(234,248,244,.98);
  box-shadow:0 0 0 1px rgba(34,184,154,.05) inset;
}

.rc-tourist-route-ux-v239-num{
  width:18px;height:18px;
  display:grid;place-items:center;
  border-radius:999px;
  background:#e4e9e7;
  color:#687975;
  font-size:6.5px;
  font-weight:800;
}
.rc-tourist-route-ux-v239-item.is-active .rc-tourist-route-ux-v239-num{
  background:#344744;
  color:#fff;
  box-shadow:0 0 0 2px rgba(34,184,154,.46) inset;
}

.rc-tourist-route-ux-v239-copy{
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:
    "label time"
    "meta meta";
  gap:1px 5px;
  align-items:baseline;
}
.rc-tourist-route-ux-v239-label{
  grid-area:label;
  overflow:hidden;
  color:#6f817c;
  font-size:5.7px;
  font-weight:740;
  line-height:1.05;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.rc-tourist-route-ux-v239-copy strong{
  grid-area:time;
  color:#405552;
  font-size:7.4px;
  font-weight:780;
  line-height:1.05;
  white-space:nowrap;
}
.rc-tourist-route-ux-v239-copy small{
  grid-area:meta;
  overflow:hidden;
  color:#899590;
  font-size:5.5px;
  font-weight:600;
  line-height:1.08;
  white-space:nowrap;
  text-overflow:ellipsis;
}

@media (min-width:821px) and (max-height:1050px){
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239{
    margin-top:4px;padding:4px;border-radius:8px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-head{display:none}
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-item{
    min-height:30px;
    grid-template-columns:14px minmax(0,1fr);
    gap:3px;
    padding:3px 4px;
    border-radius:6px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-num{
    width:14px;height:14px;font-size:5.3px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-label{font-size:4.8px}
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-copy strong{font-size:6.2px}
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-copy small{font-size:4.7px}
}

@media (min-width:821px) and (max-height:850px){
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239{
    margin-top:3px;padding:3px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-item{
    min-height:27px;
    grid-template-columns:13px minmax(0,1fr);
    padding:2px 3px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-num{
    width:13px;height:13px;font-size:4.9px;
  }
  .rc-tourist-planner-v211 .rc-tourist-route-ux-v239-label{display:none}
}

@media (max-width:820px){
  .rc-tourist-route-ux-v239-list{
    display:flex;
    gap:5px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .rc-tourist-route-ux-v239-list::-webkit-scrollbar{display:none}
  .rc-tourist-route-ux-v239-item{flex:0 0 132px}
}

@media (prefers-color-scheme:dark){
  .rc-tourist-route-ux-v239{
    border-color:rgba(215,228,223,.10);
    background:rgba(58,68,66,.94);
  }
  .rc-tourist-route-ux-v239-head strong,
  .rc-tourist-route-ux-v239-copy strong{color:#dbe7e3}
  .rc-tourist-route-ux-v239-head span,
  .rc-tourist-route-ux-v239-label,
  .rc-tourist-route-ux-v239-copy small{color:#aab8b4}
  .rc-tourist-route-ux-v239-item{
    border-color:rgba(218,229,225,.10);
    background:rgba(78,91,88,.75);
  }
  .rc-tourist-route-ux-v239-item.is-active{
    border-color:rgba(34,184,154,.44);
    background:rgba(58,94,85,.86);
  }
  .rc-tourist-route-ux-v239-num{background:#697874;color:#edf3f1}
}