@layer organisms{.uo-feature-split{container:uo-feature-split-block/inline-size;position:relative;isolation:isolate;--uo-envelope-padding-block: var(--uo-space-12);--uo-feature-split-primary: 1fr;--uo-feature-split-secondary: 1fr;--uo-feature-split-content-min: 330px;--uo-feature-split-gap: var(--uo-space-10);--uo-feature-split-inset: var(--uo-space-7)}.uo-feature-split--ratio-60-40{--uo-feature-split-primary: 3fr;--uo-feature-split-secondary: 2fr}.uo-feature-split--ratio-70-30{--uo-feature-split-primary: 7fr;--uo-feature-split-secondary: 3fr}.uo-feature-split__layout{--uo-feature-split-primary-track: minmax(0, var(--uo-feature-split-primary));--uo-feature-split-secondary-track: minmax( min( calc( var(--uo-feature-split-content-min) + 2 * var(--uo-feature-split-inset) ), calc(50% - var(--uo-feature-split-gap) / 2) ), var(--uo-feature-split-secondary) );display:grid;grid-template-columns:var(--uo-feature-split-primary-track) var(--uo-feature-split-secondary-track);gap:var(--uo-feature-split-gap);align-items:start}.uo-feature-split__layout>*{grid-row:1}.uo-feature-split__card--primary{grid-column:1}.uo-feature-split__card--secondary{grid-column:2}.uo-feature-split--reverse .uo-feature-split__layout{grid-template-columns:var(--uo-feature-split-secondary-track) var(--uo-feature-split-primary-track)}.uo-feature-split--reverse .uo-feature-split__card--primary{grid-column:2}.uo-feature-split--reverse .uo-feature-split__card--secondary{grid-column:1}.uo-feature-split__card{container:uo-feature-split-card/inline-size;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:var(--uo-space-7)}.uo-feature-split .uo-image{width:100%}.uo-feature-split:not(.uo-feature-split--ratio-60-40):not(.uo-feature-split--ratio-70-30):not(.uo-feature-split--stagger) .uo-feature-split__layout{align-items:stretch}.uo-feature-split:not(.uo-feature-split--ratio-60-40):not(.uo-feature-split--ratio-70-30):not(.uo-feature-split--stagger) .uo-feature-split__card>.uo-text{flex-grow:1}.uo-feature-split__card .uo-heading-section__title{font-size:clamp(var(--uo-font-size-14),9.75cqi,var(--uo-font-size-display-lg))}.uo-feature-split--stagger .uo-feature-split__card--secondary{margin-top:var(--uo-feature-split-stagger, var(--uo-feature-split-gap))}.uo-feature-split__backdrop{position:absolute;z-index:-1;border-radius:var(--uo-radius-structural);pointer-events:none}.uo-feature-split__card--primary{z-index:1}.uo-feature-split__card--primary>.uo-feature-split__backdrop{inset:calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-reach, calc((var(--uo-feature-split-gap) + var(--uo-space-10)) / 2))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset)))}.uo-feature-split__card--secondary>.uo-feature-split__backdrop{inset:calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-reach, calc((var(--uo-feature-split-gap) + var(--uo-space-10)) / 2)))}.uo-feature-split--reverse .uo-feature-split__card--primary>.uo-feature-split__backdrop{inset:calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-reach, calc((var(--uo-feature-split-gap) + var(--uo-space-10)) / 2)))}.uo-feature-split--reverse .uo-feature-split__card--secondary>.uo-feature-split__backdrop{inset:calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-reach, calc((var(--uo-feature-split-gap) + var(--uo-space-10)) / 2))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset))) calc(-1*var(--uo-feature-split-backdrop-offset, var(--uo-feature-split-inset)))}.uo-feature-split__card:has(>.uo-feature-split__backdrop){padding:var(--uo-feature-split-inset)}@container uo-feature-split-block (min-width: 868px){.uo-feature-split:not(.uo-feature-split--ratio-60-40):not(.uo-feature-split--ratio-70-30) .uo-feature-split__layout{--uo-feature-split-gap: var(--uo-space-12);--uo-feature-split-inset: var(--uo-space-8)}}@container uo-feature-split-block (min-width: 1065px){.uo-feature-split--ratio-60-40 .uo-feature-split__layout{--uo-feature-split-gap: var(--uo-space-12);--uo-feature-split-inset: var(--uo-space-8)}}@container uo-feature-split-block (min-width: 1393px){.uo-feature-split--ratio-70-30 .uo-feature-split__layout{--uo-feature-split-gap: var(--uo-space-12);--uo-feature-split-inset: var(--uo-space-8)}}@container uo-feature-split-block (max-width: 804px){.uo-feature-split__layout,.uo-feature-split--reverse .uo-feature-split__layout{grid-template-columns:1fr}.uo-feature-split__layout>*,.uo-feature-split--reverse .uo-feature-split__layout>*{grid-row:auto;grid-column:1}.uo-feature-split--stagger .uo-feature-split__card--secondary{margin-top:0}.uo-feature-split__card--primary>.uo-feature-split__backdrop,.uo-feature-split__card--secondary>.uo-feature-split__backdrop,.uo-feature-split--reverse .uo-feature-split__card--primary>.uo-feature-split__backdrop,.uo-feature-split--reverse .uo-feature-split__card--secondary>.uo-feature-split__backdrop{inset:0}}}

/*# sourceMappingURL=uo-feature-split.css.map */