@import"https://fonts.googleapis.com/css2?family=Days+One&display=swap";@font-face{font-family:title;src:url(https://hingq.github.io/jsmind_react/assets/Pacifico-Regular-UFMUQ_AE.ttf);font-display:swap}.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;--bg-color: rgba(226, 229, 233, .5);overflow:hidden}.ts{font-family:Microsoft YaHei;width:max-content;position:fixed;top:120px;left:50%;transform:translate(-50%);background:-webkit-linear-gradient(315deg,#3178c6 25%,#f0dc4e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:1px;padding-left:.25em}.nav_main{width:80%;max-width:420px;font-size:18px;z-index:9;background-color:hsl(var(--hue),10%,95%);position:relative;border-radius:17px}@media (prefers-color-scheme: dark){.nav_main{background-color:hsl(var(--hue),10%,10%);color:hsl(var(--hue),10%,95%)}}.nav_main:before{background-color:#3d71f5;border-radius:50%;content:"";filter:blur(60px);opacity:.15;position:absolute;top:-8em;right:-15em;width:25em;height:25em;z-index:0;transition:background-color var(--trans-dur)}.nav-el{font-size:18px;position:relative;display:block;float:right;width:47.5%;padding-bottom:47.5%;border-radius:17px;color:#000;background-color:#ffffff4d;transition:background-color .3s ease-in;z-index:10;font-family:sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue}.checkbox{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:16px}.nav-el span{position:absolute;margin-top:50%;transform:translate(-50%);white-space:nowrap}.nav-el:hover{background-color:var(--bg-color)}.nav-el.active{background-color:#c1c6ca4d}.nav-el.active_reverse{background-color:transparent}@keyframes fx-box_rotate{50%{transform:rotate(225deg)}to{transform:rotate(225deg)}}@-moz-keyframes fx-box_rotate{50%{-moz-transform:rotate(225deg)}to{-moz-transform:rotate(225deg)}}@-webkit-keyframes fx-box_rotate{50%{-webkit-transform:rotate(225deg)}to{-webkit-transform:rotate(225deg)}}.nav_main.fx-box_rotate{animation:fx-box_rotate 1.6s 1 ease-in-out forwards;-moz-animation:fx-box_rotate 1.6s 1 ease-in-out forwards;-webkit-animation:fx-box_rotate 1.6s 1 ease-in-out forwards}.nav-el.active,.nav-el.active_reverse{z-index:11}.nav-el.inactive{pointer-events:none;cursor:default}.nav-el:nth-of-type(odd){float:left}.nav-el:nth-of-type(n+3){margin-top:5%}@keyframes fx-el_topleft-active{0%{transform:translateZ(0)}33%{transform:translate3d(5.3%,5.3%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{transform:translate3d(5.3%,5.3%,0) scale(10)}}@keyframes fx-el_topright-active{0%{transform:translateZ(0)}33%{transform:translate3d(-5%,5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{transform:translate3d(-5%,5%,0) scale(10);color:transparent}}@keyframes fx-el_btmleft-active{0%{transform:translateZ(0)}33%{transform:translate3d(5%,-5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{transform:translate3d(5%,-5%,0) scale(10);color:transparent}}@keyframes fx-el_btmright-active{0%{transform:translateZ(0)}33%{transform:translate3d(-5%,-5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{transform:translate3d(-5%,-5%,0) scale(10);color:transparent}}@-webkit-keyframes fx-el_topleft-active{0%{-webkit-transform:translate3d(0%,0%,0)}33%{-webkit-transform:translate3d(5%,5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{-webkit-transform:translate3d(5%,5%,0) scale(10);color:transparent}}@-webkit-keyframes fx-el_topright-active{0%{-webkit-transform:translate3d(0%,0%,0)}33%{-webkit-transform:translate3d(-5%,5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{-webkit-transform:translate3d(-5%,5%,0) scale(10);color:transparent}}@-webkit-keyframes fx-el_btmleft-active{0%{-webkit-transform:translate3d(0%,0%,0)}33%{-webkit-transform:translate3d(5%,-5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{-webkit-transform:translate3d(5%,-5%,0) scale(10);color:transparent}}@-webkit-keyframes fx-el_btmright-active{0%{-webkit-transform:translate3d(0%,0%,0)}33%{-webkit-transform:translate3d(-5%,-5%,0) scale(1);color:#fff}40%{color:#fff}50%{color:transparent}to{-webkit-transform:translate3d(-5%,-5%,0) scale(10);color:transparent}}@keyframes fx-el_topleft-inactive{0%{transform:translate(0);color:#fff}33%{transform:translate(5.3%,5.3%);color:#3498db}to{transform:translate(5.3%,5.3%);color:#3498db}}@keyframes fx-el_topright-inactive{0%{transform:translate(0);color:#fff}33%{transform:translate(-5.3%,5.3%);color:#3498db}to{transform:translate(-5.3%,5.3%);color:#3498db}}@keyframes fx-el_btmleft-inactive{0%{transform:translate(0);color:#fff}33%{transform:translate(5.3%,-5.3%);color:#3498db}to{transform:translate(5.3%,-5.3%);color:#3498db}}@keyframes fx-el_btmright-inactive{0%{transform:translate(0);color:#fff}33%{transform:translate(-5.3%,-5.3%);color:#3498db}to{transform:translate(-5.3%,-5.3%);color:#3498db}}@-moz-keyframes fx-el_topleft-inactive{0%{-moz-transform:translate3d(0%,0%,0);color:#fff}33%{-moz-transform:translate3d(5.3%,5.3%,0);color:#3498db}to{-moz-transform:translate3d(5.3%,5.3%,0);color:#3498db}}@-moz-keyframes fx-el_topright-inactive{0%{-moz-transform:translate3d(0%,0%,0);color:#fff}33%{-moz-transform:translate3d(-5.3%,5.3%,0);color:#3498db}to{-moz-transform:translate3d(-5.3%,5.3%,0);color:#3498db}}@-moz-keyframes fx-el_btmleft-inactive{0%{-moz-transform:translate3d(0%,0%,0);color:#fff}33%{-moz-transform:translate3d(5.3%,-5.3%,0);color:#3498db}to{-moz-transform:translate3d(5.3%,-5.3%,0);color:#3498db}}@-moz-keyframes fx-el_btmright-inactive{0%{-moz-transform:translate3d(0%,0%,0);color:#fff}33%{-moz-transform:translate3d(-5.3%,-5.3%,0);color:#3498db}to{-moz-transform:translate3d(-5.3%,-5.3%,0);color:#3498db}}@-webkit-keyframes fx-el_topleft-inactive{0%{-webkit-transform:translate3d(0%,0%,0);color:#fff}33%{-webkit-transform:translate3d(5.3%,5.3%,0);color:#3498db}to{-webkit-transform:translate3d(5.3%,5.3%,0);color:#3498db}}@-webkit-keyframes fx-el_topright-inactive{0%{-webkit-transform:translate3d(0%,0%,0);color:#fff}33%{-webkit-transform:translate3d(-5.3%,5.3%,0);color:#3498db}to{-webkit-transform:translate3d(-5.3%,5.3%,0);color:#3498db}}@-webkit-keyframes fx-el_btmleft-inactive{0%{-webkit-transform:translate3d(0%,0%,0);color:#fff}33%{-webkit-transform:translate3d(5.3%,-5.3%,0);color:#3498db}to{-webkit-transform:translate3d(5.3%,-5.3%,0);color:#3498db}}@-webkit-keyframes fx-el_btmright-inactive{0%{-webkit-transform:translate3d(0%,0%,0);color:#fff}33%{-webkit-transform:translate3d(-5.3%,-5.3%,0);color:#3498db}to{-webkit-transform:translate3d(-5.3%,-5.3%,0);color:#3498db}}#el-topleft.inactive{animation:fx-el_topleft-inactive 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_topleft-inactive 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_topleft-inactive 1.6s 1 ease-in-out forwards}#el-topright.inactive{animation:fx-el_topright-inactive 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_topright-inactive 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_topright-inactive 1.6s 1 ease-in-out forwards}#el-btmleft.inactive{animation:fx-el_btmleft-inactive 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_btmleft-inactive 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmleft-inactive 1.6s 1 ease-in-out forwards}#el-btmright.inactive{animation:fx-el_btmright-inactive 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_btmright-inactive 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmright-inactive 1.6s 1 ease-in-out forwards}@keyframes fx-el_topleft-active{0%{transform:translateZ(0) scale(1)}35%{transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{transform:translate3d(55.1%,55.1%,-150px) scale(20);color:transparent}}@keyframes fx-el_topright-active{0%{transform:translateZ(0) scale(1)}35%{transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{transform:translate3d(-55.1%,55.1%,0) scale(20);color:transparent}}@keyframes fx-el_btmleft-active{0%{transform:translateZ(0) scale(1)}35%{transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{transform:translate3d(55.1%,-55.1%,0) scale(20);color:transparent}}@keyframes fx-el_btmright-active{0%{transform:translateZ(0) scale(1)}35%{transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{transform:translate3d(-55.1%,-55.1%,0) scale(20);color:transparent}}@-moz-keyframes fx-el_topleft-active{0%{-moz-transform:translate3d(0%,0%,0) scale(1)}35%{-moz-transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-moz-transform:translate3d(55.1%,55.1%,-150px) scale(20);color:transparent}}@-moz-keyframes fx-el_topright-active{0%{-moz-transform:translate3d(0%,0%,0) scale(1)}35%{-moz-transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-moz-transform:translate3d(-55.1%,55.1%,0) scale(20);color:transparent}}@-moz-keyframes fx-el_btmleft-active{0%{-moz-transform:translate3d(0%,0%,0) scale(1)}35%{-moz-transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-moz-transform:translate3d(55.1%,-55.1%,0) scale(20);color:transparent}}@-moz-keyframes fx-el_btmright-active{0%{-moz-transform:translate3d(0%,0%,0) scale(1)}35%{-moz-transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-moz-transform:translate3d(-55.1%,-55.1%,0) scale(20);color:transparent}}@-webkit-keyframes fx-el_topleft-active{0%{-webkit-transform:translate3d(0%,0%,0) scale(1)}35%{-webkit-transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-webkit-transform:translate3d(55.1%,55.1%,-150px) scale(20);color:transparent}}@-webkit-keyframes fx-el_topright-active{0%{-webkit-transform:translate3d(0%,0%,0) scale(1)}35%{-webkit-transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-webkit-transform:translate3d(-55.1%,55.1%,0) scale(20);color:transparent}}@-webkit-keyframes fx-el_btmleft-active{0%{-webkit-transform:translate3d(0%,0%,0) scale(1)}35%{-webkit-transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-webkit-transform:translate3d(55.1%,-55.1%,0) scale(20);color:transparent}}@-webkit-keyframes fx-el_btmright-active{0%{-webkit-transform:translate3d(0%,0%,0) scale(1)}35%{-webkit-transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg)}40%{color:transparent}to{-webkit-transform:translate3d(-55.1%,-55.1%,0) scale(20);color:transparent}}#el-topleft.active{animation:fx-el_topleft-active 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_topleft-active 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_topleft-active 1.6s 1 ease-in-out forwards}#el-topright.active{animation:fx-el_topright-active 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_topright-active 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_topright-active 1.6s 1 ease-in-out forwards}#el-btmleft.active{animation:fx-el_btmleft-active 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_btmleft-active 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmleft-active 1.6s 1 ease-in-out forwards}#el-btmright.active{animation:fx-el_btmright-active 1.6s 1 ease-in-out forwards;-moz-animation:fx-el_btmright-active 1.6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmright-active 1.6s 1 ease-in-out forwards}@keyframes fx-el_topleft-inactive{0%{transform:translateZ(0)}50%{opacity:1}to{transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@keyframes fx-el_topright-inactive{0%{transform:translateZ(0)}50%{opacity:1}to{transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@keyframes fx-el_btmleft-inactive{0%{transform:translateZ(0)}50%{opacity:1}to{transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@keyframes fx-el_btmright-inactive{0%{transform:translateZ(0)}50%{opacity:1}to{transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-moz-keyframes fx-el_topleft-inactive{0%{-moz-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-moz-transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-moz-keyframes fx-el_topright-inactive{0%{-moz-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-moz-transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-moz-keyframes fx-el_btmleft-inactive{0%{-moz-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-moz-transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-moz-keyframes fx-el_btmright-inactive{0%{-moz-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-moz-transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-webkit-keyframes fx-el_topleft-inactive{0%{-webkit-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-webkit-transform:translate3d(-55.1%,-55.1%,-150px) scale(.9) rotate(35deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-webkit-keyframes fx-el_topright-inactive{0%{-webkit-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-webkit-transform:translate3d(65.1%,-40%,-150px) scale(.5) rotate(70deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-webkit-keyframes fx-el_btmleft-inactive{0%{-webkit-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-webkit-transform:translate3d(-70.1%,35.1%,-150px) scale(.7) rotate(15deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}@-webkit-keyframes fx-el_btmright-inactive{0%{-webkit-transform:translate3d(0%,0%,0)}50%{opacity:1}to{-webkit-transform:translate3d(-10%,75.1%,-150px) scale(.8) rotate(27deg) rotateY(35deg) rotateX(35deg);color:transparent;opacity:0}}#el-topleft.inactive{animation:fx-el_topleft-inactive .6s 1 ease-in-out forwards;-moz-animation:fx-el_topleft-inactive .6s 1 ease-in-out forwards;-webkit-animation:fx-el_topleft-inactive .6s 1 ease-in-out forwards}#el-topright.inactive{animation:fx-el_topright-inactive .6s 1 ease-in-out forwards;-moz-animation:fx-el_topright-inactive .6s 1 ease-in-out forwards;-webkit-animation:fx-el_topright-inactive .6s 1 ease-in-out forwards}#el-btmleft.inactive{animation:fx-el_btmleft-inactive .6s 1 ease-in-out forwards;-moz-animation:fx-el_btmleft-inactive .6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmleft-inactive .6s 1 ease-in-out forwards}#el-btmright.inactive{animation:fx-el_btmright-inactive .6s 1 ease-in-out forwards;-moz-animation:fx-el_btmright-inactive .6s 1 ease-in-out forwards;-webkit-animation:fx-el_btmright-inactive .6s 1 ease-in-out forwards}.con{--bg-color: #386380;background:url(../assets/bg.jpg) no-repeat center center;background-size:cover;width:100vw;height:100vh;overflow:hidden}.box{position:relative;width:100vw;height:100vh;transition:background-Color .3s;display:flex;flex-direction:column;justify-content:center;align-items:center}.box .dom{display:none}.dom .domcontainer{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;flex-wrap:nowrap}.dom .jsdom{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:80vw;height:70vh;background-color:#ffffff80;border-radius:1rem}.box .btn{background-color:#fff;-webkit-backdrop-filter:contrast(30%);backdrop-filter:contrast(30%);display:block;position:relative;border:none;padding:5px 10px;margin-bottom:15px;width:100px;height:30px;border-radius:5px;transition:color var(--trans-dur),backgroundColor var(--trans-dur)}.box .btn:hover{background-color:#428bca;color:#fff}#jsmind_container{background-color:transparent}::-webkit-scrollbar{display:none}.uploadContainer{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;width:100vw;height:100vh;position:fixed;z-index:9;pointer-events:all}.uploadContainer.isNone{visibility:hidden;opacity:0;transition:all var(--trans-dur)}.uploadContainer.isBlock{visibility:none;opacity:1;transition:all var(--trans-dur)}.mask{top:0;left:0;position:fixed;display:block;width:100vw;height:100vh;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#e6e6e680;pointer-events:none;z-index:7}:root{--hue: 223;--bg: hsl(var(--hue), 10%, 85%);--fg: hsl(var(--hue), 10%, 5%);--trans-dur: .3s;font-size:calc(16px + (20 - 16) * (100vw - 320px) / (2560 - 320))}.feedback{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh}.feedback .modal__body{flex-wrap:wrap}.feedback .modal__body p{margin-top:7px}.modal{background-color:hsl(var(--hue),10%,95%);border-radius:1em;box-shadow:0 .75em 1em hsla(var(--hue),10%,5%,.3);color:hsl(var(--hue),10%,5%);width:calc(100% - 3em);max-width:34.5em;overflow:hidden;position:relative;transition:background-color var(--trans-dur),color var(--trans-dur);transition:all .5s ease .7s}.modal.drag{background-color:#ccc}.modal:before{background-color:#3d71f5;border-radius:50%;content:"";filter:blur(60px);opacity:.15;position:absolute;top:-8em;right:-15em;width:25em;height:25em;z-index:0;transition:background-color var(--trans-dur)}.modal__actions{animation-delay:.2s;display:flex;align-items:center;flex-wrap:wrap}.modal__body,.modal__header{position:relative;z-index:1}.modal__body{display:flex;flex-direction:column;padding:0 2em 1.875em 1.875em}.modal__button,.modal__close-button{color:currentColor;cursor:pointer;-webkit-tap-highlight-color:transparent}.modal__button{background-color:hsla(var(--hue),10%,50%,.2);border-radius:.25rem;font-size:.75em;padding:.5rem 2rem;transition:background-color var(--trans-dur),border-color var(--trans-dur),opacity var(--trans-dur);width:100%}.modal__button+.modal__button{margin-top:.75em}.modal__button:disabled{opacity:.5}.modal__button:focus,.modal__close-button:focus{outline:transparent}.modal__button:hover,.modal__button:focus-visible{background-color:hsla(var(--hue),10%,60%,.2)}.modal__button--upload{background-color:transparent;border:.125rem dashed hsla(var(--hue),10%,50%,.4);flex:1;padding:.375rem 2rem}.modal__col+.modal__col{flex:1;margin-top:1.875em}.modal__close-button,.modal__message,.modal__progress-value{color:hsl(var(--hue),10%,30%);transition:color var(--trans-dur)}.modal__close-button{background-color:transparent;display:flex;width:1.5em;height:1.5em;transition:color var(--trans-dur)}.modal__close-button:hover,.modal__close-button:focus-visible{color:hsl(var(--hue),10%,40%)}.modal__close-icon{display:block;margin:auto;pointer-events:none;width:50%;height:auto}.modal__content>*{animation-name:fadeSlideIn;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards;opacity:0}.modal__file{flex:1;font-size:.75em;font-weight:700;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal__file~.modal__button{margin-top:1.5em}.modal__file-icon{color:hsl(var(--hue),10%,50%);display:block;margin-right:.75em;width:1.5em;height:1.5em;transition:color var(--trans-dur)}.modal__header{display:flex;justify-content:flex-end;align-items:center;height:2.5em;padding:.5em}.modal__icon{display:block;margin:auto;width:2.25em;height:2.25em}.modal__icon--blue g{stroke:#126cd3}.modal__icon--red g{stroke:#f2180d}.modal__icon--green g{stroke:#0ac241}.modal__icon circle,.modal__icon line,.modal__icon polyline{animation:sdo .25s ease-in-out forwards;transition:stroke var(--trans-dur)}.modal__icon :nth-child(2){animation-delay:.25s}.modal__icon :nth-child(3){animation-delay:.5s}.modal__icon-sdo10{stroke-dashoffset:10}.modal__icon-sdo14{stroke-dashoffset:14.2}.modal__icon-sdo69{stroke-dashoffset:69.12;transform:rotate(-90deg);transform-origin:12px 12px}.modal__message{animation-delay:.1s;font-size:1em;margin-bottom:1.5em;min-height:3em}.modal__progress{flex:1}.modal__progress+.modal__button{margin-top:1.75em}.modal__progress-bar{background-image:linear-gradient(90deg,hsl(var(--hue),90%,50%),hsl(var(--hue),90%,70%));border-radius:.2em;overflow:hidden;width:100%;height:.4em;transform:translateZ(0)}.modal__progress-fill{background-color:hsl(var(--hue),10%,90%);width:inherit;height:inherit;transition:transform .1s ease-in-out}.modal__progress-value{font-size:.75em;font-weight:700;line-height:1.333;text-align:right}.modal__sr{overflow:hidden;position:absolute;width:1px;height:1px}.modal__title{font-size:1.25em;font-weight:500;line-height:1.2;margin-bottom:1.5rem;text-align:center}[data-state="2"]:before{background-color:#f5463d}[data-state="3"]:before{background-color:#3df574}.modal__icon+.modal__icon,[data-state="1"] .modal__icon:first-child,[data-state="2"] .modal__icon:first-child,[data-state="3"] .modal__icon:first-child,.modal__content+.modal__content,[data-state="1"] .modal__content:first-child,[data-state="2"] .modal__content:first-child,[data-state="3"] .modal__content:first-child{display:none}[data-state="1"] .modal__icon:first-child,[data-state="2"] .modal__icon:nth-child(2),[data-state="3"] .modal__icon:nth-child(3),[data-state="1"] .modal__content:nth-child(2),[data-state="2"] .modal__content:nth-child(3),[data-state="3"] .modal__content:nth-child(4){display:block}[data-ready=false] .modal__content:first-child .modal__actions:nth-of-type(2),[data-ready=true] .modal__content:first-child .modal__actions:first-of-type{display:none}[data-ready=true] .modal__content:first-child .modal__actions:nth-of-type(2){display:flex}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue), 10%, 35%);--fg: hsl(var(--hue), 10%, 95%)}.modal{background-color:hsl(var(--hue),10%,10%);color:hsl(var(--hue),10%,95%)}.modal__close-button,.modal__message,.modal__progress-value{color:hsl(var(--hue),10%,70%)}.modal__close-button:hover,.modal__close-button:focus-visible{color:hsl(var(--hue),10%,80%)}.modal__file-icon{color:hsl(var(--hue),10%,60%)}.modal__icon--blue g{stroke:#3d71f5}.modal__icon--red g{stroke:#f5463d}.modal__icon--green g{stroke:#3df574}.modal__progress-fill{background-color:hsl(var(--hue),10%,20%)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(33%)}to{opacity:1;transform:translateY(0)}}@keyframes sdo{to{stroke-dashoffset:0}}@media (min-width: 768px){.modal__actions--center{justify-content:center;margin-left:-4.125em}.modal__body{flex-direction:row;align-items:center}.modal__button{width:auto}.modal__button+.modal__button{margin-top:0;margin-left:1.5rem}.modal__file~.modal__button{margin-top:0}.modal__file~.modal__close-button{margin-right:1.5rem}.modal__progress{margin-right:2em}.modal__progress+.modal__button{margin-top:0}.modal__col+.modal__col{margin-top:0;margin-left:1.875em}.modal__title{text-align:left}}html{overflow-x:hidden;font-size:16px}a{color:#43474a;display:inline-block;margin-left:7px;list-style:none;text-decoration:none}input{outline:none;border:0}a:hover{color:#1a71aa}body,button{font-family:Consolas,Courier New,monospace;border:none}*{box-sizing:content-box;padding:0;margin:0}#root{height:100vh;width:100vw;background:radial-gradient(black 3px,transparent 4px),radial-gradient(black 3px,transparent 4px),linear-gradient(#fff 4px,transparent 0),linear-gradient(45deg,transparent 74px,transparent 75px,#a4a4a4 75px,#a4a4a4 76px,transparent 77px,transparent 109px),linear-gradient(-45deg,transparent 75px,transparent 76px,#a4a4a4 76px,#a4a4a4 77px,transparent 78px,transparent 109px),#fff;background-size:109px 109px,109px 109px,100% 6px,109px 109px,109px 109px;background-position:54px 55px,0px 0px,0px 0px,0px 0px,0px 0px;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}@media (prefers-color-scheme: dark){#root a{color:#f1f5f7}#root a:hover{color:#4d7c93}#root{background:radial-gradient(rgb(217,215,215) 3px,transparent 4px),radial-gradient(rgb(255,255,255) 3px,transparent 4px),linear-gradient(rgb(49,56,65) 4px,transparent 0),linear-gradient(45deg,transparent 74px,transparent 75px,#a4a4a4 75px,#a4a4a4 76px,transparent 77px,transparent 109px),linear-gradient(-45deg,transparent 75px,transparent 76px,#d1b7b7 76px,#a4a4a4 77px,transparent 78px,transparent 109px),#313841;background-size:109px 109px,109px 109px,100% 6px,109px 109px,109px 109px;background-position:54px 55px,0px 0px,0px 0px,0px 0px,0px 0px}}.note{font-size:12px;font-weight:700;text-transform:uppercase;color:#3c6594;margin-top:7px}.searchContainer{display:flex;width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;height:100vh;background:#e2edf3;font:30px/1.375 Lato,MicSoft YaHei,"sans-serif"}.bg-gradient{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#07f,#f6f6f6);filter:blur(130px);z-index:1}.bg-lt2{top:7%;left:30%}.bg-lt{top:20%;left:7%}.search-container{z-index:99;border-radius:24px;padding:0 1em;background-color:#f6f6f6}.bodyContainer{width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}#search{align-items:center;border-radius:10px;display:flex;justify-content:space-between;padding:.3em;transition:all .5s;width:606px;color:#000;z-index:3}#search button,#search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;font:inherit;outline:0}#search button{cursor:pointer;padding:0 .25em}#search input{font-size:16px;flex:1}#search input::-moz-placeholder{color:#ccc}#search input:-ms-input-placeholder{color:#ccc}#search input::placeholder{color:#ccc}#search .spinner{width:45px;height:45px;-webkit-animation:spinner 1s infinite linear;animation:spinner 1s infinite linear;display:none}#search.loading button{display:none}#search.loading .spinner{display:block}@-webkit-keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result{color:#fff;margin-top:20px;min-height:50px;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:row}nav{position:relative;z-index:4}nav ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;gap:40px}nav ul li{display:flex}nav ul li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background-color:transparent;padding:0;margin:0;font-family:MicSoft YaHei,sans-serif;font-size:16px;color:#000;transition:background-color .25s}nav ul li.active button{background-color:#295288;color:#e2edf3;border-radius:8px}nav ul li:not(.active):hover button{color:#807e8c}nav .active-element{--active-element-scale-x: 1;--active-element-scale-y: 1;--active-element-show: 0;--active-element-opacity: 0;--active-element-width: 0px;--active-element-strike-x: 0%;--active-element-mask-position: 0%;position:absolute;left:0;height:3px;width:36px;border-radius:2px;background-color:#9a9d9f;opacity:var(--active-element-show)}nav .active-element>svg,nav .active-element .strike{position:absolute;right:0;top:50%;opacity:var(--active-element-opacity);width:var(--active-element-width);mix-blend-mode:multiply}nav .active-element>svg{display:block;overflow:visible;height:1px;filter:blur(.5px) drop-shadow(2px 0px 8px rgba(0,117,255,.4)) drop-shadow(1px 0px 2px rgba(0,128,255,.8)) drop-shadow(0px 0px 3px rgba(153,204,255,.4)) drop-shadow(2px 0px 8px rgba(137,196,255,.45)) drop-shadow(8px 0px 16px rgba(153,204,255,.5))}nav .active-element .strike{padding:24px 0;-webkit-mask-image:linear-gradient(to right,transparent calc(0% + var(--active-element-mask-position)),black calc(15% + var(--active-element-mask-position)),black 80%,transparent);mask-image:linear-gradient(to right,transparent calc(0% + var(--active-element-mask-position)),black calc(15% + var(--active-element-mask-position)),black 80%,transparent)}nav .active-element .strike svg{display:block;overflow:visible;height:1px;width:calc(var(--active-element-width) * 2);transform:translate(var(--active-element-strike-x),30%) scale(var(--active-element-scale-x),var(--active-element-scale-y))}nav .active-element .strike svg:last-child{transform:translate(var(--active-element-strike-x),-30%) scale(-1)}nav .active-element .strike svg g path:nth-child(2){filter:blur(2px)}nav .active-element .strike svg g path:nth-child(3){filter:blur(4px)}nav.before .active-element{transform:rotateY(180deg)}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}.modal{font-family:KaiTi,Microsoft YaHei,sans-serif;background-color:hsl(var(--hue),10%,95%);border-radius:1em;box-shadow:0 .75em 1em hsla(var(--hue),10%,5%,.3);color:hsl(var(--hue),10%,5%);width:calc(100% - 3em);min-width:15em;max-width:34.5em;overflow:hidden;position:relative;transition:background-color var(--trans-dur),color var(--trans-dur)}.modal .modal__header{height:.5em}.modal .modal__body{max-height:34em;min-height:1em;display:flex;align-items:baseline;justify-content:center;align-items:center;flex-direction:row}.modal .modal__body .poemContainer{width:100%;height:100%;margin-right:19px;flex:1;text-align:left;overflow:hidden}.modal .modal__body .poemContainer p{margin-top:19px}.modal .modal__body .score{padding-top:10px}.scoreContainer{margin-left:7px;padding:0}.modal .modal__body span{font-size:14px}.modal:before{background-color:#3d71f5;border-radius:50%;content:"";filter:blur(40px);opacity:.25;position:absolute;top:-8em;right:-17em;width:25em;height:25em;z-index:0;transition:background-color var(--trans-dur)}.modal p{width:auto;font-size:18px;display:block;justify-content:center;align-items:center;color:#353c41;letter-spacing:5px}.modal__close-button{position:absolute;top:14px;font-size:20px}.all{position:relative;width:100vw;height:25vh;margin-top:21px;overflow:visible;display:flex;align-items:center;align-content:center;justify-content:center;flex-direction:column}.all .box{display:block;top:0;left:0;clear:both;margin-top:3px}.all .card{width:100px;height:27px;line-height:23px;position:relative;left:-62px;padding:16px 32px 16px 64px;box-shadow:8px 0 8px -8px #00000080;transition:all .3s ease-in-out .1s;letter-spacing:1px}.all .card:hover{position:relative;left:12px;box-shadow:0 -8px 8px -8px #00000080,0 8px 8px -8px #00000080;transition:all .3s ease-in-out}.all .card-content{color:#fff;font-family:Droid Sans,sans-serif;font-size:16px;font-weight:700;white-space:nowrap}.bg-01{background:#539770}.bg-03{background:#4b7d74}.bg-04{background:#edd6b4}.bg-05{background:#be7467}.bg-06{background:#e2ae63}:root{--tran: all .5s ease 0s;--dark: #1c2429;--back: #1d659f}*{outline:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.star:has(:checked){--star: #ffd900}.number:hover~.star:has(~.star :checked),.number:hover~.star:has(:checked),.star:hover~.star:has(~.star :checked),.star:hover~.star:has(:checked){transition:all .1s ease 0s;transition:var(--tran)}.star:has(:checked){transform:scale(1.25);transition-timing-function:linear(0 0%,0 2.27%,.02 4.53%,.04 6.8%,.06 9.07%,.1 11.33%,.14 13.6%,.25 18.15%,.39 22.7%,.56 27.25%,.77 31.8%,1 36.35%,.89 40.9%,.85 43.18%,.81 45.45%,.79 47.72%,.77 50%,.75 52.27%,.75 54.55%,.75 56.82%,.77 59.1%,.79 61.38%,.81 63.65%,.85 65.93%,.89 68.2%,1 72.7%,.97 74.98%,.95 77.25%,.94 79.53%,.94 81.8%,.94 84.08%,.95 86.35%,.97 88.63%,1 90.9%,.99 93.18%,.98 95.45%,.99 97.73%,1 100%)}.star-rating{border-radius:10vmin;font-size:1.5vmin;position:relative}.stars{display:flex}.star{display:grid;place-items:center;padding:.5vmin;cursor:pointer;transition:var(--tran);background:radial-gradient(circle at 50% 50%,#1c5e98 1vmin,#fff0 calc(1vmin + 1px),#fff0)}.star input,.star:before,.star:after{grid-area:star;width:1.5vmin;height:1.5vmin}.star [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.star:before,.star:after{content:"";width:100%;height:100%;clip-path:polygon(50% 0%,66% 32%,100% 38%,78% 64%,83% 100%,50% 83%,17% 100%,22% 64%,0 38%,34% 32%)}.star:after{transition:all ease-in-out .13s;width:calc(100% - .25vmin);height:calc(100% - .25vmin);background:var(--star)}.number-rating:before{content:attr(data-rating);font-family:Days One,sans-serif;display:grid;place-items:center;background:#ffd900;color:var(--dark);position:absolute;margin-top:-.5vmin;border-radius:100%;margin-left:2vmin;font-size:1vmin;width:3vmin;height:3vmin}.number input{display:none}.number{right:4vmin;top:2vmin;z-index:1;width:4vmin;height:4vmin;position:absolute;cursor:pointer;border-radius:100%}.number:before{--ar: var(--dark);content:"";position:absolute;width:4vmin;height:4vmin;border-radius:100%;transform:rotate(0);background:radial-gradient(circle at 50% 125%,#fff0 45%,var(--ar) calc(45% + 1px) 50%,#fff0 calc(50% + 1px) 100%),radial-gradient(circle at 50% -25%,#fff0 45%,var(--ar) calc(45% + 1px) 50%,#fff0 calc(50% + 1px) 100%),conic-gradient(from -45deg at 50% 60%,var(--ar) 0 25%,#fff0 0 100%),conic-gradient(from 135deg at 50% 40%,var(--ar) 0 25%,#fff0 0 100%);background-size:100% 45%,100% 45%,1.75vmin 1.75vmin,1.75vmin 1.75vmin;background-repeat:no-repeat;background-position:0% -10%,0% 110%,90% 52%,10% 46%;transition:var(--tran);opacity:.05}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100vw;height:100vh;font-family:Consolas,Courier New,monospace}.container .search{width:73%;height:50px;display:flex;align-items:center;justify-content:space-around}.container .search input{width:85%;height:45px;font-size:18px;padding:0 5px;border-radius:7px;letter-spacing:.5px;font-family:inherit;background-color:#d6daddb3}.container .search button{width:15%;min-width:100px;height:45px;font-size:18px;padding:0 10px;border-radius:7px;margin-left:10px;background-color:#5985b1;transition:all .3s}.container .search button:hover{cursor:pointer;background-color:#082c4eb3}.container .list{margin-top:30px;padding:10px;border-radius:7px;background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:70vw;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px;overflow:auto;transition:all .3s}.container .list .item{border-radius:10px;background-color:#eeeeeeb3;color:#fff;text-align:center;line-height:80px;width:calc(17.5vw - 35px);height:10vh;max-height:200px;max-width:210px;min-height:90px;transition:all .3s}.container .list .item:hover{background-color:#557d9e}@media screen and (max-width: 768px){.container .search{width:70vw;height:150px}.container .search input{width:100px;width:70%;letter-spacing:-1px}.container .search button{width:30%;min-width:10px}.container .list{margin-top:20px;grid-template-columns:repeat(2,1fr);width:70vw;height:100vh}.container .list .item{width:calc(35vw - 35px)}}@media (prefers-color-scheme: dark){.container .list{background-color:#1b1919b3}.container .list .item{background-color:#40434ab3}}.header{height:50px}.layout{display:flex;flex-direction:row;width:100vw;height:100vh;min-width:820px}.flex{display:flex;flex-direction:column}.layout .left{z-index:10;flex:1}.layout .center{flex:5}@media screen and (max-width: 992px){.layout .left{flex:1}.layout .center{flex:8;min-width:600px}}@media (prefers-color-scheme: dark){.nav.nav-white.visible{background-color:#1f2022}.close-btn{color:#fff}}.layout .right{flex:2}.nav-btn{border:none;background-color:transparent;cursor:pointer;font-size:20px}.open-btn{position:fixed;top:-20px;left:25px;color:#fff;z-index:10}#icon{width:100px;height:100px;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}path{fill:none;-webkit-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);-moz-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);-o-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);-ms-transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);transition:stroke-dashoffset .5s cubic-bezier(.25,-.25,.75,1.25),stroke-dasharray .5s cubic-bezier(.25,-.25,.75,1.25);stroke-width:40px;stroke-linecap:round;stroke:#498cba;stroke-dashoffset:0px}path#top,path#bottom{stroke-dasharray:240px 950px}path#middle{stroke-dasharray:240px 240px}.cross path#top,.cross path#bottom{stroke-dashoffset:-650px}.cross path#middle{stroke-dashoffset:-115px;stroke-dasharray:1px 220px}.nav{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .3s ease-in-out;overflow:auto}.nav-container{box-shadow:0 0 10px #ccc}.nav .link{line-height:2;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:16px;letter-spacing:1px}.nav .link span{cursor:pointer;display:inline-flex;margin-top:7px;background:linear-gradient(to right,#c0cacf,40%,#426588) no-repeat left bottom;background-size:0 0;transition:background-size .3s ease}.nav .link span:hover{background-size:100% 2px}.nav.visible{transform:translate(0)}.nav.nav-black{background-color:#221f1f;width:25%;max-width:240px;min-width:190px;transition-delay:.4s;border-bottom-right-radius:7px}.nav.nav-black.visible{transition-delay:0s}.nav.nav-red{background-color:#498cba;width:95%;transition-delay:.2s}.nav.nav-red.visible{transition-delay:.2s}.nav.nav-white{background-color:#fff;width:95%;position:relative;transition-delay:0s}.nav.nav-white.visible{transition-delay:.4s}.cloase-btn-con{display:block;width:100%}.close-btn{opacity:.7;position:absolute;top:-10px;right:10px}.side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-top:60px;padding-left:60px}@media screen and (max-width: 460px){.layout .left{flex:0}.open-btn{display:none}}.markdown{display:flex;flex-direction:row;width:100%;position:relative}.backhome{position:relative;float:left;top:-30px;font-size:18px;right:-30px}.markdown .markdown-body{flex:1;min-width:400px;max-width:1000px}.head-link{top:30px;right:10px;position:sticky;background-color:#f6f8fab3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;flex-direction:column;margin-left:10px;min-width:150px;max-width:300px;white-space:nowrap;text-overflow:ellipsis;max-height:500px;overflow:auto;margin-right:10px;padding-top:7px;border-radius:7px}.head-link .target{height:40px;font-size:16px;cursor:pointer;margin-top:18px;background:linear-gradient(to right,#c0cacf,40%,#426588) no-repeat left bottom;background-size:0 0;transition:background-size .3s ease;padding-left:36px}.head-link .target:nth-child(1){margin-top:7px}.head-link .target.large{font-size:18px;margin-left:0;padding-left:16px}.head-link .target:hover{background-size:100% 2px}@media (prefers-color-scheme: dark){.head-link{color:#fff;font-family:inherit;background-color:#1f2022}.head-link a{color:inherit}}@media screen and (max-width: 460px){.head-link{display:none}}.btn-link{background:var(--primary)!important;border-radius:1.5em;display:inline-block;outline:transparent;padding:.75em 1.5em;text-align:center;text-decoration:none;transition:background-color .15s linear}main{display:grid;grid-gap:3em 1.5em;margin:auto;max-width:40em;padding:3em 0;text-align:center;width:calc(100% - 3em);--hue: 223;--bg: hsl(var(--hue), 10%, 90%);--fg: hsl(var(--hue), 10%, 10%);--primary: hsl(var(--hue), 90%, 45%);--primary-down: hsl(var(--hue), 90%, 65%);--trans-dur: .3s}h1{font-size:3em;line-height:1;margin:0 0 1.5rem}p{margin:0 0 1.5em;color:#0b0b0b;font-size:18px}.btn-link{background:var(--primary);border-radius:1.5em;display:inline-block;outline:transparent;padding:.75em 1.5em;text-align:center;text-decoration:none;transition:background-color .15s linear}.btn-link,.btn-link:visited{color:#fff}.btn-link:focus-visible,.btn-link:hover{background:var(--primary-down)}.btn-link:hover{text-decoration:none}.paper{display:block;margin:auto;overflow:visible;width:100%;max-width:224px;height:auto}.paper__fill{fill:#fff}.paper__outline,.paper__lines{transition:stroke var(--trans-dur)}.paper__outline{stroke:hsl(var(--hue),10%,10%)}.paper__lines{stroke:hsl(var(--hue),10%,70%)}.paper__shadow{fill:hsl(var(--hue),10%,70%);transition:fill var(--trans-dur)}.paper__top,.paper__bottom,.paper__tear,.paper__tear-fill{animation:paperTop 1.25s cubic-bezier(.77,0,.18,1)}.paper__top,.paper__bottom{transform-origin:0 148px;transition:transform var(--trans-dur) cubic-bezier(.77,0,.18,1)}.paper__top{transform:translateY(8px)}.paper__bottom{animation-name:paperBottom;transform:translateY(42px)}.paper__tear,.paper__tear-fill{animation-timing-function:cubic-bezier(.32,0,.67,0)}.paper__tear{animation-name:paperTear;stroke-dashoffset:0}.paper__tear-fill{animation-name:paperTearFill}.paper__outline:hover .paper__top,.paper__outline:hover .paper__bottom{transform:translateY(25px)}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue), 10%, 25%);--fg: hsl(var(--hue), 10%, 90%)}.paper__shadow:first-child{fill:hsl(var(--hue),10%,15%)}p{color:#fff}}@media (min-width: 768px){main{grid-template-columns:1fr 2fr;align-items:center;text-align:left}.paper{max-width:300px}}@keyframes paperTop{0%,40%{animation-timing-function:cubic-bezier(.32,0,.67,0);transform:translateY(25px) rotate(0);transform-origin:61px 148px}70%{animation-timing-function:cubic-bezier(.33,1,.67,1.5);transform:translateY(25px) rotate(-5deg);transform-origin:61px 148px}to{transform:translateY(8px) rotate(0);transform-origin:0 148px}}@keyframes paperBottom{0%,40%{animation-timing-function:cubic-bezier(.32,0,.67,0);transform:translateY(25px) rotate(0);transform-origin:61px 148px}70%{animation-timing-function:cubic-bezier(.33,1,.67,1.5);transform:translateY(25px) rotate(5deg);transform-origin:61px 148px}to{transform:translateY(42px) rotate(0);transform-origin:0 148px}}@keyframes paperTear{0%,40%{stroke-dashoffset:-198}70%,to{stroke-dashoffset:0}}@keyframes paperTearFill{0%,40%{width:187px}70%,to{width:0}}.login_con{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e2edf3}.bg-main{position:fixed;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#3e84d3,#f6f6f6)}.bg-tl{top:10%;left:10%}.bg-tl2{top:3%;left:30%}.bg-br{bottom:7%;right:5%}.form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:500px;height:500px;-ms-flex-negative:0;flex-shrink:0;padding:20px;border-radius:5px}.form_loader{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;height:100%;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:-4;-webkit-transition:all .5s ease;transition:all .5s ease}.form_content{width:70%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .5s ease .7s;transition:all .5s ease .7s}.form_cover{position:absolute;left:0;top:0;height:100%;width:100%;z-index:-4;border-radius:7px;overflow:hidden;-webkit-transition:all .3s ease .8s;transition:all .3s ease .8s;box-shadow:0 0 #0000;background:radial-gradient(circle,#034689,#f6f6f6);filter:blur(90px)}.form_cover:before{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#fff;z-index:-5;border-radius:50%;-webkit-transition:all .5s ease;transition:all .5s ease;-webkit-transform:scale(0);transform:scale(0)}body.on_start .form_cover:before{-webkit-transform:scale(.15);transform:scale(.15)}body.document_loaded .form_loader{-webkit-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}body.document_loaded .form_content{opacity:1;-webkit-transform:none;transform:none}body.document_loaded .form_cover{box-shadow:0 20px 50px #0000004d}body.document_loaded .form_cover:after{-webkit-transform:scale(2);transform:scale(2)}body.document_loaded .form_cover:before{-webkit-transition:opacity .3s ease .8s,-webkit-transform 2s ease;transition:opacity .3s ease .8s,-webkit-transform 2s ease;transition:transform 2s ease,opacity .3s ease .8s;transition:transform 2s ease,opacity .3s ease .8s,-webkit-transform 2s ease;-webkit-transform:scale(2);transform:scale(2);opacity:0}.login_con h1{font-size:40px;margin:15px 0 20px;letter-spacing:.05em;color:#f0f2f3;font-weight:700}.styled_button{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:14px;width:90%;padding:20px;outline:none;background:none;position:relative;color:#fff;border-radius:3px;margin-bottom:25px;border:none;text-transform:uppercase;font-weight:700;letter-spacing:.1em;background:#0e47809d;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden}.styled_button_real_text_holder{position:relative}.styled_button_real_text{color:transparent;display:inline-block}.styled_button_text_holder{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease}.styled_button_moving_block{-webkit-transition:all .3s ease;transition:all .3s ease;position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}.styled_button_moving_block.back{color:#fff;-webkit-transform:translateX(-100%);transform:translate(-100%)}.styled_button_moving_block.back .styled_button_text_holder{-webkit-transform:translateX(100%);transform:translate(100%)}.styled_button:hover,.styled_button:active{box-shadow:0 8px 20px #0000004d;background:#2b5d79}.styled_button:hover .face,.styled_button:active .face{-webkit-transform:translateX(100%);transform:translate(100%)}.styled_button:hover .face .styled_button_text_holder,.styled_button:active .face .styled_button_text_holder{-webkit-transform:translateX(-100%);transform:translate(-100%)}.styled_button:hover .back,.styled-button:active .back,.styled_button:hover .back .styled_button_text_holder,.styled_button:active .back .styled_button_text_holder{-webkit-transform:translateX(0);transform:translate(0)}.styled_button:active{box-shadow:0 0 5px #0000004d}.styled_input{width:100%;position:relative;margin-bottom:25px;border:1px solid rgba(255,255,255,.2);border-radius:3px;-webkit-transition:all .3s ease;transition:all .3s ease}.styled_input_circle{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-2;overflow:hidden;border-radius:3px}.styled_input_circle:after{content:"";position:absolute;left:16.5px;top:19px;height:14px;width:14px;z-index:-2;border-radius:50%;background:#ffffff26;box-shadow:0 0 10px #fff0;-webkit-transition:opacity 1s ease,-webkit-transform .6s ease;transition:opacity 1s ease,-webkit-transform .6s ease;transition:transform .6s ease,opacity 1s ease;transition:transform .6s ease,opacity 1s ease,-webkit-transform .6s ease}.styled_input_input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;outline:none;background:none;padding:18px 15px;color:#ccc;border:none;font-weight:600;letter-spacing:.035em}.styled_input_input:focus{outline:none}.styled_input_placeholder{position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:-1;padding-left:45px;color:#fff}.styled_input_placeholder_text{-webkit-perspective:500px;perspective:500px;display:inline-block}.styled_input_placeholder_text .letter{display:inline-block;vertical-align:middle;position:relative;-webkit-animation:letterAnimOut .25s ease forwards;animation:letterAnimOut .25s ease forwards;text-shadow:0 0 5px}.styled_input_placeholder_text .letter.active{-webkit-animation:letterAnimIn .25s ease forwards;animation:letterAnimIn .25s ease forwards}.styled_input:hover{border-color:#fff6}.styled_input.filled{border-color:#fff3}.styled_input.filled .styled_input_circle:after{-webkit-transform:scale(37);transform:scale(37);opacity:0}@-webkit-keyframes letterAnimIn{0%{-webkit-transform:translate(0,0);transform:translate(0)}25%{-webkit-transform:translate(0,10px);transform:translateY(10px);color:red}45%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0;color:red}55%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0}56%{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:0;color:#00ff6b}76%{color:#00ff6b;opacity:1;-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px)}to{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:1}}@keyframes letterAnimIn{0%{-webkit-transform:translate(0,0);transform:translate(0)}25%{-webkit-transform:translate(0,10px);transform:translateY(10px);color:red}45%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0;color:red}55%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0}56%{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:0;color:#00ff6b}76%{color:#00ff6b;opacity:1;-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px)}to{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:1}}@-webkit-keyframes letterAnimOut{0%{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:1}25%{-webkit-transform:translate(-30px,-40px);transform:translate(-30px,-40px);opacity:0}45%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0}55%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0;color:red}56%{-webkit-transform:translate(0,10px);transform:translateY(10px);color:red}to{-webkit-transform:translate(0,0);transform:translate(0)}}@keyframes letterAnimOut{0%{-webkit-transform:translate(-30px,-27px);transform:translate(-30px,-27px);opacity:1}25%{-webkit-transform:translate(-30px,-40px);transform:translate(-30px,-40px);opacity:0}45%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0}55%{-webkit-transform:translate(0,10px);transform:translateY(10px);opacity:0;color:red}56%{-webkit-transform:translate(0,10px);transform:translateY(10px);color:red}to{-webkit-transform:translate(0,0);transform:translate(0)}}.spinner{position:relative;margin:auto;width:50px;height:50px;-webkit-transition:all .2s ease 0s;transition:all .2s ease 0s}.spinner_circular{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;width:100%;height:100%;top:0;left:0;margin:auto}.spinner_path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.3s ease forwards .5s;animation:dash 1.3s ease forwards .5s;opacity:0;stroke-linecap:round;stroke:#7b23ff;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;opacity:0}50%{stroke-dasharray:40,200;opacity:1}to{stroke-dasharray:125,200;opacity:1}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;opacity:0}50%{stroke-dasharray:40,200;opacity:1}to{stroke-dasharray:125,200;opacity:1}}.history{z-index:9;max-width:100vw;height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;background:#e2edf3}table{z-index:9;width:97%;border-collapse:collapse;margin:20px 0;font-size:18px;text-align:left;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}thead{background:#7ba1cf;color:#333;font-weight:700}th{padding:12px;font-weight:700;border:1px solid #5182bc}td{padding:12px;border:1px solid #5182bc}tbody tr:nth-child(odd){background-color:#f9f9f9}tbody tr:nth-child(2n){background-color:#fff}tbody tr:hover{background-color:#f1f1f1;transition:background .3s ease}td[colspan]{text-align:center;color:#888;padding:20px}@media (max-width: 768px){table{font-size:16px}th,td{padding:8px}}.his-btn{cursor:pointer;outline:none;font-size:14px;width:64px;color:#333;background-color:#fff;height:24px;border-radius:7px;border:1px #5182bc solid}