@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:300;src:url(./MaterialSymbolsRoundedFillVar.subset.CURr7wJv.woff2)format("woff2")}.landing-app-mock{--color-dg-secondary-500:#437dfb;--ui-color-neutral-50:oklch(98.5% .002 247.839);--ui-color-neutral-100:oklch(96.7% .003 264.542);--ui-color-neutral-200:oklch(92.8% .006 264.531);--ui-color-neutral-300:oklch(87.2% .01 258.338);--ui-color-neutral-400:oklch(70.7% .019 261.325);--ui-color-neutral-500:oklch(55.1% .017 264.364);--ui-color-neutral-600:oklch(44.6% .011 256.802);--ui-color-neutral-700:oklch(37.3% .006 259.733);--ui-color-neutral-800:oklch(27.8% .003 256.848);--ui-color-neutral-900:oklch(21% .001 264.665);--ui-color-neutral-950:oklch(13% 0 0);--ui-bg:#fff;--ui-bg-muted:var(--ui-color-neutral-50);--ui-bg-elevated:var(--ui-color-neutral-100);--ui-bg-accented:var(--ui-color-neutral-200);--ui-bg-inverted:var(--ui-color-neutral-900);--ui-text-dimmed:var(--ui-color-neutral-400);--ui-text-muted:var(--ui-color-neutral-500);--ui-text-toned:var(--ui-color-neutral-600);--ui-text:var(--ui-color-neutral-700);--ui-text-highlighted:var(--ui-color-neutral-900);--ui-text-inverted:#fff;--ui-border:var(--ui-color-neutral-200);--ui-border-muted:var(--ui-color-neutral-200);--ui-border-accented:var(--ui-color-neutral-300);--ui-border-inverted:var(--ui-color-neutral-900);--ui-color-warning-50:var(--color-red-50);--ui-color-warning-100:var(--color-red-100);--ui-color-warning-200:var(--color-red-200);--ui-color-warning-300:var(--color-red-300);--ui-color-warning-400:var(--color-red-400);--ui-color-warning-500:var(--color-red-500);--ui-color-warning-600:var(--color-red-600);--ui-color-warning-700:var(--color-red-700);--ui-color-warning-800:var(--color-red-800);--ui-color-warning-900:var(--color-red-900);--ui-color-warning-950:var(--color-red-950);--ui-warning:var(--ui-color-warning-500);--ui-attention:var(--color-amber-500);--radius-xs:.125rem;--radius-sm:calc(var(--ui-radius)*1.5);--radius-md:calc(var(--ui-radius)*2);--radius-lg:calc(var(--ui-radius)*2.5);--radius-xl:calc(var(--ui-radius)*3.5);--radius-2xl:calc(var(--ui-radius)*4.5);--radius-3xl:calc(var(--ui-radius)*5.5);--radius-4xl:calc(var(--ui-radius)*6.5);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--dg-corner-shape:superellipse(1.333);--dg-app-bg:#0a0a0a;--dg-nav-fill-hover:#ffffff0f;--dg-nav-fill-selected:#ffffff1c;--dg-nav-state-shadow:0 0 .5rem .0625rem #ffffff05 inset,0 .0625rem .0625rem 0 #ffffff05 inset,0 0 0 .0625rem #ffffff05 inset,0 .0625rem .125rem 0 #0000001a,0 0 0 .0625rem #0000001a;--dg-fill-tint:color-mix(in oklab,var(--ui-color-neutral-950) 8%,transparent);--dg-fill-tint-hover:color-mix(in oklab,var(--ui-color-neutral-950) 13%,transparent);--dg-fill-tint-active:color-mix(in oklab,var(--ui-color-neutral-950) 18%,transparent);--dg-focus:#5083f0;--radius-dg-nav:.8125rem;--radius-dg-card:1.25rem;--ease-emphasized:cubic-bezier(.2,.8,0,1);font-weight:450}.landing-app-mock .rounded-dg-nav{border-radius:var(--radius-dg-nav)}.landing-app-mock .rounded-dg-card{border-radius:var(--radius-dg-card)}.landing-app-mock .ease-emphasized{transition-timing-function:var(--ease-emphasized)}.landing-app-mock .dg-squircle{corner-shape:var(--dg-corner-shape)}.landing-app-mock :is(.material-symbols-rounded,.material-symbols-outlined,.material-symbols-sharp){letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;width:1em;height:1em;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block;overflow:hidden}.landing-app-mock .dg-press{isolation:isolate;transition:scale .4s var(--ease-emphasized)}.landing-app-mock .dg-press:before{background-color:var(--dg-btn-fill,transparent);border-radius:inherit;content:"";pointer-events:none;transition:background-color .4s var(--ease-emphasized);z-index:-1;position:absolute;inset:0}.landing-app-mock .dg-press:active{scale:.97}.landing-app-mock .dg-btn-tinted{color:var(--ui-text-highlighted);--dg-btn-fill:var(--dg-fill-tint)}.landing-app-mock .dg-btn-tinted:hover{--dg-btn-fill:var(--dg-fill-tint-hover)}.landing-app-mock .dg-btn-tinted:active{--dg-btn-fill:var(--dg-fill-tint-active)}@media (prefers-reduced-motion:reduce){.landing-app-mock .dg-press,.landing-app-mock .dg-press:before{transition:none}.landing-app-mock .dg-press:active{scale:none}}.landing-app-mock .rounded-dg-tag{border-radius:.5rem}.landing-app-mock .rounded-dg-popover{border-radius:1rem}.landing-app-mock .rounded-dg-setup{border-radius:1.5rem}.landing-app-mock .shadow-dg-container{box-shadow:0 0 .125rem #0000003d,0 .125rem .75rem #00000005,0 .25rem 1rem #00000005,0 .25rem 3rem #00000005}.landing-app-mock .shadow-dg-popover{box-shadow:0 .125rem .125rem -.0625rem #0000000f,0 .1875rem .25rem -.125rem #0000000f,0 .375rem .5rem -.1875rem #0000000f,0 .75rem 1rem -.25rem #0000000f,0 0 0 .0625rem #00000014}.landing-app-mock .shadow-dg-primary{box-shadow:0 .0625rem .03125rem -.03125rem #00000021,0 .0625rem .125rem -.03125rem #00000021,0 .25rem .375rem -.125rem #00000021,inset 0 0 .25rem .125rem #ffffff1a,inset 0 0 .75rem -.375rem #fff9}.landing-app-mock .bg-primary-2:not([class*=refresh\:bg-],[class*=refresh\:dg-btn-]){background-color:var(--ui-secondary)}.landing-app-mock .text-sidebar-foreground{color:var(--ui-text)}.landing-app-mock .drop-shadow-sm{filter:drop-shadow(0 1px 2px #00000026)}.landing-app-mock .dg-surface-inverted{--ui-bg:#1a1a1a;--ui-bg-muted:#222;--ui-bg-elevated:#222;--ui-bg-accented:#2a2a2a;--ui-text:#eee;--ui-text-highlighted:#fff;--ui-text-toned:#ccc;--ui-text-muted:#aaa;--ui-text-dimmed:#8a8a8a;--ui-border:#ffffff17;--ui-border-muted:#ffffff0f;--ui-border-accented:#ffffff24;--dg-fill-tint:#ffffff0f;--dg-fill-tint-hover:#ffffff1a;--dg-fill-tint-active:#ffffff24;--dg-fill-page:#333;--dg-fill-page-hover:#3a3a3a;--dg-fill-clear-hover:#ffffff0f;--dg-fill-clear-active:#ffffff1a;--dg-focus:#5083f0;--dg-corner-shape:superellipse(1.333);--dg-nav-fill-hover:#ffffff0f;--dg-nav-fill-selected:#ffffff1c;--radius-dg-nav:.8125rem;--ease-emphasized:cubic-bezier(.2,.8,0,1);background-color:var(--ui-bg);color:var(--ui-text);box-shadow:0 0 0 .0625rem #dcdcdc2e,0 .0625rem .125rem #00000026,0 .1875rem .375rem -.3125rem #00000026,0 .5rem 1.5rem -.5rem #000000d6}.landing-app-mock .dg-surface-inverted .rounded-dg-nav{border-radius:var(--radius-dg-nav)}.landing-app-mock .dg-surface-inverted .dg-squircle{corner-shape:var(--dg-corner-shape)}.landing-app-mock .refresh\:h-\[30px\]\!{height:30px!important}.landing-app-mock .refresh\:gap-2\!{gap:.5rem!important}.landing-app-mock .refresh\:rounded-dg-nav\!{border-radius:var(--radius-dg-nav)!important}.landing-app-mock .refresh\:py-0\!{padding-block:0!important}.landing-app-mock .refresh\:text-\[13px\]\!{font-size:13px!important}.landing-app-mock .refresh\:font-\[450\]\!{font-weight:450!important}.landing-app-mock .refresh\:dg-squircle{corner-shape:var(--dg-corner-shape)}.landing-app-mock .refresh\:ps-2\.5\!{padding-inline-start:.625rem!important}.landing-app-mock .refresh\:pe-1\.5\!{padding-inline-end:.375rem!important}.landing-app-mock .refresh\:w-9\!{width:2.25rem!important}.landing-app-mock .refresh\:justify-center\!{justify-content:center!important}.landing-app-mock .refresh\:px-0\!{padding-inline:0!important}.landing-app-mock aside button[class*="refresh:h-[30px]"]{background-color:var(--dg-nav-fill-hover);box-shadow:none}.landing-app-mock aside button[class*="refresh:h-[30px]"]:hover{background-color:var(--dg-nav-fill-selected)}.landing-app-mock [data-reka-popper-content-wrapper] .bg-card{background-color:var(--ui-bg)}.landing-app-mock [data-reka-popper-content-wrapper] .border-border{border-color:var(--ui-border)}.landing-app-mock [data-reka-popper-content-wrapper] .text-card-foreground{color:var(--ui-text)}.landing-app-mock [data-reka-popper-content-wrapper] .text-muted-foreground{color:var(--ui-text-muted)}.landing-app-mock [data-reka-popper-content-wrapper] :is(.hover\:bg-accent:hover,.focus-visible\:bg-accent:focus-visible){background-color:var(--ui-bg-elevated)}.landing-app-mock aside .rounded-bl-sm.pointer-events-none{display:none}@container (width>=631px){.landing-app-mock [data-slot=setup-cards]>ul{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}.landing-app-mock [data-slot=setup-cards]>ul>li{grid-column:span 1/span 1}}.landing-app-mock-portal{pointer-events:none;z-index:50;position:absolute;inset:0}.landing-app-mock-portal>*{pointer-events:auto}.landing-app-mock-portal:before{background-color:color-mix(in oklab,var(--ui-bg-elevated) 75%,transparent);content:"";opacity:0;transition:opacity .2s ease-out;position:absolute;inset:0}.landing-app-mock-portal:has(>[role=dialog]):before{opacity:1}@media (prefers-reduced-motion:reduce){.landing-app-mock-portal:before{transition:none}}.landing-app-mock-hotspots{pointer-events:none;z-index:45;position:absolute;inset:0}.landing-app-mock-hotspots>span{background-color:color-mix(in oklab,var(--ui-primary) 18%,transparent);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--ui-primary) 70%,transparent);animation:.9s ease-out both landing-app-mock-hotspot;position:absolute}@keyframes landing-app-mock-hotspot{0%{opacity:0}15%{opacity:1}60%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.landing-app-mock-hotspots>span{animation:none}}.landing-app-mock .art-connect-tile.is-waiting .art-connect-logo.art-connect-logo{filter:none;opacity:1}.landing-app-mock-crop>.landing-app-mock{transition:translate .65s cubic-bezier(.2,0,0,1)}.landing-app-mock-crop{--scrim-max:40%;--scrim-w:96px}.landing-app-mock-crop:after,.landing-app-mock-crop:before{--ink:var(--ui-bg-inverted);--scrim:transparent 0%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.028),transparent) 10%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.104),transparent) 20%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.216),transparent) 30%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.352),transparent) 40%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.5),transparent) 50%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.648),transparent) 60%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.784),transparent) 70%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.896),transparent) 80%,color-mix(in srgb,var(--ink) calc(var(--scrim-max)*.972),transparent) 90%,color-mix(in srgb,var(--ink) var(--scrim-max),transparent) 100%;content:"";opacity:0;pointer-events:none;width:var(--scrim-w);z-index:61;transition:opacity .4s;position:absolute;top:0;bottom:0}.landing-app-mock-crop:before{background:linear-gradient(270deg,var(--scrim));left:0}.landing-app-mock-crop:after{background:linear-gradient(90deg,var(--scrim));right:0}.landing-app-mock-crop.has-more:after,.landing-app-mock-crop.is-panned:before{opacity:1}@media (prefers-reduced-motion:reduce){.landing-app-mock-crop:after,.landing-app-mock-crop:before,.landing-app-mock-crop>.landing-app-mock{transition:none}}
