html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:focus,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{width:100%;height:100%;font-size:62.5%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{color:#262626;background-color:#fafafa}p{font-size:1em;line-height:1.5em}p code{font-size:.8em;background-color:#ebebeb;padding:.1em .5em;border-radius:3px}#app{font-size:1pc;font-size:1.6rem}.app__wrapper{width:96%;max-width:1050px;margin:0 auto;padding:0 2%}.app__wrapper:after{content:"";clear:both;height:0;display:block}em{font-weight:700;text-decoration:none;font-style:normal}.loading__title{margin-top:20vh;font-family:Helvetica,Arial,sans-serif;font-weight:700;color:#333;text-align:center}.loading__tagline{font-weight:400;font-size:1.3em;color:#666;text-align:center}.spinner-wrapper{width:100%;height:100%;position:absolute;position:fixed;top:0;left:0;z-index:2;background-color:#fafafa}.spinner{margin:0 auto;width:5em;height:5em;text-align:center;font-size:1.2em;position:absolute;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:a 1.2s infinite ease-in-out;animation:a 1.2s infinite ease-in-out}.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes a{0%,40%,to{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1.0)}}@keyframes a{0%,40%,to{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.logo{position:absolute;top:0;left:0;padding:2%;margin:0;font-family:Georgia,Times,Times New Roman,serif;color:#999;text-decoration:none;font-size:1.5em;font-weight:400;z-index:2;-webkit-transition:color 50ms ease-out;transition:color 50ms ease-out}.logo:focus,.logo:hover{color:#666}.github-corner{position:absolute;top:0;right:0;fill:#fafafa;z-index:2;width:60px;height:60px}.github-corner__bg{fill:#999}.header{height:20em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.header__wrapper{display:block;text-align:center}.header__title{font-family:Helvetica,Arial,sans-serif;font-weight:700;color:#333}.header__tagline{font-weight:400;font-size:1.3em;color:#666}.generator__preview{width:50%;background-color:#666;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.generator__preview-page{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.5);padding-top:10px;padding-bottom:10px;max-width:300px;width:80%;margin-top:1.5em;margin-bottom:1.5em}.generator__preview-fake-navbar{float:left;width:100%;height:15px;background-color:#999;position:absolute;left:0;top:0}.generator__preview-fake-text{height:10px;width:85%;margin:10px 7.5%;background-color:#999;float:left}.generator__preview-fake-text:nth-child(8n+1){width:50%}.generator__preview-fake-text:nth-child(8n+2){width:27.5%;margin-left:0;margin-right:0}.generator__preview-fake-text:nth-child(8n+3){width:27.5%}.generator__preview-fake-text:nth-child(8n+4){width:50%;margin-left:0;margin-right:0}.generator__preview-fake-text:nth-child(8n+5){width:40%}.generator__preview-fake-text:nth-child(8n+6){width:37.5%;margin-left:0;margin-right:0}.generator__preview-fake-text:nth-child(8n+7){width:10%}.generator__preview-fake-text:nth-child(8n+8){width:67.5%;margin-left:0;margin-right:0}.generator__preview-button-wrapper{margin-left:5%;clear:both;padding-top:.5em}.generator__preview .resp-sharing-button{font-size:.55em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.generator__preview .resp-sharing-button svg{height:1.2em;width:1.2em;vertical-align:top}.generator__code{width:100%;clear:both}.generator__code-heading{text-align:center;margin-bottom:1em!important}.generator__code-wrapper{display:block;font-size:1.4rem;margin-top:0;margin-bottom:0;height:20em;width:50%;float:left;overflow:auto;border-bottom:1px solid #ebebeb}.generator__code-wrapper:after{content:"";display:block;height:0;clear:both}.generator__code-field{font-family:Menlo,monospace;font-size:1.2rem;border-radius:0 0 5px 5px;min-height:25em}.generator__code-stats{padding:1.5em;margin:0;clear:both;text-align:center;font-weight:400;background-color:#fff}.generator{overflow:auto;margin-bottom:2em;padding:0;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.generator__inner-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.generator__settings{width:50%;background-color:#fff;border-right:1px solid #999}.generator__settings-field-wrapper{width:100%;position:relative;padding-top:1.75em;border-bottom:1px solid #ebebeb;padding-bottom:1.625em}.generator__settings-field-wrapper--hover{cursor:text;padding-bottom:0}.generator__settings-field-wrapper--hover:focus,.generator__settings-field-wrapper--hover:focus .generator__settings-field,.generator__settings-field-wrapper--hover:hover,.generator__settings-field-wrapper--hover:hover .generator__settings-field{background-color:#ebebeb}.generator__settings-field-wrapper:focus .generator__settings-section-heading,.generator__settings-field-wrapper:hover .generator__settings-section-heading{color:#333}.generator__settings-field-wrapper--hover:focus .generator__settings-field,.generator__settings-field-wrapper--hover:hover .generator__settings-field{color:#262626}.generator__settings-field-input:nth-child(1){border-radius:3px 0 0 0}.generator__settings-field{position:relative;padding:1.625em 1pc;width:100%;color:#666;border:none;outline:0}.generator__settings-size{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:1.625em 1pc 0;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0;box-sizing:border-box;width:-webkit-calc(100% - 2pc);width:calc(100% - 2pc)}.generator__settings-section-heading{position:absolute;top:0;left:0;width:100%;padding:1pc;padding-top:20px;padding-bottom:0;margin:0;z-index:1;font-size:.8em;color:#999;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.generator__settings-field-wrapper--hover .generator__settings-section-heading{cursor:text}.generator__option-bullet{height:1.75em;width:30%;position:absolute;background-color:#fd691f;border-radius:3px;z-index:0;-webkit-transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;left:0}.generator__option--selected.generator__option:nth-child(2)~.generator__option-bullet{-webkit-transform:translateX(112%);-ms-transform:translateX(112%);transform:translateX(112%)}.generator__option--selected.generator__option:nth-child(3)~.generator__option-bullet{-webkit-transform:translateX(223%);-ms-transform:translateX(223%);transform:translateX(223%)}.generator__option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:.5em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:3px;float:left;text-transform:uppercase;letter-spacing:.025em;font-size:.8em;width:30%;margin-right:3%;position:relative;z-index:1;-webkit-transition:color .15s cubic-bezier(0.23,1,0.32,1);transition:color .15s cubic-bezier(0.23,1,0.32,1)}.generator__option-network{width:2em;height:2em;margin:0;margin-right:1em;margin-bottom:1em}.generator__option-network svg{width:1em;height:1em;overflow:visible}.generator__option--selected{color:#fff;background-color:#fd691f}.generator__option--radio.generator__option--selected{-webkit-transition:background-color 0ms ease-out .15s;transition:background-color 0ms ease-out .15s}.generator__option--selected.generator__option-network{-webkit-transition:none;transition:none}.generator__option{stroke:currentColor;fill:none;stroke-width:2px}.generator__option-icon--solid,.generator__option-icon--solidcircle{fill:currentColor;stroke:none}.generator:after,.generator__preview:after,.generator__settings-field-wrapper:after,.generator__settings:after{content:"";display:block;height:0;clear:both}.resp-sharing-button__icon,.resp-sharing-button__link{display:inline-block}.resp-sharing-button__link{text-decoration:none;color:#fff;margin:.5em}.resp-sharing-button--small{margin:0 8px}.resp-sharing-button{border-radius:5px;-webkit-transition:25ms ease-out;transition:25ms ease-out;padding:.5em .75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resp-sharing-button__icon svg{width:1em;height:1em;margin-right:.4em;vertical-align:top}.resp-sharing-button--small svg{margin:0;vertical-align:middle}.resp-sharing-button__icon{stroke:#fff;stroke-width:2px;fill:none}.resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle{fill:#fff;stroke:none}.resp-sharing-button--twitter{background-color:#55acee}.resp-sharing-button--twitter:focus,.resp-sharing-button--twitter:hover{background-color:#2795e9}.resp-sharing-button--pinterest{background-color:#bd081c}.resp-sharing-button--pinterest:focus,.resp-sharing-button--pinterest:hover{background-color:#8c0615}.resp-sharing-button--facebook{background-color:#3b5998}.resp-sharing-button--facebook:focus,.resp-sharing-button--facebook:hover{background-color:#2d4373}.resp-sharing-button--tumblr{background-color:#35465c}.resp-sharing-button--tumblr:focus,.resp-sharing-button--tumblr:hover{background-color:#222d3c}.resp-sharing-button--reddit{background-color:#5f99cf}.resp-sharing-button--reddit:focus,.resp-sharing-button--reddit:hover{background-color:#3a80c1}.resp-sharing-button--linkedin{background-color:#0077b5}.resp-sharing-button--linkedin:focus,.resp-sharing-button--linkedin:hover{background-color:#046293}.resp-sharing-button--email{background-color:#777}.resp-sharing-button--email:focus,.resp-sharing-button--email:hover{background-color:#5e5e5e}.resp-sharing-button--xing{background-color:#1a7576}.resp-sharing-button--xing:focus,.resp-sharing-button--xing:hover{background-color:#114c4c}.resp-sharing-button--whatsapp{background-color:#25d366}.resp-sharing-button--whatsapp:focus,.resp-sharing-button--whatsapp:hover{background-color:#1da851}.resp-sharing-button--hackernews{background-color:#f60}.resp-sharing-button--hackernews:focus,.resp-sharing-button--hackernews:hover{background-color:#fb6200}.resp-sharing-button--vk{background-color:#507299}.resp-sharing-button--vk:focus,.resp-sharing-button--vk:hover{background-color:#43648c}.resp-sharing-button--telegram{background-color:#54a9eb}.resp-sharing-button--telegram:focus,.resp-sharing-button--telegram:hover{background-color:#4b97d1}.footer{color:#333}.footer a{color:#fd691f;text-decoration:none}.footer a:focus,.footer a:hover{text-decoration:underline}.grid-row{margin-bottom:2em}.grid-row:after{content:"";display:block;height:0;clear:both}.grid-50{width:48%;float:left;margin-right:2%;margin-left:2%}.grid-50:nth-child(1){margin-left:0}.grid-50:nth-child(2){margin-right:0}@media all and (max-width:1050px){.grid-50{width:100%;clear:both;margin-left:0;margin-right:0}}@media all and (max-width:700px){.generator__inner-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.generator__settings{width:100%}.generator__radiobutton{padding:1em}.generator__radiobutton-bullet{height:2.55em}.generator__radiobutton-network{width:3em;height:3em;padding:.5em}.generator__radiobutton-network svg{width:1.5em;height:1.5em}.generator__preview{width:100%}}code[class*=language-],pre[class*=language-]{color:#000;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#fafafa}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}