@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Protest+Guerrilla&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{width:100%;height:100vh;margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Sans,sans-serif}.page{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;background-position:center;background-size:cover}.purple--glass{background:linear-gradient(to bottom,#442d6a80,#4a258b4d);box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:5px;border:1px solid rgba(255,255,255,.18)}.navbar{color:#fff;height:50px;width:98%;display:flex;flex-direction:row;justify-content:space-between;margin:10px auto 30px}.navbar .logo img{width:80px}.navbar .logo{display:flex;align-items:center}.search-bar{width:50%;margin-left:-40px;display:flex;flex-direction:column;align-items:center;height:max-content}.SearchFilterBar{width:100%;display:flex;gap:5px;flex-direction:column;align-items:center}.SearchFilterBar button{border:none;padding:10px;min-width:59px;width:max-content;border-radius:100px;color:#d9d9d9;background-color:#1e0934;font-weight:600;border:2px solid transparent}.SearchFilterBarBtns{width:98.5%;display:flex;gap:10px}.verticalRow{Float:left;height:1px;width:100%;background-color:#1e0934;opacity:.4}.SearchFilterBar .selectedBtn{border:2px solid #913DCE}.searchResultWrapperFilterBar{width:100%;height:max-content}.searchResultWrapperNoFilterBar{width:100%;height:fit-content;max-height:300px;padding-top:5px;overflow-y:scroll;display:flex;flex-direction:column;align-items:center;gap:9px}.searchResultWrapper{background-color:#d9d9d9;position:relative;z-index:100;margin-top:5px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;padding:5px 0}.searchEmpty{height:40px;display:flex;justify-content:center;align-items:center;color:#1e0934;font-weight:600;font-size:17px}.searchResultItem p{font-size:15px;font-weight:500}.searchResultItem p span{font-weight:700;font-size:15px;color:#1e0934}.searchResultItem{width:99%;display:flex;align-items:center;gap:5px;color:#1e0934;background-color:#d9d9d9;border:none;font-weight:600;padding:5px 10px 5px 5px;border-radius:10px}.searchResultItem p{cursor:pointer}.searchResultItem:hover{background-color:#fff;cursor:pointer}.searchResultItem img{width:50px;height:50px;border-radius:100%;border:2px solid #1E0934}.searchResultItem button{color:#d9d9d9;border:none;border-radius:5px;padding:7px;background-color:#1e0934;font-weight:600;margin-left:auto}.searchResultItem button:hover{background-color:#913dce;cursor:pointer}.search-bar input{width:100%;height:42px;box-sizing:border-box;border:2px solid rgb(255,255,255);border-radius:30px;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.9199%2013.9199L17%2017M16.1111%208.5811C16.1111%2012.768%2012.7284%2016.1622%208.55556%2016.1622C4.38274%2016.1622%201%2012.768%201%208.5811C1%204.39418%204.38274%201%208.55556%201C12.7284%201%2016.1111%204.39418%2016.1111%208.5811Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:20px center;background-size:15px;text-indent:50px;color:#fff;font-size:15px;transition:height .1s}.search-bar input::placeholder{color:#fff;opacity:.7;text-indent:50px}.NotificationPopupCardDesappeared{display:none}.NotificationPopupCard{background-color:#913dce;border-radius:10px;padding:10px 0 10px 10px;min-width:300px;height:120px;max-width:max-content;gap:5px;z-index:99;display:flex;flex-direction:column;justify-content:space-between}.NotificationPopupCardBtn{align-self:flex-end}.NotificationPopupCardBtn button{display:flex;justify-content:center;align-items:center;gap:3px;color:#fff;font-weight:800;background-color:transparent;border:1px solid white;padding:4px;border-radius:6px}.NotificationPopupCard div{display:flex;gap:5px;align-items:center}.CheckCircleIcon{background-color:#fff;color:green;border:none;border-radius:100%}.CancelOutlinedIcon{background-color:transparent;border:none;color:#fff;border-radius:100%}.NotificationPopupHeader{color:#fff}.NotificationPopupHeader p{color:#fff;font-weight:400;font-size:medium}.NotificationPopupUsername{font-size:medium;color:#fff;font-weight:700}.search-bar input:focus{height:42px;outline:none;border-color:#913dce;color:#fff;text-indent:50px}.search-bar-mobile{width:100%;margin:0 auto;display:none;position:fixed;left:0;top:0;align-items:center;justify-content:center;z-index:50}.search-bar-mobile input{width:98%;height:40px;border:2px solid #4d4ea6;border-radius:10px;background-size:15px;text-indent:15px;color:#000;font-size:15px;outline:none}.profile-notifications{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px}.profile-notifications .search-icon-mobile{display:none}.profile-notifications .search-icon-mobile a img{width:19px;color:#000}.profile-notifications #profile-icon img{width:35px;height:35px;border-radius:50%}.sidebarWrapper{display:flex;flex-direction:row;height:100%;width:100%}.sidebar a{text-decoration:none;color:#fff}.sidebar img{width:30px}.sidebar{min-width:85px;display:flex;flex-direction:column;align-items:center;height:100%;background-color:#3a195280;border-radius:0 15px 0 0;overflow-y:auto;box-shadow:0 .5px 5px #ccc;border-top:1px solid rgba(255,255,255,.18);border-right:1px solid rgba(255,255,255,.18)}.sidebar-icons{padding:7px 5px;width:85%;border-radius:5px}.sidebar-navigations{display:flex;justify-content:center;align-items:center;padding:10px 0}.sidebar .sidebar-navigations{text-align:center;width:100%}.sidebar #sidebar-groups{margin-bottom:80px}.sidebar-titles{cursor:pointer}.sidebar .sidebar-navigations .sidebar-titles{font-size:.7em;text-align:center;display:block}#sidebar-chat,#sidebar-groups{position:relative}.sidebar-notifications{position:absolute;top:30px;right:24px;background-color:#913dce;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px}.profile-dropdown{position:absolute;background-color:#d9d9d9;width:180px;left:-140px;border-radius:20px;z-index:5}.navbar .profile-notifications #profile-icon{position:relative}.dropdown-profile-name{display:flex;flex-direction:row}#dropdown-profile-name{color:#1e0934;font-size:15px;padding-left:6px}.profile-dropdown .dropdown-profile-name{display:flex;align-items:center;justify-content:center}#profile-icon .profile-dropdown #dropdown-profile-name a{text-decoration:none;color:#1e0934}#profile-icon .profile-dropdown #dropdown-profile-pic a img{width:40px;height:40px}#profile-icon .profile-dropdown{padding-top:10px}.separator{display:flex;align-items:center;justify-content:center;width:100%;height:15px}#line-break{width:130px;height:.5px;background-color:#000}.profile-dropdown .settings-symbol-text{display:flex;flex-direction:row;align-items:center;padding-left:17px;height:45px}.profile-dropdown .settings-symbol-text #settings-symbol a img{width:35px}.profile-dropdown .settings-symbol-text #settings-text{padding-left:8px}.profile-dropdown .settings-symbol-text #settings-text a{text-decoration:none;color:#4d4ea6}.profile-dropdown .logout-symbol-text{display:flex;flex-direction:row;align-items:center;padding-left:17px;height:45px;padding-bottom:5px}.profile-dropdown .logout-symbol-text #logout-symbol a img{width:35px}.profile-dropdown .logout-symbol-text #logout-text{padding-left:8px}.profile-dropdown .logout-symbol-text #logout-text a{text-decoration:none;color:#4d4ea6}#notifications-icon{position:relative}.no-notifications-dropdown{position:absolute;background-color:#d9d9d9;width:350px;left:-285px;top:45px;border-radius:20px;display:flex;z-index:200}#notifications-icon .no-notifications-dropdown{display:flex;flex-direction:column;align-items:center;justify-content:center}#notifications-icon .no-notifications-dropdown #dropdown-notifications-title{color:#1e0934;font-size:15px;padding-top:10px}#notifications-icon .no-notifications-dropdown #dropdown-notifications-separator{height:20px;width:100%;display:flex;align-items:center;justify-content:center}#notifications-icon .no-notifications-dropdown #dropdown-notifications-separator #notifications-line-break{height:.5px;width:200px;background-color:#000}#notifications-icon .no-notifications-dropdown #dropdown-notifications-body{color:#1e0934;font-size:12px;padding-bottom:10px}.notifications-container{position:absolute;background-color:#d9d9d9;width:350px;left:-285px;top:45px;border-radius:15px;display:flex;align-items:center;flex-direction:column;padding:10px 0;z-index:200}.notifications-items{width:100%;display:flex;align-items:center;flex-direction:column;gap:7px;max-height:278px;overflow:auto;scrollbar-gutter:stable}.notifications-items::-webkit-scrollbar{width:5px}.notifications-items::-webkit-scrollbar-track{background:transparent}.notifications-items::-webkit-scrollbar-thumb{background:#913dce}.notifications-items::-webkit-scrollbar-thumb:hover{background:#913dce}.notifications-unread{width:13px;height:13px;border-radius:100%;background-color:#913dce;position:absolute;top:20px;left:20px}.notification-item:hover{background-color:#fff}.notification-item .profile-pic{width:40px;height:40px;border-radius:100%;border:2px solid #250939}.notification-item{background-color:transparent;border-radius:15px;width:95%;display:flex;justify-content:space-between;height:50px;padding:10px;align-items:center;border:none;text-decoration:none}.notification-item p{color:#1e0934;font-size:13px;cursor:pointer}.notification-item .notification-text{font-weight:600;margin-right:auto;margin-left:5px}.notification-item .SentFriendReqCardSendAt{opacity:50%;font-size:10px}.manageNotificationsBtns{display:flex;width:95%;justify-content:space-between;padding:0 10px}.manageNotificationsBtns button{padding:7px;background-color:#fff;border:none;border-radius:5px;color:#1e0934;font-weight:700;cursor:pointer}#notifications-icon hr{height:1px;width:65%;margin:15px 0;background-color:#1e0934;border:none}.manageNotificationsBtns button:enabled:hover{background-color:#913dce;color:#fff}.manageNotificationsBtns button:disabled:hover{cursor:not-allowed}.manageNotificationsBtns button:disabled{background-color:light-dark(rgba(239,239,239,.3),rgba(19,1,1,.3));color:light-dark(rgba(16,16,16,.3),rgba(255,255,255,.3));border-color:light-dark(rgba(118,118,118,.3),rgba(195,195,195,.3))}@media screen and (max-width: 768px){.navbar{margin-top:2px}.sidebarWrapper{flex-direction:column}.sidebar{width:100%;max-height:30px;min-height:30px;flex-direction:row;background-color:transparent;border-radius:0;overflow:hidden;margin:0;box-shadow:none;border:none}.sidebar .sidebar-navigations .sidebar-titles{display:none}.sidebar #sidebar-groups{margin-bottom:0}.sidebar .sidebar-navigations .sidebar-icons img{text-align:center;padding:0;width:25px}.navbar .logo img{width:67px}.search-bar-desktop{display:none}.profile-notifications .search-icon-mobile{display:inline}.profile-notifications #profile-icon img{width:32px}.no-notifications-dropdown{width:230px;left:-180px}#notifications-icon .no-notifications-dropdown #dropdown-notifications-separator #notifications-line-break{width:120px}#notifications-icon .no-notifications-dropdown #dropdown-notifications-body{font-size:9px}.sidebar #channels{margin-bottom:0}}@media screen and (max-width: 280px){.no-notifications-dropdown,.notifications-container{position:fixed;top:50px;width:80%;left:20%}.profile-dropdown{position:fixed;top:50px;width:60%;left:40%}.profile-dropdown .dropdown-profile-name{display:flex;flex-direction:column;align-items:center;justify-content:center}}.onevsone{width:100%;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative;gap:0}.onevsone-dashboard{width:100%;display:flex;flex-direction:row;justify-content:center;gap:35px;margin-top:150px;margin-bottom:100px}.onevsone-dashboard-opponents{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background:linear-gradient(125deg,#442d6a,#442d6ab3 50%,#442d6a80 50%,#442d6a);padding:180px 0;position:relative}.onevsone-dashboard-opponents .onevsone-invite-friends{position:absolute;z-index:100;top:0;left:0;transform:translateY(-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:120px;border-radius:5px}.onevsone-dashboard-opponents .onevsone-create-room{position:absolute;z-index:100;top:0;left:0;transform:translateY(-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:130px;border-radius:5px}.onevsone-dashboard-opponents .onevsone-join-room{position:absolute;z-index:100;top:0;left:100%;transform:translate(-100%,-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:130px;border-radius:5px}.onevsone-dashboard-opponents .onevsone-invite-friends .invite-friends-button{padding:12px 8px;font-size:.9em}.onevsone-dashboard-opponents .onevsone-create-room img,.onevsone-dashboard-opponents .onevsone-join-room img{width:20%}.onevsone-dashboard-opponents .onevsone-create-room .invite-friends-button,.onevsone-dashboard-opponents .onevsone-join-room .invite-friends-button{padding:12px 0;font-size:.9em}.onevsone-dashboard-selection{width:20%;display:flex;flex-direction:column}.onevsone-dashboard-possibilities{background:linear-gradient(to right,#7e57c2,#7e57c280);padding:20px;font-weight:700;font-size:20px}.onevsone-dashboard-possibilities>span:first-child{display:block}#onevsone-dashboard-friends,#onevsone-dashboard-joining,#onevsone-dashboard-creation,#onevsone-dashboard-matchmaking{margin-bottom:5px;border-radius:5px;position:relative}.onevsone-dashboard-opponent{display:flex;flex-direction:column;align-items:center}.onevsone-dashboard-opponents img{width:150px}.onevsone-opponent-infos{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55px}.onevsone-opponent-infos-none{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55px;width:100%}.onevsone-opponent-infos p:nth-child(odd){font-weight:700;font-size:20px;margin:10px 0 2px}.onevsone-opponent-infos p:nth-child(2n){color:#fff;font-size:12px;opacity:.6}.onevsone-dashboard-logo{position:relative;display:flex;justify-content:center;width:12%;height:50px}.onevsone-dashboard-logo-loading{border:2.5px solid rgb(247,239,255);background-color:#775c9e}.onevsone-dashboard-logo-friends{position:relative;display:flex;justify-content:center;width:12%;height:50px}.onevsone-cancel{width:100%;margin-top:0;margin-bottom:100px}.onevsone-cancel-game:hover{background-color:#fff;color:#1e1e1e;font-weight:bolder;transition:all .5s ease}.onevsone-cancel-game{margin:0 0 0 14.8%;text-align:center;width:150px;padding:12px 0;background:transparent;outline:2px solid white;outline-offset:-2px}.expand-friends{position:absolute;left:0;top:0;display:flex;flex-direction:column;background-color:#4d4ea6;width:265px;height:400px;z-index:100;background-color:#0009;border-radius:5px;font-size:15px;overflow-y:auto}.expand-create-room{position:absolute;left:0;top:0;display:flex;flex-direction:column;background-color:#4d4ea6;width:280px;height:160px;z-index:100;background-color:#0009;border-radius:5px;font-size:15px;overflow-y:auto}.expand-join-room{position:absolute;left:100%;top:0;display:flex;flex-direction:column;transform:translate(-100%);background-color:#4d4ea6;width:280px;height:160px;z-index:100;background-color:#0009;border-radius:5px;font-size:15px;overflow-y:auto}.game-friend-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:10px 10px 0}.game-friend-profile{display:flex;flex-direction:row;align-items:center;gap:10px}.game-friend-profile div img{width:35px}.game-friend-profile div p{margin:0;font-size:13px}.game-friend-profile div p:nth-child(2n){font-weight:100;font-size:10px}.game-friend-invite{display:flex;align-items:center;justify-content:center;gap:5px;width:80px;height:20px;background-color:#4d4ea6;font-size:10px;border-radius:5px}.game-friend-invite img{width:15px}.game-friend-loading{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.expand-friends .game-friend-loading img{width:20px;color:#fff;animation:rotate 5s linear infinite}.expand-joining{position:absolute;left:102%;top:0;display:flex;justify-content:center;flex-direction:column;gap:10px;background-color:#4d4ea6;width:260px;height:150px;z-index:100;background-color:#0009;border-radius:5px;font-size:12px;font-weight:500}.expand-joining *{margin:0 8px}.expand-joining input{outline:none;border:1px solid #ead3d6;background-color:transparent;padding:6px;border-radius:5px;text-indent:8px;color:#fff}.expand-joining div{text-align:center;background-color:#913dce;padding:6px}.expand-creating{position:absolute;left:102%;top:0;display:flex;justify-content:center;flex-direction:column;gap:10px;background-color:#4d4ea6;width:260px;height:150px;z-index:100;background-color:#0009;border-radius:5px;font-size:12px;font-weight:500}.expand-creating *{margin:0 8px}.expand-creating div{text-align:center;background-color:#913dce;padding:6px;border-radius:5px}.expand-creating div:nth-child(3){display:flex;align-items:center;background-color:#ead3d6;color:#000}.expand-creating span{display:block;text-align:left;width:100%;margin-left:0}.expand-creating img{margin-right:0;width:18px}#incorrect-id{font-weight:500;color:red;display:none}@keyframes moveTableBall{0%{left:50%}25%{left:80%}50%{left:50%}75%{left:20%}to{left:50%}}@keyframes movePaddle1{0%,25%,50%{left:0%}75%{left:calc(20% - 8px)}to{left:0%}}@keyframes movePaddle2{0%{right:0%}25%{right:calc(20% - 7px)}50%,75%,to{right:0%}}#paddle-1{position:absolute;width:3px;height:20px;background-color:#fff;top:50%;left:0;transform:translateY(-50%);animation:movePaddle1 3s linear infinite;margin-left:2%}#paddle-2{position:absolute;width:3px;height:20px;background-color:#fff;top:50%;right:0;transform:translateY(-50%);animation:movePaddle2 3s linear infinite;margin-right:2%}#ball{position:absolute;width:5px;height:5px;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:moveTableBall 3s linear infinite}#net{position:absolute;width:1%;height:100%;background-color:#f7efff;top:50%;left:50%;transform:translate(-50%,-50%)}.onevsone-dashboard-logo #versus-logo{width:100px}@media screen and (min-width: 1444px){.onevsone{width:1360px;margin:0 auto}}@media screen and (max-width: 1070px){.onevsone-dashboard-possibilities{font-size:15px}}@media screen and (max-width: 1024px){.onevsone-dashboard{flex-direction:column;flex-flow:column-reverse;margin-top:150px;gap:20px}.onevsone-dashboard-opponents{width:90%;height:100px;margin:auto;width:95%}.onevsone-dashboard-selection{width:90%;margin:auto}.onevsone-cancel{margin-top:-40px}.onevsone-cancel-game{margin-left:2%}.onevsone-dashboard-opponents img{width:100px}.onevsone-dashboard-logo #loading-match{width:40px}.onevsone-dashboard-logo #versus-logo{width:60px}.onevsone-opponent-infos,.onevsone-opponent-infos-none{height:35px}.onevsone-dashboard-opponent .onevsone-opponent-infos p{font-size:15px}.onevsone-opponent-infos p:nth-child(2n){font-size:10px}.expand-friends{height:350px;width:240px}.game-friend-invite img{width:15px}.game-friend-waiting img{width:20px}.expand-joining,.expand-creating{width:240px;left:calc(50% - 120px);top:-150px}#onevsone-dashboard-friends,#onevsone-dashboard-joining,#onevsone-dashboard-creation,#onevsone-dashboard-matchmaking{text-align:center}.onevsone-dashboard-logo{height:40px}#paddle-1,#paddle-2{height:15px;width:3px}#ball{height:4px;width:4px}}@media screen and (max-width: 425px){.onevsone-dashboard{margin-top:80px}.onevsone-dashboard-opponents{width:90%;height:1vw;padding:120px 0;width:100%}.onevsone-dashboard-selection{width:90%}.onevsone-cancel-game{margin:0;width:100%}.onevsone-dashboard-opponents img,.onevsone-dashboard-logo img{width:25vw}.onevsone-dashboard-logo #loading-match{width:10vw}.onevsone-dashboard-logo #versus-logo{width:12vw}.onevsone-opponent-infos,.onevsone-opponent-infos-none{height:25px}.onevsone-dashboard-opponent .onevsone-opponent-infos p{font-size:.8em}.onevsone-opponent-infos p:nth-child(2n){font-size:.5em}.onevsone-dashboard-opponents .onevsone-invite-friends{width:90px;font-size:.7em}.game-friend-invite img{width:15px}.game-friend-waiting img{width:20px}.game-friend-invite{width:60px}.expand-friends{bottom:-200px;width:200px;height:250px}.onevsone-dashboard-logo{height:30px}}@media screen and (max-width: 320px){.onevsone-dashboard-logo{height:25px}#paddle-1,#paddle-2{height:10px;width:2px}#ball{height:3px;width:3px}}@media screen and (max-width: 280px){.onevsone-dashboard-opponent .onevsone-opponent-infos p{font-size:.5em}.onevsone-opponent-infos p:nth-child(2n){font-size:.2em}.expand-friends{width:100%}.expand-joining,.expand-creating{width:100%;left:0;top:-150px}.game-friend-invite img{width:20%}.game-friend-profile div p{font-size:10px}}.cancel-game-invite-request{position:absolute;width:100%;max-width:400px;top:60px;left:50%;z-index:100;transform:translate(-50%)}@media screen and (max-width: 768px){.cancel-game-invite-request{top:115px}}.game-invitations{width:100%;margin:0 0 30px 100%;transform:translate(-100%);max-height:130px;overflow-y:auto;display:flex;flex-direction:column}.game-invitation{display:flex;flex-direction:row;background:linear-gradient(to right,#7e57c2,#7e57c280 55%);height:65px;border-bottom:3px solid #250939;border-radius:5px 5px 5px 8px;width:100%;animation:notifyAnimation .5s ease-in}@keyframes notifyAnimation{0%{margin-top:-100%}to{margin-left:100%}}.game-invitation>img:first-child{height:100%;width:16%;border-radius:5px 0 0 5px}.game-invitation .user-infos{width:49%;display:flex;flex-direction:column;color:#fff;justify-content:center;gap:5px}.game-invitation .user-infos>span:first-child{color:#fff;margin-left:15px;font-weight:bolder}.game-invitation .user-infos>span:nth-child(2){color:#ffffffb3;margin-left:15px;font-size:10px;font-weight:medium}.game-invitation .invitation-mode{background:linear-gradient(90deg,#8c53b4,#331648cc 50%,#331648b3 50%,#8c53b4);height:100%;width:15%;display:flex;align-items:center;justify-content:space-evenly;margin:0 10px 0 0}.game-invitation .invitation-mode span{color:#fff;font-weight:bolder}.game-invitation .accept-refuse{height:58%;width:21%;display:flex;margin:auto 0;gap:5px}.game-invitation .accept-refuse>div:first-child{width:42%;display:flex;align-items:center;justify-content:center;background-color:#19a519;border-radius:5px}.game-invitation .accept-refuse>div:nth-child(2){width:42%;display:flex;align-items:center;justify-content:center;border-radius:5px;border:2px solid white}.onevsone-dashboard-logo #loading-match{animation:rotate 5s linear infinite}.duelMode{width:100%;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative}.duelMode-modes{width:51%;margin:80px auto 0;display:flex;flex-direction:column}.duelMode-modes-quickMatch{background:linear-gradient(90deg,#442d6a,#442d6a80);position:relative;border-radius:12px;cursor:pointer}.duelMode-modes-friendMatch,.duelMode-modes-createJoinMatch,.duelMode-modes-offlineMatch{background:linear-gradient(90deg,#442d6a,#442d6a80);position:relative;margin-top:48px;border-radius:12px;cursor:pointer}.duelMode-modes-quickMatch div,.duelMode-modes-friendMatch div,.duelMode-modes-offlineMatch div,.duelMode-modes-createJoinMatch .createJoinMatch__icon{position:absolute;top:0;left:0;transform:translate(-50%,-50%);background-color:#f4effa;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center}.duelMode-modes-quickMatch div img{width:45px;height:45px;transform:translate(-2px,-2px)}.duelMode-modes-quickMatch h1,.duelMode-modes-friendMatch h1,.duelMode-modes-createJoinMatch h1,.duelMode-modes-offlineMatch h1{padding:25px 30px 8px;font-weight:500}.duelMode-modes-quickMatch p,.duelMode-modes-friendMatch p,.duelMode-modes-createJoinMatch p,.duelMode-modes-offlineMatch p{padding:8px 30px 30px;font-size:15px}.duelMode-modes-friendMatch div img{width:38px;height:38px}.createJoinMatch__icon>div:first-child{position:absolute;bottom:0%;left:-20%;background-color:#f4effa;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.createJoinMatch__icon>div:first-child img{width:10px;height:10px}.createJoinMatch__icon>img{width:28px;height:28px;transform:translate(0)}.createJoinMatch__icon>div:nth-child(3){position:absolute;top:0%;right:-20%;background-color:#f4effa;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.createJoinMatch__icon>div:nth-child(3) img{width:13px;height:13px}.duelMode-cancel-next{width:77%;margin:80px auto 100px;display:flex;flex-direction:row;justify-content:space-between}.duelMode-cancel-next>div:first-child{padding:10px 50px;border:2px solid white;text-align:center;border-radius:5px;cursor:pointer}.duelMode-cancel-next>div:last-child{padding:10px 50px;border:2px solid #913dce;background-color:#913dce;text-align:center;border-radius:5px;opacity:.5;cursor:not-allowed}.duelMode-modes-quickMatch-selected,.duelMode-modes-friendMatch-selected,.duelMode-modes-createJoinMatch-selected,.duelMode-modes-offlineMatch-selected{outline:2px solid #f4effa;outline-offset:-2px}.duelMode-cancel-next #selected{opacity:1;cursor:pointer}@media screen and (min-width: 1444px){.duelMode{width:1360px;margin:0 auto}}@media screen and (max-width: 768px){.duelMode-modes{width:80%}}@media screen and (max-width: 480px){.duelMode-modes{width:90%}.duelMode-modes-quickMatch div,.duelMode-modes-friendMatch div,.duelMode-modes-offlineMatch div,.duelMode-modes-createJoinMatch .createJoinMatch__icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}.duelMode-modes-friendMatch div img{width:30px;height:30px}.createJoinMatch__icon>img{width:22px;height:22px;transform:translate(0)}.createJoinMatch__icon>div:nth-child(3),.createJoinMatch__icon>div:first-child{width:19px;height:19px}.createJoinMatch__icon>div:nth-child(3) img{width:10px;height:10px}.duelMode-modes-quickMatch div img{width:36px;height:36px}.createJoinMatch__icon>div:first-child img{width:8px;height:8px}.duelMode-modes-quickMatch h1,.duelMode-modes-friendMatch h1,.duelMode-modes-offlineMatch h1,.duelMode-modes-createJoinMatch h1{text-align:center;font-size:26px;padding:32px 30px 4px}.duelMode-cancel-next{flex-direction:column;margin-top:40px;gap:15px;width:90%;flex-flow:column-reverse}.duelMode-modes-friendMatch,.duelMode-modes-offlineMatch,.duelMode-modes-createJoinMatch{margin-top:40px}}.soloMode{width:100%;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative}.soloMode-modes{width:80%;margin:80px auto 0;display:flex;flex-direction:column}.soloMode-modes-twoPlayers{background:linear-gradient(90deg,#442d6a,#442d6a80);display:flex;position:relative;border-radius:12px;cursor:pointer}.soloMode-modes-fourPlayers,.soloMode-modes-bot{background:linear-gradient(90deg,#442d6a,#442d6a80);display:flex;position:relative;margin-top:48px;border-radius:12px;cursor:pointer}#ai-robot img{width:30px}.soloMode-modes-twoPlayers>div:nth-child(2) h1,.soloMode-modes-fourPlayers>div:nth-child(2) h1,.soloMode-modes-bot>div:nth-child(2) h1{padding:25px 30px 8px 5px;font-weight:500}.soloMode-modes-twoPlayers>div:nth-child(2) p,.soloMode-modes-fourPlayers>div:nth-child(2) p,.soloMode-modes-bot>div:nth-child(2) p{padding:8px 30px 30px 5px;font-size:15px}.soloMode-modes-twoPlayers>div:nth-child(2),.soloMode-modes-fourPlayers>div:nth-child(2),.soloMode-modes-bot>div:nth-child(2){width:80%}.soloMode-modes-twoPlayers>div:first-child,.soloMode-modes-fourPlayers>div:first-child,.soloMode-modes-bot>div:first-child{height:100%;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.soloMode-modes-twoPlayers>div:first-child div,.soloMode-modes-fourPlayers>div:first-child div,.soloMode-modes-bot>div:first-child div{position:absolute;top:50%;left:50%;background-color:#fff;width:47px;height:47px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}.soloMode-cancel-next{width:80%;margin:80px auto 100px;display:flex;flex-direction:row;justify-content:space-between}.soloMode-cancel-next>div:first-child{padding:10px 50px;border:2px solid white;text-align:center;border-radius:5px;cursor:pointer}.soloMode-cancel-next>div:last-child{padding:10px 50px;border:2px solid #913dce;background-color:#913dce;text-align:center;border-radius:5px;opacity:.5;cursor:not-allowed}.soloMode-modes-twoPlayers-selected,.soloMode-modes-fourPlayers-selected,.soloMode-modes-bot-selected{outline:2px solid #f4effa;outline-offset:-2px}.soloMode-cancel-next #selected{opacity:1;cursor:pointer}@media screen and (min-width: 1444px){.soloMode{width:1360px;margin:0 auto}}@media screen and (max-width: 1024px){.soloMode-modes-twoPlayers>div:first-child img,.soloMode-modes-fourPlayers>div:first-child img,.soloMode-modes-bot>div:first-child img{width:100px}.soloMode-modes-twoPlayers>div:first-child div,.soloMode-modes-fourPlayers>div:first-child div,.soloMode-modes-bot>div:first-child div{width:40px;height:40px;font-size:13px}}@media screen and (max-width: 768px){.soloMode-modes-twoPlayers>div:first-child,.soloMode-modes-fourPlayers>div:first-child,.soloMode-modes-bot>div:first-child{height:100%;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.soloMode-modes-twoPlayers,.soloMode-modes-fourPlayers,.soloMode-modes-bot{position:relative}.soloMode-modes-twoPlayers>div:nth-child(2) h1,.soloMode-modes-fourPlayers>div:nth-child(2) h1,.soloMode-modes-bot>div:nth-child(2) h1,.soloMode-modes-twoPlayers>div:nth-child(2) p,.soloMode-modes-fourPlayers>div:nth-child(2) p,.soloMode-modes-bot>div:nth-child(2) p{padding-left:20px}.soloMode-modes-twoPlayers>div:first-child,.soloMode-modes-fourPlayers>div:first-child,.soloMode-modes-bot>div:first-child{position:absolute;top:-50%;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.soloMode-modes-twoPlayers>div:first-child img,.soloMode-modes-fourPlayers>div:first-child img,.soloMode-modes-bot>div:first-child img{width:90px}.soloMode-modes-twoPlayers>div:first-child div,.soloMode-modes-fourPlayers>div:first-child div,.soloMode-modes-bot>div:first-child div{width:30px;height:30px;font-size:12px}.soloMode-modes-twoPlayers>div:nth-child(2),.soloMode-modes-fourPlayers>div:nth-child(2),.soloMode-modes-bot>div:nth-child(2){width:100%}#ai-robot img{width:24px}}@media screen and (max-width: 480px){.soloMode-modes-twoPlayers>div:nth-child(2) h1,.soloMode-modes-fourPlayers>div:nth-child(2) h1,.soloMode-modes-bot>div:nth-child(2) h1{font-size:26px}.soloMode-modes-twoPlayers>div:nth-child(2) h1,.soloMode-modes-fourPlayers>div:nth-child(2) h1,.soloMode-modes-bot>div:nth-child(2) h1,.soloMode-modes-twoPlayers>div:nth-child(2) p,.soloMode-modes-fourPlayers>div:nth-child(2) p,.soloMode-modes-bot>div:nth-child(2) p{text-align:center}.soloMode-modes-twoPlayers>div:nth-child(2) h1,.soloMode-modes-fourPlayers>div:nth-child(2) h1,.soloMode-modes-bot>div:nth-child(2) h1{margin-top:10px}.soloMode-modes-twoPlayers>div:first-child,.soloMode-modes-fourPlayers>div:first-child,.soloMode-modes-bot>div:first-child{position:absolute;top:-50%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.soloMode-cancel-next{flex-direction:column;margin-top:40px;gap:15px;width:80%;flex-flow:column-reverse}}.twovstwo{width:100%;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative}.twovstwo-dashboard{width:100%;display:flex;flex-direction:row;justify-content:center;gap:35px;margin-top:150px;margin-bottom:100px}.twovstwo-dashboard-opponents{width:70%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background:linear-gradient(125deg,#442d6a,#442d6ab3 50%,#442d6a80 50%,#442d6a);padding:100px 0;position:relative}.twovstwo-dashboard-opponents img{width:150px;border-radius:50%}.twovstwo-dashboard-opponent{display:flex;flex-direction:column;align-items:center;gap:20px}.twovstwo-opponent-infos{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55px}.twovstwo-opponent-infos p:nth-child(odd){font-weight:700;font-size:20px;margin:10px 0 2px}.twovstwo-opponent-infos p:nth-child(2n){color:#fff;font-size:12px;opacity:.6}.twovstwo-opponent-infos-none{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55px;width:100%}.twovstwo-dashboard-logo{position:relative;display:flex;justify-content:center;width:12%;height:50px}.twovstwo-dashboard-logo-loading{border:2.5px solid rgb(247,239,255);background-color:#775c9e}.twovstwo-dashboard-logo #versus-logo{width:100px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.twovstwo-dashboard-logo #loading-match{animation:rotate 5s linear infinite}.twovstwo-cancel{width:100%;margin-top:0;margin-bottom:100px}.twovstwo-cancel-game{margin:0 0 0 14.8%;text-align:center;width:150px;padding:12px 0;background:transparent;outline:2px solid white;outline-offset:-2px}.twovstwo-dashboard-player{display:flex;flex-direction:column;align-items:center}.twovstwo-dashboard-opponents .twovstwo-invite-friends{position:absolute;z-index:100;top:0;left:0;transform:translateY(-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:120px;border-radius:5px}.twovstwo-dashboard-opponents .twovstwo-join-room{position:absolute;z-index:100;top:0;left:100%;transform:translate(-100%,-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:130px;border-radius:5px}.twovstwo-dashboard-opponents .twovstwo-invite-friends .invite-friends-button{padding:12px 8px;font-size:.9em}.twovstwo-dashboard-logo-friends{position:relative;display:flex;justify-content:center;width:12%;height:50px}.game-friend-invite img{width:15px;border-radius:0}.game-friend-waiting img{width:20px}.twovstwo-dashboard-opponents .twovstwo-create-room{position:absolute;z-index:100;top:0;left:0;transform:translateY(-110%);background-color:#4c1c90;display:flex;align-items:center;justify-content:space-between;width:130px;border-radius:5px}.twovstwo-dashboard-opponents .twovstwo-create-room img,.twovstwo-dashboard-opponents .twovstwo-join-room img{width:20%}.twovstwo-dashboard-opponents .twovstwo-create-room .invite-friends-button,.twovstwo-dashboard-opponents .twovstwo-join-room .invite-friends-button{padding:12px 0;font-size:.9em}@media screen and (min-width: 1444px){.twovstwo{width:1360px;margin:0 auto}}@media screen and (max-width: 1024px){.twovstwo-dashboard{flex-direction:column;flex-flow:column-reverse;margin-top:150px;gap:20px}.twovstwo-dashboard-opponents{width:90%;height:400px;margin:auto;width:95%}.twovstwo-dashboard-opponents img{width:100px}.twovstwo-dashboard-opponent .twovstwo-opponent-infos p{font-size:15px}.twovstwo-opponent-infos p:nth-child(2n){font-size:10px}.twovstwo-opponent-infos,.twovstwo-opponent-infos-none{height:35px}.twovstwo-dashboard-logo #loading-match{width:40px}.twovstwo-dashboard-logo #versus-logo{width:60px}.twovstwo-cancel{margin-top:-40px}.twovstwo-cancel-game{margin-left:2%}.twovstwo-dashboard-logo{height:40px}.game-friend-invite img{width:15px}.game-friend-waiting img{width:20px}}@media screen and (max-width: 425px){.twovstwo-dashboard{margin-top:80px}.twovstwo-dashboard-opponents{width:90%;padding:120px 0;width:100%}.twovstwo-dashboard-opponents img{width:25vw}.twovstwo-dashboard-opponent .twovstwo-opponent-infos p{font-size:.8em}.twovstwo-opponent-infos p:nth-child(2n){font-size:.5em}.twovstwo-opponent-infos,.twovstwo-opponent-infos-none{height:25px}.twovstwo-dashboard-logo{height:40px}.twovstwo-dashboard-opponents img,.twovstwo-dashboard-logo img{width:25vw}.twovstwo-dashboard-logo #loading-match{width:10vw}.twovstwo-dashboard-logo #versus-logo{width:12vw}.twovstwo-cancel-game{margin:0;width:100%}.twovstwo-dashboard-opponents .twovstwo-invite-friends{width:90px;font-size:.7em}.game-friend-invite img{width:15px}.game-friend-waiting img{width:20px}.twovstwo-dashboard-logo{height:30px}}@media screen and (max-width: 320px){.twovstwo-dashboard-opponents{height:300px}.twovstwo-dashboard-logo{height:25px}}@media screen and (max-width: 280px){.twovstwo-dashboard-opponent .twovstwo-opponent-infos p{font-size:.5em}.twovstwo-opponent-infos p:nth-child(2n){font-size:.2em}.game-friend-invite img{width:20%}}.swiper{width:70%;margin:0 auto;position:relative}.swiper-slide{background-position:center;background-size:cover;height:auto}.swiper-slide img{display:block;width:100%}.swiper-pagination-bullet{width:5px!important;height:5px!important;margin:0 2px!important;background-color:#fff!important;opacity:1!important;background-color:#19a519}.onevsone .swiper-pagination-bullet-active{background-color:#826aed!important}.swiper-pagination{position:absolute!important;text-align:center!important;transition:.3s opacity!important;transform:translateZ(0)!important;z-index:10!important;left:0!important;right:0!important;bottom:0!important}.swiper-pagination .swiper-pagination-bullet{background-color:#d9d9d9}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%!important;z-index:10!important;cursor:pointer!important;display:block!important;width:50px!important;height:50px!important;background-size:50px 50px!important;background-repeat:no-repeat!important}.swiper-button-next:after,.swiper-button-prev:after{display:none!important}.swiper-button-next{right:8%!important;background-image:url("data:image/svg+xml,%3csvg%20width='800'%20height='800'%20viewBox='0%200%20800%20800'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2676_482)'%3e%3cpath%20d='M200%2040L600.046%20400.084L200%20760.168'%20stroke='white'%20stroke-width='80'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2676_482'%3e%3crect%20width='800'%20height='800'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e")!important}.swiper-button-prev{left:8%!important;background-image:url("data:image/svg+xml,%3csvg%20width='800'%20height='801'%20viewBox='0%200%20800%20801'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M599.046%2040L199%20400.084L599.046%20760.168'%20stroke='white'%20stroke-width='80'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")!important}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.slider-container-active{position:relative;border:3px solid transparent}.slider-container-active:before{content:"";background:conic-gradient(from var(--gradient-angle),rgb(77,49,49),white);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;margin:-2px -1px;filter:blur(3.5px);animation:bd_animation 3s linear infinite}@media (max-width: 768px){.slider-container{overflow-x:unset!important}.swiper-button-next{right:8%!important}.swiper-button-prev{left:8%!important}.swiper-button-next,.swiper-button-prev{width:30px!important;height:30px!important;background-size:30px 30px!important}}@media (max-width: 450px){.swiper-button-next{right:5%!important}.swiper-button-prev{left:5%!important}}@media (max-width: 320px){.swiper-button-next{right:2%!important}.swiper-button-prev{left:2%!important}.swiper-button-next,.swiper-button-prev{width:20px!important;height:20px!important;background-size:20px 20px!important}}.slider-container-rotatePaddle{transform-style:preserve-3d;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.slider-container-ball{width:100px;height:100px}.slider-container-moveBall{transform-style:preserve-3d;animation:rotate 4s linear infinite}@keyframes move{0%{top:100%}to{top:0}}@keyframes bd_animation{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}.checkbox-input{display:none}.checkbox-custom{width:20px;height:20px;border-radius:50%;border:2px solid #ffffff;position:relative;transition:background-color .3s}.checkbox-input:checked+.checkbox-custom{background-color:transparent}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%)}.checkbox-input:checked+.checkbox-custom:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background-size:cover}.typeChosen{background-color:transparent}.ballSelected{visibility:hidden}.slider-container{height:auto;position:relative;width:100%;padding-bottom:30px}.slider-container-bg{width:100%;height:100%;position:relative}.slider-container-pbb{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.gameCustom-components{display:flex;align-items:center;justify-content:center;margin-top:30px;gap:20px}.gameCustom-components div{width:50px;height:50px;padding:8px 0;display:flex;align-items:center;justify-content:center;border-radius:50%}.gameCustom-components div:hover{background-color:#ffffff80}.gameCustom-components div:first-child img{width:100%;height:100%;cursor:pointer}.gameCustom-components div:nth-child(2) img{width:100%;height:70%;cursor:pointer}.gameCustom-components div:last-child img{width:70%;height:100%;cursor:pointer}.gameCustom-review{width:180px;height:90px;min-height:90px;background-color:#5241ab;margin:30px auto 0;display:flex}.gameCustom-container{position:relative;height:100%;width:60px}.ball{position:absolute;width:2px;height:2px;border-radius:50%;top:50%;right:0;transform:translate(-50%,-50%);opacity:0;animation:moveBall .3s ease-in-out forwards infinite}@keyframes moveBall{0%{opacity:1;top:50%;left:0}to{top:var(--top);left:var(--left)}}.ball:nth-child(1){--top: -40px;--left: 60px;animation-delay:0s;background-color:#f50}.ball:nth-child(2){--top: -39px;--left: 60px;animation-delay:.05s;background-color:#ff0}.ball:nth-child(3){--top: -38px;--left: 60px;animation-delay:.1s;background-color:#ff8000}.ball:nth-child(4){--top: -37px;--left: 60px;animation-delay:.15s;background-color:#ffd500}.ball:nth-child(5){--top: -36px;--left: 60px;animation-delay:.2s;background-color:#fa0}.ball:nth-child(6){--top: -35px;--left: 60px;animation-delay:.25s;background-color:#ff5900}.ball:nth-child(7){--top: -34px;--left: 60px;animation-delay:.3s;background-color:#fffb00}.ball:nth-child(8){--top: -33px;--left: 60px;animation-delay:.35s;background-color:#ff8400}.ball:nth-child(9){--top: -32px;--left: 60px;animation-delay:.4s;background-color:#ffd000}.ball:nth-child(10){--top: -31px;--left: 60px;animation-delay:.45s;background-color:#ffae00}.ball:nth-child(11){--top: -30px;--left: 60px;animation-delay:.5s;background-color:#ff5e00}.ball:nth-child(12){--top: -29px;--left: 60px;animation-delay:.55s;background-color:#fff700}.ball:nth-child(13){--top: -28px;--left: 60px;animation-delay:.6s;background-color:#f80}.ball:nth-child(14){--top: -27px;--left: 60px;animation-delay:.65s;background-color:#fc0}.ball:nth-child(15){--top: -26px;--left: 60px;animation-delay:.7s;background-color:#ffb300}.ball:nth-child(16){--top: -25px;--left: 60px;animation-delay:.75s;background-color:#ff6200}.ball:nth-child(17){--top: -24px;--left: 60px;animation-delay:.8s;background-color:#fff200}.ball:nth-child(18){--top: -23px;--left: 60px;animation-delay:.85s;background-color:#ff8c00}.ball:nth-child(19){--top: -22px;--left: 60px;animation-delay:.9s;background-color:#ffc800}.ball:nth-child(20){--top: -21px;--left: 60px;animation-delay:.95s;background-color:#ffb700}.ball:nth-child(21){--top: -20px;--left: 60px;animation-delay:1s;background-color:#f60}.ball:nth-child(22){--top: -19px;--left: 60px;animation-delay:1.05s;background-color:#fe0}.ball:nth-child(23){--top: -18px;--left: 60px;animation-delay:1.1s;background-color:#ff9100}.ball:nth-child(24){--top: -17px;--left: 60px;animation-delay:1.15s;background-color:#ffc300}.ball:nth-child(25){--top: -16px;--left: 60px;animation-delay:1.2s;background-color:#fb0}.ball:nth-child(26){--top: -15px;--left: 60px;animation-delay:1.25s;background-color:#ff6a00}.ball:nth-child(27){--top: -14px;--left: 60px;animation-delay:1.3s;background-color:#ffea00}.ball:nth-child(28){--top: -13px;--left: 60px;animation-delay:1.35s;background-color:#ff9500}.ball:nth-child(29){--top: -12px;--left: 60px;animation-delay:1.4s;background-color:#ffbf00}.ball:nth-child(30){--top: -11px;--left: 60px;animation-delay:1.45s;background-color:#f50}.ball:nth-child(31){--top: -10px;--left: 60px;animation-delay:1.5s;background-color:#ffe500}.ball:nth-child(32){--top: -9px;--left: 60px;animation-delay:1.55s;background-color:#f90}.ball:nth-child(33){--top: -8px;--left: 60px;animation-delay:1.6s;background-color:#ffc300}.ball:nth-child(34){--top: -7px;--left: 60px;animation-delay:1.65s;background-color:#ffb700}.ball:nth-child(35){--top: -6px;--left: 60px;animation-delay:1.7s;background-color:#ff6e00}.ball:nth-child(36){--top: -5px;--left: 60px;animation-delay:1.75s;background-color:#ffe100}.ball:nth-child(37){--top: -4px;--left: 60px;animation-delay:1.8s;background-color:#ff9d00}.ball:nth-child(38){--top: -3px;--left: 60px;animation-delay:1.85s;background-color:#ffc800}.ball:nth-child(39){--top: -2px;--left: 60px;animation-delay:1.9s;background-color:#ffb300}.ball:nth-child(40){--top: -1px;--left: 60px;animation-delay:1.95s;background-color:#ff7300}.ball:nth-child(41){--top: 0px;--left: 60px;animation-delay:2s;background-color:#fd0}.ball:nth-child(42){--top: 1px;--left: 60px;animation-delay:2.05s;background-color:#ffa200}.ball:nth-child(43){--top: 2px;--left: 60px;animation-delay:2.1s;background-color:#fc0}.ball:nth-child(44){--top: 3px;--left: 60px;animation-delay:2.15s;background-color:#fb0}.ball:nth-child(45){--top: 4px;--left: 60px;animation-delay:2.2s;background-color:#f70}.ball:nth-child(46){--top: 5px;--left: 60px;animation-delay:2.25s;background-color:#ffd900}.ball:nth-child(47){--top: 6px;--left: 60px;animation-delay:2.3s;background-color:#ffa600}.ball:nth-child(48){--top: 7px;--left: 60px;animation-delay:2.35s;background-color:#ffd000}.ball:nth-child(49){--top: 8px;--left: 60px;animation-delay:2.4s;background-color:#ffbf00}.ball:nth-child(50){--top: 9px;--left: 60px;animation-delay:2.45s;background-color:#ff7b00}.ball:nth-child(51){--top: 10px;--left: 60px;animation-delay:2.5s;background-color:#ffd500}.ball:nth-child(52){--top: 11px;--left: 60px;animation-delay:2.55s;background-color:#fa0}.ball:nth-child(53){--top: 12px;--left: 60px;animation-delay:2.6s;background-color:#ff8000}.ball:nth-child(54){--top: 13px;--left: 60px;animation-delay:2.65s;background-color:#ffc300}.ball:nth-child(55){--top: 14px;--left: 60px;animation-delay:2.7s;background-color:#ffb700}.ball:nth-child(56){--top: 15px;--left: 60px;animation-delay:2.75s;background-color:#ff8400}.ball:nth-child(57){--top: 16px;--left: 60px;animation-delay:2.8s;background-color:#ffc800}.ball:nth-child(58){--top: 17px;--left: 60px;animation-delay:2.85s;background-color:#ffae00}.ball:nth-child(59){--top: 18px;--left: 60px;animation-delay:2.9s;background-color:#f80}.ball:nth-child(60){--top: 19px;--left: 60px;animation-delay:2.95s;background-color:#fc0}.ball:nth-child(61){--top: 20px;--left: 60px;animation-delay:3s;background-color:#ffb300}.ball:nth-child(62){--top: 21px;--left: 60px;animation-delay:3.05s;background-color:#ff8c00}.ball:nth-child(63){--top: 22px;--left: 60px;animation-delay:3.1s;background-color:#ffd000}.ball:nth-child(64){--top: 23px;--left: 60px;animation-delay:3.15s;background-color:#ffb700}.ball:nth-child(65){--top: 24px;--left: 60px;animation-delay:3.2s;background-color:#ff9100}.ball:nth-child(66){--top: 25px;--left: 60px;animation-delay:3.25s;background-color:#ffd500}.ball:nth-child(67){--top: 26px;--left: 60px;animation-delay:3.3s;background-color:#fb0}.ball:nth-child(68){--top: 27px;--left: 60px;animation-delay:3.35s;background-color:#ff9500}.ball:nth-child(69){--top: 28px;--left: 60px;animation-delay:3.4s;background-color:#ffd900}.ball:nth-child(70){--top: 29px;--left: 60px;animation-delay:3.45s;background-color:#ffbf00}.ball:nth-child(71){--top: 30px;--left: 60px;animation-delay:3.5s;background-color:#f90}.ball:nth-child(72){--top: 31px;--left: 60px;animation-delay:3.55s;background-color:#fd0}.ball:nth-child(73){--top: 32px;--left: 60px;animation-delay:3.6s;background-color:#ffc300}.ball:nth-child(74){--top: 33px;--left: 60px;animation-delay:3.65s;background-color:#ff9d00}.ball:nth-child(75){--top: 34px;--left: 60px;animation-delay:3.7s;background-color:#ffe100}.ball:nth-child(76){--top: 35px;--left: 60px;animation-delay:3.75s;background-color:#ffc800}.ball:nth-child(77){--top: 36px;--left: 60px;animation-delay:3.8s;background-color:#ffa200}.ball:nth-child(78){--top: 37px;--left: 60px;animation-delay:3.85s;background-color:#ffe500}.ball:nth-child(79){--top: 38px;--left: 60px;animation-delay:3.9s;background-color:#fc0}.ball:nth-child(80){--top: 39px;--left: 60px;animation-delay:3.95s;background-color:#ffa600}.ball:nth-child(81){--top: 40px;--left: 60px;animation-delay:4s;background-color:#ffea00}.gameCustom-selects{display:flex;width:80%;height:40px;min-height:40px;margin:50px auto 100px;justify-content:space-between}.gameCustom-selects button:first-child,.gameCustom-selects div button:first-child{width:138px;height:100%;border-radius:5px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer}.gameCustom-selects div{display:flex;gap:5px}.gameCustom-selects div button:last-child{width:138px;height:100%;border-radius:5px;border:none;background-color:#913dce;color:#fff;cursor:pointer}.gameCustom-selects div button:last-child:hover{background-color:#ae3dff}#gameCustom-selects-saving{opacity:.5}#gameCustom-selects-saving:hover{background-color:#913dce}@media (max-width: 530px){.gameCustom-components{gap:8px}.gameCustom-selects{display:flex;flex-direction:column;height:90px;min-height:80px;gap:10px;margin:0 auto 150px}.gameCustom-selects button{width:100%;min-width:100%;height:40px;min-height:40px}.gameCustom-selects div{flex-direction:column;gap:10px;margin-bottom:50px}}@media (max-width: 320px){.gameCustom-components div{width:40px;height:40px}.gameCustom-components{gap:0}.gameCustom-selects{height:90px;min-height:80px;margin:0 auto 150px}}.onevsone-pm{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.testing{height:70px}.onevsone-pm-infos{background-color:#0000004d;color:#fff;display:flex;text-align:center;justify-content:space-between;width:100%;align-items:center;height:60px;position:relative}.onevsone-pm-infos>div:first-child,.onevsone-pm-infos>div:nth-child(3){display:flex;height:100%;align-items:center;gap:5px}.onevsone-pm-infos>div:nth-child(2){font-weight:bolder;text-align:center;display:flex;background-color:#add8e6;align-items:center;justify-content:space-between;width:300px;height:100%}.onevsone-pm-infos>div:nth-child(2)>p{display:flex;align-items:center;justify-content:center;height:100%;width:20%;font-size:25px}.onevsone-pm-infos>div:nth-child(2)>p:first-child{background-color:red}.onevsone-pm-infos>div:nth-child(2)>p:last-child{background-color:#00f}.onevsone-pm-infos-stats{display:flex;flex-direction:column;height:100%;width:60%}.onevsone-pm-infos-stats>div:first-child{display:flex;align-items:center;justify-content:center;height:60%;background-color:gray}.onevsone-pm-infos-stats>div:first-child>p{height:100%;width:50%;display:flex;align-items:center;justify-content:center;border-right:2px solid white}.onevsone-pm-infos-stats>div:first-child div{height:100%;width:50%;display:flex;align-items:center;justify-content:center;gap:2px}.onevsone-pm-infos-stats>div:last-child{display:flex;align-items:center;justify-content:center;height:40%}.twovstwo-pm{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.twovstwo-pm-infos{background-color:#0000004d;color:#fff;display:flex;text-align:center;justify-content:space-between;width:100%;align-items:center;height:60px}.twovstwo-pm-infos>div:first-child,.twovstwo-pm-infos>div:last-child{display:flex;align-items:center;flex-direction:row;height:100%;gap:5px}.twovstwo-pm-infos>div:nth-child(2){font-weight:bolder;text-align:center;display:flex;background-color:#add8e6;align-items:center;justify-content:space-between;width:300px;height:100%}.twovstwo-pm-infos>div:nth-child(2)>p{display:flex;align-items:center;justify-content:center;height:100%;width:20%;font-size:25px}.twovstwo-pm-infos>div:nth-child(2)>p:first-child{background-color:red}.twovstwo-pm-infos>div:nth-child(2)>p:last-child{background-color:#00f}.twovstwo-pm-infos-stats{display:flex;flex-direction:column;height:100%;width:60%}.twovstwo-pm-infos-stats>div:first-child{display:flex;align-items:center;justify-content:center;height:60%;background-color:gray}.twovstwo-pm-infos-stats>div:first-child>p{height:100%;width:50%;display:flex;align-items:center;justify-content:center;border-right:2px solid white}.twovstwo-pm-infos-stats>div:first-child div{height:100%;width:50%;display:flex;align-items:center;justify-content:center;gap:2px}.twovstwo-pm-infos-stats>div:last-child{display:flex;align-items:center;justify-content:center;height:40%}@media screen and (min-width: 1444px){.onevsone-pm-infos>div:nth-child(2){width:400px}.onevsone-pm-infos{height:80px;font-size:20px}.onevsone-pm-infos>div:nth-child(2)>p{font-size:40px}.onevsone-pm-infos-stats{display:flex;flex-direction:column;height:100%;width:60%}.twovstwo-pm-infos>div:nth-child(2){width:400px}.testing{height:100px;font-size:20px}.twovstwo-pm-infos{height:80px;font-size:20px}.twovstwo-pm-infos>div:nth-child(2)>p{font-size:40px}.twovstwo-pm-infos-stats{display:flex;flex-direction:column;height:100%;width:60%}}@media screen and (max-width: 768px){.onevsone-pm-infos>div:nth-child(2){width:150px}.onevsone-pm-infos{height:40px;font-size:15px}.onevsone-pm-infos>div:nth-child(2)>p{font-size:20px}.onevsone-pm-infos-stats>div:first-child img{width:16px}.onevsone-pm-infos-stats>div:last-child,.onevsone-pm-infos-stats>div:first-child>p{font-size:10px}.onevsone-pm-infos-stats>div:first-child>div img{width:12px}.onevsone-pm-infos-stats>div:first-child>div p{font-size:10px}.twovstwo-pm-infos>div:nth-child(2){width:150px}.testing{height:60px;font-size:15px}.twovstwo-pm-infos{height:40px;font-size:15px}.twovstwo-pm-infos>div:nth-child(2)>p{font-size:20px}.twovstwo-pm-infos>div:first-child p,.twovstwo-pm-infos>div:last-child p{font-size:10px}.twovstwo-pm-infos-stats>div:first-child img{width:16px}.twovstwo-pm-infos-stats>div:last-child,.twovstwo-pm-infos-stats>div:first-child>p{font-size:10px}.twovstwo-pm-infos-stats>div:first-child>div img{width:12px}.twovstwo-pm-infos-stats>div:first-child>div p{font-size:10px}.sidebar-notifications{top:25px;right:8vw;width:15px;height:15px}}@media screen and (max-width: 425px){.onevsone-pm-infos>div:nth-child(2){width:100px}.onevsone-pm-infos{height:30px;font-size:10px}.onevsone-pm-infos>div:nth-child(2)>p{font-size:10px}.twovstwo-pm-infos>div:first-child p,.twovstwo-pm-infos>div:last-child p{font-size:8px}.onevsone-pm-infos-stats>div:first-child img{width:10px}.onevsone-pm-infos-stats>div:last-child{font-size:8px}.onevsone-pm-infos-stats>div:first-child>p{font-size:7px}.onevsone-pm-infos-stats>div:first-child>div img{width:8px}.onevsone-pm-infos-stats>div:first-child>div p{font-size:8px}.twovstwo-pm-infos>div:nth-child(2){width:100px}.testing{height:40px;font-size:12px}.twovstwo-pm-infos{height:30px;font-size:10px}.twovstwo-pm-infos>div:nth-child(2)>p{font-size:10px}.twovstwo-pm-infos-stats>div:first-child img{width:10px}.twovstwo-pm-infos-stats>div:last-child{font-size:8px}.twovstwo-pm-infos-stats>div:first-child>p{font-size:7px}.twovstwo-pm-infos-stats>div:first-child>div img{width:8px}.twovstwo-pm-infos-stats>div:first-child>div p{font-size:8px}}@media screen and (max-width: 320px){.onevsone-pm-infos>div:nth-child(2){width:45px}.onevsone-pm-infos-stats>div:first-child{gap:5px}.onevsone-pm-infos>div:nth-child(2)>p{font-size:10px}.onevsone-pm-infos-stats>div:first-child img{width:8px}.onevsone-pm-infos-stats>div:last-child{font-size:7px}.onevsone-pm-infos-stats>div:first-child>p{display:none}.onevsone-pm-infos-stats>div:first-child>div img{width:8px}.onevsone-pm-infos-stats>div:first-child>div p{font-size:7px}.twovstwo-pm-infos>div:nth-child(2){width:45px}.twovstwo-pm-infos-stats>div:first-child{gap:5px}.twovstwo-pm-infos>div:nth-child(2)>p{font-size:10px}.twovstwo-pm-infos>div:first-child p,.twovstwo-pm-infos>div:last-child p{font-size:6px}.twovstwo-pm-infos-stats>div:first-child img{width:8px}.twovstwo-pm-infos-stats>div:last-child{font-size:7px}.twovstwo-pm-infos-stats>div:first-child>p{display:none}.twovstwo-pm-infos-stats>div:first-child>div img{width:8px}.twovstwo-pm-infos-stats>div:first-child>div p{font-size:7px}.twovstwo-pm-infos>div:first-child,.twovstwo-pm-infos>div:last-child{gap:2px}}.easy_mode{background-image:url(/assets/easy_difficulty-DnTYXvP7.png);background-size:cover}.difficulty_level{position:relative;border:3px solid #ead3d6}.difficulty-title{text-align:center;margin:100px 0 0;font-weight:bolder;letter-spacing:1.5px}.difficulty-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;margin:100px 0 0}.novice_level,.skilled_level,.master_level{width:30%;height:auto;position:relative;box-shadow:0 0 3px #7e57c2;opacity:.6}.novice_level:hover div,.skilled_level:hover div,.master_level:hover div{animation:showDifficulty 1s forwards}.novice_level img,.skilled_level img,.master_level img{width:100%;display:block}.novice_level div,.skilled_level div,.master_level div{position:absolute;top:100%;transform:translateY(-100%);background-color:#000000b3;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}@keyframes showDifficulty{0%{height:0}to{height:100%}}.novice_level div p:first-child,.skilled_level div p:first-child,.master_level div p:first-child{padding:10px 0 5px;font-weight:bolder;font-size:1em}.novice_level div p:last-child,.skilled_level div p:last-child,.master_level div p:last-child{text-align:center;padding:5px 0 20px;font-size:.9em}.difficulty_level_selected{opacity:1;outline:2px solid white;box-shadow:0 0 20px #fff}.difficulty-selects{display:flex;width:80%;height:40px;min-height:40px;margin:100px auto;justify-content:space-between}.difficulty-selects button:first-child{width:138px;height:100%;border-radius:5px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer}.difficulty-selects button:last-child{width:138px;height:100%;border-radius:5px;border:none;background-color:#913dce;color:#fff;cursor:pointer}.difficulty-selects button:last-child:hover{background-color:#ae3dff}#difficulty-selects-saving{opacity:.5}#difficulty-selects-saving:hover{background-color:#913dce;cursor:not-allowed}@media (max-width: 768px){.difficulty-container{flex-direction:column;gap:10px;width:100%;height:800px;min-height:800px;margin:20px 0 0}.difficulty-title{text-align:center;margin:20px 0 0;font-weight:bolder;letter-spacing:1.5px}.novice_level,.skilled_level,.master_level{width:250px;height:250px;min-height:250px;position:relative;box-shadow:0 0 3px #7e57c2;opacity:.6}.novice_level div p:first-child,.skilled_level div p:first-child,.master_level div p:first-child{padding:6px 0 3px;font-weight:bolder;font-size:.8em}.novice_level div p:last-child,.skilled_level div p:last-child,.master_level div p:last-child{text-align:center;padding:3px 0 10px;font-size:.7em}.difficulty-selects{display:flex;width:80%;height:40px;min-height:40px;margin:20px auto;justify-content:space-between}.difficulty_level_selected{opacity:1}}@media (max-width: 425px){.difficulty_level{position:relative;border:3px solid #ead3d6}.difficulty-title{font-size:1.5em}.difficulty-container{flex-direction:column;gap:10px}.novice_level,.skilled_level,.master_level{width:70%;height:auto;opacity:.6}.novice_level img,.skilled_level img,.master_level img{height:100%}.novice_level div p:first-child,.skilled_level div p:first-child,.master_level div p:first-child{font-size:1em}.novice_level div p:last-child,.skilled_level div p:last-child,.master_level div p:last-child{font-size:.9em}.difficulty_level_selected{opacity:1}.difficulty-selects{display:flex;flex-direction:column;height:90px;min-height:80px;gap:10px;margin:20px auto}.difficulty-selects button{width:100%;min-width:100%;height:40px;min-height:40px}}.match-ended{position:absolute;height:100%;width:100%;background-color:#ae3dff;left:100%}.winner_cup{display:flex;align-items:center;justify-content:center;height:250px;min-height:250px;position:relative}.winner_cup img{height:100%}.winner_congrats{font-size:40px;margin-top:0;padding:0;width:100%;text-align:center;font-weight:bolder}.loser_support{font-size:40px;margin-top:50px;padding:0;width:100%;text-align:center;font-weight:bolder}.gameStats_container{width:80%;background-color:#00000080;display:flex;flex-direction:column;margin:50px auto 0;border-radius:10px}.gameStats_playerInfos{display:flex;border-left:.1px solid rgba(255,255,255,.2);width:100%;border-radius:10px 10px 0 0}.gameStats_playerInfos-details{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px}.gameStats_playerInfos-details div{display:flex;align-items:center;height:100%;gap:10px;font-size:20px;font-weight:bolder}.gameStats_playerInfos-details div img{height:80%;border-radius:10px;cursor:pointer}.gameStats_playerInfos-details div:first-child img{margin-left:8px}.gameStats_playerInfos-details div:last-child img{margin-right:8px}.gameStats_details{display:flex;border-left:.1px solid rgba(255,255,255,.2);width:100%}.gameStats_details div{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px}.gameStats_details div p:first-child,.gameStats_details div p:last-child{width:80px;text-align:center;font-size:20px}.gameStats_details div p:nth-child(2){font-weight:bolder;font-size:20px}.gameStats_details_2v2{display:flex;border-left:.1px solid rgba(255,255,255,.2);width:100%}.gameStats_details_2v2 div{display:flex;align-items:center;justify-content:space-between;width:100%;height:80px}.gameStats_details_2v2 div div{width:20%;font-size:20px}.gameStats_details_2v2 div>p{width:80%;font-weight:bolder;font-size:20px;text-align:center}.gameStats_container>div:nth-child(odd){background-color:#6d6d6d4d}.gameStats_container>div:nth-child(2n){background-color:#2a2a2a4d}.stats-selects{display:flex;width:80%;height:40px;min-height:40px;margin:50px auto 30px;justify-content:space-between}.stats-selects button:first-child{width:138px;height:100%;border-radius:5px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer;font-weight:bolder}.stats-selects button:last-child{width:138px;height:100%;border-radius:5px;border:none;background-color:#913dce;color:#fff;cursor:pointer;font-weight:bolder}.stats-selects button:last-child:hover{background-color:#ae3dff}@media (max-width: 768px){.winner_cup{height:210px;min-height:210px}.winner_congrats,.loser_support{font-size:30px}.gameStats_playerInfos-details div img{height:70%}.gameStats_playerInfos-details div p{font-size:15px}.gameStats_details_2v2 div div{width:20%;font-size:15px}.gameStats_details_2v2 div>p{width:80%;font-weight:bolder;font-size:15px;text-align:center}}@media (max-width: 425px){.winner_cup{height:180px;min-height:180px}.winner_congrats{font-size:20px}.gameStats_container{width:90%;margin-top:20px}.gameStats_playerInfos-details div img{height:50%}.gameStats_playerInfos-details div p{font-size:15px}.gameStats_details div p:first-child,.gameStats_details div p:last-child,.gameStats_details div p:nth-child(2){font-size:15px}.stats-selects{display:flex;flex-direction:column-reverse;height:90px;min-height:80px;gap:10px;margin:20px auto}.stats-selects button{width:100%;min-width:100%;height:40px;min-height:40px}.stats-selects-modes{display:flex;flex-direction:column-reverse;height:40px;min-height:40px;margin:20px auto}.stats-selects-modes button{width:100%;min-width:100%;height:100%;min-height:100%}}@media (max-width: 320px){.gameStats_container{width:95%}.gameStats_playerInfos-details div{gap:2px}.gameStats_playerInfos-details div img{height:40%}.gameStats_playerInfos-details div p{font-size:10px;font-weight:bolder}.stats-selects{width:95%}.gameStats_details div p:first-child,.gameStats_details div p:last-child,.gameStats_details div p:nth-child(2){font-size:15px}.gameStats_details_2v2 div div{width:20%;font-size:15px}.gameStats_details_2v2 div>p{width:80%;font-weight:bolder;font-size:10px;text-align:center}}.searchBarsWrapperWithLogo{width:100%;display:flex;justify-content:center}.searchBarsWrapper{width:100%;display:flex;justify-content:center;margin:0 auto}.search-bar-mobile{width:100%;display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;background:#210b37;left:0;z-index:150}.search-bar-mobile .searchResultWrapper{width:98%}.search-bar-mobile input{width:98%;height:50px;margin-top:4px;border:2px solid #4d4ea6;border-radius:10px;background-size:15px;text-indent:15px;color:#000;font-size:15px;outline:none}.search-bar-mobile input::placeholder{color:#000;opacity:.5;text-indent:15px}.search-bar-mobile input:focus{outline:none;border-color:#913dce;color:#000;text-indent:15px}@media (min-width: 768px){.search-bar-mobile{display:none}}@media (max-width: 768px){.search-bar{display:none}}._game-modes-page_o09jh_1{overflow:auto;display:flex;flex-direction:column;align-items:center;width:100%}._game-modes-page-local_o09jh_9{overflow:auto;display:flex;flex-direction:column;align-items:center;width:100%;height:100vh}._game-modes-div_o09jh_18{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;gap:40px;margin:80px auto 0}._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30{width:80%;height:150px;display:flex;align-items:center;background:linear-gradient(90deg,#442d6a,#442d6a80);border-radius:10px;gap:50px;cursor:pointer}._customize-game-options_o09jh_41{display:flex;justify-content:flex-end;align-items:center;width:100%}._customize-game-options_o09jh_41 button{display:flex;justify-content:center;align-items:center;gap:5px;width:180px;height:45px;color:#4d4ea6;font-size:18px;background-color:#d9d9d9;text-align:center;border:none;border-radius:5px;cursor:pointer;white-space:nowrap}._play-solo-mode-image_o09jh_65,._create-tournament-mode-image_o09jh_74{margin-left:20px;display:flex;justify-content:center;align-items:center;width:120px;height:100px}._join-tournament-mode-image_o09jh_83{margin-left:20px;width:120px;height:100px;display:flex;justify-content:center;align-items:center}._play-solo-mode-title-and-description_o09jh_92{height:100px;width:100%;display:flex;flex-direction:column;justify-content:center;gap:5px}._create-tournament-mode-title-and-description_o09jh_101,._join-tournament-mode-title-and-description_o09jh_109{height:100px;display:flex;flex-direction:column;justify-content:center;gap:5px}._play-solo-mode-title_o09jh_92,._create-tournament-mode-title_o09jh_101,._join-tournament-mode-title_o09jh_109{color:#fff}._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134{color:#fff;width:70%}._join-tournament-mode-description_o09jh_140{color:#fff;width:60%}._game-modes-page-button_o09jh_146{display:flex;justify-content:flex-end;align-items:center;width:100%;height:150px;margin-bottom:100px}._game-modes-page-button_o09jh_146 button{width:140px;height:45px;color:#fff;font-size:18px;padding:10px 50px;background-color:#913dce;text-align:center;border:none;border-radius:5px;opacity:.5;cursor:not-allowed}._tournament_warnings_o09jh_169{position:absolute;display:flex;left:50%;transform:translate(-50%);gap:2px;width:250px;height:50px;border:2px solid red;background:#442d6a;justify-content:center;align-items:center;border-radius:10px;z-index:100;color:#fff}._game-modes-page-button_o09jh_146 button:active{background-color:#000}._game-modes-page-button-selected_o09jh_190 button{opacity:1;cursor:pointer}._mode-selected_o09jh_195{border:2px white solid}@media (min-width: 1440px){._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30,._game-modes-page-button_o09jh_146,._customize-game-options_o09jh_41{width:45%;min-width:1000px}}@media (max-width: 1439px){._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30,._game-modes-page-button_o09jh_146,._customize-game-options_o09jh_41{width:70%}._play-solo-mode-description_o09jh_129,._join-tournament-mode-description_o09jh_140{width:100%}}@media (max-width: 1024px){._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30{gap:30px}._play-solo-mode-title_o09jh_92,._create-tournament-mode-title_o09jh_101,._join-tournament-mode-title_o09jh_109{font-size:25px}._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134,._join-tournament-mode-description_o09jh_140{font-size:2vw}}@media (max-width: 768px){._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134,._join-tournament-mode-description_o09jh_140{font-size:2.5vw}}@media (max-width: 540px){._play-solo-mode-title_o09jh_92,._create-tournament-mode-title_o09jh_101,._join-tournament-mode-title_o09jh_109{font-size:20px}}@media (max-width: 425px){._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30{width:95%}._play-solo-mode-image_o09jh_65,._create-tournament-mode-image_o09jh_74,._join-tournament-mode-image_o09jh_83{margin-left:10px;width:50px;height:50px}._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134,._join-tournament-mode-description_o09jh_140{font-size:12px}._play-solo-mode-image_o09jh_65 img,._create-tournament-mode-image_o09jh_74 img,._join-tournament-mode-image_o09jh_83 img{margin-left:10px;width:60px;height:60px}._game-modes-page-button_o09jh_146{display:flex;justify-content:center;align-items:center;width:70%;margin-top:10px;height:40px}._customize-game-options_o09jh_41{display:flex;justify-content:flex-end;align-items:center;width:95%;height:40px}._game-modes-page-button_o09jh_146 button{width:140px;height:40px;color:#fff;font-size:18px;padding:10px 50px;background-color:#913dce;text-align:center;border:none;border-radius:5px}}@media (max-width: 375px){._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30{flex-direction:column;gap:0px}._play-solo-mode-title-and-description_o09jh_92,._create-tournament-mode-title-and-description_o09jh_101,._join-tournament-mode-title-and-description_o09jh_109{align-items:center}._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134,._join-tournament-mode-description_o09jh_140{text-align:center;width:100%}._play-solo-mode-image_o09jh_65,._create-tournament-mode-image_o09jh_74,._join-tournament-mode-image_o09jh_83{margin-left:0;margin-top:20px}._play-solo-mode-title_o09jh_92,._create-tournament-mode-title_o09jh_101,._join-tournament-mode-title_o09jh_109{font-size:18px}}@media (max-width: 260px){._game-modes-page_o09jh_1{gap:10px;margin-bottom:100px}._play-solo-mode_o09jh_28,._create-tournament-mode_o09jh_29,._join-tournament-mode_o09jh_30{height:180px}._play-solo-mode-title_o09jh_92,._create-tournament-mode-title_o09jh_101,._join-tournament-mode-title_o09jh_109{font-size:15px}._play-solo-mode-description_o09jh_129,._create-tournament-mode-description_o09jh_134,._join-tournament-mode-description_o09jh_140{text-align:center;width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--toastify-toast-top: 90px;--toastify-color-progress-light: #bb86fc;--toastify-color-transparent: rgba(255, 255, 255, 1);--toastify-font-family: "IBM Plex Sans", sans-serif}.chat-page{width:100%;height:100%;color:#fff;display:flex;overflow-y:auto;justify-content:center}.chat-container{width:100%;display:flex;flex-direction:row;justify-content:center;height:800px;margin:20px 5px 100px;gap:5px}.chat-sidebar,.chat-sidebar-hidden{display:flex;flex-direction:column;border-radius:5px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);width:20%;padding:10px 0;height:100%}.chat-sidebar-header{position:relative;width:100%;display:flex;flex-direction:column;padding:0 10px 10px;gap:10px}input.chat-search-input{border:none;outline:1px solid white;outline-offset:-2px;background-color:transparent;height:30px;border-radius:30px;text-indent:10px;color:#fff;font-size:12px}input.chat-search-input::placeholder{font-size:12px}input.chat-search-input:focus{outline-color:#913dce;opacity:.7}.chat-switch-button-wrapper{width:100%;display:flex;justify-content:center;gap:5px}button.direct-switch-button,button.rooms-switch-button{width:50%;border:none;background-color:#250939;color:#fff;font-size:12px;height:30px;border-radius:5px;font-weight:500;cursor:pointer}button.direct-switch-button-active,button.rooms-switch-button-active{cursor:pointer;width:50%;border:none;background-color:#6652c0;color:#fff;font-size:12px;height:30px;border-radius:5px;font-weight:500}.chat-rooms-conversation-list-no-results{padding:10px;color:#ccc;font-size:14px}.chat-rooms-conversation-search-header{padding:0 10px;font-weight:600;color:#ccc;font-size:14px}.chat-conversation-list-no-results,.chat-rooms-conversation-list-no-results{width:100%;padding:10px;color:#ccc;font-size:14px;opacity:.7}.chat-conversation-search-list-no-results,.chat-rooms-conversation-search-list-no-results{padding:10px;color:#ccc;font-size:14px;opacity:.7}.chat-rooms-conversations-search-list,.chat-conversation-search-list,.chat-conversations-list,.chat-rooms-conversations-list{display:flex;flex-direction:column;overflow-y:auto}.chat-conversation-item{display:flex;gap:5px;cursor:pointer;padding:10px;align-items:flex-end}.chat-conversation-item-active,.chat-conversation-item:hover{background-color:#1f0935}.conversation-item-avatar{min-width:35px;max-width:35px;width:35px;height:35px;border-radius:50px}.conversation-item-details{width:100%;display:flex;flex-direction:column;overflow:hidden}.conversation-item-name{overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:500}.conversation-item-last-msg,.conversation-item-last-msg-bold{font-size:12px;width:95%;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-item-last-msg-bold{font-weight:900}.chat-window,.chat-window-hidden{position:relative;padding:10px;display:flex;flex-direction:column;border-radius:5px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);width:80%}.chat-window-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.chat-window-empty-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}img.empty-chat-icon{fill:#fff;width:70px;height:70px}.chat-window-empty-message{opacity:.7;font-size:15px;font-weight:500}.conversation-header{width:100%;display:flex;justify-content:space-between;background-color:#1f0935;padding:10px;border-radius:5px}.conversation-header-info{display:flex;align-items:center;gap:5px;width:calc(100% - 50px);overflow:hidden}.conversation-back-arrow{width:25px;cursor:pointer}.conversation-avatar{width:40px;height:40px;border-radius:50px}.conversation-details{width:100%;overflow:hidden}.conversation-name{font-size:16px;width:100%;overflow:hidden;text-overflow:ellipsis}.conversation-avatar:hover{cursor:pointer;opacity:.7}.conversation-name:hover{text-decoration:underline;cursor:pointer}.conversation-info{font-size:12px;font-weight:100;margin-top:-2px}.conversation-options{display:flex;align-items:center;gap:15px}.conversation-invite-icon{width:35px;cursor:pointer}.conversation-options-wrapper{position:relative;display:flex}.conversation-options-icon{width:30px;cursor:pointer}.direct-options-container,.room-options-container{position:absolute;width:180px;background-color:#250939;opacity:.9;top:calc(100% + 2px);right:0;border-radius:5px;outline:.5px solid #7660d9;z-index:10}.view-profile-option,.block-friend-option,.change-wallpaper-option,.leave-chat-room-option,.chat-room-info-option,.members-list-option{padding:10px;font-weight:600;border-radius:5px;cursor:pointer}.view-profile-option:hover,.block-friend-option:hover,.change-wallpaper-option:hover,.leave-chat-room-option:hover,.chat-room-info-option:hover,.members-list-option:hover{background-color:#7660d9}.conversation-body{flex:1;margin:10px 0;padding:0 5px;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:10px;position:relative}.message-row{padding-top:7px;display:flex;max-width:80%;gap:5px}.my-message-row{align-self:flex-end}.my-message-content-wrapper{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.other-message-content-wrapper{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.my-message-row-sender-name{cursor:pointer;color:#ccc;font-size:13px}.my-message-row-sender-name:hover{text-decoration:underline}.message-content{white-space:pre-wrap;padding:10px 15px;display:flex;font-size:15px;align-items:center;background-color:#1f0935;word-break:break-all}.my-message-row-sender-date{color:#ccc;font-size:8px}.my-message-content{border-radius:15px 0 15px 15px}.other-message-content{border-radius:0 15px 15px}.my-message-avatar,.other-message-avatar{cursor:pointer;width:32px;height:32px;border-radius:30px}.my-message-avatar:hover,.other-message-avatar:hover{transform:scale(1.1)}.conversation-controls-container{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:5px;padding:5px;width:100%;background-color:#260939cc;border-radius:5px}.conversation-input-wrapper{display:flex;border-radius:5px;width:100%;background-color:#1f0935;overflow:hidden;padding:10px;box-sizing:border-box}textarea.conversation-input{max-height:140px;padding:0;margin:0;width:100%;box-sizing:border-box;font-size:14px;background-color:transparent;resize:none;border:none;outline:none;align-content:center;overflow:hidden;color:#fff;font-family:IBM Plex Sans,sans-serif}textarea.conversation-input::placeholder{font-family:IBM Plex Sans,sans-serif;color:#fff;opacity:.8;color:#ccc}.conversation-emoji-picker,.conversation-file-upload{opacity:.6;height:26px;cursor:pointer;margin-bottom:5px}.conversation-emoji-container-hidden{display:none}.conversation-emoji-container{display:flex;position:absolute;left:0;bottom:50px;width:50%}.conversation-send-icon{width:35px;height:35px;cursor:pointer;opacity:.7}.toast-container{padding:0}.none-conversation-selected{background-color:red}.conversation-item-last-msg-wrapper{width:100%;display:flex;align-items:center;gap:5px}.conversation-item-last-msg-count{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:6.25rem;background-color:#665dfe;color:#fff;font-size:10px}.Leave-chat-room-pop{position:absolute;width:350px;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;background-color:#1b062a;border:#826aed solid 2px;z-index:100;display:flex;flex-direction:column;align-items:center;border-radius:5px;gap:15px;padding:10px}.Leave-chat-room-question{font-size:18px;font-weight:600}.chat-room-infos-conatiner{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;background-color:#1b062a;z-index:100;display:flex;flex-direction:column;align-items:center;border-radius:5px;gap:15px;padding:10px}.chat-room-members-container{position:absolute;width:390px;max-width:98%;height:550px;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;background-color:#1b062a;border:#826aed solid 2px;z-index:100;display:flex;flex-direction:column;align-items:center;border-radius:5px;gap:15px;padding:10px 0}.chat-room-members-list{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:scroll;border-radius:0;cursor:pointer}.chat-room-member{display:flex;justify-content:space-between;height:47px;align-items:center;padding:0 7px;flex-shrink:0}.chat-room-member:hover{background:linear-gradient(to right bottom,#442d6a,#4a258b80);transition:ease-in .2s;box-shadow:0 2px 30px #250939}.chat-room-member:hover .chat-room-member-message-button{background-color:#826aed;transition:ease-in .3s}.chat-room-member-name{display:flex;align-items:center;gap:5px;height:100%;width:100%;text-decoration:none}.chat-room-member-avatar{width:35px;height:35px;border-radius:35px}.chat-room-member-message-button{display:flex;background-color:#250939;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;text-decoration:none}.loading-messages{position:absolute;top:0;left:50%;transform:translate(-50%);color:#ccc;background-color:#1f0935;z-index:100;padding:5px 50px;border-radius:0 5px;font-size:14px}.blockPopUp{position:absolute;width:350px;top:50%;left:50%;transform:translate(-50%,-50%);color:#ccc;background-color:#1b062a;border:#826aed solid 2px;z-index:100;display:flex;flex-direction:column;align-items:center;border-radius:5px;gap:15px;padding:10px}.blockPopUp__container{display:flex;flex-direction:column;align-items:center;gap:10px}.blockPopUp__header{width:100%;align-items:center;justify-content:center;display:flex;font-size:18px;font-weight:600}.blockPopUp__header h3{margin:0;width:100%}.blockPopUp__header button{position:absolute;right:10px;top:10px;cursor:pointer;background-color:transparent;border:none;color:#ccc;font-size:20px}.blockPopUp__footer{display:flex;gap:10px}.blockPopUp__footer button{padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:600}.chat-room-infos{position:absolute;display:flex;flex-direction:column;background-color:#1b062a;z-index:100;border-radius:5px;gap:30px;padding:10px;width:100%;height:100%;top:0;left:0}.chat-room-info-header{position:relative;width:100%;height:200px;display:flex;justify-content:space-between;align-items:center;gap:10px}.chat-room-info-cover{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:15px;border:2px solid #FFFFFF}.chat-room-info-icon{position:absolute;width:80px;cursor:pointer;bottom:0;right:50%;transform:translateY(40%);border-radius:15px;border:2px solid #FFFFFF}.chat-room-info-body{display:flex;flex-direction:column;width:100%}.chat-room-info-name{font-size:20px;font-weight:600}.chat-room-info-topic{font-size:16px;font-weight:500}.chat-room-info-members-count{font-size:14px;font-weight:500}.chat-search-container{position:absolute;width:calc(100% - 20px);background-color:#1b062a;top:30px;left:50%;transform:translate(-50%);margin-top:2px;border-radius:5px}@media screen and (min-width: 1444px){.chat-container{width:1440px}}@media screen and (max-width: 768px){.chat-sidebar,.chat-window{width:100%}.chat-window-hidden,.chat-sidebar-hidden{display:none}.conversation-emoji-container{width:100%}}:host{width:100%!important}@media screen and (max-width: 425px){.chat-sidebar{height:700px}.chat-window{height:700px;padding:5px}.conversation-header{padding:7px}.conversation-back-arrow{width:20px}.conversation-avatar{width:30px;height:30px;display:flex}.conversation-name{font-size:14px}.conversation-info{font-size:10px}.conversation-invite-icon{width:25px}.conversation-options-icon{width:20px}.direct-options-container,.room-options-container{width:130px}.view-profile-option,.block-friend-option,.change-wallpaper-option,.leave-chat-room-option,.chat-room-info-option,.members-list-option{padding:7px;font-size:12px;font-weight:500}input.conversation-input{height:28px;font-size:13px}.conversation-emoji-picker,.conversation-send-icon{width:27px;height:27px}.message-row{padding-top:5px;max-width:90%}.message-content{font-size:12px;padding:10px 15px}.my-message-content{border-radius:10px 0 10px 10px}.my-message-avatar,.other-message-avatar{width:25px;height:25px}.other-message-content{border-radius:0 10px 10px}.conversation-emoji-container div{width:100%!important}.emoji-picker-responsive{width:100%}.chat-room-member-message-button p{display:none}}.rooms-page{width:100%;height:100%;color:#fff;display:flex;overflow:hidden;flex-direction:column;position:relative}.rooms-error-container-active{text-align:center;padding:5px 10px;position:absolute;width:30%;top:0;left:50%;transform:translate(-50%);background-color:#913dce;display:flex;justify-content:center;align-items:center;border-radius:5px;cursor:pointer;z-index:101}.rooms-error-container{display:none}.rooms-error-content{flex:1}.rooms-close-error-button{width:25px}.rooms-page-content{overflow-y:auto;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0 5px;position:relative}.rooms-wrapper{height:950px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 10px}.blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}svg.create-room-button-icon{display:none}.create-room-button{width:180px;height:40px;display:flex;align-items:center;justify-content:center;gap:5px;outline:.5px solid white;outline-offset:-2px;border-radius:5px}.create-room-button:hover,.create-room-button:focus{cursor:pointer;background-color:#2f084b;transform:scale(1.05);outline-color:#826aed}.join-room-icon,.create-room-icon{width:15px}.join-room-text,.create-room-text{font-size:15px;font-weight:500}.rooms-header-wrapper{width:calc(100% - 100px);display:flex;justify-content:space-between;align-items:center}.rooms-header{width:calc(100% - 100px);align-self:flex-center;margin:.7rem 0;margin-left:10px;font-size:22px;font-weight:600}.my-rooms-row,.suggested-room-row,.invitations-room-row{width:calc(100% - 100px);display:flex;justify-content:center;align-items:center;position:relative}.hande{width:45px;background-color:#d9d9d9;border-radius:8px}.hande:hover{cursor:pointer}.left-hande{position:absolute;left:0;z-index:100;transform:translate(-110%);background-color:transparent}.right-hande{position:absolute;right:0;transform:translate(110%);z-index:100;background-color:transparent;border-radius:50px}.rooms-slider-container{width:100%;overflow:hidden}.rooms-slider{--slider-index: 0;--items-per-screen: 4;width:100%;height:250px;display:flex;align-items:center;transform:translate(calc(var(--slider-index) * -100%));transition:transform .5s ease-in-out}.empty-rooms-slider{display:flex;justify-content:center;align-items:center;opacity:.5;background-color:#15072ae2;border-radius:5px;font-size:14px;text-align:center}.suggested-rooms-slider{--suggested-slider-index: 0;--items-per-screen: 4;width:100%;height:250px;display:flex;align-items:center;transform:translate(calc(var(--suggested-slider-index) * -100%));transition:transform .5s ease-in-out}.invitations-rooms-slider{--invitation-slider-index: 0;--items-per-screen: 4;width:100%;height:80px;display:flex;transform:translate(calc(var(--invitation-slider-index) * -100%));transition:transform .5s ease-in-out}.join-room-container,.create-room-container{position:absolute;color:#ccc;background-color:#1b062a;border:#826aed solid 2px;left:50%;top:400px;transform:translate(-50%,-50%);z-index:100;display:flex;flex-direction:column;align-items:center;border-radius:5px;width:425px}.join-room-header{font-size:22px;font-weight:500;color:#ccc}.join-room-visibility-buttons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.ant-switch{background-color:#ccc;border-radius:5px}.ant-switch.ant-switch-checked{background-color:#913dce}.ant-switch-checked{background:#ccc}.ant-switch-inner-checked,.ant-switch .ant-switch-inner .ant-switch-inner-unchecked{color:#913dce}.ant-switch .ant-switch-handle:before{background-color:#15072a}.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled){background:#913dce;outline:none;border-color:#826aed;box-shadow:0 0 10px #826aed}.ant-switch:hover:not(.ant-switch-disabled){background:#ccc;color:#913dce;outline:none;border-color:#826aed;box-shadow:0 0 10px #826aed}.join-room-form{width:100%;display:flex;flex-direction:column;gap:05px}.join-room-form input{width:100%;padding:10px;text-indent:10px;border:1px solid #ccc;border-radius:5px;font-weight:300;background-color:transparent}.join-room-buttons{display:flex;justify-content:center;width:100%;gap:15px}.create-room,.cancel-create-room{width:35%;padding:10px 0;border:none;background-color:#2f084b;outline:.5px solid #ccc;outline-offset:-1px;border-radius:5px;font-weight:550;cursor:pointer;color:#ccc;font-size:15px;background-color:#826aed}.create-room-container{overflow:hidden;gap:20px;padding:15px}.create-room-header{display:flex;align-items:center;width:100%}.create-room-title{color:#fff;font-size:20px;letter-spacing:1px;margin:0 auto}.create-room-close-icon{display:flex;justify-content:center;align-items:center;color:#826aed;height:32px!important;width:32px!important;cursor:pointer}.create-room-visibility-options{display:flex;width:100%;gap:3px;justify-content:space-evenly;animation:first-load-visibility-options .5s forwards}.create-room-option{height:105px;gap:5px;cursor:pointer;width:33%;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:border .3s ease,transform .3s ease,box-shadow .3s ease;opacity:.5}.create-room-option-selected{border:1.5px solid #3d3076;transform:scale(1.05);opacity:1;box-shadow:0 0 10px #3d3076}.visibility-option{width:50px}.create-room-actions{width:100%;display:flex;justify-content:center;gap:15px;animation:first-load-input-container .5s forwards}.create-room-actions-next{width:100%;display:flex;justify-content:center;gap:15px;animation:first-load-visibility-options .5s forwards}.create-room-cancel-button,.create-room-next-button,.create-room-next-button-active,.create-room-create-button{color:#fff;border-radius:5px;height:35px;width:125px;border:#ccc 1px solid;cursor:pointer;font-size:15px;opacity:1}.create-room-next-button-active{background-color:#826aed}.create-room-next-button{background-color:#826aed;opacity:.5;border:none;cursor:auto}.create-room-cancel-button:hover,.create-room-next-button-active:hover{border:none;transform:scale(1.05)}.create-room-cancel-button{background-color:#2f084b}.create-room-create-button{background-color:#826aed}.create-room-input-container{display:flex;gap:10px;width:100%;animation:first-load-input-container .5s forwards}@keyframes first-load-input-container{0%{transform:translate(15%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes first-load-visibility-options{0%{transform:translate(-15%);opacity:0}to{transform:translate(0);opacity:1}}.create-room-icon-wrapper{display:flex;position:relative;width:75px;height:75px;border-radius:15px}.create-room-icon-placeholder{width:75px;height:75px;outline:1px solid #ccc;outline-offset:-1px;border-radius:15px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 0 35px #3d3076}.create-room-icon-placeholder:hover{opacity:.7}.create-room-camera-icon{width:25px;height:25px}.create-room-change-icon{cursor:pointer;border-radius:15px;height:0;width:0;position:absolute;top:0;left:0;transform:translate(0);color:#fff;overflow:hidden;background-color:#5d5d5de6;display:flex;align-items:center;flex-direction:column;justify-content:center;font-size:10px;text-align:center;gap:1px;font-weight:600}.create-room-icon-wrapper:hover .create-room-change-icon{height:100%;width:100%;top:0;left:0;overflow:visible}.create-room-inputs{display:flex;width:100%;gap:5px;flex-direction:column}.create-room-name-input-wrapper{width:100%;display:flex;position:relative}input.create-room-password-input,input.create-room-confirm-password-input,input.create-room-name-input{width:100%;border:none;padding:9px 10px;background-color:transparent;border-radius:5px;color:#fff;outline:none;font-size:15px;background-color:#ccc3}input.create-room-password-input::placeholder,input.create-room-confirm-password-input::placeholder,input.create-room-name-input::placeholder{font-family:IBM Plex Sans,sans-serif;font-size:13px}input.create-room-password-input:focus,input.create-room-confirm-password-input:focus,input.create-room-name-input:focus{box-shadow:0 0 10px #3d3076}.create-room-name-character-count{position:absolute;font-size:10px;bottom:3px;right:3px;opacity:.5}.create-room-topic-input-wrapper{width:100%;position:relative;height:70%;display:flex}textarea.create-room-topic-input{width:100%;font-family:IBM Plex Sans,sans-serif;height:70px;resize:none;outline:none;border:none;padding:5px 10px;border-radius:5px;background-color:#ccc3;color:#fff;font-size:15px}textarea.create-room-topic-input:focus{border-color:#913dce;box-shadow:0 0 07px #3d3076}textarea.create-room-topic-input::placeholder{font-family:IBM Plex Sans,sans-serif;font-size:13px}.create-room-topic-character-count{position:absolute;font-size:10px;bottom:3px;right:3px;opacity:.5}span#create-room-errors{font-size:10px;margin-top:-5px}.create-room-password-input-container{width:100%;gap:10px;display:flex;flex-direction:column;animation:first-load-input-container .5s forwards}.create-room-selected-icon-wrapper{display:flex;gap:10px;padding:10px}.create-room-selected-icon{width:50px;height:50px;border-radius:10px}.create-room-password-inputs{width:100%;display:flex;flex-direction:column;gap:5px}.create-room-info{margin-top:-8px}.create-room-name{color:#fff;font-size:22px;font-weight:600;margin-bottom:5px}.create-room-topic{width:90%;font-size:12px;margin-top:-6px}.create-room-password-actions{width:100%;display:flex;justify-content:center;gap:15px;animation:first-load-visibility-options .5s forwards}.room-container{position:relative;display:flex;flex-direction:column;margin:0 5px;min-width:calc(100% / var(--items-per-screen) - 10px);max-width:calc(100% / var(--items-per-screen) - 10px);height:225px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:5px;padding:25px 5px 5px;justify-content:space-between;cursor:pointer;overflow:hidden}.my-room-container{position:relative;display:flex;flex-direction:column;margin:0 5px;min-width:calc(100% / var(--items-per-screen) - 10px);max-width:calc(100% / var(--items-per-screen) - 10px);height:225px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:5px;overflow:hidden}.my-room-container:hover{background:linear-gradient(to right bottom,#442d6a,#4a258bcc);box-shadow:0 0 15px #15072a;transform:scale(1.01);transition:ease-in .1s;border:.5px solid #826aed}.my-room-header{width:100%;height:90px;position:relative;cursor:pointer}svg.my-room-cover-edit-icon{position:absolute;width:18px;height:18px;z-index:1;top:3px;right:3px;opacity:.5}svg.my-room-cover-edit-icon:hover{opacity:1;transform:scale(1.05)}.my-room-cover-wrapper{background-image:url(/assets/roomCover-PoidXrNV.png);width:100%;height:100%;background-position:center;background-size:cover;-webkit-mask-image:linear-gradient(180deg,#000,#00000082);mask-image:linear-gradient(180deg,#000,#00000082)}.my-room-info{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;left:50%;bottom:-20px;transform:translate(-50%)}.my-room-icon{outline:3px solid #27104a;width:55px;height:55px;border-radius:10px}.my-room-name-and-topic{display:flex;flex-direction:column;margin-top:20px;padding:0 10px;gap:5px}.my-room-name{width:100%;cursor:pointer;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis}.my-room-topic{color:#ccc;font-size:13px;opacity:.7;height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:17px;cursor:pointer}.room-actions{margin-top:5px;padding:0 7px}.room-actions{display:flex;justify-content:center;align-items:center;gap:5px}.room-leave-button,.join-room-button{flex-grow:1;border:none;background-color:#1f0935;font-size:15px;padding:10px 0;color:#fff;border-radius:5px;cursor:pointer}.room-leave-button:hover,.join-room-button:hover{outline:1px solid #826aed;outline-offset:-1px;color:#826aed}.room-settings-icon{width:30px;cursor:pointer}.room-settings-menu{position:absolute;background-color:#15072a;width:100%;height:100%;top:0;left:0;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:10px 0;gap:5px;z-index:2}.room-settings-actions{display:flex;flex-direction:column;align-items:center;font-size:15px;width:100%;height:100%;gap:5px}.room-settings-header{height:20px;position:relative;width:100%;justify-content:center;align-items:center;display:flex}.room-settings-head{color:#826aed;font-size:16px;font-weight:800}.room-settings-close-button{position:absolute;right:7px;width:25px;cursor:pointer}.room-settings-change-name,.room-settings-update-avatar,.room-settings-add-admin,.room-settings-invite-member,.room-settings-delete-room{height:50px;width:100%;padding:5px 10px;border-radius:5px;cursor:pointer}.room-settings-change-name:hover,.room-settings-update-avatar:hover,.room-settings-add-admin:hover,.room-settings-invite-member:hover,.room-settings-delete-room:hover{background:#826aed;border-radius:0}.room-change-name-wrapper,.room-update-avatar-wrapper,.room-delete-wrapper{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;background-color:#1f0935;display:flex;flex-direction:column;justify-content:center;gap:10px;z-index:3;padding:10px}.room-update-avatar-wrapper{flex-direction:row;align-items:center}.room-change-name-title{font-weight:600}.change-room-name-input{width:100%;border:none;padding:9px 10px;background-color:transparent;border-radius:5px;color:#fff;outline:none;font-size:15px;background-color:#ccc3}.room-update-avatar-buttons,.room-change-name-buttons,.room-delete-buttons{display:flex;width:100%;justify-content:center;gap:10px}.room-update-avatar-buttons button,.room-change-name-buttons button,.room-delete-buttons button{width:48%;height:30px;background-color:#fff;font-weight:600;border:none;color:#000;cursor:pointer;border-radius:2px}.room-update-avatar-buttons{flex-direction:column;gap:5px;max-width:55%}.room-update-avatar-buttons button{width:100%}.room-update-avatar-content{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.room-update-avatar-content:hover{transform:scale(1.05);opacity:.5}.room-update-avatar-preview{width:80px;height:80px;border-radius:7px}#room-update-avatar-label{border:1px solid white;padding:5px 10px;border-radius:5px;cursor:pointer}#update-room-image{display:none}.room-add-admin-wrapper,.room-invite-member-wrapper{position:absolute;background-color:#15072a;width:100%;height:100%;top:0;left:0;padding:10px;display:flex;flex-direction:column;z-index:3;gap:3px}.room-invite-member-list-wrapper{display:flex;width:100%;flex-direction:column;overflow-y:auto;gap:5px}.room-add-admin-close-button,.room-invite-member-close-button{align-self:flex-end;width:20px;cursor:pointer}.room-leave-wrapper{position:absolute;width:95%;height:50%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;background-color:#1f0935;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.room-leave-buttons{width:100%;display:flex;justify-content:center;gap:5px}.room-leave-cancel-button,.room-leave-confirm-button{width:40%;height:30px;background-color:#fff;font-weight:600;border:none;color:#000;cursor:pointer;border-radius:2px}.room-add-admin-list-wrapper{display:flex;flex-direction:column;z-index:3;gap:3px;overflow-y:auto}.add-room-member-list,.invite-room-member-list{display:flex;justify-content:space-between}.add-admin-member-infos,.invite-member-infos{display:flex;overflow:hidden;align-items:center;gap:5px;width:65%}.add-room-admin-image,.invite-room-member-image{width:25px;height:25px;border-radius:25px}.add-admin-member-name,.invite-room-member-name{font-size:14px;overflow:hidden;text-overflow:ellipsis}.add-admin-member-level,.invite-room-member-level{font-size:8px;font-weight:lighter}.add-room-admin-btn,.invite-room-member-btn{min-width:30%;font-size:10px;height:20px;border:none;background-color:#fff;color:#15072a;border-radius:5px;cursor:pointer}.room-invite-sent-icon{width:25px}.invitation-room-container{position:relative;display:flex;flex-direction:column;margin:0 5px;min-width:calc(100% / var(--items-per-screen) - 10px);max-width:calc(100% / var(--items-per-screen) - 10px);height:80px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:5px;padding:5px;justify-content:center;align-items:center;gap:5px}.invitation-room-details{display:flex;gap:5px;width:100%}.invitation-room-avatar{width:45px;height:45px;border-radius:7px;border:.5px solid #1f0935}.invitation-room-name{font-size:15px;font-weight:700}.invitation-room-member-count{font-size:10px;font-weight:100}.invitation-room-actions{display:flex;justify-content:center;align-items:center;gap:5px;width:100%}.room-invitation-cancel,.room-invitation-accept{border:none;font-size:14px;width:100%;font-weight:600;height:25px;border-radius:5px;cursor:pointer}.cancel-room-invitation{background-color:#fff;color:#15072a}.room-invitation-accept{background-color:#1f0935;color:#fff}svg.rooms-notifications-icon{width:30px;height:30px;cursor:pointer}svg.rooms-notifications-icon:hover{transform:scale(1.06)}.rooms-actions-buttons-container{width:100%;display:flex;justify-content:flex-end}.rooms-notifications-container{display:none}.rooms-notifications-container-active{position:absolute;width:390px;height:550px;top:400px;left:50%;transform:translate(-50%,-50%);z-index:999;background-color:#1b062a;border:#826aed solid 2px;border-radius:5px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.room-invitation-header{width:100%;height:45px;display:flex;justify-content:center;align-items:center}h3.room-invition-title{color:#826aed;width:100%}.room-invitation-list-wrapper{width:100%;height:100%;overflow-y:auto}.room-ivnitation-wrapper{cursor:pointer;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.room-ivnitation-wrapper:hover{background:linear-gradient(to right bottom,#442d6a,#4a258b80)}.room-invitations-infos{display:flex;gap:5px;width:55%}.room-invitation-details{width:100%;overflow:hidden}.room-invitation-room-icon{width:35px;height:35px;border-radius:7px;outline:2px solid #27104a}.room-invitation-name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.room-invitation-members{font-size:12px;letter-spacing:-1px;margin-top:-2px;color:#ccc;opacity:.8}.room-invitation-button-actions{display:flex;align-items:center;min-width:40%;gap:4px}button.room-invitation-accept-button{height:25px;border:none;color:#fff;border-radius:5px;cursor:pointer;outline:.25px solid white;background-color:#1f0935;width:100%;padding:0 5px}button.room-invitation-accept-button:hover{background-color:#826aed;transition:ease-in .3s;outline:none;transform:scale(1.05)}svg.room-invitation-cancel-icon{height:30px;width:30px}svg.room-invitation-cancel-icon:hover{fill:#1f0935;transform:scale(1.05)}.room-ivnitation-wrapper-empty{text-align:center;justify-content:center;display:flex;opacity:.5;font-size:12px}.create-room-side-buttons-wrapper{display:flex;align-items:center;gap:15px}.room-notifications-icon-conatiner{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.room-notifications-counter{position:absolute;top:-5px;left:-5px;background-color:#826aed;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px}@media screen and (min-width: 1440px){.rooms-wrapper{width:1360px;margin:45px auto 0}}@media screen and (max-width: 1024px){.rooms-slider,.suggested-rooms-slider,.invitations-rooms-slider{--items-per-screen: 3}.my-rooms-row,.suggested-room-row,.invitations-room-row{width:clac(100% - 80px)}.hande{width:35px}}@media screen and (max-width: 768px){h3.room-invition-title{font-size:1rem}.rooms-wrapper{gap:15px;width:100%}.my-rooms-row,.suggested-room-row,.invitations-room-row{width:100%}.slider-container{overflow-x:auto}.rooms-slider{--items-per-screen: 2;overflow-x:auto}.empty-rooms-slider{font-size:14px;text-align:center}.suggested-rooms-slider{--items-per-screen: 2;overflow-x:auto}.invitations-rooms-slider{--items-per-screen: 2}.rooms-header-wrapper{width:100%}.rooms-header{width:100%;font-size:16px}.hande{display:none}}@media screen and (max-width: 425px){h3.room-invition-title{font-size:1rem}.rooms-slider,.suggested-rooms-slider,.invitations-rooms-slider{--items-per-screen: 1}.rooms-header{font-size:14px}.create-room-button{display:none}svg.create-room-button-icon{display:block;width:23px;height:23px;border-radius:5px;outline:1px solid white}.create-room-container{width:98%;padding:15px 5px}.rooms-notifications-container-active{width:96%}}@media screen and (max-width: 375px){h3.room-invition-title{font-size:1rem}.create-room-header{font-size:22px}.create-room-title{font-size:16px}.create-room,.cancel-create-room,.join-room-submit{width:100%}.room-visibility-btns{flex-direction:column;gap:5px}.create-room-option{width:45%}.public-room,.private-room,.protected-room,.selected-room{width:100%}.create-room-form{gap:5px}.create-room-form input{text-indent:5px}.create-room-form input::placeholder{font-size:12px}.create-room-btns{flex-direction:column}.my-room-name-and-topic,.room-actions{padding:0 5px}svg.create-room-close-icon{width:25px!important;height:25px!important}.create-room-actions{width:100%;gap:5px;flex-direction:column}.create-room-cancel-button,.create-room-next-button,.create-room-create-button,.create-room-next-button-active{width:100%}.create-room-icon-wrapper,.create-room-icon-placeholder{width:60px;height:60px}.create-room-actions-next{flex-direction:column;gap:5px}.room-ivnitation-wrapper{padding:5px}.room-invitation-room-icon{width:30px;height:30px}.room-invitation-name{font-size:14px}.room-invitation-members{font-size:10px}svg.room-invitation-cancel-icon{height:25px;width:25px}button.room-invitation-accept-button{height:20px;font-size:12px}}.dashpage{display:flex;height:100%;width:100%;flex-direction:column;overflow-y:scroll;gap:20px;padding-top:02px}.dash--space{gap:15px;padding:0 15px}.dash--win-color{color:#f4effa;font-weight:550}.dash--lost-color{color:#826aed;font-weight:550}.dash-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.match-result-ctr{display:flex;justify-content:center;align-items:center;position:absolute;height:90vh;width:100%}.match-result{display:flex;align-items:center;flex-direction:column;width:70%;border:#826aed solid 2px;border-radius:5px;background-color:#1b062a;color:#fff;position:relative;z-index:4}.match-result-ctr .tourn-result{width:90%;top:50px;max-width:1110px}.match-result h1{display:flex;align-items:center;justify-content:center;font-size:22px;letter-spacing:1px;width:100%;border-bottom:2px #826aed solid;height:55px}.match-result .match-result__close{display:flex;justify-content:center;align-items:center;position:absolute;color:#826aed;top:10px;right:6px;height:32px;width:32px;cursor:pointer}.match-result .match-result__close:hover{color:#9e88fd}.match-result .result__field-sgl{display:flex;align-items:center;justify-content:space-between;width:100%;height:55px}.match-result-ctr .match-result .result__field-sgl p:nth-child(2n){font-weight:500;font-size:16px}.match-result-ctr .match-result .result__field-sgl p{font-weight:410;font-size:15px;width:65px;text-align:center}.match-result .result__field-sgl:nth-child(odd){background-color:#220637}.match-result .result__field-sgl .field__date{display:flex;flex-direction:column;justify-content:center;align-items:center}.match-result .result__field-sgl .field__date p{width:100px;font-weight:500;font-size:16px}.match-result .result__field-sgl .field__img-name{display:flex;align-items:center;justify-content:center;width:65px}.match-result .result__field-sgl img{height:40px;width:40px;border-radius:30%;cursor:pointer}.match-result .result__field-mtp{display:flex;align-items:center;justify-content:space-between;width:100%;height:55px;padding:0 20px}.match-result .result__field-mtp:nth-child(odd){background-color:#220637}.match-result .result__field-mtp .field__date{display:flex;flex-direction:column;justify-content:center;align-items:center}.match-result .result__field-mtp .field__date p{width:100px;font-weight:500;font-size:16px;text-align:center}.match-result .result__field-mtp .field-option{font-weight:500;font-size:16px}.match-result .result__field-mtp .field__img{display:flex;align-items:center;justify-content:space-between;width:90px}.match-result .result__field-mtp .field__img img{height:36px;width:36px;border-radius:30%;cursor:pointer}.match-result .result__field-mtp .field__prg{display:flex;align-items:center;justify-content:space-between;width:90px}.match-result .result__field-mtp .field__prg p{font-weight:410;font-size:15px}.match-result .result__field-mtp .prg-score p{text-align:center;width:100%}.tournament__svg{display:flex;align-items:center}.dashpage .dashpage__head{display:flex;height:100px}.dashpage .dashpage__head .head__game-stats{display:flex;width:100%;height:100%;align-items:center;flex-direction:column;padding:5px}.dashpage .dashpage__head .head__game-stats .game{color:#fff;font-size:15px;font-weight:550}.head__game-stats .head__games-value-pic{display:flex;align-items:center;gap:5px;color:#fff}.head__game-stats .head__games-value-pic img{height:17px;width:17px}.head__game-stats .head__game-stats__percentage{display:flex;justify-content:space-between;margin:-15px 5px 0;width:80%}.head__game-stats__percentage .pic-percentage{display:flex;align-items:center;gap:5px}.head__game-stats__percentage .pic-percentage svg{height:18px;width:18px}.head__game-stats .head__game-stats__line{margin-top:2px;width:80%;display:flex;height:15px;border-radius:6px;animation:moving 4s ease-in-out}@keyframes moving{0%{width:0}to{width:80%}}.head__game-stats .head__game-stats__line .left-side{border-top-left-radius:5px;border-bottom-left-radius:5px;background-color:#f4effa}.head__game-stats .head__game-stats__line .right-side{border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:#826aed}.head__game-stats .head__game-stats__statistics{display:flex;justify-content:space-between;width:80%}.dashpage .dashpage__body{display:flex;width:100%;height:540px}.dashpage .dashpage__body .dashpage__body__statistics{width:67%;padding:10px}.dashpage__body__statistics .statistics-head-button{display:flex;height:50px;justify-content:space-between;align-items:center}.dashpage .dashpage__body .dashpage__body__statistics h1{color:#fff;font-weight:600;letter-spacing:1px;margin-left:7px}.dashpage .dashpage__body .dashpage__body__statistics .chart-icon{color:#826aed;height:30px;width:30px;background:#f4effa;border-radius:40%;margin:30px 4px 0 0}.dashpage .dashpage__body .dashpage__body__statistics .chart-icon:hover{background:#826aed;color:#f4effa;cursor:pointer;transition:ease-in .2s}.dashpage .dashpage__body .dashpage__body__statistics .line-graph{margin:20px 0 0;height:450px;width:100%}.rank-classment{width:32.8%;display:flex}.dashpage .dashpage__body .dashpage__body__rank{width:100%}.dashpage .dashpage__body .dashpage__body__rank h1{color:#fff;font-size:25px;letter-spacing:1px;font-weight:600;padding:10px;border-bottom:#250939 solid 3px;text-align:center}.dashpage__body__rank .dashpage__body__rank__title{display:flex;color:#fff;border-bottom:#250939 solid 3px}.dashpage__body__rank .dashpage__body__rank__title .title{padding:8px;width:100%;text-align:center;background:#826aed99;border-right:black solid .5px}.dashpage__body__rank .dashpage__body__rank__title .select{background:#f4effa;color:#5f4582}.dashpage__body__rank .dashpage__body__rank__title .title:hover{background:#f4effa;color:#5f4582;transition:ease-in .2s;cursor:pointer}.dashpage__body__rank .dashpage__body__rank__classment{display:flex;flex-direction:column;height:438px;overflow-y:scroll}.dashpage__body__rank .dashpage__body__rank__classment p:hover,.dashpage__body__rank .dashpage__body__rank__classment:hover{cursor:pointer}.dashpage__body__rank__classment .player__classment{display:flex;color:#fff;height:44.2px;align-items:center;border-bottom:#250939 solid 3px;text-decoration:none}.dashpage__body__rank__classment .player__classment:hover{background-color:#826aed99;transition:ease-in .2s}.dashpage__body__rank__classment .player__classment .player__pos_pic{display:flex;width:110px;align-items:center;justify-content:space-between;margin-left:5px}.player__pos_pic .winners{padding:5px;font-weight:500;color:#000;border-radius:3px}.winner--1{background-color:gold}.winner--2{background-color:silver}.winner--3{background-color:#cd7f32}.dashpage__body__rank__classment .player__classment .player__pos_pic img{border-radius:50%;width:35px;height:35px;margin-left:5px}.dashpage__body__rank__classment .player__classment .player__name_level{display:flex;padding:10px;width:100%;justify-content:space-between;word-break:break-all}.player__name_level--champions{font-weight:550;font-size:17px}.dashpage .dashpage__footer{width:100%;height:300px;display:flex;margin-bottom:100px}.footer__single-match,.footer__multiplayer-match,.footer__tournament-match{width:33%;height:300px;display:flex;flex-direction:column;align-items:center;padding:10px;gap:10px;position:relative}.footer__tournament-match2 .footer__titles{margin-top:15px;font-size:23px;margin-bottom:15px}.footer__titles{color:#fff;font-size:23px;margin-bottom:8px}.no-result{display:flex;justify-content:center;align-items:center;flex-direction:column;height:80%;width:85%;margin:0 5px;background:#ffffff40;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 30px #250939;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.no-result h3{color:#fff;width:80%;font-size:19px;font-weight:450;margin-bottom:15px;text-align:center}.no-result .start-game{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;background:#250939;border:white 1px solid;border-radius:5px;padding:5px 10px;font-size:19px;font-weight:450;gap:5px;cursor:pointer}.no-result .start-game p{cursor:pointer}.no-result .start-game:hover{color:#250939;background:#fff;transition:ease-in .4s}.footer__result{display:flex;height:60px;width:100%;align-items:center;justify-content:space-between;padding:10px;color:#fff;background:#fff3;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 30px #250939;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.footer__result:hover{transition:ease-in .2s;box-shadow:0 2px 30px #5f4582;cursor:pointer}.footer__result:hover p{cursor:pointer}.footer__single-match .single-match__result img{width:45px;height:45px;border-radius:50%}.footer__multiplayer-match .multiplayer-match__result .multiplayer-pics{display:flex;gap:3px}.multiplayer-match__result .multiplayer-pics img:nth-child(1){margin-bottom:15px}.multiplayer-match__result .multiplayer-pics img:nth-child(2){margin-top:15px}.multiplayer-match__result .multiplayer-pics img{width:40px;height:40px;border-radius:50%}.footer__tournament-match .tournament-match__result p{width:100%;text-align:center;font-weight:450}.footer__tournament-match .tournament-match__result img{width:45px;height:45px;border-radius:50%}.expand{position:absolute;bottom:2px}.expand svg{height:24px;width:24px;color:#fff;margin-top:-2px;cursor:pointer}.expand svg:hover{color:#826aed99}@media (min-width: 1000px){.match-result{width:700px}}@media (min-width: 1440px){.dashpage{width:1400px;margin:0 auto}}@media (max-width: 950px){.dashpage__body__rank__classment .player__classment .player__pos_pic{width:90px}.player__pos_pic .winners{padding:2px;font-weight:400}.dashpage__body__rank__classment .player__classment .player__pos_pic img{width:32px}.dashpage__body__rank__classment .player__classment .player__name_level{padding:13px;font-size:11.5px}.player__name_level--champions{font-weight:450;font-size:12px}.footer__titles{font-size:19px;font-weight:500;margin-bottom:10px}.footer__result p{font-size:13px}.no-result h3,.no-result .start-game{font-size:15px}.footer__tournament-match .tournament-match__result img,.footer__single-match .single-match__result img{width:40px;height:40px}.footer__multiplayer-match .multiplayer-match__result .multiplayer-pics{gap:0px}.multiplayer-match__result .multiplayer-pics img{height:24px;width:24px}}@media (min-width: 768px){.footer__tournament-match2{display:none}}@media (max-width:768px){.footer__tournament-match{display:none}.dashpage{gap:15px;padding-top:20px}.dashpage .dashpage__head{height:90px;flex-shrink:0}.dashpage .dashpage__body{height:820px;flex-direction:column}.match-result h1{font-size:20px}.match-result-ctr .match-result .result__field-sgl p{font-size:13px}.match-result .result__field-sgl .field__date p,.match-result-ctr .match-result .result__field-sgl p:nth-child(2n){font-size:15px}.match-result .result__field-mtp{padding:0 10px}.match-result .result__field-mtp .field__date p{width:85px;font-size:14px}.match-result .result__field-mtp .field-option{font-size:14px}.match-result .result__field-mtp .field__img{width:70px}.match-result .result__field-mtp .field__img img{height:28px;width:28px}.match-result .result__field-mtp .field__prg{width:70px}.match-result .result__field-mtp .field__prg p{font-size:12px}.dashpage .dashpage__body .dashpage__body__statistics{width:100%;padding:10px}.dashpage .dashpage__body .dashpage__body__statistics h1{font-size:25px;font-weight:500}.dashpage .dashpage__body .dashpage__body__statistics .line-graph{height:200px}.rank-classment{width:100%;gap:15px}.dashpage .dashpage__body .dashpage__body__rank{width:60%}.dashpage .dashpage__body .dashpage__body__rank h1{font-weight:500;padding:5px;border-bottom:#250939 solid 5px}.footer__tournament-match2{width:40%;display:flex;flex-direction:column;align-items:center;padding:0 10px;gap:10px}.footer__tournament-match2 p{text-align:center;width:100%;font-weight:450}.footer__tournament-match2 .tournament-match__result img{width:45px;height:45px;border-radius:50%}.dashpage__footer{margin-top:10px}.footer__single-match,.footer__multiplayer-match{width:50%}}@media (max-width: 600px){.dashpage .dashpage__head .head__game-stats{padding:5px 0 0}.dashpage .dashpage__head .head__game-stats p,.dashpage .dashpage__head .head__game-stats .game{font-size:12px;font-weight:550}.head__game-stats .head__games-value-pic{margin:5px}.head__game-stats .head__games-value-pic img{height:12px;width:12px}.head__game-stats__percentage .pic-percentage svg{height:12px;width:12px}.head__game-stats .head__game-stats__line{margin:2px 0;height:12px}.dashpage .dashpage__body{height:1400px}.dashpage .dashpage__body .dashpage__body__rank h1,.dashpage .dashpage__body .dashpage__body__statistics h1{font-size:20px}.rank-classment{flex-direction:column}.dashpage .dashpage__body .dashpage__body__rank,.footer__tournament-match2,.footer__single-match,.footer__multiplayer-match{width:100%}.footer__tournament-match2{padding-bottom:30px}.footer__tournament-match2 .no-result{padding:50px 0}.footer__single-match,.footer__multiplayer-match,.footer__tournament-match{padding:10px 2px}.footer__result{padding:5px}.dashpage .dashpage__footer{flex-direction:column;height:700px;margin-top:0}.dashpage .dashpage__body .dashpage__body__statistics .chart-icon{height:22px;width:22px;margin:10px 4px 0 0}.match-result{width:80%;min-width:140px}.match-result h1{font-size:15px}.match-result-ctr .match-result .result__field-sgl p{font-size:10px;width:60px}.match-result .result__field-sgl .field__date p,.match-result-ctr .match-result .result__field-sgl p:nth-child(2n){font-size:10px}.match-result .result__field-sgl .field__img-name{width:50px}.match-result .result__field-sgl img{height:25px;width:25px}.match-result .match-result__close{top:2px;right:2px;height:20px;width:20px}.match-result .result__field-mtp{padding:0 5px}.match-result .result__field-mtp .field__date p{width:75px;font-size:12px}.match-result .result__field-mtp .field-option{font-size:12px}.match-result .result__field-mtp .field__img{width:auto;justify-content:center;gap:5px}.match-result .result__field-mtp .field__img img{height:21px;width:21px}.match-result .result__field-mtp .field__prg{justify-content:center;gap:5px;width:auto}.match-result .result__field-mtp .prg-score p{width:40px}.match-result .result__field-mtp .field__prg p{font-size:10px}}@media (max-width: 300px){.match-result .result__field-mtp .field__img img{height:15px;width:15px}}.custom-tooltip{background-color:#250939;color:#fff;padding:15px;border-radius:4px;font-size:14px}.custom-tooltip h4{width:100%;color:#c9c9c9}.custom-tooltip .label{font-weight:700;margin-bottom:5px}.custom-tooltip .wins-label{margin-bottom:2px;color:#f4effa}.custom-tooltip .lost-label{color:#826aed}.profile-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:50px 50px 0;gap:30px;overflow-y:scroll}img,.no-select{-webkit-user-select:none;user-select:none}.filter-glass{background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 30px #250939;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}h1,h3,p{cursor:default}.profile-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.profile-userinfo{display:flex;height:250px;width:100%;align-items:center;gap:20px;padding:0 30px;flex-shrink:0;position:relative;z-index:1;background-position:center;background-size:cover;box-shadow:0 0 20px #ccc;box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:5px;border:1px solid rgba(255,255,255,.18)}.profile-userinfo .info-position{position:absolute;top:10px;right:10px}.userinfo__pic{display:flex;align-items:center;justify-content:center;height:200px;position:relative}.userinfo__pic img{height:160px;width:160px;border-radius:50%;border:#826aed solid 2px}.userinfo__pic .is-online{display:flex;align-items:center;justify-items:center;justify-content:center;height:24px;width:24px;position:absolute;bottom:26px;right:13px;clip-path:circle();font-size:15px}.userinfo__pic .online{color:#8edf34;background-color:#8edf34}.userinfo__pic .offline{color:gray;background-color:gray}.userinfo__pic .is-online:hover{color:#000;font-weight:420;transition:ease-out .3s;clip-path:none;border-radius:10px;width:55px;padding:0 5px}.userinfo__name-bio{display:flex;flex-direction:column;color:#fff;gap:18px}.userinfo__name-bio .userinfo__name-avatar{display:flex;gap:20px;align-items:center}.userinfo__country{display:flex;align-items:center;position:relative}.userinfo__country img{height:25px;width:50px}.country-desc{position:absolute;top:100%;opacity:0;padding:5px;color:#fff;font-size:13px;font-weight:450;transition:opacity .7s ease}.userinfo__country:hover .country-desc{opacity:1}.userinfo__bio{width:fit-content;font-size:18px;font-weight:500;padding:0 10px;background-color:#0000004d;border-radius:8px}.profile-userinfo .userinfo__edit{height:28px;width:28px;padding:4px;background:#fff;color:#826aed;border-radius:50%;position:absolute}.profile-userinfo .userinfo__edit:hover{background:#826aed;color:#fff}.profile-userinfo .userinfo__loading,.profile-userinfo .userinfo__isfriends{display:flex;width:115px;height:30px;align-items:center;justify-content:center;background:#826aed;border-radius:10px;color:#fff;border:white 1px solid;position:absolute;z-index:2}.userinfo__isfriends .isfriends__icon-desc{display:flex;width:80%;align-items:center;justify-content:center;border-top-left-radius:10px;border-bottom-left-radius:10px;cursor:not-allowed}.profile-userinfo .isfriends__icon-desc p{font-size:14px;font-weight:450;cursor:inherit}.profile-userinfo .isfriends__icon-desc svg{height:16px}.userinfo__isfriends .adjust-addfriend svg{height:15px}.userinfo__isfriends .accept-friend,.userinfo__isfriends .adjust-addfriend{height:100%;cursor:pointer}.userinfo__isfriends .adjust-addfriend,.userinfo__isfriends .adjust-addfriend p{justify-content:flex-start;font-size:12.5px}.userinfo__isfriends .accept-friend:hover,.userinfo__isfriends .adjust-addfriend:hover,.profile-userinfo .userinfo__loading{background:#250939}.userinfo__isfriends .isfriends__menu{display:flex;align-items:flex-end;justify-content:center;width:20%;height:100%;border-left:white solid 1px;cursor:pointer}.userinfo__isfriends .isfriends__menu svg{height:100%;width:100%;border-top-right-radius:10px;border-bottom-right-radius:10px}.profile-userinfo .isfriends__menu:hover svg{background:#250939}.profile-userinfo .isfriends__menu:active svg{color:#826aed}.profile-userinfo .userinfo__friend-param{display:flex;flex-direction:column;position:absolute;top:40px;right:10px;z-index:2;border:#826aed solid 1px;background-color:#000c;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none}.userinfo__friend-param .parameter{display:flex;padding:0 8px;gap:10px;align-items:center;color:#fff;font-size:12px;font-weight:410;width:100%;height:29px;text-decoration:none}.userinfo__friend-param .parameter p{cursor:pointer}.userinfo__friend-param .parameter svg{height:20px}.userinfo__friend-param .parameter:hover{background-color:#826aed}.profile-userinfo .userinfo__report{display:flex;position:absolute;bottom:10px;right:10px;border:#826aed 1px solid;width:30px;height:30px;justify-content:center;align-items:center;border-radius:50px;background-color:#250939;cursor:pointer}.profile-userinfo .userinfo__report svg{color:#826aed;height:25px;width:25px}.profile-userinfo .userinfo__report:hover{background-color:#826aed}.profile-userinfo .userinfo__report:hover svg{color:#250939}.profile__report{display:flex;width:100%;height:90vh;position:absolute;justify-content:center;align-items:center}.report__content{display:flex;width:350px;position:fixed;flex-direction:column;gap:10px;border:#826aed solid 2px;border-radius:5px;background-color:#1b062a;z-index:3}.report__content .report-close{display:flex;justify-content:center;align-items:center;position:absolute;color:#826aed;top:8px;right:5px;height:32px;width:32px}.report__content .report-close:hover{color:#9e88fd}.report__content .report__title{display:flex;align-items:center;justify-content:center;height:50px;color:#fff;font-size:20px;letter-spacing:1px}.report__content .report__options{display:flex;flex-direction:column;gap:15px;color:#fff;padding:0 20px}.report__options .report__slt{display:flex;flex-direction:column}.report__options .report__slt h1{font-size:15px;font-weight:600;color:#dcdcdc}.report__options .report__slt .slt__options{display:flex;flex-direction:column}.report__options .report__slt .slt__options .option{display:flex;align-items:center;margin-top:0;height:20px;width:200px;border:none;gap:3px}.slt__options .option p{margin-top:-1.5px;font-size:14.5px;cursor:pointer;color:#ccc}.report__input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:2px solid #ccc;border-radius:50%}.report__input:hover{border-color:#fff}.report__input:active{background-color:#826aed}.report__input:checked{background-color:#826aed;transition:ease-in .3s}.report__content .report__footer{display:flex;flex-direction:column;margin-bottom:10px;gap:20px;align-items:center;height:100px;border-top:.5px solid #826aed}.report__content .report__footer .block-user{display:flex;align-items:center;background-color:#1b062a;border:none;margin-top:15px;gap:5px;cursor:pointer}.report__content .report__footer .block-user .block-icon{border:#ccc solid 1px;border-radius:3px;height:15px;width:15px}.report__content .report__footer .block-user:hover .block-icon{border-color:#fff}.report__content .report__footer .block-user .valid-bg{background-color:#826aed;transition:background-color .2s;color:#fff}.report__content .report__footer .block-user p{cursor:inherit;color:#dcdcdc;font-size:15px}.report__footer .report-submit{display:flex;gap:15px}.report__footer .report-submit .submit-button{color:#fff;border:none;border-radius:5px;padding:10px 40px;border:white .5px solid;cursor:pointer;font-size:15px}.report__footer .report-submit .submit__cancel{background-color:#2f084b}.report__footer .report-submit .submit__cancel:hover{border:none;background-color:#52127f;transition:ease-in .2s}.report__footer .report-submit .submit__report{background-color:#826aed}.report__footer .report-submit .submit__report:hover{border:none;background-color:#927eea;transition:ease-in .2s}.report__footer .report-submit .need-report{background-color:#3d3076;cursor:not-allowed}.profile__block{display:flex;width:100%;height:90vh;position:absolute;justify-content:center;align-items:center}.profile__block .block-content{display:flex;width:400px;position:fixed;flex-direction:column;gap:10px;border:#826aed solid 2px;border-radius:5px;background-color:#1b062a;z-index:3}.profile__block .block-content .block-content__title{padding:10px 25px;color:#fff;font-size:25px;letter-spacing:1.5px;border-bottom:#826aed .5px solid}.profile__block .block-content .block-content__title2{padding:10px 25px;color:#fff;font-size:20px;font-weight:550}.profile__block .block-content .block-content__desc{padding:10px 25px;color:#fff}.profile__block .block-content .block__submit{display:flex;justify-content:center;width:100%;gap:10px;margin-bottom:15px}.block-content .block__submit .block-cancel,.block-content .block__submit .block-confirm{display:flex;justify-content:center;align-items:center;width:100px;height:50px;font-weight:550;color:#fff;border:white .5px solid;border-radius:5px;cursor:pointer;font-size:15px;background-color:#826aed;text-decoration:none}.block-content .block__submit .block-confirm:hover{border:none;background-color:#927eea;transition:ease-in .2s}.block-content .block__submit .block-cancel{background-color:#2f084b}.block-content .block__submit .block-cancel:hover{border:none;background-color:#52127f;transition:ease-in .3s}.profile-userlevel{display:flex;flex-direction:column;width:100%;height:45px;border:white 1px solid;border-radius:10px;flex-shrink:0}.profile-userlevel .userlevel__per{height:100%;background:#826aed;border-radius:10px;transition:width 1s ease-in-out}.profile-userlevel p{text-align:center;color:#fff;font-weight:500;margin-top:-33px}.profile-userstats{display:flex;width:100%;flex-direction:column;gap:25px;margin-bottom:150px}.profile-userstats .userstate-header{display:flex;align-items:center;justify-content:center;padding:5px 0;border-bottom:5px solid rgba(255,255,255,.18);width:100%}.profile-userstats .userstate_statistics{display:flex;flex-direction:column;width:100%;height:400px;align-items:center;position:relative}.userstate_statistics .statics__chart-icon{position:absolute;top:11px;right:14px;color:#826aed;height:28px;width:28px;background:#f4effa;border-radius:40%}.userstate_statistics .statics__chart-icon:hover{background:#826aed;color:#f4effa;cursor:pointer;transition:ease-in .2s}.userstate_statistics .statistics__container{width:100%;height:100%;padding:10px 5px}.profile-userstats .userstate__friends-diagrame{display:flex;width:100%;height:381px;gap:25px}.profile-userstats .userstate__friends-diagrame .userstate__friends,.profile-userstats .userstate__friends-diagrame .userstate__diagrame{display:flex;flex-direction:column;align-items:center;width:50%;height:100%}.profile-userstats .userstate-header h1{color:#fff;text-align:center;letter-spacing:1px;font-size:30px}.userstate__friends .userfriends__classment{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:scroll;border-radius:0;cursor:pointer}.userstate__friends .userfriends__classment p{cursor:inherit}.userfriends__classment .classment__friend{display:flex;justify-content:space-between;border-bottom:3px solid rgba(255,255,255,.18);height:47px;align-items:center;padding:0 5px;flex-shrink:0}.userfriends__classment .classment__friend:hover{background-color:#250939;background-color:#826aed;transition:ease-in .2s}.userfriends__classment .classment__friend:hover .chat__button{background-color:#250939;transition:ease-in-out .3s}.classment__friend .friend__pic-name{display:flex;align-items:center;gap:5px;height:100%;width:100%;text-decoration:none}.classment__friend .friend__pic-name img{height:35px;width:35px;border-radius:50%}.classment__friend .friend__pic-name p{color:#fff;font-weight:450;letter-spacing:.8px}.chat__button{display:flex;background-color:#826aed;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;text-decoration:none}.chat__button:hover{padding:6px 8px;transition:ease-in .3s}.chat__button img{height:20px}.chat__button p{color:#fff}.expand-profile{display:flex;align-items:center}.expand-profile svg{height:28px;width:28px}.expand-more-profile{color:#fff}.expand-less-profile{color:#250939}.expand-more-profile:hover,.expand-less-profile:hover{color:#775c9e;cursor:pointer}.userstate__diagrame .diagrame__container{height:100%;width:100%;display:flex;align-items:center;padding-top:15px}.profile-userstats .userstate_matches{display:flex;flex-direction:column;width:100%;height:430px;align-items:center;position:relative}.userstate_matches .match__states{display:flex;height:55px;width:100%;align-items:center}.userstate_matches .head--height{height:60px}.match__states .match__head,.match__states .match__dtl{display:flex;align-items:center;justify-content:center;color:#fff;border:5px solid rgba(255,255,255,.18);border-right:2px solid rgba(255,255,255,.18);border-left:2px solid rgba(255,255,255,.18);height:100%;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.match__states .match__dtl{font-size:12.5px;font-weight:420}.match__states .match--players{gap:20px}.match__states .match--players img{height:30px;width:30px;border-radius:5px;cursor:pointer}.match__states .match--date{flex-direction:column}@media (min-width: 1440px){.profile-page{width:1400px;margin:0 auto}}@media (max-width: 768px){.userinfo__pic img{height:140px;width:140px}.userinfo__name-bio .userinfo__bio{font-size:13px}.userinfo__name-avatar .userinfo__name{font-size:28px}.userinfo__pic .is-online{height:20px;width:20px;bottom:33px;right:15px}.userinfo__country img{height:20px;width:40px}.profile-userstats .userstate-header{padding:8px 0}.profile-userstats .userstate-header h1{font-size:23px}.userstate_statistics .statics__chart-icon{height:25px;width:25px}}@media (max-width: 650px){.profile-userinfo .userinfo__loading,.profile-userinfo .userinfo__isfriends{width:65px}.userinfo__isfriends .isfriends__menu{width:40%}.userinfo__isfriends .isfriends__icon-desc{width:60%}.userinfo__isfriends .isfriends__menu svg{width:100%}.profile-userinfo .isfriends__icon-desc p{display:none}.userinfo__isfriends .adjust-addfriend{justify-content:center}.chat__button{padding:4px 8px}.report__content{display:flex;width:250px}.report__content .report__title{font-size:15px;letter-spacing:.5px;height:40px}.report__content .report-close{top:6px;right:8px;height:28px;width:28px}.report__content .report__options{gap:10px}.report__options .report__slt h1{font-size:12px;font-weight:600}.report__options .report__slt .slt__options .option{margin-top:0;height:20px;width:155px}.slt__options .option p{font-size:11px}.report__content .report__footer{margin-bottom:0;gap:15px;height:100px;border-top:.5px solid #826aed}.report__content .report__footer .block-user .block-icon{height:13px;width:13px}.report__content .report__footer .block-user p{font-size:12.5px}.report__footer .report-submit .submit-button{padding:9px 22px;font-size:11px}.profile__block .block-content{display:flex;width:250px}.profile__block .block-content .block-content__title{padding:8px 25px;font-size:20px;letter-spacing:1.5px}.profile__block .block-content .block-content__title2{padding:5px 25px;font-size:17px}.profile__block .block-content .block-content__desc{margin-top:-5px;padding:8px 25px;font-size:12px}.block-content .block__submit .block-cancel,.block-content .block__submit .block-confirm{width:65px;height:35px;font-size:12px}.profile-userstats .userstate__friends-diagrame{display:flex;flex-direction:column;width:100%;height:auto;gap:25px}.profile-userstats .userstate__friends-diagrame .userstate__friends,.profile-userstats .userstate__friends-diagrame .userstate__diagrame{width:100%;height:405px}.profile-userstats .userstate-header h1{font-size:20px}.userstate_statistics .statics__chart-icon{top:9.5px}.userstate_statistics .statics__chart-icon{height:23px;width:23px}.classment__friend .friend__pic-name img{height:32px}.classment__friend .friend__pic-name p{letter-spacing:.5px;font-size:14px}.match__states .match__head{font-size:12px}.match__states .match__dtl{font-size:10px}.match__states .match--players{gap:0;justify-content:space-around}.match__states .match--players img{height:25px;width:25px}.match__states .match--date{font-size:8.5px}.userinfo__name-bio{gap:10px}}@media (max-width: 550px){.profile-page{padding:50px 15px 0}.profile-userinfo{padding:0 10px;height:300px;flex-direction:column;gap:0px}.userinfo__pic{height:170px;width:170px}.userinfo__pic img{height:125px;width:125px}.userinfo__pic .is-online{height:18px;width:18px;right:30px}.userinfo__name-bio .userinfo__name-avatar{justify-content:center;margin-top:-5px}.userinfo__name-bio{gap:10px}}@media (max-width: 400px){.userinfo__pic img{height:110px;width:110px}.userinfo__pic .is-online{height:15px;width:15px;right:38px;bottom:38px;font-size:14px}.userinfo__name-bio .userinfo__name-avatar{gap:10px}.userinfo__name-avatar .userinfo__name{font-size:20px}.userinfo__country img{height:15px;width:30px}.chat__button p{display:none}.match__states .match__head,.match__states .match__dtl{font-size:7px}.match__states .match--players img{height:12px;width:12px}.match__states .match--date{font-size:4.5px}}:root{--toastify-toast-min-height: 120px;--toastify-toast-max-height: 125px;--toastify-toast-width: 325px;--toastify-color-light: #913DCE;--toastify-color-progress-bgo: 0}.Toastify__toast-container{min-width:325px;width:325px;height:125px}.Toastify__progress-bar{--toastify-color-progress-light: white}.Toastify__progress-bar--bg .Toastify__progress-bar-theme--light .Toastify__progress-bar--default{background-color:red;color:red}.Toastify__toast,.Toastify__toast-body,.Toastify__toast-container{padding:0}.Toastify__close-button{margin:3px;color:#fff;opacity:100}@media (max-width: 425px){.Toastify__toast-container{width:100%;min-width:100%;height:200px}.Toastify__toast-body{overflow:auto;width:100%}.Toastify__toast{width:80%;overflow:auto;max-height:max-content;min-height:auto;height:auto;padding-bottom:10px;border-radius:10px;margin:0 auto}.Toastify__toast-body>div:last-child{width:100%;min-width:100%;overflow:auto}.NotificationPopupCard{width:100%;min-width:100%;max-width:100%;align-items:center}.NotificationPopupHeader{flex-direction:column}}@media (max-width: 240px){.Toastify__toast-body>div:last-child{width:80%;min-width:80%}}.embla{overflow:hidden;height:170px;min-height:170px}.emblaUndisplayble{display:none}.embla__container{display:flex;gap:3%}.embla__container_centered{justify-content:center}.embla{width:100%;align-self:center;min-width:145px}.embla__slide{flex:0 0 19.2%}.embla__buttons{display:flex;justify-content:space-between;width:97%;position:relative;margin:0 auto;top:-109px;z-index:101}.disableEmblaBtns{display:none}.FriendPage{display:flex;flex-direction:column;gap:40px;margin:0 auto;width:70%;overflow-y:auto}.FriendPage::-webkit-scrollbar{display:none}@media (max-width: 1440px){.FriendPage{width:85%}}@media (max-width: 768px){.embla__buttons{display:flex;justify-content:space-between;width:97%;position:relative;margin:0 auto;top:-109px;z-index:101}.FriendPage{width:80%}.disableEmblaBtns{display:none}}.embla__buttons button{background-color:#d9d9d9;border:none;width:45px;height:45px;cursor:pointer;border-radius:100%}.FriendsPageHeader{color:#fff;font-weight:700;min-width:max-content;border-radius:15px;font-size:x-large}.SuggestionsHeader{margin-top:15px}.Suggestions{margin:0 auto;display:flex;flex-direction:column;justify-content:flex-start;gap:30px}.Carousel{display:flex;align-items:center;justify-content:space-between;margin:0 auto;overflow-x:auto;gap:30px}.SuggestionFriendCard{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;background-color:#3a1952;font-weight:500;border-radius:10px;width:20%;max-width:188px;min-width:145px;height:170px;padding:20px}.loading{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin-top:10px}.loadingBox{width:100%;height:2px}.loadingBox .loadingLine{border-radius:4px;width:0%;height:100%;background-color:#fff;animation:loading 1s forwards cubic-bezier(0,0,0,0)}@keyframes loading{0%{width:0%}to{width:100%}}.Profile{width:50px}.FriendBtn{background-color:#d9d9d9;border:none;border-radius:5px;padding:7px 12px;color:#4d4ea6;font-weight:600}.FriendBtn:hover{color:#d9d9d9;background-color:#4d4ea6;cursor:pointer}.Suggestions .FriendBtn:hover{filter:drop-shadow(#4D4EA6 0 0 5px)}.friendPageSections{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:max-content;height:max-content;margin-bottom:130px;border-radius:10px}.friendSection .FriendsPageHeader{background-color:#3a1952;text-align:center;position:sticky;top:0;width:100%;padding:15px 0;z-index:4;margin-bottom:7px}.spaceLeft{height:100%;background-color:#3a1952;width:100%}.friendSection{width:48%;height:400px;color:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:auto;position:relative}.friendSuggestionsEmpty{color:#fff;font-weight:600;font-size:20px;height:40px;margin:20px;align-self:center}.friendPageEmptyList{padding:20px;text-align:center;color:#dcdcdc;width:100%;height:100%;background-color:#3a1952;display:flex;justify-content:center;align-items:center}@media (max-width: 425px){.friendPageEmptyList{font-size:5vw}.optionBar{display:flex;align-self:center;flex-direction:column;justify-content:center;align-items:center;width:100%}.friendPageSections{display:none}.FriendPage{width:100%;gap:20px}}@media (max-width: 285px){.SentFriendReqCardSendAt{display:none}}@media (min-width: 426px){.optionBar{display:none}}@media (min-width: 426px) and (max-width: 768px){.optionBar{display:none}.FriendPage{width:85%}.friendSection{width:100%}}@media (max-width: 425px){.FriendManagement{font-size:3vw}.embla__buttons{display:none}.FriendsPageHeader{font-size:20px}}.optionBtns{background-color:#3a245c;padding:10px;display:flex;justify-content:space-between;width:100%;gap:5px;border-radius:5px}.optionBtns button{padding:7px;border:none;color:#fff;background-color:#250939;font-weight:600;border-radius:5px;width:25%;font-size:3vw}.optionBtns button:hover{box-shadow:0 0 5px #4d4ea6}.optionBtns button.selectedBtn{color:#1e1e1e;background-color:#fff}.FriendManagement{color:#fff;margin-top:10px;margin-bottom:100px;height:max-content;overflow:scroll;width:100%}.Friends,.FriendRequests,.SentRequests,.BlockedAccounts{display:flex;flex-direction:column;justify-content:flex-start;color:#fff;align-items:center;border-radius:10px;gap:8px;width:100%}.FriendCard,.ReceivedFriendReqCard,.SentFriendReqCard,.BlockedAccountCard{display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;min-height:60px;font-weight:600;padding:5px 10px;margin-bottom:4px;border:none;background-color:#3a1952}.FriendCard:hover,.ReceivedFriendReqCard:hover,.SentFriendReqCard:hover,.BlockedAccountCard:hover{background-color:#ead3d61a}.ProfileName{display:flex;align-items:center;color:#fff;gap:10px;width:100%}.ProfileName .lvl{font-size:small;font-weight:400;display:flex;justify-content:space-between;width:35%;min-width:47px}.ProfileName .lvl span{color:#fff}.avatar{width:40px;height:40px}.avatar .status{height:9px;width:9px;display:inline-block;border-radius:100%;position:absolute;margin-top:33px;margin-left:-12px}.status.online{background-color:#09ba09}.status.offline{background-color:gray}.Profile{border-radius:100%;border:1px solid #D9D9D9;width:40px;height:40px}.SentFriendReqCardUsername{font-weight:600;font-size:17px}.SentFriendReqCardSendAt{font-weight:400;font-size:14px;color:#d9d9d9}.SuggestionFriendCard .ProfileName{flex-direction:column;gap:0px}.ReceivedFriendReqCard .GroupFriendBtn{display:flex;align-items:center;gap:5px}.FriendBtn.detailsClosed{background-color:transparent;padding:5px}.FriendBtn.detailsClosed:hover,.FriendBtn.detailsOpened{background-color:#913dce;padding:5px}.optionsFriendCard{background-color:#00000047;display:flex;width:150px;flex-direction:column;gap:5px;position:relative;align-self:flex-start;padding:7px;border-radius:7px;margin-top:13px}.optionsWrapper{display:flex;align-items:center;height:60px;gap:4px;position:absolute;right:10px}.lastTwoElements{margin-top:-116px}.optionsFriendCard button{display:flex;justify-content:flex-start;align-items:center;gap:3px;cursor:pointer;border:none;background-color:transparent;color:#fff;border-radius:5px;padding:5px;font-weight:600}.optionsFriendCard button:hover{background-color:#fff;color:#913dce}.FriendBtn.Remove,.FriendBtn.Cancel,.FriendBtn.Unblock{background-color:transparent;box-shadow:0 0 0 1px #ead3d6 inset;color:#ead3d6;font-weight:500}.FriendBtn.Remove:hover,.FriendBtn.Cancel:hover,.FriendBtn.Unblock:hover{color:#250939;background-color:#ead3d6}.FriendBtn.Confirm{background-color:#913dce;color:#ead3d6;font-weight:500}.FriendBtn.Confirm:hover{color:#913dce;filter:drop-shadow(#913DCE 0 0 20px);background-color:#ead3d6}.FriendRequests .Carousel,.SentRequests .Carousel,.BlockedAccounts .Carousel{flex-direction:column;overflow:hidden;overflow-y:scroll;gap:8px;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:10px;padding:10px}::-webkit-scrollbar{color:#fff;height:2px;width:2px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px;color:#fff}@media (max-width: 291px){.optionsFriendCard{width:100px}.optionsFriendCard button{font-size:10px}}@media (max-width: 425px){.optionsWrapper{right:21px}}@media (max-width: 240px){.optionsWrapper{position:absolute;left:25%;margin:auto 0;top:100px}.FriendBtn.detailsOpened{display:none}.FriendBtn.detailsClosed{display:block}}._body_page_ury8e_11{display:flex;justify-content:center;width:100%;height:100vh;overflow:auto}._ways-second-step-navbar_ury8e_19{display:flex;width:100%;height:60px;margin-left:10%;margin-top:20px}._mainPage_ury8e_27{display:flex;width:80%;flex-direction:column;height:100vh}._navBar_ury8e_34{background-color:#250939;display:flex;justify-content:space-between}._homeLogo_ury8e_40,._logo_ury8e_41{background:transparent;border:none;cursor:pointer}._homeLogo_ury8e_40{margin-top:15px}._logo_ury8e_41{margin-top:3px}._bodyPage_ury8e_55{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center}._signUpContainer_ury8e_63{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;border-radius:10px}._signUpForm_ury8e_74{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}._signUpContainer_ury8e_63 ._firstInput_ury8e_82{width:85%;height:50px;padding-top:10px;margin-top:-5px;padding-bottom:10px;border:1.5px solid black;border-radius:10px;box-sizing:border-box;text-indent:10px}._unchangable-username-warning_ury8e_94{width:100%;max-width:450px;margin-bottom:5px;display:flex;align-items:center;gap:2px}._unchangable-username-warning_ury8e_94 p{color:#ccc6;font-size:13px}._inputs_ury8e_108{width:100%;max-width:450px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#fff3;border:none;text-indent:15px;color:#fff;font-size:medium}._inputs_ury8e_108:hover{background-color:#ffffff80}._inputs_ury8e_108:focus{outline:none;border-color:transparent;background-color:#ffffff80}._inputs_ury8e_108:active{border:none;outline:none}._submitButton_ury8e_137{width:100%;max-width:450px;height:60px;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#fff;background-color:#913dce}._submitButton_ury8e_137:active{background-color:#000}@media (max-width: 500px){._signUpContainer_ury8e_63{width:100%}}@media (max-width: 240px){._bodyPage_ury8e_55{justify-content:initial}._signUpContainer_ury8e_63{margin-top:40px;margin-bottom:10px}._ways-second-step-navbar_ury8e_19{width:100%;height:50px;margin-left:7%;margin-top:10px}}._full_page_p2nf3_14{width:100%;height:100vh;overflow-x:hidden}._mainPage_p2nf3_21{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;height:80%}._forgot-password-navbar_p2nf3_30{display:flex;width:100%;height:60px;margin-left:10%;margin-top:20px}._bodyPage_p2nf3_38{display:flex;height:1000px;flex-direction:column;align-items:center;justify-content:center}._title_p2nf3_46{color:#ead3d6}._h3_title_p2nf3_50{font-size:14px;text-align:center;color:#ccc;width:90%;margin:20px 0}._signUpContainer_p2nf3_58{padding-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:500px}._blur-background_p2nf3_70{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}._popup-style_p2nf3_80{background-color:#fff!important;border-radius:0}._popup-title-style_p2nf3_85{color:#000;font-size:25px}._custom-confirm-button_p2nf3_90{background-color:red}._custom-input_p2nf3_94{border:1.5px solid black;border-radius:2px}._custom-input_p2nf3_94:active{border:none}._signUpForm_p2nf3_105{display:flex;flex-direction:column;align-items:center;width:100%}._inputs_p2nf3_112{width:85%;height:50px;display:flex;justify-content:center;align-items:center;background-color:#fff3;border:none;text-indent:10px;color:#fff;font-size:medium}._inputs_p2nf3_112:hover{background-color:#ffffff80}._inputs_p2nf3_112:focus{outline:none;border-color:transparent;background-color:#ffffff80}._inputs_p2nf3_112:active{border:none;outline:none}._inputs_p2nf3_112::placeholder{opacity:1;font-size:15px;text-indent:10px;color:#ead3d6}._submitButton_p2nf3_147{margin-top:40px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;border:.5px solid var(--blak);font-size:20px;font-weight:700;color:var(--white);background-color:#913dce;cursor:pointer;width:85%;height:50px}._CancelButton_p2nf3_163{margin-top:5px;margin-bottom:30px;padding-top:10px;padding-bottom:10px;border:1px solid #913DCE;font-size:20px;font-weight:700;color:var(--white);background:transparent;cursor:pointer;width:85%;height:50px}._submitButton_p2nf3_147:active{background-color:var(--blak)}@media (max-width:380px){._mainPage_p2nf3_21{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;height:100%}._title_p2nf3_46{text-align:center;font-size:20px}._h3_title_p2nf3_50{font-size:12px}}@media (max-width: 240px){body{background-color:#250939;font-family:IBM Plex Sans,sans-serif;margin:0 auto;padding:0;overflow-y:hidden;width:95%;min-width:200px;height:100vh}._forgot-password-navbar_p2nf3_30{width:100%;height:50px;margin-left:7%;margin-top:10px}._mainPage_p2nf3_21{margin-top:50px;margin-bottom:60px}._signUpContainer_p2nf3_58{width:90%}._title_p2nf3_46{color:#ead3d6;font-size:97%;margin-top:40px;text-align:center}._modal-title_p2nf3_236{text-align:center;font-size:20px}._h3_title_p2nf3_50{font-size:80%;text-align:center;color:#ead3d6}._modal_p2nf3_236{position:absolute;align-items:center;justify-content:center;top:50%;width:90%;left:50%;transform:translate(-50%,-50%);background-color:#00000080}._modal-content_p2nf3_258{align-items:center;width:100%;display:flex;flex-direction:column;background-color:#fff;padding:.9em;border-radius:8px;position:relative}._submitButton_p2nf3_147{margin-top:40px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;border:.5px solid var(--blak);border-radius:10px;font-size:90%;font-weight:700;color:var(--white);background-color:#913dce;cursor:pointer;width:85%}._CancelButton_p2nf3_163{margin-top:5px;margin-bottom:30px;padding-top:10px;padding-bottom:10px;border:1px solid #913DCE;border-radius:10px;font-size:90%;font-weight:700;color:var(--white);background:transparent;cursor:pointer;width:85%}._signUpContainer_p2nf3_58 ._inputs_p2nf3_112{width:85%;height:90%;padding-top:10px;margin-top:10px;color:whitea;padding-bottom:10px;border:1.5px solid white;border-radius:10px;background:transparent;text-indent:10px}}:root{--hmed: #EAD3D6;--white: #ffffff;--blak: #211336;--gri: #716365}._body_page_1cabx_11{display:flex;justify-content:center;width:100%;height:100vh;overflow-y:auto;overflow-x:hidden}._mainPage_1cabx_20{display:flex;width:90%;flex-direction:column;height:100vh}._navBar_1cabx_27{background-color:#250939;display:flex;justify-content:space-between}._change-password-navbar_1cabx_33{display:flex;width:100%;height:60px;margin-left:10%;margin-top:20px}._homeLogo_1cabx_42,._logo_1cabx_43{background:transparent;border:none;cursor:pointer}._homeLogo_1cabx_42{margin-top:15px}._logo_1cabx_43{margin-top:3px}._bodyPage_1cabx_57{display:flex;height:1000px;flex-direction:column;align-items:center;justify-content:center}._FPasswordContainer_1cabx_65{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;border-radius:10px;gap:10px}._ForgotPasswordForm_1cabx_77{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}._title_1cabx_85{font-size:25px;margin-bottom:30px;color:#ead3d6}._inputs_1cabx_91{width:85%;height:60px;display:flex;justify-content:center;align-items:center;background-color:#fff3;border:none;text-indent:15px;color:#fff;font-size:medium}._inputs_1cabx_91:hover{background-color:#ffffff80}._inputs_1cabx_91:focus{outline:none;border-color:transparent;background-color:#ffffff80}._inputs_1cabx_91:active{border:none;outline:none}._submitButton_1cabx_119{margin-top:20px;margin-bottom:30px;padding-top:10px;padding-bottom:10px;border:.5px solid var(--blak);font-size:20px;font-weight:700;color:var(--white);background-color:#913dce;cursor:pointer;width:85%;height:60px}span{color:red;font-size:14px}._submitButton_1cabx_119:active{background-color:var(--blak)}@media (max-width: 500px){._FPasswordContainer_1cabx_65{width:100%}._ForgotPasswordForm_1cabx_77{gap:0px}._title_1cabx_85{font-size:90%;margin-top:2 0px}._submitButton_1cabx_119{margin-top:20px;margin-bottom:30px;padding-top:10px;padding-bottom:10px;border:.5px solid var(--blak);font-size:90%;font-weight:700;color:var(--white);background-color:#913dce;cursor:pointer;width:85%}._FPasswordContainer_1cabx_65 ._inputs_1cabx_91{width:85%;height:90%;padding-top:10px;margin-top:10px;padding-bottom:10px;border:1.5px solid black;box-sizing:border-box;text-indent:10px}}@media (max-width: 240px){._change-password-navbar_1cabx_33{width:100%;height:50px;margin-left:7%;margin-top:10px}}._authentication-page_1xkne_3{display:flex;flex-direction:column;width:100%;height:100vh}._authentication-navbar_1xkne_10{display:flex;width:100%;height:60px;margin-left:10%;margin-top:20px}._authentication-container_1xkne_18{display:flex;width:100%;height:1200px;justify-content:center;align-items:center;overflow:auto}._authentication-signindiv_1xkne_27{display:flex;width:50%;transition:opacity .5s,transform .5s;transform:translate(30%);animation:_signin_animation_1xkne_1 1.5s forwards;border-radius:10px}._authentication-signupdiv_1xkne_36{display:flex;width:50%;transition:opacity .5s,transform .5s;transform:translate(-30%);animation:_signup_animation_1xkne_1 1.5s forwards;border-radius:10px}@keyframes _signup_animation_1xkne_1{0%{transform:translate(-20%)}to{transform:translate(0)}}@keyframes _signin_animation_1xkne_1{0%{transform:translate(20%)}to{transform:translate(0)}}._authentication-signup_1xkne_36{display:flex;width:40%;height:700px;justify-content:center;align-items:center;border-radius:10px 0 0 10px}._authentication-signin_1xkne_27{display:flex;flex-direction:column;width:40%;height:700px;justify-content:center;align-items:center;border-radius:0 10px 10px 0}._otp-input-div_1xkne_89{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#250939;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;gap:10px}._tfq-input_1xkne_105{border:none;width:90%;height:50px;text-indent:10px;color:#fff}._tfq-button_1xkne_113{width:90%;height:50px;border:none;background-color:#913dce;color:#fff;font-size:20px;font-weight:700;cursor:pointer}._tfq-input_1xkne_105:hover{background-color:#ffffff80}._tfq-input_1xkne_105:focus{outline:none;border-color:transparent;background-color:#ffffff80}._tfq-input_1xkne_105:active{border:none;outline:none}._tfq-input_1xkne_105::placeholder{font-size:17px}._authentication-signin-form_1xkne_145{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;height:550px;gap:10px;background:linear-gradient(to bottom,#442d6a99,#4a258b4d);box-shadow:0 0 20px #ccc;box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:5px;border:1px solid rgba(255,255,255,.18)}._authentication-signin-form-tag_1xkne_166{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}._authentication-signin-title-div_1xkne_174{display:flex;justify-content:center;align-items:center;width:90%;height:80px}._authentication-signin-title_1xkne_174{color:#fff;font-size:50px;font-family:Bebas Neue,sans-serif}._authentication-signin-input_1xkne_188{width:90%;height:60px;display:flex;justify-content:center;align-items:center;background-color:#fff3;border:none;text-indent:15px;color:#fff;font-size:medium}._authentication-signin-input_1xkne_188:hover{background-color:#ffffff80}._authentication-signin-input_1xkne_188:focus{outline:none;border-color:transparent;background-color:#ffffff80}._authentication-signin-input_1xkne_188:active{border:none;outline:none}._authentication-signin-input_1xkne_188::placeholder,._authentication-signup-input_1xkne_217::placeholder{font-size:17px;color:#ffffffb3}._authentication-signin-forget-password-div_1xkne_222{width:90%;display:flex;justify-content:space-between}._authentication-signin-forget-password_1xkne_222{color:#ffffffb3}._authentication-signin-forget-password_1xkne_222:hover{color:#fff}._authentication-signin-button_1xkne_236{width:90%;height:60px;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#fff;background-color:#913dce}._authentication-signin-button_1xkne_236:active{background-color:#000}._authentication-signin-line_1xkne_252{display:flex;align-items:center;width:90%;gap:10px}._authentication-signin-little-line_1xkne_259{height:1px;width:45%;background-color:#fffc}._authentication-signin-or_1xkne_265{color:#fff}._authentication-signin-ways_1xkne_269{display:flex;justify-content:center;gap:20px;width:90%}._authentication-signin-ways_1xkne_269 img{border:.1px solid rgba(255,255,255,.5);border-radius:80px;padding:10px;width:50px;height:50px;cursor:pointer}._authentication-signin-ways_1xkne_269 img:hover{background-color:#000}._authentication-signin-dont-have-account_1xkne_289{margin-top:60px;color:#fff}._authentication-signin-dont-have-account-link_1xkne_294{color:#fff;font-size:18px}._authentication-signin-leftdesign_1xkne_299{width:60%;display:flex;flex-direction:column;justify-content:center;gap:100px;align-items:center;height:550px;border-radius:10px 0 0 10px}._authentication-signin-leftdesign_1xkne_299 img{width:100%;height:90%}._authentication-signup-form_1xkne_317{display:flex;flex-direction:column;padding:10px 0;align-items:center;justify-content:center;width:90%;gap:10px;background:linear-gradient(to bottom,#442d6a99,#4a258b4d);box-shadow:0 0 20px #ccc;box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:5px;border:1px solid rgba(255,255,255,.18)}._signup-form-form_1xkne_338{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}._authentication-signup-title-div_1xkne_347{display:flex;justify-content:center;align-items:center;width:90%;height:80px}._authentication-signup-title_1xkne_347{color:#fff;font-size:50px;font-family:Bebas Neue,sans-serif}._authentication-signup-input_1xkne_217{width:90%;height:60px;display:flex;justify-content:center;align-items:center;background-color:#fff3;border:none;text-indent:15px;color:#fff;font-size:medium}._authentication-signup-input_1xkne_217:hover{background-color:#ffffff80}._authentication-signup-input_1xkne_217:focus{outline:none;border-color:transparent;background-color:#ffffff80}._authentication-signup-input_1xkne_217:active{border:none;outline:none}._authentication-signup-button_1xkne_389{width:90%;height:60px;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#fff;background-color:#913dce}._authentication-signup-button_1xkne_389:active{background-color:#000}._authentication-signup-line_1xkne_404{display:flex;align-items:center;width:90%;gap:10px}._authentication-signup-little-line_1xkne_411{height:1px;width:45%;background-color:#fffc}._span-messages_1xkne_417{color:red;font-size:13px}._authentication-signup-or_1xkne_422{color:#fff}._authentication-signup-ways_1xkne_426{display:flex;justify-content:center;gap:20px;width:90%}._authentication-signup-ways_1xkne_426 img{border:.1px solid rgba(255,255,255,.5);border-radius:80px;padding:10px;width:50px;height:50px;cursor:pointer}._authentication-signup-have-account_1xkne_443{margin-top:40px;color:#fff}._authentication-signup-have-account-link_1xkne_448{color:#fff;font-size:18px}._authentication-signup-rightdesign_1xkne_453{width:60%;display:flex;flex-direction:column;justify-content:center;gap:100px;align-items:center;height:550px;border-radius:0 10px 10px 0}._authentication-signup-rightdesign_1xkne_453 img{width:100%;height:90%}@media (min-width: 1200px){._authentication-container_1xkne_18{min-width:1100px}}@media (min-width: 1024px){._authentication-signindiv_1xkne_27,._authentication-signupdiv_1xkne_36{width:55%;min-width:1000px}}@media (max-width: 1023px){._authentication-signindiv_1xkne_27,._authentication-signupdiv_1xkne_36{width:99%}._authentication-signin-dont-have-account_1xkne_289,._authentication-signup-have-account_1xkne_443{margin-top:40px}._authentication-signup-rightdesign_1xkne_453 img,._authentication-signin-leftdesign_1xkne_299 img{width:90%;height:100%}}@media (max-width: 768px){._authentication-container_1xkne_18{justify-content:initial;align-items:initial}._authentication-signindiv_1xkne_27,._authentication-signupdiv_1xkne_36{width:100%;justify-content:center}._authentication-signin-form_1xkne_145,._authentication-signup-form_1xkne_317{justify-content:initial}._authentication-signin-leftdesign_1xkne_299,._authentication-signup-rightdesign_1xkne_453{display:none}._authentication-signin_1xkne_27,._authentication-signup_1xkne_36{width:70%}}@media (max-width: 700px){._authentication-signin_1xkne_27,._authentication-signup_1xkne_36{width:90%}}@media (max-width: 425px){._authentication-signin_1xkne_27,._authentication-signup_1xkne_36{width:100%}}@media (max-width: 300px){._authentication-signin_1xkne_27,._authentication-signup_1xkne_36{width:100%}._authentication-signin-forget-password_1xkne_222{color:#a5a5a5;font-size:11px}._authentication-signin-dont-have-account_1xkne_289,._authentication-signup-have-account_1xkne_443{margin-top:10px;font-size:11px}._authentication-signin-dont-have-account-link_1xkne_294,._authentication-signup-have-account-link_1xkne_448{font-size:12px}._authentication-signin-input_1xkne_188::placeholder,._authentication-signup-input_1xkne_217::placeholder{font-size:12px}}@media (max-width: 240px){._authentication-signin-form_1xkne_145,._authentication-signup-form_1xkne_317{margin-top:-100px}._authentication-signin-title_1xkne_174,._authentication-signup-title_1xkne_347{height:50px;color:#fff;font-size:25px;font-weight:700}._authentication-navbar_1xkne_10{width:100%;height:50px;margin-left:7%;margin-top:10px}._authentication-signin-forget-password_1xkne_222{color:#a5a5a5;font-size:10px}}._second-step-page_z9j4v_1{display:flex;flex-direction:column;width:100%;height:100vh}._second-step-navbar_z9j4v_8{display:flex;width:100%;height:60px;margin-left:10%;margin-top:20px}._second-step-form-div_z9j4v_16{width:100%;position:relative;height:1000px;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:auto}._second-step-edit-image_z9j4v_27{width:650px;position:absolute;display:flex;flex-direction:column;justify-content:center;top:250px;padding:15px 0;margin:0 auto;background-color:#1b062a;border-radius:10px;gap:10px}._cros-inside-edit-image_z9j4v_41{position:absolute;top:10px;right:10px}._second-step-image-preview_z9j4v_47{width:100%;display:flex;justify-content:center;align-items:center}._second-step-image-preview_z9j4v_47 img{width:80px;height:80px;border-radius:8px}._second-step-avatar-button-and-input_z9j4v_60{width:100%;display:flex;justify-content:center;align-items:center;gap:20px}._second-step-avatar-viewer_z9j4v_68,._second-step-avatar-scale_z9j4v_75{width:100%;display:flex;justify-content:center;align-items:center}._unchangable-username-warning_z9j4v_93{width:100%;margin-bottom:7px;display:flex;align-items:center;gap:2px}._unchangable-username-warning_z9j4v_93 p{color:#ccc6;font-size:13px}._second-step-form-display-image_z9j4v_108{width:50px;height:50px;border:1.5px solid white;border-radius:5px}._second-step-form-image-default_z9j4v_115{width:50px;height:50px}._second-step-form-inputs_z9j4v_120{display:flex;width:100%;gap:20px}._second-step-form-inputs-input-div_z9j4v_126{width:70%;height:50px;display:flex;flex-direction:column}._second-step-form-inputs-input_z9j4v_126{justify-content:center;height:100%;align-items:center;background-color:#fff3;border:none;text-indent:10px;color:#fff;font-size:medium}._spans-div_z9j4v_144{width:100%}._spans_z9j4v_144{font-size:14px}._second-step-form-inputs-image-label_z9j4v_152{height:40px;width:20%;min-width:75px;padding-left:5px;padding-right:5px;display:flex;justify-content:center;align-items:center;background-color:#913dce;border:none;border-radius:8px;color:#fff;font-size:medium;cursor:pointer}._second-step-form-inputs-input_z9j4v_126:hover{background-color:#ffffff80}._second-step-form-inputs-input_z9j4v_126:focus{outline:none;border-color:transparent;background-color:#ffffff80}._second-step-form-inputs-input_z9j4v_126:active{border:none;outline:none}._second-step-form-inputs-input_z9j4v_126::placeholder{opacity:1;font-size:15px;text-indent:10px;color:#ead3d6}._second-step-select-image-button-div_z9j4v_192{display:flex;width:30%}._second-step-select-image-button_z9j4v_192{height:50px;width:100%;font-size:1rem;font-weight:700;color:#fff;background-color:#913dce;border:none;border-radius:8px}._second-step-form-inputs-image_z9j4v_152{display:none}._second-step-form-button_z9j4v_212{width:100%;height:50px;border:none;font-size:20px;font-weight:700;cursor:pointer;color:#fff;background-color:#913dce;margin-top:20px}._second-step-form-button_z9j4v_212:active{background-color:#000}._second-step-form_z9j4v_16{width:460px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 700px){._second-step-edit-image_z9j4v_27{width:90%;position:absolute;display:flex;flex-direction:column;justify-content:center;top:250px;margin:0 auto;border-radius:10px;gap:10px}}@media (max-width: 500px){._second-step-form_z9j4v_16{width:90%}._second-step-form-inputs_z9j4v_120{gap:10px}}@media (max-width: 300px){._second-step-form-inputs-image-label_z9j4v_152{font-size:12px;padding-left:2px}._second-step-form-inputs-input_z9j4v_126::placeholder{font-size:12px}}@media (max-width: 240px){._forgot-password-navbar_z9j4v_275{width:100%;height:50px;margin-left:7%;margin-top:10px}._second-step-select-image-button_z9j4v_192{font-size:10px}._spans_z9j4v_144{font-size:12px}._second-step-form-div_z9j4v_16{justify-content:initial;flex-direction:column}._second-step-edit-image_z9j4v_27{top:50px}}:root{--mobile-size: 425px;--tablet-size: 768px;--laptop-size: 1440px;--desktop-size: 2560px}body{font-family:IBM Plex Sans,sans-serif;padding:0;margin:0;width:100%}#root{width:100%}.LandingPage{width:100%;background-color:#250939;display:flex;align-items:center;flex-direction:column;gap:100px;overflow-y:auto}.footerLandingPage{background-color:#334568;color:#fff;display:flex;justify-content:center;align-items:center;min-height:50px;font-size:15px;width:100%}.read-btn{margin-top:5px;padding:10px;background-color:#913dce;color:#fff;border:none;display:flex;gap:3px;border-radius:7px;align-self:flex-end;font-weight:800;cursor:pointer}.PlayLocalGame{display:flex;width:100%;justify-content:center}.localGameBtn{background-color:#fff;font-weight:800;font-size:20px;padding:15px;color:#913dce;border-radius:20px;border:3px solid #913dce;transition:box-shadow .3s ease,transform .3s ease;cursor:pointer}.arrow1{position:relative;top:50px;left:30px}.arrow2{position:relative;top:-35px}.localGameBtn:hover{transform:scale(1.05);box-shadow:0 0 1em .25em #913dce}.read-btn:hover{color:#913dce;background-color:#fff}.DescriptionLandingPage{max-width:820px;display:flex;flex-direction:column;align-items:flex-start}.DescriptionLandingPage h1{z-index:10}.signUpBtnLandingPage{cursor:pointer;display:flex;justify-content:center;align-items:center}.navbarBgLandingPage{position:fixed;z-index:20;width:100%;height:70px;display:flex;justify-content:center;align-items:center;background-color:#250939;box-shadow:-3px -2px 20px 6px #151111a1}.navbarLandingPage{left:50%;right:50%}@media screen and (min-width: 1441px){.sidebarLandingPage{display:none}.homeLandingPage{width:100%;display:flex;flex-direction:column;align-items:center;gap:100px}.sectionsLandingPage{color:#fff;display:flex;gap:10px}.navbarLandingPage{width:100%;max-width:1250px;display:flex;padding:10px;justify-content:space-between;background-color:#250939}.pingLogo{height:50px}.sectionsBtnsLandingPage{text-decoration:none;align-self:center;border:none;padding:10px 20px;background-color:transparent;font-size:larger;color:#fff;border-radius:5px;font-weight:700;position:relative}.sectionsBtnsLandingPage:before{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background-color:#fff;transition:all .5s}.sectionsBtnsLandingPage:hover:before{width:80%;left:10%}.loginBtnLandingPage{text-decoration:none;border:2px solid white;color:#fff;background-color:transparent;align-self:center;font-weight:600;padding:10px 30px;font-size:20px;border-radius:25px}.loginBtnLandingPage:hover{color:#250939;background-color:#fff;transition:all .8s}.loginBtnLandingPage a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.headerLandingPage{display:flex;justify-content:center;align-self:center;align-items:center;width:70%;max-width:1250px;margin-top:120px}.headerTextLandingPage{display:flex;flex-direction:column;gap:20px;width:60%;width:100%;height:100%}.titleLandingPage{color:#fff;font-weight:900;font-size:60px}.subTitleLandingPage{color:#fff;font-size:20px;font-weight:400;font-style:italic;width:100%}.signUpBtnLandingPage{align-self:flex-start;background-color:#913dce;border:none;border-radius:10px;padding:12px 19px;font-size:20px;font-weight:600;color:#fff}.signUpBtnLandingPage:hover{color:#913dce;background-color:#fff;transition:all .8s}.header-imgLandingPage{max-width:100%;height:auto;display:block}.header-imgLandingPage img{width:100%;height:auto;display:block}.aboutLandingPage{color:#fff;display:flex;flex-direction:column;align-items:center}.aboutCardsLandingPage{color:#fff;font-weight:600;font-style:italic;font-size:large;display:flex;gap:70px;flex-wrap:wrap;justify-content:center}.DescriptionLandingPage div{background-color:#334568;border-radius:10px;padding:50px 45px;width:500px;margin-top:-45px;font-size:25px}.DescriptionLandingPage h1{margin:24.12px 0 24.12px 45px}.teamLandingPage{display:flex;flex-direction:column;align-items:center;color:#fff;gap:30px}.teamListLandingPage{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.teamCardLandingPage{color:#334568;background:#fff;border:1px solid white;height:250px;width:230px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;font-weight:600}.teamCardLandingPage img{margin:15px 0 0;height:100px;width:100px}.teamCardLandingPage span{display:flex;gap:20px;color:transparent}.teamCardLandingPage span a img{display:flex;align-items:center;justify-content:center;background-color:transparent;height:30px;border:none;width:30px}.teamCardLandingPage span button img{height:30px;width:30px;margin:0}.ctaLandingPage{background-color:#fff;width:800px;border-radius:15px;padding:15px;display:flex;color:#334568;justify-content:space-between;align-items:center}.ctaLandingPage p{font-size:larger;font-weight:600}.ctaLandingPage button{align-self:center;cursor:pointer;border:1px solid #913dce;width:200px}.ctaLandingPage button:hover{border:1px solid #913dce;transition:all .8s}.footerLandingPage{background-color:#334568;color:#fff;display:flex;justify-content:center;width:100%}}@media screen and (max-width: 1440px){.sidebarLandingPage{display:none}.homeLandingPage{width:100%;display:flex;flex-direction:column;align-items:center;gap:100px}.sectionsLandingPage{color:#fff;display:flex;gap:10px}.navbarLandingPage{width:100%;max-width:820px;display:flex;padding:10px;justify-content:space-between;background-color:#250939}.pingLogo{height:50px}.sectionsBtnsLandingPage{text-decoration:none;align-self:center;border:none;padding:10px 20px;background-color:transparent;font-size:larger;color:#fff;border-radius:5px}.loginBtnLandingPage{text-decoration:none;border:2px solid white;color:#fff;background-color:transparent;align-self:center;font-weight:600;font-size:20px;padding:10px 30px;border-radius:25px}.loginBtnLandingPage a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.headerLandingPage{display:flex;justify-content:center;align-self:center;align-items:center;width:100%;max-width:820px;margin-top:120px}.headerTextLandingPage{display:flex;flex-direction:column;gap:20px;width:60%;width:100%;height:100%}.titleLandingPage{color:#fff;font-weight:900;font-size:40px}.subTitleLandingPage{color:#fff;font-size:10px;font-weight:400;font-style:italic;width:100%}.signUpBtnLandingPage{align-self:flex-start;background-color:#913dce;cursor:pointer;border:none;border-radius:10px;padding:12px 19px;font-size:20px;font-weight:600;color:#fff}.signUpBtnLandingPage:hover{color:#913dce;background-color:#fff;transition:all .8s}.signUpBtnLandingPage a{color:inherit;text-decoration:none;display:block;text-align:center;width:100%;height:100%}.header-imgLandingPage{max-width:100%;height:auto;display:block}.header-imgLandingPage img{width:100%;height:auto;display:block}.aboutLandingPage{color:#fff;display:flex;flex-direction:column;align-items:center}.aboutCardsLandingPage{color:#fff;font-weight:600;font-style:italic;font-size:large;display:flex;gap:40px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.DescriptionLandingPage{max-width:820px;display:flex;flex-direction:column;align-items:center}.DescriptionLandingPage div{background-color:#334568;border-radius:10px;padding:50px 45px;width:100%;margin-top:-45px;box-sizing:border-box}.DescriptionLandingPage h1{padding:0;box-sizing:border-box;margin:24.12px 0 24.12px 50px;z-index:10;align-self:flex-start}.teamLandingPage{display:flex;flex-direction:column;max-width:820px;align-items:center;color:#fff;gap:20px}.teamListLandingPage{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.teamCardLandingPage{color:#334568;background:#fff;border:1px solid white;height:220px;width:180px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;font-weight:600}.teamCardLandingPage img{margin:15px 0 0;height:100px;width:100px}.teamCardLandingPage span{display:flex;gap:20px;color:transparent;margin-top:-15px}.teamCardLandingPage span a img{display:flex;align-items:center;justify-content:center;background-color:transparent;height:30px;border:none;width:30px}.teamCardLandingPage span button img{height:30px;width:30px;margin:0}.ctaLandingPage{background-color:#fff;width:760px;border-radius:15px;padding:15px;display:flex;color:#334568;justify-content:space-between;align-items:center}.cta-textLandingPage{font-size:larger;font-weight:600;display:flex;flex-direction:column;gap:3px}.ctaLandingPage button{align-self:center;width:200px}}@media screen and (min-width: 769px){.threeDObjectAtTop{display:none}}@media screen and (max-width: 768px){ol,ul,li,a{margin:0;padding:0}.loginBtnLandingPage,.sectionsBtnsLandingPage{text-decoration:none;display:none}.threeDObjectAtTop{margin-top:80px}.threeDObjectAtRight{display:none}.homeLandingPage{gap:0}.navbarLandingPage{width:100%;display:flex;padding:10px 20px;justify-content:space-between;background-color:#250939}.PlayLocalGame{margin-top:35px}.localGameBtn{font-size:10px;border-radius:17px}.sidebarLandingPage{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;top:100%;gap:20px;background-color:#250939}.sidebarLandingPage img{width:20px}.sidebarLandingPage img.crossLandingPage{background-color:#913dce;align-self:center;padding:10px;border-radius:10px}.sidebarLandingPage img.menuLandingPage{align-self:center;padding:10px;border-radius:10px;width:100%}.sidebarLandingPage img.menuLandingPage:hover,.sidebarLandingPage img.openMenuLandingPage{background-color:#913dce}.sidebarSectionsLandingPage{background-color:#913dce;padding:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;gap:10px;position:absolute;width:20%;min-width:115px;top:100%}.sidebarSectionsLandingPage button .loginLink{text-decoration:none;color:#fff;font-size:100%;display:flex}.DescriptionLandingPage{width:80%}.DescriptionLandingPage h1{padding:0;margin-left:20px}.DescriptionLandingPage div{width:100%;padding:35px 30px;box-sizing:border-box}.aboutCardsLandingPage{flex-wrap:wrap}.sidebarSectionsLandingPage button{background-color:transparent;text-decoration:none;color:#fff;align-self:center;font-weight:600;width:100%;font-size:20px;padding:5% 0%;border:2px solid white;border-radius:10px;display:flex;justify-content:center;align-items:center}.sidebarSectionsLandingPage button:hover{background-color:#fff;color:#913dce;transition:all .8s}.sidebarSectionsLandingPage button:hover .loginLink{color:#913dce;transition:all .8s}.sidebarSectionsLandingPage .sidebarSectionsElement:hover{color:#913dce;background-color:#fff;transition:all .8s}.sidebarSectionsLandingPage .sidebarSectionsElement{width:100%;font-weight:600;padding:7% 0%;border-radius:10px;color:#fff;text-decoration:none;text-align:center;font-size:15px}.header-imgLandingPage{display:none}.headerLandingPage{display:flex;align-items:center;width:100%;max-width:1250px;margin-top:0}.headerTextLandingPage{width:80%;display:flex;flex-direction:column;gap:10px}.titleLandingPage{text-align:center;max-width:100%;max-height:100%;color:#fff;font-size:8vw;font-weight:900}.subTitleLandingPage{text-align:center;max-width:100%;max-height:100%;color:#fff;font-size:3vw;font-weight:400;font-style:italic;width:100%}.signUpBtnLandingPage{align-self:center;background-color:#913dce;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;color:#fff}.signUpBtnLandingPage:hover{color:#913dce;background-color:#fff;transition:all .8s}.signUpBtnLandingPage a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.ctaLandingPage{display:flex;width:80%;justify-content:space-between;align-items:center}.cta-textLandingPage{font-size:10px}.ctaLandingPage button{all:unset}.ctaLandingPage .signUpBtnLandingPage{background-color:#913dce;border:none;border-radius:10px;padding:10px 15px;font-size:15px;font-weight:600;color:#fff}.signUpBtnLandingPage:hover{color:#913dce;transition:all .8s;background-color:#fff}}.signUpBtnLandingPage a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}@media screen and (max-width: 425px){ol,ul,li,a{margin:0;padding:0}.loginBtnLandingPage,.sectionsBtnsLandingPage{text-decoration:none;display:none}.homeLandingPage{width:100%;display:flex;flex-direction:column;align-items:center;gap:100px}.navbarLandingPage{width:100%;display:flex;padding:10px 20px;justify-content:space-between;background-color:#250939}.sidebarLandingPage{display:flex;flex-direction:column;align-items:flex-end;top:100%;gap:20px;background-color:#250939}.sidebarLandingPage img.menuLandingPage{width:44px}.sidebarLandingPage img.crossLandingPage{background-color:#913dce;align-self:center;padding:10px;border-radius:10px}.sidebarLandingPage img.menuLandingPage{align-self:center;padding:10px;border-radius:10px}.sidebarLandingPage img.menuLandingPage:hover,.sidebarLandingPage img.openMenuLandingPage{background-color:#913dce}.sidebarSectionsLandingPage{background-color:#913dce;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:15px;gap:10px;position:absolute;width:20%;top:100%}.sidebarSectionsLandingPage button{padding:5% 13%}.sidebarSectionsLandingPage button a,.sidebarSectionsLandingPage a{display:flex;justify-content:center;align-items:center}.sidebarSectionsLandingPage button .loginLink{font-size:15px;padding:5px 0}.sidebarSectionsLandingPage a button:hover,.sidebarSectionsLandingPage .sidebarSectionsElement:hover{color:#913dce;background-color:#fff;transition:all .8s}.sidebarSectionsLandingPage .sidebarSectionsElement{font-weight:700;font-size:15px;border-radius:7px;color:#fff;text-decoration:none;text-align:center;padding:10% 0%}.header-imgLandingPage{display:none}.homeLandingPage{gap:0}.headerLandingPage{display:flex;justify-content:space-between;align-items:center;width:80%;max-width:1250px}.headerTextLandingPage{display:flex;flex-direction:column;width:100%;gap:10px}.headerText.titleLandingPage{width:100%;height:100%;color:#fff;font-size:8vw;font-weight:900}.subTitleLandingPage{height:100%;color:#fff;font-size:3vw;font-weight:400;font-style:italic;width:100%}.signUpBtnLandingPage{align-self:center;background-color:#913dce;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600;color:#fff}.signUpBtnLandingPage:hover{color:#913dce;background-color:#fff;transition:all .8s}.aboutLandingPage{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.about.titleLandingPage{font-size:8vw;font-weight:900}.aboutCardsLandingPage{color:#fff;font-weight:600;font-style:italic;font-size:large;display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.DescriptionLandingPage div{background-color:#334568;border-radius:10px;padding:35px 25px;width:100%;margin-top:-30px;font-size:15px}.DescriptionLandingPage h1{padding:0;margin:10px 0 15px 10px;font-size:30px}.teamLandingPage{display:flex;flex-direction:column;align-items:center;color:#fff;gap:30px}.teamListLandingPage{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.teamCardLandingPage{color:#334568;background-color:#fff;border:1px solid rgba(255,255,255,.81);height:210px;width:180px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:20px;font-weight:600}.teamCardLandingPage img{margin:15px 0 0;height:100px;width:100px}.teamCardLandingPage span{display:flex;gap:20px;color:transparent;margin-top:-20px}.teamCardLandingPage span a img{display:flex;align-items:center;justify-content:center;background-color:transparent;height:30px;border:none;width:30px}.teamCardLandingPage span button img{height:30px;width:30px;margin:0}.ctaLandingPage{display:flex;width:80%;justify-content:space-between;align-items:center}.cta-textLandingPage{font-size:8px;flex-grow:1;font-weight:800}.ctaLandingPage button{all:unset}.ctaLandingPage button a{display:flex;justify-content:center;align-items:center;text-align:center}.ctaLandingPage .signUpBtnLandingPage{background-color:#913dce;border:none;border-radius:10px;min-width:20%;padding:5px 10px;margin-left:5px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.signUpBtnLandingPage:hover{color:#913dce;background-color:#fff}.signUpBtnLandingPage a{color:inherit;text-decoration:none;display:block;width:100%;height:100%}.footerLandingPage{width:100%;font-size:13px;min-height:45px}}@media screen and (max-width: 320px){.DescriptionLandingPage h1{font-size:6vw;padding-left:25px;margin-top:10px;margin-bottom:17px}}._tournament-page_1s8oc_1{height:100%;width:100%;overflow-y:auto}._tournament-page-content_1s8oc_7{margin-top:80px;margin-bottom:110px;width:100%;display:flex;flex-direction:column;overflow-y:auto}._title-and-destroy_1s8oc_16{display:flex;justify-content:space-between;margin-right:8%;align-items:center}._tournament-title_1s8oc_23{margin-left:8%;color:#fff;font-weight:700}._destroy-button_1s8oc_29{border:none;background-color:#913dce;height:40px;margin-top:10px;border-radius:7px;color:#fff;font-size:20px;width:130px;cursor:pointer}._line_1s8oc_41{margin-top:1%;width:85%;height:1px;background-color:#fff;opacity:40%;margin-left:8%}._tournament-infos_1s8oc_50{display:flex;flex-direction:row;gap:1.5%;margin-top:3%;margin-left:8%;align-items:center}._little-line_1s8oc_60{width:1px;height:60%;background-color:#fff}._tournament-id-title_1s8oc_66,._players-number-title_1s8oc_67{display:inline;white-space:nowrap;font-size:90%;color:#fff}._tournament-id-value-and-icon_1s8oc_74{display:flex;justify-content:center;align-items:center;gap:5px}._tournament-id-value-and-icon_1s8oc_74 svg{color:#fff;height:14px;width:14px;cursor:pointer}._tournament-id-value_1s8oc_74{color:#fff;font-size:90%;cursor:pointer}._players-number-value_1s8oc_94{color:#fff;font-size:90%}._up-buttons_1s8oc_99{display:none;margin-top:3%;margin-left:8%;column-gap:30px}._up-button_1s8oc_99{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px;cursor:pointer}._up-button-disabled_1s8oc_118{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px;opacity:50%;cursor:not-allowed}._down-button_1s8oc_131{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px;cursor:pointer}._tournament-members_1s8oc_145{position:relative;display:flex;flex-wrap:wrap;width:90%;margin:0 auto;align-content:center;justify-content:center;gap:40px;padding-top:2%;scrollbar-color:transparent transparent;height:600px}._disconnected-div_1s8oc_160{position:absolute;display:flex;flex-direction:column;gap:10px;background-color:#292430e6;height:100%;width:100%;border-radius:10px;align-items:center;justify-content:center;z-index:100}._disconnected-div_1s8oc_160 p{font-size:20px;font-weight:700;color:#cc3f3f}._disconnected-button_1s8oc_180{background-color:#cc3f3f;border-radius:7px;color:#fff;border:none;height:20px;width:100px;padding:0 5px;font-size:12px;cursor:pointer}._down-popup-button_1s8oc_192{position:relative}._Invite-friend-popup-up_1s8oc_196{display:none;border-radius:10px;top:60%;left:50%;height:250px;transform:translate(-50%,-50%);width:90%;overflow:auto;background-color:#1b062a}._Invite-friend-popup-down_1s8oc_209{position:absolute;display:flex;flex-direction:column;row-gap:2px;border-radius:10px;z-index:1;left:117%;bottom:-216px;height:534px;transform:translate(-50%,-50%);width:350px;overflow:auto;background-color:#1b062a}._friend_1s8oc_225{display:flex;width:350px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._error-container_1s8oc_233{margin-top:10%}._title-swal_1s8oc_237{color:#b00020;font-size:20px}._friend-data_1s8oc_260{display:flex;justify-content:flex-start;align-items:center;column-gap:10px}._friend-avatar_1s8oc_267{width:40px;height:40px;border-radius:4px}._friend-name-and-status_1s8oc_273{display:flex;flex-direction:column;column-gap:2px}._friend-name_1s8oc_273{color:#fff;font-size:14px}._friend-status_1s8oc_284{color:#fff;font-size:12px;opacity:.7}._friend-invite-button-div_1s8oc_290{display:flex;justify-content:center;align-items:center;background-color:#4d4ea6;height:20px;width:80px;gap:5px;border-radius:5px;cursor:pointer}._friend-invite-button-div_1s8oc_290:hover{background-color:#3c3d7f}._friend-invite-button-img_1s8oc_306{width:15px}._friend-invite-button-p_1s8oc_310{color:#fff;font-size:10px;cursor:pointer}._friend-invite-button_1s8oc_290{margin-top:2px;border:none;width:50px;height:50px}._player_1s8oc_67{width:22.5%;position:relative;max-width:400px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:5px}._player-empty_1s8oc_338{width:22.5%;position:relative;max-width:400px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:10px}._user-avatar_1s8oc_351{width:100%;height:50%;position:relative}._avatar_1s8oc_357{height:80px;width:80px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%)}._avatar-empty_1s8oc_367{margin-top:10%;height:100px;width:100px;border-radius:10px}._line-and-user-info_1s8oc_375{width:100%;display:flex;flex-direction:column;justify-content:space-around;border-radius:0 5px 5px;height:50%;gap:3px;background:linear-gradient(to right bottom,#442d6a,#4a258be6)}._user-info_1s8oc_386{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:35px}._user-info-name_1s8oc_394,._user-info-level_1s8oc_395{color:#fff}._line-inside-player_1s8oc_399{width:100%;height:1px;background-color:#fff}._down-buttons_1s8oc_405{display:flex;margin-top:3%;margin-left:8%;column-gap:30px}._buttons_1s8oc_412{display:flex;justify-content:space-around;width:100%;column-gap:10px;margin-top:40px}._button_1s8oc_412{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px;cursor:pointer}._button-disabled_1s8oc_432{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px;opacity:50%;cursor:not-allowed}._notifications_1s8oc_445{display:flex;flex-direction:column;gap:10px;align-items:end}@keyframes _fadeInRight_1s8oc_1{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}._notif_1s8oc_445{margin-right:5px;background-color:#ffffffb3;display:flex;flex-direction:column;width:270px;right:2%;z-index:1;height:75px;border-radius:8px;gap:10px;opacity:0;animation:_fadeInRight_1s8oc_1 .5s ease-in-out forwards}._destroy-popup_1s8oc_481{background-color:#1b062a}._destroy-popup-title_1s8oc_485{color:#fff}._invite-notif-text_1s8oc_489{margin-top:5px;text-align:center;font-size:15px}._invite-notif-buttons_1s8oc_495{display:flex;gap:10px;justify-content:center}._invite-notif-button-accept_1s8oc_501{background-color:#00ff43;width:70px;height:30px;border-radius:7px;border:none;font-weight:700;font-size:15px}._invite-notif-button-deny_1s8oc_511{background-color:#f22;width:70px;height:30px;font-weight:700;border-radius:7px;border:none;font-size:15px}@media (min-width: 1440px){._tournament-page_1s8oc_1{height:100%;width:100%;overflow-y:auto;display:flex;justify-content:center}._tournament-page-content_1s8oc_7{margin-top:80px;margin-bottom:110px;width:1440px;display:flex;flex-direction:column;overflow-y:auto}}@media (max-width: 1413px){._tournament-members_1s8oc_145{height:700px}}@media (max-width: 1170px){._tournament-members_1s8oc_145{width:90%;height:100%;display:flex;flex-wrap:wrap;margin-top:1%;align-content:flex-start;justify-content:center;row-gap:20px;column-gap:20px;padding-top:2%}._player_1s8oc_67,._player-empty_1s8oc_338{width:350px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:10px}._tournament-title_1s8oc_23{font-size:27px}._Invite-friend-popup-up_1s8oc_196{display:flex;flex-direction:column;border-radius:10px;position:fixed;top:60%;left:50%;height:500px;transform:translate(-50%,-50%);width:300px;overflow:auto;background-color:#1b062a}._friend_1s8oc_225{display:flex;width:300px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._buttons_1s8oc_412{display:none;justify-content:space-around;width:100%;column-gap:10px;margin-top:20%}._up-buttons_1s8oc_99{display:flex;margin-top:3%;margin-left:8%;column-gap:30px}._up-button_1s8oc_99,._up-button-disabled_1s8oc_118{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px}._down-button_1s8oc_131{display:none;background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px}}@media (max-width: 978px){._player_1s8oc_67,._player-empty_1s8oc_338{width:300px}._tournament-title_1s8oc_23{font-size:25px}}@media (max-width: 852px){._player_1s8oc_67{width:40%}._player-empty_1s8oc_338{width:40%;column-gap:4px}}@media (max-width: 578px){._player_1s8oc_67{width:300px}._player-empty_1s8oc_338{width:300px;column-gap:10px}._buttons_1s8oc_412{margin-top:20%}._tournament-title_1s8oc_23{font-size:22px}._destroy-button_1s8oc_29{height:30px;width:100px}}@media (max-width: 400px){._player_1s8oc_67{width:300px}._player-empty_1s8oc_338{width:300px;justify-content:center;gap:2px}._avatar_1s8oc_357{height:75px;width:75px;border-radius:10px}._tournament-members_1s8oc_145{margin:0 auto;align-items:center;position:relative;z-index:0}._buttons_1s8oc_412{margin-top:20%}._Invite-friend-popup-up_1s8oc_196{border-radius:10px;position:fixed;top:50%;left:50%;height:400px;transform:translate(-50%,-50%);width:200px;overflow:auto;background-color:#1b062a}._friend_1s8oc_225{display:flex;width:200px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._tournament-infos_1s8oc_50{display:flex;flex-direction:column;gap:2px;margin-top:3%;align-items:flex-start}._little-line_1s8oc_60{display:none}._tournament-id_1s8oc_66{display:flex;column-gap:20px}._players-number_1s8oc_67{display:flex;column-gap:30px}._tournament-title_1s8oc_23{margin-top:5%;font-size:18px}._up-buttons_1s8oc_99{position:sticky;top:0;display:flex;margin:3% auto;column-gap:10px;justify-content:flex-start}._up-button_1s8oc_99,._up-button-disabled_1s8oc_118,._destroy-button_1s8oc_29{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:30px;width:85px;padding:0 5px;font-size:13px}}@media (max-width: 261px){._tournament-page-content_1s8oc_7,._tournament-infos_1s8oc_50{margin-top:10px}._tournament-title_1s8oc_23{font-size:20px}._tournament-id-title_1s8oc_66,._tournament-id-value_1s8oc_74,._players-number-title_1s8oc_67,._players-number-value_1s8oc_94{font-size:70%;color:#fff}._tournament-members_1s8oc_145{width:90%;gap:5px;height:800px}._tournament-title_1s8oc_23{margin-top:5%;font-size:13px}._Invite-friend-popup-up_1s8oc_196{border-radius:10px;top:60%;left:50%;height:250px;transform:translate(-50%,-50%);width:90%;overflow:auto;background-color:#1b062a}._friend-invite-button_1s8oc_290{margin-top:2px;margin-right:5px;border:none;width:50px;height:50px}._up-buttons_1s8oc_99{position:sticky;top:0;display:flex;margin:3% auto;column-gap:10px}._up-button_1s8oc_99,._up-button-disabled_1s8oc_118{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:25px;width:85px;padding:0 5px;font-size:10px}._tournament-id-value-and-icon_1s8oc_74 svg{color:#fff;height:12px;width:12px}._tournament-id-value_1s8oc_74{font-size:10px}._destroy-button_1s8oc_29{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:25px;width:85px;padding:0 5px;font-size:10px}}._joinTournament_1p74u_1{position:relative;width:100%;display:flex;align-items:center;flex-direction:column;height:100%;top:100px;gap:10px}._search_1p74u_12{display:flex;justify-content:flex-start;align-items:center;height:60px;width:70%;gap:10px}._input-and-icon_1p74u_20{position:relative;gap:10px;width:30%;height:40px;display:flex;justify-content:space-between;border:1px solid #ffffff;border-width:2px;border-radius:20px}._input-and-icon_1p74u_20:focus-within{border-color:#913dce}._search-input_1p74u_35{border:none;background-color:transparent;color:#fff;font-size:20px;width:98%}._search-icon_1p74u_43{color:#fff;zoom:1.1;margin-top:6px;margin-left:10px}._search-input_1p74u_35:focus{outline:none;border-color:#007bff}._search-results_1p74u_55{position:absolute;display:flex;flex-direction:column;width:95%;margin-left:2.5%;height:80px;top:calc(100% + 2px);background-color:#292727b3;gap:20px}._search-results-div_1p74u_67{display:flex;width:100%;margin-top:5px;justify-content:center}._search-results-titles_1p74u_74{color:#fff;font-size:15px;width:50%}._search-results-join_1p74u_80{display:flex;justify-content:center;width:50%}._search-results-join-button_1p74u_86{width:90px;height:25px;text-align:center;border:none;color:#fff;font-weight:700;border-radius:7px;background-color:#913dce}._tournament-suggestions_1p74u_98{background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:10px;height:700px;width:70%;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:auto}._table-th_1p74u_109{margin-top:20px;width:70%;display:flex;color:#fff}._h3-titles_1p74u_116{width:25%;text-align:center;font-size:17px}._h4-titles_1p74u_121{width:25%;text-align:center}._join_1p74u_1{width:25%;height:40px;display:flex;justify-content:center}._join-button_1p74u_131,._join-button-search_1p74u_143{width:100px;height:30px;text-align:center;border:none;color:#fff;font-weight:700;border-radius:7px;background-color:#913dce;cursor:pointer}._table-line_1p74u_155{width:75%;height:2px;background-color:#5b5264}@media (max-width: 1024px){._tournament-suggestions_1p74u_98,._search_1p74u_12{width:90%}._h3-titles_1p74u_116{font-size:15px}}@media (max-width: 768px){._tournament-suggestions_1p74u_98{width:98%}._search_1p74u_12{width:98%;align-items:center;height:50px}._input-and-icon_1p74u_20{width:50%}._table-th_1p74u_109{margin-top:10px;width:95%}._table-line_1p74u_155{width:95%;height:2px;background-color:#5b5264}._join-button_1p74u_131{width:70px;height:25px}}@media (max-width: 500px){._tournament-suggestions_1p74u_98{width:100%}._search_1p74u_12{width:100%;gap:3px}._input-and-icon_1p74u_20{position:relative;display:flex;gap:10px;width:30%;height:30px}._h3-titles_1p74u_116,._h4-titles_1p74u_121{font-size:12px}._join-button_1p74u_131{width:60px;height:20px}._join-button-search_1p74u_143{width:60px;height:30px;margin-right:2px}._input-and-icon_1p74u_20{width:70%;gap:3px}._search-input_1p74u_35{color:#fff;font-size:15px}._search-icon_1p74u_43{color:#fff;zoom:1.1;margin-top:2px;margin-left:10px}}@media (max-width: 370px){._h3-titles_1p74u_116,._h4-titles_1p74u_121{font-size:10px}._join-button_1p74u_131{width:60px;height:15px}._input-and-icon_1p74u_20{width:100%}}@media (max-height: 340px){._joinTournament_1p74u_1{position:relative;width:100%;display:flex;align-items:center;flex-direction:column;height:100%;top:10px}}@media (max-width: 290px){._tournament-suggestions_1p74u_98{gap:5px;width:100%}._joinTournament_1p74u_1{gap:5px}._h3-titles_1p74u_116,._h4-titles_1p74u_121{font-size:8px}._join-button_1p74u_131{width:60px;height:15px}._input-and-icon_1p74u_20{width:100%}._table-th_1p74u_109{margin-top:10px}}._tournamentbracketpage_dm8tw_1{width:100%;height:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto}._next-game-button_dm8tw_12{width:100%;background-color:red;display:flex;justify-content:flex-end}._normalSvg_dm8tw_19{position:relative;width:100%;height:1200px;display:flex;align-items:center;justify-content:center}._verticalSvg_dm8tw_28{display:none}._display-components-div_dm8tw_32{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;border-radius:8px;background-color:#1b062a;width:500px;height:200px;gap:5px;z-index:100}._winner-message_dm8tw_49{display:flex;align-items:center;justify-content:center;padding:20px;background-color:gold;color:#fff;font-size:1.2rem;font-weight:700;border-radius:10px;box-shadow:0 4px 15px #0003;animation:_fadeInScale_dm8tw_1 .8s ease-in-out;max-width:600px;margin:20px auto;text-align:center;position:relative}._winner-message_dm8tw_49:before,._winner-message_dm8tw_49:after{content:"";position:absolute;width:50px;height:50px;background:#fff6;border-radius:50%;animation:_sparkle_dm8tw_1 2s infinite}._winner-message_dm8tw_49:before{top:-20px;left:-20px}._winner-message_dm8tw_49:after{bottom:-20px;right:-20px}@keyframes _fadeInScale_dm8tw_1{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes _sparkle_dm8tw_1{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.4);opacity:1}}._display-components-div-winner_dm8tw_115{display:flex;flex-direction:column;position:absolute;top:80px;border-radius:8px;left:50%;transform:translate(-50%);gap:5px}._display-components-div-text_dm8tw_126{color:#fff;background-color:#442d6a;border-radius:2px;padding:4px 8px;cursor:pointer}._display-components-div-text_dm8tw_126:hover{background-color:#000}._display-components-div-players-data_dm8tw_138{width:90%;max-width:460px;height:70%;display:flex;justify-content:space-around;align-items:center}._display-components-div-players-data-winner_dm8tw_147{width:100%;max-width:460px;height:70%;display:flex;justify-content:space-around;align-items:center}._display-components-div-players-data-image_dm8tw_157{width:100px;height:100px;border-radius:8px}._display-components-div-players-data-svg_dm8tw_163{width:80px;height:80px;border-radius:8px}@media (max-width: 1600px){._normalSvg_dm8tw_19{width:1440px}}@media (max-width: 1500px){._normalSvg_dm8tw_19{width:1300px}}._confetti-div_dm8tw_181{position:absolute;top:0;width:100%;background-color:red}@media (max-width: 1366px){._normalSvg_dm8tw_19{width:1100px}}@media (max-width: 1160px){._normalSvg_dm8tw_19{width:1000px}}@media (max-width: 1062px){._normalSvg_dm8tw_19{width:900px}}@media (max-width: 960px){._normalSvg_dm8tw_19{width:800px}}@media (max-width: 860px){._normalSvg_dm8tw_19{width:700px}}@media (max-width: 1024px){._tournamentbracketpage_dm8tw_1{width:100%;display:flex;align-items:unset;justify-content:center;overflow-y:auto}._verticalSvg_dm8tw_28{width:100%;display:flex;align-items:unset;justify-content:center;height:auto;margin-left:10px;margin-right:10px}._normalSvg_dm8tw_19{display:none}._display-components-div_dm8tw_32{top:300px}}@media (max-width: 540px){._display-components-div_dm8tw_32{top:300px;border-radius:8px;width:80%;height:180px}._display-components-div-winner_dm8tw_115{border-radius:8px;width:100%;height:180px}._display-components-div-text_dm8tw_126{color:#fff}._display-components-div-players-data-image_dm8tw_157{width:70px;height:70px;border-radius:8px}._display-components-div-players-data-svg_dm8tw_163{width:50px;height:50px;border-radius:8px}}@media (max-width: 300px){._display-components-div_dm8tw_32{top:150px;border-radius:8px;width:90%;height:150px}._display-components-div-winner_dm8tw_115{border-radius:8px;width:100%;height:180px}._display-components-div-text_dm8tw_126{color:#fff}._display-components-div-players-data-image_dm8tw_157{width:50px;height:50px;border-radius:8px}._display-components-div-players-data-svg_dm8tw_163{width:40px;height:40px;border-radius:8px}._verticalSvg_dm8tw_28{width:100%}}@media (max-width: 768px){._winner-message_dm8tw_49{font-size:1rem;padding:15px}._winner-message_dm8tw_49:before,._winner-message_dm8tw_49:after{width:50px;height:50px}._display-components-div-winner_dm8tw_115{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:unset;border-radius:8px;width:100%;height:100px;gap:5px}}@media (max-width: 480px){._winner-message_dm8tw_49{font-size:1rem}._winner-message_dm8tw_49:before,._winner-message_dm8tw_49:after{width:30px;height:30px;display:none}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.container canvas{background-color:#fff;border-radius:7px}.details-element{background-color:#fff;width:100%;color:#000}.score-bar p{margin:0}.score-bar{width:75%;max-width:620px;background-color:#fff;border-radius:20px;display:flex;position:relative;z-index:10;justify-content:space-between;padding:0 5px;box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px;border:3px rgb(68,45,106) solid}.score-bar .aiOpponent-separator{color:#913dce;display:flex;justify-content:center;align-items:center;font-weight:700;width:35px;font-size:40px}.score-bar .player{display:flex;justify-content:space-between;align-items:center;height:100%;width:50%;color:#442d6a}.score-bar .player .score{font-size:40px;font-weight:700}.score-bar .player .name{font-size:25px;font-weight:700}.score-bar .player img{border-radius:100%;border:3px #913dce solid;width:40px;min-width:40px;height:40px;min-height:40px;padding:3px}.score-bar>.player:first-child .name{margin-left:10px;margin-right:auto}.score-bar>.player:last-child .name{margin-right:10px;margin-left:auto}.aiOpponent-optionBtns{display:flex;align-items:center;justify-content:center;gap:7px;width:100%}.aiOpponent-optionBtns button{height:40px;font-weight:700;width:45%;max-width:310px;color:#442d6a;border-radius:8px;background-color:#fff;border:none;cursor:pointer}@media (min-width: 425px){.score-bar-mobile{display:none}}.loading-screen{position:absolute;background:#913dce4d;border-radius:7px;margin-top:18px;display:flex;justify-content:center;align-items:center}@keyframes loading-text{0%{scale:1;opacity:1}to{scale:2;opacity:0}}.step-1,.step-2,.step-3{animation:loading-text 1s forwards;color:#442d6a;font-size:50px;margin:0 0 70px;font-weight:700}.step-START,.step-CONTINUE{color:#442d6a;font-size:50px;margin:0 0 70px;font-weight:700;font-style:italic;animation:loading-text 1s forwards}.result p{margin:0}.result{background:#913dce;border-radius:20px;width:75%;max-width:620px;display:flex;justify-content:center;align-items:center}@keyframes showup{0%{opacity:0;transform:translateY(50px)}to{transform:translateY(0);opacity:1;z-index:0;height:70px;padding:0 5px;width:75%;max-width:620px;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;margin-bottom:-50px;animation:showup 2s backwards;border:3px rgb(68,45,106) solid;background-color:#442d6a;border-bottom:none;border-radius:20px 20px 0 0}}.final p{margin:0 0 13px}.final{position:relative;height:70px;padding:0 5px;width:75%;max-width:620px;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;margin-bottom:-50px;color:#fff;animation:showup 2s backwards;border:3px rgb(68,45,106) solid;border-bottom:none;border-radius:20px 20px 0 0;background-color:#442d6a}.header{font-weight:800;font-size:40px;color:#fff}.sub-header{color:#fff;font-weight:600;font-size:20px;font-style:italic}@media (max-width: 425px){.score-bar{display:none}.score-bar-mobile p{margin:0}.loading-screen{margin-top:75px}.score-bar-mobile{width:75%;max-width:620px;position:relative;z-index:10;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px;box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px;border:3px rgb(68,45,106) solid}.score-bar-mobile .aiOpponent-separator{color:#913dce;display:flex;justify-content:center;align-items:center;font-weight:700;height:15px;width:30%;font-size:30px}.score-bar-mobile .player{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;color:#442d6a}.score .scoreNumber{color:#442d6a;font-size:30px;font-weight:700}.score-bar-mobile .player .name{font-size:15px;font-weight:700}.score{display:flex;justify-content:center;align-items:center;width:40%;text-align:center}.avatarAndName{display:flex;align-items:center;gap:10px}.score-bar-mobile .player img{border-radius:100%;border:3px #913dce solid;width:30px;min-width:30px;height:30px;min-height:30px;padding:3px}}._tournament-page_10s5y_1{height:100%;width:100%;overflow-y:auto}._tournament-page-content_10s5y_13{margin-top:80px;margin-bottom:110px;width:100%;display:flex;flex-direction:column;overflow-y:auto}._title-and-destroy_10s5y_22{display:flex;width:100%;justify-content:center;align-items:center}._title-and-destroy-div_10s5y_29{display:flex;width:90%;justify-content:space-between;align-items:center}._tournament-title_10s5y_36{margin-left:8%;color:#fff;font-weight:700}._destroy-button_10s5y_42{border:none;background-color:#913dce;height:40px;margin-top:10px;border-radius:7px;color:#fff;font-size:20px;width:130px}._change-player-username_10s5y_53{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:20%;left:50%;transform:translate(-50%);gap:20px;width:400px;height:200px;background-color:#1b062a;z-index:999;border-radius:8px}._change-player-username-title_10s5y_70{color:#fff;font-size:20px;font-weight:700}._change-player-username-input_10s5y_76{height:40px;padding:5px 0;border-radius:5px;width:80%;border:1.5px solid black;box-sizing:border-box;text-indent:10px}._change-player-buttons_10s5y_86{display:flex;justify-content:space-around;width:100%}._change-player-button_10s5y_86{padding:0 5px;border:none;height:40px;width:100px;background-color:#913dce;border-radius:5px;color:#fff;font-size:18px;font-weight:700}._line_10s5y_104{margin-top:1%;width:85%;height:1px;background-color:#fff;opacity:40%;margin-left:8%}._tournament-infos_10s5y_113{display:flex;flex-direction:row;gap:1.5%;margin-top:3%;margin-left:8%;align-items:center}._little-line_10s5y_122{width:1px;height:60%;background-color:#fff}._tournament-id-title_10s5y_128,._players-number-title_10s5y_129{display:inline;white-space:nowrap;font-size:90%;color:#fff}._tournament-id-value-and-icon_10s5y_136{display:flex;justify-content:center;align-items:center;gap:5px}._tournament-id-value-and-icon_10s5y_136 svg{color:#fff;height:14px;width:14px;cursor:pointer}._tournament-id-value_10s5y_136{color:#fff;font-size:90%;cursor:pointer}._players-number-value_10s5y_155{color:#fff;font-size:90%}._up-buttons_10s5y_160{display:none;margin-top:3%;margin-left:8%;column-gap:30px}._up-button_10s5y_160{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px}._up-button-disabled_10s5y_178{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px;opacity:50%}._down-button_10s5y_190{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px}._tournament-members_10s5y_203{position:relative;display:flex;flex-wrap:wrap;width:90%;margin:0 auto;align-content:center;justify-content:center;gap:40px;padding-top:2%;scrollbar-color:transparent transparent;height:600px}._disconnected-div_10s5y_217{position:absolute;display:flex;flex-direction:column;gap:10px;background-color:#292430e6;height:100%;width:100%;border-radius:10px;align-items:center;justify-content:center;z-index:100}._disconnected-div_10s5y_217 p{font-size:20px;font-weight:700;color:#cc3f3f}._disconnected-button_10s5y_237{background-color:#cc3f3f;border-radius:7px;color:#fff;border:none;height:20px;width:100px;padding:0 5px;font-size:12px}._down-popup-button_10s5y_248{position:relative}._Invite-friend-popup-up_10s5y_252{display:none;border-radius:10px;top:60%;left:50%;height:250px;transform:translate(-50%,-50%);width:90%;overflow:auto;background-color:#1b062a}._Invite-friend-popup-down_10s5y_264{position:absolute;display:flex;flex-direction:column;row-gap:2px;border-radius:10px;z-index:1;left:117%;bottom:-216px;height:534px;transform:translate(-50%,-50%);width:350px;overflow:auto;background-color:#1b062a}._friend_10s5y_280{display:flex;width:350px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._error-container_10s5y_289{margin-top:10%}._title-swal_10s5y_293{color:#b00020;font-size:20px}._friend-data_10s5y_298{display:flex;justify-content:flex-start;align-items:center;column-gap:10px}._friend-avatar_10s5y_305{width:40px;height:40px;border-radius:4px}._friend-name-and-status_10s5y_311{display:flex;flex-direction:column;column-gap:2px}._friend-name_10s5y_311{color:#fff;font-size:14px}._friend-status_10s5y_322{color:#fff;font-size:12px;opacity:.7}._friend-invite-button_10s5y_328{margin-top:2px;border:none;width:50px;height:50px}._player_10s5y_129{width:22.5%;position:relative;max-width:400px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:5px}._player-opened_10s5y_349{width:22.5%;position:relative;max-width:400px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:5px;cursor:not-allowed}._player-selected_10s5y_362{border:3px solid rgba(255,255,255,.6)}._player-empty_10s5y_366{width:22.5%;position:relative;max-width:400px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to right bottom,#442d6a,#4a258b80);border-radius:10px}._user-avatar_10s5y_383{width:100%;height:50%;position:relative}._avatar_10s5y_389{height:80px;width:80px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%)}._avatar-empty_10s5y_399{margin-top:10%;height:100px;width:100px;border-radius:10px}._line-and-user-info_10s5y_406{width:100%;display:flex;flex-direction:column;justify-content:space-around;border-radius:0 5px 5px;height:50%;gap:3px;background:linear-gradient(to right bottom,#442d6a,#4a258be6)}._user-info_10s5y_421{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:35px}._user-info-name_10s5y_429,._user-info-level_10s5y_430{color:#fff}._line-inside-player_10s5y_434{width:100%;height:1px;background-color:#fff}._down-buttons_10s5y_440{display:flex;margin-top:3%;margin-left:8%;column-gap:30px}._buttons_10s5y_447{display:flex;justify-content:space-around;width:100%;column-gap:10px;margin-top:40px}._button_10s5y_447{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px}._button-disabled_10s5y_466{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px;opacity:50%}._notifications_10s5y_478{display:flex;flex-direction:column;gap:10px;align-items:end}@keyframes _fadeInRight_10s5y_1{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}._notif_10s5y_478{margin-right:5px;background-color:#ffffffb3;display:flex;flex-direction:column;width:270px;right:2%;z-index:1;height:75px;border-radius:8px;gap:10px;opacity:0;animation:_fadeInRight_10s5y_1 .5s ease-in-out forwards}._destroy-popup_10s5y_514{background-color:#1b062a}._destroy-popup-title_10s5y_518{color:#fff}._invite-notif-text_10s5y_522{margin-top:5px;text-align:center;font-size:15px}._invite-notif-buttons_10s5y_528{display:flex;gap:10px;justify-content:center}._invite-notif-button-accept_10s5y_534{background-color:#00ff43;width:70px;height:30px;border-radius:7px;border:none;font-weight:700;font-size:15px}._invite-notif-button-deny_10s5y_544{background-color:#f22;width:70px;height:30px;font-weight:700;border-radius:7px;border:none;font-size:15px}@media (min-width: 1440px){._tournament-page_10s5y_1{height:100%;width:100%;overflow-y:auto;display:flex;justify-content:center}._tournament-page-content_10s5y_13{margin-top:80px;margin-bottom:110px;width:1440px;display:flex;flex-direction:column;overflow-y:auto}}@media (max-width: 1413px){._tournament-members_10s5y_203{height:700px}}@media (max-width: 1170px){._tournament-members_10s5y_203{width:90%;height:100%;display:flex;flex-wrap:wrap;margin-top:1%;align-content:flex-start;justify-content:center;row-gap:20px;column-gap:20px;padding-top:2%}._player-opened_10s5y_349{width:350px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:not-allowed}._player_10s5y_129,._player-empty_10s5y_366{width:350px;height:180px;display:flex;align-items:center;justify-content:center;border-radius:10px}._tournament-title_10s5y_36{font-size:27px}._Invite-friend-popup-up_10s5y_252{display:flex;flex-direction:column;border-radius:10px;position:fixed;top:60%;left:50%;height:500px;transform:translate(-50%,-50%);width:300px;overflow:auto;background-color:#1b062a}._friend_10s5y_280{display:flex;width:300px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._buttons_10s5y_447{display:none;justify-content:space-around;width:100%;column-gap:10px;margin-top:20%}._up-buttons_10s5y_160{display:flex;margin-top:3%;margin-left:8%;column-gap:30px}._up-button_10s5y_160,._up-button-disabled_10s5y_178{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:40px;width:130px;padding:0 5px;font-size:20px}._down-button_10s5y_190{display:none;background-color:#913dce;border-radius:7px;color:#fff;border:none;height:50px;width:150px;padding:0 5px;font-size:20px}}@media (max-width: 978px){._player_10s5y_129{width:300px}._change-player-username_10s5y_53{top:10%;gap:20px;width:300px;height:150px}._change-player-username-title_10s5y_70{color:#fff;font-size:20px;font-weight:700}._change-player-username-input_10s5y_76{height:30px;padding:5px 0;border-radius:5px;width:80%}._player-empty_10s5y_366,._player-opened_10s5y_349{width:300px}._tournament-title_10s5y_36{font-size:25px}}@media (max-width: 852px){._player_10s5y_129,._player-opened_10s5y_349{width:40%}._player-empty_10s5y_366{width:40%;column-gap:4px}}@media (max-width: 578px){._player_10s5y_129,._player-opened_10s5y_349{width:300px}._player-empty_10s5y_366{width:300px;column-gap:10px}._change-player-username_10s5y_53{top:5%;gap:20px;width:300px;height:150px}._buttons_10s5y_447{margin-top:20%}._tournament-title_10s5y_36{font-size:22px}._destroy-button_10s5y_42{height:30px;width:100px}}@media (max-width: 400px){._player_10s5y_129,._player-opened_10s5y_349{width:300px}._player-empty_10s5y_366{width:300px;justify-content:center;gap:2px}._avatar_10s5y_389{height:75px;width:75px;border-radius:10px}._tournament-members_10s5y_203{margin:0 auto;align-items:center;position:relative;z-index:0}._buttons_10s5y_447{margin-top:20%}._Invite-friend-popup-up_10s5y_252{border-radius:10px;position:fixed;top:50%;left:50%;height:400px;transform:translate(-50%,-50%);width:200px;overflow:auto;background-color:#1b062a}._friend_10s5y_280{display:flex;width:200px;height:50px;justify-content:space-between;padding:0 5px;align-items:center}._tournament-infos_10s5y_113{display:flex;flex-direction:column;gap:2px;margin-top:3%;align-items:flex-start}._little-line_10s5y_122{display:none}._tournament-id_10s5y_128{display:flex;column-gap:20px}._players-number_10s5y_129{display:flex;column-gap:30px}._tournament-title_10s5y_36{margin-top:5%;font-size:18px}._up-buttons_10s5y_160{position:sticky;top:0;display:flex;margin:3% auto;column-gap:10px;justify-content:flex-start}._up-button_10s5y_160,._up-button-disabled_10s5y_178,._destroy-button_10s5y_42{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:30px;width:85px;padding:0 5px;font-size:13px}}@media (max-width: 261px){._tournament-page-content_10s5y_13,._tournament-infos_10s5y_113{margin-top:10px}._tournament-title_10s5y_36{font-size:20px}._tournament-id-title_10s5y_128,._tournament-id-value_10s5y_136,._players-number-title_10s5y_129,._players-number-value_10s5y_155{font-size:70%;color:#fff}._tournament-members_10s5y_203{width:90%;gap:5px;height:800px}._tournament-title_10s5y_36{margin-top:5%;font-size:13px}._Invite-friend-popup-up_10s5y_252{border-radius:10px;top:60%;left:50%;height:250px;transform:translate(-50%,-50%);width:90%;overflow:auto;background-color:#1b062a}._friend-invite-button_10s5y_328{margin-top:2px;margin-right:5px;border:none;width:50px;height:50px}._up-buttons_10s5y_160{position:sticky;top:0;display:flex;margin:3% auto;column-gap:10px}._up-button_10s5y_160,._up-button-disabled_10s5y_178{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:25px;width:85px;padding:0 5px;font-size:10px}._tournament-id-value-and-icon_10s5y_136 svg{color:#fff;height:12px;width:12px}._tournament-id-value_10s5y_136{font-size:10px}._destroy-button_10s5y_42{background-color:#913dce;border-radius:7px;color:#fff;border:none;height:25px;width:85px;padding:0 5px;font-size:10px}._change-player-username_10s5y_53{top:5%;width:95%;height:150px}._change-player-username-title_10s5y_70{color:#fff;font-size:15px;font-weight:700}._change-player-username-input_10s5y_76{height:25px;padding:5px 0;border-radius:5px;width:90%}._change-player-button_10s5y_86{height:30px;width:70px;font-size:15px}}.nav-bar{display:flex;margin-top:20px;margin-left:-50px}.nav-bar img{width:50px}.error-page{display:flex;flex-direction:column;padding:0 100px}.header{display:flex;justify-content:center;gap:30px;margin-top:80px}.header .box-page-not-found{display:flex;width:665px;align-items:center;color:#913dce;font-size:55px}.header .box-404{display:flex;align-items:center;color:#7e57c2;font-size:140px;font-family:Iceberg,IBM Plex Sans,sans-serif;gap:5px}.header .box-404 img{width:110px}.sub-header{display:flex;margin-top:50px;justify-content:center;gap:30px}.sub-header .err-msg{color:#fff;font-size:40px;width:735px;flex-shrink:1}.sub-header .space{width:188px;flex-shrink:5}.button{display:flex;justify-content:center;margin-top:50px}.button a{display:flex;text-decoration:none;padding:10px 15px;align-items:center;justify-content:center;cursor:pointer;color:#fff;background:#ffffff40;border-radius:10px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (max-width:830px){.header{flex-direction:column-reverse;align-items:center;margin-top:20px;gap:10px}.header .box-page-not-found{text-align:center;font-size:22px;width:auto}.header .box-404{font-size:80px;gap:5px}.header .box-404 img{width:68px}.sub-header{gap:0px;margin-top:120px}.sub-header .err-msg{text-align:center;font-size:19px;width:auto}.sub-header .space{width:0px}.button a{padding:8px 10px;font-size:13px}}._game-modes-page-local_ieq3n_2{overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}._game-modes-div_ieq3n_11{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;gap:40px;margin:80px auto 0}._play-solo-mode_ieq3n_21,._create-tournament-mode_ieq3n_22,._join-tournament-mode_ieq3n_23{width:80%;height:150px;display:flex;align-items:center;background:linear-gradient(90deg,#442d6a,#442d6a80);border-radius:10px;gap:50px}._play-solo-mode-image_ieq3n_34,._create-tournament-mode-image_ieq3n_43{margin-left:20px;display:flex;justify-content:center;align-items:center;width:120px;height:100px}._join-tournament-mode-image_ieq3n_52{margin-left:20px;width:120px;height:100px;display:flex;justify-content:center;align-items:center}._play-solo-mode-title-and-description_ieq3n_61{height:100px;width:100%;display:flex;flex-direction:column;justify-content:center;gap:5px}._create-tournament-mode-title-and-description_ieq3n_70,._join-tournament-mode-title-and-description_ieq3n_78{height:100px;display:flex;flex-direction:column;justify-content:center;gap:5px}._play-solo-mode-title_ieq3n_61,._create-tournament-mode-title_ieq3n_70,._join-tournament-mode-title_ieq3n_78{color:#fff}._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103{color:#fff;width:70%}._join-tournament-mode-description_ieq3n_109{color:#fff;width:60%}._game-modes-page-buttons_ieq3n_114{width:80%;height:150px;display:flex;align-items:center;justify-content:space-between;border-radius:10px}._game-modes-page-button_ieq3n_114{display:flex;align-items:center;height:150px}._game-modes-page-button_ieq3n_114 button{height:45px;width:145px;color:#fff;font-size:18px;padding:10px 50px;background-color:#913dce;text-align:center;border:none;border-radius:5px;opacity:.5;cursor:not-allowed}._tournament_warnings_ieq3n_143{position:absolute;display:flex;width:200px;height:50px;background-color:#fff;justify-content:center;align-items:center;border-radius:10px;z-index:100;color:#000}._game-modes-page-button_ieq3n_114 button:active{background-color:#000}._game-modes-page-button-selected_ieq3n_160 button{opacity:1;cursor:pointer;height:45px;width:145px;color:#fff;white-space:nowrap;font-size:15px;padding:10px 50px;background-color:#913dce;text-align:center;border:none;border-radius:5px}._mode-selected_ieq3n_175{border:2px white solid}@media (min-width: 1440px){._play-solo-mode_ieq3n_21,._create-tournament-mode_ieq3n_22,._join-tournament-mode_ieq3n_23,._game-modes-page-buttons_ieq3n_114{width:45%;min-width:1000px}}@media (max-width: 1439px){._play-solo-mode-description_ieq3n_98,._join-tournament-mode-description_ieq3n_109{width:100%}}@media (max-width: 1024px){._play-solo-mode_ieq3n_21,._create-tournament-mode_ieq3n_22,._join-tournament-mode_ieq3n_23{gap:30px}._play-solo-mode-title_ieq3n_61,._create-tournament-mode-title_ieq3n_70,._join-tournament-mode-title_ieq3n_78{font-size:25px}._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103,._join-tournament-mode-description_ieq3n_109{font-size:2vw}}@media (max-width: 768px){._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103,._join-tournament-mode-description_ieq3n_109{font-size:2.5vw}}@media (max-width: 540px){._play-solo-mode-title_ieq3n_61,._create-tournament-mode-title_ieq3n_70,._join-tournament-mode-title_ieq3n_78{font-size:20px}}@media (max-width: 425px){._play-solo-mode-image_ieq3n_34,._create-tournament-mode-image_ieq3n_43,._join-tournament-mode-image_ieq3n_52{margin-left:10px;width:50px;height:50px}._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103,._join-tournament-mode-description_ieq3n_109{font-size:12px}._play-solo-mode-image_ieq3n_34 img,._create-tournament-mode-image_ieq3n_43 img,._join-tournament-mode-image_ieq3n_52 img{margin-left:10px;width:60px;height:60px}}@media (max-width: 375px){._play-solo-mode_ieq3n_21,._create-tournament-mode_ieq3n_22,._join-tournament-mode_ieq3n_23{flex-direction:column;gap:0px}._game-modes-page-buttons_ieq3n_114{flex-direction:column-reverse;gap:0px}._play-solo-mode-title-and-description_ieq3n_61,._create-tournament-mode-title-and-description_ieq3n_70,._join-tournament-mode-title-and-description_ieq3n_78{align-items:center}._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103,._join-tournament-mode-description_ieq3n_109{text-align:center;width:100%}._play-solo-mode-image_ieq3n_34,._create-tournament-mode-image_ieq3n_43,._join-tournament-mode-image_ieq3n_52{margin-left:0;margin-top:20px}._play-solo-mode-title_ieq3n_61,._create-tournament-mode-title_ieq3n_70,._join-tournament-mode-title_ieq3n_78{font-size:18px}}@media (max-width: 260px){._game-modes-page_ieq3n_2{gap:10px;margin-bottom:100px}._game-modes-page-local_ieq3n_2{overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:150px}._play-solo-mode_ieq3n_21,._create-tournament-mode_ieq3n_22,._join-tournament-mode_ieq3n_23,._game-modes-page-buttons_ieq3n_114{height:180px}._play-solo-mode-title_ieq3n_61,._create-tournament-mode-title_ieq3n_70,._join-tournament-mode-title_ieq3n_78{font-size:15px}._play-solo-mode-description_ieq3n_98,._create-tournament-mode-description_ieq3n_103,._join-tournament-mode-description_ieq3n_109{text-align:center;width:100%}}.settings-page{display:flex;justify-content:center;width:100%;height:100%;padding:100px 20px 0;gap:20px;overflow-y:scroll}.avatarEditor{touch-action:none}:root{--dark-gray: color-mix( in oklab, hsl( 215 8.8% 73.3% / 1) 100%, black 0% )}.shadow-bg{box-shadow:0 0 20px #ccc;box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.btn-active{background:linear-gradient(to bottom,#442d6ae6,#4a258b33)}.settings-page .no-bottom{border-bottom:none}.linear-purple-bg{background:linear-gradient(to bottom,#442d6acc,#4a258b00);box-shadow:0 0 20px #ccc;box-shadow:0 .5px 5px #ccc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:5px;border:1px solid rgba(255,255,255,.18)}.settings-page .settings__leftside{display:flex;flex-direction:column;width:25%;color:#fff}.settings__leftside .pic-name{display:flex;align-items:center;margin-bottom:5px;gap:10px;cursor:pointer}.settings__leftside .pic-name p{cursor:inherit}.settings__leftside .pic-name img{height:40px;width:40px;border-radius:50%}.settings-page .settings__leftside .left__email{margin-top:5px;height:30px;border-bottom:#ccc .5px solid;margin-bottom:20px;font-size:17px}.settings-page .settings__leftside .left__security,.settings-page .settings__leftside .left__pers-info{display:flex;align-items:center;justify-content:center;height:45px;width:100%;border-radius:10px;cursor:pointer;font-size:18px}.settings__header{color:#fff;font-size:28px;border-bottom:#ccc .1px solid;letter-spacing:.5px}.settings-page .settings__security{display:flex;flex-direction:column;width:70%;padding-top:5px;gap:15px;margin-bottom:550px}.settings__security .security__update{display:flex;flex-direction:column;width:100%}.settings-page .settings__security .update__pwd{display:flex;flex-direction:column;align-items:center;padding:15px 20px 5PX 20PX}.update__pwd .pwd__title__input{max-width:400px;width:100%}.settings-page .settings__security .update__pwd .pwd__title{color:var(--dark-gray);width:100%;text-align:start;margin-bottom:10px}.settings-page .settings__security .update__pwd .input__ctr{position:relative;margin-bottom:15px}.update__pwd .input__ctr .pwd__eye{display:flex;align-items:center;position:absolute;top:50%;right:10px;color:var(--dark-gray);cursor:pointer;transform:translateY(-50%)}.update__pwd .input__ctr .pwd__eye svg{width:17px;height:17px}.update__pwd .input__ctr .pwd__input{padding-left:5px;width:100%;height:40px;outline:none;border:none;background-color:#0000004d;border-radius:5px;color:#fff;font-size:17px;max-width:500px}.update__pwd .pwd__submit{display:flex;width:100%;justify-content:flex-end;gap:10px}.settings-page .update__lodaing{display:flex;flex-direction:column;height:180px;align-items:center;justify-content:space-evenly;padding-bottom:20px}.update__lodaing .loading__ctr{display:flex;height:50px;width:70%;border:white 3px solid;border-radius:10px;position:relative;z-index:2}.settings-page .settings__security .tfq{display:flex;flex-direction:column;padding:10px 35px 0}.settings-page .settings__security .tfq h1{color:#fff;font-size:27px;border-bottom:white .5px solid;padding-bottom:10px;margin-bottom:20px}.settings-page .settings__security .tfq p{color:#fff;font-size:18px;margin-bottom:10px}.settings-page .settings__security .tfq .tfq__applist{padding:0 15px;font-size:18px;margin-bottom:10px;margin-right:20px;color:#fff}.settings-page .settings__security .tfq .tfq__submit{display:flex;justify-content:center;border-top:white solid .5px;gap:10px;padding:20px 0}.settings-page .settings__security .tfq .no--top-border{border-top:white solid 0px}.tfq .tfq__submit .submit{color:#fff;border:none;border-radius:5px;padding:10px 30px;border:white .5px solid;cursor:pointer;font-size:15px}.tfq__submit .submit__cancel{background-color:#2f084b}.tfq__submit .submit__cancel:hover{border:none;background-color:#52127f;transition:ease-in .2s}.tfq__submit .submit__continue{background-color:#826aed}.tfq__submit .submit__continue:hover{border:none;background-color:#927eea;transition:ease-in .2s}.settings-page .settings__security .tfq h2{color:#fff;margin:10px 0 5px;width:100%;text-align:center;font-size:22px}.settings-page .settings__security .tfq h4,.settings-page .settings__security .tfq h3{color:#fff;margin-bottom:5px;width:100%;text-align:left;font-size:17px}.settings-page .settings__security .tfq .tfq__keycode{display:flex;align-self:center;margin-bottom:10px;justify-content:center;padding:20px;gap:10px;border-radius:5px;background:#fff3;border:1px solid rgba(255,255,255,.18)}.tfq .tfq__keycode .keycode__key{display:flex;flex-direction:column;margin-top:20px;width:150px}.tfq .tfq__keycode .keycode__key h6{display:flex;color:#fff;font-size:11px;padding:5px 8px;border-radius:5px;background-color:#2f084b80;word-break:break-all}.tfq .tfq__keycode .keycode__QR{height:150px;width:150px}.tfq .tfq__input{align-self:center;padding-left:5px;width:80%;height:35px;outline:none;border:solid white .5px;background-color:#0000004d;border-radius:5px;color:#fff;font-size:17px;margin-bottom:10px}.tfq .tfq__input::placeholder{color:#7f7f7fcc;font-size:14px}.update__pwd .pwd__submit .submit-button{color:#fff;border:none;border-radius:5px;padding:8px 10px;border:white .5px solid;cursor:pointer;font-size:15px;background-color:#927eea;margin-top:10px;margin-bottom:10px}.update__pwd .pwd__submit .submit-button:hover{background-color:#826aed;border:none;transition:ease-in .2s}.update__pwd .pwd__submit .submit__cancel{background-color:#2f084b}.update__pwd .pwd__submit .submit__cancel:hover{background-color:#52127f}.settings-page .settings__security .update__lodaing{display:flex;flex-direction:column;height:180px;align-items:center;justify-content:space-evenly;padding-bottom:20px}.update__lodaing .loading__title{color:#fff}.settings__security .update__lodaing .loading__ctr{display:flex;height:50px;width:70%;border:white 3px solid;border-radius:10px;position:relative;z-index:2}.settings-page .settings__security .twofaw{display:flex;flex-direction:column;height:200px}.settings-page .settings__personal-info{display:flex;flex-direction:column;width:70%;padding-top:5px;gap:15px;margin-bottom:800px}.settings__personal-info .personal-info__update{display:flex;flex-direction:column}.update{display:flex;align-items:center;height:90px;border-bottom:2px solid rgba(255,255,255,.2);padding:0 40px 0 20px;gap:15px;color:#fff}.personal-info__update .update img{height:70px;width:70px;border-radius:50%;margin-right:10px}.personal-info__update .update+.update img{margin-right:10px;height:55px;width:70px;border-radius:5px}.personal-info__update .update .title-pic{font-size:18px;font-weight:450;color:#ccc}.update .title{color:#ccc;width:90px;font-size:18px;font-weight:450;margin-right:20px}.update .more-width{width:160px}.update .update__info{font-size:15px;font-weight:450;cursor:inherit}.update .update__bio{position:relative;cursor:pointer}.update .update__bio .update__info-hover{position:absolute;top:-10px;opacity:0;padding:5px;font-size:15px;transition:opacity 1s ease;border:solid white .5px;background-color:#0000004d;border-radius:5px;cursor:pointer;z-index:4}.update .update__bio:hover .update__info-hover{opacity:1}.update .update__bio:hover .update__info{opacity:0}.personal-info__update .update .update__input{padding-left:5px;width:160px;height:35px;outline:none;border:solid white .5px;background-color:#0000004d;border-radius:5px;color:#fff;font-size:17px}.update .update__input::placeholder{color:#7f7f7fcc;font-size:14px}.personal-info__update .update-height{height:150px}.personal-info__update .update .input-bio{height:100px;width:250px;padding:8px;font-size:15px}.update .update__btn{display:flex;background-color:#826aed;border:white 1px solid;border-radius:10px;padding:8px 25px;margin-left:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.update .update__btn:hover{padding:9px 27px;background-color:#927eea;transition:ease-in-out .2s}.update .update__btn p{cursor:inherit}.update .country__select-button{-webkit-user-select:none;user-select:none;margin-top:5px;color:#fff;background:linear-gradient(to bottom,#442d6ae6,#4a258b66);border:white 1px solid}.update .update__country-placeholder{color:#fff;font-size:15px}.personal-info__update .country-space{justify-content:space-between;border-bottom:none}.adjustpic{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:10px 20px 20px}.adjustpic h2{display:flex;align-self:start;color:#fff;width:100%;padding:0 0 5px;font-size:25px;border-bottom:.5px solid white}.adjustpic .avatarEditor{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border-radius:5px;padding-bottom:10px;box-shadow:0 .5px 5px #ccc;border:1px solid rgba(255,255,255,.18)}.adjustpic .zoomscale{display:flex;align-items:center;gap:5px;color:#fff;border:white 1px solid;box-shadow:0 .5px 5px #ccc;border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:3px 5px}.adjustpic .custom-file-upload{display:flex;gap:10px;justify-content:center;align-items:center;padding:5px 8px;cursor:pointer;border-radius:5px;color:#250939;background:#fff;border:white 1px solid;font-size:15px;font-weight:450}.custom-file-upload input[type=file]{display:none}.custom-file-upload:hover{color:#fff;background:#250939;transition:ease-in .3s}.adjustpic .adjustpic__submit{display:flex;gap:10px}.adjustpic .adjustpic__submit button{background:#2f084b;border-radius:5px;font-size:16px;font-weight:450;padding:8px 16px;color:#fff;border:solid 1px white;cursor:pointer}.adjustpic .adjustpic__submit button:nth-child(2){background:#826aed}.adjustpic .adjustpic__submit .submit__not-allowed{cursor:not-allowed}.adjustpic .adjustpic__submit button:hover{background:#52127f}.adjustpic .adjustpic__submit button:nth-child(2):hover{background-color:#927eea}@media (min-width: 1440px){.settings-page{width:1400px;margin:0 auto}}@media (max-width: 1000px){.settings-page{flex-direction:column;justify-content:start}.settings-page .settings__security,.settings-page .settings__leftside{width:90%;align-self:center}.settings__leftside .pic-name{font-size:20px;height:50px;width:50px}.settings-page .settings__personal-info{align-self:center;width:90%;margin-bottom:280px}}@media (max-width: 768px){.settings__header{font-size:25px}.update{padding:0 20px;gap:10px}.update .update__btn{padding:8px 15px}.update .update__btn:hover{padding:9px 17px}.update .update__info,.update .update__bio .update__info-hover{font-size:8px}.update .title{width:85px;font-size:14px;margin-right:10px}.personal-info__update .update .title-pic{font-size:14px}.settings-page .settings__security .tfq{padding:10px 35px 0}.settings-page .settings__security .tfq h1{font-size:20px}.settings-page .settings__security .tfq p{font-size:15px}.settings-page .settings__security .tfq h2{font-size:16px}.settings-page .settings__security .tfq h4,.settings-page .settings__security .tfq h3{font-size:14px}.settings-page .settings__security .tfq .tfq__applist{font-size:15px}}@media (min-width: 570px){.update .update__btn svg{display:none}}@media (max-width: 570px){.update{padding:0 15px}.settings-page .settings__security,.settings-page .settings__personal-info,.settings-page .settings__leftside{width:100%}.update .update__btn svg{display:block}.update .update__btn p{display:none}.update .update__btn svg{height:18.5px;width:18.5px}.update .update__btn{padding:3px}.update .update__btn:hover{padding:5.5px}.personal-info__update .update img{height:50px;width:50px;margin-right:5px}.personal-info__update .update+.update img{margin-right:5px;height:45px;width:60px}}@media (max-width: 450px){.settings-page .settings__security .tfq{padding:10px 15px 0}.settings-page .settings__security .tfq h1{font-size:16px}.settings-page .settings__security .tfq p,.settings-page .settings__security .tfq h2,.settings-page .settings__security .tfq h4,.settings-page .settings__security .tfq h3,.settings-page .settings__security .tfq .tfq__applist,.tfq .tfq__input::placeholder{font-size:12px}.settings-page .settings__security .tfq .tfq__keycode{flex-direction:column-reverse;align-items:center;padding:15px}.tfq .tfq__keycode .keycode__key{margin-top:0;width:122px}.tfq .tfq__keycode .keycode__key h6{font-size:10px}.tfq .tfq__keycode .keycode__QR{height:120px;width:120px}.tfq .tfq__submit .submit{border-radius:5px;padding:10px 15px;font-size:10px}.personal-info__update .update .title-pic{font-size:10px}.update .title{width:10px;font-size:10px;margin-right:10px}.country-space{flex-direction:column;justify-content:baseline;padding:10px 0}.personal-info__update .update img{height:40px;width:40px;margin-right:5px}.personal-info__update .update+.update img{margin-right:5px;height:35px;width:50px}}.customization-page{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto}.customization-container{max-width:1440px;width:100%;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:10px 20px}.customization-options{width:80%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#442d6a80,#4a258b4d);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000026;border-radius:15px;border:1px solid rgba(255,255,255,.1);padding:20px;gap:20px}.customization-preview{width:100%;display:flex;justify-content:center;align-items:center}.customization-preview-text{color:#fff;font-weight:600;text-align:center;background-color:#0009;border-radius:5px;padding:10px 50px;box-shadow:0 4px 15px #0003;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.customization-preview-text:hover{box-shadow:0 6px 20px #00000040}.customization-tabs{width:80%;display:flex;justify-content:center;margin-bottom:20px;gap:10px;color:#fff}.customization-tab{padding:10px 20px;width:30%;font-size:14px;border-radius:10px;cursor:pointer;background-color:#0006;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);letter-spacing:.5px}.customization-tab:hover{background-color:#0009;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.customization-tab-active{background-color:#4a258b99;box-shadow:0 4px 12px #4a258b4d;border:1px solid rgba(255,255,255,.2)}.customization-actions{width:100%;padding:20px 0;display:flex;justify-content:center;margin-bottom:70px}.customization-actions-buttons{width:80%;display:flex;justify-content:space-between;align-items:center}.customization-save-actions{display:flex;gap:20px}.customization-back,.customization-save,.customization-reset{padding:10px 30px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;overflow:hidden}.customization-back{color:#fff;background:transparent;border:2px solid rgba(255,255,255,.1)}.customization-save{color:#fff;background-color:transparent;border:1px solid rgba(255,255,255,.1)}.customization-reset{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.1)}.customization-back:hover,.customization-save:hover,.customization-reset:hover{box-shadow:0 4px 15px #0003}.customization-back:active,.customization-save:active,.customization-reset:active{transform:translateY(1px);box-shadow:0 2px 8px #00000026}@media (max-width: 768px){.customization-tabs{gap:20px;margin-bottom:15px;justify-content:center;width:100%;padding:0 20px}.customization-tab{font-size:15px}.customization-options{width:95%;padding:15px;gap:10px}.customization-preview{padding:10px}.customization-preview-text{padding:10px 15px;font-size:15px;width:100%;max-width:200px}.customization-actions-buttons{width:100%;gap:10px}.customization-save-actions{justify-content:center}.customization-back,.customization-save,.customization-reset{padding:10px 15px;font-size:15px}}@media (max-width: 480px){.customization-tabs{width:100%;flex-direction:column;gap:5px;padding:0 5px}.customization-tab{width:100%;font-size:14px;letter-spacing:.3px}.customization-options{width:98%;padding:14px}.customization-preview-text{padding:.6rem 1rem;font-size:14px;max-width:180px}.customization-actions-buttons{width:90%;flex-direction:column;gap:10px}.customization-save-actions{width:100%;justify-content:center;flex-direction:column;gap:10px}}.customization-preview-container{position:absolute;width:100%;height:80%;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;overflow:hidden;overflow-y:auto;z-index:9999}.customization-preview-bg{position:relative;width:840px;height:440px;border-radius:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:scaleIn .3s ease;padding:32px}.game-table{width:100%;height:100%;position:relative;border:2px solid white;overflow:hidden;background-size:cover;background-position:center}.game-paddle{position:absolute;width:20px;height:100px}.left-paddle{left:10px;top:50%;transform:translateY(-50%)}.paddle-image{width:100%;height:100%;object-fit:cover}.game-ball{position:absolute;width:20px;height:20px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.game-ball-effect{position:absolute;top:50%;left:100%}.preview-close-button{color:#fff;position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.preview-close-button:hover{background-color:#fff3;transform:rotate(90deg)}@media (max-width: 1024px){.customization-preview-bg{width:600px;height:350px;padding:25px}.preview-close-button{top:8px;right:8px;width:14px;height:14px}}@media (max-width: 768px){.customization-preview-bg{width:400px;height:220px}.game-paddle{width:15px;height:75px}.game-ball{width:15px;height:15px}}@media (max-width: 480px){.customization-preview-container{width:100%}.customization-preview-bg{width:99%;height:200px;padding:25px}.preview-close-button{width:14px;height:14px}}
