@import url(https://fonts.googleapis.com/css2?family=Exo:wght@300;700&family=Russo+One&display=swap);:root{--tileDim:100px}.color-tile{height:var(--tileDim);width:var(--tileDim);border:2px solid;margin:5px 0 0 5px;transition:all .2s;text-transform:uppercase}.color-tile.light{color:rgba(0,0,0,.6)}.color-tile:hover{cursor:zoom-in;transform:scale(1.2)}.isA11y{color:#fff}.color-tile .contrast-display{font-size:150%;font-weight:700}.color-output{display:flex;justify-content:center;max-width:730px;margin:0 auto 1rem auto;position:relative}.color-output .annotation{position:absolute;width:100px;text-align:right;left:-3rem;top:0;height:100px}.color-output .cont,.color-output .hex{position:absolute;right:0;width:100%;color:#111;display:block;padding:5px 10px;background-color:#eaeaea;transform:scale(.8);border-radius:10px 0 0 10px;margin-right:-2px;box-shadow:0 5px 5px 0 rgba(0,0,0,.5)}.color-output .hex{top:22px}.color-output .cont{bottom:0}.arrow{border:solid #111;border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.color-generator button{margin-right:10px}.chevron:before{border-style:solid;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:.15em;transform:rotate(-45deg);vertical-align:top;width:.45em}.chevron.right:before{left:0}.icon{--iconDim:70px;height:var(--iconDim);width:var(--iconDim);border-radius:50%;background-color:var(--overlay,rgba(0,0,0,.9));position:absolute;left:-3rem;top:25px;box-shadow:0 0 10px 5px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;transform:rotate(90deg);font-size:160%}.icon span{color:var(--base,#fff);margin-top:12px;margin-left:-10px}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4);font-size:120%}.modal-content{background-color:#fefefe;margin:5% auto;padding:2rem 4rem;border:1px solid #888;width:50vw;box-shadow:0 6px 9px 2px rgba(0,0,0,.5)}.modal-content h1,.modal-content h2,.modal-content h3,.modal-content p,.modal-content span{text-align:left}.modal-actions{padding-top:2rem}.modal img{max-width:70%;margin:0 auto;border:5px solid rgba(0,0,0,.4);border-radius:20px}.cls-1[data-v-6df4e6dc]{stroke-width:0px}.slide-up-enter-active{transition:all .3s ease-out}.slide-up-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(400px);opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(20px);opacity:0}.about-links{display:flex;justify-content:center;padding-bottom:10rem;transform:scale(.75)}.about-links a{padding:1rem 2rem;text-decoration:none;border-left:10px solid var(--base,#222);color:var(--base,#222);margin-right:1rem;background-color:var(--overlay,rgba(0,0,0,.2))}.dark .about-links a{color:#fff;border-color:#fff}.about-links a:hover{background-color:var(--overlay,#000);color:#fff}.dark .about-links a:hover{background-color:var(--overlay,hsla(0,0%,100%,.8));color:var(--base,#222)}.blurb-2{font-size:160%}.links{width:100%;padding-left:3rem}.links a{display:block;text-decoration:none;text-align:left;padding:1rem;font-size:140%;color:var(--overlay)}.links a:hover{background-color:var(--overlay);color:var(--base)}.info-display{position:absolute;top:-10px;right:4rem;background-color:var(--overlay,rgba(0,0,0,.7));padding:1rem 1rem .5rem 1rem;border-radius:0 0 10px 10px;transform:scale(.85)}.info-display a{color:#eaeaea;text-decoration:none;padding:5px 10px;display:block}.dark .info-display a{color:#222;text-decoration:none;padding:5px 10px;border-left:5px solid transparent}.info-display a:hover{color:#ff0;background-color:rgba(0,0,0,.5)}.dark .info-display a:hover{color:#fff}.v-enter-active,.v-leave-active{margin-bottom:0}.v-enter-from,.v-leave-to{margin-bottom:-200px}.lines-bg{position:absolute;width:120%;transform:rotate(5deg);height:39rem;top:5px;left:-20px;z-index:1;pointer-events:none}nav{background:linear-gradient(180deg,var(--panelBg) 16%,#919191);padding:10px 2rem 0 2rem;text-align:center;width:50%;max-width:1200;position:fixed;z-index:2;height:80px;border-radius:10px 10px 0 0;border:2px solid #222;display:flex;justify-content:center;left:50%;bottom:1.5rem;transform:translate(-50%,50%);box-shadow:var(--shad)}nav *{margin-right:10px}nav p{padding:0;margin:0 10px 0 0}nav button{transform:scale(.8);margin-top:-10px;font-size:90%;margin:0}:root{--borRad:20px;--panelBg:#eaeaea;--shad:0 5px 5px 0px rgba(0,0,0,0.5)}.gradients{width:100%;display:flex;justify-content:space-evenly;margin-top:2rem;padding:0 0 2rem 0!important}.gradient-1,.gradient-2{display:inline-block;width:46%;height:200px;border:2px solid var(--overlay);margin:0 5px;border-radius:5px}.gradient-1{background-image:linear-gradient(to right top,var(--overlay),var(--base))}.gradient-2{background-image:linear-gradient(to left bottom,var(--overlay),var(--base))}.palette{display:flex;height:6rem;padding:0 0 2rem 1rem!important}.palette .swatch{border:2px solid var(--overlay);margin-right:2px;padding:0;height:5rem;width:19%}.abstract{width:45%;padding:0!important}.shapes{display:flex;width:100%;justify-content:space-evenly;padding:.5rem 0 .5rem 0!important;margin-top:1rem;--triSide:20px;--triBot:35px}.shapes .triangle-up{border-bottom:var(--triBot) solid var(--overlay)}.shapes .triangle-down,.shapes .triangle-up{width:0;height:0;border-left:var(--triSide) solid transparent;border-right:var(--triSide) solid transparent}.shapes .triangle-down{border-top:var(--triBot) solid var(--overlay)}.shapes .triangle-left{border-right:var(--triBot) solid var(--overlay)}.shapes .triangle-left,.shapes .triangle-right{width:0;height:0;border-top:var(--triSide) solid transparent;border-bottom:var(--triSide) solid transparent}.shapes .triangle-right{border-left:var(--triBot) solid var(--overlay)}.shapes .circle{border-radius:50%}.shapes .circle,.shapes .square{width:var(--triBot);height:var(--triBot);background-color:var(--overlay)}.pull-quote{font-size:200%;background-color:var(--overlay);color:var(--base);padding:1rem 0;border-radius:100px 100px 0 100px}.pull-quote p{margin-bottom:0;color:var(--base)!important;text-align:left}.pull-quote footer{padding-top:20px;font-style:italic}.fake-form{width:45%;text-align:left}.fake-form label{display:block;margin-bottom:.5rem;text-transform:uppercase}.fake-form input{background-color:transparent;border:2px solid var(--overlay);color:var(--overlay);padding:10px;border-radius:5px;width:100%;font-size:150%}.fake-form button{padding:1rem 4rem;border:10px solid var(--overlay);border-color:var(--overlay)!important;color:var(--base);background-color:var(--overlay);text-transform:uppercase;font-size:120%;margin-top:1rem}.fake-form button:hover{color:var(--overlay);background-color:var(--base);border-color:var(--overlay)}.select-inputs{display:flex}.select-option{padding:0 4rem 1rem 1rem!important;border:2px solid var(--overlay);border-radius:10px;margin-right:1rem;font-size:120%}.select-option:hover{background-color:var(--overlay)}.select-option:hover p{color:var(--base)}.select-inputs .selected-circ{--dim:10px;height:var(--dim);width:var(--dim);border-radius:50%;border:2px solid rgba(0,0,0,.5);background-color:transparent;padding:0}.select-inputs .selected-circ:hover{background-color:var(--base);border-color:var(--base);color:var(--overlay)}.dark .select-inputs .selected-circ{border:2px solid hsla(0,0%,100%,.5)}.select-inputs .selected-circ.active{background-color:var(--overlay);border-color:var(--overlay)}.select-option:hover .selected-circ{background-color:var(--overlay)}.select-option:hover .selected-circ.active{background-color:var(--base)}*{transition:all .3s}.top-border{height:10px;background-color:var(--overlay,rgba(0,0,0,.7))}h1{color:var(--overlay,#222)}.dark h1{color:#fff}.gallery{width:80%;max-width:1200px;margin:0 auto;padding-top:2rem;padding-bottom:2rem;position:relative;z-index:1}.gallery,.gallery div,.gallery p,.gallery span{color:var(--overlay)}.gallery h2{padding-bottom:2rem}.dark.gallery h2{color:#fff}.gallery h3{font-size:180%;border-bottom:7px solid var(--overlay);padding-bottom:.5rem;padding-top:0;margin-top:0}.gallery div{padding:0 2rem}.gallery input{margin-bottom:1rem}.gallery-grid{display:flex}.text-1{background-color:var(--base);text-align:left;width:50%;font-size:160%}.text-1 h3,.text-1 p{color:var(--overlay);padding-top:0;margin-top:1rem}.pattern-banner-1{height:3rem;width:100%;background-color:transparent;background-image:linear-gradient(45deg,transparent 25%,var(--overlay) 0,var(--overlay) 50%,transparent 0,transparent 75%,var(--overlay) 0,var(--overlay));background-size:56.57px 56.57px;padding:0!important}*{transition:all .2s}main{background-color:var(--base,transparent);padding-bottom:2rem}h1{color:var(--overlay,#333)}h3{margin:40px 0 0}h1,h2,h3,h4,h5{text-transform:uppercase;font-weight:700}ul{list-style-type:none;padding:0}li{display:inline-block;margin:0 10px}a{color:#42b983}button{background:#222;color:#fff;border:none;padding:10px 20px;text-transform:uppercase;font-size:1.2rem;border-radius:var(--borRad);border:4px solid hsla(0,0%,100%,.5)}button:hover{color:#222;background-color:#fff}.dark button{border-color:hsla(0,0%,100%,.5)}.color-config{display:flex;flex-wrap:wrap;justify-content:space-between;width:650px;margin:0 auto;background:var(--panelBg);padding:0 2rem 1rem 2rem;border-radius:var(--borRad);box-shadow:var(--shad);position:relative;z-index:1}.color-config section{width:30%}.color-config section.color-actions{width:100%;margin:0 auto;height:40px}.color-actions button{transform:scale(.8);width:33%}label,p{font-weight:700}.color-select .swatch{--swatchDim:60px;margin:0 auto;position:relative}.color-select .swatch,nav .swatch{height:var(--swatchDim);width:var(--swatchDim);border:5px solid rgba(0,0,0,.3);border-radius:50%;transition:all 1s}nav .swatch{--swatchDim:30px}nav .swatch:hover{cursor:zoom-in}.swatch button{position:absolute;top:0;right:-2.5rem;font-size:.8rem;padding:5px 10px}.base-select .swatch:hover{cursor:zoom-in}.contrast-display label{display:block}.dark .contrast-display label{color:#fff}.contrast-display input{margin-left:10px}.contrast-value{display:block;font-size:320%;margin-top:2.5rem}.value-display{display:block;padding:0 1rem;background-color:#fff;font-weight:700;font-size:120%;border-radius:5px;text-transform:uppercase}.min-contrast-display{font-weight:700;background:#666;background:linear-gradient(180deg,#666,#222);margin:0 auto;width:300px;padding:5px;color:#fff;border-radius:10px 10px 0 0}.dark .min-contrast-display{color:#fff}.select-overlay-prompt{padding-top:5%}#app,.color-generator,.gallery{background-color:var(--base,transparent)}.color-generator{margin-top:-2rem;padding-bottom:1rem}.dark .options-header{color:#fff}.graphs path{fill:var(--overlay,red)}.random-colors{display:flex;justify-content:space-between;padding-top:5px;position:relative}.random-color{--swatchDim:30px;height:var(--swatchDim);width:var(--swatchDim);border-radius:50%;margin-right:5px;padding:0;border:4px solid rgba(0,0,0,.3)}input[type=color]{width:100%}.more-randos{transform:scale(.5);width:100%;position:absolute;bottom:-50px}button.mini{background-color:rgba(0,0,0,.5);color:#fff;transition:all .2s}button.mini:hover{background-color:#000}.halftone{min-height:2rem;background-image:radial-gradient(circle at center,var(--overlay) .25rem,transparent 0),radial-gradient(circle at center,var(--overlay) .25rem,transparent 0);background-size:1.3rem 1.3rem;background-position:0 0,.65rem .65rem}.halftone.background{position:absolute;top:45rem;left:-10%;width:130%;height:80rem;transform:rotate(-9deg);z-index:0;pointer-events:none;padding:2rem 0;border-top:10px solid var(--overlay);border-bottom:10px solid var(--overlay)}.hide-me{height:0;padding:0;margin:0}.hide-me,.hide-me-vis{visibility:hidden}@keyframes dash{to{stroke-dashoffset:0}}.lines-bg{opacity:.6;display:none}.lines-bg path{stroke-dasharray:1500;stroke-dashoffset:1500;animation:dash 20s linear infinite alternate}.womp-womp{color:red!important}.cls-1{stroke:var(--overlay)}.cls-1,.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9,.cls-10,.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-22{fill:none;stroke-miterlimit:10}.cls-2,.cls-3,.cls-4,.cls-5,.cls-6,.cls-7,.cls-8,.cls-9{stroke:var(--overlay)}.cls-10{stroke:#fff}.cls-11,.cls-12,.cls-13,.cls-14,.cls-15,.cls-16,.cls-17,.cls-18,.cls-19,.cls-20,.cls-21,.cls-22{stroke:var(--overlay)}body,html{padding:0;margin:0;width:102vw;overflow-x:hidden;scroll-behavior:smooth}html{background-color:#f8f6fa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%23d6d5d8' fill-opacity='.4' fill-rule='evenodd'/%3E%3C/svg%3E")}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;width:102vw;overflow-x:hidden}.boldtype,.pull-quote p,h1,h2,h3,h4,h5{font-family:Russo One,sans-serif}a:hover{cursor:pointer!important}