/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}.preload *{transition:none;opacity:0}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}
body{font-family:Overpass,sans-serif}.l-site-wrapper{
    background-image:linear-gradient(135deg,#6e65c6,#3023ae,#c86dd7,#3023ae);
    background-size:200% 400%;
    background-position:50%;
    -webkit-animation:gradient-animation 45s linear infinite;
    animation:gradient-animation 45s linear infinite;
    min-height:100vh;display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    padding:0 10px 30px}
@keyframes gradient-animation{
    0%{background-position:0 50%}
    20%{background-position:50% 0}
    50%{background-position:100% 50%}
    75%{background-position:50% 100%}
    to{background-position:0 50%}
}
@media (min-width:768px){
    .l-site-wrapper{padding:0 34px 45px}
}
.l-site-wrapper__section{display:flex;flex-direction:column;align-items:center}
.l-site-wrapper__logo{margin-top:10vh;margin-bottom:80px;max-width:80%;height:auto}
@media (min-width:768px){
    .l-site-wrapper__logo{margin-top:21vh;max-width:100%}
}
.l-site-wrapper__text{margin-top:70px;font-size:20px;display:block;text-align:center}
@media (min-width:768px){
    .l-site-wrapper__text{font-size:28px}
}
.l-site-wrapper__list{padding:0}
.l-site-wrapper__list li{margin-right:20px;display:inline;font-size:28px}
.l-site-wrapper__list li:last-child{margin-right:0}
.l-site-wrapper__list li a{color:#fff;text-decoration:none}
.l-site-wrapper__list li a{font-size: large}
a:hover{text-decoration:underline}
a:visited {color: white}
.grid {display: grid; grid-template-columns: repeat(4, 25%);  grid-column-gap: 10px; grid-template-rows: 100px; margin: 0;}
/*# sourceMappingURL=styles.css.map */

#message {
    background: white;
    width: 360px;
    margin: 100px auto 16px;
    padding: 32px 24px 16px;
    border-radius: 3px;
    font-family: "Overpass", "Roboto", "Helvetiva", "Arial", sans-serif;
}
#message p button {font-family: "Overpass", "Roboto", "Helvetiva", "Arial", sans-serif;}
#message h3 { color: #c86dd7; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
#message h2 { color: #c86dd7; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
#message h1 { font-size: 22px; font-weight: normal; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; color: #3023ae}
#message a { display: block; text-align: center; background: #6e65c6; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; font-family: "Overpass", "Roboto", "Helvetiva", "Arial", sans-serif;}
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#message #packages-list {height: 300px; overflow-y: scroll}

#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
@media (max-width: 600px) {
body, #message { margin-top: 0; background: white; box-shadow: none; }
body { border-top: 16px solid #3023ae; }
}

h1,h2,h3,h4 {
    font-family: "Overpass", "Roboto", "Helvetiva", "Arial", sans-serif;
}

#access-docs {
    background: #6e65c6;
    color: white;
}
#access-docs:disabled {
    background: #6e65c699;
    color: gray;
}

/* ------------------------------------------------------------------------------------------
 * Custom sidenav scrollbar
 * ------------------------------------------------------------------------------------------ */


::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar:hover {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 5px 5px 0 #fbf3fe;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #c86dd7;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #3023ae;
}