@charset "UTF-8";.isDark.leftMenu{background-color:#0d3d5b}.isDark.leftMenu .logo img{-webkit-filter:invert(100%) brightness(100%) hue-rotate(190deg);filter:invert(100%) brightness(100%) hue-rotate(190deg)}.isDark.leftMenu .closeButton{color:#fff}.isDark.leftMenu .icons,.isDark.leftMenu .icons div{background-color:#0d3d5b}.isDark.leftMenu .icons div img{background-color:transparent;-webkit-filter:invert(100%);filter:invert(100%)}.isDark.leftMenu .icons div label{background-color:transparent;color:#fff;-webkit-filter:opacity(.8);filter:opacity(.8)}.leftMenu{background-color:#fff;height:100vh;left:0;position:absolute;top:0;width:20vw}.leftMenu .closeButton{display:none}.leftMenu .logo{background-color:transparent;left:42px;position:absolute;top:10px}.leftMenu .logo img{background-color:transparent;width:80px}.leftMenu .icons{background-color:#fff;display:flex;flex-direction:column;left:42px;position:absolute;top:115px}.leftMenu .icons div{align-items:center;background-color:#fff;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.leftMenu .icons div:hover{background-color:#0994e2;border-radius:7px;padding:10px;width:15vw}.leftMenu .icons div:hover img{background-color:transparent;-webkit-filter:invert(100%);filter:invert(100%);width:30px}.leftMenu .icons div:hover label{background-color:transparent;color:#fff}.leftMenu .icons div:hover span{color:#fff}.leftMenu .icons div img{background-color:#fff;width:30px}.leftMenu .icons div label{background-color:#fff;color:#777;font-size:14px;margin-left:10px;text-align:left;width:100%}.leftMenu .icons div span{color:red;font-size:12px;font-weight:600;margin-left:20px;width:100%}@media only screen and (min-width:321px)and (max-width:991px)and (orientation:landscape){.leftMenu{display:none}}@media only screen and (min-width:321px)and (max-width:767px){.leftMenu{border-right:.5px solid #727171;left:0;transition:width .5s ease-in-out;width:0;z-index:100}.leftMenu .container{opacity:0}.leftMenu .icons{display:none}.leftMenu.enable{border-right:.5px solid #727171;display:block;transition:width forwards .5s ease-in-out;width:100vw;z-index:100}.leftMenu.enable .container{opacity:1;transition:opacity 1s ease-in-out;transition-delay:.2s}.leftMenu.enable .closeButton{background-color:transparent;border:0;display:block;font-size:25px;left:20px;opacity:.7s;position:absolute;top:32px}.leftMenu.enable .logo{left:70vw;position:absolute;top:5px}.leftMenu.enable .logo img{width:80px}.leftMenu.enable .icons{display:block;opacity:.7;top:90px}.leftMenu.enable .icons div:hover{padding:10px;width:80vw}.leftMenu.enable .icons div:hover span{color:#fff}.leftMenu.enable .icons div img{height:40px;margin-top:5px;width:40px}.leftMenu.enable .icons div label{font-size:20px;margin-left:20px}.leftMenu.enable .icons div span{color:red;font-size:18px;font-weight:600;margin-left:40px;width:100%}}@media only screen and (min-width:768px)and (max-width:991px){.leftMenu{width:23vw}.leftMenu .icons{left:10px}.leftMenu .icons div:hover{width:20vw}}.isDark.topMenu-container{background-color:#0d3d5b}.isDark.topMenu-container .hamburger{color:#fff}.isDark.topMenu-container .hamburger span{background-color:#fff}.isDark.topMenu-container .title{color:#fff}.isDark.topMenu-container .image-container .icons.isDarkImage,.isDark.topMenu-container .image-container .icons.notifications{-webkit-filter:invert(100%);filter:invert(100%)}.isDark.topMenu-container .profileInfo__level{background-color:#0d3d5b;color:#bcbaba}.isDark.topMenu-container .profileInfo__name{background-color:#0d3d5b;color:#fff}.topMenu-container{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);height:100px;position:absolute;right:0;top:0;width:100vw}.topMenu-container .hamburger{border:none;cursor:pointer;display:none;margin:0;padding:0}.topMenu-container .hamburger span{border-radius:2px;display:block;height:3px;margin:4px auto;width:25px}.topMenu-container .title{background-color:transparent;color:#555;font-size:24px;left:22vw;position:relative;text-transform:capitalize;top:34px}.topMenu-container .image-container{align-items:center;float:right;position:absolute;width:100%}.topMenu-container .image-container .icons{background-color:transparent;position:absolute;top:7px;width:20px}.topMenu-container .image-container .icons.isDarkImage{-webkit-filter:opacity(60%);filter:opacity(60%);right:225px}.topMenu-container .image-container .icons.notifications{right:190px}.topMenu-container .image-container .profile-pic{border-radius:50px;position:absolute;right:115px;width:40px}.topMenu-container .profileInfo{font-size:10px;position:absolute;right:30px;top:37px}.topMenu-container .profileInfo__name{color:#000;font-weight:600}.topMenu-container .profileInfo__level{color:#9a9a9a;font-weight:500;top:40px}@media only screen and (min-width:321px)and (max-width:767px){.topMenu-container{height:70px;opacity:1;transition:opacity .5s ease-in-out;z-index:3}.topMenu-container.activeMenu{opacity:0}.topMenu-container .hamburger{background-color:transparent;display:block;left:20px;position:absolute;top:20px}.topMenu-container .hamburger span{background-color:#090909}.topMenu-container .title{color:#555;font-size:20px;font-weight:500;left:15vw;position:relative;top:20px}.topMenu-container .image-container{top:15px;width:100%}.topMenu-container .image-container .icons{top:10px;width:16px}.topMenu-container .image-container .icons.isDarkImage{right:175px}.topMenu-container .image-container .icons.notifications{right:145px}.topMenu-container .image-container .profile-pic{right:90px}.topMenu-container .profileInfo{right:10px;top:25px}}@media only screen and (min-width:768px)and (max-width:991px){.topMenu-container .title{left:24vw}}.slider-main{display:flex;justify-content:space-between;width:74vw}.game-selected,.slider-container{display:flex;flex-basis:50%;position:relative}.slider-container .slider-grid .slider .image-container img{border:1px solid #b8b7b7;border-radius:10px;height:100%;object-fit:cover;object-position:center;width:100%}.slider-container{align-items:center;display:flex;justify-content:space-between;left:20vw;margin-right:10px;top:15vh}.slider-container .slider-grid{display:flex;flex-wrap:wrap;height:45vh;width:40vw}.slider-container .slider-grid .slider{display:flex;justify-content:center;padding:10px;width:33.33%}.slider-container .slider-grid .slider .image-container{height:21vh;position:relative;width:10vw}.slider-container .slider-grid .slider .image-container .image-frame{background-color:hsla(0,0%,69%,.753);border-radius:0 0 10px 10px;border-top:.5px solid rgba(2,2,2,.355);bottom:0;height:30%;position:absolute;text-align:center;width:100%}.slider-container .slider-grid .slider .image-container .image-frame div{background-color:transparent;color:#fff;font-size:1rem;font-weight:500;position:absolute;text-shadow:2px 2px 20px #0994e2;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.slider-container .prev{left:7px;position:absolute;top:50%;width:20px}.slider-container .next{position:absolute;right:7px;top:50%;width:19px}.slider-container .slider-error{color:#ee0909;font-size:14px;font-weight:500;padding:60px;position:absolute;text-align:justify;width:100%}.game-selected{left:21vw;position:relative;top:17vh}.game-selected img{border:1px solid #b8b7b7;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.466);height:45vh;position:absolute;width:100%}.game-selected .game-selected-infoContainer{-webkit-animation:showInfoGameSelected 2s ease-in-out;animation:showInfoGameSelected 2s ease-in-out;background-color:hsla(0,0%,69%,.933);border-radius:0 0 10px 10px;border-top:.5px solid rgba(2,2,2,.355);bottom:0;color:#fff;font-size:16px;height:15px;overflow:hidden;position:absolute;text-align:center;width:100%}.game-selected .game-selected-infoContainer:hover{height:150px}.game-selected .game-selected-infoContainer:hover span{opacity:0}@-webkit-keyframes showInfoGameSelected{0%{height:35%}to{height:0}}@keyframes showInfoGameSelected{0%{height:35%}to{height:0}}.game-selected .game-selected-infoContainer .game-selected-info{padding:20px;text-align:left;text-transform:capitalize}.game-selected .game-selected-infoContainer .game-selected-info label{color:#575757;font-weight:600}@media only screen and (min-width:321px)and (max-width:767px){.slider-main{height:50vh;left:0;position:absolute;top:0;width:100vw}.game-selected,.slider-container{align-content:center;align-items:center;flex-basis:100%;flex-direction:column}.slider-container{left:50%;position:absolute;top:400px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.slider-container .slider-grid{height:27vh;width:90vw}.slider-container .slider-grid .slider{padding:0}.slider-container .slider-grid .slider .image-container{height:90px;width:80px}.slider-container .slider-grid .slider .image-container .image-frame div{font-size:.7rem}.slider-container .prev{left:0;top:42%}.slider-container .next{right:0;top:42%}.game-selected{left:0;top:0;width:100%}.game-selected,.game-selected .game-selected-main{position:relative}.game-selected .game-selected-main img{height:200px;left:50%;position:absolute;top:80px;-webkit-transform:translate(-50%);transform:translate(-50%);width:340px}.game-selected .game-selected-main .game-selected-infoContainer{height:15px;left:0;position:absolute;top:270px;-webkit-transform:translate(-50%);transform:translate(-50%);width:340px}.game-selected .game-selected-main .game-selected-infoContainer.showInfo{-webkit-animation:showInfoGameSelectedMobile 4s ease-in-out forwards;animation:showInfoGameSelectedMobile 4s ease-in-out forwards}@-webkit-keyframes showInfoGameSelectedMobile{0%{height:15px}25%{height:120px;top:160px}75%{height:120px;top:160px}to{height:120px;top:160px}}@keyframes showInfoGameSelectedMobile{0%{height:15px}25%{height:120px;top:160px}75%{height:120px;top:160px}to{height:120px;top:160px}}.game-selected .game-selected-main .game-selected-infoContainer.hideInfo{-webkit-animation:hideInfoGameSelectedMobile 2s ease-in-out forwards;animation:hideInfoGameSelectedMobile 2s ease-in-out forwards}.game-selected .game-selected-main .game-selected-infoContainer.hideInfo span{opacity:1;transition:opacity 4s ease-in-out}@-webkit-keyframes hideInfoGameSelectedMobile{0%{height:120px;top:160px}to{height:15px}}@keyframes hideInfoGameSelectedMobile{0%{height:120px;top:160px}to{height:15px}}.game-selected .game-selected-main .game-selected-info{padding:0 20px;text-align:left;text-transform:capitalize}.game-selected .game-selected-main .game-selected-info label{color:#575757;font-weight:600}}@media only screen and (min-width:768px)and (max-width:991px){.game-selected,.slider-container{align-content:center;align-items:center;flex-direction:column}.slider-container{left:60%;position:absolute;top:575px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slider-container .slider-grid{height:26vh;width:70vw}.slider-container .slider-grid .slider{padding:0}.slider-container .slider-grid .slider .image-container{height:127px;width:120px}.slider-container .slider-grid .slider .image-container .image-frame div{font-size:.7rem}.slider-container .prev{left:0;top:42%}.slider-container .next{right:0;top:42%}.game-selected{left:55%;top:120px;width:100%}.game-selected,.game-selected .game-selected-main{position:relative}.game-selected .game-selected-main img{height:280px;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);width:450px}.game-selected .game-selected-main .game-selected-infoContainer{height:15px;left:0;position:absolute;top:270px;-webkit-transform:translate(-50%);transform:translate(-50%);width:450px}.game-selected .game-selected-main .game-selected-infoContainer:hover{height:120px;top:160px}.game-selected .game-selected-main .game-selected-infoContainer:hover span{display:none}}.isDark .gameList-search{color:#e8e8e8}.isDark .gameList-search::-webkit-input-placeholder{color:#bdbaba}.isDark .gameList-search::placeholder{color:#bdbaba}.isDark .gameList-add,.isDark .gameList-searchIcon{-webkit-filter:invert(100%);filter:invert(100%)}.isDark .gameList-main{background-color:#1d2d39}.isDark .gameList-main .gameList-container table .sortCategory,.isDark .gameList-main .gameList-container table .sortDate,.isDark .gameList-main .gameList-container table .sortRange,.isDark .gameList-main .gameList-container table th{background-color:#1d2d39;color:#e8e8e8}.isDark .gameList-main .gameList-container table .sortCategory img,.isDark .gameList-main .gameList-container table .sortDate img,.isDark .gameList-main .gameList-container table .sortRange img,.isDark .gameList-main .gameList-container table th img{-webkit-filter:invert(100%);filter:invert(100%)}.isDark .gameList-main .gameList-container table td{background-color:#1d2d39;color:#bdbaba}.isDark .gameList-main .gameList-container table .gameList-action img{-webkit-filter:invert(100%);filter:invert(100%)}.gameList-search{background-color:hsla(0,0%,75%,.224);border:none;border-radius:5px;color:#707070;padding:5px;position:absolute;right:110px;top:65vh;z-index:1}.gameList-search::-webkit-input-placeholder{color:hsla(0,0%,44%,.576)}.gameList-search::placeholder{color:hsla(0,0%,44%,.576)}.gameList-add{position:absolute;right:80px;top:65.5vh;width:18px;z-index:1}.gameList-add:hover{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}.gameList-searchIcon{position:absolute;right:120px;top:65.5vh;width:15px;z-index:1}.gameList-main{background:#fff;border-radius:5px;height:27vh;left:22vw;overflow-y:scroll;position:absolute;top:70vh;width:74vw}.gameList-main .gameList-container{position:relative}.gameList-main .gameList-container table{border-collapse:collapse;position:absolute;text-align:center;width:100%}.gameList-main .gameList-container table th{background:#fff;color:#818181;font-size:14px;padding:5px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:2}.gameList-main .gameList-container table th img{background-color:transparent;margin-left:5px;width:15px}.gameList-main .gameList-container table th img:hover{-webkit-animation:sort .7s ease-in-out;animation:sort .7s ease-in-out}.gameList-main .gameList-container table tbody td{color:#8c8c8c;padding:5px;text-transform:capitalize;white-space:nowrap}.gameList-main .gameList-container table tbody #name{padding-left:5px;text-align:left}.gameList-main .gameList-container table .gameList-action{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.gameList-main .gameList-container table .gameList-action img{margin-left:10px;width:18px}.gameList-main .gameList-container table .gameList-action img:hover{-webkit-animation:shake 1s ease-in-out infinite;animation:shake 1s ease-in-out infinite}.GameListError-message{background-color:transparent;bottom:50%;color:red;font-family:Inter,sans-serif;font-size:12px;font-weight:500;position:absolute;text-align:center;text-transform:uppercase;width:100%}@media only screen and (min-width:321px)and (max-width:767px){.gameList-search{right:50px;top:500px;width:150px}.gameList-add{right:20px;top:505px}.gameList-searchIcon{right:55px;top:505px;width:15px}.gameList-main{height:28vh;left:0;position:absolute;top:540px;width:100%}.gameList-main .gameList-container table{font-size:.8rem}.gameList-main .gameList-container table td,.gameList-main .gameList-container table th{flex-basis:100%}.gameList-main .gameList-container table th{font-size:12px}.gameList-main .gameList-container table th img{width:12px}.gameList-main .gameList-container table th.sortCategory,.gameList-main .gameList-container table th.sortDate,.gameList-main .gameList-container table th.sortRange{display:flex;flex-direction:row}.gameList-main .gameList-container table .gameList-action{margin-right:10px}.gameList-main .gameList-container table .gameList-action img{width:16px}}@media only screen and (min-width:768px)and (max-width:991px){.gameList-search{right:50px;top:720px;width:150px}.gameList-add{right:20px;top:725px}.gameList-searchIcon{right:55px;top:725px;width:15px}.gameList-main{bottom:0;height:30vh;left:0;position:absolute;width:100%}.gameList-main .gameList-container table{font-size:.8rem}.gameList-main .gameList-container table td,.gameList-main .gameList-container table th{flex-basis:100%}.gameList-main .gameList-container table th{font-size:12px}.gameList-main .gameList-container table th img{width:12px}.gameList-main .gameList-container table th.sortCategory,.gameList-main .gameList-container table th.sortDate,.gameList-main .gameList-container table th.sortRange{display:flex;flex-direction:row}.gameList-main .gameList-container table .gameList-action{margin-right:10px}.gameList-main .gameList-container table .gameList-action img{width:16px}}.loader-overlay{background-color:rgba(0,0,0,.7);height:100vh;transition:background-color 2s ease-in-out;width:100vw;z-index:9999}.loader-overlay,.loader-overlay .loader{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loader-overlay .loader{align-items:center;background-color:transparent;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100px}.loader-overlay .loader .spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;background-color:transparent;border:0;border-radius:50%;border-top:7px solid #3498db;height:100px;position:relative;width:100px}.loader-overlay .loader .text-container{align-items:center;background-color:transparent;display:flex;justify-content:center;margin-top:10px}.loader-overlay .loader .text-container .cargando{align-items:center;background-color:transparent;display:flex;flex-direction:row;position:relative;width:80px}.loader-overlay .loader .text-container .cargando p{background-color:transparent;color:#fff;font-size:10px;font-weight:700;margin-right:5px;text-transform:uppercase}.loader-overlay .loader .text-container .dots-container{align-items:center;background-color:transparent;display:flex;height:10px;justify-content:center;margin-top:5px;width:40px}.loader-overlay .loader .text-container .dots-container span{-webkit-animation:dot 2s linear infinite;animation:dot 2s linear infinite;border-radius:50%;display:block;height:3px;margin:0 5px;width:3px}.loader-overlay .loader .text-container .dots-container span:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.loader-overlay .loader .text-container .dots-container span:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes dot{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:initial;content:"";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:initial;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.isDark .gamesModal-frame{background-color:#1d2d39}.isDark .gamesModal-add .form .form-div input,.isDark .gamesModal-add .form .form-div select,.isDark .gamesModal-add .form .form-div textarea,.isDark .gamesModal-edit .form .form-div input,.isDark .gamesModal-edit .form .form-div select,.isDark .gamesModal-edit .form .form-div textarea{background-color:#2b353a;color:#e8e8e8}.isDark .gamesModal-add .form .form-div input::-webkit-input-placeholder,.isDark .gamesModal-add .form .form-div select::-webkit-input-placeholder,.isDark .gamesModal-add .form .form-div textarea::-webkit-input-placeholder,.isDark .gamesModal-edit .form .form-div input::-webkit-input-placeholder,.isDark .gamesModal-edit .form .form-div select::-webkit-input-placeholder,.isDark .gamesModal-edit .form .form-div textarea::-webkit-input-placeholder{color:#bdbaba}.isDark .gamesModal-add .form .form-div input::placeholder,.isDark .gamesModal-add .form .form-div select::placeholder,.isDark .gamesModal-add .form .form-div textarea::placeholder,.isDark .gamesModal-edit .form .form-div input::placeholder,.isDark .gamesModal-edit .form .form-div select::placeholder,.isDark .gamesModal-edit .form .form-div textarea::placeholder{color:#bdbaba}.isDark .gamesModal-delete{color:#e8e8e8}.isDark .gamesModal-delete .game-toDelete{color:#bdbaba}.gamesModal-overlay{background-color:rgba(0,0,0,.802);height:100vh;position:absolute;top:0;width:100vw;z-index:9998}.gamesModal-frame{background-color:#fff;border-radius:5px;font-family:Inter,sans-serif;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:9999}.gamesModal-frame.add,.gamesModal-frame.edit{height:325px}.gamesModal-frame.delete{height:250px}.gamesModal-add,.gamesModal-edit{border-radius:10px;height:100%;position:relative;width:100%}.gamesModal-add .form,.gamesModal-edit .form{display:flex;flex-direction:column;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.gamesModal-add .form .form-div,.gamesModal-edit .form .form-div{align-items:center;display:flex;justify-content:center;margin:10px}.gamesModal-add .form .form-div input,.gamesModal-add .form .form-div select,.gamesModal-edit .form .form-div input,.gamesModal-edit .form .form-div select{border:.7px solid #a9a8a8;border-radius:5px;color:#515151;font-family:Inter,sans-serif;font-size:14px;font-size:12px;font-weight:400;text-transform:capitalize;width:220px}.gamesModal-add .form .form-div textarea,.gamesModal-edit .form .form-div textarea{font-family:Inter,sans-serif;font-size:12px;font-weight:400;height:60px;width:220px}.gamesModal-add .form .error-empty,.gamesModal-edit .form .error-empty{color:red}.gamesModal-add .form .error-empty input,.gamesModal-add .form .error-empty select,.gamesModal-edit .form .error-empty input,.gamesModal-edit .form .error-empty select{border:.7px solid red;border-radius:5px;margin-left:15px;width:220px}.gamesModal-add .form .error-empty span,.gamesModal-edit .form .error-empty span{margin-left:5px}.react-datepicker-wrapper{width:auto}.gamesModal-delete{border-radius:10px;height:100%;position:relative;width:100%}.gamesModal-delete .info-delete{font-family:Inter,sans-serif;font-size:24px;font-weight:500;left:50%;padding:20px;position:absolute;text-align:center;text-transform:uppercase;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.gamesModal-delete .info-delete .game-toDelete{align-content:space-around;display:flex;flex-direction:row;font-size:18px;left:50%;position:absolute;text-transform:uppercase;top:80%;-webkit-transform:translate(-50%);transform:translate(-50%)}.gamesModal-delete .info-delete .game-toDelete div{height:100px;max-width:120px;position:relative;width:120px}.gamesModal-delete .info-delete .game-toDelete div img{border-radius:7px;box-shadow:0 0 5px hsla(0,0%,75%,.682);height:100%;left:0;margin-left:15px;object-fit:cover;position:absolute;top:0;width:100%}.error-message{color:red}.error-message,.isOk-message{-webkit-animation:showMessages 5s ease-in-out forwards;animation:showMessages 5s ease-in-out forwards;bottom:50px;font-family:Inter,sans-serif;font-size:10px;font-weight:500;padding:0 40px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.isOk-message{color:#109514}.isOk-message div{text-align:right}.isOk-message div label{font-size:10px;font-weight:400;text-transform:lowercase}.react-datepicker-popper{-webkit-transform:translate3d(200px,-140px,0)!important;transform:translate3d(200px,-140px,0)!important}.react-datepicker__triangle{-webkit-transform:translate3d(-5px,235px,0) rotate(270deg)!important;transform:translate3d(-5px,235px,0) rotate(270deg)!important}@media only screen and (min-width:321px)and (max-width:991px)and (orientation:landscape){.games-main{display:none}}.isDark .users-searchIcon,.isDark .usersList-add{-webkit-filter:invert(100%);filter:invert(100%)}.isDark .users-search{color:#e8e8e8}.isDark .users-search::-webkit-input-placeholder{color:#bdbaba}.isDark .users-search::placeholder{color:#bdbaba}.isDark .users-container .user-table table th{background-color:#1d2d39;color:#e8e8e8}.isDark .users-container .user-table table th img{-webkit-filter:invert(100%);filter:invert(100%)}.isDark .users-container .user-table table td{background-color:#1d2d39;color:#bdbaba}.isDark .users-container .user-table table .users-action img{background-color:transparent;-webkit-filter:invert(100%);filter:invert(100%)}.users-search{background-color:hsla(0,0%,75%,.224);border:none;border-radius:5px;color:#707070;padding:5px;position:absolute;right:90px;top:115px;z-index:1}.users-search::-webkit-input-placeholder{color:hsla(0,0%,44%,.576)}.users-search::placeholder{color:hsla(0,0%,44%,.576)}.users-searchIcon{right:100px;width:15px}.users-searchIcon,.usersList-add{background-color:transparent;position:absolute;top:120px;z-index:1}.usersList-add{right:60px;width:18px}.usersList-add:hover{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:opacity(30%);filter:opacity(30%);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rotate{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:opacity(30%);filter:opacity(30%);-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.users-main{height:75vh;left:21vw;overflow-y:auto;position:absolute;top:150px;width:75vw}.users-container{position:relative}.users-container .user-table table{border-collapse:collapse;position:relative;text-align:center;width:100%}.users-container .user-table table thead{position:-webkit-sticky;position:sticky;top:0;z-index:1}.users-container .user-table table th{background:#fff;color:#818181;font-size:14px;padding:5px;white-space:nowrap;z-index:2}.users-container .user-table table th img{background-color:transparent;margin-left:5px;width:15px}.users-container .user-table table th img:hover{-webkit-animation:sort .7s ease-in-out;animation:sort .7s ease-in-out}@-webkit-keyframes sort{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}50%{-webkit-transform:translateY(1px);transform:translateY(1px)}75%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes sort{0%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}50%{-webkit-transform:translateY(1px);transform:translateY(1px)}75%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.users-container .user-table table tbody td{color:#8c8c8c;font-size:12px;padding:5px;text-transform:capitalize;white-space:nowrap}.users-container .user-table table tbody #name{text-align:left}.users-container .user-table table tbody #email{text-transform:lowercase}.users-container .user-table table tbody .profile-pic-main{align-items:center;display:flex;justify-content:center}.users-container .user-table table tbody .profile-pic-container{align-items:center;background-color:transparent;display:flex;height:60px;justify-content:center;position:relative;width:60px}.users-container .user-table table tbody .profile-pic-container img{border-radius:50%;max-height:100%;max-width:100%;object-fit:cover;position:absolute;width:60px}.users-container .user-table table tbody .profile-pic-container .img-info{align-items:center;border-radius:5px;bottom:0;color:#fff;display:flex;font-size:10px;font-weight:500;height:17px;justify-content:space-around;left:50%;position:absolute;width:40px}.users-container .user-table table tbody .profile-pic-container .img-info.admin{background-color:#0994e2}.users-container .user-table table tbody .profile-pic-container .img-info.user{background-color:#bd96fc}.users-container .user-table table tbody .profile-pic-container .img-info.ux-ui{background-color:#fc96f8}.users-container .user-table table tbody .profile-pic-container .img-info.dev{background-color:#8f8f8f}.users-container .user-table .users-action img{margin-left:5px;width:18px}.users-container .user-table .users-action img:hover{-webkit-animation:shake 1s ease-in-out infinite;animation:shake 1s ease-in-out infinite}@-webkit-keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}90%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes shake{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}20%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}30%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}70%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}90%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.users-container .usersError-message{color:red;font-family:Inter,sans-serif;font-size:12px;font-weight:500;left:50%;position:absolute;text-align:center;text-transform:uppercase;top:500%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}@media only screen and (min-width:321px)and (max-width:991px)and (orientation:landscape){.users{display:none}}@media only screen and (min-width:321px)and (max-width:767px){.users-search{right:60px;top:80px;width:170px}.users-searchIcon{right:70px;top:85px}.usersList-add{right:20px;top:85px}.users-main{left:0;width:100vw}.user-table table{font-size:.8rem}.user-table table td,.user-table table th{flex-basis:100%}.user-table table th{font-size:12px}.user-table table th img{width:12px}.user-table .Userserror-message{font-size:12px;left:50%;top:500%}}@media only screen and (min-width:768px)and (max-width:991px){.users-main{height:100%;left:25vw}}.isDark .usersModal-frame{background-color:#1d2d39;color:#e8e8e8}.isDark .usersModal-add .form .form-div input,.isDark .usersModal-add .form .form-div select,.isDark .usersModal-add .form .form-div textarea,.isDark .usersModal-edit .form .form-div input,.isDark .usersModal-edit .form .form-div select,.isDark .usersModal-edit .form .form-div textarea{background-color:#2b353a;color:#e8e8e8}.isDark .usersModal-add .form .form-div input::-webkit-input-placeholder,.isDark .usersModal-add .form .form-div select::-webkit-input-placeholder,.isDark .usersModal-add .form .form-div textarea::-webkit-input-placeholder,.isDark .usersModal-edit .form .form-div input::-webkit-input-placeholder,.isDark .usersModal-edit .form .form-div select::-webkit-input-placeholder,.isDark .usersModal-edit .form .form-div textarea::-webkit-input-placeholder{color:#bdbaba}.isDark .usersModal-add .form .form-div input::placeholder,.isDark .usersModal-add .form .form-div select::placeholder,.isDark .usersModal-add .form .form-div textarea::placeholder,.isDark .usersModal-edit .form .form-div input::placeholder,.isDark .usersModal-edit .form .form-div select::placeholder,.isDark .usersModal-edit .form .form-div textarea::placeholder{color:#bdbaba}.usersModal-overlay{background-color:rgba(0,0,0,.802);height:100vh;position:absolute;top:0;width:100vw;z-index:9998}.usersModal-frame{background-color:#fff;border-radius:5px;font-family:Inter,sans-serif;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;z-index:9999}.usersModal-frame.add,.usersModal-frame.edit{height:325px}.usersModal-frame.delete{height:250px}.usersModal-add,.usersModal-edit{border-radius:10px}.usersModal-add,.usersModal-add .edit-pic-container,.usersModal-edit,.usersModal-edit .edit-pic-container{height:100%;position:relative;width:100%}.usersModal-add .edit-pic-container img,.usersModal-edit .edit-pic-container img{border-radius:50px;left:85%;position:absolute;top:12%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60px}.usersModal-add .edit-pic-container .edit-imgInfo,.usersModal-edit .edit-pic-container .edit-imgInfo{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:10px;font-weight:500;justify-content:space-around;left:90%;padding:2px;position:absolute;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.usersModal-add .edit-pic-container .edit-imgInfo.admin,.usersModal-edit .edit-pic-container .edit-imgInfo.admin{background-color:#0994e2}.usersModal-add .edit-pic-container .edit-imgInfo.user,.usersModal-edit .edit-pic-container .edit-imgInfo.user{background-color:#bd96fc}.usersModal-add .edit-pic-container .edit-imgInfo.ux-ui,.usersModal-edit .edit-pic-container .edit-imgInfo.ux-ui{background-color:#fc96f8}.usersModal-add .edit-pic-container .edit-imgInfo.dev,.usersModal-edit .edit-pic-container .edit-imgInfo.dev{background-color:#8f8f8f}.usersModal-add .form,.usersModal-edit .form{background-color:transparent;display:flex;flex-direction:column;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.usersModal-add .form.edit,.usersModal-edit .form.edit{left:45%;top:45%}.usersModal-add .form .form-div,.usersModal-edit .form .form-div{align-items:center;display:flex;justify-content:center;margin:5px}.usersModal-add .form .form-div input,.usersModal-add .form .form-div select,.usersModal-edit .form .form-div input,.usersModal-edit .form .form-div select{border:.7px solid #a9a8a8;border-radius:5px;color:#515151;font-family:Inter,sans-serif;font-size:14px;font-size:12px;font-weight:400;text-transform:capitalize;width:180px}.usersModal-add .form .error-empty,.usersModal-edit .form .error-empty{color:red}.usersModal-add .form .error-empty input,.usersModal-add .form .error-empty select,.usersModal-edit .form .error-empty input,.usersModal-edit .form .error-empty select{border:.7px solid red;border-radius:5px;margin-left:15px;width:180px}.usersModal-add .form .error-empty span,.usersModal-edit .form .error-empty span{margin-left:5px}.usersModal-delete{border-radius:10px;height:100%;position:relative;width:100%}.usersModal-delete .usersModal-infoDelete{font-size:14px;font-weight:500;left:50%;padding:20px;position:absolute;text-align:justify;text-transform:uppercase;top:20%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.usersModal-delete .usersModal-infoDelete .user-toDelete{align-content:space-around;align-items:center;display:flex;flex-direction:row;font-size:30px;font-weight:400;left:50%;position:absolute;text-transform:capitalize;top:80%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.usersModal-delete .usersModal-infoDelete .user-toDelete #user-toDeleteName{height:100px;margin-left:20px;position:relative;width:50%}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main{left:75%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container{position:relative}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container img{border-radius:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:110px}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container .img-info{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:12px;font-weight:500;height:25px;justify-content:space-around;position:absolute;-webkit-transform:translate(30%,130%);transform:translate(30%,130%);width:50px}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container .img-info.admin{background-color:#0994e2}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container .img-info.user{background-color:#bd96fc}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container .img-info.ux-ui{background-color:#fc96f8}.usersModal-delete .usersModal-infoDelete .user-toDelete .profile-pic-main .profile-pic-container .img-info.dev{background-color:#8f8f8f}.userError-message{bottom:45px;color:red}.user-isOk-message,.userError-message{-webkit-animation:showMessages 5s ease-in-out forwards;animation:showMessages 5s ease-in-out forwards;font-family:Inter,sans-serif;font-size:10px;font-weight:500;padding:0 40px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.user-isOk-message{bottom:40px;color:#109514}.user-isOk-message div{text-align:right}.user-isOk-message div label{font-size:10px;font-weight:400;text-transform:lowercase}.buttons{display:inline-flex;left:0;width:300px}.buttons,.buttons input{bottom:0;position:absolute}.buttons input{border:none;box-shadow:0 0 2px .1px rgba(0,0,0,.2);font-size:11px;font-weight:500;padding:10px;text-transform:uppercase;width:120px}.buttons input:hover{box-shadow:0 0 4px .5px rgba(0,0,0,.4);color:#fff}.buttons #button-cancel{background-color:#d8d7d7;border-radius:0 5px 0 5px;left:0}.buttons #button-cancel:hover{background-color:#c0bebe}.buttons #button-submit{background-color:#f9af1c;border-radius:5px 0 5px 0;right:0}@-webkit-keyframes showMessages{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes showMessages{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}*{box-sizing:border-box;font-family:Inter,sans-serif}body.isDark{background-color:#1d2d39}.not-allowed{background-color:#a31111;display:none;height:100vh;left:0;overflow-x:hidden;position:absolute;top:0;width:100vw;z-index:9999}.not-allowed span{background-color:transparent;color:#fff;font-size:24px;font-weight:500;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media only screen and (min-width:321px)and (max-width:991px)and (orientation:landscape){.not-allowed{display:block}}
/*# sourceMappingURL=main.03549c9e.css.map*/