html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a{text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}:root.dark{--global-background:#1f1f1f;--text-color:hsla(0,0%,100%,.726);--calculator-background:#303030;--calculator-overlay:none;--calculator-button-color:hsla(0,0%,100%,.966);--calculator-button-background-color:rgba(78,78,78,.548);--calculator-button-active-background-color:rgba(78,78,78,.342);--calculator-button-unique-color:var(--calculator-button-color);--calculator-button-unique-background-color:#636363;--calculator-button-unique-active-background-color:#636363e3;--ball-color:hsla(0,0%,52%,.966);--checked-slider-color:hsla(0,0%,100%,.726);--history-global-background-color:#161616;--history-buttons-outline-color:#cecece;--history-svgs-fill:hsla(0,0%,100%,.726)}:root.dark .calculation,:root.dark .display-bar,:root.dark .input-bar,:root.dark .option-toggle,:root.dark .trash-button span{color:var(--text-color)}:root.dark .history-button:focus-visible{outline:var(--history-buttons-outline-width) var(--history-buttons-outline-style) var(--history-buttons-outline-color)}:root.dark input:checked:focus-visible+.slider,:root.dark input:focus-visible+.slider{--slider-outline-color:var(--calculator-button-color)}:root.dark .calculator-button:focus-visible,:root.dark .calculator-button:last-child:focus-visible{outline:var(--calculator-button-outline-width) var(--calculator-button-outline-style) var(--calculator-button-color)}:root.dark .calculator-button:last-child:focus-visible{outline-color:var(--calculator-button-unique-color)}:root{--global-background:#ffdfe5}.hide{visibility:hidden}body{background-color:var(--global-background);font-family:Inter,sans-serif}body,button{font-size:2rem}.copy-button,.history-button,.input-bar,.trash-button{background:none;border:none}.calculation:hover,.calculator-button,.copy-button,.history-button,.trash-button{cursor:pointer}main{align-items:center;display:flex;justify-content:center;margin:5px}@media screen and (max-width:319px) and (min-height:560px),screen and (max-width:369px) and (min-height:650px),screen and (min-height:700px){main{height:100vh;margin:0 5px}}.wrapper{width:calc(var(--calculator-button-width)*4)}.global-options-container{display:flex;justify-content:space-between;max-height:22px}.calculator-button,.copy-button,.history-button,.option-toggle,.trash-button{-webkit-tap-highlight-color:transparent}.calculation-options-container .trash-button,.calculator-button,.copy-button,.history-button{padding:1px 6px}.calculation-options-container .trash-button,.copy-button{margin:0}.calculator-button,.history-list-container>.trash-button,.input-bar{font-family:Arial,sans-serif}:root{--option-toggle-font-size:0.85rem;--slider-height:22px;--slider-width:calc(var(--slider-height)*2 - var(--slider-padding));--slider-padding:6px;--slider-outline-width:3px;--slider-outline-style:solid;--slider-outline-color:#000;--slider-transition-duration:0.4s;--unchecked-slider-color:#ccc;--checked-slider-color:#5a00b5;--ball-height:calc(var(--slider-height) - var(--slider-padding));--ball-moveX:calc(var(--slider-height) - var(--slider-padding));--ball-color:#fff}.option-toggle{align-items:center;display:flex;font-size:var(--option-toggle-font-size);font-size:clamp(10px,var(--option-toggle-font-size),16px);justify-content:space-between}.hide-input{height:0;opacity:0;width:0}.slider{background-color:var(--unchecked-slider-color);border-radius:var(--slider-height);cursor:pointer;height:var(--slider-height);position:relative;transition:background-color var(--slider-transition-duration);width:var(--slider-width)}input:checked+.slider{background-color:var(--checked-slider-color)}input:focus-visible+.slider{outline:var(--slider-outline-width) var(--slider-outline-style) var(--slider-outline-color)}input:checked:focus-visible+.slider{--slider-outline-color:rgba(255,73,194,.589)}.slider:before{background-color:var(--ball-color);border-radius:50%;bottom:calc(var(--slider-padding)/2);content:"";height:var(--ball-height);left:calc(var(--slider-padding)/2);position:absolute;transition:var(--slider-transition-duration);width:var(--ball-height)}input:checked+.slider:before{transform:translateX(var(--ball-moveX))}:root{--calculator-background:linear-gradient(180deg,#ff2525 0%,#6100ff);--calculator-overlay:hsla(0,0%,100%,.68)}.calculator-container{background:var(--calculator-background);margin-top:5px;overflow:hidden;position:relative;z-index:0}.calculator-container:after{background:var(--global-background);content:"";display:block;height:90px;position:absolute;right:-270px;top:60px;transition:transform .75s ease-in-out;width:270px;z-index:0}.calculator-container.wipeout-slider:after{transform:translateX(-260px)}.calculator-container:before{background:var(--calculator-overlay);content:"";height:102%;left:-2px;position:absolute;top:-2px;width:102%;z-index:-1}:root{--history-global-background-color:#ffd2da}.history-container{font-size:clamp(20px,2rem,34px);padding-left:5px;position:relative}.tooltip{background-color:var(--global-background);border-radius:8px;color:var(--text-color);font-size:1rem;font-size:clamp(15px,1rem,25px);left:55px;padding:2px 0;position:absolute;text-align:center;top:5px;width:50px;z-index:1}.tooltip:after{border-color:transparent var(--global-background) transparent transparent;border-style:solid;border-width:5px;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}.tooltip{opacity:0;transform:translateY(13px);transition:transform .75s,opacity .75s}.show-tooltip{opacity:1;transform:translateY(0)}.history-list-container{background-color:var(--history-global-background-color);border-radius:10px;display:flex;flex-direction:column;font-size:1rem;height:340px;position:absolute;top:10px;width:97.25%;z-index:2}.history-list{height:100%;margin:20px 5px 0;overflow-y:auto}.history-list li:first-child{margin-top:8px}.history-list li:not(:last-child){margin-bottom:22px}.history-calculation-container{align-items:center;display:flex;justify-content:space-between}.calculation{align-items:center;display:flex;max-width:190px;max-width:76%}.calculation:hover{border-bottom:1.5px solid var(--history-svgs-fill);padding-top:1.5px}.calculation:active{transform:translateY(.5px)}.calculation span:first-child{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis}.answer,.calculation span:first-child{white-space:nowrap}.calculation-equals{padding:0 5px}:root{--history-buttons-outline-width:3px;--history-buttons-outline-style:solid;--history-buttons-outline-color:#000;--history-svgs-fill:#2c0768}svg{fill:var(--history-svgs-fill);pointer-events:none}.history-button{font-size:clamp(20px,2rem,34px);margin-top:15px;position:relative;width:45px;z-index:3}.copy-button{align-self:center;display:flex;min-width:24.38px;width:1.875rem}.calculation-options-container .trash-button svg,.copy-button svg{height:100%;width:100%}.calculation-options-container .trash-button:active,.copy-button:active,.trash-button:active svg{transform:translateY(1.5px);transition:transform .1s ease}.trash-button{margin-top:5px}.calculation-options-container{display:flex;justify-content:space-between;width:55px}.calculation-options-container .trash-button{align-self:center;display:flex;margin:0;min-width:28.44px;position:relative;top:.5px;width:2.188rem}.history-list-container>.trash-button{align-items:center;align-self:flex-end;display:flex;padding:0}.trash-button span{color:#000}.history-list-container>.trash-button svg{width:30px}.calculation,.trash-button span{font-size:.85rem;font-size:clamp(12px,.85rem,19px)}.copy-button:focus-visible,.history-button:focus-visible,.trash-button:focus-visible{outline:var(--history-buttons-outline-width) var(--history-buttons-outline-style) var(--history-buttons-outline-color)}:root{--calculation-display-color:#310063;--input-bar-font-size:clamp(17.5px,1.75rem,29px)}.display-bar,.input-bar{color:var(--calculation-display-color)}.calculation-display-container{font-size:clamp(20px,2rem,34px);max-height:105px;min-height:89px;text-align:right}.input-bar{caret-color:transparent;font-size:1.75rem;font-size:var(--input-bar-font-size);letter-spacing:1px;margin:0;padding:1px 2px;text-align:right;width:100%}.input-bar:focus{outline:none}.display-bar{font-size:2.15rem;font-size:clamp(21.5px,2.15rem,34.4px);height:49px;margin-top:15px}.move-up-input{opacity:0;position:relative;transform:translateY(-60px);transition:all 1s;z-index:-1}.move-up-display{font-family:Arial;font-size:1.75rem;font-size:var(--input-bar-font-size);letter-spacing:1px;transform:translate3d(-2px,-48px,0);transition:all .833s}.calculator-buttons-container{align-items:center;display:flex;flex-direction:column;margin-top:17px}.calculator-buttons-row{display:flex}:root{--calculator-button-width:65px;--calculator-button-height:65px;--calculator-button-margin-top:0px;--calculator-button-border-radius:0px;--calculator-button-span2-col:calc(var(--calculator-button-width)*2);--calculator-button-span2-row:calc(var(--calculator-button-height)*2);--calculator-button-translateY:1px;--calculator-button-outline-width:3px;--calculator-button-outline-style:solid;--calculator-button-outline-color:var(
    --calculator-button-unique-background-color
  );--calculator-button-outline-offset:-3px;--calculator-button-color:#2c0768;--calculator-button-background-color:#fff;--calculator-button-active-background-color:hsla(0,0%,100%,.747);--calculator-button-unique-color:#fff;--calculator-button-unique-background-color:#5a00b5;--calculator-button-unique-active-background-color:#47008d;--calculator-button-unique-outline-color:var(
    --calculator-button-background-color
  )}.brackets{background-color:var(--history-global-background-color);display:flex;left:25%;padding:10px;position:absolute;z-index:1}.calculator-button{background-color:var(--calculator-button-background-color);border:none;border-radius:var(--calculator-button-border-radius);color:var(--calculator-button-color);font-size:clamp(20px,2rem,44px);height:var(--calculator-button-height);margin-top:var(--calculator-button-margin-top);transition:transform .5s ease;transition:background-color .1s ease;user-select:none;width:var(--calculator-button-width)}.bracket{border-radius:calc(var(--calculator-button-border-radius)/2);font-size:1.5rem;height:calc(var(--calculator-button-height)/1.5);margin:0 5px;width:calc(var(--calculator-button-width)/1.5)}.calculator-button:focus-visible,.calculator-button:last-child:focus-visible{outline:var(--calculator-button-outline-width) var(--calculator-button-outline-style) var(--calculator-button-outline-color);outline-offset:var(--calculator-button-outline-offset)}.calculator-button:last-child:focus-visible{outline-color:var(--calculator-button-unique-outline-color)}.calculator-button:active{background-color:var(--calculator-button-active-background-color);transform:translateY(var(--calculator-button-translateY))}.calculator-button:last-child:active{background-color:var(--calculator-button-unique-active-background-color)}.calculator-button:last-child{background-color:var(--calculator-button-unique-background-color);color:var(--calculator-button-unique-color);opacity:.85}.bracket:last-child{background-color:var(--calculator-button-background-color);color:var(--calculator-button-color)}.bracket:last-child:focus-visible{outline-color:var(--calculator-button-outline-color)}.bracket:last-child:active{background-color:var(--calculator-button-active-background-color)}.calculator-buttons-row:last-child :last-child{width:var(--calculator-button-span2-col)}@media screen and (min-width:280px){:root{--calculator-button-width:70px;--calculator-button-height:70px;--slider-height:26px}.global-options-container{max-height:26px}.calculator-container:after{right:-280px;width:280px}.calculator-container.wipeout-slider:after{transform:translateX(-280px)}.history-button,.history-container{font-size:clamp(20px,2rem,34px)}.display-bar{font-size:2.25rem;font-size:clamp(22.5px,2.25rem,34.4px)}.move-up-display{font-size:1.75rem;font-size:var(--input-bar-font-size)}.calculator-button{font-size:clamp(20px,2rem,48px)}}@media screen and (min-width:320px){:root{--calculator-button-margin-top:8px;--calculator-button-border-radius:10px;--calculator-button-span2-col:calc(var(--calculator-button-width)*2 + 9px);--calculator-button-span2-row:calc(var(--calculator-button-height)*2 + 9px);--calculator-button-outline-offset:0px;--option-toggle-font-size:1rem}.wrapper{width:370px}.option-toggle{font-size:clamp(10px,var(--option-toggle-font-size),20px)}.calculator-container{padding-bottom:15px}.calculator-container,.calculator-container:before{border-radius:12.5px}.calculator-container:after{border-bottom-left-radius:15px;border-top-left-radius:15px;height:110px;right:-100%;top:60px;width:100%}.calculator-container.wipeout-slider:after{transform:translateX(-100%)}.history-button,.history-container{font-size:clamp(22px,2rem,34px)}.history-button{width:50px}.trash-button{margin-top:2.5px}.calculation-options-container{width:60px}.history-list li:not(:last-child){margin-bottom:19px}.history-list-container>.trash-button svg{width:38px}.calculation,.history-list-container .trash-button span{font-size:clamp(13px,1rem,21px)}.calculation-display-container{max-height:125px;min-height:108px;padding:0 10px}:root{--input-bar-font-size:clamp(20px,2rem,34px)}.input-bar{font-size:2rem;font-size:var(--input-bar-font-size)}.display-bar{align-items:center;display:flex;font-size:2.6rem;font-size:clamp(26px,2.6rem,41.6px);height:68px;justify-content:flex-end}.move-up-display{font-size:2rem;font-size:var(--input-bar-font-size);transform:translate3d(-2px,-68px,0)}.calculator-buttons-container{text-align:center}.brackets{border-radius:10px;left:30%;top:30%}.calculator-buttons-container,.calculator-buttons-row{display:block}.calculator-buttons-row{font-size:clamp(32px,2rem,32px)}.calculator-button{font-size:clamp(20px,2rem,34px)}}@media screen and (min-width:370px){:root{--calculator-button-width:80px;--calculator-button-height:80px}.option-toggle{font-size:clamp(10px,var(--option-toggle-font-size),25px)}.calculator-container:after{height:130px;right:-370px;top:57px;width:370px}.calculator-container.wipeout-slider:after{transform:translateX(-360px)}.history-list-container{height:370px}.calculation{max-width:260px}.calculation span:first-child{max-width:100%}.calculation-options-container{width:69.5px}.history-button,.history-container{font-size:clamp(20px,2rem,34px)}.calculation-display-container{max-height:128px;min-height:111px}:root{--input-bar-font-size:clamp(22.5px,2.25rem,38px)}.input-bar{font-size:2.25rem;font-size:var(--input-bar-font-size)}.display-bar{font-size:3rem;font-size:clamp(30px,3rem,48px)}.move-up-display{font-size:2.25rem;font-size:var(--input-bar-font-size);transform:translate3d(-2px,-71px,0)}.brackets{left:27.4%;top:25%;width:169px}.bracket{border-radius:calc(var(--calculator-button-border-radius)/1.25);font-size:1.75rem;height:calc(var(--calculator-button-height)/1.25);width:calc(var(--calculator-button-width)/1.25)}.calculator-button{font-size:clamp(20px,2rem,50px)}}@media (prefers-color-scheme:dark){:root:not(.dark){--global-background:#1f1f1f;--text-color:hsla(0,0%,100%,.726);--calculator-background:#303030;--calculator-overlay:none;--calculator-button-color:hsla(0,0%,100%,.966);--calculator-button-background-color:rgba(78,78,78,.548);--calculator-button-active-background-color:rgba(78,78,78,.342);--calculator-button-unique-color:var(--calculator-button-color);--calculator-button-unique-background-color:#636363;--calculator-button-unique-active-background-color:#636363e3;--ball-color:hsla(0,0%,52%,.966);--checked-slider-color:hsla(0,0%,100%,.726);--history-global-background-color:#161616;--history-buttons-outline-color:#cecece;--history-svgs-fill:hsla(0,0%,100%,.726)}.calculation,.display-bar,.input-bar,.option-toggle,.trash-button span{color:var(--text-color)}.history-button:focus-visible{outline:var(--history-buttons-outline-width) var(--history-buttons-outline-style) var(--history-buttons-outline-color)}input:checked:focus-visible+.slider,input:focus-visible+.slider{--slider-outline-color:var(--calculator-button-color)}.calculator-button:focus-visible,.calculator-button:last-child:focus-visible{outline:var(--calculator-button-outline-width) var(--calculator-button-outline-style) var(--calculator-button-color)}.calculator-button:last-child:focus-visible{outline-color:var(--calculator-button-unique-color)}}