/* Shared raised controls across admin, login, player and student pages. */
:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link){
 --control-depth:3px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.2),0 var(--control-depth) 0 rgba(0,0,0,.42),0 5px 9px rgba(0,0,0,.2);
 transition:translate .12s ease,box-shadow .12s ease,filter .12s ease;
}
.btn{font-weight:650}
.btn-sm,.btn-xs,.btn-close,.btn-link{--control-depth:2px}
@media(hover:hover){
 :is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link):not(:disabled):not(.disabled):not([aria-disabled="true"]):hover{
  translate:0 -1px;filter:brightness(1.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 0 rgba(0,0,0,.45),0 7px 12px rgba(0,0,0,.25);
 }
}
:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link):not(:disabled):not(.disabled):not([aria-disabled="true"]):active{
 translate:0 2px;box-shadow:inset 0 2px 4px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.12);
}
:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link):focus-visible{
 outline:2px solid #7dd3fc;outline-offset:3px;
}
.sidebar .nav-link.active{box-shadow:inset 4px 0 #5bc7ff,inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 rgba(0,0,0,.4)}
:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"]):is(:disabled,.disabled,[aria-disabled="true"]){
 box-shadow:none;translate:none;filter:none;opacity:.45;
}
@media(prefers-reduced-motion:reduce){:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link){transition:none;translate:none!important}}
@media print{:is(button,.btn,input[type="button"],input[type="submit"],input[type="reset"],a[role="button"],.sidebar .nav-link){box-shadow:none}}
