@font-face{font-family:Ctrl Zsye;src:url(../media/ctrl-zsye.29g5er2g7d539.woff2)format("woff2");font-display:swap}@font-face{font-family:Adobe Notdef;src:url(../media/abobe-notdef.2n6qt_4-ikjic.woff2)format("woff2");font-display:swap}:root{--fonts:"Geist", var(--sys-fonts);--sys-fonts:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "HarmonyOS Sans", "Pingfang SC", "Microsoft Yahei", "HarmonyOS Sans SC", "Noto Sans", "Noto Sans CJK SC", system-ui, sans-serif;--serif-fonts:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--mono-fonts:"Geist Mono", ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:16px}:target{scroll-margin-top:10vh}body{font-family:var(--fonts);direction:ltr;background-color:#fefefe;min-width:350px;margin:0;font-weight:400;overflow:auto}body.hidden{overflow:hidden}svg{flex-shrink:0}.d-flex>svg{margin:0!important}main{min-height:100vh}main a{color:#0096ff;text-decoration:underline}main a:hover{color:#fff;background-color:#0096ff;text-decoration:none}a.svg{color:#999;transition:all .25s ease-in-out}a.svg:hover{color:#000;background-color:#0000}i.icon{font-family:"Ctrl Zsye", var(--fonts);font-style:normal}::selection{color:#fff;background-color:#0096ff}input[type=radio]:not(:disabled),input[type=checkbox]:not(:disabled),input[type=range]:not(:disabled),input[type=color]:not(:disabled),select:not(:disabled),label{cursor:pointer}*,p{scrollbar-width:thin;margin:0}b{font-weight:700}.breadcrumb{font-size:.85rem}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:#333;background-color:#0000;text-decoration:underline}.popover{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);font-family:var(--fonts);background-color:#ffffff50;border-radius:.5rem;box-shadow:0 0 2rem #00000026}.popover .popover-arrow{display:none}.popover .popover-body{color:#000;padding:.5rem 1rem;font-size:.85rem}.alert{border-radius:10px;padding:.75rem 1.25rem}.alert .flex{align-items:center;gap:1.25rem;display:flex}.alert .flex>div{flex:1}.me-a a{margin-right:.5rem}td{vertical-align:middle}#search-input{border-radius:1.75rem;margin-left:auto;margin-right:auto;padding:12px 24px;display:block}#search-input::placeholder{color:#aaa}.home-1col{color:#333;margin-bottom:5vh;padding:0 5%}.home-1col .row .col .home-quick-start{border:1px solid #0096ff30;border-radius:15px;box-shadow:0 0 20px #0096ff30}.home-1col .row .col .home-quick-start .home-quick-start-div{flex-wrap:wrap;gap:.75rem;max-height:35vh;padding:0 .5rem;display:flex;overflow:auto}.home-1col .row .col .home-quick-start .home-quick-start-div a{word-wrap:break-word;color:#333;border:1px solid #ddd;border-radius:.75rem;width:auto;padding:.5rem 1rem;font-size:14px;text-decoration:none}.home-1col .row .col .home-quick-start .home-quick-start-div a:hover{color:#333;cursor:pointer;background-color:#eee;text-decoration:none}.home-1col .home-search{text-align:center;color:#666;white-space:nowrap;text-overflow:ellipsis;background-color:#0096ff30;border-radius:25px;max-width:77%;margin-bottom:10vh;margin-left:auto;margin-right:auto;padding:12px 24px;text-decoration:none;display:block;overflow:hidden}.home-1col .home-search:hover{cursor:pointer;text-decoration:none}.home-1col h2{font-family:var(--mono-fonts);color:#0096ff55;font-weight:700;display:inline-block}.home-1col h2 b{color:#0096ff}.home-1col .fontnum-o{color:#0096ff;font-family:var(--mono-fonts);margin:0 4px;font-size:24px;font-weight:700}.home-footer a{margin-right:1rem;text-decoration:none}.btn-q{font-size:inherit;border-radius:10px;padding:.5rem 1rem;transition:all .2s ease-in-out;color:#333!important;border:none!important;text-decoration:none!important}.btn-q:hover{cursor:pointer}.btn-q.btn-q-blue{background-color:#0096ff25}.btn-q.btn-q-blue:hover,.btn-q.btn-q-blue:active{background-color:#0096ff35}.btn-q.btn-q-red{background-color:#ff001525}.btn-q.btn-q-red:hover,.btn-q.btn-q-red:active{background-color:#ff001535}.btn-q.btn-q-green{background-color:#00cc0025}.btn-q.btn-q-green:hover,.btn-q.btn-q-green:active{background-color:#00cc0035}.btn-q.btn-q-purple{background-color:#9000ff25}.btn-q.btn-q-purple:hover,.btn-q.btn-q-purple:active{background-color:#9000ff35}.btn-q.btn-q-grey{background-color:#88888825}.btn-q.btn-q-grey:hover,.btn-q.btn-q-grey:active{background-color:#88888830}.fontsbiaoqian a.btn.btn-q{border-radius:5px;margin:4px;padding:.15rem .5rem;font-size:.7rem;display:inline-block;border:1px solid #ccc!important}.big_button{border-radius:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .25s ease-in-out;display:inline-block;color:#333!important}.big_button:hover{box-shadow:none;cursor:pointer}.big_button-blue{border:1px solid #0096ff50;box-shadow:0 .25rem .5rem #0096ff50;background-color:#0096ff25!important}.big_button-red{border:1px solid #ff001550;box-shadow:0 .25rem .5rem #ff001550;background-color:#ff001525!important}.big_button-green{border:1px solid #00cc0050;box-shadow:0 .25rem .5rem #00cc0050;background-color:#00cc0025!important}.big_button-purple{border:1px solid #9000ff50;box-shadow:0 .25rem .5rem #9000ff50;background-color:#9000ff25!important}.daohang{z-index:3;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background-color:#ffffff90;width:100%;padding:0 3%;position:sticky;top:0;box-shadow:0 1px 1px #00000010}.daohang .nav-item{margin-right:.25rem}.daohang .nav-item .nav-link{color:#0096ffcc;white-space:nowrap;border:1px solid #0000;border-radius:.6rem;padding-left:.9rem;padding-right:.9rem;transition:all .3s ease-in-out}.daohang .d-flex .nav-item .nav-link{padding-left:.75rem;padding-right:.75rem}.daohang .d-flex .nav-item .nav-link>svg{fill:currentColor;width:1rem;height:auto}.daohang .nav-item .nav-link:hover{background-color:#eee}.daohang .nav-item .nav-link.active{color:#0060ff;background-color:#0096ff20}.daohang .navbar-toggler{border:1px solid #0000}.daohang .navbar-toggler:focus{box-shadow:0 0 .3rem .3rem #0096ff30}#_notice{color:#000;background-color:#eee;align-items:center;padding:.3rem .9rem;font-size:.75rem;display:flex}#_notice a{color:#0096ff;text-decoration:underline}#_notice .date{white-space:nowrap;border-right:1px solid #ccc;flex:none;margin-right:.75rem;padding-right:.75rem}#_notice .content{flex:auto;min-width:0}.footer-div{color:#fff;background-color:#111;font-size:.9rem}.footer-div a{color:inherit;text-decoration:none}.footer-div a:hover{color:#fff;background-color:#0000;text-decoration:underline}.footer-div b{color:#999;margin:0 .75rem;font-weight:700}.footer-div .icp-beian{width:auto;height:15px;margin-bottom:3px;margin-right:.25rem}.footer-div .firends-links{max-width:75ch}.footer-div .firends-links a{margin-right:.5rem;display:inline-block}svg{margin-bottom:3px}.logo{width:auto;height:2rem}#tagid{display:none}#categories .btn{margin-bottom:.375rem}.text-max-p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}input.form-control,select.form-select,textarea.form-control{border-radius:0;margin-left:auto;margin-right:auto;padding:.75rem 1.25rem;transition:none;display:block}input.form-control:focus,select.form-select:focus,textarea.form-control:focus{box-shadow:none;background-color:#0000;border:1px solid #0096ff90;outline:0}.form-check-input:checked{box-shadow:none;color:#0096ff;background-color:#0096ff;border-color:#0096ff}select{background-color:#0000}.dropdown-menu{opacity:0;border:1px solid #ddd;border-radius:.75rem;min-width:0;font-size:14px;transition:all .3s ease-in-out;box-shadow:0 .35rem 2rem #0003;margin:0!important}.dropdown-menu .dropdown-item{color:#333;border:1px solid #0000;border-radius:7px;min-width:150px;padding:.25rem 1rem;transition:all .3s ease-in-out}.dropdown-menu li:not(:last-child) .dropdown-item{margin-bottom:.15rem}.dropdown-menu .dropdown-div{padding:.05rem .5rem}.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{color:inherit;background-color:#f2f2f2}.dropdown-menu .dropdown-item.active{color:#0060ff;background-color:#0096ff20}.dropdown-menu .dropdown-item svg{fill:currentColor;width:1rem;height:auto;margin-bottom:3px;margin-right:1rem}.br-15{border-radius:1rem}img{-webkit-user-select:none;user-select:none;touch-action:manipulation}.font-col{color:#000;background-color:#0000;border-bottom:1px solid #eee;transition:all .25s ease-in-out}.font-col a{text-decoration:none}.font-col:hover{background-color:#f5f5f5}.font-col:last-child{border-bottom:none}.font-col .placeholder-glow{height:3rem}.font-col .font-index-text{color:#000;font-size:2rem;font-weight:400}.font-col span.top{color:#fff;background-color:#07c;border-radius:.25rem;margin-right:.5rem;padding:0 .5rem}.font-name sup{color:#999}.font-name span{background-color:#0096ff25;padding:0 .25em;font-size:.9em}.designer-image{object-fit:cover;object-position:center;border:1px solid #ccc;border-radius:100%}.designer{padding:0 .5rem}.designer img{width:100%;max-height:100%}.designer .row>a{padding:.5rem;transition:transform .25s ease-in-out;display:block}.designer .row>a:hover{cursor:pointer;transform:translateY(-.25rem)}.designer .row>a .card-body{padding:.5rem 1rem}.designer .row>a h5{margin:0;font-size:1rem}.designer-s img{width:100%;height:auto}.designer-s h1{margin:0}.designer-s .shejiaolink{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;max-width:60%;display:inline-flex}.designer-s .shejiaolink a{color:#000;background-color:#0000;text-decoration:none;display:inline-block}.designer-s .shejiaolink svg{color:#777;width:32px;height:32px;transition:all .3s ease-in-out}.designer-s .shejiaolink svg:hover{color:#000}.designer-s .xinxikapian{width:100%;position:relative}.designer-s .xinxikapian:before{content:"";z-index:-1;background-position:100% 0;background-repeat:no-repeat;background-size:auto 100%;background-clip:padding-box;position:absolute;inset:0}.changelog div.title{border-bottom:2px solid #eee;justify-content:center;align-items:center;width:100%;margin-top:15vh;margin-bottom:1.5rem;display:flex}.changelog h3{margin:0;font-weight:700}.changelog div.title p{text-indent:0;margin-bottom:0;font-size:12px;font-weight:400}.changelog li{text-indent:2rem;list-style:none}.changelog p{text-indent:2rem;margin-bottom:1rem}.changelog .alert p{text-indent:0;margin-bottom:0}.changelog pre{background-color:#eee;border-radius:10px;margin:1rem 0;padding:1rem 2rem;font-weight:550}.new-comments-msg{word-break:break-all}.camera .user-input label{border:1px solid #ddd;border-top-width:0;justify-content:space-between;align-items:center;padding:.375rem 1.25rem;display:flex}.camera .svg-camera-output{background-color:#fff;background-image:conic-gradient(#c5c5c5 0 90deg, transparent 0 180deg, #c5c5c5 0 270deg, transparent 0);background-size:16px 16px;border:1px solid #c5c5c5;overflow:auto}.camera .svg-camera-output svg{width:auto;max-height:100vh}.camera .user-input label>div{white-space:nowrap;justify-content:flex-end;align-items:center;font-size:.85rem;display:flex;overflow:hidden}.camera .user-input label>div>span{padding-left:.5rem}.camera .user-input label:hover{background-color:#eee}.camera .user-input label>span{padding-right:10%;font-size:.75rem}.camera .user-input label>span>small{color:#999;font-size:.65rem;display:block}.camera .user-input label input{text-align:end;border:1px solid #0000}.camera .user-input label input:focus,.camera .user-input label select:focus{box-shadow:none;border:1px solid #0096ff;outline:none}.camera .user-input label select{border:1px solid #0000;padding-right:1rem}.deleted .list{width:100%}.deleted .list a{color:#c00;border:2px solid #ff999950;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem 2rem;text-decoration:none;display:flex}.deleted .list a:hover{color:#fff;background-color:#c00}.deleted .list a p{font-size:1.25rem;font-weight:900}.browse .filter{font-size:.8rem}.browse .filter .item,.browse .filter .itemlist{align-items:center;display:flex}.browse .filter .item{gap:1rem}.browse .filter .itemlist{gap:1rem 2rem}.browse .filter .item:not(:first-child),.browse .filter .itemlist{padding-top:1rem}.browse .filter .item>div:first-child,.browse .filter .itemlist>label div{color:#999;white-space:nowrap;font-size:.8rem;display:inline-block}.browse .filter .item>div:last-child{color:#333;flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;max-height:10vh;display:flex;overflow-y:auto}.browse .filter .itemlist label{align-items:center;gap:.75rem;display:flex}.browse .filter .item label .btn-check{display:none}.browse .filter .item label span,.browse .filter .itemlist label input{border:1px solid #eee;width:100%;padding:.15rem .55rem;display:inline-block}.browse .filter .item label span{border-radius:.55rem}.browse .filter .itemlist label input{border-radius:.375rem}.browse .filter input.form-control{border:1px solid #eee}.browse .filter input.form-control:focus,.browse .filter input.form-control:hover{border:1px solid #0096ff}.browse .filter .item label span:hover,.browse .filter .itemlist label input:hover,.browse .filter .itemlist label input:focus{border:1px solid #0096ff;outline:none}.browse .filter .item label input:checked+span{background-color:#0096ff25;font-weight:bolder}
.no{-webkit-user-select:none;user-select:none}.fs-12{font-size:12px}.fs-14{font-size:14px}.fs-13{font-size:13px}.fs-16{font-size:16px}.fs-18{font-size:18px}.color-9{color:#999}.color-7{color:#777}.q-font{font-family:var(--fonts)}.q-serif-font{font-family:var(--serif-fonts)}.q-code-font{font-family:var(--mono-fonts)}.no-a a,.nobg-a a{text-decoration:none}.nobg-a a,.nobg-a a:hover{background-color:#0000}.nobg-a.color a:hover{color:#000;background-color:#0000;text-decoration:underline}.max-w-720{max-width:720px;margin:0 auto}.max-w-800{max-width:800px;margin:0 auto}.badge.x-badge{background-color:#0096ff;border-radius:50rem;padding:.5rem 1rem}
.font-s .yl-input-select,.font-s .yl-input-select:focus,.font-s .yl-input-select:active,.font-s .yl-input-select:hover{border:1px solid #eee;outline:none}.font-s .yl-input{word-break:break-all;border:1px solid #eee;width:100%;padding:.75rem 1rem;transition:font-size .25s ease-out}.font-s .yl-input:hover{cursor:text}.font-s .yl-input:focus{outline:none}.font-s .yl-input:disabled{color:#000;background:0 0}.font-s .yl-input-bottom{border:1px solid #eee;width:100%;padding:.25rem .5rem;font-size:.85rem}.font-s #ylinputColorInput,.font-s #ylinputBackColorInput{background-color:#0000;border:none;outline:none;width:100%;height:1.1rem}.font-s .yl-input-range{border-radius:0;width:100%;height:1rem}.font-s .opentype-el .col{justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;overflow:hidden}.font-s .opentype-el .col:hover{background-color:#eee}.font-s .opentype-el .col select{border:1px solid #0000}.font-s .opentype-el .col select:focus{box-shadow:none;border:1px solid #0096ff;outline:none}.font-s .opentype-el .col div:first-child{white-space:nowrap;margin-right:25%}.font-s .opentype-el .col div:last-child{text-align:end;flex:1}.font-s .ylfont-big-div{text-align:center;font-weight:400}.font-s .demo-div{overflow-x:auto}.font-s .demo-div.yl-font-system-ui{font-family:system-ui}.font-s .demo-display-all{text-align:center;width:100%;font-family:var(--fonts);-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);background-color:#fffb;padding:1.5rem 0;position:absolute;bottom:0;left:0}.font-s .demo-display-all button{font-size:.85rem}.font-s .x-display-yl-font,.font-s .x-yl-font{font-weight:400}.font-s .lang-yldiv{white-space:nowrap;background-color:#f1f1f1;padding:.75rem 1.5rem;font-size:1.5rem;overflow:auto}.font-s .biglang-yldiv{background-color:#f9f9f9;border-radius:.5rem;padding:.75rem 2rem}.font-s .biglang-yldiv hr{width:33.3%}.font-s .biglang-yldiv>div{flex-direction:column;align-items:flex-start;gap:3rem;display:flex}.font-s .qr button{color:inherit;background-color:#0000;border:1px solid #ccc;border-radius:5px;margin:2px;padding:.25rem .6rem}.font-s .qr button:hover{background-color:#0096ff15}.font-s .qr button.active{background-color:#0096ff30}.font-s .license-range li{color:#333;background-image:radial-gradient(circle at 100% 100%,#00cc0025,#0000 40%);border-bottom:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex}.font-s .license-range li:first-child{border-top:1px solid #eee}.font-s .license-range li>div:first-child{flex:1;padding-right:2rem}.font-s .license-range li>div:first-child>div:last-child{padding-top:.25rem;font-size:.6rem}.font-s .license-range li>div:last-child{font-size:.85rem}.font-s .license-range li.red{background-image:radial-gradient(circle at 100% 100%,#cc000040,#0000 70%)}.font-s .license-range li.yellow{background-image:radial-gradient(circle at 100% 100%,#cccc0030,#0000 70%)}.font-s .license-range li.white{background-image:radial-gradient(circle at 100% 100%,#ddd,#0000 40%)}.font-s .sidebar-small-data{justify-content:space-between;align-items:center;font-weight:700;display:flex}.font-s .sidebar-small-data svg{fill:currentColor;width:auto;height:16px}.font-s .sidebar-big-item{margin-bottom:1.5rem}.font-s .sidebar-big-item>p{margin-bottom:.5rem}.font-s .sidebar-big-item>div{align-items:flex-end;display:flex}.font-s .sidebar-big-item>div>div:first-child{flex:1;padding-right:2rem;font-size:clamp(16px,7vw,40px);font-weight:500;line-height:1}.font-s .sidebar-big-item>div>div:first-child.text-primary{word-break:break-all}.font-s .sidebar-big-item>div>div.ext{font-size:.75rem}.font-s #downloadFontModal .modal-body>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex;position:relative}.font-s #downloadFontModal .modal-body>div:before{content:"";border-bottom:1px solid #ddd;width:75%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.font-s #downloadFontModal .modal-body>div>div:first-child{flex:1;min-width:0}.font-s #downloadFontModal .modal-body small{color:#999;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.font-s #downloadFontModal .modal-footer>div{width:100%}.font-s #downloadFontModal .modal-body .fontspkg a{justify-content:center;align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.font-s #downloadFontModal .modal-body .fontspkg a>img{width:auto;height:1.25rem}.font-s #unicode-range{font-size:.8rem}.font-s #unicode-range>div{box-sizing:border-box;border-bottom:1px solid #92d2ff;border-left:1px solid #92d2ff;border-right:1px solid #92d2ff;justify-content:space-between;align-items:center;padding:.25rem .75rem;display:flex}.font-s #unicode-range>div:first-child{border-top:1px solid #92d2ff}.font-s #unicode-range>div>div:first-child{white-space:nowrap;text-overflow:ellipsis;padding-right:1rem;overflow:hidden}.font-s #unicode-range>div>div:last-child{justify-content:flex-end;display:flex}.font-s #unicode-range>div>div:last-child span:last-child{text-align:end;width:5rem}.font-s .yl-small-toolbox{align-items:center;gap:.1rem;padding:.15rem .25rem;display:flex}.font-s .yl-small-toolbox input{opacity:0;border:none;width:0;height:0;margin:0;padding:0;display:inline}.font-s .yl-small-toolbox svg{width:auto;height:.9rem;margin:0}.font-s .yl-small-toolbox.color-svg svg{fill:#999}.font-s .yl-small-toolbox>*{cursor:pointer;border-radius:.15rem;align-items:center;padding:.15rem .2rem;transition:all .25s ease-in-out;display:flex}.font-s .yl-small-toolbox>:hover,.font-s .yl-small-toolbox>.active{background-color:#eee}.font-s .yl-small-toolbox.color-svg>.active>svg{fill:currentColor}.font-s-tabset{justify-content:flex-start;align-items:center;gap:.5rem;display:flex;overflow:auto}.font-s-tabset button{background-color:#0096ff10;border:1px solid #0000;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;line-height:1;transition:all .25s ease-in-out;display:flex}.font-s-tabset button:hover{border:1px solid #0096ff}.font-s-tabset button.active{background-color:#0096ff50;border:1px solid #0096ff}.font-s-tabset button svg{fill:currentColor;width:auto;height:1rem;margin:0}.font-s-maps-layout .top{border:1px solid #e7e7e7;border-width:1px 2px 0 1px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .75rem;display:flex}.font-s-maps-layout .top .yl-input-select{border:none;outline:none;padding-right:1.5rem}.font-s-maps-layout .top input{text-align:end;border:none;outline:none;flex:1;min-width:0;font-size:.85rem}.font-s-maps{align-items:flex-start;display:flex}.font-s-maps>div{flex:1;max-width:50%;height:90vh}.font-s-maps .right{scrollbar-width:none;border:1px solid #e7e7e7;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));grid-auto-rows:auto;align-content:start;gap:0;width:100%;display:grid;overflow:auto}.font-s-maps .right>span{aspect-ratio:1;background-color:#fdfdfd;border:1px solid #e7e7e7;border-width:0 1px 1px 0;justify-content:center;align-items:center;width:100%;font-size:22.5px;line-height:1;transition:all .15s ease-in-out;display:flex}.font-s-maps .right>span:hover,.font-s-maps .right>span.active{cursor:crosshair;color:#fff;background-color:#000}.font-s-maps .left{word-break:break-all;border:1px solid #e7e7e7;border-right-width:0}.font-s-maps .left .text{text-align:center;padding:3rem 0;font-size:min(25vw,250px)}.font-s-maps .left .bottom{font-family:var(--sys-fonts);text-align:center;padding:0 1rem}.font-s .full-screen{z-index:3;background-color:#fff;width:100vw;height:100vh;padding:.75rem .75rem 25vh;position:fixed;top:0;left:0;overflow:auto}.font-s-tester .tools{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.font-s-tester .tools>div{white-space:nowrap;align-items:center;gap:1rem;display:flex}.font-s-tester .tools>div:first-child{flex:1}.font-s-tester .tools .form-range{width:100%;height:1rem}.font-s-tester .lists{flex-direction:column;gap:3rem;display:flex}.font-s-tester .lists>div{white-space:nowrap;border-bottom:1px solid #e7e7e7;flex-direction:column;gap:.5rem;display:flex;overflow:hidden}
#tree{width:100%;height:100vh}#tree .lf-edge{pointer-events:none}#tree .tree-node{color:#07c;background-color:#0096ff10;border-radius:.5rem;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:.9rem .9rem .5rem;line-height:1;text-decoration:none;transition:all .25s ease-in-out;display:flex;overflow:hidden}#tree .tree-node:hover{cursor:pointer;background-color:#0096ff20}#tree .tree-node .top{align-items:flex-start;gap:.5rem;display:flex}#tree .tree-node .id{text-align:right;flex:1;font-size:.5rem}#tree .tree-node .name{margin:0 0 .15rem;font-size:.85rem}#tree .tree-node .nick{font-size:.45rem}#tree .tree-node .info{align-items:center;gap:1rem;display:flex}#tree .tree-node .license{white-space:nowrap;font-size:.65rem;font-weight:700}#tree .tree-node .designers{text-align:end;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.55rem;overflow:hidden}
.pricing{max-width:900px;margin:0 auto}.pricing .turbo-text{color:#0000;background:linear-gradient(90deg,#0096ff30,#0096ff);-webkit-background-clip:text;background-clip:text}.pricing .cols{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:3rem;display:flex}.pricing .cols .col{border:1px solid #ddd;border-radius:.5rem;min-width:300px;padding:1rem 2rem}.pricing .cols .col.turbo{background-color:#fff}.pricing .cols .col div:first-child{margin-bottom:2rem}.pricing .cols .col div:first-child strong{color:#333}.pricing .cols .col div:first-child p:first-child{margin-bottom:.25rem}.pricing .cols .col div:last-child{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.pricing .cols .col div:last-child p{align-items:center;gap:.75rem;display:flex}.pricing .cols .col div:last-child p svg{fill:currentColor;width:auto;height:1.25rem;margin:0}.pricing .cols .col div:last-child div{width:100%;padding-top:2rem}