button{all:unset}*,button{box-sizing:border-box;margin:0;margin-block:0;margin-inline:0;border:none;padding:0;padding-inline:0;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;text-decoration:inherit;text-align:inherit}:root{--bg: #181818;--bg2: rgb(24 24 24.1);--frame: rgba(217, 203, 140, .4);--frameT: rgba(217, 203, 140, 0);--tx: #80ffc1;--txHd: #ffffff;--txHlt: #ffff70;--txLink: #fff08a;--txAside: #888888;--txFt: #888888;--txFtLink: #d9cb8c;--grid-outline: #303030;--paper: #f9f2d7;--btnDown: #d6c99c;--pen: #303030;--prime-pen: #ffffff;--prime-shadow: #000000;--big-btn-bg1: #007c44;--big-btn-bg2: #004020;--big-btn-tx: #f0f0f0;--w: min(40rem, 100vw);--t-fade: .25s;--t-marker: 1.5s;--t-btn-fade: .5s;--t-slide: 1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@font-face{font-family:DJGmaths;font-style:normal;font-weight:400;font-display:swap;src:url(./DJGmaths-basic-CW90ZpT8.woff2)}@font-face{font-family:Andika;font-style:normal;font-weight:400;font-display:swap;src:url(./andika-v25-latin-regular-CFQEN4Ue.woff2) format("woff2")}@font-face{font-family:Andika;font-style:italic;font-weight:400;font-display:swap;src:url(./andika-v25-latin-italic-Co1F-9Ay.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:200;font-display:swap;src:url(./poppins-v21-latin-200-B8tqA5oA.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(./poppins-v21-latin-300-Dku2WoCh.woff2) format("woff2")}html{font-size:1rem;line-height:1.5;font-family:Andika,sans-serif;text-decoration:none;font-weight:400;font-style:normal;text-align:left}body{background-color:var(--bg);color:var(--tx)}h1{padding:.5rem 0;font-family:Poppins,sans-serif;font-size:3rem;font-weight:200;line-height:1.25;color:var(--txHd);text-align:center}@media (width < 22rem){h1{font-size:2.5rem}}@media (width < 18rem){h1{font-size:2rem}}h2{padding:1rem 0 .5rem;font-family:Poppins,sans-serif;font-size:2rem;font-weight:200;line-height:1.25;color:var(--txHd);text-align:center}h4{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:200;line-height:1;color:var(--txHd);text-align:center}h6{padding:.375rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:300;line-height:1.25;color:var(--txFt)}p,ul,li{font-size:1.125rem}p,ul{padding:.5rem 0}ul{padding-inline-start:1.5rem}li{list-style-type:disc;list-style-position:outside}.italic{font-style:italic}.hlt{color:var(--txHlt)}.aside{color:var(--txAside)}.sidenote{font-size:1rem}p.tx-center{text-align:center}p.no-top-pad{padding-top:0}p.no-bottom-pad{padding-bottom:0}button.big-btn{margin:.5rem;min-width:3rem;min-height:3rem;border-radius:.75rem;background-image:linear-gradient(175deg,var(--big-btn-bg1),var(--big-btn-bg2));color:var(--big-btn-tx);text-align:center;transition-property:opacity;transition-duration:var(--t-btn-fade)}button.big-btn:active{background-image:linear-gradient(355deg,var(--big-btn-bg1),var(--big-btn-bg2))}button.big-btn-text{padding:.5rem 1rem;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:300}button.big-btn-char{font-family:Poppins,sans-serif;font-size:2rem;line-height:2rem;font-weight:300}button.big-btn-disabled{opacity:.1}button.big-btn-disabled:active{background-image:linear-gradient(175deg,var(--big-btn-bg1),var(--big-btn-bg2))}div.toggle-expo-wrapper{width:var(--w);padding:2rem 0 .5rem;display:flex;flex-direction:column;align-items:center}button.toggle-expo{padding:.5rem;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:200;line-height:1.25;color:var(--txHd);text-align:center}button.toggle-expo:hover{color:var(--txLink)}div.expo-outer{width:var(--w);padding:.5rem;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--t-slide) ease-in-out,opacity var(--t-slide) ease-in}div.expo-shown{opacity:1;grid-template-rows:1fr}div.expo-inner{grid-row:1 / span 2;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}div#root{padding:1rem 0 0;display:flex;flex-direction:column;align-items:center}div.erat{width:var(--w);padding:.5rem;display:flex;flex-direction:column;align-items:stretch}img.sieve{width:10rem;height:5rem;align-self:center}div.erat-row{width:var(--w);display:flex;justify-content:space-between;align-items:flex-end}div.erat-setting{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center}div.inc-dec{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}p.number-setting{width:3rem;font-family:DJGmaths,serif;font-size:2rem;line-height:2rem;color:var(--txHd);text-align:center}div#erat-grid{margin:1rem 0 1.5rem;padding:.125rem;border-radius:var(--grid-r);background-color:var(--grid-outline);display:grid;--cell-r: calc(var(--cell-w) / 8);--cell-b: calc(var(--cell-w) / 64);--cell-d: calc(var(--cell-w) * 29 / 32);--fact-w: calc(var(--cell-w) * 5 / 32);--fact-m: calc(var(--cell-w) / -64);--grid-r: calc(var(--cell-w) * 9 / 64);--tx-shad-br: calc(var(--cell-w) / 32);--d1: calc(var(--cell-w) * 9 / 16);--d2: calc(var(--cell-w) / 2);--d3: calc(var(--cell-w) * 7 / 16);--d4: calc(var(--cell-w) * 11 / 32);--d5: calc(var(--cell-w) * 9 / 32);--d6: calc(var(--cell-w) / 4);--d7: calc(var(--cell-w) * 7 / 32);--d8: calc(var(--cell-w) * 3 / 16);--d9: calc(var(--cell-w) * 11 / 64);--d10: calc(var(--cell-w) * 5 / 32)}img.mrGSieve{width:min(15rem,90vw);height:min(10rem,60vw);align-self:center}@keyframes flash{0%{opacity:0}5%{opacity:1}45%{opacity:1}to{opacity:0}}button.erat-cell{width:var(--cell-w);height:var(--cell-w);border-width:var(--cell-b);border-style:solid;border-color:var(--grid-outline);border-radius:var(--cell-r);display:grid;grid-template-columns:100%;grid-template-rows:100%;place-items:center}button.erat-cell>*{grid-column:1 / 1;grid-row:1 / 1}button.unknown{background-color:var(--paper)}button.unknown:active{background-color:var(--btnDown)}button.bg1{background-color:var(--bg);transition-property:background-color;transition-duration:var(--t-fade)}button.bg2{background-color:var(--bg2)}div.erat-cell-circle{width:var(--cell-d);height:var(--cell-d);border-radius:50%;animation-name:fade-in;animation-fill-mode:both;animation-duration:var(--t-fade);animation-timing-function:linear}div.prime-factor{position:relative;width:var(--cell-w);height:var(--cell-w);border-radius:var(--cell-r);padding:calc(var(--cell-b) * 2);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start}div.prime-factor-bg{z-index:3;position:absolute;width:100%;height:100%;top:0;left:0;border-radius:var(--cell-r);animation-name:flash;animation-fill-mode:both;animation-duration:var(--t-marker);animation-timing-function:linear}div.prime-factor-dot{flex-shrink:1;z-index:5;margin-top:var(--fact-m);width:var(--fact-w);height:var(--fact-w);border-radius:50%;animation-name:fade-in;animation-fill-mode:both;animation-duration:var(--t-fade);animation-timing-function:linear}p.erat-cell{z-index:7;font-family:DJGmaths,serif;color:var(--pen);text-align:center;-webkit-user-select:none;user-select:none}p.d1{font-size:var(--d1)}p.d2{font-size:var(--d2)}p.d3{font-size:var(--d3)}p.d4{font-size:var(--d4)}p.d5{font-size:var(--d5)}p.d6{font-size:var(--d6)}p.d7{font-size:var(--d7)}p.d8{font-size:var(--d8)}p.d9{font-size:var(--d9)}p.d10{font-size:var(--d10)}p.prime{color:var(--prime-pen);text-shadow:0 0 var(--tx-shad-br) var(--prime-shadow),0 0 calc(var(--tx-shad-br) * 2) var(--prime-shadow)}footer.at-footer{margin-top:20vh;width:100%;padding:.5rem 1rem 2rem 1.5rem;border-top-width:.0625rem;border-top-style:solid;border-image-source:linear-gradient(90deg,var(--frame),var(--frameT));border-image-slice:100 0 0 0;display:flex;flex-direction:column}@media (width < 28rem){footer.at-footer{padding:.5rem .5rem 2rem 1rem}}div.at-footer-row{display:flex;align-items:flex-end}img.djg-footer-logo{margin:.5rem 0 .5rem .375rem;width:2.25rem;height:2.25rem}a.at-footer-link:hover>h6,a.at-footer-link:active>h6{color:var(--txFtLink)}