.flex{display:flex}.flex-1{flex:1}.flow-col{flex-flow:column}.align-c{align-items:center}.align-end{align-items:flex-end}.justify-end{justify-content:flex-end}.justify-c{justify-content:center}.justify-btw{justify-content:space-between}.border-r{border-radius:5px}.link{color:var(--c-emp)}.container{width:100%;max-width:1600px;padding:20px;margin:0 auto;display:flex;flex-flow:column}.hidden-xs-down{display:none}.br-q{border-radius:2px !important}.padding-q{padding:2px !important}.padding-v-q{padding-top:2px !important;padding-bottom:2px !important}.padding-h-q{padding-right:2px !important;padding-left:2px !important}.padding-l-q{padding-left:2px !important}.padding-r-q{padding-right:2px !important}.padding-t-q{padding-top:2px !important}.padding-b-q{padding-bottom:2px !important}.margin-q{margin:2px !important}.margin-v-q{margin-top:2px !important;margin-bottom:2px !important}.margin-h-q{margin-right:2px !important;margin-left:2px !important}.margin-l-q{margin-left:2px !important}.margin-r-q{margin-right:2px !important}.margin-t-q{margin-top:2px !important}.margin-b-q{margin-bottom:2px !important}.br-half{border-radius:5px !important}.padding-half{padding:5px !important}.padding-v-half{padding-top:5px !important;padding-bottom:5px !important}.padding-h-half{padding-right:5px !important;padding-left:5px !important}.padding-l-half{padding-left:5px !important}.padding-r-half{padding-right:5px !important}.padding-t-half{padding-top:5px !important}.padding-b-half{padding-bottom:5px !important}.margin-half{margin:5px !important}.margin-v-half{margin-top:5px !important;margin-bottom:5px !important}.margin-h-half{margin-right:5px !important;margin-left:5px !important}.margin-l-half{margin-left:5px !important}.margin-r-half{margin-right:5px !important}.margin-t-half{margin-top:5px !important}.margin-b-half{margin-bottom:5px !important}.br-1x{border-radius:10px !important}.padding-1x{padding:10px !important}.padding-v-1x{padding-top:10px !important;padding-bottom:10px !important}.padding-h-1x{padding-right:10px !important;padding-left:10px !important}.padding-l-1x{padding-left:10px !important}.padding-r-1x{padding-right:10px !important}.padding-t-1x{padding-top:10px !important}.padding-b-1x{padding-bottom:10px !important}.margin-1x{margin:10px !important}.margin-v-1x{margin-top:10px !important;margin-bottom:10px !important}.margin-h-1x{margin-right:10px !important;margin-left:10px !important}.margin-l-1x{margin-left:10px !important}.margin-r-1x{margin-right:10px !important}.margin-t-1x{margin-top:10px !important}.margin-b-1x{margin-bottom:10px !important}.br-2x{border-radius:20px !important}.padding-2x{padding:20px !important}.padding-v-2x{padding-top:20px !important;padding-bottom:20px !important}.padding-h-2x{padding-right:20px !important;padding-left:20px !important}.padding-l-2x{padding-left:20px !important}.padding-r-2x{padding-right:20px !important}.padding-t-2x{padding-top:20px !important}.padding-b-2x{padding-bottom:20px !important}.margin-2x{margin:20px !important}.margin-v-2x{margin-top:20px !important;margin-bottom:20px !important}.margin-h-2x{margin-right:20px !important;margin-left:20px !important}.margin-l-2x{margin-left:20px !important}.margin-r-2x{margin-right:20px !important}.margin-t-2x{margin-top:20px !important}.margin-b-2x{margin-bottom:20px !important}.br-3x{border-radius:30px !important}.padding-3x{padding:30px !important}.padding-v-3x{padding-top:30px !important;padding-bottom:30px !important}.padding-h-3x{padding-right:30px !important;padding-left:30px !important}.padding-l-3x{padding-left:30px !important}.padding-r-3x{padding-right:30px !important}.padding-t-3x{padding-top:30px !important}.padding-b-3x{padding-bottom:30px !important}.margin-3x{margin:30px !important}.margin-v-3x{margin-top:30px !important;margin-bottom:30px !important}.margin-h-3x{margin-right:30px !important;margin-left:30px !important}.margin-l-3x{margin-left:30px !important}.margin-r-3x{margin-right:30px !important}.margin-t-3x{margin-top:30px !important}.margin-b-3x{margin-bottom:30px !important}.br-4x{border-radius:40px !important}.padding-4x{padding:40px !important}.padding-v-4x{padding-top:40px !important;padding-bottom:40px !important}.padding-h-4x{padding-right:40px !important;padding-left:40px !important}.padding-l-4x{padding-left:40px !important}.padding-r-4x{padding-right:40px !important}.padding-t-4x{padding-top:40px !important}.padding-b-4x{padding-bottom:40px !important}.margin-4x{margin:40px !important}.margin-v-4x{margin-top:40px !important;margin-bottom:40px !important}.margin-h-4x{margin-right:40px !important;margin-left:40px !important}.margin-l-4x{margin-left:40px !important}.margin-r-4x{margin-right:40px !important}.margin-t-4x{margin-top:40px !important}.margin-b-4x{margin-bottom:40px !important}.br-5x{border-radius:50px !important}.padding-5x{padding:50px !important}.padding-v-5x{padding-top:50px !important;padding-bottom:50px !important}.padding-h-5x{padding-right:50px !important;padding-left:50px !important}.padding-l-5x{padding-left:50px !important}.padding-r-5x{padding-right:50px !important}.padding-t-5x{padding-top:50px !important}.padding-b-5x{padding-bottom:50px !important}.margin-5x{margin:50px !important}.margin-v-5x{margin-top:50px !important;margin-bottom:50px !important}.margin-h-5x{margin-right:50px !important;margin-left:50px !important}.margin-l-5x{margin-left:50px !important}.margin-r-5x{margin-right:50px !important}.margin-t-5x{margin-top:50px !important}.margin-b-5x{margin-bottom:50px !important}body{--c-emp:#073642;--c-bg:#fdf6e3;--c-blue:#268bd2;--c-magenta:#d33682;--c-text:#657b83;--c-bg-hl:#eee8d5;--c-cyan:#2aa198;--c-secondary:#93a1a1;--c-emper:#0a0f10;--c-backdrop:hsla(192,100%,10.6%,0.3);--c-base:#839496;background:var(--c-bg);color:var(--c-text);--c-bg-hl--emp:#e4decc;--c-red:#dc322f}@media(prefers-color-scheme:dark){body{--c-emp:#93a1a1;--c-bg:#002b36;--c-blue:#268bd2;--c-magenta:#d33682;--c-text:#657b83;--c-bg-hl:#073642;--c-cyan:#2aa198;--c-secondary:#93a1a1;--c-emper:#fff;--c-backdrop:hsla(192,100%,0%,0.3);--c-base:#839496;background:var(--c-bg);color:var(--c-text);--c-bg-hl--emp:hsla(192.20338,80.821915%,16.313726%,1.0);--c-red:#dc322f}}body.theme--dark{--c-emp:#93a1a1;--c-bg:#002b36;--c-blue:#268bd2;--c-magenta:#d33682;--c-text:#657b83;--c-bg-hl:#073642;--c-cyan:#2aa198;--c-secondary:#93a1a1;--c-emper:#fff;--c-backdrop:hsla(192,100%,0%,0.3);--c-base:#839496;background:var(--c-bg);color:var(--c-text);--c-bg-hl--emp:hsla(192.20338,80.821915%,16.313726%,1.0);--c-red:#dc322f}body.theme--light{--c-emp:#073642;--c-bg:#fdf6e3;--c-blue:#268bd2;--c-magenta:#d33682;--c-text:#657b83;--c-bg-hl:#eee8d5;--c-cyan:#2aa198;--c-secondary:#93a1a1;--c-emper:#0a0f10;--c-backdrop:hsla(192,100%,10.6%,0.3);--c-base:#839496;background:var(--c-bg);color:var(--c-text);--c-bg-hl--emp:#e4decc;--c-red:#dc322f}.nav{padding:10px 20px}.nav__logo{margin-right:20px}.nav__btn{margin-right:5px;align-items:center;padding:10px;cursor:pointer;font-weight:500;text-decoration:none;border-radius:3px;display:flex;color:var(--c-text)}.nav__btn:last-child{margin-right:0}.nav__btn:hover,.nav__btn.nav__btn--active{background:var(--c-bg-hl)}.pixels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px}.pixel{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:column;overflow:hidden;border-radius:5px}.pixel__link{width:100%;height:200px}.pixel__img{height:100%;width:100%;background-position:center;background-size:cover}.pixel__footer{background:var(--c-bg-hl);height:40px;display:flex;width:100%;border-radius:0 0 5px 5px;align-items:center;padding:10px}.pixel__footer__icon{color:var(--c-text);transition:all .2s ease-out}.pixel__footer__icon:hover{color:var(--c-emp)}.pixel__colors{display:grid;grid-template-columns:repeat(5,20px);grid-gap:5px}.pixel__color{width:100%;height:20px;border-radius:2px;cursor:pointer}.colors{display:flex;width:100%;align-items:center;justify-content:center;flex-flow:column;border-radius:5px;overflow:hidden}.colors__link{display:flex;width:100%;flex-flow:column}.colors__color{height:50px;width:100%;cursor:zoom-in}.colors__placeholder{height:250px;background:var(--c-bg-hl--emp)}.modal__backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:hsla(210,36%,17%,0.5)}.modal{width:100%;right:0;max-width:900px;top:10vh;margin:0 auto;position:fixed;overflow:scroll;border-radius:10px;display:flex;background:var(--c-bg);max-height:90%;left:0}@media(max-width:1600px){.modal{top:5vh}}.modal__content{height:100%;width:100%;display:flex;flex:1;flex-flow:column}.modal__meta{position:fixed;top:20px;background:var(--c-bg-hl);padding:8px 10px;font-size:14px;border-radius:5px;opacity:50%}@media(max-width:1600px){.modal__meta{top:5px}}.modal__img{width:100%}.modal__footer{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:60px}.modal__footer__colors{display:grid;grid-template-columns:repeat(5,20px);grid-gap:5px}.modal__footer__source{background:var(--c-bg-hl);border-radius:3px;padding:5px;display:flex;align-items:center;justify-content:center}.modal__footer__source__link{opacity:.5;transition:all .2s ease-out;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal__footer__source__link:hover{opacity:1}.modal__footer__source__link img{width:16px;height:16px}.modal__actions{display:flex}.modal__action{color:var(--c-text);transition:all .2s ease-out}.modal__action:hover{color:var(--c-emp)}.modal__action.modal__action--palette:hover{color:var(--c-magenta)}.modal__action.modal__action--pixel:hover{color:var(--c-magenta)}.modal__colors{display:flex;min-height:50vh;width:100%;height:100%;flex:1}@media(max-width:768px){.modal__colors{flex-flow:column}}.modal__colors__color{display:flex;cursor:pointer;width:100%;align-items:center;justify-content:center;font-size:36px}@media(max-width:768px){.modal__colors__color{height:140px}}@media(max-width:576px){.modal__colors__color{height:100px}}@keyframes blink{0%{opacity:0}}.blink{animation-name:blink;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero{background:var(--c-bg-hl);border-radius:5px;padding:40px;line-height:160%}.hero__title{font-size:24px;font-weight:600;margin-bottom:10px}.hero__lead{font-size:18px}.hero__lead:after{border-bottom:2px solid var(--c-text);line-height:160%;width:13px;padding-bottom:2px;animation-iteration-count:infinite;animation-name:blink;content:"";margin-left:2px;display:inline-flex;animation-timing-function:steps(2);animation-duration:1.5s}.subscribe{flex-flow:column;justify-content:center;align-items:center;padding:40px;position:relative;border-radius:5px;display:flex;grid-column:span 2;background:var(--c-bg-hl)}@media(max-width:768px){.subscribe{grid-column:span 1;padding:30px}}.subscribe__lead{line-height:160%;font-size:18px;margin-bottom:20px}@media(max-width:768px){.subscribe__lead{font-size:16px;margin-bottom:10px}}.subscribe__form{display:grid;grid-template-columns:1fr 143px;grid-gap:10px;width:100%}@media(max-width:768px){.subscribe__form{grid-template-columns:1fr}}.subscribe__input{background:var(--c-bg);color:var(--c-text);border-radius:5px;border:0;font-family:var(--fonts);padding:10px;flex:1}::placeholder{color:var(--c-text);font-family:var(--fonts)}.subscribe__btn{border:0;border-radius:5px;font-weight:600;padding:10px;color:var(--c-bg-hl);background:var(--c-emp);transition:all .2s ease-out;font-family:var(--fonts)}.subscribe__btn:hover,.subscribe__btn.subscribe__btn--active{background:var(--c-emper)}.subscribe__btn.subscribe__btn--active{cursor:pointer}.subscribe__error{color:var(--c-red);line-height:120%;font-size:14px}.subscribe__close{position:absolute;top:15px;right:18px;cursor:pointer;color:var(--c-text);transition:all .2s ease-out;font-size:20px}.subscribe__close:hover{color:var(--c-emp)}.subscribe__success{display:flex;flex-flow:column;align-items:center;justify-content:center}.subscribe__success__icon{width:60px;margin-bottom:10px}.spinner-page{display:flex;align-items:center;justify-content:center;margin:0 auto}.spinner{border-top-color:var(--c-backdrop-emp);width:14px;border-width:2px;height:14px;vertical-align:middle;border-right-color:transparent;border-style:solid;animation:spinner 400ms linear infinite;border-bottom-color:transparent;border-left-color:var(--c-backdrop-emp);border-radius:50%;display:inline-block;opacity:.3}.spinner.spinner--accent{border-top-color:var(--c-backdrop-emp);border-left-color:var(--c-backdrop-emp)}.spinner.spinner--page{border-top-color:var(--c-backdrop-emp);border-left-color:var(--c-backdrop-emp);width:20px;height:20px;border-width:3px}.spinner.spinner--takeover{border-top-color:var(--c-backdrop-emp);border-left-color:var(--c-backdrop-emp);width:20px;height:20px;margin-bottom:100px}@keyframes spinner{from{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-takeover{width:100vw;top:0;justify-content:center;height:100vh;align-items:center;position:fixed;z-index:9999;display:flex;background:rgba(247,244,237,0.8);left:0}.flash{position:fixed;bottom:20px;right:20px;background-color:var(--c-cyan);padding:20px;border-radius:5px;color:#fff}.controls{display:flex}@media(max-width:1200px){.controls{flex-flow:column}}.controls__btn{line-height:160%;justify-content:center;font-family:var(----fonts);border:0;align-items:center;padding:20px;cursor:pointer;text-decoration:none;font-size:16px;background-color:var(--c-bg-hl);border-radius:5px;display:flex;color:var(--c-text)}.controls__btn:hover{color:var(--c-emp)}@media(max-width:1200px){.controls__btn{margin-top:10px}}.sponsor-bar{background:var(--c-bg-hl);font-size:16px}.sponsor-text{line-height:160%}@media(max-width:992px){.sponsor-icon{margin-right:20px !important}}.help__title{font-size:16px;font-weight:600}.help__lead{line-height:160%;text-decoration:none;color:var(--c-text)}.shortcut{display:grid;grid-gap:10px;grid-template-columns:20px 10px 20px 1fr;margin-bottom:10px}.shortcut.shortcut--simple{grid-template-columns:20px 1fr}.shortcut__icon{background:var(--c-bg-hl);display:flex;align-items:center;justify-content:center;border-radius:2px}.ph-notice{padding:15px;color:rgba(255,255,255,0.8);background:#ec5357;position:fixed;bottom:10px;right:10px;border-radius:5px}.ph-notice-link{color:#fff;text-decoration:none;font-weight:500}