body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100vh;justify-content:center;margin:0;overflow-x:hidden;padding:0}.container,body,html{background-color:#fff;width:100%}.container{display:flex;flex-direction:column;overflow:hidden}.maintitle{width:75%}.maintitle,.maintitle2{height:"auto";padding-left:10%;padding-right:10%}.maintitle2{width:65%}.toplococontainer{align-items:center;background-color:#000;display:flex;justify-content:center;width:100%}.toplogo{height:auto;padding:12px 10% 16px;width:150px}.maintitlecontainer{align-items:center;display:flex;justify-content:center;padding-top:10%}.horizontal-group{background-color:#fff;display:flex;gap:10px;justify-content:space-around;overflow-x:hidden;padding-left:15%;padding-right:15%;padding-top:10%}.gendertxt{height:"auto";width:75%}.gendericon{height:"auto";padding-bottom:24px;width:50%}.rounded-shadow-border{align-items:center;background-color:#fff;border:3px solid #3498db;border-radius:15px;box-shadow:0 4px 10px #0000004d;height:25%;justify-content:space-between;margin-bottom:20px;margin-top:10%;padding:20px;text-align:center;width:25%}.lock-group{grid-column-gap:6px;grid-row-gap:4px;background-color:#fff;column-gap:6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));padding:5%;row-gap:4px;width:90%}.lock-item-free{background:#02e975}.lock-item-free,.lock-item-use{align-content:center;align-items:center;border:2px solid #000;display:flex;font-size:100%;font-weight:500;height:56px;justify-content:center;text-align:center;width:72px}.lock-item-use{background:#fe8787}.textlayout{align-items:center;display:flex;justify-content:space-around;padding-left:5%;padding-right:5%;padding-top:5%}.totaltxt{color:#000}.totaltxt,.usingtxt{font-size:100%;font-weight:500}.usingtxt{color:#ff0606}.lefttxt{color:#02e975;font-size:100%;font-weight:500}.floatingbutton{width:32px}.floatingbuttoncontainer{align-items:center;background-color:#000;border-radius:28px;bottom:2.5%;box-shadow:0 4px 12px #0000001a;display:flex;height:56px;justify-content:center;position:fixed;right:5%;text-align:center;width:56px}
/*# sourceMappingURL=main.a17f2460.css.map*/