*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,dl,dt,dd,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul,dl{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}.nav{display:flex;flex-direction:row;align-items:center}.nav img,.nav svg{display:block}.nav__logo{flex:0 0 64px;margin-right:16px;border-radius:14px;transition:background .3s ease-out,color .3s ease-out}.nav__logo:hover,.nav__logo:active,.nav__logo:focus{color:#fafafa;background:#ff5f9e}.nav__links{flex:1 1 auto;display:flex;flex-direction:row;align-items:center}.nav__link{margin-left:8px}.nav__link a,.nav__link button{display:block;padding:14px 16px;font-size:14px;font-weight:300;line-height:1.5;text-transform:uppercase;text-decoration:none;color:#212121;background:rgba(0,0,0,0);border-radius:14px;border:0;transition:background .3s ease-out,color .3s ease-out}@media(min-width: 61.25em){.nav__link a,.nav__link button{padding:14px 24px}}.nav__link a:hover,.nav__link a:active,.nav__link a:focus,.nav__link button:hover,.nav__link button:active,.nav__link button:focus{cursor:pointer;color:#fafafa;background:#ff5f9e;outline:0}.nav__link.nav__link--icon a{padding-top:12px;padding-bottom:12px}.nav__link.nav__link--icon img,.nav__link.nav__link--icon svg{width:24px;height:24px}.nav__link.nav__link--current a{font-weight:400}.nav__link.nav__link--search{margin-left:auto}.nav__link.nav__link--toggle{margin-left:auto}.nav__link.nav__link--toggle svg{width:36px;height:36px}@media(max-width: 53.74em){.nav__link{display:none}.nav__link--toggle{display:block}}@media(min-width: 53.75em){.nav__link{display:block}.nav__link--toggle{display:none}}.popoverNav{opacity:0;position:fixed;left:0;top:0;width:100%;background:#f4f4f4;box-shadow:0 0 20px rgba(0,0,0,.2);border-top:8px solid #ff5f9e;z-index:10;padding:16px 0;transform:translateY(-100%);transition:transform .3s ease-in-out}.popoverNav img,.popoverNav svg{display:block}.popoverNav.popoverNav--show{opacity:1;transform:translateY(0px)}.popoverNav__close{display:block;padding:16px 32px}.popoverNav__close svg{display:block;width:32px;height:32px;margin:0 0 0 auto}.popoverNav__link a{display:block;padding:16px 32px;text-align:right;text-decoration:none;text-transform:uppercase;font-weight:300}.popoverNav__link a:hover,.popoverNav__link a:active,.popoverNav__link a:focus{cursor:pointer;color:#fafafa;background:#ff5f9e;outline:0}.popoverNav__link.popoverNav__link--current a{font-weight:400}@media(min-width: 46.25em){.page{margin-right:136px;padding:0 16px}}@media(min-width: 61.25em){.page{margin-right:216px;padding:0 16px}}@media(min-width: 68.75em){.page{margin-right:352px;padding:0 16px}}@media(min-width: 100em){.page{margin-left:208px;margin-right:208px;padding:0 16px}}.page__bar{background:#212121;display:block;height:8px;top:0;left:0;width:100%;z-index:2;position:absolute}.page__body{padding-top:32px;background:#fafafa;position:relative;padding-left:16px;padding-right:16px}@media(min-width: 61.25em){.page__body{padding-left:32px;padding-right:32px}}@media(min-width: 84.375em){.page__body{padding-left:80px;padding-right:80px}}.page__side--two{position:fixed;top:0;right:0;height:100vh;width:0}@media(min-width: 46.25em){.page__side--two{width:136px}}@media(min-width: 61.25em){.page__side--two{width:216px}}@media(min-width: 68.75em){.page__side--two{width:352px}}@media(min-width: 100em){.page__side--two{display:none}}.page__side--one{display:none}.sample{display:flex;flex-direction:column;margin:56px 0 56px 0;max-width:1200px}@media(min-width: 84.375em){.sample{flex-direction:row}}.sample__image{flex:1 1 auto;max-width:100%;border-radius:14px;margin-bottom:16px}@media(min-width: 84.375em){.sample__image{max-width:calc(100% - 176px);margin-bottom:0}}.sample__details{display:flex;flex-direction:column}.sample__details dt{font-size:14px;font-weight:300;text-transform:uppercase}@media(max-width: 84.365em){.sample__details dl{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;margin:0 0 16px 0}.sample__details dt,.sample__details dd{margin:0 16px 0 0}}@media(min-width: 84.375em){.sample__details{flex:0 0 176px;padding:0 0 0 24px}.sample__details dl{margin:0 0 24px 0}.sample__details dd{margin:0 0 8px 0}.sample__details .sample__meta--tags{display:flex;flex-direction:row;flex-wrap:wrap}.sample__details .sample__meta--tags dt{flex:0 0 100%}.sample__details .sample__meta--tags dd{flex:0 1 auto;margin-right:1em}}.sample__actions{margin-top:auto}@media(max-width: 84.365em){.sample__actions{display:flex;flex-direction:row;column-gap:8px}}.sample__actions .button{display:inline-flex;margin-top:8px}html{height:100%}body{height:100%;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#212121;background:#f4f4f4}a{font-weight:800;text-decoration:underline;color:#212121}a:hover,a:active,a:focus{text-decoration:none}.header{margin:40px 0;max-width:40rem}@media(min-width: 61.25em){.header{margin-right:176px}}.header h1{margin:0 0 40px 0;font-family:"M PLUS Rounded 1c",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:36px;font-weight:800;line-height:40px;letter-spacing:-1.5px}.header h1 small{display:block;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;letter-spacing:0}.header p{margin:0 0 24px 0}.intro{margin:40px 0;max-width:40rem}@media(min-width: 61.25em){.intro{margin-right:176px}}.intro p{margin:0 0 24px 0}.subheader{margin:64px 0 40px 0;max-width:40rem}@media(min-width: 61.25em){.subheader{margin-right:176px}}.subheader h2{margin:0 0 40px 0;font-family:"M PLUS Rounded 1c",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:30px;font-weight:800;line-height:1.5;letter-spacing:-1.5px}.subheader h2 small{display:block;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;letter-spacing:0}.main{margin-top:40px}.button{display:flex;min-height:48px;flex-direction:row;align-items:center;padding:12px 32px;font-family:inherit;font-size:14px;text-transform:uppercase;text-decoration:none;cursor:pointer;border:0;border-radius:14px;color:#fafafa;background:#ff5f9e;transition:background .3s ease-out,color .3s ease-outg}.button svg{margin-right:8px}.button:hover,.button:active,.button:focus{outline:0;text-decoration:none;background:#ff1974}.button.button--info{background:#060047}.button.button--info:hover,.button.button--info:active,.button.button--info:focus{background:#050039}.button.button--like{background:#ff5f9e}.button.button--like:hover,.button.button--like:active,.button.button--like:focus{background:#ff1974}.button.button--unlike{background:#b3005e}.button.button--unlike:hover,.button.button--unlike:active,.button.button--unlike:focus{background:#8f004b}.button.button--save{background:#060047}.button.button--save:hover,.button.button--save:active,.button.button--save:focus{background:#050039}.button.button--delete{background:#b3005e}.button.button--delete:hover,.button.button--delete:active,.button.button--delete:focus{background:#8f004b}.button img{margin-right:8px}.form--edit{margin:40px 0 24px 0;max-width:40rem;padding:16px;background:#f3f2f6;border:1px solid #060047;border-radius:14px}@media(min-width: 61.25em){.form--edit{margin-right:176px}}.form--delete{display:flex;justify-content:center;margin:40px 0 24px 0;max-width:40rem;padding:16px;background:#fbf2f7;border:1px solid #b3005e;border-radius:14px}@media(min-width: 61.25em){.form--delete{margin-right:176px}}.details p{margin:0 0 24px 0;max-width:40rem}@media(min-width: 61.25em){.details p{margin-right:176px}}.text{max-width:40rem}@media(min-width: 61.25em){.text{margin-right:176px}}.text h2{margin-bottom:16px;font-size:20px;font-weight:bold}.text p,.text ul,.text li{margin-bottom:16px}.text li{margin-left:16px;list-style:disc}.columns{display:flex;flex-wrap:wrap;margin:0 -16px}.column--2{flex:0 0 calc(100% - 32px);margin:0 16px 40px 16px}@media(min-width: 61.25em){.column--2{flex:0 0 calc(50% - 32px)}}.column--3{flex:0 0 calc(100% - 32px);margin:0 16px 40px 16px}@media(min-width: 46.25em){.column--3{flex:0 0 calc(50% - 32px)}}@media(min-width: 68.75em){.column--3{flex:0 0 calc(33% - 32px)}}.overview__items{display:flex;height:300px}.overview__item{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:100%;outline:1px solid #fafafa;width:25%}.code{color:#212121;display:block;font-family:"Source Code Pro",monospace;font-size:.85rem;text-overflow:ellipsis;white-space:pre-wrap}.code--1-in{text-indent:1rem}.colour-preview{display:inline-block;height:1rem;margin-right:.25rem;outline:1px solid #fafafa;vertical-align:sub;width:1rem}.user-avatar{display:inline-block;height:1.5rem;outline:1px solid #fafafa;width:1.5rem;background-color:#212121;background-size:cover;background-repeat:no-repeat;background-position:50%;border-radius:4px}.image{box-shadow:inset 0 0 0 1px #f2f2f2;transition:border-color .25s ease-in;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:.25rem solid #666;display:block;width:100%;height:auto;border-radius:14px}a:hover .image,a:active .image,a:focus .image{border-color:#ff5f9e !important}.icon{width:24px;height:24px}.metadata{display:flex;flex-direction:row;align-items:center;align-content:space-between;margin-top:40px;padding-top:40px;padding-bottom:40px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;background:#212121;color:#fafafa;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}@media(min-width: 61.25em){.metadata{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}@media(min-width: 84.375em){.metadata{margin-left:-80px;margin-right:-80px;padding-left:80px;padding-right:80px}}@media(max-width: 61.24em){.metadata{border-radius:0}}.metadata p{flex:1 1 50%}.metadata .metadata__likes{text-align:right;display:flex;flex-direction:row;justify-content:flex-end;align-content:center}.metadata .metadata__likes svg{margin-right:8px}.metadata .metadata__likes img{margin-left:8px}.footer{padding-top:40px;padding-bottom:40px;background:#f4f4f4;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}@media(min-width: 61.25em){.footer{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}@media(min-width: 84.375em){.footer{margin-left:-80px;margin-right:-80px;padding-left:80px;padding-right:80px}}@media(min-width: 61.25em){.footer{padding-right:176px}}.footer p{margin:0 0 24px 0;max-width:40rem}.footer .footer__copyright svg{width:20px;vertical-align:bottom}.placeholder{background:green}.placeholder--half-page{max-width:300px;height:600px}.placeholder--in-content{max-width:728px;height:90px}.pagination{margin:40px 0 0 0;padding:40px 0 40px 0;text-align:center;border-bottom-left-radius:14px;border-bottom-right-radius:14px;background:#212121;color:#fafafa;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}@media(min-width: 61.25em){.pagination{margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px}}@media(min-width: 84.375em){.pagination{margin-left:-80px;margin-right:-80px;padding-left:80px;padding-right:80px}}@media(max-width: 61.24em){.pagination{border-radius:0}}.pagination__item{display:inline-block;vertical-align:middle;padding:.5rem 1rem;margin:0 .5rem;text-decoration:none;color:#fafafa;border-radius:14px}.pagination__item--current{font-weight:bold;outline:1px solid #fafafa}.form-row{margin:0 0 24px 0}.lbl{display:block;margin:0 0 8px 0;font-weight:bold}.fld{width:40%;margin:0 16px 8px 0;padding:12px 16px;font-family:inherit;font-size:inherit;font-weight:inherit;border:1px solid #212121;border-radius:14px}.fld:focus{border:1px solid #ff5f9e;outline:0}.fld--wide{width:100%}.crop{margin:40px 0;background:#fafafa;color:#212121}.crop-fonts{margin-bottom:1rem}.crop-image{display:block;max-width:100%}.suggestions{margin:40px 0;max-width:40rem}@media(min-width: 61.25em){.suggestions{margin-right:176px}}.suggestions__header{font-size:14px;font-weight:300;text-transform:uppercase}.suggestions__content{margin-bottom:8px}.results{margin:0 0 40px 0}.results__item{display:flex;flex-direction:row;align-items:baseline;margin:0 0 16px 0;text-decoration:none}.results__item .results__kind{flex:0 0 6em;font-size:14px;font-weight:300;text-transform:uppercase;text-decoration:none}.results__item .results__name{text-decoration:underline}.results__item:hover .results__name,.results__item:active .results__name,.results__item:focus .results__name{text-decoration:none}.message .win{background:#ff5f9e;color:#fafafa;padding:16px 32px;text-align:center}.message .fail{background:#b3005e;color:#fafafa;padding:16px 32px;text-align:center}.fineprint{text-align:right;font-weight:300;opacity:.5}.promo{display:block}.promo a{display:inline-flex;font-size:14px;line-height:20px;text-decoration:none}.promo a i{flex:1 1 auto;padding:4px 8px 4px 12px;font-size:10px;line-height:20px;text-transform:uppercase;color:#fafafa;background:#212121;border-radius:20px 0 0 20px}.promo a span{flex:1 1 auto;padding:4px 12px 4px 8px;border:1px solid #212121;border-width:1px 1px 1px 0;border-radius:0 20px 20px 0;background:#fafafa}.promo a:hover i,.promo a:active i,.promo a:focus i{background:#ff5f9e}.promo a:hover span,.promo a:active span,.promo a:focus span{border-color:#ff5f9e}/*# sourceMappingURL=main.css.map */