.ex-wallpaper{background-color:var(--lightningcss-light,color-mix(in oklch, var(--mb-accent-secondary) 10%, #f4f6f4))var(--lightningcss-dark,color-mix(in oklch, var(--mb-bg) 70%, black));background-image:radial-gradient(70% 90% at 8% 0%, color-mix(in oklch, var(--mb-accent) 46%, transparent), transparent 62%), radial-gradient(60% 80% at 100% 12%, color-mix(in oklch, var(--mb-accent-secondary) 50%, transparent), transparent 66%), radial-gradient(80% 60% at 70% 108%, color-mix(in oklch, var(--mb-accent) 30%, transparent), transparent 70%), radial-gradient(50% 50% at 22% 92%, color-mix(in oklch, var(--mb-indigo) 26%, transparent), transparent 70%), linear-gradient(160deg, transparent 40%, var(--lightningcss-light,#fff6)var(--lightningcss-dark,#00000040));background-attachment:fixed}.ex-page{height:calc(100dvh - var(--docs-header-height));flex-direction:column;display:flex;position:relative;overflow:hidden}.ex-strip-row{flex:none;justify-content:center;padding:14px 16px 0;display:flex}.ex-strip{min-width:0;max-width:100%;color:var(--mb-label);align-items:center;gap:8px;padding:4px 6px 4px 4px;display:flex}.ex-strip-back{width:28px;height:28px;color:var(--mb-label-secondary);border-radius:50%;flex:none;place-items:center;display:inline-grid}.ex-strip-back svg{width:17px;height:17px}.ex-strip-back:hover{background:var(--mb-fill-tertiary);color:var(--mb-label)}.ex-strip-back:focus-visible{outline:var(--mb-focus-ring-width) solid var(--mb-focus-ring)}.ex-strip-title{font:600 13px/16px var(--mb-font);letter-spacing:-.01em;white-space:nowrap;margin:0 6px 0 0}.ex-stage{flex:auto;place-items:center;min-height:0;margin:14px 24px 24px;display:grid;position:relative}.ex-stage[data-frameless]{place-items:stretch stretch;margin:10px 0 0}@media (max-width:700px){.ex-strip-title{display:none}.ex-strip-row{padding-top:10px}.ex-stage{margin:12px 12px 16px}}.ex-mac{min-width:0;min-height:0;display:flex}.ex-mac>.mb-window{flex:auto;height:100%}.ex-screen{--mb-safe-top:0px;--mb-safe-bottom:env(safe-area-inset-bottom,0px);isolation:isolate;background:var(--mb-bg);height:100%;color:var(--mb-label);box-shadow:var(--mb-shadow-5);border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.ex-screen>*,.ex-screen-root{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;position:relative}.ex-screen-root>*,.ex-screen>*>*{min-height:0}.ex-framed-sheet-layer{z-index:60;position:absolute;inset:0}.ex-framed-sheet-backdrop{background:var(--mb-scrim);animation:ex-fade-in var(--mb-duration-base) var(--mb-ease-out) both;position:absolute;inset:0}.ex-framed-sheet{inset:calc(var(--mb-safe-top,54px) - 6px) 0 0;background:var(--mb-bg-elevated);box-shadow:var(--mb-glass-rim), var(--mb-shadow-window);animation:ex-sheet-in var(--mb-spring-sheet-duration) var(--mb-spring-sheet) both;border-radius:30px 30px 0 0;outline:none;flex-direction:column;display:flex;position:absolute;overflow:hidden}.ex-framed-sheet-layer:not([data-open]) .ex-framed-sheet{animation:ex-sheet-out .24s var(--mb-ease-in-out) both}.ex-framed-sheet-layer:not([data-open]) .ex-framed-sheet-backdrop{animation:ex-fade-out .24s var(--mb-ease-out) both}.ex-framed-sheet-grabber{z-index:2;background:var(--mb-label-quaternary);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:6px;left:50%}.ex-framed-sheet-title{font:var(--mb-text-headline);text-align:center;margin:18px 0 0}@keyframes ex-sheet-in{0%{translate:0 100%}}@keyframes ex-sheet-out{to{translate:0 100%}}@keyframes ex-fade-in{0%{opacity:0}}@keyframes ex-fade-out{to{opacity:0}}.ex-push{animation:ex-push-in .42s var(--mb-ease-ios) both}.ex-pop{animation:ex-pop-in .42s var(--mb-ease-ios) both}@keyframes ex-push-in{0%{translate:100%;box-shadow:-20px 0 40px #0003}}@keyframes ex-pop-in{0%{opacity:.6;translate:-30%}}@media (prefers-reduced-motion:reduce){.ex-push,.ex-pop,.ex-framed-sheet,.ex-framed-sheet-layer:not([data-open]) .ex-framed-sheet{animation-name:ex-fade-in;animation-duration:.15s}.ex-framed-sheet-layer:not([data-open]) .ex-framed-sheet{animation-name:ex-fade-out}}.ex-tile{width:var(--ex-tile-size,20px);height:var(--ex-tile-size,20px);border-radius:calc(var(--ex-tile-size,20px) * .24);background-color:var(--ex-tile,var(--mb-label-tertiary));color:#fff;background-image:linear-gradient(#ffffff29,#0000);flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 .5px #0000001a}.ex-tile svg{stroke-width:2.1px;width:64%;height:64%}.mb-sidebar-item .ex-tile,.mb-sidebar-item[data-current] .ex-tile{color:#fff}.ex-mono{font-family:var(--mb-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ex-scroll{overscroll-behavior:contain;scrollbar-width:thin;overflow-y:auto}.ex-empty{height:100%;min-height:160px;color:var(--mb-label-secondary);text-align:center;align-content:center;place-items:center;gap:6px;padding:24px;display:grid}.ex-empty strong{color:var(--mb-label);font:var(--mb-text-title-3)}.ex-index{min-height:calc(100dvh - var(--docs-header-height))}.ex-index-inner{width:var(--site-content);padding-block:80px var(--space-section);margin:0 auto}@media (max-width:734px){.ex-index-inner{padding-top:56px}}.ex-index-header{margin-bottom:var(--space-section-header)}.ex-index-grid{gap:var(--gap-bento);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:1068px){.ex-index-grid{grid-template-columns:minmax(0,1fr)}}.ex-card{border-radius:var(--radius-tile);background:var(--site-tile);color:var(--site-label);flex-direction:column;text-decoration:none;transition:scale .3s cubic-bezier(0,0,.5,1);display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.ex-card:hover{scale:1.008}}.ex-card-preview{pointer-events:none;-webkit-user-select:none;user-select:none;background-attachment:scroll;height:340px;position:relative;overflow:hidden}.ex-card-mac{display:flex;position:absolute;top:32px;left:28px}.ex-card-mac>*{flex:1}.ex-card-phone{display:flex;position:absolute;top:70px;right:18px}.ex-card-preview:after{content:"";background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--site-tile) 50%, transparent));height:40px;position:absolute;inset:auto 0 0}.ex-card-body{padding:var(--space-tile-pad);justify-items:start;display:grid}.ex-card-platforms{color:var(--site-label-secondary);font-size:var(--type-caption);line-height:var(--leading-tight);letter-spacing:var(--type-caption-track);margin:0 0 8px}.ex-gallery-title{color:var(--site-label);margin:0}.ex-card-description{max-width:34em;color:var(--site-label-secondary);font-size:var(--type-body);line-height:var(--leading-read);letter-spacing:var(--type-body-track);margin:12px 0 0}@media (max-width:734px){.ex-card-description{font-size:var(--type-body-reduced);line-height:var(--leading-read-reduced);letter-spacing:var(--type-body-reduced-track)}}.ex-app-root{background:var(--mb-bg);height:100%;min-height:0;color:var(--mb-label);flex-direction:column;flex:auto;display:flex;position:relative}.ex-app-root>*{flex:auto;min-height:0}.ex-grouped-stack{background:var(--mb-bg-grouped)}.ex-slider-row-control{width:min(260px,52%);grid-area:1/3/-1/5;justify-self:end;align-items:center;gap:8px;margin-inline-start:var(--mb-list-trailing-gap);display:flex}.ex-slider-row:not(:has(.mb-list-row-title)) .ex-slider-row-control{grid-column:1/-1;width:100%;margin:0}.ex-slider-row-control .mb-slider{flex:auto;min-width:0}.ex-slider-row-glyph{width:calc(var(--mb-list-icon-glyph) + 1px);height:calc(var(--mb-list-icon-glyph) + 1px);color:var(--mb-label-secondary);flex:none}.ex-row-current.mb-list-row,.ex-profile-row[aria-current=page]{background:var(--mb-accent);color:var(--mb-on-accent)}.ex-row-current .mb-list-row-value,.ex-row-current .mb-list-row-accessory,.ex-profile-row[aria-current=page] :is(.mb-list-row-subtitle,.mb-list-row-accessory){color:color-mix(in oklch, var(--mb-on-accent) 75%, transparent)}.ex-ios-search{background:var(--mb-bg-grouped);padding:0 16px 8px}.ex-ios-search .mb-search-field{width:100%}.ex-ios-search.ex-plain-search{background:0 0}.ex-strip-divider{width:var(--mb-hairline);background:var(--mb-separator);flex:none;height:18px;margin-inline:2px}.ex-copy{border-radius:var(--mb-radius-sm);flex:none;align-items:center;gap:0;display:inline-flex}.ex-copy-main{gap:5px;padding-inline:8px 6px;font-weight:500}.ex-copy-main svg{width:14px;height:14px}.ex-copy-more{margin-inline-start:-2px}.ex-stage[data-view=code]{place-items:stretch center}.ex-code-frame{align-self:center;width:min(100%,1320px);height:min(100%,920px);min-height:0;display:flex}.ex-code-window{--mb-window-sidebar-width:244px;--ex-code-bg:var(--mb-bg);flex:auto;height:100%}.ex-code-sidebar{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;min-height:0;padding-block-end:8px;display:flex;overflow-y:auto}.ex-code-sidebar-header{font:600 11px/14px var(--mb-font);color:var(--mb-label-tertiary);padding:6px 16px 2px}.ex-code-tree{padding-block:2px}.ex-code-tree .mb-outline-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ex-code-tree .mb-outline-row:not([data-selected]) .mb-outline-icon{color:var(--mb-label-secondary)}.ex-code-tree .mb-outline-row:not([data-selected]) .mb-outline-icon[data-kind=folder]{color:var(--mb-blue)}.ex-code-tree .mb-outline-row:not([data-selected]) .mb-outline-icon[data-kind=tsx]{color:var(--mb-teal)}.ex-code-tree .mb-outline-row:not([data-selected]) .mb-outline-icon[data-kind=css]{color:var(--mb-pink)}.ex-code-titlebar{gap:12px;padding-inline:16px 10px}.ex-code-heading{flex-direction:column;flex:auto;justify-content:center;gap:1px;min-width:0;display:flex}.ex-code-path{min-width:0;font:500 12.5px/16px var(--mb-font-mono);letter-spacing:-.01em;white-space:nowrap;display:flex}.ex-code-path-dir{text-overflow:ellipsis;color:var(--mb-label-secondary);flex:0 auto;min-width:2ch;overflow:hidden}.ex-code-path-name{color:var(--mb-label);flex:none;font-weight:600}.ex-code-meta{font:400 11px/14px var(--mb-font);font-variant-numeric:tabular-nums;color:var(--mb-label-secondary);white-space:nowrap}.ex-code-copy{flex:none;gap:5px}.ex-code-copy svg{width:13px;height:13px}.ex-code-body{background:var(--ex-code-bg);flex-direction:column;display:flex;overflow:hidden}.ex-code-note{border-block-end:var(--mb-hairline) solid var(--mb-separator);background:var(--mb-bg-secondary);color:var(--mb-label-secondary);font:400 12px/17px var(--mb-font);letter-spacing:0;text-wrap:pretty;flex:none;gap:2px;padding:9px 16px 10px;display:grid}.ex-code-note p{margin:0}.ex-code-note strong{color:var(--mb-label);font-weight:600}.ex-code-note a{color:var(--mb-accent-text);border-radius:3px;text-decoration:none}@media (hover:hover) and (pointer:fine){.ex-code-note a:hover{text-decoration:underline}}.ex-code-note a:focus-visible{outline:var(--mb-focus-ring-width) solid var(--mb-focus-ring)}.ex-code-note code{font:500 11.5px/17px var(--mb-font-mono);color:var(--mb-label)}.ex-code-source{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.ex-code-scroll{flex:auto;min-width:0;min-height:0;display:flex}.ex-code-scroll pre{overscroll-behavior:contain;scrollbar-width:thin;background:var(--ex-code-bg);min-width:0;color:var(--mb-label);font:400 12.5px/20px var(--mb-font-mono);letter-spacing:0;tab-size:2;outline:none;flex:auto;margin:0;padding:10px 0 16px;overflow:auto}.ex-code-scroll pre:focus-visible{box-shadow:inset 0 0 0 var(--mb-focus-ring-width) var(--mb-focus-ring)}.ex-code-scroll code{width:max-content;min-width:100%;font:inherit;counter-reset:line;padding-inline-end:24px;display:block}.ex-code-scroll .shiki span{color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))}.ex-code-scroll .line:before{content:counter(line);counter-increment:line;box-sizing:content-box;width:var(--ex-code-gutter,3ch);background:var(--ex-code-bg);color:var(--mb-label-tertiary);text-align:end;-webkit-user-select:none;user-select:none;padding-inline:16px 18px;display:inline-block;position:sticky;inset-inline-start:0}.ex-code-source[data-loading] .line{color:var(--mb-label-secondary)}.ex-code-panel{--ex-code-bg:var(--mb-bg);background:var(--ex-code-bg);width:100%;min-width:0;height:100%;color:var(--mb-label);box-shadow:0 0 0 var(--mb-hairline) var(--mb-separator), var(--mb-shadow-4);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.ex-code-panel .ex-code-note{padding:10px 16px}.ex-code-panel .ex-code-note p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ex-code-panel .ex-code-note p+p{display:none}.ex-code-header{align-items:center;gap:8px;padding:10px 12px 4px 16px;display:flex}.ex-code-picker{flex:auto;min-width:0}.ex-code-subheader{border-block-end:var(--mb-hairline) solid var(--mb-separator);justify-content:space-between;align-items:baseline;gap:12px;padding:2px 16px 8px;display:flex}.ex-code-panel .ex-code-scroll pre{font-size:12px;line-height:19px}.ex-code-panel .ex-code-scroll .line:before{padding-inline:12px 14px}.ex-card-link{color:inherit;outline:none;text-decoration:none}.ex-card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.ex-card:has(.ex-card-link:focus-visible){outline:var(--mb-focus-ring-width) solid var(--mb-focus-ring);outline-offset:3px}.ex-card-actions{z-index:2;flex-wrap:wrap;gap:14px;margin-top:24px;display:flex;position:relative}.ex-card-actions .mb-button{text-decoration:none}