.dark-mode .header__character-formats span:nth-of-type(4)::before,.dark-mode .ru::before{background-image:linear-gradient(to bottom,#e8e8e8 33.3%,#228bd7 33.3% 66.6%,#d42a37 33.3%)}.about__list,.font-card,.header{box-shadow:0 4px 16px #0033990a,0 2px 2px #00339914}*,.modal__window{box-sizing:border-box}.footer__share a,.logo__img{background-repeat:no-repeat}.dark-mode{background-color:#1e1e1e;color:#8e8e8e}.dark-mode .about__title,.dark-mode .font-card::after,.dark-mode .font-card__example,.dark-mode .font-sets__title,.dark-mode .footer__title,.dark-mode .generator__modal-button:hover,.dark-mode .header__character-formats span,.dark-mode .header__title,.dark-mode .logo__text,.dark-mode button:hover,.dark-mode textarea{color:#fff}.dark-mode .about__list,.dark-mode .font-card,.dark-mode .header,.dark-mode textarea{background-color:#272727;box-shadow:none}.dark-mode .generator__message:after,.dark-mode .header__character-formats span,.dark-mode .tumbler,.dark-mode button{background-color:#1e1e1e}.dark-mode .footer,.dark-mode .header__character-formats span i::before,.dark-mode .tumbler{border-color:#2e2e2e}.dark-mode .font-card:hover,.dark-mode .footer__link:not(:last-child){color:#1781f3}.dark-mode .font-card{border-color:#1e1e1e}.dark-mode .top{border-color:#f6942f!important}.dark-mode .top::after{background-color:#f6942f;color:#fff3e0}.dark-mode .popular{border-color:#2d86ba!important}.dark-mode .popular::after{background-color:#2d86ba;color:#ceecfd}.dark-mode .new{border-color:#13854e!important}.dark-mode .new::after{background-color:#13854e;color:#d6ede2}.dark-mode .ru::before{border-color:#1e1e1e}.dark-mode .first::after,.dark-mode .fourth::after,.dark-mode .second::after,.dark-mode .third::after{background-color:#3e3e3e;color:#a5a6a7}.dark-mode .generator__message,.dark-mode .is-copied::after,.dark-mode .to-all-fonts,.to-all-fonts:hover{background-color:#1781f3}.dark-mode .generator__message:before{border-color:#1781f3}.dark-mode textarea{border-color:#3e3e3e;caret-color:#1781f3}.dark-mode textarea::placeholder{color:#8e8e8e}.dark-mode .generator__input textarea:focus{box-shadow:inset 3px 0 #1781f3}.dark-mode .generator__output textarea:focus{box-shadow:inset -3px 0 #3e3e3e}.dark-mode button{color:#d9d9da}.dark-mode .is-copied::before{border-bottom-color:#1781f3}.dark-mode .about__text,.dark-mode .generator__modal-button{color:#8e8e8e}.dark-mode .modal__close,body{color:#2f3747;background-color:#eff2f6}.dark-mode .unread::before{border-color:#272727}.dark-mode .modal__close:hover,.dark-mode .modal__window h2,button:hover{color:#1b202b}.dark-mode .to-all-fonts:hover{background-color:#0c73fe}.dark-mode .tumbler{box-shadow:inset 0 1px 3px rgb(0 0 0 / 50%)}.dark-mode .tumbler__switcher{background:url("../img/moon.svg");transform:translateX(calc(100% - 2px)) rotate(90deg)}.header__character-formats span:nth-of-type(4)::before,.ru::before{background-image:linear-gradient(to bottom,#fff 33.3%,#2599ec 33.3% 66.6%,#e92e3d 33.3%)}.dark-mode .footer__footnote{color:rgb(136 141 150 / 40%)}*{padding:0;margin:0;font:inherit;color:inherit}body{font-family:Montserrat,sans-serif;font-size:18px;font-weight:400;text-align:center;line-height:1.5}.font-card__example,textarea{font-family:Arial,sans-serif}.font-card::after,.logo__text,b,h1,h2,h3{font-weight:500}.container{max-width:1000px;margin:0 auto;padding:15px 10px}h1,h2,h3{margin:0;color:#1b202b}p{margin:0 0 15px}a,a:hover{text-decoration:none}li{list-style:none}button{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:16px;background-color:#eff2f6;color:#474f5d;cursor:pointer}button:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.is-copied::after{position:absolute;bottom:-40px;right:0;width:max-content;padding:4px 10px;border-radius:8px;background-color:#0c73fe;box-shadow:0 11px 14px -7px rgb(0 0 0 / 20%);color:#fff;font-size:14px}.is-copied::before{content:"";position:absolute;bottom:-14px;right:12px;border:8px solid transparent;border-bottom:10px solid #0c73fe;z-index:1}.success:after{content:"Скопировано"}.error:after{content:"⬅️ Напиши что-нибудь"}.logo{display:flex;margin-left:10px;margin-bottom:20px}.logo__wrapper{display:flex;align-items:center}.logo__wrapper:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.logo__img{margin-right:10px;width:55px;height:55px;background-image:url("../img/logo.svg");background-size:cover}.logo__text{font-size:28px;color:#1b202b}.header{position:relative;width:100%;padding:20px 15px 15px;border-radius:24px;background-color:#fff}.header__title{margin-bottom:10px;font-size:34px}.header__label{padding:4px 15px;border-radius:8px;background:linear-gradient(175deg,#52c8fb,#1099d8);color:#fff;font-size:14px}.header__character-formats{display:flex;justify-content:center}.header__character-formats span{display:flex;align-items:center;margin:0 5px;height:26px;border-radius:8px;background-color:#f0f2f6;font-size:16px}.header__character-formats span::before{padding:0 7px;font-weight:500}.header__character-formats span:first-of-type::before{content:"A"}.header__character-formats span:nth-of-type(2)::before{content:"a"}.header__character-formats span:nth-of-type(3)::before{content:"123"}.header__character-formats span:nth-of-type(4)::before{content:"";padding:0;margin:0 5px;width:16px;height:16px;border-radius:6px}.header__character-formats span i::before{border-left:1px solid #dadee9;font-size:14px}.header__character-formats .fa-check{color:#23cd7a}.header__character-formats .fa-check::before{padding:0 5px}.header__character-formats .fa-xmark{color:#f5594e}.header__character-formats .fa-xmark::before{padding:0 7px}.font-sets__title{margin-bottom:20px;font-size:28px}.font-sets__list{display:flex;flex-wrap:wrap;justify-content:space-evenly}#all-fonts .font-sets__item{width:33%}.font-sets__item{width:25%;padding:10px}.font-card *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-card{display:flex;flex-direction:column;position:relative;max-width:325px;margin:0 auto;padding:20px;border-radius:24px;background-color:#fff;transition:color .1s ease-in-out}.font-card:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.font-card:hover,.footer__link:not(:last-child){color:#0c73fe}.font-card__name{margin-bottom:10px;font-size:18px}.font-card__example{color:#000;font-size:20px}.font-card::after{position:absolute;top:0;right:0;padding:4px 10px;border-radius:0 22px 0 16px;color:#2f3747;font-size:12px}.top{border-color:#fff3e0!important}.top::after{content:"Топ";background-color:#fff3e0;color:#f57c00}.popular{border-color:#ceecfd!important}.popular::after{content:"Хит";background-color:#ceecfd;color:#2d86ba}.new{border-color:#d6ede2!important}.new::after{content:"Новый";background-color:#d6ede2;color:#13854e}.ru::before{content:"";position:absolute;top:-12px;left:46%;height:22px;width:22px;border-radius:10px;border:2px solid #f0f2f6}.first::after,.fourth::after,.second::after,.third::after{background-color:#e3e7f0}.first::after{content:"#1"}.second::after{content:"#2"}.third::after{content:"#3"}.fourth::after{content:"#4"}.to-all-fonts{display:inline-block;margin-top:25px;padding:10px 20px;border-radius:8px;background:#0c73fe;color:#fff;transition:background-color .1s ease-in-out}.to-all-fonts:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.generator__message{position:relative;margin:0 20px 15px;padding:5px 15px;width:fit-content;background-color:#0c73fe;border-radius:16px;color:#fff;text-align:left;font-size:16px}.about__title,.modal__window h2,.modal__window p:last-child{margin-bottom:10px}.about__list,textarea{background-color:#fff}.generator__message::after,.generator__message::before{content:"";position:absolute;height:1rem;bottom:-.1rem}.generator__message::before{left:-.35rem;border-bottom-right-radius:.8rem .7rem;border-left:1rem solid #0c73fe;transform:translate(0,-.1rem)}.generator__message::after{width:10px;left:20px;background-color:#f0f2f6;border-bottom-right-radius:8px;transform:translate(-30px,-2px)}.generator__wrapper{display:flex;flex-direction:row}.generator__input,.generator__output{position:relative;width:50%}textarea{display:block;padding:12px 70px 0 20px;height:250px;width:100%;border:1px solid #e3e7f0;font-size:22px;caret-color:#0c73fe;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow .1s ease-in-out}textarea::placeholder{color:#768095}.generator__input textarea{border-radius:24px 0 0 24px;border-right-width:0}.generator__input textarea:focus{outline:0;box-shadow:inset 3px 0 #0c73fe}.generator__output textarea{border-radius:0 24px 24px 0}.generator__output textarea:focus{outline:0;box-shadow:inset -3px 0 #e3e7f0}.generator__modal-button{position:absolute;bottom:10px;right:20px;font-size:22px;color:#768095;transition:color .1s ease-in-out}.modal,.modal__shadow{position:fixed;top:0;bottom:0;left:0;overflow:hidden}.generator__modal-button:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.generator__modal-button:hover{color:#1b202b}.unread::before{content:"";display:block;top:4px;right:0;width:6px;height:6px;position:absolute;border-radius:50%;border:1px solid #fff;background-color:#ff5e3a;z-index:1}.about__list{display:flex;flex-direction:row;padding:30px 15px;border-radius:24px}.about__item{width:33.33%}.about__title{font-size:20px}.about__text{margin-bottom:0;font-size:16px}.modal__opened{position:fixed;right:0;left:0;overflow:hidden}.modal__shadow{border:none;display:block;width:100%;right:0;pointer-events:none;z-index:10;opacity:0;transition:opacity .15s;background-color:#000}.modal__shadow--show{pointer-events:auto;opacity:.7}.modal,.modal--active{opacity:1}.modal{right:0;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:none;display:flex;flex-flow:column nowrap;justify-content:flex-start;z-index:20;visibility:hidden}.modal--active,.modal--moved{pointer-events:auto;visibility:visible}.modal__wrap{flex-shrink:0;flex-grow:0;width:100%;min-height:100%;margin:auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.modal__window{flex-shrink:0;flex-grow:0;margin:25px 0;padding:20px;background-color:#fff;border-radius:16px;width:800px;max-width:90%;text-align:left;overflow:visible;transition:transform .2s,opacity .2s;transform:scale(.8);opacity:0}.modal--active .modal__window{transform:scale(1);opacity:1}.modal__window h2{font-size:20px}.modal__window p{margin-bottom:25px;font-size:16px}.modal__close{position:absolute;top:-10px;right:-10px;height:30px;width:30px;background-color:#eff2f6;border-radius:100%;font-size:20px}.modal__close:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.footer{padding:30px 10px 10px;border-top:1px solid #e3e7f0}.home-page .footer{padding-top:5px;border-top:0}.tumbler{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0 auto 25px;padding:0 2px;width:66px;height:38px;border-radius:30px;border:1px solid #fcfcfd;background-color:#f9fafb;box-shadow:inset 0 1px 3px rgb(0 0 0 / 10%);cursor:pointer}.tumbler__switcher{position:absolute;height:30px;width:30px;background:url("../img/sun.svg") no-repeat;transition:transform .5s,background-color .5s;will-change:transform}.footer__title{margin-bottom:10px;font-size:24px}.footer__share{margin-bottom:15px}.footer__footnote,.home-page .rtb-top{margin-bottom:25px}.footer__share a{display:inline-block;margin:0 5px;height:38px;width:38px;transition:transform .1s ease-in-out}.footer__share a:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.footer__share a:hover{transform:scale(1.1)}.footer__icon-vk{background-image:url("../img/social/vk.svg")}.footer__icon-tg{background-image:url("../img/social/tg.svg")}.footer__icon-wa{background-image:url("../img/social/wa.svg")}.footer__icon-pt{background-image:url("../img/social/pt.svg")}.footer__footnote{font-size:14px;color:#888d96}.footer__links{display:flex;justify-content:space-between;align-items:center;font-size:16px}.footer__link:not(:last-child):hover{text-decoration:underline}.footer__link a:focus-visible{outline-offset:2px;outline:#0c73fe solid 2px}.home-page .rtb-bottom{margin-top:25px;margin-bottom:10px}.font-page .rtb-top{margin-top:10px;margin-bottom:40px;max-height:410px;}.font-page .rtb-bottom{margin-top:40px}@media (max-width:768px){.dark-mode .generator__input textarea:focus{box-shadow:inset 0 3px #1781f3}.dark-mode .generator__output textarea:focus{box-shadow:inset 0 -3px #3e3e3e}.dark-mode .about__item{border-color:#3e3e3e}.logo__text{font-size:26px}.header__title{font-size:28px}.font-sets__title{font-size:24px}.font-sets__text,.footer__text,.header__text,.to-all-fonts{font-size:16px}.font-sets__list,.generator__wrapper{flex-direction:column}.about__item,.font-sets__item,.generator__input,.generator__output{width:100%!important}.generator__input textarea{height:155px;border-radius:24px 24px 0 0;border-right-width:1px;border-bottom-width:0}.generator__input textarea:focus{box-shadow:inset 0 3px #0c73fe}.generator__output textarea{height:175px;border-radius:0 0 24px 24px}.generator__output textarea:focus{box-shadow:inset 0 -3px #e3e7f0}.error:after{content:"↖️ Напиши что-нибудь"}.about__list{flex-direction:column;padding:10px 25px}.about__item{padding:25px 5px;border-bottom:1px solid #e3e7f0}.about__item:last-child{border:none}.footer__links{align-items:center;flex-direction:column}.footer__link:not(:last-child){margin-bottom:10px}}@media (min-width:500px) and (max-width:768px){.font-sets__list{flex-direction:row}.font-sets__item{width:50%!important}}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}.bounce{animation:.3s linear bounce}@font-face{font-family:"Font Awesome 6 Regular";font-style:normal;font-display:block;src:local("Font Awesome 6 Regular"),url("../fonts/fa-regular-400.woff2") format("woff2")}@font-face{font-family:"Font Awesome 6 Solid";font-style:normal;font-display:block;src:local("Font Awesome 6 Solid"),url("../fonts/fa-solid-900.woff2") format("woff2")}.fa-regular,.far{font-family:"Font Awesome 6 Regular";font-weight:400}.fa-solid,.fas{font-family:"Font Awesome 6 Solid";font-weight:900}.fa-check::before{content:"\f00c"}.fa-xmark::before{content:"\f00d"}.fa-trash-can::before{content:"\f2ed"}.fa-clone::before{content:"\f24d"}.fa-ellipsis::before{content:"\f141"}.fa-circle-question::before{content:"\f059"}.fa-arrow-up-right-from-square:before{content:"\f08e";position:relative;left:5px;font-size:14px}