#why-extend{background:var(--ab-color-canvas)}.why-extend .ab-block-layout__header.ab-section-head--stacked>*{max-width:47.5rem!important}#why-extend .ab-block-layout__item{background:var(--ab-color-surface);border-color:var(--ab-color-border-subtle)}.why-extend .ab-block-layout__items{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=48rem){.why-extend .ab-block-layout__items{grid-template-columns:1fr}}.pattern-figure{--pattern-glass:#1e1e1eb3;--pattern-glass-quiet:#1e1e1ea3;--pattern-line:var(--ab-neutral-100);--pattern-line-opacity:.48;--pattern-branch:#c5c8cb;--pattern-glass-lit:linear-gradient(214.89deg, #5b5b5b66 36.5%, #59595966 89.4%);aspect-ratio:640/478;border-radius:var(--ab-radius-16);width:100%;max-width:640px;position:relative;overflow:hidden;container-type:inline-size}.pattern-figure__backdrop{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pattern-figure:after{border-radius:inherit;content:"";pointer-events:none;background-image:linear-gradient(221.63deg,#0000001d 11.68%,#000000b8 103.16%);position:absolute;inset:0}.pattern-figure>:not(.pattern-figure__backdrop){z-index:2;font-size:2.5cqw;position:absolute}.pattern-figure>.pattern-figure__connector{z-index:1;color:var(--pattern-line);opacity:var(--pattern-line-opacity);overflow:visible}.pattern-figure__connector path{stroke-dasharray:var(--pattern-line-length,200);stroke-dashoffset:var(--pattern-line-length,200);vector-effect:non-scaling-stroke;transition:stroke-dashoffset .7s ease-out}.pattern-figure__connector path.is-drawn{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.pattern-figure__connector path{transition:none}}.override-demo__default{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);background:var(--pattern-glass);backdrop-filter:blur(12px);align-items:center;gap:.5em;width:16.3125em;padding:1em;transition:opacity .6s ease-out;display:flex;top:3.5em;left:3.5em;&.is-overridden{opacity:.64}}.override-demo__default img{flex-shrink:0;width:1.5em;height:1.5em}.override-demo__default-text{color:var(--ab-color-text);opacity:.8;flex-direction:column;gap:.25em;display:flex}.override-demo__default-title{font-size:1em;font-weight:var(--ab-font-weight-semibold)}.override-demo__default-body{font-size:.8125em}.override-demo__custom{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);background:var(--pattern-glass);backdrop-filter:blur(8px);opacity:0;flex-direction:column;width:18.875em;padding:1em;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;top:5em;left:17.625em;transform:translateY(.5em);&.is-shown{opacity:1;transform:none}}.override-demo__custom-head{justify-content:space-between;align-items:center;gap:.75em;display:flex}.override-demo__eyebrow{color:var(--ab-color-text);font-size:.625em;font-weight:var(--ab-font-weight-semibold);opacity:.7;text-transform:uppercase}.override-demo__active{border-radius:var(--ab-radius-pill);background:var(--ab-white-a32);color:var(--ab-color-text);font-size:.625em;font-weight:var(--ab-font-weight-semibold);text-transform:uppercase;align-items:center;gap:.25em;padding:.75em;line-height:1;display:flex}.override-demo__active-dot{border-radius:var(--ab-radius-pill);background:var(--ab-success-500);width:.8em;height:.8em}.is-playing .override-demo__active-dot{animation:1.6s ease-in-out infinite override-demo-pulse}@keyframes override-demo-pulse{50%{opacity:.4}}.override-demo__custom-title{color:var(--ab-color-text);font-size:1em;font-weight:var(--ab-font-weight-semibold);margin-top:.75em;margin-bottom:0}.override-demo__logic-wrap{padding-left:1.21875em;position:relative}.override-demo__trunk{width:.71875em;height:2.0625em;color:var(--pattern-branch);position:absolute;top:0;left:0;overflow:visible}.override-demo__logic{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.override-demo__logic-row{color:var(--ab-color-text);opacity:0;align-items:center;gap:.5em;font-size:.8125em;transition:opacity .36s ease-out,transform .36s ease-out;display:flex;transform:translate(-.375em);&.is-shown{opacity:.7;transform:none}}.override-demo__connector--custom{width:8em;height:8.625em;top:8.75em;left:11.8525em}.override-demo__connector--targets{width:7.375em;height:2.9464em;top:13.6625em;left:19.725em;transform:rotate(180deg)scaleY(-1)}.override-demo__targets{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);background:var(--pattern-glass-quiet);backdrop-filter:blur(4px);opacity:0;flex-direction:column;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;top:calc(50% + 7em);left:50%;overflow:hidden;transform:translate(-50%,-50%)translateY(.5em);&.is-shown{opacity:1;transform:translate(-50%,-50%)}}.override-demo__targets-head{border-bottom:var(--ab-border-thin) solid var(--ab-color-border-subtle);background:var(--pattern-glass-quiet);justify-content:space-between;align-items:center;gap:1em;padding:.5625em 1.0625em;display:flex}.override-demo__targets-title{color:var(--ab-color-text);font-size:.875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}.override-demo__timer{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);background:var(--ab-white-a04);color:var(--ab-color-text);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:.375em;padding:.25em .5em;font-size:.75em}.override-demo__targets-body{flex-direction:column;gap:1em;padding:1em;display:flex}.override-demo__players{gap:1em;margin:0;padding:0;list-style:none;display:flex}.override-demo__player{opacity:0;width:3em;height:3em;transition:opacity .32s ease-out,transform .32s cubic-bezier(.34,1.56,.64,1);transform:scale(.7);&.is-shown{opacity:1;transform:none}}.override-demo__player img{object-fit:cover;width:100%;height:100%}.override-demo__result{justify-content:center;align-items:center;gap:1em;display:flex}.override-demo__matched{color:var(--ab-color-text);opacity:0;white-space:nowrap;align-items:center;gap:.25em;font-size:.75em;transition:opacity .36s ease-out;display:flex;&.is-shown{opacity:1}}.override-demo__check{width:1.3333em;height:1.3333em;color:var(--ab-success-500)}.override-demo__cta{border-radius:var(--ab-radius-control);background:var(--ab-color-action);height:2em;box-shadow:inset 0 1px 1px 0 var(--ab-white-a32);color:var(--ab-color-on-action);font-size:.75em;font-weight:var(--ab-font-weight-medium);opacity:0;white-space:nowrap;flex:1;justify-content:center;align-items:center;padding-inline:.5em;transition:opacity .36s ease-out;display:flex;&.is-shown{opacity:1}}@media (prefers-reduced-motion:reduce){.override-demo__default,.override-demo__custom,.override-demo__logic-row,.override-demo__targets,.override-demo__player,.override-demo__matched,.override-demo__cta,.override-demo__connector--custom path,.override-demo__connector--targets path{transition:none}.is-playing .override-demo__active-dot{animation:none}}.service-extension-demo__card,.service-extension-demo__service{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);background-image:var(--pattern-glass-lit);backdrop-filter:blur(4px);opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;left:50%;overflow:hidden;transform:translate(-50%)translateY(.5em);&.is-shown{opacity:1;transform:translate(-50%)}}.service-extension-demo__card{align-items:center;gap:.75em;padding:1em;& .service-extension-demo__card-text{color:var(--ab-color-text);overflow-wrap:break-word;flex-direction:column;gap:.25em;display:flex}& .service-extension-demo__card-title{font-size:1em;font-weight:var(--ab-font-weight-semibold)}& .service-extension-demo__card-body{opacity:.7;font-size:.8125em}}.service-extension-demo__request{width:17.5em;top:3.9375em;& img{flex-shrink:0;width:2.4375em;height:2.5em}}.service-extension-demo__result{width:20.75em;top:21.3125em;& img{flex-shrink:0;width:2em;height:2.4275em}}.service-extension-demo__service{flex-direction:column;align-items:center;gap:.25em;width:21em;padding:1em;top:50%;transform:translate(-50%,-50%)translateY(.5em);&.is-shown{transform:translate(-50%,-50%)}& .service-extension-demo__tag{padding:var(--ab-space-4) var(--ab-space-8);justify-content:center;align-items:center;gap:var(--ab-space-8);border:var(--ab-border-thin) solid var(--ab-info-500);border-radius:var(--ab-radius-pill);background:var(--ab-info-100);color:var(--ab-info-800);font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1.4;display:flex}& .service-extension-demo__tag-icon{width:1.2em;height:1.2em}& .service-extension-demo__service-title{margin:var(--ab-space-8) 0 0;color:var(--ab-color-text);font-size:1em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}& .service-extension-demo__service-body{color:var(--ab-color-text);opacity:.7;text-align:center;margin:0;font-size:.8125em}}.service-extension-demo__connector--request{width:.0625em;height:2.875em;top:9.1775em;left:50%;transform:translate(-50%)}.service-extension-demo__connector--result{width:.0625em;height:2.75em;top:18.6625em;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.service-extension-demo__card,.service-extension-demo__service,.service-extension-demo__connector--request path,.service-extension-demo__connector--result path{transition:none}}.event-handler-demo__event,.event-handler-demo__handler,.event-handler-demo__rewards{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);background-image:var(--pattern-glass-lit);backdrop-filter:blur(4px);opacity:0;flex-direction:column;padding:1em;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;overflow:hidden;transform:translateY(.5em);&.is-shown{opacity:1;transform:none}}.event-handler-demo__event{flex-direction:row;align-items:center;gap:.75em;width:12.75em;top:2.375em;left:50%;transform:translate(-50%)translateY(.5em);&.is-shown{transform:translate(-50%)}& .event-handler-demo__avatar{flex-shrink:0;width:2.5em;height:2.5em}& .event-handler-demo__event-text{color:var(--ab-color-text);overflow-wrap:break-word;flex-direction:column;gap:.25em;display:flex}& .event-handler-demo__event-title{font-size:1em;font-weight:var(--ab-font-weight-semibold)}& .event-handler-demo__event-body{opacity:.7;font-size:.8125em}}.event-handler-demo__handler{align-items:center;gap:.25em;width:15.125em;top:calc(50% - 2.125em);left:12.5625em;transform:translateY(-50%)translateY(.5em);&.is-shown{transform:translateY(-50%)}& .event-handler-demo__tag{padding:var(--ab-space-4) var(--ab-space-8);justify-content:center;align-items:center;gap:var(--ab-space-8);border:var(--ab-border-thin) solid var(--ab-info-500);border-radius:var(--ab-radius-pill);background:var(--ab-info-100);color:var(--ab-info-800);font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1.4;display:flex}& .event-handler-demo__tag-icon{width:1.2em;height:1.2em}& .event-handler-demo__handler-title{margin:var(--ab-space-16) 0 0;color:var(--ab-color-text);font-size:1em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}& .event-handler-demo__handler-body{width:100%;color:var(--ab-color-text);opacity:.7;text-align:center;margin:0;font-size:.8125em}}.is-playing .event-handler-demo__tag-icon{animation:1.6s ease-in-out infinite event-handler-demo-listen}@keyframes event-handler-demo-listen{50%{opacity:.45}}.event-handler-demo__rewards{gap:1em;width:20.3125em;top:18.625em;left:50%;transform:translate(-50%)translateY(.5em);&.is-shown{transform:translate(-50%)}& .event-handler-demo__rewards-head{justify-content:space-between;align-items:center;gap:.75em;display:flex}& .event-handler-demo__rewards-title{color:var(--ab-color-text);font-size:1em;font-weight:var(--ab-font-weight-semibold);margin:0}& .event-handler-demo__mail{padding:var(--ab-space-4) var(--ab-space-8);border:var(--ab-border-thin) solid var(--ab-neutral-200);border-radius:var(--ab-radius-pill);background:var(--ab-neutral-100);color:var(--ab-neutral-700);font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1.4}& .event-handler-demo__reward-list{justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;display:flex}& .event-handler-demo__reward{opacity:0;width:3.643em;height:4em;transition:opacity .32s ease-out,transform .32s cubic-bezier(.34,1.56,.64,1);transform:scale(.7);&.is-shown{opacity:1;transform:none}& img{object-fit:contain;width:100%;height:100%}}}.event-handler-demo__connector--handler,.event-handler-demo__connector--rewards{--pattern-line-opacity:.32;width:.0625em;height:2.1875em;left:50%;transform:translate(-50%)}.event-handler-demo__connector--handler{top:7em}.event-handler-demo__connector--rewards{top:16.4375em}@media (prefers-reduced-motion:reduce){.event-handler-demo__event,.event-handler-demo__handler,.event-handler-demo__rewards,.event-handler-demo__reward,.event-handler-demo__connector--handler path,.event-handler-demo__connector--rewards path{transition:none}.is-playing .event-handler-demo__tag-icon{animation:none}}.admin-page-demo{--admin-skeleton:#ffffff52;--admin-status-pass:#75ff883d;--admin-status-fail:#ff75753d;--admin-hairline:#ffffff14}.admin-page-demo__window{border:var(--ab-border-thin) solid var(--ab-color-border-subtle);border-radius:var(--ab-radius-12);backdrop-filter:blur(8px);opacity:0;background:#4b4b4b63;flex-direction:column;width:29.9375em;transition:opacity .5s ease-out,transform .5s ease-out;display:flex;top:50%;left:5.125em;overflow:hidden;transform:translateY(-50%)translateY(.5em);&.is-shown{opacity:1;transform:translateY(-50%)}}.admin-page-demo__head{padding:.625em var(--ab-space-16);background:#1e1e1ea3;justify-content:space-between;align-items:center;display:flex;& .admin-page-demo__brand{align-items:center;gap:.25em;display:flex}& .admin-page-demo__brand img{width:1.5em;height:1.5em}& .admin-page-demo__brand-name{color:var(--ab-color-text);font-size:.875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap}& .admin-page-demo__menu{width:1.25em;height:1.25em;color:var(--ab-color-text)}}.admin-page-demo__body{align-items:stretch;display:flex}.admin-page-demo__sidebar{border:var(--ab-border-thin) solid var(--admin-hairline);background:#03020252;flex-shrink:0;width:6.625em}.admin-page-demo__main{flex-direction:column;flex:1;align-items:center;gap:1em;min-width:0;padding:1.25em 1em;display:flex}.admin-page-demo__title-row{justify-content:space-between;align-items:center;gap:.75em;width:100%;padding-block:.125em;display:flex}.admin-page-demo__title{color:var(--ab-color-text);font-size:.875em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;margin:0}.admin-page-demo__tag{padding:var(--ab-space-4) var(--ab-space-8);border:var(--ab-border-thin) solid var(--ab-neutral-200);border-radius:var(--ab-radius-pill);background:var(--ab-neutral-100);color:var(--ab-neutral-700);font-size:.625em;font-weight:var(--ab-font-weight-semibold);white-space:nowrap;line-height:1.4}.admin-page-demo__table{border:var(--ab-border-thin) solid #ffffff0f;background:#ffffff05;border-radius:.35em;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.admin-page-demo__row{border-top:var(--ab-border-thin) solid var(--admin-hairline);opacity:0;align-items:center;gap:.35em;padding:.5625em .262em;transition:opacity .32s ease-out,transform .32s ease-out;display:flex;transform:translate(-.375em);&.is-shown{opacity:1;transform:none}&:first-child{border-top:0}}.admin-page-demo__bar{border-radius:var(--ab-radius-pill);background:var(--admin-skeleton);height:.4375em}.admin-page-demo__col{flex-shrink:0;align-items:center;display:flex}.admin-page-demo__col--index,.admin-page-demo__col--status{justify-content:center;width:1.135em}.admin-page-demo__col--name{width:8.625em}.admin-page-demo__col--value{flex:1;min-width:0}.admin-page-demo__bar--index{width:.699em}.admin-page-demo__bar--name{width:7.4375em}.admin-page-demo__bar--value,.admin-page-demo__bar--action{width:5.0625em}.admin-page-demo__status{border-radius:var(--ab-radius-pill);width:.699em;height:.4368em}.admin-page-demo__status--pass{background:var(--admin-status-pass)}.admin-page-demo__status--fail{background:var(--admin-status-fail)}.admin-page-demo__button{border-radius:var(--ab-radius-control);background:var(--ab-color-action);width:100%;height:1.5em;box-shadow:0 0 0 1px var(--ab-blue-700), inset 0 1px 1px 0 var(--ab-white-a32);opacity:0;justify-content:center;align-items:center;transition:opacity .36s ease-out;display:flex;&.is-shown{opacity:1}}@media (prefers-reduced-motion:reduce){.admin-page-demo__window,.admin-page-demo__row,.admin-page-demo__button{transition:none}}.extension-patterns{overflow:hidden}.extension-patterns__header{align-items:center;gap:var(--ab-space-32);margin-bottom:var(--ab-space-56);grid-template-columns:minmax(0,1.08fr) minmax(0,.72fr);display:grid}.extension-patterns__header>*{margin:0}.extension-patterns__header .ab-block-layout__supporting-copy{max-width:var(--ab-width-form)}.extension-patterns__list{margin:0;padding:0;list-style:none;display:grid}.extension-patterns__row{align-items:center;gap:clamp(var(--ab-space-32), 6vw, var(--ab-space-96));padding-block:var(--ab-space-section-md);grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);display:grid}.extension-patterns__row--reverse{grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr)}.extension-patterns__row--reverse .extension-patterns__copy{grid-area:1/2}.extension-patterns__row--reverse .extension-patterns__media{grid-area:1/1}.extension-patterns__copy{max-width:var(--ab-width-card)}.extension-patterns__copy h3{color:var(--ab-color-text);font-size:calc(var(--ab-font-size-48) * .75);font-weight:var(--ab-font-weight-semibold);line-height:var(--ab-line-tight);margin:0}.extension-patterns__copy>p{margin:var(--ab-space-16) 0 0;color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-18)}.extension-patterns__checklist{gap:var(--ab-space-8);margin:var(--ab-space-24) 0 0;padding:0;list-style:none;display:grid}.extension-patterns__checklist li{align-items:flex-start;gap:var(--ab-space-8);color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-14);display:flex}.extension-patterns__checklist svg{color:var(--ab-color-link);margin-top:.2em}.extension-patterns__media{min-width:0}@media (width<=64rem){.extension-patterns__row,.extension-patterns__row--reverse{gap:var(--ab-space-32);grid-template-columns:1fr}.extension-patterns__row--reverse .extension-patterns__copy,.extension-patterns__row--reverse .extension-patterns__media{grid-area:auto}.extension-patterns__media{order:-1;max-width:420px}.extension-patterns__copy,.extension-patterns__copy>p{max-width:var(--ab-width-reading)}.extension-patterns__header{grid-template-columns:1fr}}@media (width<=48rem){.extension-patterns__row{gap:var(--ab-space-24);padding-block:var(--ab-space-64)}.extension-patterns__copy h3{font-size:var(--ab-font-size-40)}}.extend-add-ons .ab-block-layout__header{margin-bottom:var(--ab-space-56)}.extend-add-ons .ab-block-layout__header.ab-section-head--stacked>*{max-width:47.5rem!important}.extend-add-ons__group{margin-top:var(--ab-space-48)}.extend-add-ons__group-title{max-width:none;margin:0 0 var(--ab-space-24);color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-24);font-weight:var(--ab-font-weight-semibold)}.extend-add-ons__items{gap:var(--ab-space-16);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.extend-add-ons__items>li{min-width:0;display:flex}.extend-add-ons__items .ab-block-layout__item{gap:var(--ab-space-16);width:100%;padding:var(--ab-space-32);border:var(--ab-border-thin) solid var(--ab-color-border);border-radius:var(--ab-radius-16);background:var(--ab-color-surface);display:grid}.extend-add-ons__items .ab-block-layout__item-title{font-size:var(--ab-font-size-18);margin:0}.extend-add-ons__items .ab-block-layout__item-body{color:var(--ab-color-text-secondary);margin:0}.extend-add-ons__checklist{gap:var(--ab-space-8);margin:0;padding:0;list-style:none;display:grid}.extend-add-ons__checklist li{align-items:flex-start;gap:var(--ab-space-8);color:var(--ab-color-text-secondary);font-size:var(--ab-font-size-14);display:flex}.extend-add-ons__checklist svg{width:1em;height:1em;color:var(--ab-color-link);flex-shrink:0;margin-top:.2em}@media (width<=64rem){.extend-add-ons__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.extend-add-ons__items{grid-template-columns:1fr}}.ab-block-layout.extend-sample-apps{background:var(--ab-color-surface);color:var(--ab-color-text)}.extend-sample-apps__header{align-items:center;gap:var(--ab-space-32);margin-bottom:var(--ab-space-56);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);display:grid}.extend-sample-apps__header>*{margin:0}.extend-sample-apps__items{gap:var(--ab-space-16);margin:var(--ab-space-48) 0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.extend-sample-apps__items>li{min-width:0;display:flex}.extend-sample-apps__card{gap:var(--ab-space-24);width:100%;padding:var(--ab-space-32);border:var(--ab-border-thin) solid var(--ab-color-border);border-radius:var(--ab-radius-16);background:var(--ab-color-surface-hover);grid-template-rows:auto auto 1fr;display:grid}.extend-sample-apps__card>*{margin:0}.extend-sample-apps__icon{width:var(--ab-icon-48);height:var(--ab-icon-48);object-fit:contain;border-radius:var(--ab-radius-8);display:block}.extend-sample-apps__card .ab-block-layout__item-title{max-width:none;font-size:var(--ab-font-size-20)}.extend-sample-apps__card .ab-block-layout__item-body{color:var(--ab-color-text-secondary)}.extend-sample-apps__footer{margin-top:var(--ab-space-48);justify-content:center;display:flex}@media (width<=64rem){.extend-sample-apps__items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=48rem){.extend-sample-apps__header,.extend-sample-apps__items{grid-template-columns:1fr}}