.system-feature-cards{width:calc(100% + 2 * var(--layout-pad));padding-inline:var(--layout-pad);margin-inline-start:calc(-1 * var(--layout-pad));overflow-x:clip}.system-feature-slider{--feature-preview-width:var(--floating-control-height);--feature-gap:4px;--feature-copy-gap:clamp(24px, 3vw, 40px);--feature-surface:var(--system-surface);gap:24px;display:grid;container-type:inline-size}.system-feature-media{min-width:0;margin-inline:calc(-1 * var(--system-media-inset));container-type:inline-size}.system-feature-track{--feature-open-width:calc(100cqi - (var(--feature-count) - 1) * (var(--feature-preview-width) + var(--feature-gap)));gap:var(--feature-gap);touch-action:pan-y;display:flex;container-type:inline-size}.system-feature-panel{flex:0 0 var(--feature-preview-width);border-radius:var(--system-media-radius);background:var(--feature-surface);min-width:0;transition:flex-grow .44s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 100vmax #0000}.system-feature-panel:has(>[aria-selected=true]){flex-grow:1}.system-feature-tab{z-index:1;width:100%;color:var(--system-muted);border-radius:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.system-feature-tab[aria-selected=true]{pointer-events:none}.system-feature-copy{--feature-content-shift:16px;--feature-title-delay:60ms;--feature-video-delay:40ms;left:calc(100% - var(--feature-open-width));align-items:center;gap:var(--feature-copy-gap);width:var(--feature-open-width);grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);padding:48px;transition:visibility;display:grid;position:relative}.system-feature-copy[data-feature-side=left]{--feature-content-shift:-16px;--feature-title-delay:40ms;--feature-video-delay:60ms;left:0}.system-feature-copy[aria-hidden=true]{visibility:hidden;transition-delay:.1s}.system-feature-copy .rte{text-align:left;text-wrap:balance;opacity:1;min-width:0;max-width:400px;transition:opacity .28s ease var(--feature-title-delay), translate .36s cubic-bezier(.22, 1, .36, 1) var(--feature-title-delay);align-self:center;translate:0}.system-feature-copy[data-feature-text-width=full] .rte{max-width:none}.system-feature-copy .rte h3{font-size:var(--systems-type-medium);font-weight:var(--systems-weight-regular);hyphens:none;margin:0 0 24px}.system-feature-copy .rte p{color:var(--system-muted);margin:0}.system-feature-mobile-stop{display:none}@media (width>=901px){.system-feature-copy .rte{align-self:start;margin-top:64px}}.system-feature-copy[aria-hidden=true] .rte{opacity:0;translate:var(--feature-content-shift) 0;transition:opacity .1s,translate .1s}.system-feature-visual{aspect-ratio:16/9;opacity:1;min-width:0;transition:opacity .24s ease var(--feature-video-delay), translate .36s cubic-bezier(.22, 1, .36, 1) var(--feature-video-delay);border-radius:12px;position:relative;overflow:hidden;translate:0}.system-feature-visual .system-feature-poster{position:absolute;inset:0}.system-feature-visual video[data-frame-ready=true]+.system-feature-poster{visibility:hidden}.system-feature-copy[aria-hidden=true] .system-feature-visual{opacity:0;translate:var(--feature-content-shift) 0;transition:opacity .1s,translate .1s}.system-feature-visual[data-feature-media=video]{transition:translate .36s cubic-bezier(.22, 1, .36, 1) var(--feature-video-delay)}.system-feature-copy[aria-hidden=true] .system-feature-visual:is([data-feature-media=video],[data-feature-media=image]){opacity:1;transition:translate .1s}.system-feature-panel :is(video,img){pointer-events:none;object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.system-feature-visual[data-feature-media=image]{aspect-ratio:auto;background:#fdfdfd}.system-feature-visual[data-feature-media=image] img{opacity:1;transition:opacity .28s ease var(--feature-title-delay)}.system-feature-copy[aria-hidden=true] .system-feature-visual[data-feature-media=image] img{opacity:0;transition:opacity .1s}.system-feature-copy[data-feature-image-ready=false] .system-feature-visual[data-feature-media=image] img{opacity:0}@media (width>=761px){.system-feature-visual[data-feature-media=video]{border-radius:6px}}.system-feature-visual[data-feature-media=image] img{height:auto}.shifts .system-feature-visual[data-feature-media=image]{aspect-ratio:16/8}.shifts .system-feature-visual[data-feature-media=image] img{height:100%}.system-feature-footer{position:relative}infound-feature-controls{min-height:var(--floating-control-height);display:block}.system-feature-slider-controls{justify-content:flex-end;align-items:center;gap:var(--feature-gap);display:flex}@media (width>=1024px){.system-feature-slider-controls{z-index:4;top:0;bottom:var(--floating-control-bottom);transition:opacity .65s ease-in-out;position:relative}.system-feature-slider-controls[data-controls-fixed=true]{top:auto;left:var(--controls-left);width:var(--controls-width);z-index:30;position:fixed}.system-feature-slider-controls[data-controls-visible=false]{opacity:0;pointer-events:none}}.system-feature-slider-controls button{isolation:isolate;width:var(--floating-control-height);height:var(--floating-control-height);color:var(--system-ink);border-radius:var(--system-media-radius);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.system-feature-slider-controls button:before{content:"";z-index:-1;border-radius:inherit;background:var(--feature-surface);position:absolute;inset:0}.system-feature-slider-controls button[data-feature-direction]{color:var(--color-bg)}.system-feature-slider-controls button[data-feature-direction]:before{background:var(--system-ink)}.system-feature-slider-controls button[data-feature-direction]:disabled{opacity:.3}.system-feature-slider-controls [data-feature-playback]{margin-inline-end:auto}@media (width>=761px){.system-feature-slider-controls[data-feature-playing=false] [data-feature-playback]{color:var(--color-bg)}.system-feature-slider-controls[data-feature-playing=false] [data-feature-playback]:before{background:var(--system-ink)}}.system-feature-pagination{--feature-dot-size:18px;--feature-mark-size:6px;--feature-mark-active-size:26px;--feature-dot-active-size:calc(var(--feature-dot-size) + var(--feature-mark-active-size) - var(--feature-mark-size));height:var(--floating-control-height);padding-inline:calc((var(--floating-control-height) - var(--feature-dot-size)) / 2);background:var(--feature-surface);border-radius:999px;flex-shrink:0;align-items:center;margin-inline-end:8px;display:flex}.system-feature-slider-controls .system-feature-dot{--feature-emphasis:0;width:calc(var(--feature-dot-size) + (var(--feature-dot-active-size) - var(--feature-dot-size)) * var(--feature-emphasis));border-radius:0;transition:width .3s cubic-bezier(.22,1,.36,1)}.system-feature-slider-controls .system-feature-dot:before{display:none}.system-feature-slider-controls .system-feature-dot[aria-current=true]{--feature-emphasis:1}.system-feature-dot-track{width:calc(var(--feature-mark-size) + (var(--feature-mark-active-size) - var(--feature-mark-size)) * var(--feature-emphasis));height:var(--feature-mark-size);background:color-mix(in srgb, var(--system-muted) 40%, var(--feature-surface));border-radius:999px;transition:width .3s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden}.system-feature-slider-controls[data-feature-swipe=true] :is(.system-feature-dot,.system-feature-dot-track){transition:none}.system-feature-dot-fill{width:100%;translate:calc((var(--feature-progress,0) - 1) * 100%) 0;border-radius:inherit;background:var(--system-ink);opacity:0;transition:opacity .16s ease-out;position:absolute;inset:0}.system-feature-dot[aria-current=true] .system-feature-dot-fill{opacity:1}.system-feature-slider-controls[data-feature-swipe=true] .system-feature-dot[aria-current=true] .system-feature-dot-fill{opacity:var(--feature-emphasis);transition:none}.system-feature-slider-controls svg{fill:currentColor;stroke:none;width:20px;height:20px}.system-feature-slider-controls[data-feature-playing=true] .system-feature-play-icon,.system-feature-slider-controls[data-feature-playing=false] .system-feature-pause-icon{display:none}.system-feature-panel:has(.system-feature-tab:focus-visible),.system-feature-slider-controls button:focus-visible{outline:2px solid var(--system-ink);outline-offset:-5px}.system-feature-slider-controls button[data-feature-direction]:focus-visible{outline-offset:0}@media (hover:hover){.system-feature-panel:has(>[aria-selected=false]):hover{box-shadow:var(--system-surface-hover-shadow)}.system-feature-slider-controls button[data-feature-direction]:not(:disabled):hover:before{background:color-mix(in srgb, var(--system-ink) 88%, var(--color-bg))}}@media (width<=900px){.system-feature-copy{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.system-feature-slider{--feature-preview-width:24px}.system-feature-copy{gap:24px}.system-feature-copy .rte h3{margin-bottom:16px}.system-feature-copy .rte p{font-size:16px}}@media (width<=760px){.system-feature-slider{--feature-preview-width:0px;--feature-gap:0px}.system-feature-media{margin-inline:calc(-1 * var(--layout-pad))}.system-feature-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;display:flex;overflow-x:auto}.system-feature-track::-webkit-scrollbar{display:none}.system-feature-panel{scroll-snap-align:start;visibility:visible;background:0 0;border-radius:0;flex:0 0 100%;transition:none}.system-feature-panel:has(>[aria-selected=true]){flex-grow:0}.system-feature-copy{align-self:end;gap:24px;width:100%;padding:0;left:0}.system-feature-copy[aria-hidden=true]{visibility:visible}.system-feature-copy .rte{max-width:none;margin-inline:var(--layout-pad);font-size:16px}.system-feature-copy .rte,.system-feature-copy[aria-hidden=true] .rte{opacity:var(--feature-swipe-opacity,1);translate:var(--feature-swipe-x,0) 0;transition:none}.system-feature-copy .system-feature-visual[data-feature-media=image] img,.system-feature-copy[aria-hidden=true] .system-feature-visual[data-feature-media=image] img{opacity:var(--feature-swipe-opacity,1);transition:opacity .28s}.system-feature-copy[data-feature-image-ready=false] .system-feature-visual[data-feature-media=image] img{opacity:0}.system-feature-slider[data-feature-settled=false] .system-feature-visual[data-feature-media=image] img{transition:none}.system-feature-copy .rte :is(h3,p){font-size:inherit;margin:0;display:inline}.system-feature-copy[data-feature-text-wrap=natural] .rte{text-wrap:wrap}.system-feature-mobile-stop{display:inline}.system-feature-visual{border-radius:0}.system-feature-copy .system-feature-visual,.system-feature-copy[aria-hidden=true] .system-feature-visual{opacity:1;transition:none;translate:none}:root:not([data-theme=dark]) .system-feature-visual:after{content:"";z-index:1;pointer-events:none;border-block:1px solid #0000000f;position:absolute;inset:0}.system-feature-slider-controls{gap:4px}.system-feature-slider-controls [data-feature-direction]{display:none}.system-feature-pagination{margin-inline-end:0}}@media (prefers-reduced-motion:reduce){.system-feature-copy,.system-feature-copy .rte,.system-feature-panel,.system-feature-visual,.system-feature-visual img,.system-feature-copy .system-feature-visual[data-feature-media=image] img,.system-feature-copy[aria-hidden=true] .system-feature-visual[data-feature-media=image] img,.system-feature-slider-controls,.system-feature-slider-controls .system-feature-dot,.system-feature-dot-track,.system-feature-dot-fill,.system-feature-pagination{transition:none}}@media (width<=380px){.system-feature-pagination{--feature-dot-size:14px}}