@import url(https://fonts.googleapis.com/css2?family=Secular+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Settings_sectionTitle__uJODW,.Settings_settingsBox__scvnz,.Settings_settingsContainer__r8FCR,.Settings_settingsHeader__vUrk1,.Settings_settingsItem__eG\+n8,.Settings_userValue__-K5jn{color:var(--color-text)}.Settings_avatarContainer__wOZOC,.Settings_inputContainer__tWnYz,.Settings_settingsContainer__r8FCR{background:var(--color-container)}.Settings_settings__bRdee{align-items:center;background-color:var(--color-bg);display:flex;flex-direction:column;min-height:100vh;padding:50px}.Settings_settingsHeader__vUrk1{align-items:center;display:flex;gap:10px}.Settings_backArrow__5rJEi{cursor:pointer}.Settings_settingsTitle__9Sxyz{font-weight:700}.Settings_settings__bRdee p{font-size:24px;font-weight:700;margin-bottom:20px}.Settings_settingsContainer__r8FCR{align-items:center;border-radius:20px;padding:20px;width:400px}.Settings_sectionTitle__uJODW{font-size:18px;font-weight:700;margin-bottom:10px;margin-top:10px}.Settings_settingsItem__eG\+n8{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:16px;justify-content:space-between;padding:20px;transition:background-color .3s ease}.Settings_settingsItem__eG\+n8:hover{background-color:var(--color-container-hover)}.Settings_settingsItem__eG\+n8.Settings_noHover__VRMfW:hover{background-color:initial}.Settings_itemContainer__BVoDz{display:flex;gap:10px}.Settings_arrow__wrdeR{cursor:pointer;opacity:.5}.Settings_switch__oTE7N{display:inline-block;height:18px;position:relative;width:34px}.Settings_switch__oTE7N input{height:0;opacity:0;width:0}.Settings_slider__M2Gft{background-color:#ccc;border-radius:18px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.Settings_slider__M2Gft:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:14px;left:2px;position:absolute;transition:.3s;width:14px}input:checked+.Settings_slider__M2Gft{background-color:#4a90e2}input:checked+.Settings_slider__M2Gft:before{transform:translateX(16px)}.Settings_profileContainer__dXbXf{background:#c0d6f9;border-radius:12px;min-width:350px;padding:20px;width:50%}.Settings_profileSection__mNOiX{align-items:center;display:flex;font-size:16px;justify-content:space-between;margin-bottom:10px}.Settings_profileSection__mNOiX b{font-size:18px}.Settings_darkModeToggle__QsNbu{cursor:pointer;transform:scale(1.2)}.Settings_avatarContainer__wOZOC{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin-bottom:15px;padding:15px}.Settings_avatarPreview__J5d2B{border-radius:50%;height:100px;margin-bottom:10px;width:100px}.Settings_inputContainer__tWnYz{align-items:center;border-radius:8px;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}.Settings_inputContainer__tWnYz input{border:1px solid #ccc;border-radius:5px;padding:8px;width:90%}.Settings_popup__kQ75Y{background:#fffffff2;border-radius:12px;color:var(--color-text);left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:300px}.Settings_popup__kQ75Y .Settings_inputContainer__tWnYz{align-items:center;display:flex;flex-direction:column}.Settings_popup__kQ75Y .Settings_buttonContainer__oIfML{display:flex;gap:25px;justify-content:space-between;margin-top:10px}.Settings_popup__kQ75Y .Settings_buttonContainer__oIfML .Settings_button__5\+JXI,.Settings_popup__kQ75Y .Settings_buttonContainer__oIfML .Settings_deleteButton__dCkYI{flex:1 1;margin:0 5px}.Settings_popup__kQ75Y .Settings_button__5\+JXI{margin-top:10px}.Settings_button__5\+JXI{background:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.Settings_button__5\+JXI:hover{background:#357ac9}.Settings_button__5\+JXI:disabled{background:#ccc;cursor:not-allowed}.Settings_deleteButton__dCkYI{background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.Settings_deleteButton__dCkYI:hover{background:#c9302c}.Settings_deleteButton__dCkYI:disabled{background:#ccc;cursor:not-allowed}.Settings_unblockModalContent__OLuvQ{display:flex;flex-direction:column;gap:10px}.Settings_unblockPostsList__7sFx7{max-height:300px;overflow-y:auto;padding:10px}.Settings_unblockPostItem__fXzsO{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.Settings_unblockPostText__ZUhzM{align-items:flex-start;display:flex;flex-direction:column;max-width:80%;text-align:left}.Settings_unblockUsername__WQ2I-{color:var(--color-text);font-size:14px}.Settings_unblockTitle__YUmxP{color:var(--color-text);font-size:16px;font-weight:700;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Settings_unblockPostButton__t2JjG{background:#10da53;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.Settings_unblockPostButton__t2JjG:hover{background:#0e9e3f}.Settings_unblockPopup__Tx\+uC{width:500px}.Settings_modalOverlay__RAxIP{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.Settings_modalContent__erUe7{background:#fffffff2;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:90%;padding:20px;text-align:center;width:350px}.Settings_modalTitle__918Mx{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.Settings_modalMessage__m4v\+m{color:#555;font-size:16px;margin-bottom:20px}.Settings_modalButton__qgAcM{background:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 15px;transition:background .3s ease}.Settings_modalButton__qgAcM:hover{background:#357ac9}#Settings_modalcontent__AEsqE{display:none!important}:root{--color-bg:#2a475e;--color-container:#1b2838;--color-container-hover:#111822;--color-text:#fff;--notif-description-text:#fff}.light{--color-bg:#f8f9ff;--color-container:#d2e4ff;--color-container-hover:#99c2ff;--color-text:#000;--notif-description-text:#0009}.searchWrapper{background-color:#c7d5e0;border:1.5px solid var(--color-text);border-radius:30px;max-width:75vh;padding:.5px 8px}.searchBarContainer,.searchWrapper{align-items:center;display:flex;width:100%}.searchBarContainer{background-color:#c9d7e0;border-radius:40px;gap:10px;height:4vh;max-width:80vh;padding:.5vh 1vh}.searchIcon{color:#1b2838;font-size:1.3rem;margin-left:8px}.animatedSearchInput{background:#0000;border:none;box-shadow:none;color:#1b2838;flex:1 1;font-size:1rem;outline:none}.goSearchBtn{align-items:center;background-color:#3498db;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:2.2rem;justify-content:center;margin-left:12px;min-width:2.2rem;padding:8px 16px}.goSearchBtn:hover{background-color:#66c0f4}.navbar-wrapper{font-family:Secular One,sans-serif;left:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.navbar-top{align-items:center;background:var(--color-container);display:flex;height:6rem;justify-content:space-between;padding:0 1.5rem}.logo{color:var(--color-text);cursor:pointer;flex-shrink:0;font-family:Secular One,sans-serif;font-size:3.5vw;font-weight:700;margin-right:1vw;text-decoration:none;transition:opacity .2s ease-in-out}.logo:hover{opacity:.8}.search-container{flex:1 1;margin:0 2rem 0 1rem;max-width:50%;position:relative}.search-icon{color:#999;font-size:1.2rem;left:9.5rem;position:absolute;top:50%;transform:translateY(-50%)}.search-container input{background:var(--color-bg);border:none;border-radius:999px;color:var(--color-text);font-size:1.25rem;height:2.5rem;outline:none;padding:0 1rem 0 5rem;width:55%}.top-right{align-items:center;display:flex;gap:1.5rem;margin-right:.5rem}.btn-create{background:#3498db;border-radius:.5rem;color:var(--color-text);padding:.4rem .7rem;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.btn-create:hover{background-color:#66c0f4;transform:scale(1.1)}.bell-icon{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem;left:2vh;position:relative;z-index:10}.bell-icon.active:after{background-color:red;border:2px solid var(--color-container);border-radius:50%;content:"";height:10px;position:absolute;right:2px;top:2px;width:10px}.profile-btn{color:var(--color-text);cursor:pointer;font-size:2.5rem;margin-top:.5rem;position:relative;width:100}.profile-dropdown{background:var(--color-container);border-radius:.375rem;box-shadow:0 2px 6px #0006;font:1rem;margin-top:.5rem;padding:.5rem;position:absolute;right:0;top:100%;z-index:1100}.profile-dropdown a,.profile-dropdown button{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;padding:.5rem 1rem;text-align:left;text-decoration:none;white-space:nowrap}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--color-container-hover)}.logout,.profile-dropdown a,.profile-dropdown button{font-family:Secular One,sans-serif;font-size:1.15rem}.icon-btn.menu{font-size:1.8rem}.mobile-nav{align-items:center;background:var(--color-container);display:flex;flex-direction:column;gap:1.5rem;height:calc(100% - 80px);left:0;padding-top:1rem;position:fixed;top:80px;width:100%;z-index:1000}.mobile-nav a,.mobile-nav button.logout{background:none;border:none;color:var(--color-text);font-size:1.2rem;padding:.75rem 0;text-align:center;text-decoration:none;width:100%}.mobile-nav button.logout{background:red;border-radius:.375rem}.navbar-secondary{align-items:center;background:var(--color-container-hover);display:flex;gap:2.5rem;height:3rem;padding-left:1.5rem}.navbar-secondary .about-us,.navbar-secondary a{color:var(--color-text);cursor:pointer;font-size:1.15rem;text-decoration:none}.navbar-secondary>a:hover{opacity:.7}.about-us{cursor:pointer;margin-left:0;position:relative}.about-label{color:var(--color-text);font-size:1.15rem;font-weight:100;text-decoration:none;transition:opacity .2s}.about-label:hover{opacity:.7}.about-dropdown{background:var(--color-container-hover);border-radius:.375rem;left:50%;margin-top:.25rem;position:absolute;top:100%;transform:translateX(-50%);z-index:1100}.about-dropdown a{color:var(--color-text);display:block;opacity:1!important;padding:.5rem 1rem;text-align:center;text-decoration:none;white-space:nowrap}.about-dropdown a:hover{color:grey}.icon-btn{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.8rem}.icon-btn.bell{position:relative}.icon-btn.bell.active:after{background:#ef4444;border:1.5px solid var(--color-container);border-radius:50%;content:"";height:.45rem;position:absolute;right:.2rem;top:.2rem;width:.45rem}.notif-dropdown{border-radius:.5rem;box-shadow:0 4px 12px #00000026;right:1rem;top:6.5rem;width:400px}.notif-dropdown section h6{font-weight:600;margin:0 1rem .5rem}.request-item{margin:.25rem;padding:.5rem}.accept-button,.reject-button{font-size:.8rem;padding:.25rem .5rem}.notif-item{padding:.75rem 1rem}.notif-item-header{display:flex;justify-content:space-between}.notif-item-header .time{font-size:.8rem}.profile-icon{border:.1rem solid var(--color-text);border-radius:50%;cursor:pointer;height:4rem;object-fit:cover;width:4rem}#root>.App,body{background-color:var(--color-bg);padding-top:1rem}.notif-dropdown{background:var(--color-container);border-radius:0 0 .5rem .5rem;box-shadow:none;color:var(--color-text);max-height:400px;overflow-y:auto;position:absolute;right:.01rem;top:6rem;width:50vh;z-index:1100}.notif-dropdown::-webkit-scrollbar{width:.65rem}.notif-dropdown::-webkit-scrollbar-thumb{background:var(--color-bg);border-radius:3px}.notif-dropdown section{padding:1rem 0;text-align:center}.notif-dropdown section h6{font-size:1.2rem;font-weight:2rem;text-align:center}.notif-dropdown hr{border:none;border-top:5px solid #0000001a;margin:0}.notification-header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:.5rem 1rem}.notification-header h5{font-size:1.4rem;margin:0}.notification-header button{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem}.notif-item{background:var(--color-bg);border:1px solid #00000014;border-radius:.375rem;font-size:small;margin:0 1rem .5rem;padding:.8rem 1rem;position:relative;transition:background .15s}.notif-item:hover{background:var(--color-container-hover)}.notif-item-header{grid-gap:.75rem;align-items:center;border-bottom:1px solid #0000001a;display:grid;gap:.75rem;grid-template-columns:1fr auto auto;margin-bottom:.4rem;padding-bottom:.4rem}.notif-item-header .name{font-size:1rem;font-weight:700;margin:0;padding:0;text-align:left}.notif-item-header .time{color:var(--color-text);font-size:.85rem;text-align:right}.close-btn{background:none;border:none;color:red;cursor:pointer;font-size:1.5rem;font-weight:700;margin-left:.25rem;transition:color .2s}.request-item{align-items:center;background-color:var(--color-bg);border:1px solid #00000014;border-radius:.375rem;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;margin:0 1rem .5rem;padding:.75rem 1rem;transition:background .15s}.request-item .username{flex:1 1;text-align:left}.request-item .actions{display:flex;gap:1rem}.accept-button,.reject-button{border:none;border-radius:.25rem;cursor:pointer;font-size:.85rem;font-weight:700;gap:20rem;margin-left:auto;padding:.35rem .75rem}.accept-button{background-color:#3498db;color:#fff}.reject-button{background-color:red;color:#fff}.accept-button:hover{background-color:#66c0f4}.reject-button:hover{background-color:#8b0000}.friend-username{font-weight:600;max-width:150px}.friend-username,.request-item .request-username{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.request-item .request-username{color:var(--color-text);text-decoration:none}@media (max-width:700px){.navbar-top{align-items:center;display:flex;height:4rem;justify-content:space-between;position:relative}.navbar-secondary,.searchWrapper{display:none}.icon-btn.menu{align-items:center;display:flex;font-size:1.5rem;height:2.2rem;justify-content:center;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:2.2rem;z-index:1001}.logo{flex-shrink:0;font-size:1.25rem;margin-left:3rem;order:0}.top-right{align-items:center;display:flex;gap:.25rem;margin-left:auto;order:1}.btn-create,.icon-btn.search{align-items:center;background:none;border-radius:50%;display:flex!important;font-size:1.2rem;height:2.2rem;justify-content:center;padding:0;width:2.2rem}.btn-create,.icon-btn.bell,.icon-btn.search,.profile-icon{height:2rem;margin-left:.25rem;width:2rem}.icon-btn.search{order:1}.btn-create{order:2}.icon-btn.bell{order:3}.profile-btn{order:4}.mobile-nav{background:var(--color-container);bottom:0;display:flex;flex-direction:column;left:0;padding:1rem;position:fixed;right:0;top:3.5rem;z-index:1000}.mobile-nav>a:last-child{order:1}.mobile-nav>a[href*="/games"]{order:2}.mobile-nav>a[href*="/friends"]{order:3}.mobile-nav>a[href*="/styleguide"]{order:4}.mobile-nav .about-wrapper{order:5}.about-wrapper{position:relative;text-align:center;width:100%}.about-dropdown-mobile{border-radius:.5rem;display:flex;flex-direction:column;margin-top:.5rem;padding:.5rem 0;text-align:center;width:100%}.about-dropdown-mobile.show{display:flex}.about-dropdown-mobile a{padding:.5rem 1rem;position:relative}.about-dropdown-mobile a,.about-us{color:var(--color-text);text-align:center;text-decoration:none}.about-us{background:none;border:none;font-size:1.2rem;width:100%}.profile-dropdown-mobile{background:var(--color-container);border-radius:.375rem;box-shadow:0 2px 6px #0003;display:none;flex-direction:column;position:absolute;right:3.5rem;top:3.5rem;width:10rem;z-index:1001}.profile-btn.open .profile-dropdown-mobile{display:flex}.profile-dropdown-mobile a,.profile-dropdown-mobile button{background:none;border:none;color:var(--color-text);display:block;font-size:.95rem;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.profile-dropdown-mobile a:hover,.profile-dropdown-mobile button:hover{background:var(--color-container-hover)}.notif-dropdown{bottom:3.5rem;max-width:none;right:.5rem;top:auto;width:80%}.searchWrapper.mobile{align-items:center;border:none;border-radius:2rem;display:flex;margin:.5rem .5rem .5rem 2rem;width:18rem}.notif-dropdown{background:var(--color-container);border-radius:.5rem;box-shadow:0 4px 12px #00000026;color:var(--color-text);left:50%;max-height:60vh;overflow-y:auto;padding:1rem;position:fixed;top:4.5rem;transform:translateX(-50%);width:90vw;z-index:1100}.notif-dropdown section h6{font-size:1.1rem}.notif-item{font-size:.95rem;padding:.75rem .5rem}.notif-item-header .name{font-size:1rem}.notif-item-header .time{font-size:.8rem}}@media (max-width:400px){.navbar-top{padding:0 .5rem}.btn-create,.icon-btn.bell,.icon-btn.menu,.icon-btn.search{font-size:1.3rem}.logo{font-size:1.5rem;margin-left:2.25rem}}.App-header{background-color:var(--color-bg);color:var(--color-text)}.App{text-align:center}.App-logo{height:40vmin}.App-header{align-items:flex-center;display:flex;flex-direction:row;font-size:calc(10px + 2vmin);justify-content:center;min-height:auto}.deletePost{width:100%}.deleteIcon{float:right}.settings{width:100%}.link-button{background-color:initial;border:none;cursor:pointer;display:inline;margin:0;outline:none;padding:0}.link-button:active,.link-button:focus,.link-button:hover{outline:none;text-decoration:none}.submitbutton{background-color:blue;border-radius:5px;margin:10px}.no-suggestions{color:#999;padding:.5rem}.autocomplete input{width:calc(300px + 1rem)}.autocomplete{min-height:165px}.suggestions{border:1px solid #999;border-top:0 solid #999;display:inline-block;list-style:none;margin-top:0;max-height:143px;overflow-y:auto;padding-left:0;position:relative;width:calc(300px + 1rem)}.suggestions li{padding:.5rem}.suggestion-active,.suggestions li:hover{background-color:#008f68;color:#fae042;cursor:pointer;font-weight:700}.suggestions li:not(:last-of-type){border-bottom:1px solid #999}.profileform label{display:block}.App-link{color:#09d3ac}.postlist,.userlist{border-radius:20px;display:inline-flex;margin:10px;padding:30px;text-align:left;width:60%}.userlist{background:blue;justify-content:space-between}.comments{background:#fff;display:block;display:flex;flex-direction:column;justify-content:center}.commentlist,.comments{border-radius:20px;color:#000;margin:10px;padding:10px;width:90%}.commentlist{background:#add8e6;display:block;font-size:12px;text-align:left}.maincontent{display:flex-start;flex-direction:column;flex-grow:1;justify-content:center;min-height:100vh;padding-top:60px}.posts{justify-content:flex-start}.commentlist.postbody,.posts{align-items:center;display:flex;flex-direction:column}.commentlist.postbody{justify-content:center;margin-left:auto;margin-right:auto;max-width:650px;text-align:center;width:100%}.comment-block{align-items:flex-start}.tag-active{border:red;border-style:solid;border-width:thick}.sidenav-icon{height:40px;margin-right:15;width:40px}.comment-indicator{display:block;float:right;text-align:left;width:100%}.comment-icon{float:right;height:40px;width:40px}.comment-indicator-text{background-color:#add8e6;border-radius:10px;color:#000;float:right;font-size:16px;font-weight:700;margin-left:10px;padding:5px;text-align:center;width:120px}.block-icon{cursor:pointer;height:20px;margin-right:10px;order:1;width:20px}.block-confirm-dialog{background:var(--color-container);border-radius:8px;box-shadow:0 2px 10px #00000080;color:var(--color-text);padding:15px;position:absolute;text-align:center;z-index:1000}.block-confirm-dialog p{font-size:16px;margin:0 0 10px}.block-confirm-buttons{display:flex;gap:10px;justify-content:center}.block-confirm-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 16px}.block-confirm-buttons .confirm-button{background:#d72638;color:#fff}.block-confirm-buttons .confirm-button:hover{background:#b52030}.block-confirm-buttons .cancel-button{background:#666;color:#fff}.block-confirm-buttons .cancel-button:hover{background:#555}.block-success-message{background:#10da53;border-radius:5px;color:#fff;font-size:14px;margin-top:10px;padding:10px;position:absolute;text-align:center;z-index:1000}.block-icon,.comment-icon{fill:#fff;filter:brightness(1);transition:filter .2s}.block-icon:hover,.comment-icon:hover{filter:brightness(1.2)}.modalOverlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modalContent{background:#fffffff2;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:90%;padding:20px;text-align:center;width:350px}.modalTitle{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.modalButtonGroup{display:flex;gap:10px;justify-content:center}.modalButton{background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.modalButton:hover{background:#c9302c}.hide{display:none}.modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fefefe;border:1px solid #888;height:200px;margin:15% auto;padding:1px 10px 20px 20px;width:50%}.close{color:#aaa;float:right;font-size:35px;font-weight:700;line-height:42px}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.chat{align-items:center;display:flex;justify-content:center}.chat__main{flex:0.6 1}.form{display:flex;height:100%;justify-content:space-between;width:100%}.message{border:1px solid #ddd;height:100%;outline:none;padding:12px;width:80%}.messageIcon{height:40px;transition:transform .3s ease;width:40px}.messageIcon:hover{cursor:pointer;transform:scale(1.1)}.sendBtn{background-color:green;border:none;color:#ff0;cursor:pointer;outline:none;padding:10px;width:150px}.message__recipient{background-color:#000;color:#fff;text-align:start;width:300px}.message__recipient,.message__sender{font-size:15px;padding:8px;width:-moz-fit-content;width:fit-content}.message__sender{background-color:blue;margin-left:auto;max-width:400px;text-align:right}.recipient__name{color:#000;font-size:13px;text-align:left}.sender__name{color:#000;font-size:13px;text-align:right}.main-container{align-items:center;flex-direction:column;margin-top:0}.formContainer{flex:2 1}input[type=text],textarea{border:1px solid #ccc}.dropdown{flex:1 1;max-width:400px;min-width:200px}.dropdownContent{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;display:none;left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.dropdownContent.show{display:block}.dropdownItem{background-color:#fff;color:#000;cursor:pointer;padding:10px;transition:background .2s}.dropdownItem:hover{background-color:#c7d5e0}.tag-dropdown-btn{color:var(--color-text)!important}.tag-dropdown-btn,.tag-dropdown-content{background-color:var(--color-container)!important}.tag-dropdown-item:hover{background:#f0f0f0}.button-container{border-radius:5px;overflow:hidden}.action-button.selected,.create-poll-button:hover,.create-post-button:hover{background-color:#2980b9}.action-button.selected{font-weight:700}.create-poll-button,.create-post-button{background-color:#3498db;border:none;border-radius:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 50px;transition:background-color .3s ease}.formContainer{background-color:#1b2838;max-width:1500px;width:90%}.TrendingGames_mobileTrendingGames__ciI53{background-color:var(--color-container)}.TrendingGames_trendingGamesContainer__SVGjI{background-color:var(--color-container);border-radius:10px;display:flex;flex-direction:column;height:100%;margin-top:10px;max-width:400px;overflow:hidden;width:100%}.TrendingGames_trendingGamesHeader__lo0OV{border-bottom:2px solid #fff;color:var(--color-text);font-size:24px;font-weight:700;padding:5px;position:sticky;text-align:center;top:0;z-index:10}.TrendingGames_trendingGamesContent__wirJG{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:15px;overflow-y:auto;padding:15px}.TrendingGames_trendingGameItem__B2dDz{border-radius:10px;box-shadow:0 4px 6px #0000004d;transition:transform .2s;width:100%}.TrendingGames_trendingGameItem__B2dDz:hover{transform:scale(1.02)}.TrendingGames_trendingGameItem__B2dDz img{border-radius:10px;display:block;height:auto;width:100%}.TrendingGames_trendingGamesWrapper__2VdFU{align-self:flex-start;height:calc(100vh - 120px);position:sticky;top:175px}@media (max-width:750px){.TrendingGames_mobileTrendingGames__ciI53{background-color:var(--color-container);box-sizing:border-box;display:flex;flex-direction:column;height:25%;padding:10px;width:100vw}.TrendingGames_trendingGamesHeader__lo0OV{font-size:20px;font-weight:700;padding:5px;text-align:center}.TrendingGames_trendingGamesScroll__DTsWd{box-sizing:border-box;display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding:10px;scroll-snap-type:x mandatory;white-space:nowrap;width:100%}.TrendingGames_trendingGameItem__B2dDz{background-color:#000;border-radius:10px;flex:0 0 auto;height:100px;overflow:hidden;scroll-snap-align:center;width:100px}.TrendingGames_trendingGameItem__B2dDz img{border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}.TrendingGames_trendingGamesScroll__DTsWd::-webkit-scrollbar{display:none}}.main-container{display:flex;gap:20px;justify-content:space-between;margin-top:150px}.formContainer{background-color:var(--color-container);border-radius:8px;box-shadow:0 0 10px #0000001a;color:var(--color-text);padding:20px 30px;width:70%}.trending-games-container{flex:1 1;padding:20px}input[type=text],textarea{border:1px solid #c7d5e0;border-radius:5px;box-sizing:border-box;margin:5px 0;padding:10px;width:100%}.post-button{background-color:#66c0f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px 0;padding:10px 55px;transition:background-color .3s ease}.filterContain{display:flex;justify-content:space-between}input[type=submit]{background-color:#66c0f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;padding:10px 55px}input[type=submit]:hover{background-color:#0056b3}.dropdown{width:20%}.search-input{align-self:flex-start;background-color:#c7d5e0;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px;width:100%}.dropdown-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;display:none;left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:110%;z-index:1000}.dropdown-content.show{display:block}.dropdown-item{background-color:#fff;color:#000;cursor:pointer;padding:10px;transition:background .2s}.dropdown-item:hover{background-color:#c7d5e0}.error-message{background-color:#ff634733;border:1px solid red;border-radius:5px;color:red;display:inline-block;font-size:16px;font-weight:700;margin-top:10px;padding:8px;text-align:center;width:auto}.tag-dropdown-container{display:inline-block;position:relative}.tag-dropdown-btn{background-color:#2a374a;border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.tag-dropdown-content{background:#1b2838;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow-y:auto;position:absolute;width:200px;z-index:1}.tag-dropdown-item{cursor:pointer;padding:8px 12px;transition:background .3s}.tag-dropdown-item:hover{background-color:#10da53}.tag-dropdown-item.selected{background-color:#10da53;color:#fff}.selected-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag{background-color:#2a374a;border-radius:4px;color:#fff;display:flex}.remove-tag-btn{background:#fff;border-radius:4px;color:#000;font-size:18px;padding:0 5px}.dropdown{margin:0 auto;position:relative;width:80%}.slider-container{align-items:center;display:flex;justify-content:space-between;margin:15px 0}.slider-label{font-weight:700;margin-right:10px}.slider-wrapper{align-items:center;display:flex;gap:10px}.switch{display:inline-block;height:28px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:4px;width:22px}input:checked+.slider{background-color:#10da53}input:checked+.slider:before{transform:translateX(22px)}select{background-color:#fff;border-radius:8px;color:#333;cursor:pointer;font-size:16px;outline:none;padding:10px;transition:all .3s ease-in-out;width:100%}select:hover{border-color:#2980b9}select:focus{border-color:#1c6ea4;box-shadow:0 0 5px #3498db80}select option{background:#fff;color:#333;font-size:16px;padding:10px}select option:checked{background-color:#3498db;color:#fff}.button-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.add-option-button,.remove-option-button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s ease}.add-option-button{background-color:#3498db;color:#fff}.remove-option-button{background-color:red;color:#fff}.remove-option-button:hover{background-color:#c0392b}.poll-button{background-color:#66c0f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px 0;padding:10px 55px;transition:background-color .3s ease}.postlist{background-color:var(--color-container)}.edit-button,.postlist{color:var(--color-text)}.postlist{gap:20px;justify-content:center;max-width:1000px}.postbody,.postlist{display:flex;flex-direction:column}.postbody{width:85%}.edit-button-c{background-color:#10da53}.delete-button,.edit-button-c{border:none;border-radius:8px;color:#fff;cursor:pointer;float:left;font-size:20px;margin-right:10px;padding:10px 15px}.delete-button{background-color:red}.save-button{background-color:#10da53;margin-right:20px}.cancel-button,.save-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;padding:10px 15px}.cancel-button{background-color:red}.post-page{display:flex;justify-content:center;padding-top:100px}.commentlist.postbody{font-size:20px}.parent-comment{align-items:center;display:flex;justify-content:center;width:100%}.comment-icon .comment-indicator-text{display:flex}.postlist.postbody{display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto 5px;max-width:95%;padding:20px}@media (max-width:768px){.postlist.postbody{gap:15px;max-width:90%;padding:15px}.comment-icon,.comment-indicator-text{font-size:12px;justify-content:flex-start;margin-left:0}}@media (max-width:480px){.postlist.postbody{font-size:14px;gap:10px;padding:10px}.comment-icon,.comment-indicator-text{font-size:12px;justify-content:flex-start;margin-left:0;padding-left:10px}}.DarkModeToggle_toggleButton__X\+Q\+9{border-radius:50%;bottom:24px;cursor:pointer;padding:12px;position:fixed;right:24px;transition:all .3s}.DarkModeToggle_toggleButton__X\+Q\+9:hover{transform:scale(1.1)}.DarkModeToggle_dark__gg0SO{background-color:#e5e7eb}.DarkModeToggle_light__gUUY\+{background-color:#1f2937}.DarkModeToggle_sunIcon__UNZxJ{color:#fbbf24}.DarkModeToggle_moonIcon__3-14i{color:#3b82f6}.ErrorModal_modalOverlay__vQe5g{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.ErrorModal_modalContent__fpFq\+{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:90%;padding:20px;text-align:center;width:350px}.ErrorModal_modalTitle__Qnusj{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.ErrorModal_modalMessage__hNrIJ{color:#555;font-size:16px;margin-bottom:20px}.ErrorModal_modalButton__VEWI5{background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background .3s ease}.ErrorModal_modalButton__VEWI5:hover{background:#c9302c}.sort-banner,.trending-games-container,.trending-games-header{background-color:var(--color-container)}.ellipsis-button,.sort-banner,.trending-games-container,.trending-games-header{color:var(--color-text)}.content-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:10vh;justify-content:space-between;margin:20px auto 0;width:95%}.left-section{display:flex;flex-direction:column;padding-right:20px;width:70%}.posts-container{background-color:#c7d5e0;border-radius:1px;box-sizing:border-box;overflow-wrap:anywhere;padding:20px;width:105%;word-break:break-word}.header-right{align-items:center;display:flex;gap:60px}.profile{border:2px solid #fff;border-radius:50%}.ellipsis-button{background:none;border:none;cursor:pointer;font-size:40px}.options-menu{align-items:center;background:#fff;border:1px solid #ccc;box-shadow:0 2px 5px #0003;padding:5px;position:absolute;right:0}.delete-button,.edit-button-c{border:none;border-radius:5px;cursor:pointer;display:block;font-size:14px;font-weight:700;margin:5px 0;padding:6px;text-align:center;width:100%}.userinfo{align-items:center;display:flex;justify-content:space-between;padding:8px;position:relative;width:100%}.profile{cursor:pointer;height:55px;margin-right:10px;object-fit:cover;width:55px}.username{flex-grow:1;font-weight:700;margin-left:5px}.content{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px;padding-left:10px;text-align:left;width:100%}.title{font-size:40px;font-weight:700;margin-bottom:5px}.body{font-size:18px;line-height:1.5;width:100%}.comments.show{background-color:#c7d5e0}.comment-block{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.loading-spinner{align-items:center;color:#fff;color:#000;display:flex;flex-direction:column;font-size:1.2rem;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin:20px 0;padding:20px;text-align:center}.loading-spinner:before{animation:spin 1s linear infinite;border:5px solid #1b2838;border-radius:50%;border-top-color:#0000;content:"";height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:750px){body,html{max-width:100vw;overflow-x:hidden}.mobile-content-wrapper{display:flex;flex-direction:column;height:100vh;margin-top:-50px;overflow-x:hidden;width:100vw}.mobile-posts-section{height:80%;width:100%}.mobile-posts-section,.posts-container{box-sizing:border-box;overflow-y:auto;padding:10px}.posts-container{background-color:#c7d5e0;border-radius:10px;height:100%;width:105%}}.tags{gap:8px}.tag{background-color:#10da53;padding:5px 10px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.tag{align-items:center;border-radius:20px;display:inline-flex;font-size:14px;font-weight:700;padding:5px 12px;transition:.3s}.remove-tag-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-weight:700;margin-left:8px}.poll-details{background-color:var(--color-container);color:var(--color-text);margin:10px auto;padding:10px;width:90%}.poll-title{font-size:35px;font-weight:700;margin-bottom:8px}.poll-description,.poll-title{color:var(--color-text);text-align:center}.poll-description{font-size:25px;margin-bottom:10px}.poll-duration{background:#3498db;border-radius:6px;color:#fff;display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding:5px 10px;text-align:center}.poll-duration.no-duration{background:#8888884d;box-shadow:none;color:#ccc;font-style:italic}.poll-results{list-style:none;margin-top:10px;padding:0}.poll-result-item{align-items:center;color:var(--color-text);display:flex;flex-direction:column;font-size:18px;gap:10px;margin:15px 0}.poll-choice-text{color:var(--color-text);font-size:20px;font-weight:700;text-align:center}.poll-bar-container{background-color:#f0f0f0;border-radius:20px;box-shadow:inset 0 1px 3px #0000001a;height:10px;margin-top:5px;width:100%}.poll-bar{background-color:#3498db;border-radius:20px;height:100%;transition:width .3s ease}.poll-vote-count{color:var(--color-text);font-size:16px;font-weight:700;margin-top:5px;text-align:center}.poll-options{list-style:none;margin-top:10px;padding:0}.poll-options li{align-items:center;border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:16px;gap:12px;margin:12px 0;padding:10px;transition:background .3s ease}.poll-options li:hover{background:#ffffff1a}.poll-options input[type=radio]{display:none}.poll-options label{align-items:center;cursor:pointer;display:flex;font-size:16px;padding-left:30px;position:relative}.poll-options label:before{background-color:initial;border:2px solid #3498db;border-radius:50%;content:"";height:20px;left:0;position:absolute;transition:background .3s,border .3s;width:20px}.poll-options input[type=radio]:checked+label:before{background-color:#3498db;border:2px solid #fff;box-shadow:0 0 0 2px #3498db}.vote-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:15px;padding:12px;transition:background .3s ease;width:100%}.vote-button:hover{background:#2673b8}.edited-text{background:gray;border-radius:6px;color:#fff;display:inline-block;font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:10px;padding:5px 10px;text-align:center}.SortBy_sortBanner__dFk8v{align-items:center;background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);display:flex;gap:20px;justify-content:flex-start;margin-top:70px;max-height:80px;padding:20px;width:105%}.SortBy_controlsContainer__Q5BLC,.SortBy_rightControls__P4BM2{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:16px;min-width:0}.SortBy_controlsContainer__Q5BLC{align-items:center;display:flex;flex-wrap:wrap;flex-wrap:nowrap;gap:10px;width:100%}.SortBy_filterBtn__3Dpkb{background-color:#fff;border-radius:25px;color:#111418;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease;white-space:nowrap}.SortBy_filterBtn__3Dpkb:hover{background-color:#66c0f4;color:#fff}.SortBy_activeButton__mKxfS{background-color:#3498db;color:#fff}.SortBy_dropdownWrapper__qBV\+6{align-items:center;display:flex;gap:10px;max-height:0;transition:max-height .3s ease;visibility:hidden}.SortBy_dropdownActive__3QxRX{max-height:500px;visibility:visible}.SortBy_clearBtn__0E7AN{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:10px 15px}.SortBy_filterIcon__w\+c1L{align-items:center;cursor:pointer;font-size:2rem;margin-right:auto;z-index:2}.SortBy_filterIcon__w\+c1L:hover{color:#66c0f4}.SortBy_dropdown__PnmDw{position:relative;width:clamp(12rem,18vw,20rem);z-index:1}.SortBy_searchInput__Telx6{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}.SortBy_dropdownContent__Zs6M2{background-color:#fff;display:none;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.SortBy_dropdownContent__Zs6M2.SortBy_show__yhhGF{display:block}.SortBy_dropdownItem__IH91w{color:#000;cursor:pointer;padding:10px;transition:background .2s}.SortBy_dropdownItem__IH91w:hover{background-color:#c7d5e0}.SortBy_searchWrapper__d8FN\+.SortBy_active__nwrEN .SortBy_animatedSearchInput__fXMER{opacity:1;width:100%}@media (max-width:750px){body,html{max-width:100vw;overflow-x:hidden}.SortBy_sortBanner__dFk8v{align-items:center;background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);display:flex;flex-direction:column;gap:10px;height:50%;justify-content:space-between;margin-top:20px;max-height:60px;padding:10px;position:relative;width:105%}.SortBy_sortMobileOpen__\+rVOQ{background-color:#3498db;border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:700;padding:10px;width:80%}.SortBy_sortMobileOverlay__IY-WS{background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);display:flex;flex-direction:column;gap:20px;height:77vh;left:0;margin-top:50px;overflow-y:auto;padding:20px;position:fixed;top:0;width:100vw;z-index:999}.SortBy_exitButton__8EdRQ{font-size:2rem;right:30px;top:25px}.SortBy_exitButtonDropdown__n0gVL,.SortBy_exitButton__8EdRQ{background:none;border:none;color:red;cursor:pointer;font-weight:900;position:absolute}.SortBy_exitButtonDropdown__n0gVL{font-size:1.1rem;right:10px;top:-30px}.SortBy_buttonGroup__oqReD{display:flex;flex-direction:column;gap:15px}.SortBy_sortBtn__l9KsG{background-color:#fff;border:2px solid #0000;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px}.SortBy_activeSort__Bzc3f{background-color:#3498db;border-color:#2980b9;color:#fff}.SortBy_goButton__svAG0{background-color:#10da53;border:none;border-radius:12px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:20px auto 0;min-width:120px;padding:12px 40px;width:-moz-fit-content;width:fit-content}.SortBy_dropdownBlock__tI\+LT{margin-top:-10px;position:relative;width:100%;z-index:0}.SortBy_dropdown__PnmDw{position:relative;width:100%;z-index:1}.SortBy_dropdownContent__Zs6M2{background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0003;display:none;left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:10}.SortBy_dropdownContent__Zs6M2.SortBy_show__yhhGF{display:block}.SortBy_clearButtonMobile__LQEVK{align-self:flex-end;background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;margin-right:10px;margin-top:5px;padding:10px 15px}}.friend-list-title,.friend-name{color:var(--color-text)}.friend-card{background-color:var(--color-container)}.friends-page h2{margin-top:4rem}.friend-list-container{color:#fff;margin:auto;max-width:1200px;padding:2rem}.friend-list-title{border-top:1px solid #444;font-size:2rem;font-weight:700;margin:2rem 0 1rem;padding-top:1rem;text-align:center}.friends-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-content:center}.friend-card{align-items:center;border:1px solid #223;border-radius:8px;display:flex;flex-direction:column;padding:16px;text-align:center}.friend-avatar{border-radius:50%;height:64px;margin-bottom:10px;object-fit:cover;width:64px}.friend-info{align-items:center;display:flex;flex-direction:column}.friend-name{font-size:1rem;font-weight:600;margin-bottom:2px}.friend-status{color:#aaa;font-size:.85rem}.friend-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px}.friend-actions button,.icon-button{background-color:#144272;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:background-color .2s ease}.friend-actions button:hover,.icon-button:hover{background-color:#205295}.danger-button{background-color:#9b1c1c!important}.danger-button:hover{background-color:#c53030!important}.icon-img{filter:invert(1);height:20px;width:20px}@media (max-width:768px){.friends-grid{display:flex;flex-direction:column;gap:12px}.friend-card{align-items:center;flex-direction:row;padding:12px;text-align:left}.friend-avatar{height:48px;margin-bottom:0;margin-right:16px;width:48px}.friend-info{flex:1 1}.friend-name{font-size:1rem}.friend-status{font-size:.85rem}.friend-actions{justify-content:flex-start;margin-top:8px}}.profile-picture{display:flex;justify-content:center;margin:20px}.profile-image{height:100px;width:100px}.autocomplete{margin:0 auto;max-width:300px;width:100%}.friends-heading{color:#fff;font-size:2.5rem;font-weight:900;text-shadow:1px 1px 2px #000}.autocomplete-wrapper{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:300px}.connect-btn{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s ease}.connect-btn:hover{background-color:#2e6dbf}.connect-msg{background-color:#064e3b;border-radius:6px;color:#a5f3fc;font-weight:500;margin:10px 0;padding:6px 12px;text-align:center}.loginform_container__y5po3{background-color:var(--color-bg)}.loginform_loginBox__AXibm{background-color:var(--color-container)}.loginform_input__tDGZz,.loginform_label__RsthR,.loginform_languageText__XNIhr,.loginform_link__MtPQm,.loginform_title__TONw2{color:var(--color-text)}.loginform_container__y5po3{align-items:center;display:flex;gap:50px;height:100vh;justify-content:center;padding:20px;width:100vw}.loginform_logoContainer__DxF9b{align-items:center;border-radius:45px;display:flex;flex-shrink:0;height:351px;justify-content:center;text-align:center;width:379px}.loginform_logoText__bgKqw{color:#000;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.loginform_loginBox__AXibm{align-items:center;-webkit-backdrop-filter:blur(41.77px);backdrop-filter:blur(41.77px);border:1px solid #0c4053a1;border-radius:30px;box-shadow:inset 41.767px -41.767px 41.767px 0 #a5a5a51a,inset -41.767px 41.767px 41.767px 0 #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;height:525px;justify-content:center;padding:50px;width:728px}.loginform_title__TONw2{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin-bottom:30px}.loginform_inputContainer__0FQeL{margin-bottom:30px;position:relative;width:100%}.loginform_input__tDGZz{background:#0000;border:none;border-bottom:2px solid var(--color-text);font-family:Poppins,sans-serif;font-size:16px;height:40px;outline:none;padding:5px 0;width:100%}.loginform_label__RsthR{font-size:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.loginform_input__tDGZz:focus~.loginform_label__RsthR,.loginform_input__tDGZz:not(:placeholder-shown)~.loginform_label__RsthR{font-size:12px;top:0}.loginform_loginButton__3O5n9{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:50px;transition:background .3s ease;width:100%}.loginform_loginButton__3O5n9:hover{background:linear-gradient(90deg,green,#00b300)}.loginform_linkContainer__J0GrJ{display:flex;justify-content:space-between;margin-top:20px;width:100%}.loginform_link__MtPQm{font-size:14px;text-decoration:none;transition:color .3s ease}.loginform_link__MtPQm:hover{color:#00b300}.loginform_invalidInput__hH8ib input{border-bottom:2px solid red!important;outline:none}.loginform_invalidInput__hH8ib label{color:red!important}.loginform_languageSwitcher__exCps{display:flex;gap:20px;justify-content:center}.loginform_languageText__XNIhr{cursor:pointer;font-size:18px;font-weight:600;text-decoration:underline}@media (max-width:768px){.loginform_logoContainer__DxF9b{display:none}.loginform_loginBox__AXibm{padding:20px;width:100%}.loginform_title__TONw2{font-size:24px}.loginform_input__tDGZz{font-size:14px}.loginform_loginButton__3O5n9{font-size:16px}.loginform_linkContainer__J0GrJ{flex-direction:column;gap:10px}.loginform_container__y5po3{background:#095c7c}}.registerform_container__n4Fak{background-color:var(--color-bg)}.registerform_registerBox__3EGH-{background-color:var(--color-container)}.registerform_input__DM76L,.registerform_label__1aTSQ,.registerform_languageText__BiZsG,.registerform_link__Utqsv,.registerform_title__7jVEV{color:var(--color-text)}.registerform_registerBox__3EGH-{align-items:center;-webkit-backdrop-filter:blur(41.77px);backdrop-filter:blur(41.77px);border:1px solid #0c4053a1;border-radius:30px;box-shadow:inset 41.767px -41.767px 41.767px 0 #a5a5a51a,inset -41.767px 41.767px 41.767px 0 #ffffff1a;display:flex;flex-direction:column;height:525px;justify-content:center;padding:50px;width:728px}.registerform_container__n4Fak{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px;width:100vw}.registerform_logoContainer__0LmM-{align-items:center;border-radius:45px;display:flex;flex-shrink:0;height:351px;justify-content:center;text-align:center;width:379px}.registerform_logoText__zM7eL{color:#000;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.registerform_inputContainer__3McDo{margin-bottom:30px;position:relative;width:100%}.registerform_input__DM76L{background:#0000;border:none;border-bottom:2px solid var(--color-text);font-family:Poppins,sans-serif;font-size:16px;height:40px;outline:none;padding:5px 0;width:100%}.registerform_label__1aTSQ{font-size:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.registerform_input__DM76L:focus~.registerform_label__1aTSQ,.registerform_input__DM76L:not(:placeholder-shown)~.registerform_label__1aTSQ{font-size:12px;top:0}.registerform_signUpButton__ksalC{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:50px;transition:background .3s ease;width:100%}.registerform_signUpButton__ksalC:hover{background:linear-gradient(90deg,green,#00b300)}.registerform_linkContainer__h\+O1K{display:flex;justify-content:space-between;margin-top:20px;width:100%}.registerform_link__Utqsv{font-size:14px;text-decoration:none;transition:color .3s ease}.registerform_link__Utqsv:hover{color:#00b300}.registerform_languageSwitcher__mnzHg{display:flex;gap:20px;justify-content:center}.registerform_languageText__BiZsG{cursor:pointer;font-size:18px;font-weight:600;text-decoration:underline}@media (max-width:768px){.registerform_container__n4Fak{background:#095c7c}.registerform_logoContainer__0LmM-{display:none}.registerform_registerBox__3EGH-{padding:20px;width:100%}.registerform_title__7jVEV{font-size:24px}.registerform_input__DM76L{font-size:14px}.registerform_signUpButton__ksalC{font-size:16px}.registerform_linkContainer__h\+O1K{flex-direction:column;gap:10px}}.resetpassword_container__n6pKI{background-color:var(--color-bg)}.resetpassword_resetBox__rjIN2{background-color:var(--color-container)}.resetpassword_input__u5Y-6,.resetpassword_label__vPYGw,.resetpassword_languageText__G2y6r,.resetpassword_link__bQgW\+,.resetpassword_title__1cBAz{color:var(--color-text)}.resetpassword_container__n6pKI{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.resetpassword_logoContainer__VaLyO{align-items:center;border-radius:45px;display:flex;flex-shrink:0;height:351px;justify-content:center;text-align:center;width:379px}.resetpassword_logoText__Tl443{color:#000;font-family:Poppins,sans-serif;font-size:18px;font-weight:600}.resetpassword_resetBox__rjIN2{align-items:center;-webkit-backdrop-filter:blur(41.77px);backdrop-filter:blur(41.77px);border:1px solid #0c4053a1;border-radius:30px;box-shadow:inset 41.767px -41.767px 41.767px 0 #a5a5a51a,inset -41.767px 41.767px 41.767px 0 #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;height:525px;justify-content:center;padding:50px;width:728px}.resetpassword_title__1cBAz{font-family:Poppins,sans-serif;font-size:28px;font-weight:700;margin-bottom:30px}.resetpassword_inputContainer__MlzB4{margin-bottom:30px;position:relative;width:100%}.resetpassword_input__u5Y-6{background:#0000;border:none;border-bottom:2px solid var(--color-text);font-family:Poppins,sans-serif;font-size:16px;height:40px;outline:none;padding:5px 0;width:100%}.resetpassword_label__vPYGw{font-size:16px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease-in-out}.resetpassword_input__u5Y-6:focus~.resetpassword_label__vPYGw,.resetpassword_input__u5Y-6:not(:placeholder-shown)~.resetpassword_label__vPYGw{font-size:12px;top:0}.resetpassword_resetButton__ilP93{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:50px;transition:background .3s ease;width:100%}.resetpassword_resetButton__ilP93:hover{background:linear-gradient(90deg,green,#00b300)}.resetpassword_linkContainer__wzuSq{display:flex;justify-content:center;margin-top:20px;width:100%}.resetpassword_link__bQgW\+{font-size:14px;text-decoration:none;transition:color .3s ease}.resetpassword_link__bQgW\+:hover{color:#00b300}.resetpassword_invalidInput__pptdq input{border-bottom:2px solid red!important}.resetpassword_languageSwitcher__mx4ST{display:flex;gap:20px;justify-content:center}.resetpassword_languageText__G2y6r{cursor:pointer;font-size:18px;font-weight:600;text-decoration:underline}@media (max-width:768px){.resetpassword_container__n6pKI{background:#095c7c}.resetpassword_logoContainer__VaLyO{display:none}.resetpassword_resetBox__rjIN2{padding:20px;width:100%}.resetpassword_title__1cBAz{font-size:24px}.resetpassword_input__u5Y-6{font-size:14px}.resetpassword_resetButton__ilP93{font-size:16px}.resetpassword_linkContainer__wzuSq{flex-direction:column;gap:10px}}.Messaging_chat__main__phO1B{background-color:var(--color-container);border-radius:16px;display:flex;flex-direction:column;height:100vh;margin-top:120px;max-height:600px;max-width:700px;padding:20px;width:100%}.Messaging_chat__main__phO1B>div:first-child{color:var(--color-text);font-size:18px;font-weight:600;margin-bottom:15px;text-align:center}.Messaging_message__container__hc5DJ{flex-grow:1;padding-right:10px}.Messaging_message__chats__mXLG0{display:flex;flex-direction:column}.Messaging_message__recipient__CdVgm,.Messaging_message__sender__tZlJb{word-wrap:break-word;border-radius:18px;font-size:14px;line-height:1.4;max-width:75%;padding:10px 15px}.Messaging_message__sender__tZlJb{align-self:flex-end;background-color:#2a475e;border-bottom-right-radius:0;color:#fff}.Messaging_message__recipient__CdVgm{align-self:flex-start;background-color:#66c0f4;border-bottom-left-radius:0;color:#000}.Messaging_recipient__name__Xy9-f,.Messaging_sender__name__zG0A3{color:var(--color-text);font-size:12px;margin-bottom:2px}.Messaging_chat__footer__USkz0{border-top:1px solid #324a5f;padding-top:10px}.Messaging_form__Sp0hF{display:flex;gap:10px}.Messaging_message__oYtAV{background-color:#283747;border:none;border-radius:25px;color:#fff;flex-grow:1;font-size:14px;outline:none;padding:12px}.Messaging_sendBtn__JV\+Is{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;padding:12px 18px;transition:background .3s ease}.Messaging_sendBtn__JV\+Is:hover{background:linear-gradient(90deg,green,#00b300)}.Messaging_message__container__hc5DJ::-webkit-scrollbar{width:8px}.Messaging_message__container__hc5DJ::-webkit-scrollbar-track{background:#0000}.Messaging_message__container__hc5DJ::-webkit-scrollbar-thumb{background-color:#4b6278;border-radius:10px}@media (max-width:600px){.Messaging_chat__main__phO1B{height:100vh;max-height:600px;padding:15px}.Messaging_message__oYtAV,.Messaging_message__recipient__CdVgm,.Messaging_message__sender__tZlJb{font-size:13px}.Messaging_sendBtn__JV\+Is{font-size:13px;padding:10px 16px}}.Messaging_sidebar__jKbRL h2{font-size:18px;text-align:center}.Messaging_user-list__oRcp3{display:flex;flex-direction:column;gap:12px}.Messaging_user-item__ZqFP1{background-color:#2a3f54;border-radius:12px;cursor:pointer;padding:10px 14px;transition:background-color .2s ease}.Messaging_user-item__ZqFP1:hover{background-color:#3b556f}.Messaging_messaging-layout__HEM42{background-color:#0e1621;display:flex;height:calc(100vh - 60px);overflow:hidden;width:100%}.Messaging_sidebar__jKbRL{background-color:#1b2838;border-right:1px solid #324a5f;box-sizing:border-box;color:#c7d5e0;display:flex;flex-direction:column;overflow-y:auto;padding:20px;width:250px}.Messaging_chat__qOOyp{align-items:center;background-color:var(--color-bg);box-sizing:border-box;display:flex;flex-grow:1;height:100%;justify-content:center;overflow:hidden;padding:10px}.Messaging_profilePic__6AchC{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.Messaging_recipient__info__JQv6J{align-items:center;display:flex}.Messaging_sender__info__k0Xy\+{align-items:center;display:flex;justify-content:right}.Messaging_recipient__name__Xy9-f,.Messaging_sender__name__zG0A3{font-weight:700;margin:0}.Messaging_message__container__hc5DJ{max-height:500px;overflow-y:auto;padding:10px}.Messaging_other-user-header__mSFLK{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.Messaging_other-user-header__mSFLK img{border-radius:50%;height:40px;margin-right:10px;width:40px}.profile-page{background-color:var(--color-bg);color:var(--color-text);padding:30px}.profile-header{flex-direction:column;min-height:5vh;padding:10px;width:10%;z-index:1000}.back-arrow{color:var(--color-text);cursor:pointer;font-size:24px}.back-arrow:hover{color:#d3d3d3}.profile-card{background-color:var(--color-bg);border-radius:10px;color:var(--color-text);margin-bottom:1rem;margin-left:2rem;max-width:70%;padding:20px}.profile-name-edit{align-items:center;display:flex;gap:10px;width:100%}.profile-name-edit .add-friend-button{margin:0 10px}.profile-image-container{cursor:pointer;display:inline-block;position:relative}.profile-image{border:3px solid var(--color-text);border-radius:50%;height:140px;object-fit:cover;width:140px}.bio-save-button,.edit-button,.edit-favorites-button{background-color:#28a745;border:none;border-radius:.4rem;color:var(--color-text);cursor:pointer;display:inline-block;font-size:12px!important;height:2rem;margin-left:25rem;padding:4px 10px;transition:background-color .3s ease;white-space:nowrap;width:4rem}.bio-save-button{margin-left:40rem}.edit-button:hover{background-color:#218838}.bio-edit-textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;height:10vh;margin-left:15rem;margin-top:1rem;padding:10px;resize:vertical;width:50%}.profile-tabs{display:flex;gap:1rem;justify-content:flex-start;margin-top:1rem}.profile-tabs button{background-color:initial;border:2px solid var(--color-text);border-radius:5px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.profile-tabs .active-tab,.profile-tabs button:hover{background-color:var(--color-text);color:var(--color-container)}.profile-tabs .active-tab{border-color:var(--color-text)}.overview-wrapper{display:flex;gap:2rem;margin-top:1rem}.overview-left{flex:2 1}.overview-right{flex:1 1}.Favorites-games-list{background-color:var(--color-container);border-radius:8px;box-shadow:0 4px 10px #0000004d;margin-bottom:20px;margin-left:1rem;margin-right:1rem;max-width:100%;overflow-x:auto;padding:1.5rem;width:58rem}.favorites-title{color:var(--color-text);font-size:25px;font-weight:700;margin-bottom:15px}.games-list{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-start;overflow-x:auto}.game-frame{align-items:center;background-color:var(--color-container);border-radius:15px;box-shadow:inset 0 0 10px #ffffff1a;display:flex;height:250px;justify-content:center;position:relative;width:250px}.game-image{border-radius:15px;height:100%;object-fit:cover;width:100%}.empty-slot-text{color:var(--color-text);font-size:30px;font-weight:700;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%)}.ToPlay-games-box{background-color:var(--color-container);border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:1200px;padding:15px;position:relative;width:100%}.toplay-title{color:var(--color-text);font-size:25px;font-weight:700;margin-bottom:15px}.toplay-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.arrow{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:32px;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.left-arrow{left:10px}.right-arrow{right:10px}.arrow:hover{background-color:#2a475e80}.friends-list{background-color:var(--color-container);border-radius:10px;color:var(--color-text);margin-bottom:20px;margin-left:.5rem;padding:1.5rem;width:17.5rem}.friends-title{font-size:22px;font-weight:700;margin-bottom:15px}.friends-container{display:flex;flex-direction:column;gap:15px}.friend-slot{align-items:center;background-color:#ffffff1a;border-radius:10px;display:flex;gap:15px;padding:10px;transition:.3s ease}.friend-slot:hover{background-color:#fff3}.friend-image{border:2px solid var(--color-text);border-radius:50%;height:45px;object-fit:cover;width:45px}.friend-name{color:var(--color-text);font-size:16px;font-weight:700}.badges-section{background-color:var(--color-container);border-radius:10px;color:var(--color-text);margin-left:.5rem;overflow:visible;padding:1rem;position:relative;width:18.5rem}.badges-title{font-size:20px}.badges-subtitle,.badges-title{font-weight:700;margin-bottom:10px;text-align:center}.badges-subtitle{font-size:16px}.rookie-rectangle{background-color:initial;border:5px solid;border-radius:8px;box-sizing:border-box;color:var(--color-text);margin:0 auto;padding:10px;text-align:center;width:275px}.rookie-progress-text{color:var(--color-text);font-size:14px;margin-bottom:8px}.rookie-progress-bar{background-color:#ffffff4d;border-radius:4px;height:8px;position:relative;width:100%}.rookie-progress-fill{border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease}.rookie-slots-container{align-items:center;display:flex;gap:5px;justify-content:center}.rookie-slot{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.rookie-slot:hover{transform:scale(1.05)}.badge-image-container{align-items:center;border:4px solid;border-radius:10px;display:flex;height:70px;justify-content:center;overflow:hidden;width:70px}.badge-image-container img{height:100%;object-fit:cover;width:100%}img.disabled-badge{filter:grayscale(100%);opacity:.3}.badge-frame-rookie{border-color:#bb9351!important;color:#bb9351}.fill-rookie{background-color:#bb9351!important}.badge-frame-bronze{border-color:#cd7f32!important;color:#cd7f32}.fill-bronze{background-color:#cd7f32!important}.badge-frame-silver{border-color:#c4c4c4!important;color:#c4c4c4}.fill-silver{background-color:#c4c4c4!important}.badge-frame-gold{border-color:gold!important;color:gold}.fill-gold{background-color:gold!important}.badge-frame-platinum{border-color:#0c71b8!important;color:#0c71b8}.fill-platinum{background-color:#0c71b8!important}.fill-incomplete{background-color:#ccc!important}.milestone-popup{background-color:#fff;border:1px solid #000;border-radius:5px;box-shadow:0 8px 16px #000000e6;color:#000;font-size:14px;left:0;padding:12px;position:absolute;top:-130px;width:240px;z-index:99999}.milestone-popup-header{display:flex;font-weight:700;justify-content:space-between;margin-bottom:8px}.milestone-popup-content{font-size:14px;line-height:1.4}.milestone-popup button.popup-close{background:#0000;border:none;cursor:pointer;font-weight:700}.badge-description-outside{color:var(--color-text);font-size:9px;margin-top:4px;text-align:center}.more-badges-button{background-color:var(--color-text);border:none;border-radius:6px;color:var(--color-container);cursor:pointer;font-size:12px;margin-bottom:1rem;margin-left:14vh;margin-top:1rem;padding:5px 10px}.more-badges-button:hover{background-color:#444}.badge-legend{border-bottom:1px solid var(--color-text);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px;padding-bottom:10px}.legend-title{font-size:14px;font-weight:700;margin:0}.legend-item{align-items:center;display:flex}.legend-swatch{border:2px solid;border-radius:3px;height:15px;margin-right:5px;width:15px}.legend-text{font-size:12px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-content{background:var(--color-container);border-radius:10px;height:auto;padding:1rem;text-align:center;width:auto}.modal-content h6{margin-bottom:.5rem;margin-top:0}.all-earned-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto;max-width:auto}.rookie-slot{margin:5px;width:80px}.posts-layout{background-color:#c7d5e0;border-radius:8px;color:var(--color-text);display:flex;margin:20px;overflow:hidden}.posts-left{flex:3 1;padding:10px}.posts-right{border-left:1px solid #444;flex:1 1;padding:10px}.profile-post{background-color:var(--color-container);border-radius:8px;color:var(--color-text);cursor:pointer;margin-bottom:2rem;margin-left:2rem;margin-right:2rem;padding:4rem;transition:transform .2s ease}.profile-post:hover{transform:translateY(-3px)}.post-header{border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.post-header h4{flex:1 1;font-size:2rem;font-weight:700;margin:0;text-align:left}.post-header small{color:#aaa;font-size:.9rem}.profile-post p{font-size:18px;margin:.5rem 0 0;white-space:pre-line}.favorites-title-bar{align-items:center;display:flex;justify-content:space-between;padding-right:10px}.edit-favorites-button{background-color:#28a745;border:none;border-radius:6px;color:var(--color-text);cursor:pointer;font-size:1.1rem;margin-left:25rem;padding:4px 10px;transition:background-color .2s ease}.edit-favorites-button:hover{background-color:#0bc247}.add-friend-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-left:12vh;margin-top:10px;padding:8px 12px;transition:background-color .3s ease}.add-friend-button:hover{background-color:#218838}.profile-username{font-size:2.5vw}@media only screen and (max-width:768px){.profile-page{align-items:center;display:flex;flex-direction:column;padding:15px}.profile-header{margin-bottom:1rem;text-align:center;width:100%!important}.profile-card{margin:0 auto 1rem;max-width:500px;text-align:center;width:100%}.profile-name-edit{align-items:center;flex-direction:column;gap:10px}.profile-image{height:80px;width:80px}.edit-button{font-size:12px!important;margin-left:0}.bio-edit-textarea{font-size:14px;margin:1rem auto 0;width:90%}.profile-tabs{align-items:center;flex-direction:column;gap:.5rem;margin-top:10px;width:100%}.profile-tabs button{font-size:14px;text-align:center;width:60%}.overview-wrapper{gap:1rem;margin-top:1rem;width:100%}.overview-left,.overview-right{margin:0 auto;text-align:center;width:100%}.Favorites-games-list{margin:0 auto 1rem;width:90%}.Favorites-games-list,.games-list{-webkit-overflow-scrolling:touch;overflow-x:auto;scroll-behavior:smooth}.games-list{display:flex;flex-wrap:nowrap;gap:10px;overflow-y:hidden;scrollbar-width:none}.games-list::-webkit-scrollbar{display:none}.game-frame{flex:0 0 auto;height:180px;scroll-snap-align:start;width:180px}.ToPlay-games-box,.badges-section,.friends-list{margin:0 auto 1rem;text-align:center;width:90%}.friends-container{align-items:center;max-height:250px;overflow-y:auto}.posts-layout{margin:10px 0;overflow:hidden;width:100%}.bio-save-button,.edit-button,.edit-favorites-button,.more-badges-button{display:block;margin:.5rem auto}.add-friend-button{display:block;margin:1rem auto}.overview-wrapper{align-items:center;flex-direction:column}.Favorites-games-list,.badges-section,.friends-list{margin:0 auto 1.5rem;max-width:100%;width:40%}.posts-layout{align-items:center;background-color:var(--color-container);border-radius:8px;box-sizing:border-box;flex-direction:column;margin:10px auto;padding:1rem;width:95%}.posts-left{padding:0;width:100%}.profile-post{background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);margin:1rem auto;padding:1.5rem;width:100%}.post-header h4{font-size:1.2rem;text-align:left}.profile-post p{font-size:1rem;text-align:left;white-space:pre-line}}@media only screen and (max-width:400px){.profile-page{padding:10px}.back-arrow{font-size:20px}.profile-card{padding:15px}.profile-image{height:60px;width:60px}.bio-edit-textarea{font-size:13px;width:95%}.profile-tabs button{font-size:13px;width:50%}.game-frame{height:150px;width:150px}.friend-image{height:35px;width:35px}.friend-name{font-size:14px}.post-header h4{font-size:1.5rem}.profile-post p{font-size:16px}.bio-save-button,.edit-button,.edit-favorites-button{font-size:.9rem;padding:3px 8px}.add-friend-button{font-size:.95rem;padding:6px 10px}}.StyleGuide_styleGuide__DPm\+k{background-color:#dbdbdb;color:#000;font-family:Arial,sans-serif;margin:0;padding:20px}.StyleGuide_container__UqeeW{margin:auto;max-width:1000px}h1,h2{border-bottom:2px solid #000;padding-bottom:5px}.StyleGuide_colorBox__TeqOF{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.StyleGuide_colorItem__gDIp2{align-items:center;display:flex;flex-direction:column;text-align:center}.StyleGuide_colorItem__gDIp2 div{border-radius:5px;height:150px;width:150px}.StyleGuide_colorItem__gDIp2 span{color:#000;font-size:14px;margin-top:10px;max-width:150px}.StyleGuide_banner__jIOjQ{background-color:#1b2838}.StyleGuide_background__mxl0s{background-color:#2a475e}.StyleGuide_sectionBackground__-8p-t{background-color:#c7d5e0}.StyleGuide_buttonHover__fsM1\+{background-color:#66c0f4}.StyleGuide_createSubmitButtonHover__HGNPL{background-color:#3498db}.StyleGuide_tags__k8KF\+{background-color:#10da53}.StyleGuide_logoutColor__1\+TGE{background-color:red}.StyleGuide_logouthover__q4GoY{background-color:#8b0000}.StyleGuide_TextTextbox__OK8Pd{background-color:#fff}.StyleGuide_SettingsDark__nX3gS{background-color:#111418}.StyleGuide_SettingsLight__SncYe{background-color:#f8f9ff}.StyleGuide_signColor__CTJe9{background-color:#006400}.StyleGuide_reset1__qZe84{background-color:#ff4500}.StyleGuide_reset2__cKl7B{background-color:#cc3700}.StyleGuide_fontTable__aH6\+j{border-collapse:collapse;margin-top:20px;width:100%}.StyleGuide_fontTable__aH6\+j th{border-bottom:2px solid #000;font-size:1.5rem;font-weight:700;padding:10px;text-align:center}.StyleGuide_fontTable__aH6\+j td{padding:15px;text-align:center}.StyleGuide_fontSection__6z7WA{margin-top:20px}.StyleGuide_secularBoldLarge__q7OUQ{color:#000;font-family:Secular One,sans-serif;font-size:3rem;font-weight:700}.StyleGuide_secularLarge__\+fAIZ{color:#000;font-family:Secular One,sans-serif;font-size:1.5rem;font-weight:700}.StyleGuide_secularBoldMedium__kjhhO{color:#000;font-family:Secular One,sans-serif;font-size:1.3rem}.StyleGuide_secularMedium__p1YJD{color:#000;font-family:Secular One,sans-serif;font-size:1.1rem;font-weight:400}.StyleGuide_verdanaBoldLarge__22RfY{color:#000;font-family:Verdana,sans-serif;font-size:3rem;font-weight:700}.StyleGuide_verdanaLarge__31Jp9{color:#000;font-family:Verdana,sans-serif;font-size:1.5rem;font-weight:700}.StyleGuide_verdanaBoldMedium__BFW-X{color:#000;font-family:Verdana,sans-serif;font-size:1.3rem}.StyleGuide_verdanaMedium__7nM2E{color:#000;font-family:Verdana,sans-serif;font-size:1.1rem;font-weight:400}.StyleGuide_textSampleContainer__jTXzH{background-color:#2a475e;border-radius:5px;color:#fff;margin-top:20px;padding:20px}.StyleGuide_secularText__kaX5H{font-family:Secular One,sans-serif;font-size:1.1rem;margin-bottom:10px}.StyleGuide_verdanaText__H60Bq{font-family:Verdana,sans-serif;font-size:1.1rem}.StyleGuide_buttonRow__yj3Ey{align-items:center;display:flex;gap:20px;margin-bottom:20px}.StyleGuide_createButtonHover__gixHD,.StyleGuide_createButtonStatic__4tnYP{background-color:#66c0f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background .2s}.StyleGuide_createButtonHover__gixHD{background-color:#3498db;transform:scale(1.1)}.StyleGuide_createButton__RufdQ{background-color:#66c0f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background .2s}.StyleGuide_createButton__RufdQ:hover{background-color:#3498db;transform:scale(1.1)}.StyleGuide_logoutHover__CYbJo,.StyleGuide_logoutStatic__WBwdB{background-color:red;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background .2s}.StyleGuide_logoutHover__CYbJo{background-color:darkred;transform:scale(1.1)}.StyleGuide_logout__vPRTL{background-color:red;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;padding:10px 15px;text-decoration:none;transition:background .2s}.StyleGuide_logout__vPRTL:hover{background-color:darkred;transform:scale(1.1)}.StyleGuide_postbutton__cxuPY{background-color:#66c0f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin:10px 0;padding:10px 55px;transition:background-color .3s ease}.StyleGuide_editbutton__HdIKS{background-color:#10da53;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;padding:10px 15px}.StyleGuide_loginButtonHoverStatic__6cPPh,.StyleGuide_loginButtonStatic__xF-al{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:50px;transition:background .3s ease;width:120%}.StyleGuide_loginButtonHoverStatic__6cPPh{background:linear-gradient(90deg,green,#00b300)}.StyleGuide_loginButton__DCfi1{background:linear-gradient(90deg,#006400,green);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;height:50px;transition:background .3s ease;width:20%}.StyleGuide_loginButton__DCfi1:hover{background:linear-gradient(90deg,green,#00b300)}.StyleGuide_signupStatic__vTGtS{background-color:green}.StyleGuide_signupHoverStatic__Runcn,.StyleGuide_signupStatic__vTGtS{border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Secular One,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;text-align:center;transition:all .3s ease-in-out}.StyleGuide_signupHoverStatic__Runcn{background-color:#006400}.StyleGuide_signup__Dud4f{background-color:green;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Secular One,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;text-align:center;transition:all .3s ease-in-out}.StyleGuide_signup__Dud4f:hover{background-color:#006400}.StyleGuide_resetStatic__RVXHE{background-color:#ff4500}.StyleGuide_resetHoverStatic__cedCN,.StyleGuide_resetStatic__RVXHE{border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Secular One,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;text-align:center;transition:all .3s ease-in-out}.StyleGuide_resetHoverStatic__cedCN{background-color:#cc3700}.StyleGuide_reset__-WKaE{background-color:#ff4500;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-family:Secular One,sans-serif;font-size:16px;font-weight:700;padding:12px 24px;text-align:center;transition:all .3s ease-in-out}.StyleGuide_reset__-WKaE:hover{background-color:#cc3700}.StyleGuide_dropdownExample__d9oEJ{align-items:center;display:flex;gap:50px;margin-top:20px}.StyleGuide_dropdownActive__-gCjI,.StyleGuide_dropdownStatic__6rOIo{align-items:center;display:flex;flex-direction:column}.StyleGuide_searchInput__Z9TyL{background-color:#c7d5e0;border:none;border-radius:5px;color:#000;font-size:16px;padding:10px;text-align:center;width:200px}.StyleGuide_dropdownContent__hoOI8{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;margin-top:5px;padding:10px 0;width:200px}.StyleGuide_dropdownItem__E05IU{cursor:pointer;font-weight:700;padding:10px;text-align:center}.StyleGuide_dropdownItem__E05IU:hover{background-color:#c7d5e0}.StyleGuide_navbarExample__SolF5{align-items:center;display:flex;flex-direction:column;gap:5px;margin:20px 0}.StyleGuide_navImage__rkkv5{box-shadow:0 4px 6px #0000004d;height:auto;max-width:1000px;width:100%}.StyleGuide_LogoContainer__IqfZ1{align-items:center;display:flex;gap:30px;justify-content:center}.StyleGuide_LogoImage__lOzHD{box-shadow:0 4px 6px #0000004d;height:auto;max-width:400px;width:100%}.StyleGuide_LogoImageSmall__HFo01{box-shadow:0 4px 6px #0000004d;height:auto;max-width:200px;width:100%}.StyleGuide_LogoImageSmallest__ZYBeD{box-shadow:0 4px 6px #0000004d;height:auto;max-width:100px;width:100%}.StyleGuide_modalOverlay__vC20b{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.StyleGuide_modalContent__pWhRo{background:#ffffffe6;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:90%;padding:20px;text-align:center;width:350px}.StyleGuide_modalTitle__9XJ7M{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.StyleGuide_modalMessage__7BJC1{color:#555;font-size:16px;margin-bottom:20px}.StyleGuide_modalButton__8FGW0{background:#d9534f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px;transition:background .3s ease}.StyleGuide_modalButton__8FGW0:hover{background:#c9302c}.StyleGuide_codeBox__NmgsP{word-wrap:break-word;background-color:#2a2a2a;border-radius:5px;box-shadow:0 4px 6px #0000004d;color:#fff;font-size:1.1rem;height:300px;margin-bottom:20px;margin-top:20px;overflow:auto;padding:15px;text-align:left;white-space:pre-wrap;width:100%}.StyleGuide_codeTitle__Q3MVv{background-color:#444;border-radius:5px 5px 0 0;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:10px;padding:5px 10px}.backgroundcolor{justify-content:flex-start;min-height:100vh}.backgroundcolor,.game-list-container{align-items:center;background-color:var(--color-background);display:flex;flex-direction:column;width:100%}.game-list-container{border-radius:10px;justify-content:center;margin:100px auto auto;max-width:80%;padding:50px}.game-info{background:var(--color-container);border-radius:10px;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px;padding:20px;width:80%}.game-image,.game-info{align-items:center;display:flex;justify-content:center}.game-image{flex:1 1}.game-image img{border-radius:8px;height:auto;max-width:300px;width:100%}.game-details{color:var(--color-text);flex:2 1;padding-left:20px}.game-details h2{font-size:24px;margin:0}.game-details h4{color:#10da53;font-size:18px;margin:10px 0}.game-details p{font-size:1.1rem;line-height:1.5}.go-to-page{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.go-to-page:hover{background-color:#66c0f4}.GameCommunityPage_gameInfoContainer__Z18C8{align-items:center;background-color:var(--color-container);border-radius:10px;color:var(--color-text);color:#fff;display:flex;flex-direction:column;height:calc(100vh - 120px);justify-content:space-between;max-width:400px;padding:20px;position:sticky;top:120px;width:100%}.GameCommunityPage_gameImage__uq87x img{border-radius:10px;height:auto;height:350px;object-fit:cover;width:100%}.GameCommunityPage_gameDetails__PxhXN{color:var(--color-text);display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding-bottom:10px;text-align:center;width:100%}.GameCommunityPage_gameDetails__PxhXN h2{font-size:1.5rem;font-weight:700;margin-bottom:5px}.GameCommunityPage_gameDetails__PxhXN h4{color:#10da53;font-size:1.1rem;font-weight:700;margin-bottom:10px}.GameCommunityPage_gameDetails__PxhXN p{font-size:1rem;line-height:1.5;padding:0 15px;text-align:center}.GameCommunityPage_contentWrapper__0OXbI{align-items:flex-start;display:flex;flex-direction:row;gap:10vh;justify-content:space-between;margin:90px auto 0;width:95%}.GameCommunityPage_leftSection__VIJuC{display:flex;flex-direction:column;margin-top:-70px;padding-right:20px;width:70%}.GameCommunityPage_sortBanner__DdCe1{align-items:center;background-color:var(--color-container);border-radius:10px 10px 0 0;box-sizing:border-box;color:var(--color-text);display:flex;font-size:24px;font-weight:700;gap:100px;max-width:none;padding:15px;position:relative;width:105%}.GameCommunityPage_dropdown__5pskG{position:relative;width:20%}.GameCommunityPage_searchInput__UGglq{align-self:flex-start;background-color:#c7d5e0;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px;width:100%}.GameCommunityPage_dropdownContent__yy3Jf{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0003;display:none;left:0;max-height:150px;overflow-y:auto;position:absolute;top:100%;width:110%;z-index:1000}.GameCommunityPage_dropdownContent__yy3Jf.GameCommunityPage_show__6pjeJ{display:block}.GameCommunityPage_dropdownItem__wyZt3{background-color:#fff;color:#000;cursor:pointer;padding:10px;transition:background .2s}.GameCommunityPage_dropdownItem__wyZt3:hover{background-color:#c7d5e0}@media (max-width:750px){body,html{max-width:100vw;overflow-x:hidden}.GameCommunityPage_mobileContentWrapper__d0VN5{display:flex;flex-direction:column;height:100vh;margin-top:-50px;overflow-x:hidden;width:100vw}.GameCommunityPage_mobilePostsSection__1zzmx{box-sizing:border-box;height:90%;overflow-y:auto;padding:10px;width:100%}.GameCommunityPage_sortBanner__DdCe1{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:5px;padding:5px;width:100%}.GameCommunityPage_dropdown__5pskG{flex:none;min-width:80px;text-align:center;width:25%}.GameCommunityPage_searchInput__UGglq{font-size:12px;padding:5px;width:100%}.GameCommunityPage_posts-container__rMHNY{background-color:#c7d5e0;border-radius:10px;box-sizing:border-box;height:100%;overflow-y:auto;padding:10px;width:100%}.GameCommunityPage_mobileGameInfo__7gkKB{align-items:center;background-color:var(--color-container);box-sizing:border-box;display:flex;flex-direction:row;gap:15px;height:auto;padding:10px;width:100vw}.GameCommunityPage_gameImage__uq87x img{border-radius:10px;height:80px;object-fit:cover;width:80px}.GameCommunityPage_gameDetails__PxhXN{display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:left}.GameCommunityPage_gameDetails__PxhXN h2{font-size:1.2rem;font-weight:700;margin:0}.GameCommunityPage_gameDetails__PxhXN h4{color:#10da53;font-size:1rem;font-weight:700;margin:5px 0 0}.GameCommunityPage_gameDetails__PxhXN p{display:none}}.ProfileGameSelect_pageWrapper__oweaT{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.ProfileGameSelect_contentContainer__Bqi2J{align-items:center;display:flex;flex-direction:column;margin-top:50px;padding:20px;width:100%}.ProfileGameSelect_topSection__WB3oC{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;max-width:1000px;position:relative;width:100%}.ProfileGameSelect_selectedGamesSection__LuPcQ{align-items:center;background-color:var(--color-container);border-radius:10px;display:flex;gap:15px;height:30vh;justify-content:center;margin-top:15px;max-width:1000px;overflow-x:auto;padding:15px;text-align:center;width:100%}.ProfileGameSelect_placeholderText__0ozuM{color:var(--color-text);font-size:3rem}.ProfileGameSelect_gameGrid__3OBEO{background-color:var(--color-container);border-radius:10px;height:50vh;max-width:1000px;overflow-y:auto;padding:20px;width:100%}.ProfileGameSelect_scrollableGameList__oipRS{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);justify-content:center;padding:10px}.ProfileGameSelect_gameContainer__40kxO{cursor:pointer}.ProfileGameSelect_gameThumbnail__LCH6R{border-radius:8px;height:200px;object-fit:cover;transition:transform .2s ease-in-out;width:100%}.ProfileGameSelect_gameThumbnail__LCH6R:hover{transform:scale(1.1)}.ProfileGameSelect_checkmark__\+2ZL2{background-color:#10da53;border-radius:50%;font-size:20px;font-weight:700}.ProfileGameSelect_checkmark__\+2ZL2,.ProfileGameSelect_removeButton__mMc7q{align-items:center;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.ProfileGameSelect_removeButton__mMc7q{background-color:red;border:none;border-radius:50%;cursor:pointer;font-size:16px;transition:background-color .2s ease;z-index:1}.ProfileGameSelect_gameContainer__40kxO{position:relative}.ProfileGameSelect_buttonBar__TcOQH{align-items:center;bottom:10px;display:flex;gap:12px;position:absolute;right:20px}.ProfileGameSelect_selectionCounter__0z-We{color:var(--color-text);font-size:.8rem;font-weight:700}.ProfileGameSelect_confirmButton__iDaYI{background-color:#10da53;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:10px;transition:background .2s ease-in-out}.ProfileGameSelect_confirmButton__iDaYI:hover{background-color:#0bc247}@media (max-width:750px){.ProfileGameSelect_contentContainer__Bqi2J,.ProfileGameSelect_gameGrid__3OBEO,.ProfileGameSelect_pageWrapper__oweaT,.ProfileGameSelect_topSection__WB3oC{box-sizing:border-box;overflow-x:hidden;width:100%}.ProfileGameSelect_selectedGamesSection__LuPcQ{align-items:center;flex-direction:row;gap:10px;height:200px;overflow-x:auto;overflow-y:hidden;padding:0}.ProfileGameSelect_scrollableGameList__oipRS,.ProfileGameSelect_scrollableGameRow__\+3cRm{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr);padding:10px}.ProfileGameSelect_gameThumbnail__LCH6R{border-radius:5px;height:100px;object-fit:cover;width:100%}.ProfileGameSelect_gameThumbnail__LCH6R:hover{transform:scale(1.05)}.ProfileGameSelect_placeholderText__0ozuM{font-size:1.5rem;text-align:center}.ProfileGameSelect_confirmButton__iDaYI{font-size:.8rem;padding:6px 8px}.ProfileGameSelect_selectionCounter__0z-We{font-size:.8rem}}.Quiz_quizPage__0xzY7{background-color:var(--color-bg)}.Quiz_card__Z9g5e{align-items:center;color:var(--color-text);flex-direction:column;min-height:100vh;padding:50px}.Quiz_card__Z9g5e,.Quiz_games__u31LM{display:flex;gap:20px;justify-content:center}.Quiz_games__u31LM{flex-wrap:wrap}.Quiz_gameFrame__twkvi{align-items:center;background-color:#2a475e;border-radius:15px;box-shadow:inset 0 0 10px #ffffff1a;display:flex;height:200px;justify-content:center;position:relative;width:150px}.Quiz_gameImage__Qh7KF{border-radius:15px;height:100%;object-fit:cover;width:100%}.Quiz_gameCheckbox__y1R32{height:20px;position:absolute;right:10px;top:10px;width:20px}.Quiz_buttons__rWDsY{display:flex;gap:10px}.Quiz_greenButton__fxV2R{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.Quiz_greenButton__fxV2R:hover{background-color:#006400;transition:background-color .3s ease}.Quiz_blueButton__RqKk1{background-color:blue;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.Quiz_blueButton__RqKk1:hover{background-color:#00008b;transition:background-color .3s ease}.FilterSearch_tabs__VucHL{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.FilterSearch_tab__UZG99{background-color:#c7d5e0;border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:10px 20px}.FilterSearch_activeTab__I6Wdi{background-color:#3498db;color:#fff}.FilterSearch_results__pgkB3{margin-top:10px}.FilterSearch_gameResults__WUOz6,.FilterSearch_userResults__PLbP8{list-style:none;padding:0}.FilterSearch_gameResults__WUOz6 li,.FilterSearch_userResults__PLbP8 li{border-bottom:1px solid #ddd;padding:10px}.FilterSearch_tabWrapper__AQzNV{display:inline-block;position:relative}.FilterSearch_resultDot__O3\+bT{background-color:red;border-radius:50%;height:15px;position:absolute;right:-2px;top:4px;width:15px}.FilterSearch_sortBanner__OgV60{align-items:center;background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);display:flex;gap:20px;height:50%;justify-content:space-between;margin-top:70px;max-height:80px;padding:20px;position:relative;width:105%}.FilterSearch_sortText__5743T{align-items:center;font-size:2rem;font-weight:700;height:100%;justify-content:flex-start;max-width:30vw;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FilterSearch_controlsContainer__EDAqy{align-items:center;display:flex;gap:20px;justify-content:flex-end}.FilterSearch_filterBtn__-hSbb{background-color:#fff;border-radius:25px;color:#111418;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.FilterSearch_filterBtn__-hSbb:hover{background-color:#66c0f4;color:#fff}.FilterSearch_activeButton__vscwW{background-color:#3498db;color:#fff}.FilterSearch_gameListContainer__Y-P6g{background-color:var(--color-background);flex-direction:column;margin:-30px auto auto;max-width:90%;padding:50px;width:100%}.FilterSearch_gameInfo__-BxD0,.FilterSearch_gameListContainer__Y-P6g{align-items:center;border-radius:10px;display:flex;justify-content:center}.FilterSearch_gameInfo__-BxD0{background:var(--color-container);margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:1200px;padding:20px;width:80%}.FilterSearch_gameImage__nEYP2{align-items:center;display:flex;flex:1 1;justify-content:center}.FilterSearch_gameImage__nEYP2 img{border-radius:8px;height:auto;max-width:300px;width:100%}.FilterSearch_gameDetails__E-G3P{color:var(--color-text);flex:2 1;padding-left:20px}.FilterSearch_gameDetails__E-G3P h2{font-size:24px;margin:0}.FilterSearch_gameDetails__E-G3P h4{color:#10da53;font-size:18px;margin:10px 0}.FilterSearch_gameDetails__E-G3P p{font-size:1.1rem;line-height:1.5}.FilterSearch_goToPage__ndg3Z{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 20px}.FilterSearch_goToPage__ndg3Z:hover{background-color:#66c0f4}.FilterSearch_userContainer__Yk2RC,.FilterSearch_userResults__PLbP8{display:flex;flex-direction:column;gap:2vh;padding:2vh}.FilterSearch_userContainer__Yk2RC{align-items:flex-start;background-color:var(--color-container);border-radius:2vh;color:var(--color-text)}.FilterSearch_userLeft__-9nH4{align-items:center;display:flex;gap:2vh;justify-content:space-between;width:100%}.FilterSearch_profileImage__Xm8LE{border-radius:50%;height:9vh;object-fit:cover;width:9vh}.FilterSearch_usernameText__UfqQi{font-size:3vh;font-weight:700;text-decoration:none}.FilterSearch_viewProfileBtn__XrwSW{background-color:#3498db;border:none;border-radius:1vh;color:#fff;cursor:pointer;font-size:1.5vh;margin-left:auto;padding:1vh 2vh}.FilterSearch_viewProfileBtn__XrwSW:hover{background-color:#66c0f4}.FilterSearch_favoritesGamesList__5fOdC{background-color:var(--color-container);border-radius:1vh;margin:2vh auto 0;padding:.5vh;width:85%}.FilterSearch_favoritesTitle__6gHXz{color:var(--color-text);font-size:3vh;font-weight:700;margin-bottom:1vh;text-align:left}.FilterSearch_gamesList__iVDYX{display:flex;flex-wrap:nowrap;gap:2vh;justify-content:flex-start;overflow-x:auto}.FilterSearch_gameFrame__JZyIR{align-items:center;background-color:var(--color-container);border-radius:1vh;box-shadow:inset 0 0 .8vh #ffffff1a;display:flex;height:18vh;justify-content:center;position:relative;width:18vh}.FilterSearch_gameImage__nEYP2{border-radius:1vh;height:100%;object-fit:cover;width:100%}.FilterSearch_emptySlotText__DReGC{color:var(--color-text);font-size:2vh;font-weight:700;left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:750px){body,html{max-width:100vw;overflow-x:hidden}.FilterSearch_mobile-content-wrapper__pwYFk{display:flex;flex-direction:column;height:100vh;overflow-x:hidden;width:100vh}.FilterSearch_mobile-posts-section__84r6Q{box-sizing:border-box;height:80%;overflow-y:auto;padding:10px;width:100%}.FilterSearch_posts-container__3I9YS{background-color:#c7d5e0;border-radius:10px;box-sizing:border-box;height:100%;overflow-y:auto;padding:10px;width:100%}.FilterSearch_sortBanner__OgV60{align-items:center;background-color:var(--color-container);box-sizing:border-box;color:var(--color-text);display:flex;gap:20px;height:50%;justify-content:space-between;margin-top:30px;max-height:60px;padding:20px;position:relative;width:105%}.FilterSearch_sortText__5743T{align-items:center;font-size:1rem;font-weight:700;height:100%;justify-content:flex-start;max-width:50vw;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.FilterSearch_controlsContainer__EDAqy{align-items:center;display:flex;gap:5px;justify-content:flex-end}.FilterSearch_filterBtn__-hSbb{background-color:#fff;border-radius:25px;color:#111418;cursor:pointer;font-weight:700;padding:5px 8px;transition:background-color .3s ease}.FilterSearch_resultDot__O3\+bT{background-color:red;border-radius:50%;height:12px;position:absolute;right:-2px;top:4px;width:12px}.FilterSearch_activeButton__vscwW{background-color:#3498db;color:#fff}.FilterSearch_gameFrame__JZyIR{align-items:center;background-color:var(--color-container);border-radius:1vh;box-shadow:inset 0 0 .8vh #ffffff1a;display:flex;height:8vh;justify-content:center;position:relative;width:8vh}}
/*# sourceMappingURL=main.77361af1.css.map*/