/* AANYA_V345A4B6_SINGLE_HOVER_CHART */
/* AANYA_V345A4B6D_TOUCH_TAP_PREVIEW */
#aanyaChartHoverPreview{
  position:fixed;
  z-index:2147483000;
  display:none;
  width:min(640px,calc(100vw - 20px));
  height:min(430px,calc(100vh - 20px));
  overflow:hidden;
  border:1px solid #40516a;
  border-radius:9px;
  background:#0b0e13;
  box-shadow:0 14px 42px rgba(0,0,0,.55);
}

#aanyaChartHoverPreview.show{
  display:grid;
  grid-template-rows:30px minmax(0,1fr);
}

#aanyaChartHoverPreview .aanya-hover-head{
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 8px;
  background:#151d2a;
  border-bottom:1px solid #344156;
  color:#dbe7f5;
  font:800 10px Arial,sans-serif;
}

#aanyaChartHoverPreview .aanya-hover-live{
  color:#35d07f;
  font-weight:1000;
}

#aanyaChartHoverPreview .aanya-hover-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#aanyaChartHoverPreview .aanya-hover-open{
  margin-left:auto;
  color:#8db8ff;
  text-decoration:none;
  white-space:nowrap;
}

#aanyaChartHoverPreview .aanya-hover-close{
  width:20px;
  height:20px;
  padding:0;
  border:0;
  border-radius:3px;
  background:#253247;
  color:#dbe7f5;
  cursor:pointer;
  font-size:13px;
  line-height:20px;
  touch-action:manipulation;
}

#aanyaChartHoverPreview iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#0b0e13;
}

html[data-theme="light"] #aanyaChartHoverPreview,
body.light #aanyaChartHoverPreview{
  border-color:#b8c3d1;
  background:#fff;
  box-shadow:0 14px 36px rgba(30,41,59,.24);
}

html[data-theme="light"] #aanyaChartHoverPreview .aanya-hover-head,
body.light #aanyaChartHoverPreview .aanya-hover-head{
  background:#edf2f8;
  border-bottom-color:#c8d2df;
  color:#182235;
}

@media(hover:none),(pointer:coarse){
  #aanyaChartHoverPreview.touch{
    width:min(560px,calc(100vw - 16px));
    height:min(430px,calc(100vh - 16px));
    border-radius:10px;
  }

  #aanyaChartHoverPreview.touch .aanya-hover-head{
    min-height:36px;
    padding:0 10px;
    font-size:11px;
  }

  #aanyaChartHoverPreview.touch .aanya-hover-open{
    padding:8px 4px;
    touch-action:manipulation;
  }

  #aanyaChartHoverPreview.touch .aanya-hover-close{
    width:28px;
    height:28px;
    font-size:18px;
    line-height:28px;
  }
}