/* Based off of 98.css */
/* by aph6000 */
/* 2/25/2022 */

:root {
  --ButtonFace: rgb(192, 192, 192);
  --ButtonHilight: rgb(255, 255, 255);
  --ButtonLight: rgb(223, 223, 223);
  --ButtonShadow: rgb(128, 128, 128);
  --ButtonDkShadow: rgb(0, 0, 0);
    
  --BorderWidth: 1px;
  --border-window-outer: inset -1px -1px var(--ButtonDkShadow),
    inset 1px 1px var(--ButtonLight);
  --border-window-inner: inset -2px -2px var(--ButtonShadow),
    inset 2px 2px var(--ButtonHilight);
}

::-webkit-scrollbar {
  width: 16px !important;
}
::-webkit-scrollbar:horizontal {
  height: 16px !important;
}

::-webkit-scrollbar-corner {
  background-color: var(--ButtonFace) !important;
}

::-webkit-scrollbar-track {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E") !important;
      border-radius: 0px !important;
          width: 16px !important;
}

::-webkit-scrollbar-thumb {
      width: 16px !important;
      height: 16px !important;
  background: var(--ButtonFace) !important;
  box-shadow: var(--border-window-outer), var(--border-window-inner) !important;
      border-radius: 0px !important;
        border: none;
}

::-webkit-scrollbar-button {
    border: none;
}

::-webkit-scrollbar-button:horizontal:start:increment,
::-webkit-scrollbar-button:horizontal:end:decrement,
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

::-webkit-scrollbar-button:vertical:start {
  height: 16px !important;
  background-color: var(--ButtonFace) !important;
  box-shadow: var(--border-window-outer), var(--border-window-inner);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw3LDQiIHdpZHRoPSI3IiBoZWlnaHQ9IjQiPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNyIKICAgICAgICAgICAgICAgIGhlaWdodD0iNCIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQWNBQUFBRUNBWUFBQUJDeGlWOUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBdFNVUkJWQmhYWS96Ly96OEREREF5Z3JqL0dhRmNCaVlvRFpaQXBrRUFMSWtzQUFKd2hVQ01Jb0VBREF3QTNja01DNG5UY0hZQUFBQUFTVVZPUks1Q1lJST0iCiAgICAgICAgICAgIC8+CiAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgICA8L3N2Zz4=) !important;
    background-repeat: no-repeat !important;
    background-position: 45% 51% !important;
      border-radius: 0px !important;
}

::-webkit-scrollbar-button:vertical:end {
  height: 16px;
  background-color: var(--ButtonFace) !important;
  box-shadow: var(--border-window-outer), var(--border-window-inner);
      border-radius: 0px !important;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw3LDQiIHdpZHRoPSI3IiBoZWlnaHQ9IjQiPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNyIKICAgICAgICAgICAgICAgIGhlaWdodD0iNCIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQWNBQUFBRUNBWUFBQUJDeGlWOUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBclNVUkJWQmhYWTJSZ1lQZ1B4RmdCMC8vLy8wRUtNQUJJbkFuR0FJdEFBWXdQbGdRQm1BQkNJUU1EQUlmbEV2dEV0Sk1IQUFBQUFFbEZUa1N1UW1DQyIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 45% 51% !important;
}
::-webkit-scrollbar-button:horizontal:start {
  width: 16px;
  background-color: var(--ButtonFace) !important;
  box-shadow: var(--border-window-outer), var(--border-window-inner);
      border-radius: 0px !important;
            background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw0LDciIHdpZHRoPSI0IiBoZWlnaHQ9IjciPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNCIKICAgICAgICAgICAgICAgIGhlaWdodD0iNyIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQVFBQUFBSENBWUFBQUF2WmV6UUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBeVNVUkJWQmhYVFl3QkNnQXdDQUsxLy8vWlphMjJneWdQa3BJd2tGVGN1NEozaVFtR09lOG5pZXl3WE9ybGwxdmFFamlzZ2hBSmVKVlNBZ0FBQUFCSlJVNUVya0pnZ2c9PSIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 46% 51% !important;
}
::-webkit-scrollbar-button:horizontal:end {
  width: 16px;
  background-color: var(--ButtonFace) !important;
  box-shadow: var(--border-window-outer), var(--border-window-inner);
      border-radius: 0px !important;
                background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdib3g9IjAsMCw0LDciIHdpZHRoPSI0IiBoZWlnaHQ9IjciPgogICAgICAgIDxnPgogICAgICAgICAgPGcKICAgICAgICAgICAgICBkYXRhLXBhcGVyLWRhdGE9J3siaXNQYWludGluZ0xheWVyIjp0cnVlfScKICAgICAgICAgICAgICBmaWxsPSJub25lIgogICAgICAgICAgICAgIGZpbGwtcnVsZT0ibm9uemVybyIKICAgICAgICAgICAgICBzdHJva2U9Im5vbmUiCiAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIwLjUiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiCiAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIKICAgICAgICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiCiAgICAgICAgICAgICAgc3Ryb2tlLWRhc2hhcnJheT0iIgogICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0PSIwIgogICAgICAgICAgICAgIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsOyIKICAgICAgICAgID4KICAgICAgICAgICAgPGltYWdlCiAgICAgICAgICAgICAgICB3aWR0aD0iNCIKICAgICAgICAgICAgICAgIGhlaWdodD0iNyIKCQkJCXRyYW5zZm9ybT0ic2NhbGUoMSwxKSIKICAgICAgICAgICAgICAgIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBQVFBQUFBSENBWUFBQUF2WmV6UUFBQUFBWE5TUjBJQXJzNGM2UUFBQUFSblFVMUJBQUN4and2OFlRVUFBQUFKY0VoWmN3QUFEc01BQUE3REFjZHZxR1FBQUFBeVNVUkJWQmhYUlkzSkRRQXdDTU9TN3I4enhaRUFQemdzRGt1cWhod2V3WGFsYXlKZ1pGWW9ocDBBYnEyWXd4SDNSZnFIemhBSElXbFJ4UUFBQUFCSlJVNUVya0pnZ2c9PSIKICAgICAgICAgICAgLz4KICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICAgIDwvc3ZnPg==) !important;
    background-repeat: no-repeat !important;
    background-position: 51% 51% !important;
}

::-webkit-scrollbar-button:horizontal:active, ::-webkit-scrollbar-button:vertical:active {
      background-color: var(--ButtonFace) !important;
    border: var(--BorderWidth) solid var(--ButtonShadow) !important;
    box-shadow: none !important;
}

::-webkit-scrollbar-button:horizontal:start:active {
        background-position: 55% 65% !important;
}

::-webkit-scrollbar-button:horizontal:end:active {
        background-position: 55% 65% !important;
}

::-webkit-scrollbar-button:vertical:start:active {
        background-position: 55% 55% !important;
}

::-webkit-scrollbar-button:vertical:end:active {
        background-position: 55% 55% !important;
}