.demo-typo-container{margin:auto;max-width:1024px}.demo-typo-collapse-header{padding:4px 8px;width:100%;display:flex;justify-content:space-between;align-items:stretch}.demo-typo-collapse-header-line{width:100%;display:flex;align-items:center;font-size:16px}.demo-typo-collapse-header-button{display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease;min-width:3em;padding:2px 4px;font-size:12px}.demo-typo-collapse-header-button:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.demo-typo-collapse-header-button:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}.demo-typo-collapse-body-container{overflow:hidden;transition:all .24s ease,color 0s;box-sizing:border-box}.demo-typo-collapse-body-container .demo-typo-collapse-body{padding:8px 16px}.demo-typo-collapse.hide .demo-typo-collapse-body-container{transform-origin:center center;transform:scaleY(0);opacity:0;max-height:0!important}.demo-typo-h2,.demo-typo-title{text-align:center;font-size:32px;margin-block-start:.6em;margin-block-end:.4em}.demo-typo-h3,.demo-typo-sub-title{text-align:center;font-size:24px;margin-block-start:.6em;margin-block-end:.4em}.demo-typo-h4,.demo-typo-sub-line{font-size:20px;margin-inline-start:.2em;margin-block-start:.3em;margin-block-end:.2em}.demo-typo-text{font-size:16px}.demo-typo-text.form{display:flex;flex-wrap:wrap;align-items:center}.demo-typo-text.form .demo-typo-field{display:flex;align-items:center}.demo-typo-text.form .demo-typo-field input{min-width:8em}.demo-typo-text.col-2 .demo-typo-field{width:calc(50% - 24px);margin:6px 12px}.demo-typo-text.col-3 .demo-typo-field{width:calc(33.33% - 20px);margin:5px 10px}.demo-typo-text.col-4 .demo-typo-field{width:calc(25% - 16px);margin:4px 8px}.demo-typo-text code,.demo-typo-text input,.demo-typo-text select,.demo-typo-text textarea,.demo-typo-text pre{padding:0 4px;border-radius:2px;border:1px solid rgba(153,153,153,.6);font-family:Consolas,Source Code Pro,Courier New}.demo-typo-text input,.demo-typo-text select,.demo-typo-text textarea{background-color:var(--bg-color-2, #222);color:var(--text-color, #fffcf6)}.demo-typo-text input,.demo-typo-text textarea,.demo-typo-text pre{font-size:16px}.demo-typo-field{margin-bottom:.2rem}.demo-typo-field label{display:inline-block;min-width:8em;margin:.2rem 1rem .2rem 0}.demo-typo-field textarea{display:block;width:100%;height:12em;min-height:3em;max-height:100vh;resize:vertical}.demo-typo-field textarea.long-textarea{height:24em;min-height:6em}._credit-list-item_aegfx_1{padding:8px 16px;display:flex;justify-content:space-between}._credit-list-item_aegfx_1:hover{background-color:#9991}._credit-list-item_aegfx_1 a{color:#1966b3;text-decoration:none}._credit-list-item_aegfx_1 a:hover{color:#0080ff}._credit-list-item_aegfx_1 a:active{color:#39f}.pack-ver-item{display:flex;flex-wrap:nowrap;padding:4px 8px}.pack-ver-item-name,.pack-ver-item-info{display:flex;justify-content:space-between;flex-wrap:nowrap;padding:2px 4px}.pack-ver-item-name:hover,.pack-ver-item-info:hover{background-color:#6cf2}.pack-ver-item-name:hover .pack-ver-item-btn,.pack-ver-item-info:hover .pack-ver-item-btn{opacity:1}.pack-ver-item-name .pack-ver-item-btn,.pack-ver-item-info .pack-ver-item-btn{padding:0 8px;opacity:0;user-select:none;cursor:pointer;transition:all .12s ease}.pack-ver-item-name .pack-ver-item-btn:hover,.pack-ver-item-info .pack-ver-item-btn:hover{background-color:#6cf1}.pack-ver-item-name .pack-ver-item-btn:active,.pack-ver-item-info .pack-ver-item-btn:active{background-color:#6cf2}.pack-ver-item-name{min-width:320px;flex-shrink:0}.pack-ver-item-info{width:100%;min-width:128px}.pack-ver-item:hover{background-color:#9df2}.code-case .code-case-btn{min-width:120px;padding:2px 4px}.code-case .code-case-btn-icon{min-width:1.5em;text-align:center}.img-compress .size-radio.small{color:#183}.img-compress .size-radio.small.very-small{color:#1a1;font-weight:700}.img-compress .size-radio.normal{color:#446}.img-compress .size-radio.big{color:#831}.img-compress .size-radio.big.very-big{color:#a11;font-weight:700}.img-compress .type-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease;min-width:60px;padding:2px 4px}.img-compress .type-btn:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.img-compress .type-btn:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}.img-compress .type-btn-icon{min-width:1.5em;text-align:center}.img-compress .download-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease}.img-compress .download-btn:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.img-compress .download-btn:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}.img-compare{position:relative;width:100%;height:auto;user-select:none}.img-compare .img-compare-line{position:absolute;top:0;left:calc(var(--img-compare-line-left, 50%) - var(--img-compare-line-width, 4px) / 2);bottom:0;border:calc(var(--img-compare-line-width, 4px) / 2) solid hsl(200,100%,55%);border-radius:calc(var(--img-compare-line-width, 4px) / 2);box-shadow:0 0 1px 1px transparent;opacity:0;cursor:ew-resize;z-index:100;transition:opacity .12s ease,box-shadow .12s ease}.img-compare .img-compare-line:after{content:"";position:absolute;inset:0 -4px;background-color:transparent}.img-compare:hover .img-compare-line{opacity:.5}.img-compare.img-compare-is-change-view{cursor:ew-resize}.img-compare.img-compare-is-change-view .img-compare-line{opacity:1;box-shadow:0 0 4px 1px #1ab2ff}.img-compare .origin-img,.img-compare .minify-img{width:100%;max-height:100vh;object-fit:contain;object-position:center}.img-compare .origin-img{height:auto}.img-compare .minify-img{position:absolute;top:0;left:0;clip-path:inset(0 0 0 var(--img-compare-compare-width, 50%))}.demo-switch-container{padding-left:14px;display:flex;align-items:center}.demo-switch-container .demo-switch{position:relative;width:46px;height:24px;border-radius:12px;box-shadow:inset 0 0 4px #999;transition:all .12s}.demo-switch-container .demo-switch:after{content:"";position:absolute;width:20px;height:20px;top:2px;border-radius:20px;background-color:#fff;z-index:1;transition:all .12s}.demo-switch-container .demo-switch.off{background-color:#9999}.demo-switch-container .demo-switch.off:after{left:2px}.demo-switch-container .demo-switch.on{background-color:var(--_primary-color, #29bece)}.demo-switch-container .demo-switch.on:after{left:24px}.demo-switch-container .demo-switch:active:after{width:24px}.demo-switch-container .demo-switch:active.on:after{left:20px}._copy-list-item_gszi6_1{display:inline-block;position:relative;width:50%;padding:4px 8px;box-sizing:border-box;cursor:pointer}._copy-list-item_gszi6_1 ._copy-list-item-right_gszi6_9{opacity:0;position:absolute;right:10%;transition:opacity 60ms ease}._copy-list-item_gszi6_1:hover{background-color:#39f1}._copy-list-item_gszi6_1:hover ._copy-list-item-right_gszi6_9{opacity:1}._file-tree_gszi6_22 ._file-tree-dir_gszi6_22{margin:0;padding:0 8px 4px}._file-tree_gszi6_22 ._file-tree-dir_gszi6_22:hover{box-shadow:inset 0 0 4px #39f6}._file-tree_gszi6_22 ._file-tree-dir-collapse_gszi6_29>*:not(:first-child){display:none}._file-tree_gszi6_22 ._file-tree-dir_gszi6_22>label{min-width:75%;cursor:pointer}._file-tree_gszi6_22 ._file-tree-dir_gszi6_22>label:hover{background-color:#6cf1}._file-tree_gszi6_22 ._file-tree-file_gszi6_39{margin:0;border-left:2px dotted rgba(51,153,255,.4);padding:0 8px 4px 6px;cursor:pointer}._file-tree_gszi6_22 ._file-tree-file_gszi6_39:hover{border-left:2px solid rgba(51,153,255,.4);background-color:#39f1}._file-tree_gszi6_22._file-tree-hide_gszi6_49 ._file-tree-file_gszi6_39:not(._need-convert_gszi6_49){opacity:.25;cursor:not-allowed}.code-tools .file-list{width:25vw;min-width:256px;padding:32px 8px}.icon-font-tool .type-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease;min-width:60px;padding:2px 4px}.icon-font-tool .type-btn:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.icon-font-tool .type-btn:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}.icon-font-tool .type-btn-icon{min-width:1.5em;text-align:center}.icon-font-decode .decode-icon-list{display:flex;flex-wrap:wrap}.icon-font-decode .decode-icon-list .decode-icon-item{display:flex;flex-direction:column;width:128px;padding:12px 4px;overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease}.icon-font-decode .decode-icon-list .decode-icon-item:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.icon-font-decode .decode-icon-list .decode-icon-item:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}.icon-font-decode .decode-icon-list .decode-icon-item .decode-icon-item-icon{font-size:24px;margin-bottom:12px}.icon-font-decode .decode-icon-list .decode-icon-item .decode-icon-item-name{max-width:100%;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.link-create-field .half-field{display:inline-flex;width:50%;padding:0 4px}.link-create-field .half-field label{white-space:nowrap;overflow:hidden}.link-create-field .half-field input{width:100%}.page-container{position:absolute;inset:0;overflow:hidden;background-color:var(--bg-color);color:var(--text-color, #fffcf6);padding-left:240px}.page-container-left-menu{position:absolute;top:0;bottom:0;left:0;width:240px;padding:8px}.page-container-left-menu .left-menu-item{position:relative;width:100%;height:32px;border-left:0px solid transparent;padding-left:12px;border-radius:2px;font-size:16px;line-height:32px;overflow:hidden;cursor:pointer;transition:all .12s}.page-container-left-menu .left-menu-item:hover{background-color:#aaa3}.page-container-left-menu .left-menu-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:0;transition:all .12s}.page-container-left-menu .left-menu-item.active{background-color:#aaa2}.page-container-left-menu .left-menu-item.active:after{width:4px;background-color:#2080df}.page-container-right-section{position:absolute;inset:0 0 0 240px;overflow:auto}.page-container .toggle-night{position:fixed;top:16px;right:5vw;width:32px;height:32px;line-height:32px;font-size:24px;text-align:center;cursor:pointer;user-select:none;z-index:99999}body{background-color:var(--bg-color-2)}body *{box-sizing:border-box}body.night-style{--text-color: #fffcf6;--bg-color: #191919;--text-color-2: #f7f6f2;--bg-color-2: #222}body:not(.night-style){--text-color: #191919;--bg-color: #fffcf6;--text-color-2: #222;--bg-color-2: #f7f6f2}.span-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:1px;user-select:none;cursor:pointer;background-color:#6cf0;box-shadow:0 0 #6cf0;transition:all .12s ease,box-shadow .48s ease}.span-btn:hover{background-color:#6cf2;box-shadow:0 0 0 3px #66ccff15}.span-btn:active{background-color:#6cf4;box-shadow:0 0 0 4px #66ccff37;transition:box-shadow 60ms ease}
/*# sourceMappingURL=index.css.map */