editorial-carousel{display:block}.use-cases__header{margin-block-end:var(--space-7)}.use-cases__list{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-7);column-gap:var(--grid-gap)}.use-case{position:relative;display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0}.use-case__media{--ratio: 4 / 3}.use-case__body{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.use-case__title{margin:0;font-size:var(--font-size-h4);line-height:var(--line-height-heading);letter-spacing:calc(var(--letter-spacing-heading) * .5);text-wrap:balance}.use-case__text{max-inline-size:34rem;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-muted)}.use-case__link{color:inherit;text-decoration:none}.use-case__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--radius-medium)}.use-case__link:focus-visible{outline:none}.use-case__link:focus-visible:after{outline:2px solid var(--color-text);outline-offset:4px}.use-case__title-text{text-decoration:underline;text-decoration-thickness:var(--border-width);text-decoration-color:transparent;text-underline-offset:.2em;transition:text-decoration-color var(--duration-fast) var(--ease-out)}.use-case__arrow{inline-size:.875em;block-size:.875em;margin-inline-start:.35em;vertical-align:-.05em;color:var(--color-text-muted);transition:translate var(--duration-base) var(--ease-out),color var(--duration-fast) var(--ease-out)}@media(hover:hover){.use-case--linked:hover .use-case__title-text{text-decoration-color:currentColor}.use-case--linked:hover .use-case__arrow{color:var(--color-text)}}@media(prefers-reduced-motion:no-preference){html:not([data-hover-effects=false]) .use-case--linked .use-case__image{transition:scale var(--duration-slow) var(--ease-out)}@media(hover:hover){html:not([data-hover-effects=false]) .use-case--linked:hover .use-case__image{scale:1.03}html:not([data-hover-effects=false]) .use-case--linked:hover .use-case__arrow{translate:3px 0}html[dir=rtl]:not([data-hover-effects=false]) .use-case--linked:hover .use-case__arrow{translate:-3px 0}}}@media screen and (max-width:749px){.use-cases--feature .use-cases__list{row-gap:0}.use-cases--feature .use-case--lead+.use-case{margin-block-start:var(--space-7)}.use-case--compact{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding-block:var(--space-4);border-block-start:var(--border-width) solid var(--color-border)}.use-case--compact:last-child{border-block-end:var(--border-width) solid var(--color-border)}.use-case--compact .use-case__media{--ratio: 1;border-radius:var(--radius-small)}.use-case--compact .use-case__body{gap:var(--space-1)}.use-case--compact .use-case__title{font-size:var(--font-size-body-lg);letter-spacing:0}.use-case--compact .use-case__text{font-size:var(--font-size-small);line-height:1.5}.use-case--compact .use-case__link:after{border-radius:var(--radius-small)}}@media screen and (min-width:750px){.use-cases--feature .use-cases__list,.use-cases--pair .use-cases__list,.use-cases--trio .use-cases__list{grid-template-columns:repeat(2,minmax(0,1fr))}.use-cases--single .use-case__media{--ratio: 16 / 9}.use-cases--trio .use-case--primary{grid-column:1 / -1}.use-cases--trio .use-case--primary .use-case__media{--ratio: 16 / 9}.use-cases--single .use-case__body,.use-cases--trio .use-case--primary .use-case__body{max-inline-size:40rem}}@media screen and (min-width:990px){.use-cases--feature .use-cases__list,.use-cases--pair .use-cases__list,.use-cases--trio .use-cases__list,.use-cases--single .use-cases__list{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-6);row-gap:var(--space-8)}.use-cases--single .use-case{grid-column:1 / -1}.use-cases--single .use-case__media{--ratio: 21 / 9}:is(.use-cases--feature,.use-cases--pair) .use-case--primary{grid-column:span 7}:is(.use-cases--feature,.use-cases--pair) .use-case--primary .use-case__media{--ratio: 5 / 4}:is(.use-cases--feature,.use-cases--pair) .use-case--secondary{grid-column:span 5}:is(.use-cases--feature,.use-cases--pair) .use-case--secondary .use-case__media{--ratio: 4 / 5}:is(.use-cases--feature,.use-cases--pair) .use-case--lead .use-case__title{font-size:var(--font-size-h3)}.use-cases--feature .use-case--compact{grid-column:span 4}.use-cases--feature.use-cases--rest-4 .use-case--compact{grid-column:span 3}.use-cases--feature .use-case--compact .use-case__title{font-size:var(--font-size-body-lg);letter-spacing:0}.use-cases--feature.use-cases--rest-4 .use-case--compact .use-case__text{font-size:var(--font-size-small);line-height:1.55}.use-cases--trio .use-case,.use-cases--trio .use-case--primary{grid-column:span 4}.use-cases--trio .use-case .use-case__media,.use-cases--trio .use-case--primary .use-case__media{--ratio: 4 / 5}.use-cases--trio .use-case--primary .use-case__body{max-inline-size:none}}.use-cases--marquee{overflow-x:clip}.use-cases__marquee{--marquee-gap: var(--grid-gap);margin-inline:calc(50% - 50vw);padding-block-end:var(--space-2)}.use-cases--marquee .use-cases__list{display:flex}.use-cases--marquee .use-case{flex:none;inline-size:min(46.08vw,14.08rem)}.use-cases--marquee .use-case__media{--ratio: 4 / 5}@media screen and (min-width:750px){.use-cases--marquee .use-case{inline-size:14.08rem}}.use-cases--carousel .use-cases__list{display:flex;row-gap:0;--scroll-gap: var(--grid-gap);padding-block-end:var(--space-2)}.use-cases--carousel .use-case{inline-size:min(80%,22rem)}.use-cases--carousel .use-case__media{--ratio: 4 / 5}@media screen and (min-width:750px){.use-cases--carousel .use-case{inline-size:calc((100% - 2 * var(--grid-gap)) / 2.4)}}@media screen and (min-width:990px){.use-cases--carousel .use-case{inline-size:calc((100% - 3 * var(--grid-gap)) / 4)}}.use-cases__controls{display:none;gap:var(--space-2)}@media screen and (min-width:750px){editorial-carousel[data-scrollable] .use-cases__controls{display:flex}}.use-cases__control{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;padding:0;color:var(--color-text);background-color:transparent;border:var(--border-width) solid var(--color-border);border-radius:50%;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.use-cases__control .icon{inline-size:1.125rem;block-size:1.125rem}@media(hover:hover){.use-cases__control:not([aria-disabled=true]):hover{border-color:var(--color-text)}}.use-cases__control[aria-disabled=true]{opacity:.35;cursor:default}.use-cases__editor-note{margin-block:0 var(--space-5);padding:var(--space-3) var(--space-4);color:var(--color-text-muted);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-small)}.use-cases__empty{display:grid;place-items:center;min-block-size:12rem;padding:var(--space-6);text-align:center;background-color:var(--color-surface);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-medium)}.use-cases__empty-text{max-inline-size:30rem;font-size:var(--font-size-small);color:var(--color-text-muted)}@media(forced-colors:active){.use-cases__control{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-use-cases.css.map */