a.button,input[type="submit"]{display:inline-block;margin:0.5rem 0;padding:0.4rem 2rem;border-radius:2.5rem;color:white;font-size:1.4rem;font-weight:500;text-decoration:none;transition:0.2s background ease-in-out;user-select:none;cursor:pointer}a.button:visited,input[type="submit"]:visited{color:white}a.button:hover,input[type="submit"]:hover{color:white}a.button.disabled,input.disabled[type="submit"]{pointer-events:none;opacity:0.3}input[type="text"],input[type="email"],input[type="number"],textarea{padding:1rem 1.5rem;width:100%;border-style:solid;border-width:0.1rem;border-radius:0.5rem;font-size:1.6rem;resize:none}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="number"]::placeholder,textarea::placeholder{opacity:1}input[type="text"]:focus,input[type="email"]:focus,input[type="number"]:focus,textarea:focus{outline:none}textarea{min-height:12rem}input[type="submit"]{display:block;margin:1rem auto;border:none}input[type="submit"]:focus{outline:none}.input-group-addon{display:none}.input-group{margin-bottom:2rem}html{font-size:10px}em{font-style:italic}body,p{font-size:1.8rem;line-height:3rem;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2{margin:0 0 2rem;font-size:4rem;line-height:5rem;font-weight:600;letter-spacing:-1px}h3{font-size:2rem;line-height:4.5rem;font-weight:600;letter-spacing:-0.5px}p{margin:0 0 1.6rem;letter-spacing:-0.47px}a{text-decoration:none}a:visited{text-decoration:none}a:focus,a:hover{cursor:pointer}@media screen and (max-width: 768px){body,p{font-size:1.6rem;line-height:3rem}h1,h2{font-size:2.5rem;line-height:3.2rem;letter-spacing:-0.63px}h3{margin-bottom:1rem;font-size:1.7rem;line-height:2.5rem;letter-spacing:-0.42px}p{letter-spacing:-0.42px}p.introduction{font-size:1.9rem;line-height:2.8rem;letter-spacing:-0.5px}}table{width:100%;border-collapse:collapse}table td,table th{text-align:left;padding:0.3rem 1rem}table td.number,table td.date,table th.number,table th.date{text-align:right}table td.status,table th.status{display:flex;justify-content:space-between;align-items:center}table td.status a.pending,table th.status a.pending{font-size:3rem;-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}table tr{padding:0.5rem 0;white-space:nowrap}table.table-bordered{table-layout:fixed;word-break:break-word}table.table-bordered th,table.table-bordered td{font-size:1.5rem;width:15%}table.table-bordered th:first-child,table.table-bordered th:nth-child(2),table.table-bordered td:first-child,table.table-bordered td:nth-child(2){width:34%}table.table-bordered th:nth-child(4),table.table-bordered td:nth-child(4){width:7%}table.table-bordered th:last-child,table.table-bordered td:last-child{width:10%;text-align:right}@media screen and (max-width: 768px){table.table-bordered{display:block;overflow-x:auto;white-space:nowrap}}.ReactModalPortal .ReactModal__Content{max-height:70vh}@media screen and (max-width: 768px){.ReactModalPortal .ReactModal__Content{max-width:95vw}}.ReactModalPortal h3{margin-top:0;text-align:center}.ReactModalPortal .with-divider{margin:5rem 0 2rem;border-bottom-style:solid;border-bottom-width:0.1rem}.ReactModalPortal .adjustment-form{display:flex}.ReactModalPortal .adjustment-form input[type="text"]{border-top-right-radius:0;border-bottom-right-radius:0}.ReactModalPortal .adjustment-form input[type="number"]{width:12rem;border-radius:0}.ReactModalPortal .adjustment-form a.button,.ReactModalPortal .adjustment-form input[type="submit"]{margin:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}@media screen and (max-width: 768px){.ReactModalPortal .adjustment-form{display:block;text-align:center}.ReactModalPortal .adjustment-form input[type="text"]{margin-bottom:1rem}}.ReactModalPortal .modal-container{position:relative}.ReactModalPortal .modal-container .adjustment-loader{position:absolute;left:0;right:0;bottom:6rem;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 768px){.ReactModalPortal table{display:block;overflow-x:auto;white-space:nowrap}}.paginator{width:100%}.paginator ul{display:flex;justify-content:space-between;padding:1rem 10rem;list-style-type:none}.paginator ul li a{padding:1rem}@media screen and (max-width: 768px){.paginator ul{padding:1rem 0;flex-wrap:wrap}}html{box-sizing:border-box;height:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}body{overflow-x:hidden;overflow-y:auto;margin:0;padding:0;min-height:100%;display:flex;flex-direction:column}body>main{position:relative;flex-grow:1}body>main .overview{display:flex;flex-direction:column}body>main .overview div.introduction{padding:4rem 3rem 7rem;border-radius:1rem}@media screen and (max-width: 768px){body>main .overview div.introduction{margin:20rem 0 5rem 0;padding:2rem 0 5rem;background-color:unset !important}}body>main .banner{position:absolute;width:100%;top:0;display:flex;flex-direction:column;background-repeat:no-repeat;background-size:cover;background-position-x:50%;opacity:1;transition:1s opacity ease-in-out}body>main .banner.hidden{opacity:0}body>main .banner .heightbox{height:40rem}body>main svg.curve{width:100%}@media screen and (max-width: 768px){body>main .banner svg.curve{display:none}body>main .banner .heightbox{height:20rem}}body>main .page-width{position:relative}.page-width{margin-left:auto;margin-right:auto;padding-left:3rem;padding-right:3rem;width:100%;max-width:85rem}.desktop-only{display:none}@media screen and (min-width: 768px){.desktop-only{display:inherit}.desktop-only .mobile-hidden{display:none}}.overview .introduction{margin:36rem 0 10rem}.overview .introduction .with-divider{border-bottom-style:solid;border-bottom-width:0.1rem}.overview .introduction .user-paragraph img{margin:3rem 0;width:100%;object-fit:contain}.overview .introduction .crystanima-icon{object-fit:contain;max-height:7rem}.overview .introduction .login{display:flex;justify-content:center}.overview .introduction .login>div{text-align:center}.overview .introduction .login a.button,.overview .introduction .login input[type="submit"]{padding:1rem 6rem;font-size:1.7rem;background-color:#e85b46}.overview .introduction .login a.button:hover,.overview .introduction .login input[type="submit"]:hover{background-color:#e5472f}.overview .introduction .login .error{font-style:italic;font-size:1.5rem}.overview .introduction>section .user-bar{margin-top:3rem;display:flex;justify-content:space-between}.overview .introduction>section .user-bar .name{font-weight:600}.overview .introduction>section .balance{margin:3rem 0 8rem;text-align:center}.overview .introduction>section .balance>div{display:flex;justify-content:center;align-items:center;font-size:6rem}.overview .introduction>section .balance>div img{margin-left:1.5rem}.overview .introduction>section .balance a.history{margin-top:0.5rem;display:inline-block;font-size:1.6rem}.overview .introduction>section .mission-purchase{width:100%;display:flex;margin-bottom:8rem}.overview .introduction>section .mission-purchase>div{flex-grow:1}.overview .introduction>section .mission-purchase>div>div{border-top-right-radius:0;border-bottom-right-radius:0}.overview .introduction>section .mission-purchase a.button,.overview .introduction>section .mission-purchase input[type="submit"]{display:flex;align-items:center;padding:0 3rem;margin:0;font-size:1.7rem;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}@media screen and (max-width: 768px){.overview .introduction>section .mission-purchase{display:block;margin-bottom:5rem}.overview .introduction>section .mission-purchase>div>div{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}.overview .introduction>section .mission-purchase a.button,.overview .introduction>section .mission-purchase input[type="submit"]{display:block;padding:1rem 2rem;margin-top:1rem;text-align:center;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem}}.overview .introduction>section .mission-board{margin:3rem 0 8rem}@media screen and (max-width: 768px){.overview .introduction>section .mission-board{display:block;overflow-x:auto;white-space:nowrap}}.overview .introduction>section .faq .faq-item{margin-bottom:4rem}.overview .introduction>section .faq .faq-item .question{margin-bottom:0.5rem;font-size:1.8rem;font-weight:bold}.overview .introduction>section .faq .faq-item .answer{line-height:2.5rem}.mission-option{width:100%;padding:0.5rem 1rem;display:flex;justify-content:space-between}.mission-option figure{margin:0}.mission-option figure img{object-fit:contain;width:100%;height:100%}.mission-option .details{width:100%;flex-grow:1}.mission-option .details h4{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 1rem 0;font-size:2.3rem}.mission-option .details h4 .title{display:flex;align-items:center;white-space:nowrap}.mission-option .details h4 figure{height:2.5rem;width:2.5rem;margin-right:1rem}.mission-option .details .cost{display:flex;align-items:center}.mission-option .details .cost figure{margin-left:0.7rem;height:2rem;width:2rem}.mission-option .details .description{font-style:italic;opacity:0.6;line-height:2rem}.mission-option>.explanation{margin-left:2rem;max-height:8rem;max-width:10rem;width:10rem}.admin .user-bar h3{margin:0}.admin .user-bar span.inactive{opacity:0.5;cursor:pointer}.admin .user-bar .toggle{font-size:1.5rem}.admin .user-bar .toggle span{margin:0 0.5rem}.admin .user-bar .toggle span:hover{opacity:1}.admin table.mission-board{font-size:1.5rem}.admin table.mission-board td,.admin table.mission-board th{font-size:1.5rem}.admin .loader{display:flex;justify-content:center;margin-top:3rem}