/* ============================================
   SCROLLBAR
   ============================================ */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-alt)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}
::-webkit-scrollbar-thumb:hover{background:var(--text-light)}

/* ============================================
   UTILITIES
   ============================================ */
.text-center{text-align:center}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.hidden{display:none!important}

/* ============================================
   ACCESSIBILITY
   ============================================ */
.skip-link{
  position:absolute;top:-100%;left:0;
  background:var(--primary);color:#fff;
  padding:.5rem 1rem;z-index:1000;
  border-radius:0 0 8px 0;font-weight:600;
}
.skip-link:focus{top:0}

:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}

.sr-only{
  position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}