.task-demo__tab-scroll{display:contents}.task-demo__lead{max-inline-size:47rem;margin-inline:auto;margin-block-start:2rem}.task-demo__tabs{margin-block:2.6875rem;flex-wrap:wrap;inline-size:fit-content;margin-inline:auto;background:var(--color-surface)}.task-demo__tabs .tab__badge{background:rgba(0,0,0,0);color:var(--color-success-on-light)}.task-demo__tabs .tab{max-inline-size:100%;min-inline-size:0;overflow-wrap:anywhere}.task-demo__panel{display:grid;grid-template-columns:minmax(0, 565fr) minmax(0, 794fr);gap:.5625rem;text-align:start}.task-demo__result{background:var(--color-surface-muted);padding:var(--panel-padding);border-radius:var(--radius-panel)}.task-demo__soon{margin-block-start:1rem}.task-demo__preview{min-inline-size:0;display:flex;align-items:center;background:var(--color-surface-muted);border-radius:var(--radius-panel);overflow:clip}.task-demo__image{inline-size:100%;block-size:auto}.task-demo__video{display:block;inline-size:100%;block-size:auto;aspect-ratio:16/9;object-fit:contain}.task-demo__catalog{text-align:start}.result-list{gap:.75rem;margin-block-start:2rem}.result-list__item{background:var(--color-surface);border-radius:1rem;padding:1rem;gap:.8125rem;min-block-size:3.625rem}.result-list__marker{flex:0 0 1.4375rem;inline-size:auto;block-size:auto}.result-list__text{min-inline-size:0;color:var(--color-text-secondary);line-height:1.1}.task-catalog__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:2.6875rem .75rem}.task-catalog__heading{margin-block:2rem;max-inline-size:48rem}.task-catalog__stage{color:var(--color-brand);margin-block-end:.5rem;font-weight:700}.task-catalog__lead{margin-block-start:.75rem;line-height:1.4}.task-card__badge{display:inline-block;color:var(--color-success-on-light);font-size:.875rem;margin-inline-start:.5rem}.task-card--soon .task-card__title{color:var(--color-text-secondary)}.task-card{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:1.5rem;align-content:start;text-align:start}.task-card__icon{grid-row:1/3;margin-block-start:.125rem}.task-card__title{grid-column:2;font:700 1.125rem/1.2 var(--font-heading);margin-block-end:.75rem;color:var(--color-brand);text-transform:none}.task-card__description{grid-column:2;line-height:1.2}@media(width < 1240px){.task-demo{text-align:start;padding-block-start:37px}.task-demo__heading{text-align:start}.task-demo__lead{margin-block-start:24px}.task-demo__tabs{flex-direction:column;align-items:start;gap:16px;margin-block:32px;background:rgba(0,0,0,0);border-radius:0;inline-size:100%;margin-inline:0}.task-demo__panel{grid-template-columns:1fr;gap:24px}.task-demo__result{border-radius:24px;padding:24px}.task-demo__preview{border-radius:24px}.task-demo__image{min-block-size:0}.result-list{margin-block-start:24px}.task-catalog__grid{grid-template-columns:1fr}.task-demo__tabs .tab:last-child{margin-inline-end:var(--gutter)}}@media(width < 1240px)and (width < 650px){.motion-enabled .task-demo__tabs>.tab{opacity:1 !important;transform:none !important}.task-demo{margin-block-start:0;padding-block:var(--section-padding-feature-mobile)}.task-demo__heading{text-align:center}.task-demo__lead{margin-block-start:32px}.task-demo__tabs{flex-direction:row;flex-wrap:nowrap;justify-content:start;align-items:center;gap:24px;background:rgba(0,0,0,0);border-radius:0;inline-size:100%;overflow-x:auto;scrollbar-width:none;margin-block:0;margin-inline:0}.task-demo__tabs .tab{flex:0 0 auto;white-space:nowrap}.task-demo__tabs .tab:not([aria-selected=true]){background:var(--color-surface)}.task-demo__tabs::-webkit-scrollbar{display:none}.task-demo__tab-scroll{display:block;inline-size:calc(100% + var(--gutter));margin-inline:0 calc(-1*var(--gutter));margin-block:32px;background:rgba(0,0,0,0);border-radius:0;overflow:hidden;scrollbar-width:none}.task-demo__tab-scroll::-webkit-scrollbar{display:none}.task-demo__preview{display:none}}@media(width < 1240px)and (min-width: 650px){.task-demo__tabs{flex-direction:row;flex-wrap:nowrap;justify-content:start;gap:24px;background:rgba(0,0,0,0);border-radius:3.125rem;inline-size:100%;margin-inline:0;margin-block:0;overflow-x:auto;scrollbar-width:none}.task-demo__tabs::-webkit-scrollbar{display:none}.task-demo__tabs .tab{flex:0 0 auto;white-space:nowrap}.task-demo__tabs .tab:not([aria-selected=true]){background:var(--color-surface)}.task-demo__tab-scroll{display:block;inline-size:calc(100% + var(--gutter));margin-inline:0 calc(-1*var(--gutter));margin-block:32px;background:rgba(0,0,0,0);border-radius:3.125rem;overflow:hidden;scrollbar-width:none}.task-demo__tab-scroll::-webkit-scrollbar{display:none}.task-catalog__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(width < 1240px)and (min-width: 960px){.task-demo__panel{grid-template-columns:minmax(0, 5fr) minmax(0, 7fr)}.task-demo__heading{text-align:center}}@media(width >= 1240px){.task-demo__heading .section-title{font-size:var(--fs-compact)}.task-demo__heading .task-demo__title{font-size:var(--fs-task-heading)}}