/* 0.6.10: one consistent watch-style rounded select on the Mental sleep panel. */
.mental-select-wrap{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  height:46px;
  border:1px solid #63717e;
  background:#38434b;
  border-radius:12px;
  overflow:hidden;
}
.mental-select-wrap select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%;
  height:100%;
  min-height:0;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#ecf1f6!important;
  color-scheme:dark;
  font-size:16px;
  font-weight:650;
  padding:8px 27px 8px 10px;
  cursor:pointer;
}
.mental-select-wrap::after{
  content:"";
  position:absolute;
  top:50%;right:11px;
  width:7px;height:7px;
  border-right:2px solid #d3e2ee;
  border-bottom:2px solid #d3e2ee;
  transform:translateY(-70%) rotate(45deg);
  pointer-events:none;
}
.mental-select-wrap:focus-within{
  outline:2px solid #b8d9f4;
  outline-offset:2px;
}
html[data-acgs-theme="antrieb"] .mental-select-wrap,
html[data-acgs-theme="balance"] .mental-select-wrap{background:var(--surface,#f5f7f9);border-color:#93a5b1}
html[data-acgs-theme="antrieb"] .mental-select-wrap select,
html[data-acgs-theme="balance"] .mental-select-wrap select{color:#263c4b!important;color-scheme:light}
html[data-acgs-theme="antrieb"] .mental-select-wrap::after,
html[data-acgs-theme="balance"] .mental-select-wrap::after{border-color:#384d5b}