html{overflow-y:scroll;box-sizing:border-box}header,main,footer{max-width:90vw;width:50rem;margin:auto}@media (min-width: 50rem){header,main,footer{width:80rem}}footer{margin-top:4rem;text-align:center}.alerts{position:fixed;bottom:0;right:0}.alert{box-shadow:0 6px 12px #0000003b,0 10px 40px #00000030;font-size:3rem;padding:1rem;margin:2rem;animation:moveAlertUp ease-in-out .2s}@keyframes moveAlertUp{0%{transform:translateY(2rem)}to{transform:translate(0)}}.alert-success{background-color:#90ee90}.alert-danger{background-color:red;color:snow}.emoji-tiles{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem}@media (min-width: 50rem){.emoji-tiles{grid-template-columns:repeat(2,1fr)}}@media (min-width: 80rem){.emoji-tiles{grid-template-columns:repeat(4,1fr);grid-gap:2.3rem}}.emoji-tile{box-shadow:0 3px 12px #0000003b,0 3px 12px #00000029;padding:1rem;cursor:pointer;animation:showEmoji linear .1s;transition:all .1s ease-in-out}.emoji-tile:hover{box-shadow:0 6px 12px #0000003b,0 10px 40px #00000030}.emoji-tile:hover .emoji-name{color:indigo}.emoji-tile:hover .emoji-copy{color:#191970}.emoji-char{font-size:6rem;float:left}.emoji-name{-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none;text-transform:capitalize;float:right;text-align:right;max-width:50%}.emoji-copy{padding-top:5rem;text-align:right;color:gray}.no-clipboard .emoji-copy{display:none}.emoji-tile::selection,.emoji-tile *:not(.emoji-char)::selection{background:transparent}@keyframes showEmoji{0%{transform:scaleY(0)}to{transform:scaleY(1)}}form[role=search]{display:flex;height:3rem;margin-bottom:3rem;gap:2rem}@media (min-width: 80rem){form[role=search]{gap:2.3rem}}form[role=search] :first-child{flex:1 1}@media (min-width: 50rem){form[role=search] :first-child{flex:0;flex-basis:calc(50% - 1rem)}}@media (min-width: 80rem){form[role=search] :first-child{flex-basis:calc(50% - 1.15rem)}}form[role=search] :first-child input{box-sizing:border-box;width:100%}form[role=search] label[for=skintone]{pointer-events:none}form[role=search] .form-element{position:relative}form[role=search] .form-element label{transition:top .3s ease-in-out;color:gray;position:absolute;top:50%;left:.5rem;transform:translateY(-50%);padding:0 .5rem;background-color:#fff;cursor:text}form[role=search] .form-element input,form[role=search] .form-element select{transition:background .3s cubic-bezier(.64,.09,.08,1);color:#001a1a;background:unset;padding:1rem;border:none;border-bottom:solid 1px teal;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 96%,teal);background-size:0 100%;background-repeat:no-repeat}form[role=search] .form-element input:focus,form[role=search] .form-element select:focus{outline:1px dotted teal}form[role=search] .form-element input:focus,form[role=search] .form-element input.active,form[role=search] .form-element select:focus,form[role=search] .form-element select.active{background-size:100% 100%}form[role=search] .form-element input:focus+label,form[role=search] .form-element input.active+label,form[role=search] .form-element select:focus+label,form[role=search] .form-element select.active+label{top:0;color:teal}html{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}@media (min-width: 50rem){html{font-size:16px}}@font-face{font-family:OpenSansEmoji;src:url(/assets/OpenSansEmoji.1a339132.woff) format("woff");text-decoration:none;font-style:normal}h1{font-size:4.2139917695rem}h2{font-size:3.1604938272rem}h3{font-size:2.3703703704rem}h4{font-size:1.7777777778rem}h5{font-size:1.3333333333rem}h6{font-size:1rem}a:link{text-decoration:none}a:link,a:visited{color:#00f}a:hover{color:red}.header a{color:initial}.header-title{margin-bottom:0}.header-balloon{color:red}.header-subtitle{color:#191970}footer p{color:gray}.no-emoji .emoji-text,.no-emoji .emoji-char{font-family:"Android Emoji","Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,Segoe UI Symbol,DejaVu Sans,OpenSansEmoji,Arial Unicode MS,EmojiSymbols,Symbola}