.editorial-demo{--ink: #211f1a;--paper: #e9e1d2;min-height:100vh;background:var(--paper);color:var(--ink);overflow:hidden;font-family:Arial,Helvetica,sans-serif}.editorial-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.editorial-logo{font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-style:italic;text-transform:none;letter-spacing:-.04em}.editorial-nav button{justify-self:end;border:0;border-bottom:1px solid currentColor;padding:.1rem 0;background:transparent;color:inherit;text-transform:uppercase;letter-spacing:inherit;cursor:pointer}.editorial-main{position:relative;display:flex;min-height:calc(100vh - 70px);flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,4.5rem)}.editorial-kicker{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em}.editorial-main h1{z-index:1;margin:auto 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(4rem,11vw,9rem);font-weight:400;line-height:.82;letter-spacing:-.075em}.editorial-bottom{z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.editorial-bottom p{max-width:28rem;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.45}.editorial-bottom a{flex:none;border-bottom:1px solid currentColor;padding-bottom:.25rem;color:inherit;font-size:.72rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em}.editorial-orbit{position:absolute;top:12%;right:-10%;width:min(45vw,32rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:50%}.editorial-orbit:after{position:absolute;inset:15%;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:inherit;content:""}@media(max-width:640px){.editorial-nav{grid-template-columns:1fr auto}.editorial-nav>span:nth-child(2){display:none}.editorial-main{min-height:calc(100vh - 70px)}.editorial-bottom{align-items:flex-start;flex-direction:column}}.List{display:flex;list-style:none;gap:var(--stack-gap-spacious)}.Trigger{text-decoration:none}.Root{width:100%;border-bottom:var(--borderWith-thin) #efefef;background-color:#fff;display:flex}.Root[data-position=fixed]{position:fixed;top:0;left:0}.List[data-justify=flex-start]{justify-content:flex-start}.List[data-justify=center]{justify-content:center}.List[data-justify=flex-end]{justify-content:flex-end}.Button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-medium-size);padding:0 var(--stack-gap-normal);gap:var(--stack-gap-condensed);margin:0;outline:0;border:var(--borderWith-thin);border-color:var(--button-default-borderColor-rest);border-radius:var(--borderRadius-large);background-color:var(--button-default-bgColor-rest);font:var(--text-body-shorthand-medium);color:var(--button-default-fgColor-rest);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;text-decoration:none}.Button:not([data-disabled=true]):hover{background-color:var(--button-default-bgColor-hover)}.Button:not([data-disabled=true]):active{background-color:var(--button-default-bgColor-active)}.Button[data-disabled=true]{cursor:pointer;background-color:var(--button-default-bgColor-disabled);border-color:var(--button-default-borderColor-disabled);color:var(--button-default-fgColor-disabled)}.primary{background-color:var(--button-primary-bgColor-rest);color:var(--button-primary-fgColor-rest)}.primary:not([data-disabled=true]):hover{background-color:var(--button-primary-bgColor-hover)}.primary:not([data-disabled=true]):active{background-color:var(--button-primary-bgColor-active)}.primary[data-disabled=true]{background-color:var(--button-primary-bgColor-disabled);color:var(--button-primary-fgColor-disabled)}.danger{color:var(--button-danger-fgColor-rest)}.danger:not([data-disabled=true]):hover{background-color:var(--button-danger-bgColor-hover);color:var(--button-danger-fgColor-hover)}.danger:not([data-disabled=true]):active{background-color:var(--button-danger-bgColor-active)}.danger[data-disabled=true]{background-color:var(--button-danger-bgColor-disabled);color:var(--button-danger-fgColor-disabled)}.invisible{color:var(--button-invisble-fgColor-rest);background-color:transparent;border:none}.invisible:not([data-disabled=true]):hover{background-color:var(--button-invisble-bgColor-hover)}.invisible:not([data-disabled=true]):active{background-color:var(--button-invisble-bgColor-active)}.invisible:not([data-disabled=true])[data-tab-active=true]{box-shadow:inset 0 -2px 0 0 var(--base-color-neutral-13);border-radius:unset;box-sizing:border-box}.invisible:not([data-disabled=true])[data-sidebar-current=page]{background-color:var(--button-invisble-bgColor-active);box-shadow:inset 2px 0 0 0 var(--base-color-neutral-13);border-radius:unset}.invisible[data-disabled=true]{background-color:transparent;color:var(--base-color-neutral-6)}.small{font:var(--text-body-shorthand-small);height:var(--control-small-size)}.large{font:var(--text-body-shorthand-large);height:var(--control-large-size)}:root{--base-color-neutral-0: oklch(100% 0 0);--base-color-neutral-1: oklch(97.7% 0 255);--base-color-neutral-2: oklch(95.6% 0 255);--base-color-neutral-3: oklch(93.1% 0 255);--base-color-neutral-4: oklch(91.5% 0 255);--base-color-neutral-5: oklch(89.8% 0 255);--base-color-neutral-6: oklch(87.3% 0 255);--base-color-neutral-7: oklch(84.7% 0 255);--base-color-neutral-8: oklch(62.3% 0 255);--base-color-neutral-9: oklch(48.2% 0 255);--base-color-neutral-10: oklch(39.9% 0 255);--base-color-neutral-11: oklch(34.7% 0 255);--base-color-neutral-12: oklch(25.4% 0 255);--base-color-neutral-13: oklch(22.1% 0 255);--base-color-green-0: oklch(100% 0 0);--base-color-green-1: oklch(97.7% .015 145);--base-color-green-2: oklch(95.6% .025 145);--base-color-green-3: oklch(93.1% .045 145);--base-color-green-4: oklch(91.5% .06 145);--base-color-green-5: oklch(89.8% .08 145);--base-color-green-6: oklch(87.3% .1 145);--base-color-green-7: oklch(84.7% .12 145);--base-color-green-8: oklch(62.3% .16 145);--base-color-green-9: oklch(48.2% .15 145);--base-color-green-10: oklch(39.9% .12 145);--base-color-green-11: oklch(34.7% .1 145);--base-color-green-12: oklch(25.4% .08 145);--base-color-green-13: oklch(22.1% .07 145);--base-color-red-0: oklch(100% 0 0);--base-color-red-1: oklch(97.7% .015 25);--base-color-red-2: oklch(95.6% .025 25);--base-color-red-3: oklch(93.1% .045 25);--base-color-red-4: oklch(91.5% .06 25);--base-color-red-5: oklch(89.8% .085 25);--base-color-red-6: oklch(87.3% .11 25);--base-color-red-7: oklch(84.7% .14 25);--base-color-red-8: oklch(62.3% .21 25);--base-color-red-9: oklch(48.2% .19 25);--base-color-red-10: oklch(39.9% .16 25);--base-color-red-11: oklch(34.7% .13 25);--base-color-red-12: oklch(25.4% .1 25);--base-color-red-13: oklch(22.1% .08 25)}:root{--fontStack-System: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--fontStack-sansSerif: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--base-text-size-xs: .75rem;--base-text-size-sm: .875rem;--base-text-size-md: 1rem;--base-text-size-lg: 1.25rem;--base-text-size-xl: 2rem;--base-text-size-2xl: 2.5rem;--base-text-weight-light: 300;--base-text-weight-normal: 400;--base-text-weight-medium: 500;--base-text-weight-semibold: 600;--base-text-lineHeight-tight: 1.25;--base-text-lineHeight-snug: 1.375;--base-text-lineHeight-normal: 1.5;--base-text-lineHeight-relaxed: 1.625;--base-text-lineHeight-loose: 1.75}:root{--base-size-1: 1px;--base-size-2: 2px;--base-size-4: 4px;--base-size-6: 6px;--base-size-8: 8px;--base-size-12: 12px;--base-size-16: 16px;--base-size-20: 20px;--base-size-24: 24px;--base-size-28: 28px;--base-size-32: 32px;--base-size-36: 36px;--base-size-40: 40px;--base-size-44: 44px;--base-size-48: 48px;--base-size-64: 64px}:root{--borderWith-thin: var(--base-size-1) solid;--borderWith-thick: var(--base-size-2) solid;--borderWith-thicker: var(--base-size-4) solid;--borderWith-default: var(--borderWith-thin) solid;--stack-gap-condensed: var(--base-size-8);--stack-gap-normal: var(--base-size-16);--stack-gap-spacious: var(--base-size-24);--stack-padding-condensed: var(--base-size-8);--stack-padding-normal: var(--base-size-16);--stack-padding-spacious: var(--base-size-24);--text-body-lineHeight-large: var(--base-text-lineHeight-normal);--text-body-size-large: var(--base-text-size-md);--text-body-lineHeight-medium: var(--base-text-lineHeight-normal);--text-body-size-medium: var(--base-text-size-sm);--text-body-lineHeight-small: var(--base-text-lineHeight-relaxed);--text-body-size-small: var(--base-text-size-xs);--text-title-lineHeight-large: var(--base-text-lineHeight-normal);--text-title-size-large: var(--base-text-size-xl);--text-title-weight-large: var(--base-text-weight-semibold);--text-title-lineHeight-medium: var(--base-text-lineHeight-relaxed);--text-title-size-medium: var(--base-text-size-lg);--text-title-weight-medium: var(--base-text-weight-semibold);--text-title-lineHeight-small: var(--base-text-lineHeight-normal);--text-title-size-small: var(--base-text-size-md);--text-title-weight-small: var(--base-text-weight-semibold);--text-subtitle-lineHeight: var(--base-text-lineHeight-relaxed);--text-subtitle-size: var(--base-text-size-md);--text-subtitle-weight: var(--base-text-weight-normal);--text-display-height: var(--base-text-lineHeight-snug);--text-display-lineHeight: var(--base-text-lineHeight-snug);--text-display-size: var(--base-text-size-2xl);--text-display-weight: var(--base-text-weight-medium);--text-caption-lineHeight: var(--base-text-lineHeight-tight);--text-caption-size: var(--base-text-size-xs);--text-caption-weight: var(--base-text-weight-normal);--text-body-shorthand-large: var(--base-text-weight-normal) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif);--text-body-shorthand-medium: var(--base-text-weight-normal) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif);--text-body-shorthand-small: var(--base-text-weight-normal) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif);--text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerif);--text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerif);--text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif);--text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerif);--text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif);--text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerif);--borderRadius-small: var(--base-size-2);--borderRadius-medium: var(--base-size-4);--borderRadius-large: var(--base-size-8);--borderRadius-circle: 50%;--button-default-bgColor-rest: var(--base-color-neutral-1);--button-default-fgColor-rest: var(--base-color-neutral-10);--button-default-borderColor-rest: var(--base-color-neutral-6);--button-default-bgColor-hover: var(--base-color-neutral-2);--button-default-fgColor-hover: var(--base-color-neutral-1);--button-default-borderColor-hover: var(--base-color-neutral-13);--button-default-bgColor-active: var(--base-color-neutral-3);--button-default-fgColor-disabled: var(--base-color-neutral-8);--button-default-bgColor-disabled: var(--base-color-neutral-2);--button-default-borderColor-disabled: var(--base-color-neutral-3);--button-primary-bgColor-rest: var(--base-color-green-9);--button-primary-fgColor-rest: var(--base-color-green-0);--button-primary-borderColor-rest: var(--base-color-green-7);--button-primary-bgColor-hover: var(--base-color-green-10);--button-primary-fgColor-hover: var(--base-color-green-13);--button-primary-borderColor-hover: var(--base-color-green-13);--button-primary-bgColor-active: var(--base-color-green-11);--button-primary-fgColor-disabled: var(--base-color-neutral-8);--button-primary-bgColor-disabled: var(--base-color-neutral-2);--button-primary-borderColor-disabled: var(--base-color-green-13);--button-danger-bgColor-rest: var(--base-color-red-13);--button-danger-fgColor-rest: var(--base-color-red-9);--button-danger-borderColor-rest: var(--base-color-red-7);--button-danger-bgColor-hover: var(--base-color-red-10);--button-danger-fgColor-hover: var(--base-color-red-1);--button-danger-borderColor-hover: var(--base-color-red-13);--button-danger-bgColor-active: var(--base-color-red-11);--button-danger-fgColor-disabled: var(--base-color-neutral-8);--button-danger-bgColor-disabled: var(--base-color-neutral-2);--button-danger-borderColor-disabled: var(--base-color-red-13);--button-invisble-bgColor-rest: var(--base-color-neutral-0);--button-invisble-fgColor-rest: var(--base-color-neutral-13);--button-invisble-borderColor-rest: var(--base-color-neutral-7);--button-invisble-bgColor-hover: var(--base-color-neutral-1);--button-invisble-fgColor-hover: var(--base-color-neutral-13);--button-invisble-borderColor-hover: var(--base-color-neutral-13);--button-invisble-bgColor-active: var(--base-color-neutral-2);--button-invisble-fgColor-disabled: var(--base-color-neutral-13);--button-invisble-bgColor-disabled: var(--base-color-neutral-13);--button-invisble-borderColor-disabled: var(--base-color-neutral-13);--button-disabled-bgColor: var(--base-color-neutral-2);--button-disabled-fgColor: var(--base-color-neutral-10);--control-small-size: var(--base-size-28);--control-medium-size: var(--base-size-36);--control-large-size: var(--base-size-44);--table-default-border-color: var(--base-color-neutral-7);--table-default-border-radius: var(--borderRadius-small);--table-cell-padding-condensed: var(--base-size-4) var(--base-size-8);--table-cell-padding-normal: var(--base-size-8) var(--base-size-16);--table-cell-padding-spacious: var(--base-size-16) var(--base-size-24);--table-default-header-bgColor: var(--base-color-neutral-1);--table-default-header-fgColor: var(--base-color-neutral-9);--tableRow-bgColor-hover: var(--base-color-neutral-1)}._Button_pez9r_1{display:inline-flex;align-items:center;justify-content:center;height:var(--control-medium-size);padding:0 var(--stack-gap-normal);gap:var(--stack-gap-condensed);margin:0;outline:0;border:var(--borderWith-thin);border-color:var(--button-default-borderColor-rest);border-radius:var(--borderRadius-large);background-color:var(--button-default-bgColor-rest);font:var(--text-body-shorthand-medium);color:var(--button-default-fgColor-rest);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;text-decoration:none}._Button_pez9r_1:not([data-disabled=true]):hover{background-color:var(--button-default-bgColor-hover)}._Button_pez9r_1:not([data-disabled=true]):active{background-color:var(--button-default-bgColor-active)}._Button_pez9r_1[data-disabled=true]{cursor:pointer;background-color:var(--button-default-bgColor-disabled);border-color:var(--button-default-borderColor-disabled);color:var(--button-default-fgColor-disabled)}._primary_pez9r_43{background-color:var(--button-primary-bgColor-rest);color:var(--button-primary-fgColor-rest)}._primary_pez9r_43:not([data-disabled=true]):hover{background-color:var(--button-primary-bgColor-hover)}._primary_pez9r_43:not([data-disabled=true]):active{background-color:var(--button-primary-bgColor-active)}._primary_pez9r_43[data-disabled=true]{background-color:var(--button-primary-bgColor-disabled);color:var(--button-primary-fgColor-disabled)}._danger_pez9r_62{color:var(--button-danger-fgColor-rest)}._danger_pez9r_62:not([data-disabled=true]):hover{background-color:var(--button-danger-bgColor-hover);color:var(--button-danger-fgColor-hover)}._danger_pez9r_62:not([data-disabled=true]):active{background-color:var(--button-danger-bgColor-active)}._danger_pez9r_62[data-disabled=true]{background-color:var(--button-danger-bgColor-disabled);color:var(--button-danger-fgColor-disabled)}._invisible_pez9r_81{color:var(--button-invisble-fgColor-rest);background-color:transparent;border:none}._invisible_pez9r_81:not([data-disabled=true]):hover{background-color:var(--button-invisble-bgColor-hover)}._invisible_pez9r_81:not([data-disabled=true]):active{background-color:var(--button-invisble-bgColor-active)}._invisible_pez9r_81:not([data-disabled=true])[data-tab-active=true]{box-shadow:inset 0 -2px 0 0 var(--base-color-neutral-13);border-radius:unset;box-sizing:border-box}._invisible_pez9r_81:not([data-disabled=true])[data-sidebar-current=page]{background-color:var(--button-invisble-bgColor-active);box-shadow:inset 2px 0 0 0 var(--base-color-neutral-13);border-radius:unset}._invisible_pez9r_81[data-disabled=true]{background-color:transparent;color:var(--base-color-neutral-6)}._small_pez9r_117{font:var(--text-body-shorthand-small);height:var(--control-small-size)}._large_pez9r_122{font:var(--text-body-shorthand-large);height:var(--control-large-size)}._List_qfshf_1{display:flex;list-style:none;gap:var(--stack-gap-spacious)}._Trigger_qfshf_7{text-decoration:none}._Root_qfshf_11{width:100%;border-bottom:var(--borderWith-thin) #efefef;background-color:#fff;display:flex}._Root_qfshf_11[data-position=fixed]{position:fixed;top:0;left:0}._List_qfshf_1[data-justify=flex-start]{justify-content:flex-start}._List_qfshf_1[data-justify=center]{justify-content:center}._List_qfshf_1[data-justify=flex-end]{justify-content:flex-end}._title-large_1esiv_1{font:var(--text-title-shorthand-large)}._title-medium_1esiv_5{font:var(--text-title-shorthand-medium)}._title-small_1esiv_9{font:var(--text-title-shorthand-small)}._display_1esiv_13{font:var(--text-display-shorthand)}._subtitle_1esiv_17{font:var(--text-subtitle-shorthand)}._caption_1esiv_21{font:var(--text-caption-shorthand)}._body-small_1esiv_25{font:var(--text-body-shorthand-small)}._body-medium_1esiv_29{font:var(--text-body-shorthand-medium)}._body-large_1esiv_33{font:var(--text-body-shorthand-large)}._Table_ctnkc_1{border:var(--borderWith-thin);border-color:var(--table-default-border-color);border-radius:var(--borderRadius-large);font:var(--text-body-shorthand-medium);border-spacing:0px;overflow:hidden;width:100%}._Table_ctnkc_1 td{padding:var(--table-cell-padding-normal)}._Table_ctnkc_1[data-density=condensed] td{padding:var(--table-cell-padding-condensed)}._Table_ctnkc_1[data-density=spacious] td{padding:var(--table-cell-padding-spacious)}._TableHead_1tmgh_1{font:var(--text-body-shorthand-medium);font-weight:var(--base-text-weight-medium);background-color:var(--table-default-header-bgColor);color:var(--table-default-header-fgColor)}tbody ._TableRow_ety2u_1:hover{background-color:var(--tableRow-bgColor-hover)}._TableCell_1win9_1{border-bottom:1px solid var(--table-default-border-color)}._card_ifldm_1{width:400px;border:var(--borderWith-thin);border-color:#d3d3d3;border-radius:var(--borderRadius-large)}._title_ifldm_8,._body_ifldm_8,._footer_ifldm_8{padding:0 20px}._List_bq40j_1{display:flex;flex-direction:column;list-style:none;width:100%;padding:0}._List_bq40j_1[data-justify=flex-start] a{display:flex;justify-content:flex-start}._List_bq40j_1[data-justify=flex-end] a{display:flex;justify-content:flex-end}._List_bq40j_1[data-justify=center] a{display:flex;justify-content:center}._Trigger_bq40j_25{text-decoration:none}._Root_bq40j_29{display:flex;flex-direction:column;height:100%}._Root_bq40j_29 ul{list-style:none;padding:0}._SectionTitle_bq40j_39{color:var(--base-color-neutral-8)}._SectionContainer_bq40j_43:not(:last-child){margin-bottom:var(--stack-padding-normal)}._container_1tmtl_1{width:100%;box-sizing:border-box;margin:0;position:relative}._header_1tmtl_8{position:absolute;top:4px;right:4px;left:10px;z-index:1;display:flex;align-items:center;justify-content:space-between}._language_1tmtl_19{color:var(--base-color-neutral-10);font:var(--text-body-shorthand-small);-webkit-user-select:none;user-select:none}._container_1tmtl_1[data-theme=dark] ._copybtn_1tmtl_25{color:#e5e5e5;background-color:#1a1a1a}._container_1tmtl_1[data-theme=dark] ._copybtn_1tmtl_25:hover{color:#fff;background-color:#262626}._container_1tmtl_1[data-theme=dark] ._copybtn_1tmtl_25:active{background-color:#333}._container_1tmtl_1[data-theme=dark] ._language_1tmtl_19{color:#a3a3a3}._Root_9qd7q_1{display:flex;flex-direction:column;border-radius:var(--borderRadius-large)}._List_9qd7q_7{display:flex;position:relative;border-bottom:1px solid var(--base-color-neutral-2)}._Panel_9qd7q_16{overflow-y:auto;background-color:var(--base-color-neutral-0)}._Panel_9qd7q_16[hidden]{display:none}._Preview_1w6r6_1{margin-top:10px;padding:10px;border:1px solid var(--base-color-neutral-6);border-radius:var(--borderRadius-large)}._Code_1w6r6_8{margin-top:10px}._Code_1w6r6_8{position:relative}._Preview_1w6r6_1{display:flex;justify-content:center;align-items:center;min-height:calc(var(--base-size-64) * 2)}._spinner_1245j_1{width:1em;height:1em;border:var(--borderWith-thick) var(--base-color-neutral-1);border-top:var(--borderWith-thick) var(--base-color-neutral-10);border-radius:var(--borderRadius-circle);animation:_spin_1245j_1 1s linear infinite}@keyframes _spin_1245j_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_1rjul_1{display:flex;flex-direction:row;justify-content:space-between;align-items:center}._separator_1y95p_1[data-orientation=horizontal]{border-bottom:var(--borderWith-thin) var(--base-color-neutral-7)}._separator_1y95p_1[data-orientation=horizontal][data-variant=middle]{margin-left:var(--base-size-4);margin-right:var(--base-size-4)}._separator_1y95p_1[data-orientation=vertical]{margin-left:var(--base-size-4);margin-right:var(--base-size-4);border-right:var(--borderWith-thin) var(--base-color-neutral-7);display:inline-block;align-items:stretch}._separator_1y95p_1[data-orientation=vertical][data-variant=middle]{margin-top:var(--base-size-2);margin-bottom:var(--base-size-2)}._shape_r5sgl_1{display:block;height:200px;width:200px;background:var(--base-color-neutral-2);border-radius:var(--borderRadius-large);margin-top:0;margin-bottom:var(--base-size-4);animation:_mui-pulse_r5sgl_1 1.5s infinite ease-in-out}._text_r5sgl_14{height:1rem;width:100%}._circle_r5sgl_19{border-radius:50%}@keyframes _mui-pulse_r5sgl_1{0%{opacity:1}50%{opacity:.4}to{opacity:1}}._Chip_9ei99_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--base-size-4);border:var(--borderWith-thin);border-color:var(--base-color-neutral-6);background-color:transparent;color:var(--base-color-neutral-12);border-radius:var(--borderRadius-large);box-sizing:border-box;white-space:nowrap;-webkit-user-select:none;user-select:none}._icon_9ei99_16{display:inline-flex;align-items:center;justify-content:center}._small_9ei99_23{height:var(--base-size-20);padding:0 var(--base-size-8);font:var(--text-caption-shorthand)}._medium_9ei99_29{height:var(--base-size-24);padding:0 var(--base-size-8);font:var(--text-body-shorthand-small)}._large_9ei99_35{height:var(--control-small-size);padding:0 var(--base-size-12);font:var(--text-body-shorthand-medium)}._disabled_9ei99_42{opacity:.5;cursor:not-allowed;background-color:var(--base-color-neutral-2);border-color:var(--base-color-neutral-4);color:var(--base-color-neutral-8)}:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;color:#111827;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--fontStack-sansSerif: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--space-small: 8px;--space-medium: 16px;--space-large: 24px;--color-text-secondary: #4b5563;--color-text-muted: #70767e;--color-border: #e5e7eb;--color-underline-hover: #cbd5e1}html{box-sizing:border-box;min-width:320px;min-height:100%;scrollbar-gutter:stable}*,*:before,*:after{box-sizing:inherit}body{min-width:320px;min-height:100vh;margin:0;background:#fff;color:#111827}button,a{font:inherit}.app-container{display:flex;min-height:100vh;flex-direction:column;background:#fff}.app-main{flex:1}.back-link{color:var(--color-text-secondary);font-size:14px;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:3px}.back-link:hover{text-decoration-color:var(--color-underline-hover)}.page-screen-container{display:flex;justify-content:center}.page-screen-main,.not-found-screen{width:960px;max-width:100%;min-height:calc(100vh - 100px);padding-block:var(--space-large);padding-inline:clamp(32px,5vw,72px)}h1{margin:0;font-size:20px;font-weight:600;line-height:1.4}.home-list-margin{margin-top:var(--space-small)}.section-item-link{display:block;margin-inline:calc(var(--space-small) * -1);padding:var(--space-small);border-top:1px solid var(--color-border);color:inherit;text-decoration:none}.section-item-link:last-child{border-bottom:1px solid var(--color-border)}.section-item-link:hover,.section-item-link:focus-visible{outline:none}.section-item-link:hover time,.section-item-link:focus-visible time{text-decoration:underline;text-decoration-color:var(--color-underline-hover);text-decoration-thickness:1px;text-underline-offset:3px}.section-item-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-medium)}.section-item-content time{font-size:16px;font-weight:400}.design-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-small);color:var(--color-text-muted);font-size:12px}.design-tags>span:not(:last-child):after{margin-left:var(--space-small);content:"·"}.footer-container{display:flex;width:100%;height:50px;align-items:center;justify-content:space-between;gap:var(--space-small);padding:var(--space-medium) clamp(32px,5vw,72px);border-top:1px solid var(--color-border)}.footer-links{display:flex;align-items:center;gap:var(--space-small)}.footer-links a{display:inline-flex;align-items:center;justify-content:center;color:inherit}.footer-links a:hover{color:#111827}.not-found-screen>p{margin:var(--space-small) 0 0;color:var(--color-text-muted);font-size:14px;line-height:1.5}.design-screen{width:100%;min-width:320px;min-height:100vh;margin:0;padding:0;overflow:hidden}.not-found-screen h1{margin-top:var(--space-small)}.not-found-screen .back-link{display:inline-block;margin-top:var(--space-medium)}@media(max-width:640px){.section-item-content{align-items:flex-start;flex-direction:column;gap:4px}.design-tags{justify-content:flex-start}.footer-container{align-items:flex-start;height:auto;flex-direction:column}}