@import url("https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Roboto:wght@100;300;400;500;700;900&family=ZCOOL+KuaiLe&display=swap");@-webkit-keyframes calculette{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0vw);transform:translateX(0vw)}}@keyframes calculette{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0vw);transform:translateX(0vw)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes stage-off{0%{opacity:1}to{opacity:0.5}}@keyframes stage-off{0%{opacity:1}to{opacity:0.5}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}@keyframes fade-out{0%{opacity:1}to{opacity:0;display:none}}@-webkit-keyframes roto{0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}33%{-webkit-transform:rotate3d(-1,-2,-3,2deg);transform:rotate3d(-1,-2,-3,2deg)}66%{-webkit-transform:rotate3d(-1,-5,-3,-3deg);transform:rotate3d(-1,-5,-3,-3deg)}0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}}@keyframes roto{0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}33%{-webkit-transform:rotate3d(-1,-2,-3,2deg);transform:rotate3d(-1,-2,-3,2deg)}66%{-webkit-transform:rotate3d(-1,-5,-3,-3deg);transform:rotate3d(-1,-5,-3,-3deg)}0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}}*{-webkit-box-sizing:border-box;box-sizing:border-box;--w:1.5rem;--chromebar:3.5rem;--chromebar:0px;--key-size:5rem;--bg-result:hsla(180,00%,20%,1);--bg-app:hsla(180,00%,95%,1);--bg-app-a:hsla(180,00%,95%,.95);--sh-box:hsla(180,00%,50%,.3);--sh-box-s:hsla(180,00%,50%,.05);--sh-txt:hsla(180,00%,30%,1);--color-txt:hsla(180,00%,20%,1);--color-spec:hsla(180,00%,100%,1);--color-result:hsla(180,00%,35%,1);--sh-key-light:hsla(120,00%,100%,1);--sh-key-dark:hsla(120,00%,75%,1);--sh-key-text:hsla(120,00%,70%,1);--key-bg-active:hsla(120,00%,100%,.1);--color:#F9a431;--bg-key:transparent;--bg-key-return:transparent}::-webkit-input-placeholder{text-transform:lowercase;font-size:1.8rem;letter-spacing:1px;font-weight:300;font-family:"Major Mono Display",monospace;-webkit-transition:all 0.6s;transition:all 0.6s;text-align:right}::-moz-placeholder{text-transform:lowercase;font-size:1.8rem;letter-spacing:1px;font-weight:300;font-family:"Major Mono Display",monospace;-moz-transition:all 0.6s;transition:all 0.6s;text-align:right}:-ms-input-placeholder{text-transform:lowercase;font-size:1.8rem;letter-spacing:1px;font-weight:300;font-family:"Major Mono Display",monospace;-ms-transition:all 0.6s;transition:all 0.6s;text-align:right}::-ms-input-placeholder{text-transform:lowercase;font-size:1.8rem;letter-spacing:1px;font-weight:300;font-family:"Major Mono Display",monospace;-ms-transition:all 0.6s;transition:all 0.6s;text-align:right}::placeholder{text-transform:lowercase;font-size:1.8rem;letter-spacing:1px;font-weight:300;font-family:"Major Mono Display",monospace;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;text-align:right}@media screen and (min-width:30rem){::-webkit-input-placeholder{font-weight:100;font-size:2.5rem;color:var(--color-txt);opacity:0.2}::-moz-placeholder{font-weight:100;font-size:2.5rem;color:var(--color-txt);opacity:0.2}:-ms-input-placeholder{font-weight:100;font-size:2.5rem;color:var(--color-txt);opacity:0.2}::-ms-input-placeholder{font-weight:100;font-size:2.5rem;color:var(--color-txt);opacity:0.2}::placeholder{font-weight:100;font-size:2.5rem;color:var(--color-txt);opacity:0.2}}.zoom{--color:#0007;position:fixed;top:1rem;left:1rem;font-size:1rem;text-decoration:none;padding:0.4rem 0.8rem;color:var(--color);font-weight:300;border-radius:0.7rem;border:1px solid var(--color);opacity:0;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;text-decoration:none;cursor:not-allowed}.zoom span{text-decoration:line-through}@media screen and (min-width:30rem){.zoom{-webkit-animation:fade-in 0.6s 5s forwards;animation:fade-in 0.6s 5s forwards}}html{height:100%}body{margin:0;font-family:"roboto",sans-serif;font-weight:100;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--bg-app)}@media screen and (min-width:30rem){body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}body:before{z-index:5;content:"";position:fixed;top:0;right:0;left:0;bottom:0;background:url("../img/demesure.gif") center center var(--bg-app);background-size:cover;pointer-events:none;-webkit-animation:fade-out 2s 3s forwards;animation:fade-out 2s 3s forwards}body:after{-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;--w:20rem;pointer-events:none;content:"";font-family:"Major Mono Display",monospace;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:start;align-content:start;display:-ms-grid;display:grid;font-weight:100;position:fixed;font-size:1.2rem;color:var(--sh-box);top:8rem;left:calc((50vw + 12.5rem));width:var(--w);height:var(--w);z-index:-1;background:url(../img/cepies.svg) no-repeat center center;background-size:cover}}@media screen and (min-width:30rem) and (max-width:54rem){body:after{opacity:0}}a{font-size:2rem}.calc{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:0.75fr 1.25fr;grid-template-rows:0.75fr 1.25fr;height:calc(100% - var(--chromebar));width:100vw;background:var(--bg-app-a)}@media screen and (min-width:30rem){.calc{padding:2rem;border-radius:var(--key-size);width:33rem;overflow:hidden;height:50rem;-webkit-box-shadow:1px 1px 0 0px var(--sh-box),0px 0px 2px 2px var(--color-spec),-1px -1px 0 1px var(--color-spec),-2.4rem 4rem 6rem -1rem var(--sh-box-s),2.4rem 4rem 6rem -1rem var(--sh-box-s);box-shadow:1px 1px 0 0px var(--sh-box),0px 0px 2px 2px var(--color-spec),-1px -1px 0 1px var(--color-spec),-2.4rem 4rem 6rem -1rem var(--sh-box-s),2.4rem 4rem 6rem -1rem var(--sh-box-s)}}.calc:hover ::-webkit-input-placeholder{opacity:1}.calc:hover ::-moz-placeholder{opacity:1}.calc:hover :-ms-input-placeholder{opacity:1}.calc:hover ::-ms-input-placeholder{opacity:1}.calc:hover ::placeholder{opacity:1}.calc__result:not(:-moz-placeholder-shown)+.ingrwi{opacity:1}.calc__result:not(:-ms-input-placeholder)+.ingrwi{opacity:1}.calc__result:not(:placeholder-shown)+.ingrwi{opacity:1}.calc__result:focus::-webkit-input-placeholder{opacity:0}.calc__result:focus::-moz-placeholder{opacity:0}.calc__result:focus:-ms-input-placeholder{opacity:0}.calc__result:focus::-ms-input-placeholder{opacity:0}.calc__result:focus::placeholder{opacity:0}.ingrwi{color:var(--color-txt);position:absolute;font-family:"roboto",sans-serif;top:5rem;right:3.8rem;-webkit-transition:opacity 0.5s 0.1s;-o-transition:opacity 0.5s 0.1s;transition:opacity 0.5s 0.1s;font-weight:100;font-size:1rem;letter-spacing:1px;opacity:0}@media screen and (min-width:30rem){.ingrwi{top:6.5rem;right:5rem;letter-spacing:normal;font-size:1rem}}.calc__result{border:none;width:100%;padding:2rem;font-size:2rem;outline:none;display:-ms-grid;display:grid;-webkit-box-align:end;-ms-flex-align:end;align-items:end;justify-items:end;font-weight:300;letter-spacing:10px;text-align:right;font-family:"Major Mono Display",monospace;text-transform:lowercase;background:var(--bg-app);color:var(--color-result);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.calc__result:not(:-moz-placeholder-shown){padding-right:3rem}.calc__result:not(:-ms-input-placeholder){padding-right:3rem}.calc__result:not(:placeholder-shown){padding-right:3rem}@media screen and (min-width:30rem){.calc__result{letter-spacing:-3px;padding-right:2rem;text-transform:lowercase;color:var(--color-result);border-radius:3rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}.calc__result:hover{color:var(--color)}}.calc__keyboard{position:relative;display:-ms-grid;display:grid;width:calc(100% - var(--w));-ms-grid-columns:3fr 1fr;grid-template-columns:3fr 1fr}@media screen and (min-width:30rem){.calc__keyboard{width:100%}}.calc__numeric{display:-ms-grid;display:grid;grid-auto-rows:1fr;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-template-areas:"k7 k8 k9" "k4 k5 k6" "k1 k2 k3" "kz k0 kb"}@media screen and (min-width:30rem){.calc__numeric{background:var(--bg-key)}}.calc__operator{padding:0.4rem 0;-webkit-transform:translateX(0.4rem);-ms-transform:translateX(0.4rem);transform:translateX(0.4rem);display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:(1fr)[4] 1fr;grid-template-rows:repeat(4,1fr) 1fr;grid-template-areas:"kd" "km" "ks" "ka" "ke";font-weight:200;background:var(--key-bg-color)}.calc__numeric,.calc__operator{-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}@media screen and (min-width:30rem){.calc__numeric,.calc__operator{opacity:0.3}}.calc__numeric a,.calc__operator a{display:-ms-grid;display:grid;color:var(--color-txt);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;text-decoration:none}@media screen and (min-width:30rem){.calc__numeric span,.calc__operator span{text-shadow:0 0 1rem var(--sh-key-text);width:var(--key-size);height:var(--key-size);-webkit-box-shadow:-1px -1px 0 var(--sh-key-light),2px 2px 0.4rem var(--sh-key-dark);box-shadow:-1px -1px 0 var(--sh-key-light),2px 2px 0.4rem var(--sh-key-dark);border-radius:calc(var(--key-size) / 4);text-align:center;line-height:var(--key-size);-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;--color:#f60}.calc__numeric span:hover,.calc__operator span:hover{color:var(--color);background:var(--key-bg-active);background:transparent;-webkit-box-shadow:-1px -1px 0 #fff2,0px 0px 0.4rem #0002;box-shadow:-1px -1px 0 #fff2,0px 0px 0.4rem #0002}.calc__numeric span:active,.calc__operator span:active{color:var(--color);-webkit-box-shadow:-1px -1px 0 #fff1,inset 0rem 0rem 1rem #ffffff0C,0px 0px 0.4rem #0002;box-shadow:-1px -1px 0 #fff1,inset 0rem 0rem 1rem #ffffff0C,0px 0px 0.4rem #0002}}@media screen and (min-width:30rem){.calc__numeric span{--key-size:6rem;width:var(--key-size);height:var(--key-size)}}.k0{-ms-grid-row:4;-ms-grid-column:2;grid-area:k0}.k1{-ms-grid-row:3;-ms-grid-column:1;grid-area:k1}.k2{-ms-grid-row:3;-ms-grid-column:2;grid-area:k2}.k3{-ms-grid-row:3;-ms-grid-column:3;grid-area:k3}.k4{-ms-grid-row:2;-ms-grid-column:1;grid-area:k4}.k5{-ms-grid-row:2;-ms-grid-column:2;grid-area:k5}.k6{-ms-grid-row:2;-ms-grid-column:3;grid-area:k6}.k7{-ms-grid-row:1;-ms-grid-column:1;grid-area:k7}.k8{-ms-grid-row:1;-ms-grid-column:2;grid-area:k8}.k9{-ms-grid-row:1;-ms-grid-column:3;grid-area:k9}.kz{-ms-grid-row:4;-ms-grid-column:1;grid-area:kz}.kb{-ms-grid-row:4;-ms-grid-column:3;grid-area:kb;font-size:1.3rem}.kb span:before{content:"sup"}.kb:active span:after{content:"-";position:absolute;display:block;width:90vw;text-align:right;padding:2rem;padding-right:4rem;top:-13.25rem;font-size:5rem;right:-1.5rem;color:#666;background:var(--bg-result)}@media screen and (min-width:30rem){.kb:active span:after{color:var(--color-result);background:var(--bg-app)}}.ka{-ms-grid-row:4;-ms-grid-column:1;grid-area:ka}.ks{-ms-grid-row:3;-ms-grid-column:1;grid-area:ks}.km{-ms-grid-row:2;-ms-grid-column:1;grid-area:km}.kd{-ms-grid-row:1;-ms-grid-column:1;grid-area:kd}.ke{-ms-grid-row:5;-ms-grid-column:1;grid-area:ke}.ke{background:var(--bg-key-return);border-left:1px solid var(--bg-app);font-size:2.5rem}.fn{background:var(--bg-app);position:absolute;width:var(--w);text-align:center;top:0;right:calc(0rem - var(--w));bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:10}@media screen and (min-width:30rem){.fn{-webkit-transition:width 0.2s,background 0.4s;-o-transition:width 0.2s,background 0.4s;transition:width 0.2s,background 0.4s;width:calc(var(--w) * 1.5);position:fixed;background:#00000000;right:0;top:0;-webkit-box-shadow:0 0 10rem #0000;box-shadow:0 0 10rem #0000}}.fn:before{-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;-o-transition:transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;content:"";display:block;width:0.4rem;height:0.4rem;border-top:0.1rem solid var(--color-txt);border-left:0.1rem solid var(--color-txt);-webkit-transform:translate(0.5rem,31.25vh) rotate(-45deg);-ms-transform:translate(0.5rem,31.25vh) rotate(-45deg);transform:translate(0.5rem,31.25vh) rotate(-45deg)}@media screen and (min-width:30rem){.fn:before{-webkit-transform:translate(0.5rem,50vh) rotate(-45deg);-ms-transform:translate(0.5rem,50vh) rotate(-45deg);transform:translate(0.5rem,50vh) rotate(-45deg)}}.fn__trigger{display:-ms-grid;display:grid;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:end;grid-auto-flow:row;padding:1rem}@media screen and (min-width:30rem){.fn__trigger{-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.fn__trigger a{color:var(--color-txt);letter-spacing:2px;text-decoration:none;text-align:left;font-size:0;line-height:1;margin-left:3rem;position:relative}@media screen and (min-width:30rem){.fn__trigger a:hover{font-weight:300;text-shadow:-1.2rem 7px 0 var(--sh-box)}}@media screen and (min-width:30rem){.fn__trigger a{line-height:3}}.open{width:100vw}.open:before{-webkit-transform:translate(0.5rem,31.25vh) rotate(-225deg);-ms-transform:translate(0.5rem,31.25vh) rotate(-225deg);transform:translate(0.5rem,31.25vh) rotate(-225deg)}@media screen and (min-width:30rem){.open:before{-webkit-transform:translate(0.5rem,50vh) rotate(-225deg);-ms-transform:translate(0.5rem,50vh) rotate(-225deg);transform:translate(0.5rem,50vh) rotate(-225deg)}}@media screen and (min-width:30rem){.open{-webkit-box-shadow:-15vw 0 20rem 10rem var(--bg-app);box-shadow:-15vw 0 20rem 10rem var(--bg-app);background:var(--bg-app);width:50vw}}.open a{font-size:1.2rem}@media screen and (min-width:30rem){.open~.calc__numeric,.open~.calc__operator{opacity:0;pointer-events:none}}@media screen and (min-width:30rem){.calc:hover .calc__numeric,.calc:hover .calc__operator{opacity:0.65}.calc:hover .calc__keyboard:before{background-image:-o-linear-gradient(305deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.06) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 55%);background-image:linear-gradient(-215deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.06) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 55%);opacity:1}}@media screen and (min-width:30rem){.calc:hover .open~.calc__numeric,.calc:hover .open~.calc__operator{pointer-events:none;opacity:0}}
/*# sourceMappingURL=layout.min.css.map */