*{margin:0;padding:0}:focus{outline:none}html{font-family:"Noto Sans",Sans-serif;background-color:#000;color:#fff;font-size:16px}body{height:100vh}h1{font-size:48px}h1,h2,h3,h4,h5,h6{display:block}a{color:#fff;margin:0 5px}a:active{color:#ddd}.link{text-decoration:underline}.link:hover{cursor:pointer}#container,#root-container{width:100%;height:100%}#root-container>#container>div{height:auto}#container>div:not(#home){display:flex}.section{background-color:#222}button{cursor:pointer;padding:8px;border:none;background-color:#444;color:#fff;font-size:16px}button.selected,button:active{background-color:#3a3}button.bigButton{background-color:#04c;border-radius:10px;font-size:32px;padding:15px;width:100%}button.bigButton:active{background-color:#06c}.tiny{font-size:12px}.hidden{visibility:hidden}header{display:flex;justify-content:flex-start;height:50px;background-color:#222;margin-bottom:10px;border-bottom:2px solid #222}.homelink.selected,.navlink.selected{border-bottom:2px solid #3a3}.navlink{border-bottom:2px solid #222;height:100%;border-right:1px solid #aaa;transition:background-color .4s ease,border-color .4s ease}.navlink:hover{cursor:pointer;background-color:#444}.navlink>div{font-size:20px;margin:10px 15px}.homelink{border-bottom:2px solid #222;height:100%;transition:border-color .4s ease}.homelink>div{font-size:24px;margin:8px 25px}.homelink:hover{cursor:pointer}header>.right{position:absolute;display:flex;justify-content:flex-start;height:50px;right:0}header>.right>div{border-left:1px solid #aaa;border-right:none}header button.icon{display:block;position:absolute;right:0;top:0;width:49px;height:49px;font-size:24px}header img{height:24px}@media only screen and (max-width:800px){header{height:100px}.homelink,.navlink{height:50px}header>div.right{top:50px}}@media only screen and (max-width:600px){header{height:50px;flex-direction:column}header.dropped{height:250px}header>.links{display:none;flex-direction:column}header .navlink{border:none}header.dropped>.links{display:flex}}#project-title{font-family:"Poppins",sans-serif;font-size:10vw;text-align:center}#project-title>img{width:10vw;height:10vw}#project-description{font-family:"Lexend Peta",sans-serif;font-style:italic;font-size:1vw;text-align:center}.homelinks{display:flex;flex-direction:row;align-items:stretch;width:100%}.blocklink{border-radius:10px;flex-grow:2;margin:2vw;padding:8vw 0;text-align:center;font-size:2.5vw;background-color:#101010;transition:flex-grow .5s ease,background-color .5s ease}.blocklink:hover{cursor:pointer;background-color:#104010;flex-grow:3}#socials{display:flex;justify-content:flex-end;padding-right:20px}#github-link{border-radius:32px;padding:1px;transition:background-color .4s ease}#github-link:hover{cursor:pointer;background-color:#fff}@media only screen and (max-width:1400px){#project-description{font-size:1.5vw}}@media only screen and (max-width:800px){#socials{top:120px}#project-title{font-size:15vw}#project-title>img{width:15vw;height:15vw}#project-description{font-size:3vw}.homelinks{flex-direction:column}.blocklink{font-size:4vw}}@media only screen and (max-width:600px){#project-title{margin-top:30px}#project-title>img{width:20vw;height:20vw}#socials{top:70px}.blocklink{font-size:6vw}}.number{margin-bottom:20px}.number>input{width:200px;border:none;background-color:transparent;color:inherit;font-size:inherit;font-family:inherit;transition:border-color .2s ease,width .5s ease}.number>input:not(:focus){width:50px}.number>input.valid{border-bottom:2px solid #0c0}.number>input.invalid{border-bottom:2px solid #c00}.select,.switch{margin-bottom:20px}.switch>.switchBg{cursor:pointer;position:absolute;width:50px;height:20px;border-radius:10px;background-color:#c33;transition:background-color .2s}.switch>.switchBg.active{background-color:#3c3}.switch>.switchSlider{cursor:pointer;position:relative;left:-2px;width:20px;height:20px;border-radius:10px;background-color:#333;transition:left .2s}.switch>.switchSlider.active{left:32px}.largeSwitch>.switchBg{width:100px;height:40px;border-radius:20px}.largeSwitch>.switchSlider{width:40px;height:40px;border-radius:20px}.largeSwitch>.switchSlider.active{left:62px}.tabs>.tabsHead{display:flex;flex-direction:row;align-items:stretch;width:100%}.tabs>.tabsHead>button{flex:1 1}.tabs>.tabsBody{padding:20px}#parameters{height:auto}#parameters .number{display:block}.table{height:100%;flex-direction:column}.row,.table{display:flex}.row{flex-direction:row;justify-content:center}.divider{min-height:20px}.hit{background-color:#c33}.hit.active,.hit:hover{background-color:#e55}.stand{background-color:#cc3}.stand.active,.stand:hover{background-color:#ee5}.doublehit{background-color:#33c}.doublehit.active,.doublehit:hover{background-color:#55e}.doublestand{background-color:#3cc}.doublestand.active,.doublestand:hover{background-color:#5ee}.split{background-color:#3c3}.split.active,.split:hover{background-color:#5e5}.surrenderhit{background-color:#eee;color:#000!important}.surrenderhit.active,.surrenderhit:hover{background-color:#ccc}.surrenderstand{background-color:#eec;color:#000!important}.surrenderstand.active,.surrenderstand:hover{background-color:#cca}.surrendersplit{background-color:#cec;color:#000!important}.surrendersplit.active,.surrendersplit:hover{background-color:#aca}.box,.label{width:2.4vh;height:2.4vh;color:#fff;font-size:1.1vh;font-weight:700;justify-content:center;display:flex;flex-flow:row wrap;align-items:center}.box{cursor:pointer}.smalllabel{font-size:.9vh}#analysis{padding:20px}#analysis>#header{font-size:40px}#analysis>#header.bottomMargin{margin-bottom:20px}#analysis>#insurance{font-size:36px;margin-bottom:20px}#analysis>#edge{font-size:36px}#analysis>.bestmove{font-size:30px;margin-bottom:20px}#analysis>.dealerInfo{margin-bottom:20px}#analysis>.actionInfo>div:first-child,#analysis>.dealerInfo>div:first-child{font-size:28px}#analysis>.actionInfo>div:not(first-child),#analysis>.dealerInfo>div:not(first-child){font-size:20px}#analysis .small{font-size:24px}.deepred{color:#a22}.deepred,.red{font-weight:700}.red{color:#f33}.lightred{font-weight:700;color:#f66}.yellow{color:#ff3}.blue,.yellow{font-weight:700}.blue{color:#3af}.deepgreen{font-weight:700;color:#3a3}.green{font-weight:700;color:#6f6}.lightgreen{font-weight:700;color:#9f9}.white{font-weight:700;color:#ddd}.table{flex:5 1}#parameters{flex:2 1}#analysis{flex:3 1;height:auto}@media only screen and (max-width:1200px){#strategy{flex-wrap:wrap}#parameters{flex:7 0 30%}.table{flex:12 0 30%}#analysis{flex:19 0 50%}}@media only screen and (max-width:800px){#strategy{flex-direction:column}#parameters,.table{flex:1 0 50%}.table{padding:20px}#analysis{flex:1 0 50%}}.graphContainer{margin:20px;width:480px;height:270px;padding-bottom:20px}.graph{flex-direction:row;border-bottom:2px solid #fff;border-left:2px solid #fff;height:270px}.graph,.graphContainer>.labels{display:flex;align-items:stretch}.graphContainer>.labels{justify-content:stretch}.graphContainer>.labels span{flex:1 1;text-align:center;display:inline-block;font-style:italic;font-size:12px}.graph .columnContainer{display:flex;flex:1 1}.graph .column{flex:1 1;margin:auto 5px 0;background-color:#0cc}.columnInfoContainer{position:absolute}.columnInfo{position:relative;top:-62px;border-radius:10px;background-color:#333;color:#fff;border:3px solid #fff;padding:5px;z-index:1}#simOutcome{padding:20px;height:auto}#simOutcome>#simOutcomeHeader{display:flex;justify-content:space-between;height:50px}#simOutcome .switch{width:100px}#simOutcome .graphContainer{width:80%;margin-left:auto;margin-right:auto}#simOutcome #handsPlayed{font-size:24px;text-align:center}#simOutcome #playerEdge{font-size:32px;font-style:bold;text-align:center}#simRules .number{display:inline-block;margin-bottom:0}.rule .number>input{width:50px}#addRule{width:100%;font-size:32px}#simRules>.tabs>.tabsBody{padding:0}.rule{padding:10px}.rule>.delete{font-size:24px;position:absolute;right:10px}.rule>.delete:hover{cursor:pointer}.ending{padding:10px}#simOutcome{flex:6 0 55%}#simRules{flex:2 0 20%}@media only screen and (max-width:1200px){#simulation{flex-wrap:wrap}#parameters{flex:4 0 30%}#simOutcome{flex:6 0 30%}#simRules{flex:10 0 50%}}@media only screen and (max-width:800px){#simulation{flex-direction:column}#parameters{flex:1 0}#simOutcome{width:auto;flex:1 0}#simRules{flex:1 0}}#game{padding:10px}#game #actions{display:flex;justify-content:space-around}#game canvas{width:100%;height:70vh}#actions button{background-color:#c60;width:15%;padding:10px;font-size:1.5vw;border-radius:10px}#actions button:active{background-color:#c80}#chips{height:64px;max-height:10vw;padding:1vw}#chips img{float:right;margin-left:1vw;max-width:10%;height:auto}#chips img:hover{cursor:pointer}button.gray{background-color:#666!important;color:#bbb;cursor:auto!important}@media only screen and (max-width:800px){#actions{justify-content:flex-start;flex-wrap:wrap}#actions button{font-size:2.5vw;width:30%;margin-bottom:10px}}.dropdown{display:inline-block;background-color:#444;border:none;color:inherit;font-size:inherit;margin:5px}.dropdown:hover{cursor:pointer}.dropdown>.dropdownText{padding:5px}.dropdown>.options{position:absolute}.dropdown>.options>.option{padding:5px;background-color:#444}.dropdown>.options>.option:hover{background-color:#3a3}#gameSetup .number{display:inline-block}#gameSetup .number>input{width:50px}#practiceAnalysis{font-size:20px}#practiceAnalysis .system{font-weight:700;font-size:30px}#practiceAnalysis span{font-size:24px}#practiceAnalysis #count>div:first-child,#practiceAnalysis #perfect>div:first-child{font-weight:700;font-size:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:10px;text-align:center;margin:10px 0}#practiceAnalysis div#insurance{font-size:24px}#practiceAnalysis #count div#insurance div,#practiceAnalysis #perfect div#insurance div{margin-left:10px;display:inline-block}#practice{display:flex}#parameters{flex:2 0 20%}#game{flex:6 0 40%}#gameSetup{flex:2 0 20%}@media only screen and (max-width:1200px){#practice{flex-wrap:wrap}#parameters{flex:7 0 30%}#game{flex:12 0 30%}#gameSetup{flex:19 0 50%}}@media only screen and (max-width:800px){#practice{flex-direction:column}#game,#gameSetup,#parameters{flex:1 0 60%}}.codeblock code{border-radius:5px}@media only screen and (max-width:1400px){#install{flex-direction:column}}#install>#install-instructions,#install>#usage{flex:1 1;padding:0 40px}#install .center{text-align:center;padding-left:20px;margin:20px 0}#usage{margin-bottom:50px}
/*# sourceMappingURL=main.2fe6c9a8.chunk.css.map */