.useCases__container{--padding-x: var(--space-fluid-md);--padding-y: var(--space-fluid-xl);row-gap:var(--space-fluid-2xl)}@media(min-width: 60em){.useCases__container{--padding-x: var(--space-fluid-xl)}}.useCases__container>*{grid-column:1/-1}@media(min-width: 60em){.useCases__tabPanel{display:grid;grid-row:1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid}}.useCases__items{--list-grid-column: initial;--panel-grid-column: initial;background-color:var(--color-cool-gray-100);display:grid;grid-template-columns:subgrid}@media(min-width: 60em){.useCases__items{--list-grid-column: l;--panel-grid-column: p;grid-template-areas:"l l l l p p p p";grid-template-rows:subgrid}}@media(min-width: 80em){.useCases__items{grid-template-areas:". l l l l . p p p p p p";grid-template-rows:auto 1fr}}.useCases__items>*{grid-column:1/-1}.useCases__items-title{font-family:var(--ff, inherit);font-size:var(--fz, 1rem);font-weight:var(--fw, inherit);letter-spacing:var(--lts, normal);line-height:var(--lh, inherit);text-transform:var(--tt, none);--ff: var(--ff-subheading);--fw: var(--fw-regular);--lh: 1.16;--lts: 0;--fz: 1.25rem}@media(min-width: 37.5em){.useCases__items-title{--fz: 1.25rem}}@media(min-width: 60em){.useCases__items-title{--fz: 1.5rem}}.useCases__items-title{padding-block-start:var(--padding-y)}@media(max-width: 59.9375em){.useCases__items-title{padding-inline-start:var(--padding-x)}}@media(min-width: 60em){.useCases__items-title{--ff: var(--ff-heading);--fw: var(--fw-medium);--lh: 1.0;--lts: -0.02em;--fz: 1.5rem;align-self:start;grid-column:l;grid-row:1}}.useCases__tabPanel-panel:nth-of-type(1),.useCases__tabPanel-listItem:nth-of-type(1){--color-tint: var(--color-pale-yellow)}.useCases__tabPanel-panel:nth-of-type(2),.useCases__tabPanel-listItem:nth-of-type(2){--color-tint: var(--color-pale-green)}.useCases__tabPanel-panel:nth-of-type(3),.useCases__tabPanel-listItem:nth-of-type(3){--color-tint: var(--color-pale-blue)}.useCases__tabPanel-panel:nth-of-type(4),.useCases__tabPanel-listItem:nth-of-type(4){--color-tint: var(--color-extra-pale-magenta)}.useCases__tabPanel-panel:nth-of-type(5),.useCases__tabPanel-listItem:nth-of-type(5){--color-tint: var(--color-pale-lime)}.useCases__tabPanel-panel{background-color:var(--color-pale-gray);grid-column:var(--panel-grid-column);padding-block:var(--padding-y);padding-inline:var(--padding-x)}@media(min-width: 60em){.useCases__tabPanel-panel{grid-row:1/-1}}.useCases__tabPanel-panel .btn{--button-bg: var(--color-tint);--button-border-color: var(--button-color);--button-color: currentcolor;--button-hover-bg: var(--button-bg);--button-hover-border-color: var(--button-color);--button-hover-color: var(--button-color);--button-radius: 0;border-width:1px;margin-block-start:var(--space-8)}.usesCases-panel__body{margin-block-start:var(--space-4)}.usesCases-panel__title{font-family:var(--ff, inherit);font-size:var(--fz, 1rem);font-weight:var(--fw, inherit);letter-spacing:var(--lts, normal);line-height:var(--lh, inherit);text-transform:var(--tt, none);--ff: var(--ff-subheading);--fw: var(--fw-regular);--lh: 1.16;--lts: 0;--fz: 1.25rem}@media(min-width: 37.5em){.usesCases-panel__title{--fz: 1.25rem}}@media(min-width: 60em){.usesCases-panel__title{--fz: 1.5rem}}@media(min-width: 60em){.usesCases-panel__title{--ff: var(--ff-heading);--fw: var(--fw-medium);--lh: 1.0;--lts: -0.02em;--fz: 1.5rem}}.usesCases-usage{display:grid;grid-template-columns:1fr;margin-block-start:var(--space-8)}@media(min-width: 60em){.usesCases-usage{column-gap:var(--space-3);grid-template-columns:auto 1fr;margin-block-start:var(--space-14)}}.usesCases-usage__item{--stack-spacing: var(--space-5);align-items:center;display:grid;flex-direction:column;grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--space-2)}.usesCases-usage__item ul{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.375rem}@media(min-width: 60em){.usesCases-usage__item ul{flex-direction:row}}.usesCases-usage__item li{--color-bg-item: var(--color-cool-gray-900);--color-item: var(--color-primary-white);background-color:var(--color-bg-item);border-radius:var(--bdrs-full);color:var(--color-item);line-height:1;padding-block:var(--space-2);padding-inline:.625rem;-webkit-user-select:none;user-select:none}.usesCases-usage__item li[aria-hidden=true]{--color-bg-item: var(--color-cool-gray-200);--color-item: var(--color-cool-gray-900)}.useCases__tabPanel-list{align-items:stretch;align-self:start;container:tab-panel-list/inline-size;display:grid;grid-column:var(--list-grid-column);margin-block:var(--space-4);row-gap:var(--space-3)}@media(max-width: 59.9375em){.useCases__tabPanel-list{column-gap:var(--space-2);display:flex;overflow-x:auto;padding-block-end:var(--space-4);padding-inline:var(--padding-x);scroll-snap-type:x mandatory}}@media(min-width: 60em){.useCases__tabPanel-list{grid-row:2;margin-block:var(--space-8) var(--padding-y)}}@media(max-width: 59.9375em){.useCases__tabPanel-listItem{display:grid;flex:1;scroll-snap-align:center}}.useCases__tabPanel-tab{border:1px solid var(--color-primary-black);color:inherit;display:block;padding-block:var(--space-3);padding-inline:var(--space-3);position:relative;text-decoration:none;transition:background-color .2s ease}@media(max-width: 59.9375em){.useCases__tabPanel-tab{font-size:.875em;width:80cqi}}.useCases__tabPanel-tab[aria-selected=true]{background-color:var(--color-tint)}.useCases__tabPanel-tab:not([aria-selected=true]):hover{background-color:var(--color-cool-gray-300)}@media(min-width: 60em){.useCases__tabPanel-tab::after{--translate-x: 0;--translate-y: -50%;content:url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_6249_148" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="19" height="19"><rect width="19" height="19" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_6249_148)"><path d="M12.4688 10.2123H3.80005V8.7873H12.4688L8.49067 4.80918L9.50005 3.7998L15.2 9.4998L9.50005 15.1998L8.49067 14.1904L12.4688 10.2123Z" fill="black"/></g></svg>');display:block;height:1.1875rem;position:absolute;right:var(--space-4);top:50%;transform:translateX(var(--translate-x)) translateY(var(--translate-y));transition:transform .2s ease;width:1.1875rem}.useCases__tabPanel-tab:hover::after{--translate-x: var(--space-1)}}

/*# sourceMappingURL=useCases.css.map */