@font-face{font-family:Roboto Regular;src:url(/_next/static/media/Roboto-Regular.ae3a8db9.ttf)}@font-face{font-family:Space Mono;src:url(/_next/static/media/SpaceMono-Regular.688108de.ttf)}@font-face{font-family:Space Mono Bold;src:url(/_next/static/media/SpaceMono-Bold.b777a363.ttf)}body,html{margin:0;padding:0;box-sizing:border-box;background-color:#264653;overflow:hidden}::selection{background-color:#f5bf16;color:#264653}body{font-family:Space Mono,monospace;color:#f5bf16}li,ul{margin:0;padding:0;list-style:none}.app{z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;overflow-x:visible;cursor:url(/_next/static/media/cursor.90d15156.svg),auto}.app a{cursor:url(/_next/static/media/pointer.a1f859ec.svg),auto}@media(hover:hover){.app a:hover{cursor:url(/_next/static/media/pointer.a1f859ec.svg),auto}.app .copy:hover{cursor:url(/_next/static/media/copy.70906778.svg),auto}}.main-content{border:.25rem solid #f5bf16;height:calc(100vh - 2 * .25rem);width:calc(100vw - 2 * .25rem);display:grid;grid-gap:.25rem;gap:.25rem;background-color:#f5bf16;grid-template-columns:10rem 1fr;grid-template-rows:auto 1fr auto 13.5rem;grid-template-areas:"banner       search  " "banner       entities" "instructions entities" "footer       entities"}.main-content.no-search{grid-template-rows:1fr auto 13.5rem;grid-template-areas:"banner       entities" "instructions entities" "footer       entities"}@media(max-width:670px){.main-content{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"banner      " "search      " "entities    " "instructions" "footer      "}.main-content.no-search{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"banner      " "entities    " "instructions" "footer      "}}.modal{position:fixed;align-items:flex-start;top:0;left:0;width:100%;height:100vh;z-index:10;background-color:rgba(38,70,83,.4)}.icon,.modal{display:flex;justify-content:center}.icon{align-items:center}.icon.sm svg{font-size:1rem}.icon.md svg{font-size:1.5rem}.icon.lg svg{font-size:2rem}.banner{display:flex;justify-content:center;align-items:center;grid-area:banner;flex-direction:column;background-image:url(/_next/static/media/bg.60f08f23.svg);overflow:hidden}.banner:hover .banner__logo{transform:scale(1.1)}.banner:hover .banner__page-title{transform:rotate(180deg) scale(1.1)}.banner a{display:flex;flex-direction:column;height:100%;width:100%;text-decoration:none;color:#f5bf16;padding:1rem}.banner a span{font-size:3rem}.banner .banner__logo{transform:scale(1);padding:.25rem}.banner .banner__logo,.banner__page-title{transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;justify-content:center;align-items:center;line-height:1}.banner__page-title{flex:1 0;font-size:calc(2vh + 1.5rem);margin:1rem;text-align:center;writing-mode:vertical-rl;transform:rotate(180deg) scale(1)}@media(max-width:670px){.banner__logo{line-height:1}.banner__page-title{display:none}.banner:hover .banner__page-title{transform:rotate(0) scale(1.1)}}.search{position:relative;overflow-x:hidden}.search,.search__icon{display:flex;align-items:center}.search__icon{justify-content:center;position:absolute;transform:translateY(-50%)}.search__icon.search{left:0;top:50%;margin-left:.65rem}.search__icon.clear{right:0;top:50%;margin-right:.65rem}.search__input-wrapper{flex:1 0;padding-left:3.5rem;display:flex;background-color:#264653}.search__input{width:100%;font-size:2rem;padding:.5rem;color:#f5bf16;font-family:Space Mono Bold,monospace;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none}.search__input:focus{outline:none}.footer{display:flex;justify-content:center;align-items:center;background-image:url(/_next/static/media/bg.60f08f23.svg);grid-area:footer;flex-direction:column;flex:0 0;padding:2rem 1rem;font-family:Roboto Regular,Avenir,Helvetica Neue,sans-serif}.footer a{color:#f5bf16;text-decoration:none;margin-bottom:.5rem;display:block;position:relative;padding:.25rem}.footer a:after{transition:transform .3s cubic-bezier(.25,.46,.45,.94);position:absolute;content:"";height:.125em;width:100%;background-color:#f5bf16;left:50%;bottom:-.25rem;transform:translateX(-50%) scaleX(0);transform-origin:right}.footer a:hover:after{transform:translateX(-50%) scaleX(1);transform-origin:left}.footer__byline,.footer__links{display:flex;justify-content:center;align-items:center;flex-direction:column}.footer__created-by{text-align:center}@media(max-width:670px){.footer{justify-content:unset;display:grid;place-items:center;grid-gap:.25rem;gap:.25rem;grid-template-columns:repeat(2,1fr);background-color:#f5bf16;padding:0}.footer a,.footer ul{margin-bottom:0}.footer__links{padding:1rem}.footer__emoji{display:none}.footer__byline{flex-direction:row}}.instructions{display:flex;justify-content:center;align-items:center;grid-area:instructions;background-image:url(/_next/static/media/bg.60f08f23.svg);padding:1rem;text-align:center}.instructions__description{margin:0}@media(max-width:670px){.instructions{padding:.5rem}}.info-card{border:.25rem solid #f5bf16;box-shadow:1.25rem 1.25rem 0 0 rgba(22,40,48,.4);display:grid;place-items:center;text-align:center;max-width:450px;background-color:#264653;margin:2rem;z-index:10}.info-card__message{font-size:1.5rem;padding:1em;line-height:1.25;margin:0}.entities-list{grid-area:entities;position:relative;overflow-y:scroll;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:.25rem;gap:.25rem;z-index:1}.entities-list.no-results .no-results-message{font-size:1.5rem;padding:2rem;background-color:#264653;text-align:center;margin:0}.entities-list__category{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background-color:#264653}.entities-list__category-label{font-size:2rem;line-height:1.15;-webkit-hyphens:auto;hyphens:auto;margin:0;padding:1.5rem;word-break:break-all}.entities-list__category-icon{transition:all .3s cubic-bezier(.25,.46,.45,.94);align-self:flex-end;margin:2rem;cursor:url(/_next/static/media/pointer.a1f859ec.svg),auto}.entities-list__category-icon svg{transform:rotate(45deg);width:2.15rem;height:2.15rem}.entities-list__category-icon.filter-active{transform:rotate(225deg)}.entities-list__positioner{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem 1.5rem;position:relative}.entities-list__item{transition:background-color .3s cubic-bezier(.25,.46,.45,.94);background-color:#264653;text-align:center}.entities-list__item:hover{background-color:#1e3742}.entities-list__item p{margin:0 0 .25rem}.entities-list__navigation{outline:.25rem solid #f5bf16;position:absolute;border-top:none;border-right:none;top:0;left:0;width:3rem;height:3rem;background-color:#264653}.entities-list__navigation:hover{background-color:#162830}.entities-list__navigation .arrow-icon-link{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.entities-list__navigation .icon{padding:.3rem}.entities-list__labels{display:flex;flex-direction:column;align-items:center;justify-content:center}.entities-list__item-label{padding:.25rem .5rem;margin:0;font-size:.9rem;line-height:1.2}.entities-list__item-label:not(.symbol):hover{background-color:rgba(38,70,83,.8);color:#fff}.entities-list__item-label.name{font-size:1.2rem;margin-bottom:.25em}.entities-list__item-label:not(.copy):hover{background-color:transparent;color:currentColor}.entities-list__item-label.symbol{font-family:Roboto Regular,Avenir,Helvetica Neue,sans-serif;font-size:3rem;line-height:1}.entities-list__item-label.symbol:hover{background-color:#264653}@media(max-width:670px){.entities-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.entities-list__item{display:flex}.entities-list__positioner{flex:1 0;display:grid;grid-template-columns:1fr 3rem;grid-template-rows:1fr;grid-template-areas:"details navigation";grid-gap:.25rem;gap:.25rem;background-color:#f5bf16;padding:0}.entities-list__labels{grid-area:details;background-color:#264653;padding:1.5rem 1rem;height:calc(100% - 2 * 1.5rem)}.entities-list__navigation{position:relative;grid-area:navigation;background-color:#264653;outline:none;height:100%}}.symbol-detail{grid-area:entities;display:grid;overflow-y:scroll;overflow-x:hidden;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr 13.5rem;grid-template-areas:"symbol symbol entity   " "symbol symbol unicode " "html   css    back";grid-gap:.25rem;gap:.25rem;background-color:#f5bf16}.symbol-detail>*{background-color:#264653;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:1rem}.symbol-detail>.symbol-label__back{padding:0}.symbol-detail__symbol{grid-area:symbol;overflow-y:scroll}.symbol-detail__symbol-mark{font-family:Roboto Regular,Avenir,Helvetica Neue,sans-serif;font-size:calc(25vw + 5rem);line-height:.8;margin:0}.symbol-detail__symbol .name{font-size:calc(1.25vw + 2.5rem);line-height:1.25}.symbol-detail__key{font-size:calc(.8vw + 2rem);padding:0 .25em;line-height:1.25;margin-bottom:.125em}.symbol-detail__key:hover{background-color:#162830}.symbol-detail__label{font-size:.9em;margin:0}.symbol-detail__entity{grid-area:entity}.symbol-detail__html{grid-area:html}.symbol-detail__css{grid-area:css}.symbol-detail__css,.symbol-detail__html{display:grid;grid-gap:.25rem;gap:.25rem;background-color:#f5bf16;grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-template-areas:"reference" "example  ";padding:0}.symbol-detail__css-reference,.symbol-detail__html-reference{display:flex;justify-content:center;align-items:center;grid-area:reference;flex-direction:column;height:100%}.symbol-detail__css-example,.symbol-detail__html-example{display:flex;justify-content:center;align-items:center;grid-area:example;height:100%}.symbol-detail__css-example code,.symbol-detail__html-example code{background-color:#162830;padding:1rem;margin:1rem;text-align:left;overflow:scroll}.symbol-detail__css-example pre,.symbol-detail__html-example pre{margin:0;padding:0;line-height:1.25}.symbol-detail__css-example pre.comment,.symbol-detail__html-example pre.comment{color:#3e7287}.symbol-detail__css>*,.symbol-detail__html>*{background-color:#264653}.symbol-detail__unicode{grid-area:unicode}.symbol-detail__back{grid-area:back}.symbol-detail__back:hover{background-color:#162830}.symbol-detail__back a{display:block;height:100%;width:100%}.symbol-detail__back-arrow svg{padding:2rem;height:calc(100% - 2 * 2rem);width:calc(100% - 2 * 2rem)}@media(max-width:850px){.symbol-detail{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-template-rows:2fr 1fr 1fr 13.5rem;grid-template-areas:"symbol symbol " "entity unicode" "html   css    " "back   back   "}.symbol-detail__symbol{overflow-y:visible}}@media(max-width:530px){.symbol-detail{grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"symbol " "entity " "unicode" "html   " "css    " "back   "}.symbol-detail__key{margin:1rem .5rem 0}.symbol-detail__label{margin-bottom:1rem}.symbol-detail__css,.symbol-detail__html{gap:0}.symbol-detail__css .symbol-detail__label,.symbol-detail__html .symbol-detail__label{margin-bottom:0}.symbol-detail__css code,.symbol-detail__html code{margin:0 1rem 1rem}}@media only screen and (min-width:1180px){.symbol-detail__symbol-mark{font-size:30rem}}