*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.active{background-color:#fff;color:#82a5f6}nav{display:flex;justify-content:space-between;align-items:center;background-color:#82a5f6;position:sticky;top:0;z-index:2}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#9eb8f5}nav .menu{position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media(max-width:656px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.7rem;gap:.4rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}.FooterContainer{background-color:#82a5f6;width:100%;min-height:100px;margin-top:auto;flex-shrink:0;padding-top:.5rem;display:flex;flex-direction:column}.FooterContainer p{color:#fff;font-size:small;font-weight:100;text-transform:none;text-align:center;margin:.5rem}form{height:100%;width:100%}.PSContainer{display:flex;justify-content:center;flex-direction:column;min-height:fit-content;margin:2rem 0;height:fit-content;width:100%}.PSLabelContainer p{font-size:large;margin-bottom:1rem;text-transform:none}.PSImageContainer{display:flex;flex-direction:row;overflow-x:scroll;overflow-y:hidden;gap:1rem;width:100%;height:300px;padding:.5rem;background-color:#9eb8f5;border-radius:5px}.SelectElement{display:flex;justify-content:space-around;flex-direction:column;height:100%;min-width:250px;background-color:#f5f5f5;border-color:#82a5f6;border-radius:1rem}.SelectElement img{height:auto;overflow-x:hidden;width:80%;min-height:auto;margin:0 10%}.SelectElement p{font-size:medium}.PackAmmountSelect{width:100%;min-height:2.5rem;height:fit-content;margin:1rem 0;padding:0 .5rem;display:flex;justify-content:space-between}.PackAmmountSelect label{width:50%;display:flex;flex-direction:column;justify-content:center;font-size:large;text-align:left}#PackAmmountInput{width:30%;text-align:center;font-size:large;margin-right:10%}.CSContainer{display:flex;justify-content:center;flex-direction:column;margin:2rem 0;height:fit-content;width:100%}.CSHeader{width:100%;height:fit-content}.CSHeader input{width:100%;height:auto;padding:.2rem 1rem;font-size:large}.CSImageContainer{display:flex;flex-direction:row;justify-content:space-around;overflow-x:scroll;overflow-y:hidden;gap:1rem;width:100%;height:fit-content;padding:.5rem;margin:1rem 0;background-color:#9eb8f5;border-radius:5px}.CSElement{display:flex;justify-content:space-between;flex-direction:column;height:100%;min-width:250px;background-color:#f5f5f5;border-color:#82a5f6;border-radius:1rem}.CSElement img{overflow-x:hidden;width:100%;min-height:auto}.CSEFooter{height:fit-content;width:100%;padding:0 1rem;margin:.5rem 0;display:flex;justify-content:center}.CSEFooter p{font-size:large;text-align:center}.CVContainer{display:flex;flex-direction:column;width:100%;padding:0 1rem;gap:1rem}.CVElement{display:flex;flex-direction:row;justify-content:space-between;min-height:30px}.CVElement input{width:20%;text-align:center;border:none;background-color:#9eb8f5;border-radius:.5rem;color:#fff;font-size:large;font-weight:700}.CVElement p{font-size:medium;font-weight:100;text-transform:none;width:50%;text-align:left;display:flex;flex-direction:column;justify-content:center}.CVElement button{width:10%;border:none;background-color:transparent;color:red;font-size:larger;font-weight:700}.ModalFooter{width:100%;height:fit-content;display:flex;flex-direction:row;justify-content:space-between;margin-top:2rem;padding:0 5%}.ModalFooter button{width:40%;height:100%;border:none;border-radius:1rem;padding:.5rem;font-size:larger;color:#fff}#firstTimeBox{display:block;width:100%;margin:1rem 0;color:#fff;background-color:#9eb8f5;padding:1rem;border-radius:.5rem}#firstTimeBox p{font-size:medium;text-transform:none;text-align:left}#firstTimeBox a{font-size:20px;color:#fff}.SetView{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.SetDisplayContainer{display:flex;flex-direction:column;justify-content:space-between;width:300px;min-height:250px;max-height:300px;padding:1rem;border-radius:1rem;background-color:#9eb8f5;color:#f5f5f5}.SetDisplayContainer p{text-align:center;font-size:auto;font-weight:bolder;width:100%}.SetDisplayContainer img{justify-content:center;width:100%;height:auto;min-height:100px;max-height:200px;border-radius:.5rem;background-color:#c2d7ff;padding:.5rem}#SetOdds{display:flex;flex-direction:column;margin:2rem 0}.RarityOddsContainer{background-color:#9eb8f5;color:#f5f5f5}.SetView{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;max-height:600px;overflow-y:scroll}.cardDisplayContainer{display:flex;flex-direction:column;justify-content:space-between;max-width:400px;padding:1rem;border-radius:1rem;background-color:#9eb8f5;color:#f5f5f5}.cardDisplayContainer p{font-size:auto;font-weight:bolder;width:100%}.cardDisplayContainer img{justify-content:center;width:100%;height:auto;min-height:100px;border-radius:.5rem;background-color:#c2d7ff;padding:.5rem}.cardDisplayHeader{display:flex;justify-content:space-between;margin-bottom:1rem}#NewPull{background-color:transparent;color:#9eb8f5;border:solid;border-color:#9eb8f5;border-width:5px}.css-6oirz6-ReactDropdownSelect{z-index:0}p{font-weight:700;font-size:xx-large;text-transform:uppercase;line-height:100%;text-align:center}.PullObject{display:flex;justify-content:center;flex-direction:column;min-height:250px;width:90%;margin:1rem 5%;border-radius:2.5rem}.PullDisplayContainer{background-color:#9eb8f5}.PullDisplayContainer p{margin-bottom:1rem;color:#f5f5f5}.PullDisplayContainer div{display:flex;flex-direction:row;justify-content:space-between;padding:0 20%}.PullDisplayContainer div div{display:flex;flex-direction:column;width:fit-content;padding:0}.PullDisplayContainer div div p{font-size:100px}.PullDisplayContainer div div label{color:#f5f5f5;text-transform:uppercase;font-weight:700}#submitFooter{width:100%;display:flex;justify-content:end;margin:1rem 0;padding:0 2rem}#submitFooter button{width:auto;padding:1rem;border:none;border-radius:1rem;font-size:larger;color:#fff;background-color:#9eb8f5}#submitFooter button:disabled{background-color:#c2cde3;color:#f5f5f5a7}.App{background-color:#fefefe;min-height:120vh;width:100%;display:flex;flex-direction:column}.PageContent{display:flex;flex-direction:column;justify-content:center;width:100%;padding:5%}h1 h2{color:#00315b;text-align:center;width:100%}.ExplainerBox{text-align:center;display:block;justify-content:center;padding:1rem;margin-bottom:1rem;background-color:#9eb8f5;color:#f5f5f5;font-size:larger;border-radius:1rem}.authContainer{display:flex;justify-content:center;position:absolute;top:50%;width:100%;text-align:center}.IonaContainer{display:flex;position:absolute;top:30%;width:100%;justify-content:center}