.searchbar-container.svelte-knydnh{position:relative;flex:1 0 auto;display:flex;justify-content:center}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh){position:relative;flex:0 1 640px}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .search-input:where(.svelte-knydnh){width:100%;padding:10px 15px;color:var(--black);border:1px solid var(--primary-color);border-radius:var(--round);outline:none;transition:border-color .2s;background:#fff}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .search-input:where(.svelte-knydnh){color:var(--black)}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .search-input:where(.svelte-knydnh):focus-visible,.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .search-input:where(.svelte-knydnh):focus,.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .search-input:where(.svelte-knydnh):active{border:2px solid var(--primary-color)}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .clear-btn:where(.svelte-knydnh){position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f0f0f0;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;color:var(--black);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.searchbar-container.svelte-knydnh .search-input-wrapper:where(.svelte-knydnh) .clear-btn:where(.svelte-knydnh):hover{background:#e0e0e0;color:var(--black)}@keyframes svelte-knydnh-spin{to{transform:rotate(360deg)}}.error.svelte-knydnh{margin-top:12px;padding:12px;border-radius:6px;background:#fee;color:#c00}.no-results.svelte-knydnh{border:1px solid var(--primary-color);padding:24px;border-radius:6px;background:var(--white);color:var(--black);text-align:center}.results-wrapper.svelte-knydnh{position:absolute;top:calc(100% + 8px);left:0;right:0}.results-container.svelte-knydnh{background:#fff;border:1px solid var(--primary-color);border-radius:8px;max-height:400px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:1000}.results-section.svelte-knydnh{border-bottom:1px solid #f0f0f0}.results-section.svelte-knydnh:last-child{border-bottom:none}.results-section.svelte-knydnh h3:where(.svelte-knydnh){margin:0;padding:12px 16px;font-size:13px;font-weight:600;color:#666;background:#f9f9f9;text-transform:uppercase;letter-spacing:.5px}.results-section.svelte-knydnh ul:where(.svelte-knydnh){list-style:none;margin:0;padding:0}.result-item.svelte-knydnh{padding:12px 16px;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:10px}.result-item.svelte-knydnh:hover,.result-item.selected.svelte-knydnh{background:#f5f5f5}.result-item.selected.svelte-knydnh{background:#e8e8ff}.result-type.svelte-knydnh{font-size:18px;flex-shrink:0}.result-name.svelte-knydnh{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.svelte-6l9ki9{display:flex;justify-content:center;align-items:center;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--round);height:36px;font-weight:600;transition:all .2s ease}button.svelte-6l9ki9:hover{transform:scale(1.1)}#account.svelte-6l9ki9,#logout.svelte-6l9ki9{width:36px}.wrapper.svelte-4b2dje{flex:1 0 auto;display:flex;justify-content:center}input.svelte-4b2dje{flex:0 1 640px;--start: #ffffff00;--end: #fff;width:300px;height:36px;padding:10px 15px;color:#333;border:1px solid var(--primary-color);border-radius:var(--round);background:linear-gradient(to right,var(--start) 0%,var(--end) 30%);transition:--start .2s ease,--end .2s ease}input.svelte-4b2dje:focus,input.svelte-4b2dje:hover,input.svelte-4b2dje:not(:placeholder-shown){--start: #fff;--end: #ffffff00;background:linear-gradient(to right,var(--start) 70%,var(--end) 100%)}header.svelte-n5zgvq{position:fixed;left:240px;right:0;top:0;min-height:var(--header-height);display:flex;justify-content:space-between;background:var(--white);color:var(--text-primary-color);gap:var(--gap-md);border-bottom:1px solid var(--primary-light-color);z-index:9999}header.svelte-n5zgvq nav:where(.svelte-n5zgvq){width:240px;justify-content:flex-end;gap:20px;text-align:center;padding-right:var(--padding)}header.svelte-n5zgvq nav:where(.svelte-n5zgvq) .btn-container:where(.svelte-n5zgvq){align-items:center;gap:var(--gap-md)}header.svelte-im7lz0{position:fixed;top:0;left:0;bottom:0;right:0;background:linear-gradient(to bottom,#f6c4a7,#ea9361,#ce6fbb);z-index:999}footer.svelte-glviju{width:100%;background-color:#5f9ea0}footer.svelte-8ldsvw{width:100%;background-color:#5f9ea0}.drawer.svelte-kpx6m6{position:fixed;display:flex;top:0;left:0;width:100%;height:100vh;z-index:9999}.drawer.svelte-kpx6m6 .background:where(.svelte-kpx6m6){flex:1 0 auto;height:100%;background:var(--background-gradient);opacity:.5}.drawer.svelte-kpx6m6 .drawer-dialog:where(.svelte-kpx6m6){justify-content:flex-start;overflow:scroll;gap:var(--gap-medium);right:0;width:610px;height:100%;padding:30px;background:var(--white)}.drawer.svelte-kpx6m6 .drawer-dialog:where(.svelte-kpx6m6) .drawer-dialog-header:where(.svelte-kpx6m6){width:100%;justify-content:space-between;align-items:center}.drawer.svelte-kpx6m6 .drawer-dialog:where(.svelte-kpx6m6) .drawer-dialog-content:where(.svelte-kpx6m6){width:100%;padding:20px 10px}@media screen and (max-width: 767px){.drawer.svelte-kpx6m6{align-items:flex-start}.drawer.svelte-kpx6m6 .drawer-dialog:where(.svelte-kpx6m6){top:20px;width:100%}}.modal.svelte-2aoco4{display:none}.modal.open.svelte-2aoco4{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:9999}.modal.open.svelte-2aoco4 .background:where(.svelte-2aoco4){position:absolute;width:100%;height:100%;background:#0000004d}.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4){position:relative;background:var(--white);max-height:calc(100% - 80px);box-shadow:var(--shadow-dark);border-radius:15px;padding:20px}.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4) .close:where(.svelte-2aoco4),.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4) .previous:where(.svelte-2aoco4){position:absolute;width:30px;height:30px;border-radius:15px;background:var(--primary-color);right:0;top:0;transform:translate(50%,-50%)}.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4) .previous:where(.svelte-2aoco4){left:0;top:0;transform:translate(-50%,-50%)}.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4) .modal-header:where(.svelte-2aoco4){justify-content:center;padding-bottom:var(--padding);border-bottom:1px solid var(--primary-color)}.modal.open.svelte-2aoco4 .modal-dialog:where(.svelte-2aoco4) .modal-header:where(.svelte-2aoco4) p:where(.svelte-2aoco4){font-size:1.5rem;font-weight:700}.article-container.svelte-p3jlsl{border-radius:5px;background:#fffdff;min-width:100%;padding:10px}.join-us-container.svelte-1udijrz{width:100%;display:flex;flex-direction:column;gap:var(--gap-md)}.join-us-container.svelte-1udijrz h3:where(.svelte-1udijrz){font-weight:700;font-size:1.75rem}.join-us-container.svelte-1udijrz .join-us-body:where(.svelte-1udijrz){display:flex;flex-direction:row;gap:var(--gap-md);align-items:center}.join-us-container.svelte-1udijrz .join-us-blue-circle:where(.svelte-1udijrz){height:36px;width:36px;min-width:36px;border-radius:var(--round);display:flex;justify-content:center;align-items:center;background:linear-gradient(145deg,#90e0ef,20%,#00b4d8,60%,#0077b6);color:var(--white);border:none}.join-us-container.svelte-1udijrz .join-us-text:where(.svelte-1udijrz) .text-large:where(.svelte-1udijrz){font-weight:500;font-size:.9rem;color:var(--text-black)}.join-us-container.svelte-1udijrz .join-us-text:where(.svelte-1udijrz) .text-small:where(.svelte-1udijrz){font-weight:300;font-size:.75rem;color:var(--text-neutral)}.game-card.svelte-w8ky3z{display:flex;flex-direction:row;gap:var(--gap-md);border-radius:16px}.game-card.svelte-w8ky3z .game-picture:where(.svelte-w8ky3z){width:80px;height:80px;border-radius:10px;object-fit:cover;object-position:top}.game-card.svelte-w8ky3z .game-info:where(.svelte-w8ky3z){display:flex;flex-direction:column;flex:1}.game-card.svelte-w8ky3z .game-info:where(.svelte-w8ky3z) .game-title:where(.svelte-w8ky3z){font-weight:700;font-size:.75rem}.game-card.svelte-w8ky3z .game-info:where(.svelte-w8ky3z) .game-release:where(.svelte-w8ky3z){font-weight:400;font-size:.5rem}.game-card.svelte-w8ky3z .game-heart-container:where(.svelte-w8ky3z){display:flex;justify-content:center;align-items:center;cursor:pointer;background:none;border:none;margin:0 10px 0 0}.game-card.svelte-w8ky3z .game-heart-container:where(.svelte-w8ky3z):not(.liked){transition:color .3s ease;color:var(--white)}.game-card.svelte-w8ky3z .game-heart-container.liked:where(.svelte-w8ky3z){transition:color .3s ease;color:var(--primary-color)}.game-card.svelte-w8ky3z:hover{color:var(--secondary-color);cursor:pointer}.following-list-container.svelte-1e5tzli{display:flex;flex-direction:column;gap:var(--gap-md)}.following-list-container.svelte-1e5tzli h3:where(.svelte-1e5tzli){font-weight:700;font-size:1.75rem}.following-list-container.svelte-1e5tzli .add-new-game-container:where(.svelte-1e5tzli){display:flex;justify-content:flex-start;width:100%;gap:var(--gap-md)}.game-card-container.svelte-1e5tzli{display:flex;flex-direction:column;gap:var(--gap-md);margin-top:20px}.user-reaction-card.svelte-1i5vc8w{display:flex;flex-direction:row;padding:var(--padding-md) var(--padding-sm);align-items:center;justify-content:space-between}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-user-section:where(.svelte-1i5vc8w){display:flex;gap:var(--gap-md)}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-user-section:where(.svelte-1i5vc8w) .user-reaction-card-thumb:where(.svelte-1i5vc8w){height:48px;width:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient(to right,var(--secondary-color),40%,#ffbf69);color:#fff}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-user-section:where(.svelte-1i5vc8w) .user-reaction-card-user-info:where(.svelte-1i5vc8w){display:flex;flex-direction:column;gap:var(--gap-xs)}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-user-section:where(.svelte-1i5vc8w) .user-reaction-card-user-info:where(.svelte-1i5vc8w) .name:where(.svelte-1i5vc8w){font-weight:500;font-size:.9rem;color:var(--text-black)}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-user-section:where(.svelte-1i5vc8w) .user-reaction-card-user-info:where(.svelte-1i5vc8w) .activity:where(.svelte-1i5vc8w){font-weight:300;font-size:.75rem;color:var(--text-neutral)}.user-reaction-card.svelte-1i5vc8w .user-reaction-card-btn:where(.svelte-1i5vc8w){border:none;background:var(--primary-color);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white)}.newsletter-container.svelte-1mfnvbk{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.newsletter-container.svelte-1mfnvbk .newsletter:where(.svelte-1mfnvbk) .news:where(.svelte-1mfnvbk){font-size:1.2rem;color:var(--text-primary-color);font-weight:700}.newsletter-container.svelte-1mfnvbk .newsletter:where(.svelte-1mfnvbk) .letter:where(.svelte-1mfnvbk){font-size:1.2rem;margin-left:20px;color:var(--text-primary-color);font-weight:700}.newsletter-container.svelte-1mfnvbk .newsletter-btn:where(.svelte-1mfnvbk){border:none;background:linear-gradient(#ffbf69,var(--secondary-color));color:var(--white);border-radius:16px;width:fit-content;min-width:70px;padding:10px 20px;font-weight:700}.navbar.svelte-1kxid7j{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;position:relative;height:100%;width:clamp(240px,240px,240px);max-height:100%;overflow-y:auto;margin-top:var(--header-height);padding:var(--padding);padding-top:var(--padding)}.navbar.svelte-1kxid7j .logo-container:where(.svelte-1kxid7j){position:fixed;top:0;left:0;height:var(--header-height);width:240px;display:flex;justify-content:flex-start;align-items:center;gap:var(--gap-md);text-decoration:none;transition:all .3s ease-in-out;border-bottom:1px solid var(--primary-light-color)}.navbar.svelte-1kxid7j .logo-container:where(.svelte-1kxid7j).scrolled{background:var(--white)}.navbar.svelte-1kxid7j .logo-container:where(.svelte-1kxid7j) .logo:where(.svelte-1kxid7j){height:64px;width:64px;border-radius:16px}.navbar.svelte-1kxid7j ul:where(.svelte-1kxid7j){width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5px}.navbar.svelte-1kxid7j ul:where(.svelte-1kxid7j) li:where(.svelte-1kxid7j){display:flex;cursor:pointer;width:100%}.navbar.svelte-1kxid7j ul:where(.svelte-1kxid7j) li:where(.svelte-1kxid7j) a:where(.svelte-1kxid7j),.navbar.svelte-1kxid7j ul:where(.svelte-1kxid7j) li:where(.svelte-1kxid7j) h3:where(.svelte-1kxid7j){width:100%;text-decoration:none;padding:10px}.navbar.svelte-1kxid7j ul:where(.svelte-1kxid7j) li:where(.svelte-1kxid7j):hover{background-color:var(--primary-light-color);border-radius:5px}.toast-wrapper.svelte-fz3kqs{min-width:300px;max-width:400px;padding:12px 16px;background-color:var(--toast-bg-color, #fff);border:1px solid var(--toast-color, #ccc);border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;align-items:flex-start;gap:12px;pointer-events:all;overflow:hidden;position:relative}.toast-content.svelte-fz3kqs{flex-grow:1;display:flex;flex-direction:column;gap:4px}.toast-content.svelte-fz3kqs p:where(.svelte-fz3kqs){margin:0;font-size:.95rem;color:var(--text-primary, #1a1a1a);line-height:1.4}.close-button.svelte-fz3kqs{background:none;border:none;cursor:pointer;padding:0;margin-left:auto;opacity:.7;transition:opacity .2s ease}.close-button.svelte-fz3kqs:hover{opacity:1}.progress-bar.svelte-fz3kqs{position:absolute;bottom:0;left:0;height:3px;width:100%;background-color:var(--toast-color);transform-origin:left;animation:svelte-fz3kqs-progress-slide linear forwards}@keyframes svelte-fz3kqs-progress-slide{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-manager-container.svelte-1j3wiif{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:all}#root.svelte-12qhfyh{width:100%;height:100%;display:flex;background:var(--background-gradient);overflow:hidden}#content.svelte-12qhfyh{flex:1 0 auto;max-width:calc(100% - 240px);display:flex;flex-direction:column;justify-content:flex-start;overflow:auto}