.typeTester fieldset,.typeTester input,.typeTester pre,.typeTester-select{margin:0}.typeTester-checkbox,.typeTester-checkmark,.typeTester-controls,.typeTester-specimen--staging{-webkit-user-select:none;-moz-user-select:none}.typeTester{-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-tap-highloght-color:transparent;font-size:1rem}.typeTester,.typeTester *,.typeTester :after,.typeTester :before,.typeTester:after,.typeTester:before{box-sizing:border-box}.typeTester form{margin:0;padding:0}.typeTester input[type=range]{padding:0}.typeTester pre{font-family:inherit}.typeTester-checkbox,.typeTester-checkmark{position:relative;display:inline-block;vertical-align:top;cursor:default;-ms-user-select:none;user-select:none}.typeTester-specimen{line-height:1.3;width:100%;text-align:left;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;-webkit-font-kerning:normal;-moz-font-kerning:normal;font-kerning:normal}.typeTester-specimen--input,.typeTester-specimen--output{font-size:5em;-webkit-user-modify:read-write-plaintext-only;-moz-user-modify:read-write-plaintext-only;-ms-user-modify:read-write-plaintext-only;user-modify:read-write-plaintext-only;outline-color:transparent;outline-style:none;word-wrap:normal;padding:1rem}.typeTester-specimen--input mark,.typeTester-specimen--output mark{display:inline;white-space:nowrap}.wf-loading .typeTester-specimen--input,.wf-loading .typeTester-specimen--output{opacity:0;visibility:hidden}.wf-active .typeTester-specimen--input,.wf-active .typeTester-specimen--output{opacity:1;visibility:visible;display:inherit;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out}.typeTester-specimen--input b,.typeTester-specimen--input code,.typeTester-specimen--input dfn,.typeTester-specimen--input em,.typeTester-specimen--input i,.typeTester-specimen--input small,.typeTester-specimen--input strong,.typeTester-specimen--output b,.typeTester-specimen--output code,.typeTester-specimen--output dfn,.typeTester-specimen--output em,.typeTester-specimen--output i,.typeTester-specimen--output small,.typeTester-specimen--output strong{display:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;text-decoration:inherit;color:inherit;background:inherit}.typeTester-specimen--input sup,.typeTester-specimen--output sup{top:-.5em}.typeTester-specimen--input sub,.typeTester-specimen--output sub{bottom:-.25em}.typeTester-specimen--staging{-ms-user-select:none;user-select:none;display:none;visibility:hidden;speak:none}.typeTester-specimen{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border:0;font-size:1rem;border-top:.25em solid #D9D9D9}.typeTester-specimen--input{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;top:0;position:relative;z-index:1}.typeTester-specimen--output{color:transparent;speak:none;position:absolute;width:100%;left:0;top:0;right:0;bottom:0;z-index:0}.js-typeTester{opacity:1}.js .js-typeTester{opacity:0}.js .js-typeTester.is-ready{opacity:1;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.typeTester{color:#726E6F;overflow:hidden;background:#F5F6F8}.typeTester-controls,.typeTester-specimen{display:block;position:relative}@media (min-width:43em){.typeTester{min-height:222px}.typeTester-controls,.typeTester-specimen{float:left;width:72%}}.typeTester-control--family{width:100%}@media (min-width:43em){.typeTester-control--family{width:30%;margin-right:1em}}.typeTester-control--size{width:100%}@media (min-width:43em){.typeTester-control--size{width:50%}}.typeTester-controls--contextual{width:100%}@media (min-width:43em){.typeTester-controls--contextual{float:right;width:28%}.typeTester-specimen{border-right:.25em solid #D9D9D9}.typeTester-specimen--input,.typeTester-specimen--output{padding:1.25rem}}.typeTester-controls{-ms-user-select:none;user-select:none;border:0;padding:1em}@media (min-width:43em){.typeTester-controls{padding:1.25em;border-right:.25em solid #D9D9D9}}.typeTester-controls--contextual{border-right:0;border-bottom:.25em solid #D9D9D9}.typeTester-controls--contextual:before{content:"OpenType Features";font-style:italic;margin-bottom:1em;display:block}.typeTester-select{display:block;margin-bottom:1em}@media (min-width:43em){.typeTester-controls--contextual{border-bottom:0;padding:1.5em 1.25em 1.25em}.typeTester-select{display:inline-block;margin-bottom:0}}.typeTester-range{vertical-align:middle;outline:0;border:0;background:#979797;box-shadow:none;height:.33em;border-radius:.125em;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.typeTester-range::-moz-range-track{background:#979797;border:0}.typeTester-range::-ms-fill-lower{border:0;background:#979797}.typeTester-range::-ms-fill-upper{border:0;background:#979797}.typeTester-range::-ms-ticks-after{border:0;display:none}.typeTester-range::-ms-ticks-before{border:0;display:none}.typeTester-range::-ms-track{border:0;color:transparent;height:.33em}.typeTester-range::-ms-tooltip{border:0;display:none;visibility:hidden}.typeTester-range::-ms-thumb{border:.33em solid #F5F6F8;background:#b1b1b1;border-radius:50%;width:.33em;height:.33em}.typeTester-range::-ms-thumb:hover{background:#b1b1b1}.typeTester-range::-ms-thumb:focus{background:#7e7e7e}@media (min-width:43em){.typeTester-range{width:50%;margin-top:0;margin-bottom:0;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%)}}.typeTester-range::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2em;width:2em;border-radius:50%;background:#979797;border:.33em solid #F5F6F8;position:relative}.typeTester-range:hover::-webkit-slider-thumb{background:#b1b1b1}.typeTester-range:active::-webkit-slider-thumb,.typeTester-range:focus::-webkit-slider-thumb{background:#7e7e7e}.typeTester-range::-moz-range-thumb{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2em;width:2em;border-radius:50%;background:#979797;border:.33em solid #F5F6F8;position:relative}.typeTester-range:hover::-moz-range-thumb{background:#b1b1b1}.typeTester-range:active::-moz-range-thumb,.typeTester-range:focus::-moz-range-thumb{background:#7e7e7e}.typeTester-checkbox{font-size:1em;width:100%;line-height:1;margin-bottom:.5em}.typeTester-checkbox input[type=checkbox]{position:absolute;overflow:hidden;padding:0;border:0;opacity:.001;z-index:1;vertical-align:top}.typeTester-checkbox input[type=checkbox]:focus+.typeTester-checkmark{box-shadow:0 0 0 1px #FFF,0 0 0 2px #726E6F}.typeTester-checkbox input[type=checkbox]:checked+.typeTester-checkmark:after{opacity:1}.typeTester-checkbox input[type=checkbox]:checked+.typeTester-checkmark{border-width:.5em}.typeTester-checkbox input[type=checkbox]:disabled+.typeTester-checkmark{opacity:.3;cursor:default;pointer-events:none}.typeTester-checkbox,.typeTester-checkbox .typeTester-checkmark{position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.typeTester-checkbox,.typeTester-checkbox:before{box-sizing:border-box;background-clip:padding-box}.typeTester-checkmark{border:2px solid;border-radius:50%;width:1em;height:1em;margin-right:.5em}.typeTester-checkmark:after,.typeTester-checkmark:before{content:"";position:absolute}.typeTester-checkmark:after{opacity:0;width:1em;height:1em;background:inherit;border-radius:50%}div.typeTester-checkmark{background:0 0}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.typeTester-specimen .is-feat{border:.125em solid;margin-left:-.125em;margin-right:-.125em;border-radius:.125em;color:transparent}.typeTester-specimen .is-feat.is-active{-webkit-animation:fadeOut 3s forwards .15s cubic-bezier(.165,.84,.44,1);animation:fadeOut 3s forwards .15s cubic-bezier(.165,.84,.44,1)}.typeTester-specimen .is-feat.is-inactive{-webkit-transition:background-color 3s cubic-bezier(.165,.84,.44,1),border-color 3s cubic-bezier(.165,.84,.44,1);transition:background-color 3s cubic-bezier(.165,.84,.44,1),border-color 3s cubic-bezier(.165,.84,.44,1);background:0 0;border-color:transparent}.typeTester-specimen--input::selection,.typeTester-specimen--output::selection{background-color:rgba(114,110,111,.15)}.typeTester-specimen--input::-moz-selection{background-color:rgba(114,110,111,.15)}.typeTester-specimen--output .is-liga::selection{background-color:rgba(240,68,35,.75)}.typeTester-specimen--output .is-dlig::selection{background-color:rgba(242,138,53,.75)}.typeTester-specimen--output .is-swsh::selection{background-color:rgba(58,202,224,.75)}.typeTester-specimen--output .is-calt::selection{background-color:rgba(145,192,62,.75)}.typeTester-specimen--output .is-salt::selection{background-color:rgba(242,198,71,.75)}.typeTester-specimen--output .is-titl::selection{background-color:rgba(237,107,166,.75)}.typeTester-specimen--output .is-lnum::selection,.typeTester-specimen--output .is-onum::selection{background-color:rgba(219,204,76,.75)}.typeTester-specimen--output .is-pnum::selection,.typeTester-specimen--output .is-tnum::selection{background-color:rgba(192,180,154,.75)}.typeTester-specimen--output::-moz-selection{background-color:rgba(114,110,111,.15)}.typeTester-specimen--output .is-liga::-moz-selection{background-color:rgba(240,68,35,.75)}.typeTester-specimen--output .is-dlig::-moz-selection{background-color:rgba(242,138,53,.75)}.typeTester-specimen--output .is-swsh::-moz-selection{background-color:rgba(58,202,224,.75)}.typeTester-specimen--output .is-calt::-moz-selection{background-color:rgba(145,192,62,.75)}.typeTester-specimen--output .is-salt::-moz-selection{background-color:rgba(242,198,71,.75)}.typeTester-specimen--output .is-titl::-moz-selection{background-color:rgba(237,107,166,.75)}.typeTester-specimen--output .is-lnum::-moz-selection,.typeTester-specimen--output .is-onum::-moz-selection{background-color:rgba(219,204,76,.75)}.typeTester-specimen--output .is-pnum::-moz-selection,.typeTester-specimen--output .is-tnum::-moz-selection{background-color:rgba(192,180,154,.75)}.is-liga{background-color:#F04423;border-color:#F04423}.is-dlig{background-color:#F28A35;border-color:#F28A35}.is-swsh{background-color:#3ACAE0;border-color:#3ACAE0}.is-calt{background-color:#91C03E;border-color:#91C03E}.is-salt{background-color:#F2C647;border-color:#F2C647}.is-titl{background-color:#ED6BA6;border-color:#ED6BA6}.is-lnum,.is-onum{background-color:#DBCC4C;border-color:#DBCC4C}.is-pnum,.is-tnum{background-color:#C0B49A;border-color:#C0B49A}.is-withoutFontFeatureSettings .typeTester-checkmark{display:none;visibility:hidden}.is-withoutFontFeatureSettings .is-feat{background:0 0;border-color:transparent}.is-withoutFontFeatureSettings .typeTester-specimen .is-liga::selection{background:rgba(114,110,111,.15)}.is-withoutFontFeatureSettings .typeTester-specimen .is-liga::-moz-selection{background:rgba(114,110,111,.15)}@media (min-width:65em){.is-withoutFontFeatureSettings:after{font-style:italic;color:#8c8788;font-size:.75em;border-top:.33em solid #D9D9D9;padding:1.666em;text-align:center;content:"This type tester works best in Firefox or Chrome, where you can see the full range of OpenType features.";speak:none;display:block;overflow:hidden}}