.mobile-sidebar-backdrop{z-index:2147483645;background:#00000080;transition:opacity .3s cubic-bezier(0,0,.2,1);position:fixed;inset:0}.mobile-sidebar-backdrop[data-starting-style],.mobile-sidebar-backdrop[data-ending-style]{opacity:0}.mobile-sidebar{--mobile-sidebar-background:#0b0b0b;z-index:2147483646;background:var(--mobile-sidebar-background);color:#fff;width:min(384px,100vw - 48px);height:100dvh;min-height:0;box-shadow:none;font-family:var(--font-sans);will-change:transform;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;outline:none;flex-direction:column;transition:transform .3s cubic-bezier(0,0,.2,1);display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(0)}.mobile-sidebar[data-starting-style],.mobile-sidebar[data-ending-style]{transform:translate(-100%)}.mobile-sidebar-header{flex:0 0 56px;justify-content:space-between;align-items:center;min-width:0;height:56px;padding:6px 12px 6px 18px;display:flex}.mobile-sidebar-brand{border-radius:8px;outline:none;align-items:center;min-width:0;display:flex}.mobile-sidebar-brand img{object-fit:contain;object-position:left;width:auto;max-width:124px;height:22px;display:block}.mobile-sidebar-close{color:#828282;background:0 0;border:0;border-radius:10px;outline:none;flex:0 0 40px;place-items:center;width:40px;height:40px;padding:0;transition:color .15s,background-color .15s;display:grid}.mobile-sidebar-close svg{width:20px;height:20px}.mobile-sidebar-scroll{overscroll-behavior:contain;min-width:0;min-height:0;padding:0 16px calc(var(--mobile-sidebar-footer-height,93px) + 16px);scrollbar-width:none;flex:1;overflow:hidden auto}.mobile-sidebar-scroll::-webkit-scrollbar{display:none}.mobile-sidebar-nav{width:100%;min-width:0}.mobile-sidebar-create-wrapper{padding-top:6px}.mobile-sidebar-create{isolation:isolate;width:100%;min-width:0;height:44px;color:var(--primary);text-align:left;border-radius:10px;outline:none;align-items:center;gap:10px;padding:8px 10px 8px 8px;font-size:16px;font-weight:600;line-height:20px;text-decoration:none;display:flex;position:relative}.mobile-sidebar-create:before{z-index:0;border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 5%, var(--mobile-sidebar-background)), var(--mobile-sidebar-background) 75%) padding-box, linear-gradient(90deg, color-mix(in srgb, var(--primary) 20%, transparent), transparent 75%) border-box;content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:0 0 0 -4px}.mobile-sidebar-create>*{z-index:1;position:relative}.mobile-sidebar-create-icon{flex:0 0 20px;width:20px;height:20px}.mobile-sidebar-row{color:#fff;text-align:left;border-radius:10px;outline:none;align-items:center;gap:10px;width:100%;min-width:0;height:52px;padding:6px 10px 6px 4px;font-size:16px;font-weight:500;line-height:20px;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.mobile-sidebar-row-icon{flex:0 0 24px;width:24px;height:24px}.mobile-sidebar-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-inline:2px;display:block;overflow:hidden}.mobile-sidebar-new{background:var(--primary);height:18px;color:var(--primary-foreground);font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;border-radius:4px;flex:none;padding:0 6px;font-size:12px;font-weight:700;line-height:18px;display:inline-block;transform:skew(-12deg)}.mobile-sidebar-footer{z-index:10;padding:16px 12px max(16px, env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--mobile-sidebar-background) 75%);pointer-events:none;display:flex;position:absolute;inset:auto 0 0}.mobile-sidebar-footer>*{pointer-events:auto}.mobile-sidebar-account,.mobile-sidebar-account-skeleton{background:radial-gradient(80% 122% at 99% 50%, color-mix(in srgb, var(--primary) 6.4%, transparent), transparent 56%), radial-gradient(88% 83% at 50% 0%, #ffffff0a, transparent 56%), #131313;border:.5px solid #ffffff0d;border-radius:999px;align-items:center;gap:0;width:100%;min-width:0;min-height:61px;padding-left:8px;display:flex;overflow:hidden}.mobile-sidebar-account-trigger{color:#fff;text-align:left;border-radius:999px;outline:none;flex:1;align-items:center;gap:10px;width:100%;min-width:0;height:60px;padding:0;transition:background-color .2s;display:flex;transform:scale(1)}.mobile-sidebar-account-trigger:hover,.mobile-sidebar-account-trigger:active{transform:scale(1)}.mobile-sidebar-account-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mobile-sidebar-avatar-frame{border-radius:999px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;position:relative}.mobile-sidebar-avatar-ring{width:44px;height:44px;color:var(--primary);pointer-events:none;position:absolute;inset:0}.mobile-sidebar-avatar{flex:0 0 36px;width:36px;height:36px}.mobile-sidebar-account-copy{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:14px;font-weight:500;line-height:16px;display:flex}.mobile-sidebar-name,.mobile-sidebar-credits{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-sidebar-name{color:#fff}.mobile-sidebar-credits{color:#828282}.mobile-sidebar-upgrade{height:60px;color:var(--primary);outline:none;flex:none;justify-content:center;align-items:center;padding:0 16px 0 12px;font-size:14px;font-weight:500;line-height:16px;text-decoration:none;transition:background-color .15s;display:flex}.mobile-sidebar-upgrade>span{padding-inline:2px}.mobile-sidebar-account-skeleton{gap:10px;height:61px;padding-right:16px}.mobile-sidebar-account-fallback{background:var(--primary);color:var(--primary-foreground);font-size:14px;font-weight:600}.mobile-sidebar-guest{background:var(--mobile-sidebar-background);border-top:1px solid #ffffff1a;width:100%;min-width:0;padding:24px 16px 4px}.mobile-sidebar-guest-title{color:#fff;margin:0;font-size:14px;font-weight:500;line-height:20px}.mobile-sidebar-guest-description{color:#ffffff80;margin:4px 0 0;font-size:14px;line-height:18px}.mobile-sidebar-sign-in{background:var(--primary);width:100%;height:48px;color:var(--primary-foreground);border-radius:999px;outline:none;justify-content:center;align-items:center;margin-top:20px;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;transition:background-color .15s;display:flex}.mobile-sidebar-sign-in:hover{background:var(--primary-hover)}.mobile-sidebar-close:hover,.mobile-sidebar-row:hover,.mobile-sidebar-upgrade:hover,.mobile-sidebar-account-trigger:hover{background-color:#ffffff0a}.mobile-sidebar-close:hover{color:#fff}.mobile-sidebar-brand:focus-visible,.mobile-sidebar-close:focus-visible,.mobile-sidebar-create:focus-visible,.mobile-sidebar-row:focus-visible,.mobile-sidebar-upgrade:focus-visible,.mobile-sidebar-account-trigger:focus-visible,.mobile-sidebar-sign-in:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.mobile-sidebar-backdrop,.mobile-sidebar,.mobile-sidebar *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}