.docs-module__jMC11a__page{--bg:#fdfdfd;--surface:#fff;--tile:#f5f5f3;--tile-hover:#efefec;--ink:#0d0d0d;--muted:#6c6c6c;--faint:#9b9b96;--line:#ececea;--line-strong:#dcdcd8;--accent:#0040fc;--accent-soft:#eef2ff;--highlight:#fff1bd;--ring:0 0 0 1px #0d0d0d0f, 0 1px 2px #0d0d0d0a;--radius:12px;font-family:var(--font-body), ui-sans-serif, -apple-system, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;font-size:16px;line-height:1.6}.docs-module__jMC11a__page :is(h1,h2,h3){font-family:var(--font-primary), ui-sans-serif, sans-serif;color:var(--ink);font-weight:700}.docs-module__jMC11a__page a,.docs-module__jMC11a__page button,.docs-module__jMC11a__page input,.docs-module__jMC11a__page select,.docs-module__jMC11a__page summary{-webkit-tap-highlight-color:transparent}.docs-module__jMC11a__page :is(a,button,input,select,summary,pre,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.docs-module__jMC11a__page button{cursor:pointer;font:inherit}.docs-module__jMC11a__page a{color:inherit}.docs-module__jMC11a__header{z-index:30;-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);background:#fdfdfddb;position:sticky;top:0}.docs-module__jMC11a__headerInner{max-width:calc(var(--max-container-width,1000px) + 48px);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:68px;margin:auto;padding:0 24px;display:grid}.docs-module__jMC11a__brand{align-items:center;gap:12px;display:flex}.docs-module__jMC11a__brand img{width:auto;height:30px;display:block}.docs-module__jMC11a__brandSlash{color:#d4d4d0;font-size:22px;font-weight:300}.docs-module__jMC11a__docsLabel{font:600 16px var(--font-primary), sans-serif;color:var(--muted)}.docs-module__jMC11a__topNav{align-items:center;gap:2px;display:flex}.docs-module__jMC11a__topNav a{font:500 15px var(--font-primary), sans-serif;color:var(--ink);white-space:nowrap;border-radius:999px;padding:6px 12px;transition:background .15s}.docs-module__jMC11a__topNav a:hover{background:#0000000f}.docs-module__jMC11a__topNav a[aria-current=page]{background:#00000014}.docs-module__jMC11a__headerButton{white-space:nowrap;background:var(--ink);font:500 14px var(--font-primary), sans-serif;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:8px 16px;transition:opacity .15s;display:inline-flex;color:#fff!important}.docs-module__jMC11a__headerButton:hover{opacity:.85}.docs-module__jMC11a__layout{max-width:calc(var(--max-container-width,1000px) + 48px);grid-template-columns:184px minmax(0,1fr);column-gap:56px;margin:auto;padding:0 24px;display:grid}.docs-module__jMC11a__content{min-width:0;padding:0 0 24px}.docs-module__jMC11a__sidebar{scrollbar-width:none;flex-direction:column;justify-content:space-between;align-self:start;gap:32px;height:calc(100dvh - 68px);padding:36px 0 24px;display:flex;position:sticky;top:68px;overflow-y:auto}.docs-module__jMC11a__sectionNav{flex-direction:column;gap:22px;display:flex}.docs-module__jMC11a__navGroup{flex-direction:column;gap:1px;display:flex}.docs-module__jMC11a__navLabel{color:var(--faint);margin:0 0 6px;font-size:12.5px;font-weight:500}.docs-module__jMC11a__sectionNav a{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:5px 10px 5px 4px;font-size:14px;transition:color .15s,background .15s;display:flex}.docs-module__jMC11a__sectionNav a:hover{color:var(--ink);background:#f4f4f2}.docs-module__jMC11a__sectionNav a[aria-current]{color:var(--ink);font-weight:500}.docs-module__jMC11a__navKey{border:1.5px solid #cfcfca;border-radius:1.5px;flex:none;width:7px;height:7px;transition:background .15s,border-color .15s;transform:rotate(45deg)}.docs-module__jMC11a__sectionNav a[aria-current] .docs-module__jMC11a__navKey{background:var(--accent);border-color:var(--accent)}.docs-module__jMC11a__sidebarNote{color:var(--faint);border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:16px;font-size:13px;display:flex}.docs-module__jMC11a__sidebarNote>span{color:var(--muted);align-items:center;gap:7px;margin-bottom:4px;display:flex}.docs-module__jMC11a__sidebarNote>a:first-child{color:var(--muted);gap:7px;margin-bottom:4px}.docs-module__jMC11a__sidebarNote a{align-items:center;gap:4px;width:fit-content;display:inline-flex}.docs-module__jMC11a__sidebarNote a:hover{color:var(--ink)}.docs-module__jMC11a__hero{padding:48px 0 8px;scroll-margin-top:96px}.docs-module__jMC11a__heroMeta{font:13px var(--font-mono), ui-monospace, monospace;color:var(--faint);margin:0 0 14px}.docs-module__jMC11a__hero h1{letter-spacing:-.055em;text-wrap:balance;margin:0 0 16px;font-size:clamp(38px,5vw,56px);line-height:1.04}.docs-module__jMC11a__intro{max-width:600px;color:var(--muted);margin:0;font-size:18px;line-height:1.55}.docs-module__jMC11a__heroActions{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 14px;display:flex}.docs-module__jMC11a__primaryButton{background:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:500;transition:background .15s;display:inline-flex;color:#fff!important}.docs-module__jMC11a__primaryButton:hover{background:#33332f}.docs-module__jMC11a__textButton{background:#f0f0ee;border-radius:999px;align-items:center;padding:9px 16px;font-size:15px;font-weight:500;transition:background .15s;display:inline-flex}.docs-module__jMC11a__textButton:hover{background:#e7e7e4}.docs-module__jMC11a__pageActions{flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0 0 36px;display:flex}.docs-module__jMC11a__pageActions>a,.docs-module__jMC11a__pageActions>button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;font-size:13.5px;transition:color .15s;display:inline-flex}.docs-module__jMC11a__pageActions>a:hover,.docs-module__jMC11a__pageActions>button:hover{color:var(--ink)}.docs-module__jMC11a__heroArt{background:var(--tile);border-radius:16px;padding:20px 20px 0;overflow:hidden}.docs-module__jMC11a__portraitGrid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;display:grid}.docs-module__jMC11a__portraitTile{aspect-ratio:.8;border-radius:999px 999px 12px 12px;position:relative;overflow:hidden}.docs-module__jMC11a__portraitTile:nth-child(2n){transform:translateY(8px)}.docs-module__jMC11a__portraitTile svg{width:135%;max-width:none;height:115%;position:absolute;bottom:-2%;left:-17.5%}.docs-module__jMC11a__artCaption{color:var(--muted);justify-content:center;align-items:center;gap:7px;padding:18px 0 14px;font-size:13px;display:flex}.docs-module__jMC11a__statusDot{background:#3fa34d;border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.docs-module__jMC11a__benefits{color:var(--muted);flex-wrap:wrap;gap:6px;padding-top:16px;font-size:13px;display:flex}.docs-module__jMC11a__benefits span{background:var(--tile);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.docs-module__jMC11a__benefits i{background:var(--accent);border-radius:50%;width:4px;height:4px}.docs-module__jMC11a__section{margin-top:72px;scroll-margin-top:92px}.docs-module__jMC11a__section h2{letter-spacing:-.045em;margin:0 0 12px;font-size:30px;line-height:1.2}.docs-module__jMC11a__section h2 a{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.docs-module__jMC11a__marker{background:linear-gradient(135deg, #7c96ff, var(--accent));border-radius:2px;flex:none;width:9px;height:9px;transform:rotate(45deg)}.docs-module__jMC11a__section>p,.docs-module__jMC11a__recipe>p{color:var(--muted);max-width:68ch;margin:0 0 16px;line-height:1.65}.docs-module__jMC11a__section p a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.docs-module__jMC11a__section p a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.docs-module__jMC11a__section p code,.docs-module__jMC11a__section td code,.docs-module__jMC11a__referenceNotes code{font:500 .88em var(--font-mono), ui-monospace, monospace;color:#3a3a37;overflow-wrap:anywhere;background:#f1f1ef;border-radius:5px;padding:1px 5px}.docs-module__jMC11a__subheading{letter-spacing:-.035em;margin:36px 0 10px;font-size:21px}.docs-module__jMC11a__smallText{color:var(--faint)!important;font-size:14px!important}.docs-module__jMC11a__notice{background:#fffaeb;border-radius:10px;align-items:flex-start;gap:10px;margin:16px 0;padding:12px 14px;display:flex;box-shadow:0 0 0 1px #f3e6b8}.docs-module__jMC11a__notice p{color:#6b5d38;margin:0;font-size:14px;line-height:1.6}.docs-module__jMC11a__noticeBadge{color:#5d4d1c;white-space:nowrap;background:#f7e7ad;border-radius:999px;margin-top:1px;padding:2px 8px;font-size:12px;font-weight:500}.docs-module__jMC11a__guideDetails{background:var(--surface);box-shadow:var(--ring);border-radius:10px;margin-top:16px;padding:12px 16px}.docs-module__jMC11a__guideDetails summary{cursor:pointer;font-size:15px;font-weight:500}.docs-module__jMC11a__guideDetails p{color:var(--muted);margin:0;padding-top:10px;font-size:14px}.docs-module__jMC11a__referenceNotes{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.docs-module__jMC11a__referenceNotes>div{background:var(--tile);border-radius:var(--radius);padding:16px 18px}.docs-module__jMC11a__referenceNotes h3{letter-spacing:-.03em;margin:0 0 6px;font-size:17px}.docs-module__jMC11a__referenceNotes p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.docs-module__jMC11a__referenceNotes a{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px}.docs-module__jMC11a__codeBlock{background:var(--surface);box-shadow:var(--ring);border-radius:var(--radius);margin:16px 0;overflow:hidden}.docs-module__jMC11a__codeToolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:12.5px;font-weight:500;display:flex}.docs-module__jMC11a__codeToolbar button{color:var(--muted);background:#f3f3f1;border:0;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:12.5px;transition:background .15s,color .15s;display:flex}.docs-module__jMC11a__codeToolbar button:hover{color:var(--ink);background:#ebebe8}.docs-module__jMC11a__codeBlock pre{tab-size:2;scrollbar-width:thin;background:#fcfcfb;margin:0;padding:16px 18px;overflow-x:auto}.docs-module__jMC11a__codeBlock code{font:450 13.5px/1.75 var(--font-mono), ui-monospace, monospace;color:#2f2f2c;white-space:pre}.docs-module__jMC11a__keyword{color:#a1467e}.docs-module__jMC11a__string{color:#2f7d4f}.docs-module__jMC11a__number{color:#b35f22}.docs-module__jMC11a__comment{color:#8b8b85}.docs-module__jMC11a__tableScroll{background:var(--surface);box-shadow:var(--ring);border-radius:var(--radius);margin:16px 0;overflow-x:auto}.docs-module__jMC11a__apiTable{border-collapse:collapse;text-align:left;width:100%;min-width:540px;font-size:14px;line-height:1.55}.docs-module__jMC11a__apiTable thead th{color:var(--faint);border-bottom:1px solid var(--line);padding:10px 16px;font-size:12.5px;font-weight:500}.docs-module__jMC11a__apiTable th,.docs-module__jMC11a__apiTable td{vertical-align:top;padding:11px 16px}.docs-module__jMC11a__apiTable tbody tr+tr{border-top:1px solid var(--line)}.docs-module__jMC11a__apiTable tbody th{width:26%;font-weight:400}.docs-module__jMC11a__apiTable tbody th code{font:500 13.5px var(--font-mono), ui-monospace, monospace;color:var(--ink);overflow-wrap:anywhere}.docs-module__jMC11a__apiTable tbody th span{font:12px var(--font-mono), ui-monospace, monospace;color:var(--faint);margin-top:3px;display:block}.docs-module__jMC11a__apiTable tbody td{color:var(--muted)}.docs-module__jMC11a__entryPoints{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.docs-module__jMC11a__entryPoints>a{background:var(--tile);border-radius:var(--radius);padding:18px;transition:background .15s}.docs-module__jMC11a__entryPoints>a:hover{background:var(--tile-hover)}.docs-module__jMC11a__entryPoints>a>svg{color:var(--muted);margin-bottom:10px}.docs-module__jMC11a__entryPoints h3{letter-spacing:-.035em;margin:0 0 2px;font-size:20px}.docs-module__jMC11a__entryPoints code{font:12.5px var(--font-mono), ui-monospace, monospace;color:var(--muted);overflow-wrap:anywhere}.docs-module__jMC11a__entryPoints p{color:var(--muted);margin:10px 0 14px;font-size:14px}.docs-module__jMC11a__entryPoints span{align-items:center;gap:6px;font-size:13.5px;font-weight:500;display:flex}.docs-module__jMC11a__seedPreview{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.docs-module__jMC11a__seedPreview>div{background:var(--tile);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:20px 8px 14px;display:flex}.docs-module__jMC11a__seedPreview code{font:12px var(--font-mono), ui-monospace, monospace;color:var(--muted);text-align:center}.docs-module__jMC11a__sizeExamples{background:var(--tile);border-radius:var(--radius);justify-content:center;align-items:flex-end;gap:28px;margin-bottom:16px;padding:24px 16px;display:flex}.docs-module__jMC11a__sizeExamples>div{flex-direction:column;align-items:center;gap:10px;display:flex}.docs-module__jMC11a__sizeExamples code{font:12px var(--font-mono), ui-monospace, monospace;color:var(--faint)}.docs-module__jMC11a__playground{background:var(--surface);box-shadow:var(--ring);border-radius:16px;margin:20px 0 14px;overflow:hidden}.docs-module__jMC11a__playgroundTop{border-bottom:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:12.5px;font-weight:500;display:flex}.docs-module__jMC11a__playgroundTop>span:first-child{color:var(--muted);align-items:center;gap:7px;display:flex}.docs-module__jMC11a__playgroundBody{grid-template-columns:.95fr 1.05fr;display:grid}.docs-module__jMC11a__avatarStage{background:radial-gradient(#dcdcd6 .8px, transparent .8px) 0 0 / 14px 14px, var(--tile);flex-direction:column;justify-content:center;align-items:center;padding:28px 20px;display:flex}.docs-module__jMC11a__bigAvatar{aspect-ratio:1;width:min(220px,100%);margin:4px 0 16px}.docs-module__jMC11a__bigAvatar svg{width:100%;height:100%}.docs-module__jMC11a__previewCaption{font:600 17px var(--font-primary), sans-serif;letter-spacing:-.02em;color:var(--muted);margin-bottom:14px}.docs-module__jMC11a__downloadButton{box-shadow:var(--ring);background:var(--surface);border:0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:flex;font-size:14px!important}.docs-module__jMC11a__downloadButton:hover{background:#f7f7f5}.docs-module__jMC11a__controls{flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.docs-module__jMC11a__field{color:var(--muted);flex-direction:column;gap:6px;min-width:0;font-size:13.5px;font-weight:500;display:flex}.docs-module__jMC11a__field select,.docs-module__jMC11a__field input{font:400 15px var(--font-body), sans-serif;border:1px solid var(--line-strong);width:100%;min-width:0;height:40px;color:var(--ink);background:var(--surface);border-radius:8px;padding:0 10px}.docs-module__jMC11a__field select{appearance:auto;padding-right:4px}.docs-module__jMC11a__seedInput{align-items:center;gap:6px;display:flex}.docs-module__jMC11a__seedInput input{font-family:var(--font-mono), monospace}.docs-module__jMC11a__seedInput button{background:var(--ink);color:#fff;border:0;border-radius:8px;place-items:center;min-width:40px;height:40px;display:grid}.docs-module__jMC11a__seedInput button:hover{background:#33332f}.docs-module__jMC11a__customBackground{align-items:center;gap:8px;display:flex}.docs-module__jMC11a__customBackground input[type=color]{cursor:pointer;flex:0 0 40px;width:40px;padding:3px}.docs-module__jMC11a__customBackground input:not([type=color]){font-family:var(--font-mono), monospace}.docs-module__jMC11a__fieldError{color:#b3261e;font-size:13px;font-weight:400}.docs-module__jMC11a__controlPair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.docs-module__jMC11a__fieldset{border:0;min-width:0;margin:0;padding:0}.docs-module__jMC11a__fieldset legend{color:var(--muted);margin-bottom:6px;font-size:13.5px;font-weight:500}.docs-module__jMC11a__segmented{background:#f0f0ee;border-radius:9px;padding:3px;display:flex}.docs-module__jMC11a__segmented button{text-transform:capitalize;min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex:1;padding:6px 4px;font-size:14px;font-weight:500}.docs-module__jMC11a__segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--ring)}.docs-module__jMC11a__swatches{justify-content:space-between;align-items:center;gap:4px;min-height:40px;display:flex}.docs-module__jMC11a__swatches button{background:var(--swatch);border:1px solid #00000014;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.docs-module__jMC11a__swatches button[aria-pressed=true]{outline:1.5px solid var(--ink);outline-offset:2px}.docs-module__jMC11a__transparentSwatch{background:repeating-conic-gradient(#fff 0% 25%,#ddd 0% 50%) 50%/8px 8px!important}.docs-module__jMC11a__roleColors{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.docs-module__jMC11a__roleColor{background:var(--tile);border-radius:10px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 4px 8px;display:flex}.docs-module__jMC11a__roleColor input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0}.docs-module__jMC11a__roleColor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.docs-module__jMC11a__roleColor input[type=color]::-webkit-color-swatch{border:1px solid #0000001f;border-radius:50%}.docs-module__jMC11a__roleColor input[type=color]::-moz-color-swatch{border:1px solid #0000001f;border-radius:50%}.docs-module__jMC11a__roleColor span{color:var(--ink);font-size:13px;font-weight:500}.docs-module__jMC11a__roleColor small,.docs-module__jMC11a__roleColor button{color:var(--faint);font-size:11.5px}.docs-module__jMC11a__roleColor button{color:var(--accent);background:0 0;border:0;padding:0}.docs-module__jMC11a__presetRow{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.docs-module__jMC11a__presetRow button{box-shadow:var(--ring);background:var(--surface);color:var(--muted);border:0;border-radius:999px;align-items:center;gap:3px;padding:4px 10px 4px 6px;font-size:12.5px;font-weight:500;display:inline-flex}.docs-module__jMC11a__presetRow button:hover{color:var(--ink);background:#f7f7f5}.docs-module__jMC11a__presetRow i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001f}.docs-module__jMC11a__presetRow i+i{margin-left:-5px;margin-right:3px}.docs-module__jMC11a__listPreview{grid-template-columns:repeat(8,minmax(0,1fr))}.docs-module__jMC11a__listPreview>div{padding:14px 4px 10px}.docs-module__jMC11a__paletteList{grid-template-columns:1fr 1fr;gap:6px 16px;margin:16px 0;padding:0;list-style:none;display:grid}.docs-module__jMC11a__paletteList li{color:var(--muted);align-items:center;gap:10px;min-width:0;font-size:14px;display:flex}.docs-module__jMC11a__paletteList i{border-radius:7px;flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #0000001f}.docs-module__jMC11a__paletteList code{font:12.5px var(--font-mono), monospace;color:var(--ink)}.docs-module__jMC11a__artworkColors{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;padding-top:10px;display:grid}.docs-module__jMC11a__artworkColors label{background:var(--tile);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;display:flex}.docs-module__jMC11a__artworkColors input[type=color]{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0}.docs-module__jMC11a__artworkColors input[type=color]::-webkit-color-swatch-wrapper{padding:0}.docs-module__jMC11a__artworkColors input[type=color]::-webkit-color-swatch{border:1px solid #0000001f;border-radius:50%}.docs-module__jMC11a__artworkColors code{font:11px var(--font-mono), monospace;color:var(--muted)}.docs-module__jMC11a__panelHint{color:var(--faint);margin:8px 0 0;font-size:13px}.docs-module__jMC11a__linkButton{color:var(--accent);background:0 0;border:0;padding:8px 0 0;font-size:13px}.docs-module__jMC11a__moreParts{border-top:1px solid var(--line);color:var(--muted);padding-top:12px}.docs-module__jMC11a__moreParts summary{cursor:pointer;font-size:14px;font-weight:500}.docs-module__jMC11a__extraParts{gap:12px;padding-top:12px;display:grid}.docs-module__jMC11a__playground>.docs-module__jMC11a__codeBlock{box-shadow:none;border-top:1px solid var(--line);border-radius:0;margin:0}.docs-module__jMC11a__partsCatalog{margin:20px 0}.docs-module__jMC11a__partsTabs{background:#f0f0ee;border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.docs-module__jMC11a__partsTabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:13.5px;font-weight:500;display:inline-flex}.docs-module__jMC11a__partsTabs button span{font:11.5px var(--font-mono), monospace;color:var(--faint)}.docs-module__jMC11a__partsTabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--ring)}.docs-module__jMC11a__partsHint{color:var(--faint);margin:12px 0 14px;font-size:13.5px}.docs-module__jMC11a__partsHint code{font:12.5px var(--font-mono), monospace;color:#3a3a37;background:#f1f1ef;border-radius:5px;padding:1px 5px}.docs-module__jMC11a__partsGrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 10px;margin:0;padding:0;list-style:none;display:grid}.docs-module__jMC11a__partsGrid button{background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;width:100%;padding:0;display:flex}.docs-module__jMC11a__tile{aspect-ratio:1;background:var(--tile);border-radius:var(--radius);place-items:center;width:100%;transition:background .15s,box-shadow .15s;display:grid}.docs-module__jMC11a__tile svg{width:78%;height:78%}.docs-module__jMC11a__partsGrid button:hover .docs-module__jMC11a__tile{background:var(--tile-hover)}.docs-module__jMC11a__partsGrid button:active .docs-module__jMC11a__tile{box-shadow:inset 0 0 0 1.5px var(--accent)}.docs-module__jMC11a__partsGrid code{font:12px var(--font-mono), ui-monospace, monospace;color:var(--ink);overflow-wrap:anywhere;text-align:center}.docs-module__jMC11a__partsGrid small{color:var(--faint);margin-top:-4px;font-size:11.5px;line-height:1.3}.docs-module__jMC11a__recipes{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.docs-module__jMC11a__recipe{min-width:0;padding-top:20px}.docs-module__jMC11a__recipe h3{letter-spacing:-.035em;margin:0 0 4px;font-size:20px}.docs-module__jMC11a__recipe>p{margin-bottom:0;font-size:15px}.docs-module__jMC11a__recipe>p.docs-module__jMC11a__smallText{margin-top:-4px}.docs-module__jMC11a__closing{background:var(--tile);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:22px;display:flex}.docs-module__jMC11a__closing>span{font:700 22px/1.25 var(--font-primary), sans-serif;letter-spacing:-.04em}.docs-module__jMC11a__closing a{background:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex;color:#fff!important}.docs-module__jMC11a__footer{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;align-items:center;gap:15px;margin-top:72px;padding:22px 0 36px;font-size:13.5px;display:flex}.docs-module__jMC11a__footer>a:first-child{font:700 16px var(--font-primary), sans-serif;color:var(--muted)}.docs-module__jMC11a__footer a:hover{color:var(--ink)}.docs-module__jMC11a__srOnly,.docs-module__jMC11a__skipLink:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.docs-module__jMC11a__skipLink:focus{z-index:100;background:var(--highlight);border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:10px}@media (max-width:768px){.docs-module__jMC11a__brand img{height:24px}}@media (max-width:480px){.docs-module__jMC11a__brand img{height:20px}}@media (max-width:1050px){.docs-module__jMC11a__layout{grid-template-columns:172px minmax(0,1fr);column-gap:36px}.docs-module__jMC11a__playgroundBody{grid-template-columns:.85fr 1.15fr}.docs-module__jMC11a__controls{padding:16px}.docs-module__jMC11a__swatches button{flex-basis:21px;width:21px;height:21px}}@media (max-width:899px){.docs-module__jMC11a__headerInner{grid-template-columns:1fr auto;height:60px;padding:0 16px}.docs-module__jMC11a__topNav{display:none}.docs-module__jMC11a__layout{padding:0 16px;display:block}.docs-module__jMC11a__sidebar{z-index:20;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fdfdfdeb;height:auto;margin:0 -16px;padding:0;display:block;position:sticky;top:60px;overflow:visible}.docs-module__jMC11a__sidebarNote,.docs-module__jMC11a__navLabel,.docs-module__jMC11a__navKey{display:none}.docs-module__jMC11a__sectionNav{scrollbar-width:none;flex-direction:row;gap:2px;padding:8px 12px;overflow-x:auto}.docs-module__jMC11a__navGroup{flex-direction:row;gap:2px}.docs-module__jMC11a__sectionNav a{padding:6px 10px;font-size:14px}.docs-module__jMC11a__sectionNav a[aria-current]{background:#efefec}.docs-module__jMC11a__hero{padding-top:32px;scroll-margin-top:120px}.docs-module__jMC11a__section{margin-top:56px;scroll-margin-top:116px}}@media (max-width:600px){.docs-module__jMC11a__brandSlash{font-size:20px}.docs-module__jMC11a__brand{gap:8px}.docs-module__jMC11a__hero h1{font-size:38px}.docs-module__jMC11a__intro{font-size:17px}.docs-module__jMC11a__heroArt{padding:16px 14px 0}.docs-module__jMC11a__portraitGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.docs-module__jMC11a__portraitTile{aspect-ratio:1}.docs-module__jMC11a__portraitTile:nth-child(2n){transform:none}.docs-module__jMC11a__portraitTile svg{width:135%;height:120%;left:-17.5%}.docs-module__jMC11a__section h2{font-size:26px}.docs-module__jMC11a__notice{flex-direction:column;gap:6px}.docs-module__jMC11a__entryPoints,.docs-module__jMC11a__referenceNotes{grid-template-columns:1fr}.docs-module__jMC11a__codeBlock pre{padding:14px}.docs-module__jMC11a__codeBlock code{font-size:13px}.docs-module__jMC11a__seedPreview{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-module__jMC11a__listPreview{grid-template-columns:repeat(4,minmax(0,1fr))}.docs-module__jMC11a__paletteList,.docs-module__jMC11a__playgroundBody{grid-template-columns:1fr}.docs-module__jMC11a__avatarStage{padding:22px 16px}.docs-module__jMC11a__bigAvatar{width:170px}.docs-module__jMC11a__swatches{justify-content:flex-start;gap:8px}.docs-module__jMC11a__swatches button{flex-basis:24px;width:24px;height:24px}.docs-module__jMC11a__sizeExamples{justify-content:flex-start;gap:20px;overflow-x:auto}.docs-module__jMC11a__sizeExamples>div{flex-shrink:0}.docs-module__jMC11a__partsGrid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.docs-module__jMC11a__footer{flex-wrap:wrap}.docs-module__jMC11a__footer>a:first-child{flex-basis:100%}}@media (max-width:380px){.docs-module__jMC11a__headerButton{padding:6px 10px}.docs-module__jMC11a__headerButton svg{display:none}.docs-module__jMC11a__controlPair{grid-template-columns:1fr}.docs-module__jMC11a__playgroundTop{flex-wrap:wrap}}
.examples-module__XJSVPa__gallery{--ink:#0d0d0d;--muted:#6c6c6c;--faint:#9b9b96;--line:#ececea;--tile:#f5f5f3;--accent:#0040fc;--ring:0 0 0 1px #0d0d0d0f, 0 1px 2px #0d0d0d0a;margin:20px 0 8px;font-size:13px;line-height:1.45}.examples-module__XJSVPa__gallery p{margin:0}.examples-module__XJSVPa__gallery strong{color:var(--ink);font-weight:600}.examples-module__XJSVPa__gallery small{color:var(--faint);font-size:11.5px}.examples-module__XJSVPa__gallery svg{flex:none}.examples-module__XJSVPa__columns{grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-top:12px;display:grid}.examples-module__XJSVPa__columns>div{flex-direction:column;gap:12px;min-width:0;display:flex}.examples-module__XJSVPa__widget{flex-direction:column;gap:8px;margin:0;display:flex}.examples-module__XJSVPa__stage{background:var(--tile);border-radius:16px;place-items:center;padding:18px;display:grid}.examples-module__XJSVPa__wide .examples-module__XJSVPa__stage{padding:20px}.examples-module__XJSVPa__widget figcaption{justify-content:space-between;align-items:baseline;gap:10px;padding:0 4px;font-size:13px;display:flex}.examples-module__XJSVPa__widget figcaption span{color:var(--ink);font-weight:500}.examples-module__XJSVPa__widget figcaption code{font:11.5px var(--font-mono), ui-monospace, monospace;color:var(--faint);text-align:right}.examples-module__XJSVPa__spaced{margin-top:12px}.examples-module__XJSVPa__kits{gap:10px;width:100%;display:grid}.examples-module__XJSVPa__kit{box-shadow:var(--ring);background:#fff;border-radius:14px;padding:12px 14px}.examples-module__XJSVPa__kitHead{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.examples-module__XJSVPa__kitHead strong{font:700 16px var(--font-primary), sans-serif;letter-spacing:-.03em}.examples-module__XJSVPa__kitHead small{font:11.5px var(--font-mono), monospace}.examples-module__XJSVPa__kitRow{justify-content:space-between;gap:6px;display:flex}.examples-module__XJSVPa__kitRow svg{width:100%;max-width:52px;height:auto}.examples-module__XJSVPa__card{width:100%;max-width:330px;box-shadow:var(--ring), 0 8px 24px -12px #0d0d0d1f;background:#fff;border-radius:14px;padding:14px}.examples-module__XJSVPa__cardHead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.examples-module__XJSVPa__cardHead strong{align-items:center;gap:6px;font-size:14px;display:inline-flex}.examples-module__XJSVPa__link{font-weight:500;color:var(--accent)!important}.examples-module__XJSVPa__primary{text-align:center;background:var(--ink);color:#fff;border-radius:999px;margin-top:14px;padding:8px;font-weight:500;display:block}.examples-module__XJSVPa__chat{width:100%;box-shadow:var(--ring), 0 8px 24px -12px #0d0d0d1f;background:#fff;border-radius:14px;grid-template-columns:230px minmax(0,1fr);min-height:330px;display:grid;overflow:hidden}.examples-module__XJSVPa__chatList{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:10px;display:flex}.examples-module__XJSVPa__search{background:var(--tile);color:var(--faint);border-radius:8px;align-items:center;gap:6px;margin-bottom:6px;padding:7px 9px;display:flex}.examples-module__XJSVPa__thread{border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;display:grid}.examples-module__XJSVPa__thread[aria-current]{background:#eef2ff}.examples-module__XJSVPa__thread>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.examples-module__XJSVPa__thread span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.examples-module__XJSVPa__threadMeta{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.examples-module__XJSVPa__threadMeta b{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:10px;display:grid}.examples-module__XJSVPa__chatPane{flex-direction:column;min-width:0;display:flex}.examples-module__XJSVPa__chatPane header{border-bottom:1px solid var(--line);color:var(--faint);align-items:center;gap:9px;padding:10px 14px;display:flex}.examples-module__XJSVPa__chatPane header div{flex-direction:column;flex:1;display:flex}.examples-module__XJSVPa__chatPane header small{align-items:center;gap:5px;display:flex}.examples-module__XJSVPa__chatPane header i{background:#3fa34d;border-radius:50%;width:6px;height:6px}.examples-module__XJSVPa__messages{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;padding:14px;display:flex}.examples-module__XJSVPa__in,.examples-module__XJSVPa__out{align-items:flex-end;gap:7px;max-width:78%;display:flex}.examples-module__XJSVPa__out{align-self:flex-end}.examples-module__XJSVPa__in p,.examples-module__XJSVPa__out p{border-radius:14px;padding:7px 11px}.examples-module__XJSVPa__in p{background:var(--tile);border-bottom-left-radius:4px}.examples-module__XJSVPa__out p{background:var(--accent);color:#fff;border-bottom-right-radius:4px;align-items:center;gap:5px;display:inline-flex}.examples-module__XJSVPa__spacer{flex:0 0 26px;width:26px}.examples-module__XJSVPa__chatPane footer{background:var(--tile);color:var(--faint);border-radius:999px;align-items:center;gap:10px;margin:0 12px 12px;padding:8px 12px;display:flex}.examples-module__XJSVPa__chatPane footer span{flex:1}.examples-module__XJSVPa__chatPane footer svg:last-child{color:var(--accent)}.examples-module__XJSVPa__comment{gap:9px;padding:8px 0;display:flex}.examples-module__XJSVPa__comment>div{flex:1;min-width:0}.examples-module__XJSVPa__comment>div>p:first-child{align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.examples-module__XJSVPa__comment>div>p:nth-child(2){color:#3a3a37}.examples-module__XJSVPa__reply{margin-left:40px;padding-top:2px}.examples-module__XJSVPa__actions{color:var(--faint);gap:12px;margin-top:5px;font-size:12px;display:flex}.examples-module__XJSVPa__actions span{align-items:center;gap:3px;display:inline-flex}.examples-module__XJSVPa__composer{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:8px;margin-top:6px;padding-top:10px;display:flex}.examples-module__XJSVPa__board{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.examples-module__XJSVPa__board li{border-radius:8px;grid-template-columns:16px auto minmax(0,1fr) 54px auto;align-items:center;gap:9px;padding:5px 4px;display:grid}.examples-module__XJSVPa__board li:first-child{background:#eef2ff}.examples-module__XJSVPa__rank{color:var(--faint);font:12px var(--font-mono), monospace;text-align:center}.examples-module__XJSVPa__boardName{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.examples-module__XJSVPa__bar{background:#eceef5;border-radius:3px;height:5px;overflow:hidden}.examples-module__XJSVPa__bar i{background:var(--accent);border-radius:3px;height:100%;display:block}.examples-module__XJSVPa__board b{font:500 12px var(--font-mono), monospace;color:var(--ink);text-align:right;min-width:36px}.examples-module__XJSVPa__notifications{margin:0 -6px;padding:0;list-style:none}.examples-module__XJSVPa__notifications li{border-radius:9px;align-items:flex-start;gap:10px;padding:8px 6px;display:flex;position:relative}.examples-module__XJSVPa__notifications li:hover{background:#fafaf9}.examples-module__XJSVPa__notifications li div{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.examples-module__XJSVPa__notifications p{color:#3a3a37}.examples-module__XJSVPa__unread{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-top:6px}.examples-module__XJSVPa__board2{background:#eeeeeb;border-radius:14px;flex-direction:column;gap:8px;width:100%;max-width:330px;padding:10px;display:flex}.examples-module__XJSVPa__columnHead{justify-content:space-between;align-items:center;padding:2px 4px 4px;font-weight:600;display:flex}.examples-module__XJSVPa__columnHead span{align-items:center;gap:6px;display:inline-flex}.examples-module__XJSVPa__columnHead i{background:#f5a524;border-radius:50%;width:8px;height:8px}.examples-module__XJSVPa__task{box-shadow:var(--ring);background:#fff;border-radius:10px;padding:11px 12px}.examples-module__XJSVPa__tag{color:var(--accent);background:#eef2ff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-block}.examples-module__XJSVPa__task p{color:var(--ink);margin:7px 0 10px;font-weight:500}.examples-module__XJSVPa__taskFoot{justify-content:space-between;align-items:center;display:flex}.examples-module__XJSVPa__taskFoot small{align-items:center;gap:4px;display:inline-flex}.examples-module__XJSVPa__stack{display:flex}.examples-module__XJSVPa__stack svg{border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #e2e2de}.examples-module__XJSVPa__stack svg+svg{margin-left:-7px}.examples-module__XJSVPa__phone{background:#fff;border-radius:34px;width:250px;margin:8px 0;overflow:hidden;box-shadow:0 0 0 7px #1b1b1a,0 0 0 8px #3a3a37,0 18px 40px -16px #00000059}.examples-module__XJSVPa__statusBar{justify-content:space-between;align-items:center;padding:10px 18px 4px;font-size:11px;font-weight:600;display:flex}.examples-module__XJSVPa__statusBar span:last-child{letter-spacing:-1px;font-size:8px}.examples-module__XJSVPa__notch{background:#1b1b1a;border-radius:999px;width:70px;height:20px}.examples-module__XJSVPa__appBar{justify-content:space-between;align-items:center;padding:6px 14px 8px;display:flex}.examples-module__XJSVPa__appBar strong{font:700 19px var(--font-primary), sans-serif;letter-spacing:-.04em}.examples-module__XJSVPa__stories{border-bottom:1px solid var(--line);gap:10px;padding:2px 14px 12px;display:flex;overflow:hidden}.examples-module__XJSVPa__stories>div{flex-direction:column;align-items:center;gap:4px;display:flex}.examples-module__XJSVPa__stories small{color:var(--muted);font-size:10.5px}.examples-module__XJSVPa__storyRing,.examples-module__XJSVPa__storyYou{border-radius:50%;padding:4px;display:grid}.examples-module__XJSVPa__storyRing{background:conic-gradient(from 200deg,#0040fc,#7c96ff,#ffdf72,#f76549,#0040fc)}.examples-module__XJSVPa__storyYou{background:#e2e2de}.examples-module__XJSVPa__storyRing svg,.examples-module__XJSVPa__storyYou svg{border-radius:50%;box-shadow:0 0 0 2px #fff}.examples-module__XJSVPa__post{padding:10px 12px}.examples-module__XJSVPa__postHead{align-items:center;gap:8px;display:flex}.examples-module__XJSVPa__postHead div{flex-direction:column;display:flex}.examples-module__XJSVPa__postImage{background:linear-gradient(160deg,#d4ede2,#dde5ff);border-radius:12px;place-items:end center;height:130px;margin:9px 0 8px;display:grid;overflow:hidden}.examples-module__XJSVPa__postActions{color:var(--ink);align-items:center;gap:9px;display:flex}.examples-module__XJSVPa__postActions span{color:var(--muted);font-size:11px}.examples-module__XJSVPa__tabBar{border-top:1px solid var(--line);color:var(--faint);justify-content:space-around;padding:9px 8px 16px;display:flex}.examples-module__XJSVPa__tabBar svg:first-child{color:var(--ink)}.examples-module__XJSVPa__onboardTop{align-items:center;gap:10px;display:flex}.examples-module__XJSVPa__progress{background:#eeeeeb;border-radius:2px;flex:1;height:4px;overflow:hidden}.examples-module__XJSVPa__progress i{background:var(--accent);border-radius:2px;width:66%;height:100%;display:block}.examples-module__XJSVPa__onboardHero{place-items:center;margin:16px 0 10px;display:grid}.examples-module__XJSVPa__onboardTitle{text-align:center;font:700 20px var(--font-primary), sans-serif;letter-spacing:-.04em;display:block}.examples-module__XJSVPa__onboardText{text-align:center;color:var(--muted);margin-top:2px!important}.examples-module__XJSVPa__looks{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:14px;display:grid}.examples-module__XJSVPa__looks button{background:0 0;border:0;border-radius:50%;place-items:center;padding:2px;transition:box-shadow .15s;display:grid}.examples-module__XJSVPa__looks button svg{width:100%;max-width:48px;height:auto}.examples-module__XJSVPa__looks button:hover{box-shadow:0 0 0 2px #dcdcd8}.examples-module__XJSVPa__looks button[aria-checked=true]{box-shadow:0 0 0 2px var(--accent)}.examples-module__XJSVPa__profile{text-align:center;padding:0 0 14px;overflow:hidden}.examples-module__XJSVPa__cover{background:linear-gradient(120deg,#ffdf72,#ffdaa5 45%,#f8cfe0);height:64px}.examples-module__XJSVPa__profileAvatar{border-radius:50%;margin:-42px auto 8px;display:block;box-shadow:0 0 0 4px #fff}.examples-module__XJSVPa__profile>strong{font:700 20px var(--font-primary), sans-serif;letter-spacing:-.04em;display:block}.examples-module__XJSVPa__profile>p{color:var(--muted)}.examples-module__XJSVPa__stats{justify-content:center;gap:22px;margin:12px 0 0;display:flex}.examples-module__XJSVPa__stats span{color:var(--faint);flex-direction:column;font-size:11.5px;display:flex}.examples-module__XJSVPa__stats b{color:var(--ink);font-size:15px;font-weight:600}.examples-module__XJSVPa__profile .examples-module__XJSVPa__primary{margin:14px 14px 0}.examples-module__XJSVPa__members{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.examples-module__XJSVPa__members li{align-items:center;gap:10px;display:flex}.examples-module__XJSVPa__members li div{flex-direction:column;flex:1;display:flex}.examples-module__XJSVPa__role{color:var(--muted);background:var(--tile);border-radius:999px;padding:2px 8px;font-size:11px}.examples-module__XJSVPa__facepile{border-top:1px solid var(--line);align-items:center;margin-top:12px;padding-top:12px;display:flex}.examples-module__XJSVPa__facepile svg{border-radius:50%;box-shadow:0 0 0 2px #fff}.examples-module__XJSVPa__facepile svg+svg{margin-left:-6px}.examples-module__XJSVPa__facepile span{color:var(--muted);margin-left:8px;font-size:12px}.examples-module__XJSVPa__ring{border-radius:50%}@media (max-width:700px){.examples-module__XJSVPa__columns,.examples-module__XJSVPa__chat{grid-template-columns:1fr}.examples-module__XJSVPa__chatList{display:none}}@media (max-width:600px){.examples-module__XJSVPa__stage{padding:14px}.examples-module__XJSVPa__widget figcaption{flex-direction:column;gap:2px}.examples-module__XJSVPa__widget figcaption code{text-align:left}}