.DUTwAW_intro{--app-intro-import:#2d56b6;--app-intro-compose:#006557;--app-intro-export:#7141b0;--app-intro-surface:color-mix(in oklch, var(--app-intro-import) 7%, var(--background));--app-intro-body:color-mix(in oklch, var(--foreground) 75%, var(--background));align-items:center;gap:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 6);border:1px solid color-mix(in oklch, var(--app-intro-import) 16%, var(--background));background:var(--app-intro-surface);color:var(--foreground);display:grid}@supports (color:lab(0% 0 0)){.DUTwAW_intro{--app-intro-import:lab(37.9687% 12.9645 -56.4615);--app-intro-compose:lab(37.4544% -35.4634 -.240988);--app-intro-export:lab(38.0632% 38.7754 -52.4516)}}.dark .DUTwAW_intro{--app-intro-import:#8eb3ff;--app-intro-compose:#66ccba;--app-intro-export:#c6a9fc}@supports (color:lab(0% 0 0)){.dark .DUTwAW_intro{--app-intro-import:lab(72.503% 2.1649 -43.253);--app-intro-compose:lab(75.7351% -34.6937 -.2756);--app-intro-export:lab(74.0788% 23.5473 -37.804)}}.DUTwAW_copy{gap:calc(var(--spacing) * 3);min-inline-size:0;display:grid}.DUTwAW_copy h2{text-wrap:balance;max-inline-size:24ch}.DUTwAW_highlight{color:var(--app-intro-import)}.DUTwAW_description{max-inline-size:48ch;font-size:var(--text-sm);color:var(--app-intro-body);line-height:1.75}.DUTwAW_steps{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.DUTwAW_step{--app-intro-stage:var(--app-intro-import);min-inline-size:0}.DUTwAW_step[data-stage=compose]{--app-intro-stage:var(--app-intro-compose)}.DUTwAW_step[data-stage=export]{--app-intro-stage:var(--app-intro-export)}.DUTwAW_visual{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);color:var(--app-intro-stage);margin-block-end:calc(var(--spacing) * 4);display:flex}.DUTwAW_icon{inline-size:calc(var(--spacing) * 7);block-size:calc(var(--spacing) * 7);flex-shrink:0}.DUTwAW_connector{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);color:var(--muted-foreground)}.DUTwAW_label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--app-intro-stage)}.DUTwAW_caption{font-size:var(--text-xs);color:var(--app-intro-body);overflow-wrap:anywhere;margin-block-start:calc(var(--spacing) * 2);line-height:1.6}@media (min-width:48rem){.DUTwAW_intro{min-block-size:calc(var(--spacing) * 60);gap:calc(var(--spacing) * 10);padding:calc(var(--spacing) * 8);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.DUTwAW_steps{gap:calc(var(--spacing) * 6)}.DUTwAW_icon{inline-size:calc(var(--spacing) * 8);block-size:calc(var(--spacing) * 8)}.DUTwAW_label{font-size:var(--text-base)}.DUTwAW_caption{font-size:var(--text-sm)}}@media (forced-colors:active){.DUTwAW_intro{background:canvas;border-color:canvastext}.DUTwAW_highlight,.DUTwAW_label,.DUTwAW_visual,.DUTwAW_description,.DUTwAW_caption{color:canvastext}}