/* Contextual study controls do not take space from the experiment or records. */
#study-overlays{display:contents}
.study-menu{position:relative;flex:0 0 44px;margin:0;z-index:85}
.study-menu[hidden]{display:none!important}
.study-menu>summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;list-style:none;cursor:pointer;color:#2458f5;font-size:12px;white-space:nowrap}
.study-menu>summary::-webkit-details-marker{display:none}
.study-menu>summary:focus-visible{outline:2px solid #2458f5;outline-offset:-3px;border-radius:6px}
.study-menu-panel{position:absolute;right:0;top:100%;width:228px;max-height:min(420px,calc(100dvh - 100px));overflow:auto;padding:8px;border:1px solid #dce3ef;border-radius:8px;background:#fff;box-shadow:0 7px 24px #192b4824}
.study-menu-panel>button{display:block;width:100%;min-height:44px;padding:8px 10px!important;text-align:left;font-size:12px!important;color:#192b48!important;border-radius:5px}
.study-menu-panel>button:hover{background:#f6f8fd}
.study-menu-panel>button:disabled{opacity:.45}
.study-menu-panel>hr{border:0;border-top:1px solid #dce3ef;margin:4px 0}
.study-menu-panel>.study-note{display:block;padding:4px 10px}
.study-note{font-size:12px;line-height:1.65;color:#68778f}
.study-field>small{display:block;font-size:12px;line-height:1.65;color:#68778f}
.study-teacher-details{font-size:13px;line-height:1.75;border-top:1px solid #dce3ef;margin-top:14px}
.study-teacher-details>summary{min-height:44px;cursor:pointer;padding:10px 0;color:#2458f5}
.study-library-actions{margin-top:12px}
#draft-status[data-state=error]{color:#a23c36}
.recovery-dialog .study-dialog-actions{flex-wrap:wrap}
@media(max-width:700px){
  .study-menu{flex-basis:44px}
  .study-menu>summary{font-size:11px}
  body[data-view=graph] .view-tabs{gap:0;min-width:0}
  body[data-view=graph] .view-tabs>button{padding-left:5px;padding-right:5px;font-size:11px}
  body[data-view=graph] #graph-tools{gap:0;justify-content:space-between}
  .study-menu-panel{position:fixed;top:92px;right:8px;width:228px;max-height:calc(100dvh - 108px)}
}
@media(max-width:700px) and (max-height:620px){body[data-view=graph] .graph-footer{display:none}}