.hero-section{background:url(../img/pattern/pattern-square.svg),linear-gradient(99deg,#10a6ff 20%,#0072c6)}@media(min-width:992px){.hero-section{background:url(../img/pattern/pattern-square.svg),linear-gradient(99deg,#0091ff,#10a6ff 20%,#007dd9 60%,#0072c6)}}.hero-section{min-height:100vh;overflow:hidden;position:relative}.hero-section input[type=url]{background:#10a6ff!important}.hero-section .nav-tabs{background:transparent!important}.hero-section .nav-tabs .nav-link{color:#fff!important;cursor:pointer}.hero-section .nav-tabs .nav-link:not(.active):focus,.hero-section .nav-tabs .nav-link:not(.active):hover{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,0) hsla(0,0%,100%,0) #000!important}.hero-section .cursor-bg{border-radius:4px}.hero-section .form-control:focus{border-color:#fff!important;box-shadow:0 0 0 .25rem hsla(0,0%,100%,.2)!important}.hero-section .crosshair{background-color:hsla(0,0%,100%,.08);pointer-events:none}.hero-section #crosshair-left,.hero-section #crosshair-right{height:1px;margin-top:0;position:absolute;width:100%;z-index:6000!important}.hero-section #crosshair-bottom,.hero-section #crosshair-top{height:100vh;margin-left:0;position:absolute;top:0;width:1px;z-index:6001!important}.hero-section .crosshair-text{color:hsla(0,0%,100%,.2);font-size:10px;pointer-events:none;position:absolute;z-index:6003!important}.hero-section #crosshair-text-right{margin-left:40px;margin-top:2px}.hero-section #crosshair-text-bottom{margin-left:2px;margin-top:40px;transform:rotate(90deg);transform-origin:bottom left}.hero-section #crosshair-cursor{border:1px solid #fff;border-radius:6px;height:40px;margin-left:-20px;margin-top:-20px;opacity:0;pointer-events:none;position:absolute;width:40px;z-index:6002!important}.hero-section .container{position:relative;z-index:7000!important}.hero-section #crosshair-container.slow div{transition:all .3s ease}.hero-section #crosshair-container.random div{transition:all 1.5s ease-in-out}.hero-section #crosshair-container.attach .crosshair{background-color:hsla(0,0%,100%,.2)}.hero-section #crosshair-container.attach #crosshair-cursor{opacity:.2}.hero-section #crosshair-container.attach .crosshair-text{color:hsla(0,0%,100%,.3)}.hero-section #crosshair-container.active-start:not(.random) #crosshair-cursor,.hero-section #crosshair-container.active-start:not(.random) .crosshair{transition:all .3s ease}.hero-section #crosshair-container.active-start.active-start .crosshair{background-color:hsla(0,0%,100%,.5)}.hero-section #crosshair-container.active-start.active-start.attach #crosshair-cursor{opacity:.5}#demo-code{height:45vh;min-height:400px}#demo-code .hljs-string,#demo-code .hljs-strong{color:#fff}#demo-code .first-line{border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:1em}#demo-code .first-line .hljs-variable{color:#c9d1d9!important}#demo-code .code-line{padding-top:1em}#demo-code .wrapped-url{color:#fff}#demo-code .code-line-markdown .hljs-quote:hover,#demo-code .wrapped-url{text-decoration:underline}#demo-code .code-line-markdown .hljs-quote{cursor:pointer}#demo-code .expanded-markdown{border-left:2px solid #7ee787;margin:.5rem 0;padding:.5rem 1rem}#demo-code .hljs-section{color:#fff}#demo-code .code-line-error,#demo-code .code-line-error .hljs-string,#demo-code .code-line-error .hljs-strong,#demo-code .code-line-error .wrapped-url{color:#f91600}