body{margin:0}.topbarContainerDesktop{background-color:var(--background);flex-direction:column;width:100%;padding:1rem;display:flex;position:fixed;top:0;left:0}.topbarContainer{width:100%;height:var(--topbar-height);z-index:1000;background-color:var(--background);flex-direction:row;display:flex;position:fixed;top:0;left:0}.toggle-topbar-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.topbar-left-container.slide-hidden{transform:translate(100%);transition:transform .3s ease-in-out!important}.topbar-left-container.slide-visible{transform:translate(0%);transition:transform .3s ease-in-out!important}.topbar-icon-container-desktop{z-index:1000;background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding-left:.5rem;display:flex}.topbar-icon-container{justify-content:space-between;align-items:center;width:100%;padding:0 1rem;display:flex}.left-icon-container{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.right-icon-container{z-index:1000;align-items:center;gap:.75rem;min-height:2.25rem;display:flex}.menu-notification-container{justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;position:relative}.home-topbar-icon-desktop{z-index:1;color:var(--green);justify-content:center;align-items:center;font-size:4rem;font-weight:400;display:flex}.home-topbar-icon{z-index:1;color:var(--green);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;font-weight:400;display:flex}.show-topbar-icon-top{z-index:1000;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;font-size:2.25rem;font-weight:400;display:flex}.show-topbar-icon-top-x{z-index:1000;color:var(--gray);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;font-weight:400;display:flex}.profile-details-container{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;display:flex}.topbar-left-container{width:100vw;height:100dvh;transition:transform .3s ease-in-out;position:fixed;left:0;transform:translate(-100%)}.topbar-left-content-wrapper{height:100dvh;color:var(--foreground);background:linear-gradient(180deg, var(--card) 0%, color-mix(in oklab, var(--background) 94%, white) 100%);border-top:1px solid var(--border);flex-direction:column;align-items:stretch;margin:0;display:flex;overflow-x:hidden;box-shadow:16px 0 40px -26px #0f172a59}.top-bar-menu-container{box-sizing:border-box;width:100%;padding:0 1rem}.top-row-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-top:3rem;display:flex}.top-row-container img{width:5rem;height:5rem}.username-type{color:gray;margin:1rem 0 .5rem;font-weight:100}.location-container{justify-content:center;display:flex}.location-type{color:gray;font-weight:100}.location-icon{color:gray;justify-content:center;align-items:center;padding-left:.25rem;display:flex}.account-balance-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:600px;min-height:100vh;display:flex}.stripe-embed-wrapper{box-sizing:border-box;justify-content:center;align-self:center;align-items:center;width:100%;min-width:0;max-width:22.5rem;margin:1rem auto;display:flex}.account-balance-btn span{background:linear-gradient(90deg, var(--blue) 0%, var(--green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.add-balance-container{box-sizing:border-box;z-index:1;justify-content:center;width:100%;margin:1rem 0;padding:0 1rem;display:flex}.account-balance-btn{color:var(--foreground);border:1px solid var(--border);background-color:#0000;border-radius:2rem;width:100%;height:100%;margin-bottom:1rem}.no-user-btn{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:22.5rem;margin:1rem auto;padding:0 1rem;display:flex}.no-user-btn>*{width:100%}.discord-link-container{justify-content:center;padding:1rem 0 .5rem;display:flex}.discord-icon{color:#5865f2;opacity:.7;width:2rem;height:2rem;transition:opacity .2s}.discord-icon:hover{opacity:1}.balance-instructions{color:var(--gray);font-size:12px}.credits-container{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;max-width:22.5rem;height:3.5rem;margin:1rem 0;display:flex}.credits-p{color:var(--muted-foreground);font-family:arial;font-size:15px;font-weight:700}.credits-amount-container{margin:10px 0 0}.credits-amount{color:var(--foreground);font-family:arial;font-size:26px;font-weight:800}.nav-row-container{cursor:pointer;justify-content:flex-start;align-items:center;gap:1rem;width:100%;margin:1rem 0;display:flex;position:relative}.nav-row-container p{color:var(--foreground);font-size:1rem}.nav-label{align-items:center;display:flex}.nav-label-with-badge{gap:.5rem;min-width:0}.notificaitons-container p{font-size:18px}.nav-icon-container{display:inline-block;position:relative}.unread-notif-container{cursor:pointer;color:var(--foreground);width:2rem;height:2rem;position:relative}.topbar-icon{color:var(--muted-foreground);font-size:2rem}.admin-topbar-icon{color:var(--blue)}.topbarIconBadge{width:20px;height:20px;color:var(--foreground);background-color:red;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-10px;right:-15px}.menu-notif-count-icon{z-index:1001;color:#fff;box-sizing:border-box;transform-origin:50%;background-color:#f87171;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.8rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-10px}.notif-count-icon{color:#fff;background-color:var(--green);transform-origin:50%;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;margin-left:.75rem;padding:0 .4rem;font-size:.8rem;font-weight:700;line-height:1;display:flex}.notif-badge-pop{animation:.62s cubic-bezier(.2,.8,.2,1) notif-badge-pop}.notif-badge-ping{animation:.52s cubic-bezier(.2,.8,.2,1) notif-badge-pop}.notif-badge-ping:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid;animation:.76s ease-out notif-badge-ping;position:absolute;inset:-5px}.notif-badge-shake{animation:.62s ease-in-out notif-badge-shake}.notif-badge-glow{animation:.76s ease-out notif-badge-glow}@keyframes notif-badge-pop{0%{transform:scale(.72)}45%{transform:scale(1.28)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes notif-badge-ping{0%{opacity:.7;transform:scale(.85)}to{opacity:0;transform:scale(2.1)}}@keyframes notif-badge-shake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.1)}40%{transform:rotate(10deg)scale(1.12)}60%{transform:rotate(-7deg)scale(1.06)}80%{transform:rotate(5deg)scale(1.02)}}@keyframes notif-badge-glow{0%{box-shadow:0 0 0 0 color-mix(in oklab, currentColor 55%, transparent);transform:scale(1)}38%{box-shadow:0 0 0 8px color-mix(in oklab, currentColor 18%, transparent);transform:scale(1.15)}to{transform:scale(1);box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.notif-badge-pop,.notif-badge-ping,.notif-badge-shake,.notif-badge-glow,.notif-badge-ping:after{animation:none}}.topbarImg{z-index:10000;object-fit:cover;cursor:pointer;border-radius:50%;width:80px;height:80px}.bottom-line{border-color:var(--gray);margin-top:2.5rem}.notificationsDropdown{background-color:var(--card);border:1px solid var(--border);color:var(--foreground);border:1px solid var(--border);border-radius:5px;width:20rem;height:auto;max-height:50vh;display:block;position:absolute;top:48px;right:10%;overflow-y:auto;box-shadow:0 2px 10px #0000001a}@media only screen and (width>=700px){.topbarLeft{padding-left:8rem}.topbarRight{padding-right:4rem}}@media only screen and (width>=900px){.gfeed{margin:0 30%}}.account-balance-sidebar>[data-slot=card]{border-radius:var(--radius-md)!important}.account-balance-sidebar .account-balance-mode-toggle button{padding-inline:6px!important;font-size:12px!important}.account-balance-sidebar .account-balance-mode-toggle svg{display:none}.account-balance-sidebar input,.account-balance-sidebar .account-balance-primary-action{font-size:14px!important}.account-balance-sidebar .account-balance-payment-link{font-size:12px!important}.account-balance-sidebar .account-balance-payment-action{gap:5px;padding-inline:8px!important;font-size:14px!important}.account-balance-sidebar .account-balance-payment-action svg{width:14px;height:14px}.feed{--rail-height:2.5rem;color:var(--foreground);z-index:0;width:100%;margin-top:calc(-1 * var(--page-top-gutter));height:calc(100dvh - var(--topbar-height));overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:0 var(--app-surface-gutter) max(.85rem, env(safe-area-inset-bottom));flex:1;scroll-padding-block-start:var(--rail-height);font-family:Exo,sans-serif;overflow-y:auto}.infinite-scroll-component{min-width:0;max-width:100%;padding:0}.link-stack{flex-direction:column;gap:.75rem;min-width:0;max-width:100%;padding-bottom:2rem;display:flex}.home-feed-card-snap{scroll-snap-align:start;scroll-snap-stop:always}.home-feed-card-motion{transform-origin:top;will-change:opacity, transform}@media only screen and (width>=700px){.feed{margin-inline:0}.link-stack{gap:1rem}}@media only screen and (width>=768px){.feed{max-width:800px;margin-block:0;margin-inline:auto;padding-inline:1rem}}.homeContainer{width:100%;display:flex}.register-page{background:linear-gradient(180deg, var(--background) 0%, #eef4ff 100%);box-sizing:border-box;justify-content:center;align-items:center;width:100vw;min-height:100dvh;margin-top:-2rem;padding:1.5rem;display:flex}.register-card{background:var(--background);box-sizing:border-box;border:1px solid #94a3b840;border-radius:1.5rem;flex-direction:column;gap:1.25rem;width:100%;max-width:28rem;padding:1.5rem;display:flex;box-shadow:0 18px 60px #0f172a14}.register-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.register-brand-icon{color:var(--green);font-size:3.5rem}.register-title{margin:0;font-size:1.5rem;line-height:1.2}.register-form{flex-direction:column;gap:1rem;width:100%;display:flex}.login{width:100vw;color:var(--foreground);justify-content:center;align-items:center;margin-top:3rem;font-family:Exo,sans-serif;display:flex}.loginImg{z-index:-1;background-repeat:no-repeat;background-size:cover;width:100%;position:absolute;top:40%;right:50%;scale:2.25}.valid-user-container{text-align:center;justify-content:center;margin:2rem 3rem;display:flex}.valid-user-container p{color:var(--gray)}@media only screen and (width>=890px){.loginBox{width:40%;height:70%;margin:auto}}.loginLogo{color:#9b05ffbf;text-align:center;margin:0;font-size:60px;font-weight:600}.loginDesc{text-align:center;font-size:20px}.signUpButton{width:100%;height:50px;color:var(--offwhite);cursor:pointer;background-color:#9b05ffbf;border:none;border-radius:2rem;width:69%;font-size:20px;font-weight:500}.loginForgot{text-align:center;color:gray}.loginRegisterButton{width:100%;height:40px;color:var(--foreground);cursor:pointer;background-color:#09b209;border:none;border-radius:10px;align-self:center;font-size:20px;font-weight:500}.signup-divider{width:100%;color:var(--gray);align-items:center;gap:12px;margin:1.25rem 0;display:flex}.signup-divider:before,.signup-divider:after{content:"";background:var(--mid-gray);flex:1;height:1px}.signup-divider span{background:var(--background);color:var(--gray);flex:none;padding:0 12px;font-size:.9rem;line-height:1}.google-signup-note{color:var(--gray);text-align:center;margin-top:8px;font-size:.85rem}.google-cta-button{font-size:1.05rem;font-weight:600}.google-signup-option{flex-direction:column;width:100%;display:flex}.password-input-wrapper{width:100%;position:relative}.password-input{padding-right:2.75rem}.password-visibility-button{width:2.25rem;height:2.25rem;color:var(--gray);cursor:pointer;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.password-visibility-button:hover{color:var(--foreground)}.password-visibility-button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.password-visibility-button svg{width:1.125rem;height:1.125rem}.username-requirements{color:var(--gray);gap:.2rem;margin:-.25rem 0 0;padding-left:1.25rem;font-size:.85rem;line-height:1.35;list-style:outside;display:grid}.username-requirement.is-invalid{color:var(--destructive)}
