@font-face{font-family:Mix DM;src:url(/brand/mix7/dm-sans-1.woff2);font-weight:400;font-display:swap}@font-face{font-family:Mix DM;src:url(/brand/mix7/dm-sans-2.woff2);font-weight:500;font-display:swap}@font-face{font-family:Mix DM;src:url(/brand/mix7/dm-sans-3.woff2);font-weight:600;font-display:swap}html.dark .mix7-shell{--font-sans:Mix DM,system-ui,sans-serif;--sidebar:#101010;--sidebar-foreground:#f6f7f8;--sidebar-accent:#292929;--sidebar-accent-foreground:#fff;--sidebar-border:#292929;font-family:var(--font-sans)}.mix7-shell [data-slot=sidebar-container]{height:100svh;top:0}.mix7-shell [data-slot=sidebar-inner]{color:#f6f7f8;background:#101010;border:0;border-radius:0}.mix7-shell [data-slot=sidebar-header]{border:0;padding:20px 12px 12px}.mix7-sidebar-logo{object-fit:contain;width:190px;max-width:90%;height:60px;margin:0 auto 12px;display:block}.mix7-shell [data-slot=sidebar-menu-button]{color:#f6f7f8;border-radius:12px}.mix7-shell [data-slot=sidebar-menu-button][data-active=true]{color:#111;background:#fff}.mix7-shell [data-slot=sidebar-menu-button][data-active=true] svg{color:#00bce8}.mix7-shell [data-slot=sidebar-menu-button]:hover{color:#fff;background:#303030}.mix7-shell [data-slot=sidebar-menu-button][data-active=true]:hover{color:#111;background:#fff}.mix7-chat-unavailable{opacity:.6;cursor:not-allowed;align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}html.dark [data-mobile=true][data-sidebar=sidebar]{--sidebar:#101010;--sidebar-foreground:#f6f7f8;--sidebar-accent:#292929;--sidebar-accent-foreground:#fff;color:#f6f7f8;background:#101010;font-family:Mix DM,system-ui,sans-serif}[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button]{color:#f6f7f8;border-radius:12px}[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button][data-active=true]{color:#111;background:#fff}[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button][data-active=true] svg{color:#00bce8}@media (width>=768px){.mix7-shell [data-slot=sidebar-container]{padding:0}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-group]{padding-right:0}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]{border-radius:16px 0 0 16px}}.mix7-shell [data-slot=sidebar-header] .text-foreground,[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-foreground{color:#f5f7f8}.mix7-shell [data-slot=sidebar-header] .text-foreground\/70,[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-foreground\/70,.mix7-shell [data-slot=sidebar-header] .text-muted-foreground,[data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-muted-foreground{color:#d1d8dc}@media (width>=768px){.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]{position:relative;overflow:visible}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:before,.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:after{content:"";pointer-events:none;background:#101010;width:18px;height:18px;position:absolute;right:0}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:before{border-radius:0 0 18px;top:-18px;box-shadow:0 9px #fff}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:after{border-radius:0 18px 0 0;bottom:-18px;box-shadow:0 -9px #fff}}.mix7-sidebar-logo{width:180px;max-width:calc(100% - 32px);transform:translate(14px)}@media (width>=768px){.mix7-shell [data-slot=sidebar][data-state=expanded] [data-slot=sidebar-gap]{width:var(--sidebar-width)}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:before,.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:after{width:20px;height:20px;box-shadow:none;border-radius:0;right:0}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:before{background:radial-gradient(circle at 0 0,#101010 19px,#fff 20px);top:-20px}.mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:after{background:radial-gradient(circle at 0 100%,#101010 19px,#fff 20px);bottom:-20px}}.mix7-app-bar{display:none}html:not(.dark) .mix7-shell{--font-sans:Mix DM,"DM Sans",system-ui,sans-serif;font-family:var(--font-sans)}html:not(.dark) .mix7-app-bar{backdrop-filter:blur(22px)saturate(1.3);height:56px;min-height:56px;color:var(--foreground);z-index:30;background:#ffffffa8;border-bottom:1px solid #ffffffeb;align-items:center;gap:12px;padding:0 18px;display:flex}.mix7-bar-logo{object-fit:contain;flex:none;width:120px;height:42px}.mix7-app-bar-link{white-space:nowrap;border-radius:9999px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:600;display:flex}.mix7-app-bar-link:hover,.mix7-app-bar-notifications:hover,.mix7-app-bar-create:hover{background:var(--accent)}.mix7-app-bar-workspace{text-overflow:ellipsis;white-space:nowrap;max-width:25vw;color:var(--muted-foreground);margin-left:auto;font-size:13px;overflow:hidden}.mix7-app-bar-notifications,.mix7-app-bar-create{border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid;position:relative}.mix7-notification-count{background:var(--info);min-width:17px;color:var(--primary-foreground);text-align:center;border-radius:12px;padding:1px 4px;font-size:10px;position:absolute;top:0;right:-3px}html:not(.dark) .mix7-app-bar>button:first-of-type{border-color:var(--border);background:var(--card);color:var(--foreground)}html:not(.dark) .mix7-app-bar>button:first-of-type span{color:var(--muted-foreground)}html:not(.dark) .mix7-shell [data-slot=sidebar-inner],html:not(.dark) [data-mobile=true][data-sidebar=sidebar]{background:var(--sidebar);color:var(--sidebar-foreground);backdrop-filter:blur(22px)saturate(1.3)}html:not(.dark) [data-mobile=true][data-sidebar=sidebar]{font-family:Mix DM,DM Sans,system-ui,sans-serif}html:not(.dark) .mix7-sidebar-logo{display:none}html:not(.dark) .mix7-shell [data-slot=sidebar-menu-button],html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button]{color:var(--sidebar-foreground);border-radius:12px}html:not(.dark) .mix7-shell [data-slot=sidebar-menu-button]:hover,html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button]:hover{background:var(--accent);color:var(--foreground)}html:not(.dark) .mix7-shell [data-slot=sidebar-menu-button][data-active=true],html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button][data-active=true]{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}html:not(.dark) .mix7-shell [data-slot=sidebar-menu-button][data-active=true] svg,html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-menu-button][data-active=true] svg{color:var(--sidebar-accent-foreground)}html:not(.dark) .mix7-shell [data-slot=sidebar-header] .text-foreground,html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-foreground{color:var(--foreground)}html:not(.dark) .mix7-shell [data-slot=sidebar-header] .text-foreground\/70,html:not(.dark) .mix7-shell [data-slot=sidebar-header] .text-muted-foreground,html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-foreground\/70,html:not(.dark) [data-mobile=true][data-sidebar=sidebar] [data-slot=sidebar-header] .text-muted-foreground{color:var(--muted-foreground)}@media (width>=768px){html:not(.dark) .mix7-shell [data-slot=sidebar-container]{height:calc(100svh - 56px);top:56px}html:not(.dark) .mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]{border-radius:12px}html:not(.dark) .mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:before,html:not(.dark) .mix7-shell [data-slot=sidebar-content] [data-slot=sidebar-menu-button][data-active=true]:after{display:none}}@media (width<=900px){html:not(.dark) .mix7-app-bar,html:not(.dark) .mix7-shell [data-slot=sidebar-inner],html:not(.dark) [data-mobile=true][data-sidebar=sidebar]{backdrop-filter:none;background:#ffffffdb}}@media (width<=600px){html:not(.dark) .mix7-app-bar{gap:4px;padding:0 8px}.mix7-bar-logo{width:80px}.mix7-app-bar-link{padding:7px}.mix7-app-bar-link span{display:none}}.mix7-shell .mix7-content{width:auto;min-width:0;margin-left:0}@media (width>=901px){.mix7-shell:has([data-slot=sidebar][data-state=collapsed]) .mix7-content{margin-left:96px}}