*{margin:0;box-sizing:border-box;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{background:#000}button{cursor:pointer}body{width:100vw;height:100vh}#root{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center}.calc-container{background:#677a90;width:80%;min-width:700px;max-width:1000px;height:300px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-evenly}.calc-container>div{width:24%;height:90%;border:2px solid #1a3359;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:20px 10px}.miscrit{background:#42556a}.card-number{color:#b6c8e1;font-size:1.5rem;font-weight:900;position:absolute;top:0;left:10px}.miscrit>button{border:none;background:none;font-size:1.2rem;font-weight:900}.white-stat{color:#fff}.red-stat{color:red}.green-stat{color:#0f0}.miscrit-rating-legend{color:#fff;font-size:1.1rem;font-weight:700}.Splus,.S{color:orange;font-weight:900}.Aplus,.A{color:red;font-weight:900}.Bplus,.B{color:#0f0;font-weight:900}.Cplus,.C{color:#f0f;font-weight:900}.Dplus,.D{color:#ff0;font-weight:900}.Fplus,.F{color:gray;font-weight:900}.Fminus{color:#222;font-weight:900}.result-container{background:#42556a}.result-title{color:#fff;font-size:1rem;font-weight:900;position:absolute;top:0;grid-column:1 / span 2;justify-self:center}.rating-possibilities-container{margin-top:10px;height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.change-all-btn{width:30px;height:30px;position:absolute;top:5px;right:5px;background:#677a90!important;border-radius:5px;display:flex;justify-content:center;transition:all .2s}.change-all-btn:hover{background:#829ab6!important}.prob-100{font-weight:900;color:red;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-60{font-weight:900;color:orange;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-40{font-weight:700;color:#ff0;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-20{font-weight:700;color:#90ee90;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-10{font-weight:700;color:#add8e6;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-1{font-weight:500;color:gray;text-shadow:1px 0 #000,-1px 0 #000,0 1px #000,0 -1px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.prob-0{font-weight:100!important;color:transparent}.result-filter{display:grid!important;grid-template-columns:1fr 1fr}.filter-result-text{color:#fff;grid-column:1 / span 2;font-weight:900;text-align:center;align-self:end}.result-container>.change-all-btn,.result-filter>.change-all-btn{background:#000!important;color:#fff;font-size:1.2rem;border:none;font-weight:900}.filter-result-text>.prob-0{color:#000!important;font-weight:900!important}@media (width < 987px){.calc-container{text-align:center;flex-wrap:wrap;min-width:300px;width:auto;height:auto;row-gap:10px;margin:10px}.calc-container>div{width:30%;margin-top:20px;margin-bottom:20px}.result-container,.result-filter{margin-top:0!important;width:95%!important}.rating-possibilities-container{grid-template-columns:1fr 1fr 1fr 1fr;text-align:start}}