#badge-page-container{height:100vh;position:relative;display:flow-root}#badge-page-container #badge-page-all-content{padding:var(--main-padding);margin-top:var(--nav-height);height:calc(100dvh - var(--nav-height));font-family:var(--font-iosevka);max-width:1800px;margin-inline:auto}@media(min-width:1024px){#badge-page-container #badge-page-all-content{padding-block:0;display:flex;align-items:center}}#badge-page-container #badge-page-all-content #badge-page-left-content{display:flex;flex-direction:column;justify-content:space-between;height:100%}@media(min-width:1024px){#badge-page-container #badge-page-all-content #badge-page-left-content{max-height:720px}}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content{height:100%;display:flex;flex-direction:column;overflow:hidden}@media(min-width:580px){#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content{width:30rem;margin-inline:auto}}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content form{display:flex;flex-direction:column;justify-content:space-between;height:100%}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content h1{margin-bottom:2rem}@media(min-width:1024px){#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content h1{font-size:4rem}}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-page-main-content #badge-form-body{height:100%}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}@media(min-width:400px){#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer #current-step-small{display:none}}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer #current-step-large{display:none}@media(min-width:400px){#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer #current-step-large{display:block}}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer p{font-size:1.2rem}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer button{border-radius:22px;padding:.5rem 1rem;font-size:1.2rem;font-family:var(--font-iosevka);font-weight:600;display:flex;gap:.5rem;align-items:center;border:2px solid #fbfefc;cursor:url(/images/cursors/Cursor-hover.svg),auto}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer button .right-arrow{transform:rotate(180deg);color:#fff}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .back-button{background-color:transparent;color:#fbfefc;transition:background-color .2s,color .2s}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .back-button:is(:hover,:focus-visible){background-color:#fbfefc;color:#000}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .back-button:is(:hover,:focus-visible) svg{color:#000}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .next-button{color:#000;transition:background-color .2s,color .2s}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .next-button:is(:hover,:focus-visible){background-color:#000;color:#fbfefc}#badge-page-container #badge-page-all-content #badge-page-left-content #badge-footer .next-button:is(:hover,:focus-visible) svg{color:#fbfefc}#badge-page-container #badge-page-all-content #badge-page-right-content{display:none;position:relative}@media(min-width:1024px){#badge-page-container #badge-page-all-content #badge-page-right-content{display:block;height:100%;width:100%;max-height:720px;display:grid;place-items:center;margin-bottom:1.5rem}#badge-page-container #badge-page-all-content #badge-page-right-content #mascot-badge-container{position:absolute;top:0;bottom:0;right:50%;left:0;transform:translateX(5%);margin-inline:auto;z-index:9999}#badge-page-container #badge-page-all-content #badge-page-right-content .mascot-badge{margin-inline:0;margin-left:auto}}.registration-textfield-container{display:grid;grid-gap:.5rem;gap:.5rem;font-size:1.5rem}.registration-textfield-container .error-message{height:var(--temp-fontsize);color:#f05858;font-size:14px}.registration-textfield-container label{margin-bottom:.2rem}.registration-textfield-container input{font-family:inherit;border-radius:0;font-size:var(--temp-fontsize);padding:0;background-color:transparent;outline-color:#fff;color:inherit;border:none;border-bottom:1px solid #fff;padding-block:.25rem;outline:none;transition:border-bottom .3s}.registration-textfield-container input::placeholder{color:#565656}.registration-textfield-container input:focus-visible{border-bottom:1px solid #68dea3}.form-step1{height:-moz-fit-content;height:fit-content;display:grid;grid-gap:1.25rem;gap:1.25rem;align-items:center}.registration-textfield-container.registration-select-container{gap:1rem}.registration-textfield-container .other-field{margin-top:1rem}.register-select{font-family:var(--font-iosevka);font-size:1.25rem;display:flex;align-items:center;background:transparent;border:2px solid #fbfefc;border-radius:22px;color:#fff;padding:.5rem 1rem;justify-content:space-between;gap:2rem;cursor:url(/images/cursors/Cursor-hover.svg),auto;width:100%;outline-color:#68dea3}.register-select svg{transition:rotate .3s}.register-select[data-state=open]{border-radius:22px 22px 0 0}.register-select[data-state=open] svg{rotate:180deg}.select-content{height:10rem;border:2px solid #fbfefc;border-top:0;font-family:var(--font-iosevka);font-size:1.25rem;background-color:#000;border-radius:0 0 22px 22px;padding-left:1rem;padding-right:.5rem;outline:none;margin-top:-.7rem;padding-top:1rem;cursor:url(/images/cursors/Cursor-hover.svg),auto}.select-content .ScrollAreaRoot{overflow-y:auto}.select-content .ScrollAreaRoot::-webkit-scrollbar-track{background-color:#1f1f1f;border-radius:1rem;margin-bottom:.5rem;border-left:3px solid #000;border-right:3px solid #000}.select-content .ScrollAreaRoot::-webkit-scrollbar{width:14px}.select-content .ScrollAreaRoot::-webkit-scrollbar-thumb{background:#fbfefc;border-radius:1rem;border:5px solid transparent;background-clip:padding-box}.register-list-box-item{outline-color:#68dea3;padding-block:.5rem;padding-left:.2rem;margin-right:.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:url(/images/cursors/Cursor-hover.svg),auto}.register-list-box-item:first-child{padding-top:0}.register-list-box-item:not(:last-child){border-bottom:1px solid #fbfefc}.checkmark,.select-arrow{color:#fbfefc;width:20px;height:20px}.form-step2{height:-moz-fit-content;height:fit-content;display:grid;grid-gap:1.25rem;gap:1.25rem;align-items:center}.form-step3{display:flex;flex-direction:column;gap:2.5rem;height:100%}.form-step3 #half-badge{aspect-ratio:402/268;margin-inline:auto;border:2px solid #fbfefc;border-top:none;border-radius:0 0 26px 26px;overflow:hidden;position:relative;margin-top:-1.5rem;width:auto;max-width:100%;height:100%;max-height:100%}@media(min-width:400px){.form-step3 #half-badge{width:auto;max-height:15rem}}@media(min-width:1024px){.form-step3 #half-badge{display:none}}.form-step3 #half-badge:before{content:"";width:100%;height:100%;background-color:transparent;margin-inline:auto;border-radius:0 0 24px 24px;border:.5rem solid #000;border-top:none;position:absolute;z-index:1}.form-step3 .customization-container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;min-height:200px}.form-step3 .customization-container .customization-box{width:100%;height:100%;max-height:22rem;margin-bottom:1rem;border-radius:12px;border:2px solid #fff;margin-top:-2px;position:relative;z-index:1;display:flex;align-items:center;overflow:hidden}.form-step3 .accessories-container,.form-step3 .color-palette-container,.form-step3 .hat-container{width:100%;position:absolute;padding:1rem;list-style-type:none;display:grid;grid-gap:.5rem;gap:.5rem;grid-template-columns:repeat(3,1fr)}@media(min-width:768px){.form-step3 .accessories-container,.form-step3 .color-palette-container,.form-step3 .hat-container{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.form-step3 .accessories-container li,.form-step3 .color-palette-container li,.form-step3 .hat-container li{display:flex;align-items:center;justify-content:center;padding:.5rem}@media(min-width:1024px){.form-step3 .accessories-container li,.form-step3 .color-palette-container li,.form-step3 .hat-container li{width:100%}}.form-step3 .accessories-container li button,.form-step3 .color-palette-container li button,.form-step3 .hat-container li button{border:none;background-color:inherit;cursor:url(/images/cursors/Cursor-hover.svg),auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:60px;aspect-ratio:1}.form-step3 .accessories-container li button div,.form-step3 .color-palette-container li button div,.form-step3 .hat-container li button div{width:100%;border-radius:18px;aspect-ratio:1}.form-step3 .accessories-container li,.form-step3 .hat-container li{display:flex;align-items:center;justify-content:center}.form-step3 .accessories-container li img,.form-step3 .hat-container li img{width:100%;height:100%}