*{box-sizing:border-box;margin:0;padding:0}#root{height:100%}body{background-color:#000;height:100vh}nav{display:flex}div.App{height:100%}footer{background-color:#0e0e0e;height:80px;width:100%}*{font-family:Poppins,sans-serif}body.menu-open{overflow:hidden}@media screen and (max-width:500px){section.login-panel .container-login{background-color:#f6f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:30px 20px;width:100%}}@media screen and (min-width:501px){section.login-panel .container-login{background-color:#f6f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding:30px 20px;width:450px}}section.login-panel{align-items:center;background-color:#f6f8f8;border-radius:30px 30px 0 0;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;width:100%}section.login-panel p{color:#262626;display:flex;font-size:28px;font-weight:400;justify-content:center;margin-bottom:20px}form.login-content span.go-to-register-button{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;cursor:pointer;display:flex;font-size:17px;height:60px;justify-content:center;margin-bottom:10px;margin-top:20px}form.login-content .title-login{color:#262626;display:flex;font-size:28px;font-weight:400;justify-content:center;margin:30px 0 50px}form.login-content span.go-to-reset-button{cursor:pointer;display:flex;font-size:15px;font-style:italic;justify-content:end;margin-bottom:30px;margin-top:-20px;padding-right:10px}.loading-icon{animation:spin 1s linear infinite;color:#fff;display:flex;font-size:20px;margin:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}section.login-page{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;width:100vw}section.login-page div.banner{gap:10px;width:100%}section.login-page div.banner,section.login-page div.banner span{align-items:center;color:#fff;display:flex;font-family:Audiowide,sans-serif;font-size:40px;font-weight:300;height:200px;justify-content:center;letter-spacing:1px}section.login-page div.banner .arrow-icon{color:#fff;cursor:pointer;height:35px;left:30px;position:absolute;width:35px}section.login-page div.banner .arrow-icon:hover{background-color:#fff;border:2px solid #fff;border-radius:50%;color:#000}.simple-modal{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;gap:10px;justify-content:center;left:50%;min-width:300px;outline:none;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.simple-overlay{background-color:rgba(46,46,46,.398);bottom:0;left:0;position:fixed;right:0;top:0}div.simple-icon-wrap{align-items:center;display:flex;height:70px;justify-content:center}div.simple-icon-wrap .icon-modal{animation-duration:1s;animation-name:pulse;height:70px}span.simple-message-modal{font-size:15px;font-weight:300;text-align:center}div.simple-modal-button,span.simple-message-modal{align-items:center;display:flex;justify-content:center}div.simple-modal-button{background-color:#000;border-radius:10px;color:#fff;cursor:pointer;height:40px;width:120px}form.create-room-panel{flex-direction:column;overflow:visible!important;padding:20px;position:relative}form.create-room-panel,form.create-room-panel .title{align-items:center;display:flex;justify-content:center;width:100%}form.create-room-panel .title{font-size:20px;font-weight:500;margin-bottom:20px}form.create-room-panel .payment-icon{font-size:100px;margin-bottom:10px;margin-top:20px}form.create-room-panel .info{align-items:center;border-bottom:1px solid #929191;display:flex;font-size:18px;justify-content:center;margin-bottom:20px;margin-top:20px;padding-bottom:40px;padding-left:10px;padding-right:10px;text-align:center}.custom-select{-webkit-appearance:none;appearance:none;background-color:#1c1c1e;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:12px auto;border:1px solid #333;border-radius:12px;color:#fff;font-size:16px;margin-bottom:20px;padding:12px 15px;width:100%}div.custom-create-input{background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;height:75px;justify-content:space-between;margin-bottom:30px;padding:15px;transition:.1s;width:300px}div.custom-create-input:focus-within{box-shadow:0 0 14px -5px #42445a}div.custom-create-input label{color:#262626;display:flex;font-size:14px;font-weight:400;justify-content:space-between}div.custom-create-input label span{color:#2f2ce0}div.custom-create-input input{border:none;color:#262626;font-size:15px;height:25px;outline:none}span.custom-create-button-active{background-color:#000}span.custom-create-button,span.custom-create-button-active{align-items:center;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:18px;font-weight:300;height:60px;justify-content:center;margin-bottom:20px;margin-top:30px;width:300px}span.custom-create-button{background-color:#c1bebe}label.custom-input{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:row;height:70px;justify-content:space-between;margin-bottom:10px;padding-left:20px;padding-right:20px;width:300px}label.custom-input .name{display:flex;margin-right:10px}label.custom-input .icon{display:flex;margin-left:10px;margin-right:5px}label.custom-input .icon-action{cursor:pointer;display:flex;font-size:30px}label.custom-input .price{display:flex;min-width:61px}label.custom-input input.radio{border-radius:10px;height:20px;margin-right:5px;width:20px}label.custom-input .players,label.custom-input input.radio{align-items:center;color:#000;display:flex;flex-direction:row;justify-content:center}label.custom-input .players{border-radius:5px;height:40px;text-align:center}label.custom-input input[type=radio]{accent-color:#232323}section .ui-template,section .ui-template .content{display:flex;flex-direction:column;width:100%}section .ui-template .content{align-items:center;background-color:#f6f8f8;border-radius:30px 30px 0 0;bottom:0;min-height:100vh;padding:30px 10px}section .ui-template .header{font-size:25px;height:80px}a.create-room,section .ui-template .header{align-items:center;color:#fff;display:flex;justify-content:center}a.create-room{background-color:#000;border-radius:50%;font-size:40px;height:60px;margin-bottom:20px;margin-top:10px;text-decoration:none;width:60px}div.lack-of-rooms{display:flex;font-size:20px;margin-top:40px}div.number-of-rooms{display:flex;font-size:15px;margin-bottom:20px}@media screen and (max-width:500px){div.list-element{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:90%}}@media screen and (min-width:501px) and (max-width:700px){div.list-element{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:350px}}@media screen and (min-width:701px){div.list-element{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:450px}}div.list-element .room-name{align-items:center;display:flex;flex-direction:column;gap:3px;height:100%;justify-content:center}div.list-element .room-name .name{font-size:15px}div.list-element .label{align-items:center;color:gray;display:flex;flex-direction:column;font-size:12px;justify-content:center}div.list-element .players,div.list-element .status{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:space-between}div.list-element .action{font-size:40px;height:100%;text-decoration:none}div.list-element .action,div.loading-panel{align-items:center;color:#000;display:flex;justify-content:center}div.loading-panel{border-radius:10px;flex-direction:column;gap:10px;position:absolute;top:50%;transform:translateY(-50%)}@media screen and (max-width:500px){div.room-info-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;padding:20px 10px;width:90%}}@media screen and (min-width:501px) and (max-width:700px){div.room-info-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;padding:20px 10px;width:400px}}@media screen and (min-width:701px){div.room-info-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;padding:20px 10px;width:450px}}div.room-info-panel p{font-size:20px;margin-bottom:20px}div.room-info-panel span.number-of-players{align-items:center;background-color:#000;border-radius:10px;color:#fff;display:flex;font-weight:300;gap:10px;height:40px;justify-content:center;width:100%}div.room-info-panel span.number-of-players span{align-items:center;background-color:#fff;border-radius:10px;color:#000;display:flex;font-weight:300;height:25px;justify-content:center;padding:10px}@media screen and (max-width:500px){div.increase-room-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;display:flex;flex-direction:column;height:80px;justify-content:space-between;margin-top:20px;padding-bottom:10px;padding-top:10px;transition:.5s;width:90%}}@media screen and (min-width:501px) and (max-width:700px){div.increase-room-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;display:flex;flex-direction:column;height:80px;justify-content:space-between;margin-top:20px;padding-bottom:10px;padding-top:10px;transition:.5s;width:400px}}@media screen and (min-width:701px){div.increase-room-panel{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;display:flex;flex-direction:column;height:80px;justify-content:space-between;margin-top:20px;padding-bottom:10px;padding-top:10px;transition:.5s;width:450px}}div.increase-room-panel.active{height:300px}div.increase-room-panel .title{margin-bottom:20px;margin-top:20px}div .increase-room-panel .increase-room-button{min-height:60px}div .increase-room-panel .increase-room-button,div .increase-room-panel .pay-room-players-button{align-items:center;background-color:#000;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;color:#fff;cursor:pointer;display:flex;font-weight:300;justify-content:center;width:95%}div .increase-room-panel .pay-room-players-button{gap:20px;height:60px}div .increase-room-panel .players-panel{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin-bottom:20px;padding-left:20px;padding-right:20px;width:320px}div .increase-room-panel .players-panel .icon-action{cursor:pointer;font-size:35px}div .increase-room-panel .pay-room-players-button .add-icon{font-size:25px}.pay-room-players-button,span.players,span.price{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.decision-modal{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;gap:10px;justify-content:center;left:50%;min-width:300px;outline:none;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%)}.decision-overlay{background-color:rgba(46,46,46,.398);bottom:0;left:0;position:fixed;right:0;top:0}div.decision-icon-wrap{align-items:center;display:flex;height:70px;justify-content:center}div.decision-icon-wrap .icon-modal{animation-duration:1s;animation-name:pulse;height:70px;width:70px}span.decision-message-modal{font-size:15px;font-weight:300;text-align:center}div.decision-modal-button,span.decision-message-modal{align-items:center;display:flex;justify-content:center}div.decision-modal-button{background-color:#000;border-radius:10px;color:#fff;cursor:pointer;height:40px;width:120px}@keyframes pulse{0%{height:50px;width:50px}25%{height:70px;width:70px}50%{height:50px;width:50px}to{height:70px;width:70px}}@media screen and (max-width:500px){div.deactivate-button{background-color:#cb1d1d}div.activate-button,div.deactivate-button{align-items:center;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:400;height:60px;justify-content:center;margin-bottom:40px;margin-top:40px;width:90%}div.activate-button{background-color:rgba(4,148,33,.914)}}@media screen and (min-width:501px) and (max-width:700px){div.deactivate-button{background-color:#cb1d1d}div.activate-button,div.deactivate-button{align-items:center;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:400;height:60px;justify-content:center;margin-bottom:40px;margin-top:40px;width:400px}div.activate-button{background-color:rgba(4,148,33,.914)}}@media screen and (min-width:701px){div.deactivate-button{background-color:#cb1d1d}div.activate-button,div.deactivate-button{align-items:center;border-radius:15px;box-shadow:0 10px 14px -10px #42445a;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:400;height:60px;justify-content:center;margin-bottom:40px;margin-top:40px;width:450px}div.activate-button{background-color:rgba(4,148,33,.914)}}div.match-item{align-items:center;background-color:#000;border-radius:15px;display:flex;flex-direction:column;font-weight:300;justify-content:space-between;margin-bottom:10px;max-height:300px;overflow:hidden;padding:0 20px;width:100%}div.match-item .top{background-color:#ece8e8;border-radius:0 0 5px 5px;color:#000;height:20px;width:100px}div.match-item .middle,div.match-item .top{align-items:center;display:flex;flex-direction:row;justify-content:center}div.match-item .middle{height:50px}div.match-item .bottom{align-items:center;border-top:.5px solid #fff;display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:100%}div.match-item .bottom .container,div.match-item .bottom .penalty{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;width:100%}div.match-item .bottom .penalty{border-bottom:1px solid #fff}div.match-item .bottom .container .title,div.match-item .bottom .penalty .title{color:#fff;font-size:13px}div.match-item .bottom .action{align-items:center;background-color:#fff;border-radius:7px;cursor:pointer;display:flex;height:25px;justify-content:center;margin-bottom:10px;margin-top:10px;width:100px}div.match-item span.flag{border-radius:10px;display:flex;height:40px;overflow:hidden;width:40px}@media screen and (max-width:500px){div.match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;width:50px}}@media screen and (min-width:501px){div.match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;margin-left:10px;margin-right:10px;width:50px}}div.match-item select.score{align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;background-image:none;border:none;border-radius:10px;color:#000;display:flex;font-size:20px;height:35px;justify-content:center;outline:none;text-align:center;text-align-last:center;width:35px}div.match-item span.separator{align-items:center;background-color:#3c3a3a;color:#fff;display:flex;height:25px;justify-content:center;width:20px}div.change-match-item{background-color:#000;max-height:80px;transition:.3s;width:100%}div.change-match-item,div.change-match-item.active{align-items:center;border-radius:15px;display:flex;flex-direction:column;font-weight:300;justify-content:start;margin-bottom:10px;padding:0 20px 20px;position:relative}div.change-match-item.active{background-color:#292121;max-height:175px}div.change-match-item .edit-button{align-items:center;background-color:#423e3e;border-radius:50%;color:#ece8e8;cursor:pointer;display:flex;font-size:29px;height:36px;justify-content:center;position:absolute;right:0;top:-5px;width:36px}div.change-match-item .top{background-color:#ece8e8;border-radius:0 0 5px 5px;color:#000;height:20px;width:100px}div.change-match-item .middle,div.change-match-item .top{align-items:center;display:flex;flex-direction:row;justify-content:center}div.change-match-item .middle{height:40px}div.change-match-item .bottom{align-items:center;border-top:.5px solid #fff;display:flex;flex-direction:column;justify-content:center;margin-top:10px;width:100%}div.change-match-item .bottom .container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;width:100%}div.change-match-item .bottom .container .title{color:#fff;font-size:13px}div.change-match-item .bottom .penalty{align-items:center;border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;width:100%}div.change-match-item .bottom .penalty .title{color:#fff;font-size:13px}div.change-match-item .bottom .action{align-items:center;background-color:#fff;border-radius:7px;cursor:pointer;display:flex;height:25px;justify-content:center;margin-bottom:10px;margin-top:10px;width:100px}div.change-match-item span.flag{border-radius:10px;display:flex;height:40px;overflow:hidden;width:40px}@media screen and (max-width:500px){div.change-match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;width:50px}}@media screen and (min-width:501px){div.change-match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;margin-left:10px;margin-right:10px;width:50px}}div.change-match-item select.score{-webkit-appearance:none;appearance:none;background-color:#fff;border:none;color:#000;outline:none}div.change-match-item .score-inactive,div.change-match-item select.score{align-items:center;background-image:none;border-radius:10px;display:flex;font-size:20px;height:35px;justify-content:center;text-align:center;text-align-last:center;width:35px}div.change-match-item .score-inactive{background-color:#595959;color:#fff}div.change-match-item span.separator{align-items:center;background-color:#3c3a3a;color:#fff;display:flex;height:25px;justify-content:center;width:20px}div.inactive-match-item{align-items:center;background-color:#000;border-radius:15px;display:flex;flex-direction:column;font-weight:300;height:80px;justify-content:space-between;margin-bottom:10px;overflow:hidden;padding:0 20px 20px;width:100%}div.inactive-match-item .top{background-color:#ece8e8;border-radius:0 0 5px 5px;color:#000;height:20px;width:100px}div.inactive-match-item .bottom,div.inactive-match-item .top{align-items:center;display:flex;flex-direction:row;justify-content:center}div.inactive-match-item .bottom{border-radius:10px 10px 10px 10px;height:94px;width:100%}div.inactive-match-item span.flag{border-radius:10px;display:flex;height:40px;overflow:hidden;width:40px}@media screen and (max-width:500px){div.inactive-match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;width:50px}}@media screen and (min-width:501px){div.inactive-match-item span.country-name{align-items:center;color:#fff;display:flex;font-size:20px;height:25px;justify-content:center;margin-left:10px;margin-right:10px;width:50px}}div.inactive-match-item span.score{align-items:center;background-color:#595959;border-radius:10px;color:#fff;display:flex;font-size:20px;height:35px;justify-content:center;width:35px}div.inactive-match-item span.separator{align-items:center;background-color:#3c3a3a;color:#fff;display:flex;height:25px;justify-content:center;width:20px}p.lack-of-matches{align-items:center;display:flex;font-size:17px;gap:10px;justify-content:center}p.lack-of-matches .sad-icon{font-size:24px}@media screen and (max-width:500px){div.official-scores-list{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;justify-content:center;padding:15px;width:350px}}@media screen and (min-width:501px){div.official-scores-list{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;justify-content:center;padding:15px;width:400px}}@media screen and (max-width:500px){div .date-bar{align-items:center;background-color:#181515;border-radius:15px;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin-bottom:20px;overflow:hidden;width:350px}}@media screen and (min-width:501px){div .date-bar{align-items:center;background-color:#181515;border-radius:15px;display:flex;flex-direction:row;height:60px;justify-content:space-between;margin-bottom:20px;overflow:hidden;width:400px}}div .date-bar .change-date-button{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:30px;height:70%;justify-content:center;width:15%}div .date-bar .change-date-button:first-child{border-right:.6px solid #fff}div .date-bar .change-date-button:last-child{border-left:.6px solid #fff}div .date-bar .days{color:#fff;flex-direction:row;font-weight:400;width:70%}div .date-bar .days,div .date-bar .days .day-item{align-items:center;display:flex;height:100%;justify-content:center}div .date-bar .days .day-item{flex-direction:column;gap:2px;width:14%}div .date-bar .days .day-name{display:block;height:20px}div .date-bar .days .day-name.selected{font-weight:600}.day-name:first-letter{text-transform:uppercase}div .date-bar .days .day{cursor:pointer;transition:.3s}div .date-bar .days .day,div .date-bar .days .day.selected{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}div .date-bar .days .day.selected{background-color:#fff;color:#000}span.lack-of-orders{font-size:20px;margin-top:40px}@media screen and (max-width:500px){div.order-item{background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;margin-bottom:10px;padding:10px;width:340px}}@media screen and (min-width:501px) and (max-width:700px){div.order-item{background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;margin-bottom:10px;padding:10px;width:370px}}@media screen and (min-width:701px){div.order-item{background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;margin-bottom:10px;padding:10px;width:450px}}div.order-item .top{border-bottom:.5px solid #b4b1b1;color:#747474;display:flex;flex-direction:column;font-size:15px;font-weight:300;height:25px;margin-bottom:5px}div.order-item .middle{display:flex;font-size:15px;gap:10px;height:25px}div.order-item .middle .email-content{color:#747474;display:flex;font-weight:300}div.order-item .bottom{display:flex;flex-direction:row;height:55px;justify-content:space-between}div.order-item .bottom .item{display:flex;flex-direction:column}div.order-item .bottom .item .label{color:#000;display:flex;font-weight:400}div.order-item .bottom .item .item-content{color:#747474;display:flex;font-weight:300}a.create-account{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-size:40px;height:60px;justify-content:center;margin-bottom:20px;margin-top:10px;text-decoration:none;width:60px}@media screen and (max-width:500px){div.account-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:90%}}@media screen and (min-width:501px) and (max-width:700px){div.account-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:350px}}@media screen and (min-width:701px){div.account-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 14px -10px #42445a;display:flex;height:80px;justify-content:space-around;margin-bottom:15px;padding:10px;width:450px}}div.account-item .username{align-items:center;display:flex;flex-direction:column;gap:3px;height:100%;justify-content:center}div.account-item .username .name{font-size:15px}div.account-item .label{align-items:center;color:gray;display:flex;flex-direction:column;font-size:12px;justify-content:center}div.account-item .role,div.account-item .status{align-items:center;display:flex;flex-direction:column;gap:3px;justify-content:space-between}div.account-item .action{align-items:center;color:#000;cursor:pointer;display:flex;font-size:30px;height:100%;justify-content:center;text-decoration:none}div.custom-login-input{background-color:#fff;border-radius:15px;box-shadow:0 0 14px -10px #42445a;display:flex;flex-direction:column;height:75px;justify-content:space-between;margin-bottom:30px;padding:15px;transition:.1s;width:100%}div.custom-login-input:focus-within{box-shadow:0 0 14px -5px #42445a}div.custom-login-input label{color:#262626;display:flex;font-size:14px;font-weight:400;justify-content:space-between}div.custom-login-input label span{color:#2f2ce0}div.custom-login-input input{border:none;color:#262626;font-size:15px;height:25px;outline:none}button.custom-login-button{align-items:center;background-color:#000;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:17px;font-weight:400;height:60px;justify-content:center;width:100%}@media screen and (max-width:500px){form.create-account-panel{align-items:center;background-color:#f6f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;padding:30px 20px;width:100%}}@media screen and (min-width:501px){form.create-account-panel{align-items:center;background-color:#f6f8f8;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;padding:30px 20px;width:450px}}form.create-account-panel .error-message{color:red;margin-top:20px}section.userpage-main{align-items:end;display:flex}section.not-found-page img{height:250px}@media screen and (max-width:700px){div.user-navigation{align-items:center;background-color:#000;border-radius:60px;bottom:20px;box-shadow:0 20px 19px -15px #42445a;display:flex;flex-direction:row;height:60px;justify-content:space-around;left:50%;padding-left:5px;padding-right:5px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:1}}@media screen and (min-width:701px){div.user-navigation{align-items:center;background-color:#000;border-radius:60px;bottom:20px;box-shadow:0 20px 19px -15px #42445a;display:flex;flex-direction:row;height:60px;justify-content:space-around;left:50%;padding-left:5px;padding-right:5px;position:fixed;transform:translateX(-50%);width:700px;z-index:1}}div.user-navigation span{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;transition:.2s;width:40px}div.user-navigation span a{display:flex;text-decoration:none}div.user-navigation span.active{background-color:#fff;border-radius:50%}div.user-navigation span .icon-nav{color:#fff;font-size:25px}div.user-navigation span .logout{color:red;cursor:pointer;font-size:27px}div.user-navigation span.active .icon-nav{color:#000}div.user-navigation span .icon-nav:hover{font-size:29px}
/*# sourceMappingURL=main.ac4c83ff.css.map*/