:root{--color-primary:#0068b3;--color-blue-lighter:#227cbd;--color-green:#00af85}body,html{margin:0}html{background:repeating-linear-gradient(45deg,#e8f0f6,#e8f0f6 10px,#f3f7fa 0,#f3f7fa 20px)}#app,html{width:100%;height:100%}#app{position:absolute;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;left:0}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.text-black{color:#222}.text-gray{color:#707070}.button{padding:.6em 1.5em;border:none;border-radius:.3em;font-size:1em;background-color:var(--color-primary);color:#fff}.button[data-inactive]{background-color:#cacaca;color:#fff;outline:none}.link{cursor:pointer}.link:hover{text-decoration:underline}.hidden{display:none}#app .demo-container{box-shadow:10px 10px 30px rgba(0,0,0,.3)}#app[data-fullscreen=true] .demo-container{top:50%;left:50%;transform:translate(-50%,-50%);max-width:inherit;width:100%;height:100%;padding-bottom:0}#app[data-fullscreen=true] .demo-container .max-w-100{max-width:100%}@media(min-width:1580px){#app .demo-container{font-size:15.8px;padding-bottom:920px;left:50%;transform:translateX(-50%)}#app[data-fullscreen=true] .demo-container{font-size:1vw;padding-bottom:0;left:50%;top:50%;transform:translate(-50%,-50%)}}