@charset "utf-8";



.tklm_wx_box{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:100%;
  max-width:100%;
  min-height:0;                 
  padding:2px 0 8px;            
  background:transparent;
  border:none;
  border-radius:0;
  margin:0;
  box-sizing:border-box;
  overflow:hidden;              
  color:var(--text);
  text-align:center;
}


.tklm_wx_row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:2px 13px;              
  font-size:1em;             
  line-height:2;             
  font-weight:600;           
  color:var(--text);         
}




.tklm_wx_sp{
  display:inline-block;
  width:1px; height:.82em;          
  background:var(--border-2);
  vertical-align:middle;
  flex:0 0 auto;
}


.tklm_wx_city{
  font-size:1em; font-weight:700; color:var(--text);
  white-space:nowrap;
}


.tklm_wx_temp{
  font-size:1.15em; line-height:1; font-weight:700; color:var(--text);
  font-family:"SF Mono","Cascadia Mono",Consolas,Menlo,monospace;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  white-space:nowrap;
}
.tklm_wx_temp i{ font-style:normal; font-size:.78em; vertical-align:super; }

.tklm_wx_icon{ font-size:1.15em; line-height:1; }
.tklm_wx_text{ font-size:1em; font-weight:600; color:var(--text); }


.tklm_wx_fci{
  display:inline-flex; align-items:center; gap:4px;
  white-space:nowrap;
}

.tklm_wx_fcl{ color:var(--text); font-size:1em; font-weight:600; }
.tklm_wx_fci .tklm_wx_icon{ font-size:1em; }
.tklm_wx_fct{
  color:var(--text); font-weight:600; font-size:1em;
  font-variant-numeric:lining-nums tabular-nums;
}




.tklm_wx_svg{
  width:1em; height:1em;
  display:inline-block;
  vertical-align:-0.125em;
  flex:none;
}

.tklm_wx_mini i{ display:inline-flex; align-items:center; }
.tklm_wx_mini i .tklm_wx_svg{ width:1.15em; height:1.15em; }


.tklm_wx_city{
  display:inline-flex; align-items:center; gap:.3em;
}
.tklm_wx_city .tklm_wx_svg{
  width:1.05em; height:1.05em;
}
.tklm_wx_city{ font-weight:600; }




.tklm_wx_mini{
  display:none; align-items:center; gap:.25em;
  font-size:.8em; color:var(--muted); white-space:nowrap;
}
.tklm_wx_mini_ok{ display:inline-flex; }
.tklm_wx_mini i{ font-style:normal; font-size:1.15em; line-height:1; }


@media (max-width:640px){
  .tklm_wx_box{
    padding:2px 0 6px;          
    min-height:0;
  }
  
  .tklm_wx_row{ gap:.32em .6em; font-size:.9em; }
  .tklm_wx_sp{ display:none; }          
  .tklm_wx_city{ font-size:1em; }
  .tklm_wx_temp{ font-size:1.2em; }
  .tklm_wx_temp i{ font-size:.78em; }
  .tklm_wx_icon{ font-size:1.1em; }
  .tklm_wx_text{ font-size:1em; }
  .tklm_wx_fct{ font-size:1em; }
}