#wrapper,body,html{height:100%;width:100%}#landing,#logo{position:absolute}#logo,#logo-dark{overflow:hidden;text-indent:-9999px}#font-name,#main-header{z-index:3;text-align:center}#font-controls,body{font-family:"Segoe UI",Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;color:#222}#wrapper{position:relative;overflow:hidden;padding-top:50px}#flashContent{float:left}#no-flash,#older-browser{position:absolute;top:0;display:none;z-index:6;text-align:center;background:#ffd811;width:100%;padding:0 10px}#no-flash a{color:#666}#landing{width:inherit;height:inherit;z-index:5;display:block;transition:.4s;background:url(../images/bg.png) center center #333}#landing .content{background:#fff;color:#ccc;text-align:center;max-width:400px;height:400px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #000}#logo-dark{background:url(../images/find-my-fonts-dark.svg) center center no-repeat;display:inline-block;width:200px;height:70px;margin:70px 0 16px}#landing p{color:#555;font-size:16px}#landing p strong,#no-fonts strong{background:rgba(255,216,17,.5);font-weight:600;display:inline-block;padding:2px 6px;border-radius:2px}.flash-info{margin: 30px 10px 10px;display:block;color:#AAA;line-height:21px}#display-toggle-wrapper span,#fonts-list-toggle span,#logo{display:inline-block}#processing-fonts{display:none}#processing-fonts strong{min-width:46px}#progress strong{color:#eee}#landing.done{opacity:0}#main-header{background:#222;padding:7px 10px;color:#FFF;position:fixed;width:100%;height:50px;top:0}#logo{background:url(../images/find-my-fonts.svg) center center no-repeat;width:125px;height:44px;margin:0 0 0 -75px;left:50%;top:3px}#fonts-info-wrapper{float:right;color:#aaa;font-size:12px;line-height:16px;padding:11px 0}#fonts-info-wrapper strong{color:#ccc}#display-toggle-wrapper{border:none;border-radius:20px;display:inline-block;background:#111;height:100%;box-shadow:inset 0 0 3px #000;cursor:pointer;padding:4px;position:relative;float:left;width:110px;text-align:center}#display-toggle-wrapper span::-moz-selection{background:0 0;color:inherit}#display-toggle-wrapper span::selection{background:0 0;color:inherit}#display-toggle-wrapper .label{position:relative;font-size:13px;line-height:28px;width:48px;transition:color .2s}#display-toggle-indicator{position:absolute;width:50px;height:28px;border-radius:14px;background:grey;box-shadow:0 1px #888 inset;transition:.2s}.grid #display-toggle-indicator{left:4px}.list #display-toggle-indicator{left:56px}.grid .label-grid,.list .label-list{color:#eee}.grid .label-list,.list .label-grid{color:#666}#font-specimen-wrapper,#fonts-list-wrapper{overflow-y:scroll;overflow-x:hidden;height:100%}#fonts-list-wrapper{z-index:2;position:relative;background:#eee}#fonts-list{width:100%;text-align:center;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;-webkit-justify-content:center;-webkit-align-content:center;-webkit-align-items:center;-ms-flex-direction:row;-ms-flex-wrap:wrap;-ms-flex-pack:center;-ms-flex-line-pack:center;-ms-flex-align:center;display:flex;flex-flow:row wrap;justify-content:center;align-content:center;align-items:center}#fonts-list:after{content:"";display:table;clear:both}.grid #fonts-list{padding:20px 0 0}#fonts-list-toggle{position:fixed;background:#333;color:#ccc;z-index:4;top:100px;border-radius:0 4px 4px 0;font-size:12px;padding:6px;line-height:0;cursor:pointer}#fonts-list-toggle span{width:16px;height:16px;background:url(../images/fonts-toggle-icon.svg) center center no-repeat #333;transform:rotate(-45deg);transition:transform .2s .2s}.grid #fonts-list-toggle{display:none}.list #fonts-list-toggle{-webkit-animation:fonts-toggle-slidein .2s cubic-bezier(.65,.05,.36,1) forwards;animation:fonts-toggle-slidein .2s cubic-bezier(.65,.05,.36,1) forwards}.list.fonts-list-hidden #fonts-list-toggle{-webkit-animation:fonts-toggle-slideout .2s cubic-bezier(.65,.05,.36,1) forwards;animation:fonts-toggle-slideout .2s cubic-bezier(.65,.05,.36,1) forwards}.list.fonts-list-hidden #fonts-list-toggle span{transform:rotate(0)}.font-card{cursor:pointer;-webkit-flex:0 1 auto;-webkit-align-self:center;-ms-flex:0 1 auto;-ms-flex-item-align:center;flex:0 1 auto;align-self:center}.font-card .text{width:inherit;min-height:inherit;-webkit-flex-direction:column;-webkit-flex-wrap:nowrap;-webkit-justify-content:center;-webkit-align-items:center;-ms-flex-direction:column;-ms-flex-wrap:nowrap;-ms-flex-pack:center;-ms-flex-align:center;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:10px 20px;overflow:hidden}.font-card.selected{transition:background .2s,color .2s;background:#FFF;color:#333}.font-card h1{font-size:22px;line-height:24px;margin:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;font-weight:400;width:260px}.font-card p{font-size:16px;line-height:22px;display:none;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;margin:10px 0 0;width:260px}.grid .font-card{width:300px;min-height:140px;box-shadow:0 0 5px #ccc;margin:5px;background:#fff}.grid .font-card:hover{transition:background .1s linear,color .1s linear;background:#333;color:#FFF}.grid .font-card h1,.grid .font-card p{transition:padding .2s}.list .font-card.selected,.list .font-card:hover{transition:background .2s,padding .2s;padding-left:5px}.grid .font-card:hover h1{border-bottom:1px dotted #666;padding-bottom:10px}.grid .font-card:hover p{display:block}.grid.fonts-list-hidden #fonts-list-wrapper{margin-left:0}.list.fonts-list-visible #fonts-list-wrapper{width:300px;-webkit-animation:fonts-list-slidein .2s cubic-bezier(.65,.05,.36,1) both;animation:fonts-list-slidein .2s cubic-bezier(.65,.05,.36,1) both}.list.fonts-list-hidden #fonts-list-wrapper{width:300px;-webkit-animation:fonts-list-slideout cubic-bezier(.65,.05,.36,1) .2s both;animation:fonts-list-slideout .2s cubic-bezier(.65,.05,.36,1) both}.list #fonts-list{background:#333;color:#fff}.list #fonts-list .font-card{height:auto;border-bottom:1px dotted #444}.list .font-card:hover{background:#111}.list .font-card.selected{background:#FFF;pointer-events:none}#font-specimen-wrapper{position:absolute;z-index:1;width:100%;top:50px;bottom:0;height:auto}#font-specimen{width:100%;height:auto;margin:0 auto;position:relative}#font-specimen .content{width:700px;margin:0 auto}#font-name{padding:20px 0;border-bottom:1px dotted #666;font-size:20px;line-height:20px;position:fixed;width:inherit;background:#FFF;top:50px}#font-specimen h1{font-weight:400;font-size:64px;line-height:71px;margin-top:120px;margin-bottom:.3em}#font-specimen h2{font-weight:400;font-size:41px;line-height:45px;margin:0}#font-specimen .intro{font-size:24px;line-height:31px}#font-specimen .default{font-size:16px;line-height:21px}#font-specimen .small{font-size:14px;line-height:20px}#font-specimen .smaller{font-size:12px;line-height:17px}#font-specimen .characters{margin-bottom:3em}#font-specimen .characters p{font-size:26px;line-height:40px}#font-specimen .editable-wrapper{position:relative;z-index:1}#font-specimen .editable{padding:8px;border:1px dashed #fff;border-radius:8px;outline:0;cursor:pointer}#font-specimen .editable:hover{border-color:#82C2CD}#font-specimen .editable::selection{background:rgba(255,216,17,.3);color:#333}#font-specimen .editable::-moz-selection{background:rgba(255,216,17,.3);color:#333}#font-specimen .editing{background:#f4f8f9;border-color:#999}#font-specimen .editing:hover{border-color:#72aab3;cursor:text}#font-controls{position:absolute;background:#F4F8F9;color:#444;padding:7px 10px;width:90%;left:5%;border-radius:4px 4px 0 0;z-index:2;top:-38px;height:38px;font-size:12px;display:none;text-align:center}#font-controls input,#font-controls label,#font-controls output{display:inline-block}#font-controls input[type=range]{max-width:150px;vertical-align:middle}#font-controls input[type=reset]{background:#666;border:none;color:#fff;border-radius:4px;padding:3px 6px;margin:0 0 0 10px}.list #fonts-list-wrapper .attribution{display:none}.attribution{text-align:center;font-size:14px;line-height:20px;padding-bottom:5px}.attribution a{color:#777}@-webkit-keyframes fonts-list-slidein{from{-webkit-transform:translate(-300px)}to{-webkit-transform:translate(0)}}@-webkit-keyframes fonts-list-slideout{from{-webkit-transform:translate(0)}to{-webkit-transform:translate(-300px)}}@keyframes fonts-list-slidein{from{transform:translate(-300px)}to{transform:translate(0)}}@keyframes fonts-list-slideout{from{transform:translate(0)}to{transform:translate(-300px)}}@-webkit-keyframes fonts-toggle-slidein{from{-webkit-transform:translate(0)}to{-webkit-transform:translate(300px)}}@-webkit-keyframes fonts-toggle-slideout{from{-webkit-transform:translate(300px)}to{-webkit-transform:translate(0)}}@keyframes fonts-toggle-slidein{from{transform:translate(0)}to{transform:translate(300px)}}@keyframes fonts-toggle-slideout{from{transform:translate(300px)}to{transform:translate(0)}}@media only screen and (max-width:640px){#landing .content{top:50px;transform:translateY(0)}}@media only screen and (min-width:1023px) and (max-width:1440px){#font-specimen-wrapper{padding-left:300px;transition:padding .2s cubic-bezier(.65,.05,.36,1)}.fonts-list-hidden #font-specimen-wrapper{padding-left:0}}.ie10 .grid .font-card,.ie11 .grid .font-card{height:140px;overflow:hidden}.ie10 .grid .font-card .text,.ie11 .grid .font-card .text{height:inherit}.ie10 #font-controls input[type=range],.ie11 #font-controls input[type=range]{padding:7px 0}