:root{--c-l1: #eeeeee;--c-l2: #f9f9f9;--c-l3: #ffffff;--c-d1: #000000e6;--c-d2: #000000e6;--c-d3: #000000b3;--c-red: #cd1404;--c-red2: #cd14042b}html{margin:0;background:var(--c-l2);color:var(--c-d3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{margin:0;display:flex;flex-flow:column;min-height:100vh}h1{font-size:3rem;margin:1rem 0}h2{font-size:1.85rem;margin-bottom:24px}h2.ana-title{margin-bottom:0}h3{font-size:1.2rem;margin-top:0}.intro-text{font-size:1.5rem;font-weight:200;max-width:550px}footer>div,header>div{width:100%;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap;font-size:14px;box-sizing:border-box}header>div{padding-block:0!important;height:64px;align-items:center}footer{margin-top:60px}header{display:flex;align-items:center}.border-b{border-bottom:#5858583a 1px solid}.border-t{border-top:#5858583a 1px solid}main{flex-grow:1}#gohome{text-decoration:none;display:flex;align-items:center;color:inherit}#gohome:hover,#gohome:focus{opacity:.8}#logo{margin-right:10px}#sitetitle{font-weight:700;font-size:20px}#firstsec{display:grid;grid-template-columns:55% 1fr;gap:24px;margin:auto;align-items:center;overflow:hidden}main>section:first-child{padding-block:80px}.main-section{max-width:1280px;box-sizing:border-box;padding:0 32px;margin-left:auto;margin-right:auto}#analysis,#about{margin:auto}.hide{display:none}button{border:none;box-sizing:border-box}.btn,.btn2{display:inline-block;box-shadow:0 2px 4px #00000040;padding:10px 16px;cursor:pointer;color:var(--c-l3);font-weight:700;background:var(--c-red);border-radius:5px}.btn2{background:var(--c-l3);color:var(--c-red)}.intro-btn{padding:14px 20px;font-size:1.2rem}.btn3,.btn4{font-size:.9rem;cursor:pointer;border-radius:5px;display:inline-flex;box-shadow:0 2px 4px #0000001a;overflow:hidden;height:30px;min-width:30px;margin:0;border:1px solid rgb(0 0 0 / 10%);box-sizing:border-box}.btn4{color:var(--c-d3);background:var(--c-l3)}svg.btn4{padding:5px 7px}.deactivated{color:#dad0d0;cursor:not-allowed}.btn3-relative,.btn3-absolute{height:100%;padding:0 10px;box-sizing:border-box;display:flex;align-items:center}.btn3-relative{color:#585858;background:var(--c-l3)}.btn3-absolute{color:var(--c-l3);background:var(--c-red)}.btn3-absolute,.btn3-relative,.btn4{padding:5px 10px;height:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#aoiPopAttributesTable{display:grid;gap:4px;width:100%}.gr-line{display:grid;grid-template-columns:1fr 145px 50px 30px 30px;gap:7px;text-align:left;align-items:center;width:100%}.is-active>.btn3-relative{color:var(--c-l3);background:var(--c-red)}.is-active>.btn3-absolute{color:#585858;background:var(--c-l3)}.grid-item a{color:var(--c-red);text-decoration:none;font-weight:300}.grid-item a:hover,.grid-item a:focus{opacity:.8}footer p a{color:inherit;text-decoration:none;border-bottom:1px dotted;transition:all .3s ease-in-out}footer p a:hover,footer p a:focus{color:#000}.btn:hover,.btn:focus,.btn2:hover,.btn2:focus,.btn3-relative:hover,.btn3-absolute:hover,.btn4:hover,.svg-icon:hover{opacity:.8}.cont1{margin:25px 0}.anl{max-width:600px;padding:8px;margin:auto;text-align:center}.anim{animation:in-an 1s ease-in-out}.anim2{animation:in-an 1s ease-in-out forwards;animation-delay:.3s;opacity:0}.wrong{background:var(--c-red2)}.cardtitle{text-align:center;margin:0}.btnholder{display:flex;gap:7px;margin-block:12px;flex-wrap:wrap;justify-content:center}.left-align{justify-content:left}.a-icon{color:var(--c-d3);font-size:20px;display:contents}.a-icon>svg{margin-block:auto}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px;gap:24px}.grid-item{padding:24px;border-radius:12px;font-weight:200;font-size:1.1rem;box-shadow:0 2px 4px #00000040}footer p{font-weight:200;margin:0}#SPwidthInput{width:75px;text-align:center;font-size:1.1rem;color:var(--c-d3)}input{height:30px;background:var(--c-l3);border-radius:5px;box-shadow:0 2px 4px #0000001a;border:1px solid rgb(0 0 0 / 10%);box-sizing:border-box}main.text-page section>*{max-width:800px}main.text-page h1{margin-bottom:2rem}table{border:#5858583a 1px solid;border-collapse:collapse;width:100%}td,th{border:#5858583a 1px solid;padding:8px;text-align:left;vertical-align:top;line-height:1}.small-text{font-size:10px}nav{display:flex;gap:15px}header nav{margin-top:3px}a.external-link{display:flex;align-items:center;color:var(--c-d3);transition:color .25s;text-decoration:none}a.external-link:hover,.red{color:var(--c-red)}p{line-height:1.5;color:#3c3c43bf}.external-link>svg{display:inline-block;margin-left:3px;width:11px;height:11px;fill:var(--c-d3);transition:fill .25s;flex-shrink:0}.a-icon:before{margin-right:8px;margin-left:8px;width:1px;height:24px;background-color:#5858583a;content:"";pointer-events:none}@media only screen and (max-width: 1100px){h1{font-size:2.75rem}.intro-text{font-size:1.4rem}.intro-btn{font-size:1.1rem}#firstsec{padding-top:60px;padding-bottom:60px}}@media only screen and (max-width: 1000px){h1{font-size:2.6rem}.intro-text{font-size:1.3rem}.intro-btn{font-size:1.05rem;padding:12px 18px}header>div,footer>div,.main-section{padding-inline:24px}#firstsec{grid-template-columns:50% 1fr}main>section:first-child{padding-block:40px}}@media only screen and (max-width: 840px){h1{font-size:2.2rem}main>section:first-child{padding-block:30px}.intro-text{font-size:1.2rem}.about-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width: 740px){h1{font-size:2rem}h2{font-size:1.7rem}.intro-text{font-size:1.1rem}footer{font-size:.9rem;margin-top:40px}#dpt-logo{width:280px;height:auto}header>div,footer>div,.main-section{padding-inline:22px}}@media only screen and (max-width: 665px){#firstsec{grid-template-columns:1fr}#intro-pic{display:none}footer{font-size:.8rem}#dpt-logo{width:220px;height:auto}header>div,footer>div,.main-section{padding-inline:20px}}@media only screen and (max-width: 540px){.about-grid{grid-template-columns:1fr;gap:18px}header>div,footer>div,.main-section{padding-inline:18px}}@media only screen and (max-width: 420px){h1{font-size:1.9rem}h2{font-size:1.6rem}.intro-text{font-size:1rem}#intro-pic{width:460px}header>div,footer>div,.main-section{padding-inline:15px}nav{gap:8px}}@media only screen and (max-width: 380px){header>div,footer>div,.main-section{padding-inline:12px}}@keyframes in-an{0%{opacity:0}10%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}50%{opacity:1}to{opacity:0}}.cont1.disabled>*{cursor:not-allowed}