@charset "UTF-8";#graph-transitions:focus-visible~.graph-controls [for=graph-transitions],#show-all-css:focus-visible~.graph-controls [for=show-all-css],#show-color-options:focus-visible~.graph-controls [for=show-color-options]{outline:.2rem solid #ff1b1c}@counter-style nothing{system:numeric;symbols:"" "";negative:""}@counter-style sign{system:numeric;symbols:"" ""}@counter-style decimal-point{system:cyclic;symbols:".";range:1 infinite;fallback:nothing}@counter-style decimal-places{system:numeric;symbols:"0" "1" "2" "3" "4" "5" "6" "7" "8" "9";range:0 infinite;fallback:nothing}@counter-style zeros{system:symbolic;symbols:"0";range:1 infinite;fallback:nothing}.graphing-calculator .recursion1{--recursion1:var(--recursion2) + 1;--i:(var(--recursion1))}.graphing-calculator .recursion2{--recursion2:var(--recursion1) + 1;--i:(var(--recursion2))}.graphing-calculator{--recursion2:-1;--x-min-lim:-10;--x-max-lim:10;--y-min-lim:-10;--y-max-lim:10;--point-size:5px;--marker-decimal-places:1;--transition-time:1s;--transition-delay:0.4s;--divisions:8;--n:150;--decimal-places:clamp(0,var(--marker-decimal-places),9);--x-step:calc((var(--x-max-lim) - var(--x-min-lim))/var(--n));--x-grid-line-step:calc((var(--x-max-lim) - var(--x-min-lim))/var(--divisions));--y-grid-line-step:calc((var(--y-max-lim) - var(--y-min-lim))/var(--divisions));--small-gap:1rem;--max-grid-width:40rem;--grid-width:40rem;--clicked-button-background:#cfcfcf;--font-size:1.1rem;--line-height:1.1;--border-color:#cfcfcf;--bottom-margin:1.8em;--grid-line-color:var(--border-color);--light-font-color:#767676;--shadow-color:#b1b1b1;width:min(var(--grid-width),100%)}section.graphing-calculator{margin:3rem 0;padding-right:1em}html{overflow-x:clip}.graph-controls{display:grid;font-size:var(--font-size);gap:.5rem .5rem;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto 1fr;line-height:var(--line-height)}@media screen and (max-width:650px){.graph-controls{display:flex;flex-direction:column}}.graph-controls div{background:var(--editable-background);border:1px solid var(--border-color);overflow:clip;transform:rotate(0deg)}.graph-controls div:focus-within{outline:1px solid #000}.graph-controls style{display:inline-block;height:100%;white-space:pre;width:100%;text-wrap:nowrap;outline:none;position:fixed;top:calc(var(--font-size)*-1*var(--line-height))}.graphing-calculator input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute}.graphing-calculator input:focus{outline:none}.graphing-calculator .bounds{grid-column:2/-1;grid-row:2/-1;height:calc(var(--font-size)*6*var(--line-height) + .2em)}.graphing-calculator .function{grid-column:1/-1;height:calc(var(--font-size)*var(--line-height) + .2em)}.graphing-calculator label{border:1px solid var(--border-color);height:-moz-fit-content;height:fit-content;padding:.2em;text-align:center}.graphing-calculator label:hover{box-shadow:2px 2px 4px var(--shadow-color)}#graph-transitions:checked~.graph-controls [for=graph-transitions],#show-all-css:checked~.graph-controls [for=show-all-css],#show-color-options:checked~.graph-controls [for=show-color-options]{background:var(--clicked-button-background)}#show-color-options:checked~.graph-controls .function{height:calc(var(--font-size)*4*var(--line-height) + .2em)}#graph-transitions:checked~.graph-controls .bounds{height:calc(var(--font-size)*8*var(--line-height) + .2em)}#show-all-css:checked~.graph-controls .bounds,#show-all-css:checked~.graph-controls .function{height:auto}#show-all-css:checked~.graph-controls style{margin:0;position:static;text-wrap:wrap}.graph{margin:var(--small-gap) 0}.graph,.points-area{transform:rotate(0deg)}.points-area{aspect-ratio:1/1;background-image:repeating-linear-gradient(var(--grid-line-color) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,var(--grid-line-color) 0 1px,transparent 1px 100%);background-size:calc((min(var(--max-grid-width), 100%) - 1px)/var(--divisions)) calc((min(var(--max-grid-width), 100%) - 1px)/var(--divisions));margin-bottom:var(--bottom-margin);overflow:hidden;width:100%}.graph .pt{--x:(var(--x-min-lim) + var(--x-step) * var(--i));left:calc((100% - var(--point-size))*var(--i)/(var(--n) - 1))}.graph .pt:before{content:"";--x:(var(--x-min-lim) + var(--x-step) * (var(--i) - 1/3));left:calc((100% - var(--point-size))*(var(--i) - .33333)/(var(--n) - 1))}.graph .pt:after{content:"";--x:(var(--x-min-lim) + var(--x-step) * (var(--i) + 1/3));left:calc((100% - var(--point-size))*(var(--i) + .33333)/(var(--n) - 1))}.graph .pt,.graph .pt:after,.graph .pt:before{--y:0;--r:0;--g:0;--b:0;background:#000;border-radius:var(--point-size);display:inline;height:var(--point-size);position:fixed;top:calc(100%*(var(--y-max-lim) - (var(--y)))/(var(--y-max-lim) - var(--y-min-lim)));width:var(--point-size)}#show-color-options:checked~.graph .pt,#show-color-options:checked~.graph .pt:after,#show-color-options:checked~.graph .pt:before{background:rgb(calc(var(--r)),calc(var(--g)),calc(var(--b)))}.graph .marker:after,.graph .marker:before{color:var(--light-font-color);display:flex;justify-content:center;position:fixed;top:100%;white-space:nowrap;width:0;--positive-value:max(var(--value),-1 * var(--value));--sign:(var(--value)/var(--positive-value));--is-32-bit:(1 - 1.401298464324817e-45/2 * 2/1.401298464324817e-45);--smallest-positive-value:(1.401298464324817e-45 * var(--is-32-bit) + 4.9406564584124654e-324);--integer-part:((var(--positive-value) - 0.499999) * var(--smallest-positive-value)/var(--smallest-positive-value));--decimal-part:(clamp(0,var(--decimal-places),1) - 1) + clamp(0,pow(10,var(--decimal-places)) * (var(--positive-value) - var(--integer-part)),pow(10,var(--decimal-places)) - 1);--number-of-zeros:var(--decimal-places) - max(0,log(var(--decimal-part) + 0.00001,10)) - 0.5001;content:counter(sign,sign) counter(integer-part) counter(has-decimal-point,decimal-point) counter(number-of-zeros,zeros) counter(decimal-part,decimal-places);counter-reset:integer-part calc(var(--integer-part)) decimal-part calc(var(--decimal-part)) sign calc(var(--sign)) has-decimal-point calc(var(--decimal-places)) number-of-zeros calc(var(--number-of-zeros))}@supports (top:calc(1px * round(down,1,1))) and (font:-apple-system-body){.graph .marker:after,.graph .marker:before{--integer-part:round(down,var(--positive-value),1)}}.graph .marker:after{height:1rem;justify-content:left;left:100%;top:calc(100%*var(--i)/var(--divisions) - .6rem);--value:(var(--y-max-lim) - var(--i) * var(--y-grid-line-step))}.graph .marker:before{left:calc(100%*var(--i)/var(--divisions));--value:(var(--i) * var(--x-grid-line-step) + var(--x-min-lim))}#graph-transitions:checked~.graph .pt,#graph-transitions:checked~.graph .pt:after,#graph-transitions:checked~.graph .pt:before{transition-delay:var(--transition-delay);transition-duration:var(--transition-time);transition-property:top,background}.available-functions{padding-left:0}.available-functions li{list-style:none}.available-functions li+li{margin-top:.5rem}.available-functions li:before{content:"❌";padding-right:.5rem}@supports (top:calc((abs(-1)) * 1px)){.available-functions #abs:before{content:"✅"}}@supports (top:calc((clamp(0,1,2)) * 1px)){.available-functions #clamp:before{content:"✅"}}@supports (top:calc((cos(0)) * 1px)){.available-functions #cos:before{content:"✅"}}@supports (top:calc((exp(1)) * 1px)){.available-functions #exp:before{content:"✅"}}@supports (top:calc((hypot(3,4)) * 1px)){.available-functions #hypot:before{content:"✅"}}@supports (top:calc((log(100,10)) * 1px)){.available-functions #log:before{content:"✅"}}@supports (top:calc((max(1,2)) * 1px)){.available-functions #max:before{content:"✅"}}@supports (top:calc((min(1,2)) * 1px)){.available-functions #min:before{content:"✅"}}@supports (top:calc((mod(5,2)) * 1px)){.available-functions #mod:before{content:"✅"}}@supports (top:calc((pow(3,2)) * 1px)){.available-functions #pow:before{content:"✅"}}@supports (top:calc((rem(5,2)) * 1px)){.available-functions #rem:before{content:"✅"}}@supports (top:calc((round(down,5.5,1)) * 1px)){.available-functions #round:before{content:"✅"}}@supports (top:calc((sign(5)) * 1px)){.available-functions #sign:before{content:"✅"}}@supports (top:calc((sin(0)) * 1px)){.available-functions #sin:before{content:"✅"}}@supports (top:calc((sqrt(1)) * 1px)){.available-functions #sqrt:before{content:"✅"}}@supports (top:calc((tan(0)) * 1px)){.available-functions #tan:before{content:"✅"}}