body{font-family:'Overpass Mono',monospace;line-height:1.8}body.index,body.page{margin-top:96px}body.gradient-creator-open{overflow:hidden}@media screen and (max-width:500px){body{font-size:14px}}h1,h2,h3,h4,h5,h6{font-weight:bold;font-weight:700;letter-spacing:-0.05em;text-transform:uppercase}.key{padding:0.2em 0.6em;background:rgba(0,0,0,0.1);border:2px solid currentColor;border-radius:4px;font-weight:bold;font-weight:700}.inverted .key{background:rgba(255,255,255,0.1)}.fluid.wrap{padding-left:4vw;padding-right:4vw}.button{white-space:nowrap;padding:0 1.5rem;background:#000;border:0;border-radius:6px;box-shadow:none;color:#fff;font-weight:700;line-height:40px}.large.button,.hero.button{padding:0 2rem;font-size:1.2em;line-height:64px}.field.loading .button::after,.loading.button::after{width:1.5em;height:1.5em;margin:-0.75em 0 0 -0.75em;border-width:2px}.inverted.button,.inverted .button{background-color:#fff;color:#000}.gravity-modal{background-color:rgba(0,0,0,0.75);-webkit-backdrop-filter:none;backdrop-filter:none}.gravity-modal .gravity-modal-container{max-width:none;padding:0;padding-left:4vw;padding-right:4vw;background:none;border:0;border-radius:0}.has-menu .menu{border-color:rgba(0,0,0,0.1);border-radius:4px}.has-menu .menu>ul>li>a,.has-menu .menu>ul>li>button,.has-menu .menu>ul>li.label{padding:10px 24px;font-size:0.875em;font-weight:bold;font-weight:500}.has-menu .menu>ul>li.label{font-weight:600}.color-picker{position:absolute;top:0;left:0;z-index:9999}.color-picker-control{border-radius:4px;box-shadow:0 2px 6px 2px rgba(0,0,0,.05)}.color-picker-control *,.color-picker-control *::before,.color-picker-control *::after{border-color:inherit}.color-picker-control::after{content:' ';display:table;clear:both}.color-picker i{font:inherit}.color-picker-h{position:relative;width:24px;height:200px;float:right;cursor:ns-resize;background:transparent url('https://media.littleastronaut.co/image/src/color-picker/color-picker-h.png') no-repeat 50% 50%;background-image:-webkit-linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-image:-moz-linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background-size:100% 100%;border-radius:0 4px 4px 0;overflow:hidden}.color-picker-h i{position:absolute;top:-4px;right:0;left:0;height:8px;display:block;z-index:3}.color-picker-h i::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:4px solid #fff;border-top-color:transparent;border-bottom-color:transparent}.color-picker-sv{position:relative;width:300px;height:200px;float:left;background:transparent url('https://media.littleastronaut.co/image/src/color-picker/color-picker-sv.png') no-repeat 50% 50%;background-image:-webkit-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-image:-moz-linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));background-size:100% 100%;border-radius:4px 0 0 4px;cursor:crosshair}.color-picker-sv i{position:absolute;top:-5px;right:-5px;width:10px;height:10px;display:block;z-index:3}.color-picker-sv i::before,.color-picker-sv i::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:1px solid;border-color:inherit;border-radius:100%}.color-picker-sv i::before{top:-1px;right:-1px;bottom:-1px;left:-1px;border-color:#fff}.color-dot{width:18px;height:18px;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,0.2);border-radius:100%}#header{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:4}body.gradient-page #header{background:none}body.gradient-creator-open #header{background:none;pointer-events:none}#header-content{width:100%;height:96px;display:table}#header-content>div{display:table-cell;vertical-align:middle}#header-logo{width:1px}#header-logo a{position:relative;width:102px;height:32px;margin:6px 0 0;display:block;overflow:hidden;text-indent:-999px}#header-logo a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:url('https://media.littleastronaut.co/p/2yF15a61F3yIyF1/img/sprite-v2.png') 0 0/350px 150px no-repeat}.inverted #header-logo a::after{background-position:-102px 0}body.index #header-logo a,body.page #header-logo a{background:#000 50% 50%/cover no-repeat}body.gradient-creator-open #header-logo a{background:none!important}body.index:not(.gradient-creator-open) #header-logo a::after,body.page:not(.gradient-creator-open) #header-logo a::after{background-position:-204px 0}#header-search{padding-left:32px;-moz-transition:opacity 200ms ease;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}body.gradient-creator-open #header-search{opacity:0}@media (max-width:600px){#header-search{visibility:hidden}}#header-search-form{width:100%;max-width:400px;display:table}#header-search-button{width:1px;padding-right:12px;display:table-cell;vertical-align:middle}#header-search-button button{width:20px;height:20px;display:block;background:url('https://media.littleastronaut.co/p/2yF15a61F3yIyF1/img/sprite-v2.png') 0 -64px/350px 150px no-repeat}.inverted #header-search-button button{background-position:0 -84px}#header-search-field{display:table-cell;vertical-align:middle}#header-search-input{width:100%;padding:0;background:none!important;border:0;border-radius:0;box-shadow:none;color:#000!important;font-size:0.875em;line-height:40px}.inverted #header-search-input{color:#fff!important}#header-search-input::-webkit-input-placeholder{color:#000}.inverted #header-search-input::-webkit-input-placeholder{color:#fff}#header-search-input::-moz-placeholder{color:#000}.inverted #header-search-input::-moz-placeholder{color:#fff}#header-search-input:-ms-input-placeholder{color:#000}.inverted #header-search-input:-ms-input-placeholder{color:#fff}#header-search-input:-moz-placeholder{color:#000}.inverted #header-search-input:-moz-placeholder{color:#fff}#header-menu{width:1px;padding-left:32px}body.gradient-creator-open #header-menu{opacity:0}@media (max-width:600px){#header-menu{display:none!important}}#header-menu>ul{display:table;margin:0;list-style:none}#header-menu>ul>li{display:table-cell;white-space:nowrap;margin:0}#header-menu>ul>li + li{padding-left:24px}#header-menu>ul>li>a{display:block;font-weight:700;font-size:0.875em;text-decoration:none}#page .full-view{margin-top:-96px}#gradients{margin:0 0 36px}.gradient-grid{margin:-18px}@media (max-width:700px){.gradient-grid{margin:-9px}}.gradient-grid .gradient{width:20%;float:left}@media (max-width:1600px){.gradient-grid .gradient{width:25%}}@media (max-width:1000px){.gradient-grid .gradient{width:33.3333333333%}}@media (max-width:700px){.gradient-grid .gradient{width:50%}}.gradient-grid .gradient>.content{position:relative;margin:18px}@media (max-width:700px){.gradient-grid .gradient>.content{margin:9px}}.gradient-grid .gradient .gradient-image{background:50% 50% no-repeat;background-size:cover}.gradient-grid .gradient .pure-gradient,.gradient-grid .gradient .gradient-image{width:100%;background-color:#eee;border-radius:2px}.gradient-grid .gradient .pure-gradient::after,.gradient-grid .gradient .gradient-image::after{content:'';padding:100% 0 0;display:block}.gradient-grid .gradient .footer{position:absolute;left:0;bottom:0;width:100%;padding:0 32px 24px;display:table;opacity:0;-moz-transition:opacity 200ms ease;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}.gradient-grid .gradient:hover .footer{opacity:1}.gradient-grid .gradient .caption{display:table-cell;vertical-align:middle;font-size:0.875em}.gradient-grid .gradient .caption a{box-shadow:0 -1px 0 rgba(0,0,0,0.5) inset;text-decoration:none}.gradient-grid .gradient .content.inverted .caption a{box-shadow:0 -1px 0 rgba(255,255,255,0.5) inset}.gradient-grid .gradient .actions{width:1px;display:table-cell;vertical-align:middle}.gradient-grid .gradient .actions .like-action{position:relative}.gradient-grid .gradient .actions .like-action .like_button{position:absolute;top:0;left:0;opacity:0;z-index:1}.gradient-grid .gradient .actions .like-action .custom-icon{width:18px;height:16px;background:url('https://media.littleastronaut.co/p/2yF15a61F3yIyF1/img/sprite-v2.png') -38px -64px/350px 150px no-repeat}.gradient-grid .gradient .content.inverted .actions .like-action .custom-icon{background-position:-38px -80px}#gradient{}#gradient.has-similar-posts{min-height:200vh;min-height:calc(200vh - 96px)}#pure-gradient{position:relative;width:100%;height:100%;height:100vh;background-color:#eee;z-index:1}#gradient-footer{position:absolute;left:0;bottom:0;width:100%}#gradient-footer .wrap>.content{width:100%;height:96px;display:table}#gradient-footer .wrap>.content>div{display:table-cell;vertical-align:middle}#gradient-caption{width:1px;white-space:nowrap}#gradient-caption a{font-weight:bold;font-weight:700;text-decoration:none}#gradient-options{width:1px;white-space:nowrap}#gradient-footer.inverted #gradient-options .button{background-color:#fff;color:#000}#similar-gradients{position:fixed;top:0;left:0;width:100%;min-height:100%;min-height:100vh;padding:146px 0 50px;padding:10vh 0;padding:calc(10vh + 96px) 0 10vh}#similar-gradients h2{position:absolute;width:1px;height:1px;overflow:hidden}#similar-gradients .big-action{clear:both;margin:36px 0 0}#similar-gradients .big-action a{display:block;font-size:2em;text-align:center;text-decoration:none}#gradient-code{}#gradient-code pre{padding:0;background:none;font-family:inherit}#gradient-creator{position:fixed;top:0;left:0;width:100%;height:100%;height:100vh;display:none;z-index:2}body.gradient-creator-open #gradient-creator{display:block}#gradient-creator #gradient-preview{position:absolute;top:0;left:0;width:100%;height:100%}#gradient-creator .color-block{position:relative;height:50%;height:50vh;z-index:1;cursor:crosshair}#gradient-creator .color-block.set{cursor:pointer}#gradient-creator .color-block .hex{position:absolute;top:50%;left:50%;font-size:2em;pointer-events:none;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#gradient-creator.tips-open .color-block .hex,#gradient-creator.on-final-step .color-block .hex{opacity:0}#creator-tips-tip{position:absolute;bottom:28px;right:4vw;font-size:0.875em;font-weight:bold;font-weight:700}#gradient-creator.tips-open #creator-tips-tip,#gradient-creator.on-final-step #creator-tips-tip{opacity:0}#creation-tips{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;z-index:1}#gradient-creator.tips-open #creation-tips{opacity:1;visibility:visible}#creation-tips-grid{margin:-18px}#creation-tips-grid .tip{width:33.3333333333%;float:left}#creation-tips-grid .tip>.content{padding:18px}#creation-tips-grid .tip .image{width:200px;height:150px;margin:0 auto 2em;background:url('https://media.littleastronaut.co/p/2yF15a61F3yIyF1/img/tips.png') 0 0/600px 300px no-repeat}#creation-tips-grid #creation-tip-1 .image{background-position:0 0}#creation-tips.inverted #creation-tips-grid #creation-tip-1 .image{background-position:0 -150px}#creation-tips-grid #creation-tip-2 .image{background-position:-200px 0}#creation-tips.inverted #creation-tips-grid #creation-tip-2 .image{background-position:-200px -150px}#creation-tips-grid #creation-tip-3 .image{background-position:-400px 0}#creation-tips.inverted #creation-tips-grid #creation-tip-3 .image{background-position:-400px -150px}#creation-tips-grid .tip .description{font-size:0.875em;text-align:center}#close-tips-button{width:100%;max-width:200px;display:block;margin:2em auto 0;clear:both}#gradient-creator #final-step{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:2}#gradient-creator.on-final-step #final-step{visibility:visible}#submit-button{width:100%;max-width:300px;display:block;margin:0 auto 1rem}#reset-button{display:block;margin:auto;box-shadow:0 2px 0 rgba(0,0,0,.5)}.inverted #reset-button{box-shadow:0 2px 0 rgba(255,255,255,.5)}#footer{}.inverted{color:#fff}