@import'../fonts/stylesheet.css';::selection{color:#202124;background:#61dafb}*{margin:0;padding:0;outline:none;box-sizing:border-box}body{font-family:BlinkMacSystemFont,-apple-system,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,arial,sans-serif;font-weight:400;font-size:16px;line-height:1.75;background:#fff;color:#202124}img{border:0}ul{list-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#1a73e8;text-decoration:none}a:hover{color:#1151a5;text-decoration:underline}a,button{transition:color .15s ease-in-out,background .15s ease-in-out}.container-full{padding:0 20px;min-width:320px}.container{max-width:1440px;min-width:320px;padding:0 20px;margin:0 auto;position:relative}.row{display:flex;margin-left:-12px;margin-right:-12px;flex-wrap:wrap}.col{padding:0 12px}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{line-height:1.5;font-family:"Roboto Slab",serif}h1,.h1{font-size:34px;font-weight:400;margin-bottom:16px}h2,.h2{font-size:30px;font-weight:400;margin-bottom:12px}h3,.h3{font-size:28px;font-weight:400;margin-bottom:12px}h4,.h4,h5,.h5{font-size:24px;font-weight:400;margin-bottom:8px}h6,.h6{font-size:20px;font-weight:500;margin-bottom:8px}p{margin-bottom:12px}strong{font-weight:600}.mb-12px{margin-bottom:12px}.mb-20px{margin-bottom:20px}.mb-24px{margin-bottom:24px}.btn{display:inline-block;text-align:center;text-decoration:none;border:0;cursor:pointer;font-size:16px;color:#fff;padding:8px 20px;background:#1a73e8;font-weight:500;border-radius:4px}.btn:hover{background:#135cbc;text-decoration:none;color:#fff}.btn:active{background:#0e458e;color:lighter(#1a73e8, 20%)}.btn.disabled,.btn:disabled{opacity:.3;cursor:default}.btn.disabled:hover,.btn.disabled:active,.btn:disabled:hover,.btn:disabled:active{background:#1a73e8}.btn.btn-lg{font-size:19px;padding:12px 24px;border-radius:6px}.btn.btn-sm{font-size:14px;padding:6px 8px}.btn.btn-xsm{font-size:12px;padding:1px 6px}.btn.btn-white{background:#fff;color:#0e458e}.btn.btn-white:hover{background:rgba(255,255,255,.8)}.btn.btn-white:active{background:rgba(255,255,255,.7)}.btn.btn-white.disabled:hover,.btn.btn-white.disabled:active,.btn.btn-white:disabled:hover,.btn.btn-white:disabled:active{background:#fff}.btn.with-svg{display:flex;align-items:center}.btn.with-svg svg{fill:#fff;width:18px;height:18px;margin-right:12px}.w-100{width:100%}.btn-outline{display:inline-block;text-align:center;text-decoration:none;border:1px solid #1a73e8;cursor:pointer;font-size:16px;color:#1a73e8;padding:8px 12px;background:none;font-weight:500;border-radius:4px}.btn-outline:hover{background:#1a73e8;color:#fff;text-decoration:none}.btn-outline:active{background:#135cbc;border-color:#135cbc;color:#fff}.btn-outline.disabled,.btn-outline:disabled{opacity:.3;cursor:default;background:none;color:#1a73e8}.btn-outline.disabled:hover,.btn-outline.disabled:active,.btn-outline:disabled:hover,.btn-outline:disabled:active{background:none;color:#1a73e8}.btn-outline.btn-lg{font-size:19px;padding:12px 24px;border-radius:6px}.btn-outline.btn-sm{font-size:14px;padding:5px 8px}.btn-outline.btn-xsm{font-size:12px;padding:0 6px}.btn-outline.btn-white{border-color:#fff;color:#fff}.btn-outline.btn-white:hover{background:#fff;color:#135cbc}.btn-outline.btn-white:active{background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.8)}.btn-outline.btn-white.disabled:hover,.btn-outline.btn-white.disabled:active,.btn-outline.btn-white:disabled:hover,.btn-outline.btn-white:disabled:active{background:none;color:#fff}.btn-outline.btn-ogange{background:#ff424d;color:#fff;border-color:#ff424d}.btn-outline.btn-ogange:hover{background:#f5000e;color:#fff}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=search],input[type=time],input[type=number],select{display:inline-block;background:#fff;border:1px solid #61dafb;padding:7px 12px;transition:border-color .15s ease-in-out;font-family:BlinkMacSystemFont,-apple-system,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,arial,sans-serif;font-weight:400;font-size:16px;color:#202124;width:100%;border-radius:4px}input[type=text].input-lg,input[type=tel].input-lg,input[type=email].input-lg,input[type=password].input-lg,input[type=search].input-lg,input[type=time].input-lg,input[type=number].input-lg,select.input-lg{font-size:24px;padding:12px}input[type=text]:hover,input[type=tel]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=time]:hover,input[type=number]:hover,select:hover{border-color:#06bef0}input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=time]:focus,input[type=number]:focus,select:focus{border-color:#0596be}input[type=text]::placeholder,input[type=tel]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=time]::placeholder,input[type=number]::placeholder,select::placeholder{color:#81858f}input[type=text].disabled,input[type=text]:disabled,input[type=tel].disabled,input[type=tel]:disabled,input[type=email].disabled,input[type=email]:disabled,input[type=password].disabled,input[type=password]:disabled,input[type=search].disabled,input[type=search]:disabled,input[type=time].disabled,input[type=time]:disabled,input[type=number].disabled,input[type=number]:disabled,select.disabled,select:disabled{cursor:default;background:#d2d3d7;color:#50535a;border-color:#c4f1fe}input[type=text].disabled:hover,input[type=text].disabled:active,input[type=text]:disabled:hover,input[type=text]:disabled:active,input[type=tel].disabled:hover,input[type=tel].disabled:active,input[type=tel]:disabled:hover,input[type=tel]:disabled:active,input[type=email].disabled:hover,input[type=email].disabled:active,input[type=email]:disabled:hover,input[type=email]:disabled:active,input[type=password].disabled:hover,input[type=password].disabled:active,input[type=password]:disabled:hover,input[type=password]:disabled:active,input[type=search].disabled:hover,input[type=search].disabled:active,input[type=search]:disabled:hover,input[type=search]:disabled:active,input[type=time].disabled:hover,input[type=time].disabled:active,input[type=time]:disabled:hover,input[type=time]:disabled:active,input[type=number].disabled:hover,input[type=number].disabled:active,input[type=number]:disabled:hover,input[type=number]:disabled:active,select.disabled:hover,select.disabled:active,select:disabled:hover,select:disabled:active{background:#d2d3d7;color:#50535a;border-color:#c4f1fe}textarea{display:inline-block;background:#fff;border:1px solid #61dafb;padding:7px 12px;transition:border-color .15s ease-in-out;font-family:BlinkMacSystemFont,-apple-system,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,arial,sans-serif;font-weight:400;font-size:16px;color:#202124;min-height:140px;resize:vertical;overflow:auto;width:100%;border-radius:4px}textarea:hover{border-color:#06bef0}textarea:focus{border-color:#0596be}textarea::placeholder{color:#81858f}textarea.disabled,textarea:disabled{cursor:default;background:#d2d3d7;color:#50535a;border-color:#c4f1fe}textarea.disabled:hover,textarea.disabled:active,textarea:disabled:hover,textarea:disabled:active{background:#d2d3d7;color:#50535a;border-color:#c4f1fe}.app{display:flex;vertical-align:top;flex-wrap:wrap}.app>aside{width:300px;padding:24px;border-right:1px solid #61dafb;position:relative}.app>main{width:calc(100% - 300px);padding:24px}footer{width:100%;padding:24px;border-top:1px solid #61dafb}mobile-header{display:none}.over{display:none}.articles-thumbs--main-page{margin-bottom:24px}.articles-thumbs--main-page .articles-list{display:flex;overflow:auto;padding-bottom:6px}.articles-thumbs--main-page .articles-list .article-thumb{max-width:300px;min-width:300px}.tagsCat--wrap{margin-bottom:48px}.mainPageTags{column-count:11;column-gap:24px}.mainPageTags li{font-size:14px;margin-bottom:6px}.mainPageTags li a{background:#61dafb;color:#000;text-decoration:none;display:inline-block;padding:0 6px;border-radius:6px}.mainPageTags li a:hover{background:#ff424d;color:#fff}.mainPageCats{column-count:7;column-gap:24px}.mainPageCats li{font-size:16px}.mainPageCats li a{color:#202124}.mainPageCats li.mainCat{font-size:18px}.mainPageCats li.mainCat a{color:#1a73e8}.mainPageCats li.subCat{font-size:14px}.mainPageCats li.subCat a{color:#6d6d6d}.tags-cats-switcher{display:inline-flex;border:1px solid #61dafb;margin-bottom:24px;border-radius:4px}.tags-cats-switcher li{border-right:1px solid #61dafb}.tags-cats-switcher li:last-child{border:0}.tags-cats-switcher li:last-child button{border-radius:0 4px 4px 0}.tags-cats-switcher li:first-child button{border-radius:4px 0 0 4px}.tags-cats-switcher li button{background:none;cursor:pointer;padding:6px 12px;border:0;display:flex;align-items:center;font-weight:500}.tags-cats-switcher li button:hover{background:#eff1f4}.tags-cats-switcher li.active button{background:#eff1f4}.mainPageCats,.mainPageTags{margin-bottom:12px}.showMoreCatTags{display:flex;align-items:center}.showMoreCatTags a{text-decoration:none;border-bottom:1px dashed #1a73e8}.showMoreCatTags a:hover{text-decoration:none}.showMoreCatTags svg{width:18px;height:18px;margin-right:6px;fill:#1a73e8}@keyframes shadow{from{box-shadow:0px 0px 1px 0px rgba(255,255,255,.2)}50%{box-shadow:0px 0px 5px 2px rgba(255,66,77,.5)}to{box-shadow:0px 0px 1px 0px rgba(255,255,255,.2)}}.logo{margin-bottom:24px}.logo a{display:inline-block;font-family:"Roboto Slab",serif;font-size:30px;transition:none;border-radius:6px;color:#202124;line-height:1.5}.logo a:hover{text-decoration:none}.logo a svg{display:inline-block;fill:#1a73e8;width:24px;height:24px;margin-right:-10px}.logo img{display:block;width:100px;height:100px}.logo .close-button{border:0;background:none;display:none}.logo .close-button svg{display:block;fill:#202124;width:20px;height:20px}.main_nav{margin-bottom:36px}.main_nav li{margin-bottom:6px}.main_nav li a{display:block;display:flex;align-items:center;font-family:"Roboto Slab",serif;color:#6d6d6d;font-size:20px}.main_nav li a:hover{text-decoration:none;color:#202124}.main_nav li a svg{width:20px;height:20px;margin-right:12px;fill:#1a73e8}.main_nav li.navSelected a{color:#ff424d}.main_nav li.navSelected a svg{fill:#ff424d}.footer-container{display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto}.footer-col-1{width:276px;padding-right:24px}.footer-col-1 p:last-child{font-size:13.9130434783px}.footer-col-1 p:last-child strong{font-family:"Roboto Slab",serif}.footer-col-2{width:calc(100% - 300px + 24px);padding:0 0 0 24px;display:flex;flex-wrap:wrap}.footer-col-2 ul{padding-right:24px;width:33.33%}.footer-col-2 ul a{color:#202124}.footer-col-3{width:100%;padding-top:24px}.footer-col-3 p{margin-bottom:0;font-size:13.9130434783px}.please-share-box{margin-bottom:24px}.please-share-box--text{font-size:14px;margin-bottom:3px}.vivoLeft{text-align:center;position:sticky;left:0;top:24px}.fontsFilter--wrap{display:flex;align-items:center;margin-bottom:24px}.fontsFilter--list{display:flex;align-items:center;padding:0 0 0 1px}.fontsFilter--list button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;border:1px solid #61dafb;margin-left:-1px;transition:background .15s ease-in-out}.fontsFilter--list button:first-child{border-radius:4px 0 0 4px}.fontsFilter--list button:last-child{border-radius:0 4px 4px 0}.fontsFilter--list button svg{width:22px;height:22px;fill:#202124}.fontsFilter--list button.active{position:relative}.fontsFilter--list button.active svg{fill:#1a73e8}.fontsFilter--list button:hover{background:#eff1f4}.fontsFilter--textView-options{display:flex;align-items:center}.fontsFilter--view,.fontsFilter--text-align{margin-right:24px}.fontsFilter--pangram{max-width:400px;margin-right:24px}.fontsFilter--pangram-inner{width:100%;position:relative;border-radius:4px}.fontsFilter--pangram-inner select{width:100%;height:40px;border:1px solid #61dafb;padding:0 40px 0 8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdNNiA4bDQgNCA0LTQnLz48L3N2Zz4=);background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;appearance:none;-webkit-appearance:none;background-color:#eee;border-radius:4px}.fontsFilter--pangram-inner input{position:absolute;left:1px;top:1px;width:calc(100% - 39px);border-radius:4px;height:38px;background:#fff;border:0;padding:0 0 0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fontsFilter--textColor{margin-right:24px}.fontsFilter--textSize{display:flex;align-items:center}.fontsFilter--textSize svg{fill:#202124;width:24px;height:24px;margin-right:8px;margin-top:-4px}.fontsFilter--textSize input{margin-right:12px;width:140px}.fontsFilter--textColor{display:flex;align-items:center}.fontsFilter--textColor--reset{display:flex;align-items:center;margin-right:24px}.fontsFilter--textColor--reset button{background:none;border:none;display:flex;align-items:center}.fontsFilter--textColor--reset svg{width:30px;height:30px;fill:#202124;cursor:pointer;rotate:180deg;transition:all .15s ease-in-out}.fontsFilter--textColor--reset svg:hover{rotate:0deg;fill:#1a73e8}.fontsFilter--textColor--label label{display:flex;align-items:center}.colorPicker{width:32px;height:32px;background:#fff;border:1px solid #61dafb;cursor:pointer;transition:border-color .15s ease-in-out;margin-left:6px;border-radius:4px}.colorPicker:hover{border-color:#1a73e8}.fontsFilter--textColor--label2 .colorPicker{margin:0 6px 0 0}.fontsFilter--textColor--invert{display:flex;align-items:center;margin:0 6px}.fontsFilter--textColor--invert button{background:none;border:none;display:flex;align-items:center}.fontsFilter--textColor--invert svg{width:30px;height:30px;fill:#202124;cursor:pointer;transition:all .15s ease-in-out}.fontsFilter--textColor--invert svg:hover{fill:#1a73e8}font-teaser{display:block;padding:24px 0;border-bottom:1px solid #61dafb}font-teaser:last-child{border:none}font-teaser .font-header{font-size:18px;margin-bottom:6px}font-teaser .font-header a{font-family:"Roboto Slab",serif;margin-right:12px}font-teaser .font-header span{color:#6d6d6d;font-size:16px}font-teaser .font-header i{color:#ff424d;font-size:14px;font-style:normal;margin-left:12px}font-teaser .font-header em{display:none}font-teaser font-preview{display:block;font-size:36px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}font-teaser .font-thumb-img{background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzFhNzNlOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNDk0IDAuMjUzYy0xLjQxNCAwLTIuMzIyLTAuMjUzLTMuNzc5LTAuMjUzLTQuNzA4IDAtNi45MDMgMi42ODEtNi45MDMgNS40MDQgMCAxLjYwNCAwLjc2IDIuMTMyIDIuMjU5IDIuMTMyLTAuMTA2LTAuMjMyLTAuMjk2LTAuNDg2LTAuMjk2LTEuNjI2IDAtMy4xODggMS4yMDMtNC4xMTcgMi43NDQtNC4xOCAwIDAtMS4yNjQgMTIuMzk2LTQuOTM0IDEzLjg4M3YwLjM4NWg0Ljk0N2wxLjY4OC04aDMuMDkxbDAuNjg5LTJoLTMuMzU4bDAuODEyLTMuODQ3YzAuOTI5IDAuMTkgMS44MzcgMC4zOCAyLjYxOCAwLjM4IDAuOTcxIDAgMS44NTgtMC4yOTYgMi4zNDMtMi41MzMtMC41OTEgMC4xOS0xLjIyNCAwLjI1My0xLjkyMSAwLjI1M3oiLz48L3N2Zz4=") no-repeat center;animation:zoom 1s infinite alternate}@keyframes zoom{from{background-size:10%}to{background-size:13%}}.fonts-list-wrap[data-type=table-grid]{display:grid;gap:0 24px;grid-template-columns:1fr 1fr 1fr}.fonts-list-wrap[data-type=table-grid] font-preview{overflow:visible;white-space:normal}.fonts-list-wrap[data-type=table-grid] font-teaser:nth-last-child(-n+3){border:0}.fonts-list-wrap[data-type=thumb-grid]{display:grid;gap:0 24px;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.fonts-list-wrap[data-type=thumb-grid] font-preview{display:none}.fonts-list-wrap[data-type=thumb-grid] font-teaser{border:0;padding-bottom:0}.fonts-list-wrap[data-type=thumb-grid] .font-header{display:flex;justify-content:space-between;position:relative}.fonts-list-wrap[data-type=thumb-grid] .font-header i{position:absolute;top:-36px;right:12px}.fontsFilter--list button[data-fview=thumb-grid]{animation:shadow 3s infinite ease-in-out}.fontsFilter--list button[data-fview=thumb-grid].active{animation:none}.font-thumb{display:block;padding:0 0 50% 0;overflow:hidden;position:relative;margin-bottom:4px;border:1px solid #1a73e8;transition:border .15s ease-in-out;border-radius:6px}.font-thumb img{display:block;width:100%;height:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);transition:transform .25s ease-in-out}.font-thumb:hover img{transform:translateY(-50%) scale(1.05)}.font-thumb span{transition:opacity .25s ease-in-out;position:absolute;top:12px;right:12px}.font-thumb:hover span{opacity:0}.font-thumb:hover{border-color:#ff424d}.tAleft{text-align:left}.tAcenter{text-align:center}.tAright{text-align:right}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.load-more-area{display:flex;justify-content:center;padding:24px 0}.animate-svg svg{animation:spin .8s linear infinite}.search-over{position:fixed;left:0;top:0;right:0;min-height:100vh;max-height:100vh;overflow:auto;z-index:10;background:rgba(97,218,251,.8);padding:24px;overflow:auto;display:none;align-items:flex-start;justify-content:center}.search-popup{background:#fff;width:100%;max-width:980px;padding:24px;position:relative;margin-top:auto;margin-bottom:auto;border-radius:4px}.find-search-form{position:relative}.find-search-form input{padding-right:68px !important}.find-search-form div button{position:absolute;top:0;right:0;width:68px;height:100%;display:flex;justify-content:center;align-items:center;border:0;background:none;cursor:pointer}.find-search-form div button svg{width:40px;height:40px;fill:#2fcefa;transition:fill .15s ease-in-out}.find-search-form div button:hover svg{fill:#0596be}.loading{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.7)}.loading svg{width:40px;height:40px;fill:#0596be;animation:spin .8s linear infinite}.search-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.search-popup-header h5{font-size:32px;font-weight:400}.search-popup-close button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer}.search-popup-close button svg{width:20px;height:20px;fill:#202124;transition:fill .15s ease-in-out}.search-popup-close button:hover svg{fill:#1a73e8}.search-form-result{margin-top:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr 1fr}.font-search-box{position:relative}.font-search-box:hover img{transform:translateY(-50%) scale(1.05)}.font-box-search--image a{display:block;padding:0 0 50% 0;overflow:hidden;position:relative;box-shadow:0px 0px 3px 0px rgba(0,0,0,.35);border-radius:6px}.font-box-search--image a img{display:block;width:100%;height:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);transition:transform .25s ease-in-out;border-radius:6px}.font-box-search--desc{position:absolute;left:0;right:0;bottom:0}.font-box-search--desc a{display:block;background:rgba(0,0,0,.5);color:#fff;padding:3px 12px;font-family:"Roboto Slab",serif;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-radius:0 0 6px 6px}.font-box-search--desc a:hover{text-decoration:none}.noResultText{text-align:center;font-size:20px;margin:0;padding:24px 0}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;font-size:14px}.breadcrumbs ol li:after{content:"/";display:inline-block;margin:0 5px}.breadcrumbs ol li:last-child:after{display:none}.wasted{color:#ff424d;font-weight:bold;text-align:center;padding:24px 0;font-size:18px}.font-single-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.font-single-header h1{margin-bottom:12px}.font-single-header--buttons{display:flex;align-self:center;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.font-single-header--buttons>div{align-self:center;margin-right:24px}.anchor-link{text-decoration:none;border-bottom:1px dashed #1a73e8}.anchor-link:hover{text-decoration:none;color:#1151a5;border-color:#1151a5}.font-single-images{display:flex;overflow:auto;margin-bottom:48px}.font-single-images>div{min-width:250px;max-width:300px;width:100%;margin-right:12px}.font-single-images>div:last-child{margin-right:0}.font-single-images--thumb{display:block;padding:0 0 50% 0;overflow:hidden;position:relative;margin-bottom:4px;border:1px solid #1a73e8;transition:border .15s ease-in-out;box-shadow:0px 0px 3px 0px rgba(0,0,0,.35);border-radius:6px}.font-single-images--thumb img{display:block;width:100%;height:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);transition:transform .25s ease-in-out}.font-single-images--thumb:hover img{transform:translateY(-50%) scale(1.05)}.font-single-images--thumb span{transition:opacity .25s ease-in-out;position:absolute;top:12px;right:12px}.font-single-images--thumb:hover span{opacity:0}.font-single-images--thumb:hover{border-color:#ff424d}.font-single-images--thumb svg{position:absolute;width:24px;height:24px;top:12px;right:12px;z-index:1;fill:#fff;filter:drop-shadow(0px 0px 5px rgb(0, 0, 0));transition:opacity .5s ease-in-out;opacity:0}.font-single-images--thumb:hover svg{opacity:1}.font-short-desc-list{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:12px}.font-short-desc-list li{display:flex;align-items:center;margin-right:24px}.font-short-desc-list li svg{width:18px;height:18px;margin-right:6px}.lic-color-1{color:#727373}.lic-color-2{color:#00bb27}.lic-color-3{color:#4f93f8}.lic-color-4{color:#fdab62}.lic-color-5{color:#ea0001}.fontTagArea span{margin-left:4px}.font-cats{margin-bottom:24px;font-size:16px}.font-cats svg{width:18px;height:18px;margin-right:6px}.font-cats strong{font-family:"Roboto Slab",serif;font-size:18px;margin-right:6px}.related-fonts{display:flex;display:flex;overflow:auto;margin-bottom:24px;padding-bottom:6px}.related-font{max-width:200px;min-width:200px;margin-right:12px}.related-font div{display:block;padding:0 0 50% 0;overflow:hidden;position:relative;margin-bottom:2px;border:1px solid #1a73e8;transition:border .15s ease-in-out;box-shadow:0px 0px 3px 0px rgba(0,0,0,.35);border-radius:6px}.related-font div img{display:block;width:100%;height:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);transition:transform .25s ease-in-out}.related-font div:hover img{transform:translateY(-50%) scale(1.05)}.related-font div span{transition:opacity .25s ease-in-out;position:absolute;top:12px;right:12px}.related-font div:hover span{opacity:0}.related-font div:hover{border-color:#ff424d}.related-font a{font-size:14px}.font-example-wrap{margin-bottom:24px}.font-example-wrap font-example:last-child{border:0}font-example{border-bottom:1px solid #61dafb;padding:24px 0;display:block}font-example font-preview{display:block;font-size:36px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.font-example-header{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:6px}.font-example-header svg{width:12px;height:12px;transition:fill .15s ease-in-out}.font-example-header .btn-outline svg{fill:#1a73e8}.font-example-header .btn-outline:hover svg{fill:#fff}.font-example-header .btn svg{fill:#fff}#fontExampleFilter{margin-bottom:0}.font-example-articles-wrap{display:flex}.font-example-articles-wrap .font-example-wrap{width:calc(100% - 300px)}.font-example-articles-wrap .font-article-right{width:300px;padding:24px 0 0 24px;position:relative}.font-article-box{background:#eee;padding:12px;border-radius:4px}.font-article-box h3{font-size:24px}.font-article-box ul{margin-bottom:12px;font-size:15px}.font-article-box div a{display:flex;align-items:center;font-family:"Roboto Slab",serif;font-size:18px}.font-article-box div a svg{width:18px;height:18px;fill:#1a73e8;margin-right:6px}.vivoFontRight{position:sticky;margin-top:24px;left:0;top:0}.fontInfoChar-wrap{margin-bottom:48px}.fontInfoChar-wrap .col{width:40%}.fontInfoChar-wrap .col.charSet-col{width:60%}.fontInfoChar-wrap p span{font-weight:bold}#charSet-wrap{border-left:1px solid #61dafb;border-top:1px solid #61dafb;display:grid;grid-template-columns:repeat(auto-fill, minmax(40px, 1fr))}#charSet-wrap>div{border-right:1px solid #61dafb;border-bottom:1px solid #61dafb;font-size:20px;padding:6px;text-align:center}.charSet-col.hiddenChar .charSet-wrap-wrap{height:480px;overflow:hidden;position:relative}.charSet-col.hiddenChar .charSet-wrap-wrap::after{content:"";display:block;position:absolute;left:-1px;right:0;bottom:0;height:50px;background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 35%, rgba(0, 212, 255, 0) 100%)}.fontInfo-wrap select{max-width:450px;margin-bottom:12px}.ttfInfoTable{display:grid;grid-template-columns:200px minmax(0, 1fr);font-size:14px;margin-left:-6px}.ttfInfoTable dt{padding:6px;font-weight:500}.ttfInfoTable dd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;font-size:12px;padding:6px;word-wrap:break-word}.opacityOver{opacity:.4}.showAllChars{margin-top:12px}.showAllChars span{border-bottom:1px dashed #1a73e8;color:#1a73e8;cursor:pointer}.showAllChars span:hover{color:#1151a5;border-bottom-color:#1151a5}.comments-wrap{max-width:50%}.name-email-row{margin-bottom:12px}.name-email-row .col{width:50%}.add-comments-box{max-width:600px}.add-comments-box textarea{display:block;margin-bottom:12px}.comment-form-alert{border-radius:4px;margin-bottom:12px;text-align:center;padding:12px;color:#fff;font-weight:500}.comment-form-alert.error{background:rgba(255,66,77,.8)}.comment-form-alert.success{background:rgba(65,115,24,.8)}.comment-form-alert.warning{background:rgba(255,204,0,.8);color:#202124}.comment-question-wrap{margin-bottom:12px;display:flex;align-items:center}.comment-question-wrap .comment-question span::before{display:inline}.comment-question-wrap input{width:80px;margin:0 12px 0 5px}#refreshAns svg{width:25px;height:25px;display:block;fill:#1a73e8}#refreshAns:hover svg{fill:#fff}.cq-1::before{content:"100*2+50*2+40"}.cq-2::before{content:"210/3+5"}.cq-3::before{content:"100-11*5+21"}.cq-4::before{content:"2*5+3"}.cq-5::before{content:"84-14*4"}.cq-6::before{content:"28*4/8"}.cq-7::before{content:"500-320+5"}.cq-8::before{content:"174.5*2"}.cq-9::before{content:"85+37+100"}.cq-10::before{content:"4*10+9"}.cq-11::before{content:"20*5-10"}.cq-12::before{content:"9/3*10+2"}.cq-13::before{content:"(120-9)*6"}.cq-14::before{content:"666/3+111"}.cq-15::before{content:"990-650+90*2"}.cq-16::before{content:"(950-660)/145"}.cq-17::before{content:"2*3*6"}.cq-18::before{content:"32*3-55"}.cq-19::before{content:"7*7*2"}.cq-20::before{content:"20*5*4*2+200"}.comment-box{margin-bottom:24px}.comment-box__header{display:flex;justify-content:space-between;padding:4px 0;align-items:center}.comment-box__header div{font-weight:500}.comment-box__header span{font-size:14px}.comment-box__body{padding:0}.comment-box__body reply{font-weight:700}.comment-box__body q{display:block;background:rgba(97,218,251,.2);font-size:13px;padding:6px}.comment-box__body q b{font-weight:700}.comment-box__ans{border-bottom:1px solid #61dafb;padding:4px 0;font-size:14px}.comment-box__ans a{margin-right:12px}.single-font-popup__wrap{background:rgba(97,218,251,.5);position:fixed;left:0;top:0;right:0;bottom:0;z-index:5;overflow:auto;padding:12px;align-items:flex-start;justify-content:center;display:flex}.single-font-popup{margin:auto;background:#fff;width:100%;max-width:576px;border-radius:4px;padding:24px;position:relative}#closeFontDownloadPopup{position:absolute;top:12px;right:12px;cursor:pointer;border:0;background:none;padding:0;margin:0}#closeFontDownloadPopup svg{width:24px;height:24px;fill:#202124}#closeFontDownloadPopup svg:hover{fill:#1a73e8}#fountainG{position:relative;width:114px;height:14px;margin:auto;margin-bottom:12px}.fountainG{position:absolute;top:0;background-color:#1a73e8;width:14px;height:14px;animation-name:bounce_fountainG;animation-duration:1.69s;animation-iteration-count:infinite;animation-direction:normal;transform:scale(0.3);border-radius:2px}#fountainG_1{left:0;animation-delay:.68s}#fountainG_2{left:14px;animation-delay:.85s}#fountainG_3{left:28px;animation-delay:1.01s}#fountainG_4{left:43px;animation-delay:1.18s}#fountainG_5{left:57px;animation-delay:1.35s}#fountainG_6{left:71px;animation-delay:1.52s}#fountainG_7{left:85px;animation-delay:1.69s}#fountainG_8{left:100px;animation-delay:1.86s}@keyframes bounce_fountainG{0%{transform:scale(1);background-color:#1a73e8}100%{transform:scale(0.3);background-color:#fff}}.single-font-popup h6{text-align:center;padding:12px 0;margin:0}.single-font-popup__timer{text-align:center;font-weight:bold;font-size:22px;color:#ff424d}.single-font-popup__row .col{width:50%;text-align:center;padding-top:12px}.single-font-popup__row .col:first-child{border-right:1px solid #61dafb}.single-font-popup__row .col>p{font-size:13px;font-weight:600;font-family:"Roboto Slab",serif}.single-font-popup__row .col>p i{color:#ff424d}.single-font-popup__left>p{margin-bottom:6px}.single-font-popup__left .ya-share2{margin-top:6px}.single-font-popup__left .ya-share2 ul{text-align:left}.single-font-popup__right{text-align:center}.paypal-wrap2 input[type=image]{max-width:120px}.single-font-popup__warning{font-size:12px;margin-bottom:0;border-bottom:1px solid #61dafb;padding-bottom:12px}.single-font-popup__button-download{display:none}.page404text{text-align:center}.page404text h1{font-size:50px}.page404text h2{font-size:20px}.pagination{display:flex;flex-wrap:wrap;justify-content:center;padding:24px 0}.pagination li{margin:0 5px}.pagination li a,.pagination li span{min-width:34px}.pagination li span{cursor:default}.pagination .pagination-devider{padding:6px 0;font-size:14px}.font-sort-options{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #61dafb;display:flex;flex-wrap:wrap}.font-sort-options div{width:100%;max-width:200px;margin-right:12px;padding-bottom:12px}.font-sort-options div label{display:block;font-weight:500;margin-bottom:2px}.noResultThumbs{text-align:center;font-size:24px;padding:48px 0}.abc-nav{display:flex;justify-content:space-between;border-top:1px solid #61dafb;border-bottom:1px solid #61dafb;margin:24px 0;font-weight:bold;font-size:20px}.abc-nav a{display:block;padding:12px;text-align:center;min-width:40px}.abc-nav a:hover{text-decoration:none;background:rgba(97,218,251,.2)}.abc-nav a.active{background:#61dafb;color:#fff}.authors-list{columns:3;column-gap:24px;margin-bottom:24px}.authors-list li{border-bottom:1px solid #61dafb;padding:6px 0}.tags-wrap .tag-box{margin-bottom:24px}.tags-wrap .tag-box p{font-family:"Roboto Slab",serif;font-size:24px;margin-bottom:6px}.tags-wrap .tag-box ul li{display:inline-block;margin-right:4px}.tags-wrap .tag-box ul li::after{content:", "}.tags-wrap .tag-box ul li:last-child::after{content:""}.paypal-wrap{margin-bottom:12px}.paypal-wrap input[type=image]{max-width:180px}.donate-share-box{text-align:center;border:1px solid #1a73e8;background:rgba(97,218,251,.1);padding:24px;max-width:1000px}.donate-share-box ul{text-align:left}.simple-ol{counter-reset:num;list-style-type:none;margin-bottom:24px}.simple-ol li:before{content:counter(num) ". ";counter-increment:num;font-weight:bold}.resp-img{width:100%;height:auto;max-width:600px}.cats-list{border-top:1px solid #61dafb;padding-top:24px;font-size:18px}.cats-list a{color:#202124}.cats-list a:hover{color:#ff424d;text-decoration:none}.mainCat{font-size:24px;font-family:"Roboto Slab",serif}.mainCat a{color:#1a73e8}.subCat{padding-left:12px;font-size:16px}.subCat a{color:#6d6d6d}.articles-list{display:grid;gap:0 24px;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:24px}.article-thumb p a{display:block;font-family:"Roboto Slab",serif}.article-thumb p span{display:block;font-size:14px;color:#6d6d6d;line-height:1.4}.article-thumb--link{display:block;padding:0 0 50% 0;overflow:hidden;position:relative;margin-bottom:4px;border:1px solid #1a73e8;transition:border .15s ease-in-out;border-radius:6px}.article-thumb--link img{display:block;width:100%;height:auto;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);transition:transform .25s ease-in-out}.article-thumb--link:hover img{transform:translateY(-50%) scale(1.05)}.article-thumb--link span{transition:opacity .25s ease-in-out;position:absolute;top:12px;right:12px}.article-thumb--link:hover span{opacity:0}.article-thumb--link:hover{border-color:#ff424d}#articlePage .font-short-desc-list{margin-top:-6px}#articlePage article{border-bottom:1px solid #61dafb;border-top:1px solid #61dafb;margin-bottom:24px;padding-top:12px}#articlePage article img{max-width:100% !important;height:auto;width:auto !important}#articlePage article ol{padding:0 0 0 24px}@media(max-width: 1920px){.fonts-list-wrap[data-type=thumb-grid]{grid-template-columns:1fr 1fr 1fr 1fr}.articles-list{grid-template-columns:1fr 1fr 1fr}.mainPageTags{column-count:9}.mainPageCats{column-count:5}}@media(max-width: 1600px){.fonts-list-wrap[data-type=table-grid]{display:grid;gap:0 24px;grid-template-columns:1fr 1fr}.abc-nav{font-size:18px}.abc-nav a{min-width:auto}.fontInfoChar-wrap .col,.fontInfoChar-wrap .col.charSet-col{width:100%}.fontInfo-wrap{margin-bottom:48px}.mainPageTags{column-count:7}.mainPageCats{column-count:3}}@media(max-width: 1368px){.fonts-list-wrap[data-type=thumb-grid]{grid-template-columns:1fr 1fr 1fr}font-teaser .font-header{font-size:16px}.fontsFilter--wrap{display:block;margin:0}.fontsFilter--view{margin:0 0 12px 0}.fontsFilter--textView-options{flex-wrap:wrap;max-width:500px}.fontsFilter--textView-options>div{margin-bottom:12px}.abc-nav{font-size:18px;overflow:scroll}.abc-nav a{min-width:auto;padding:6px}.authors-list{columns:2}.articles-list{grid-template-columns:1fr 1fr}.mainPageTags{column-count:4}.mainPageCats{column-count:2}.comments-wrap{max-width:100%}}@media(max-width: 1279px){.font-article-right{display:none}.font-example-articles-wrap .font-example-wrap{display:block;width:100%}}@media(max-width: 999px){.fonts-list-wrap[data-type=thumb-grid]{grid-template-columns:1fr 1fr}.search-form-result{grid-template-columns:1fr 1fr 1fr}.ttfInfoTable{display:block;margin-left:-6px}.ttfInfoTable dt{padding-bottom:0}.ttfInfoTable dd{padding-top:0}}@media(max-width: 767px){body{font-size:14px}h1,.h1{font-size:30px;font-weight:400;margin-bottom:14px}h2,.h2{font-size:24px;font-weight:400;margin-bottom:8px}h3,.h3{font-size:18px;font-weight:400;margin-bottom:8px}h4,.h4{font-size:16px;font-weight:400;margin-bottom:4px}.fonts-list-wrap[data-type=thumb-grid]{grid-template-columns:1fr 1fr}.app>aside{position:fixed;left:0;top:0;bottom:0;width:270px;background:#fff;z-index:5;display:none}.app>aside.open{display:block}.app>aside .main_nav li a{font-size:18px}.app>aside .vivoLeft{display:none}.app>main{width:100%;padding-top:62px;position:relative;z-index:1;padding-left:12px;padding-right:12px}.fonts-list-wrap[data-type=table-grid]{grid-template-columns:1fr}.fontsFilter--list button[data-fview=table-grid]{display:none}.fonts-list-wrap[data-type=thumb-grid]{grid-template-columns:1fr}.fontsFilter--text-align{display:none}.fontsFilter--pangram{margin-right:0}mobile-header{width:100%;text-align:center;display:block;height:50px;border-bottom:1px solid #61dafb;position:fixed;left:0;top:0;right:0;background:#fff;z-index:2}mobile-header .menu-button{height:50px;border:0;background:none;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;padding:0 12px}mobile-header .menu-button svg{width:24px;height:24px;fill:#202124}mobile-header .search-mobile-icon{height:50px;border:0;background:none;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;padding:0 12px}mobile-header .search-mobile-icon svg{width:24px;height:24px;fill:#202124}mobile-header .logo{display:inline-block;padding-top:2px}aside .logo{display:flex;align-items:center}aside .logo .close-button{display:block;margin-right:12px;padding-top:2px}.app.open-nav .over{display:block;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(97,218,251,.8);z-index:4}.footer-col-1,.footer-col-2,.footer-col-2 ul{width:100%;padding:0}.search-over{padding:12px}.search-popup-header h5{font-size:28px}.search-form-result{grid-template-columns:1fr 1fr}.articles-thumbs--main-page .articles-list .article-thumb{max-width:250px;min-width:250px}.mainPageTags{column-count:3}footer{padding:24px 12px}.app>aside{padding:12px}}@media(max-width: 480px){.search-form-result{gap:12px}.search-popup{padding:12px}.font-sort-options div{margin-right:0;max-width:100%}.authors-list{columns:1}.mainPageTags{column-count:2}.mainPageCats{column-count:1}.name-email-row .col{width:100%}.name-email-row .col:first-child{margin-bottom:12px}.single-font-popup{padding:12px}#closeFontDownloadPopup{right:6px;top:6px}.single-font-popup__warning{border:0}.single-font-popup__row .col{width:100%;text-align:center;padding-top:12px}.single-font-popup__row .col:first-child{border-right:0;border-bottom:1px solid #61dafb;border-top:1px solid #61dafb;padding-bottom:12px}}/*# sourceMappingURL=style.css.map */