.page-module__2v-8da__page{min-height:100dvh;padding-block:var(--space-8) var(--space-22);background:var(--color-white);color:var(--color-black);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-system);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.page-module__2v-8da__wrap{width:min(100% - var(--space-16), 1224px);margin:0 auto}.page-module__2v-8da__chrome{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:42px;border-block-end:1px solid var(--color-gray-200);margin-block-end:var(--space-12);padding-block-end:18px;display:flex}.page-module__2v-8da__brand{color:var(--color-black);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:0;line-height:var(--leading-none);text-decoration:none}.page-module__2v-8da__chromeMeta{align-items:center;gap:var(--space-3);color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:var(--leading-none);display:flex}.page-module__2v-8da__chromeLink{color:inherit;text-decoration:none}.page-module__2v-8da__chromeLink:is(:hover,[aria-current=page]){color:var(--color-black)}.page-module__2v-8da__chromePill{border:1px solid var(--color-gray-200);border-radius:var(--radius-base);background:var(--color-gray-50);min-height:24px;padding-inline:var(--space-2);align-items:center;display:inline-flex}.page-module__2v-8da__header{max-width:1040px;margin-block-end:var(--space-8)}.page-module__2v-8da__eyebrow{color:var(--color-gray-500);font-size:var(--text-md);font-weight:var(--weight-medium);line-height:var(--leading-snug);margin-block-end:var(--space-3);display:block}.page-module__2v-8da__title{color:var(--color-black);font-size:var(--text-5xl);font-weight:var(--weight-medium);letter-spacing:0;text-wrap:balance;margin:0;line-height:1.1}.page-module__2v-8da__tagExplorer{padding-block:var(--space-4) 18px;border-block:1px solid;border-top-color:var(--color-gray-200);border-bottom-color:var(--color-gray-100);margin-block-end:var(--space-10)}.page-module__2v-8da__tagExplorerHeader{align-items:baseline;gap:var(--space-2) var(--space-4);grid-template-columns:max-content minmax(0,1fr) max-content;margin-block-end:14px;display:grid}.page-module__2v-8da__tagExplorerLabel{color:var(--color-gray-400);font-size:var(--text-xs);font-weight:var(--weight-heavy);line-height:var(--leading-tight);text-transform:uppercase}.page-module__2v-8da__tagExplorerStatus{min-width:0;color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.25}.page-module__2v-8da__tagExplorerClear,.page-module__2v-8da__tagExplorerCount{color:var(--color-gray-500);font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-self:end;line-height:1.25}.page-module__2v-8da__tagExplorerClear{text-decoration:none}.page-module__2v-8da__tagExplorerClear:hover{color:var(--color-black)}.page-module__2v-8da__tagFilters{gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.page-module__2v-8da__tagFilter{border-radius:var(--radius-sm);max-width:100%;min-height:20px;color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere;outline-offset:var(--space-1);align-items:baseline;gap:2px;text-decoration:none;display:inline-flex}.page-module__2v-8da__tagFilter span{color:var(--color-gray-400);font-weight:var(--weight-heavy)}.page-module__2v-8da__tagFilterName{color:inherit}.page-module__2v-8da__tagFilterCount{color:var(--color-gray-400);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:var(--leading-none);align-self:flex-start;margin-inline-start:2px;transform:translateY(-1px)}.page-module__2v-8da__tagOverflow{margin-block-start:var(--space-3)}.page-module__2v-8da__tagOverflowSummary{align-items:center;gap:var(--space-2);cursor:pointer;width:max-content;color:var(--color-gray-500);font-size:var(--text-sm);font-weight:var(--weight-semibold);outline-offset:var(--space-1);line-height:1.25;list-style:none;display:inline-flex}.page-module__2v-8da__tagOverflowSummary::-webkit-details-marker{display:none}.page-module__2v-8da__tagOverflowText{color:inherit}.page-module__2v-8da__tagOverflowCount{border:1px solid var(--color-gray-200);border-radius:var(--radius-pill);background:var(--color-gray-50);min-width:18px;min-height:18px;color:var(--color-gray-400);font-size:var(--text-2xs);font-weight:var(--weight-bold);line-height:var(--leading-none);justify-content:center;align-items:center;padding-inline:5px;display:inline-flex}.page-module__2v-8da__tagOverflowSummary:hover{color:var(--color-black)}.page-module__2v-8da__tagFiltersSecondary{border-block-start:1px solid var(--color-gray-100);margin-block-start:var(--space-3);padding-block-start:var(--space-3)}.page-module__2v-8da__tagFilter:is(:hover,[data-active=true]){color:var(--color-black)}.page-module__2v-8da__tagFilter:is(:hover,[data-active=true]) span:not(.page-module__2v-8da__tagFilterName){color:var(--color-gray-500)}.page-module__2v-8da__tagFilter[data-active=true]{text-decoration:none}.page-module__2v-8da__tagFilter[data-active=true] .page-module__2v-8da__tagFilterName{text-underline-offset:var(--space-1);text-decoration-line:underline;text-decoration-thickness:1px}.page-module__2v-8da__tagFilter:focus-visible,.page-module__2v-8da__tagOverflowSummary:focus-visible,.page-module__2v-8da__tagExplorerHeader a:focus-visible,.page-module__2v-8da__emptyState a:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.page-module__2v-8da__stack{gap:var(--space-16);display:grid}.page-module__2v-8da__emptyState{align-content:center;justify-items:start;gap:var(--space-3);border-block-start:1px solid var(--color-gray-200);min-height:280px;color:var(--color-gray-500);display:grid}.page-module__2v-8da__emptyState p{font-size:var(--text-lg);text-wrap:pretty;margin:0;line-height:1.45}.page-module__2v-8da__emptyState strong{color:var(--color-black);font-weight:var(--weight-bold)}.page-module__2v-8da__emptyState a{color:var(--color-black);font-size:var(--text-base);font-weight:var(--weight-bold);text-underline-offset:var(--space-1);text-decoration-thickness:1px}@media (max-width:1100px){.page-module__2v-8da__page{padding-block-start:var(--space-6)}.page-module__2v-8da__wrap{width:min(100% - var(--space-10), 1224px)}}@media (max-width:760px){.page-module__2v-8da__chrome{margin-block-end:var(--space-10)}.page-module__2v-8da__header{margin-block-end:var(--space-8)}.page-module__2v-8da__title{font-size:var(--text-4xl)}.page-module__2v-8da__tagExplorer{margin-block-end:var(--space-8)}}@media (max-width:560px){.page-module__2v-8da__chrome{flex-direction:column;align-items:flex-start}.page-module__2v-8da__tagExplorerHeader{gap:var(--space-2) 0;grid-template-columns:minmax(0,1fr)}.page-module__2v-8da__tagExplorerClear,.page-module__2v-8da__tagExplorerCount{justify-self:start}.page-module__2v-8da__title{font-size:var(--text-3xl);line-height:1.15}}
.component-showcase-module__x2TpuG__showcase{--viewer-height:var(--initial-height);--surface:var(--color-white);--surface-soft:var(--color-gray-50);--border:var(--color-gray-200);--muted:var(--color-gray-500);--foreground:var(--color-black);flex-direction:column;gap:10px;min-width:0;scroll-margin-block-start:88px;display:flex;overflow:hidden}.component-showcase-module__x2TpuG__showcase *,.component-showcase-module__x2TpuG__showcase :before,.component-showcase-module__x2TpuG__showcase :after{box-sizing:border-box}.component-showcase-module__x2TpuG__showcase button,.component-showcase-module__x2TpuG__showcase a{font:inherit}.component-showcase-module__x2TpuG__showcase button{color:inherit}.component-showcase-module__x2TpuG__showcase a{color:inherit;text-decoration:none}.component-showcase-module__x2TpuG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.component-showcase-module__x2TpuG__toolbar{flex-direction:column;gap:9px;min-width:0;display:flex}.component-showcase-module__x2TpuG__showcaseIdentity{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px 18px;min-width:0;display:grid}.component-showcase-module__x2TpuG__showcaseControlRow{border-block-start:1px solid var(--color-gray-100);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;min-width:0;margin-block-start:2px;padding-block-start:9px;display:grid}.component-showcase-module__x2TpuG__segmentedControl{background:var(--color-gray-100);border-radius:9px;grid-template-columns:1fr 1fr;justify-self:start;align-items:center;width:max-content;height:34px;padding:4px;display:grid}.component-showcase-module__x2TpuG__segmentedControl button{min-width:74px;height:26px;color:var(--color-gray-500);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);background:0 0;border:0;border-radius:6px;line-height:1}.component-showcase-module__x2TpuG__segmentedControl button[data-active=true]{background:var(--color-white);color:var(--color-black);box-shadow:0 1px 2px #0000001f}.component-showcase-module__x2TpuG__controlDivider{background:var(--color-gray-200);width:1px}.component-showcase-module__x2TpuG__showcaseHeading{min-width:0}.component-showcase-module__x2TpuG__showcaseTitle{min-width:0;max-width:100%;color:var(--color-black);font-size:var(--text-2xl);font-weight:var(--weight-semibold);text-wrap:balance;overflow-wrap:anywhere;justify-self:start;margin:0;line-height:1.15}.component-showcase-module__x2TpuG__showcaseTitle a{color:inherit}.component-showcase-module__x2TpuG__showcaseDescription{max-width:680px;margin:var(--space-1) 0 0;color:var(--color-gray-500);font-size:var(--text-md);font-weight:var(--weight-medium);text-wrap:pretty;line-height:1.35}.component-showcase-module__x2TpuG__toolbarActions{justify-self:end;align-items:center;gap:12px;min-width:0;display:flex}.component-showcase-module__x2TpuG__metaRow{color:var(--color-gray-500);flex-wrap:wrap;align-items:flex-start;gap:6px 12px;padding:0;display:flex}.component-showcase-module__x2TpuG__metaLabel{color:var(--color-gray-400);font-size:var(--text-2xs);font-weight:var(--weight-heavy);letter-spacing:.04em;text-transform:uppercase;flex:none;padding-block-start:2px;line-height:1.2}.component-showcase-module__x2TpuG__hashtagList{flex-wrap:wrap;flex:auto;gap:6px 12px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.component-showcase-module__x2TpuG__hashtagItem{min-width:0;display:inline-flex}.component-showcase-module__x2TpuG__hashtag{max-width:100%;min-height:18px;color:var(--color-gray-500);font-size:var(--text-base);font-weight:var(--weight-semibold);overflow-wrap:anywhere;outline-offset:4px;border-radius:4px;align-items:baseline;gap:1px;line-height:1.2;text-decoration:none;display:inline-flex}.component-showcase-module__x2TpuG__hashtag:is(:hover,[data-active=true]){color:var(--color-black)}.component-showcase-module__x2TpuG__hashtag[data-active=true]{text-decoration:none}.component-showcase-module__x2TpuG__hashtag[data-active=true] .component-showcase-module__x2TpuG__hashtagText{text-underline-offset:4px;text-decoration-line:underline;text-decoration-thickness:1px}.component-showcase-module__x2TpuG__hashtag:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.component-showcase-module__x2TpuG__hashMark{color:var(--color-gray-400);font-weight:var(--weight-heavy)}.component-showcase-module__x2TpuG__hashtag:is(:hover,[data-active=true]) .component-showcase-module__x2TpuG__hashMark{color:var(--color-gray-500)}.component-showcase-module__x2TpuG__triggerBar{flex-wrap:wrap;gap:8px 10px;padding:0 8px 2px;display:flex}.component-showcase-module__x2TpuG__triggerGroup{align-items:center;gap:8px;min-width:0;display:flex}.component-showcase-module__x2TpuG__triggerGroupLabel{color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.01em}.component-showcase-module__x2TpuG__triggerButtons{flex-wrap:wrap;gap:6px;display:flex}.component-showcase-module__x2TpuG__triggerButton{border:1px solid var(--color-gray-200);background:var(--color-white);min-height:28px;color:var(--color-gray-800);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:7px;padding:0 9px;transition:background-color .15s,border-color .15s,color .15s}.component-showcase-module__x2TpuG__triggerButton:is(:hover,[data-active=true]){border-color:var(--color-gray-400);background:var(--color-gray-100);color:var(--color-black)}.component-showcase-module__x2TpuG__viewportControls{border:1px solid var(--border);background:var(--color-white);border-radius:8px;align-items:center;gap:4px;height:36px;padding:3px;display:flex}.component-showcase-module__x2TpuG__viewportControls button,.component-showcase-module__x2TpuG__viewportControls a,.component-showcase-module__x2TpuG__copyCodeButton{width:28px;height:28px;color:var(--color-black);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}:is(.component-showcase-module__x2TpuG__viewportControls button,.component-showcase-module__x2TpuG__viewportControls a,.component-showcase-module__x2TpuG__copyCodeButton):hover{background:var(--color-gray-100)}.component-showcase-module__x2TpuG__viewportControls button[data-active=true]{background:var(--color-gray-100);box-shadow:inset 0 0 0 1px var(--color-gray-200)}.component-showcase-module__x2TpuG__viewportControls svg,.component-showcase-module__x2TpuG__copyCodeButton svg{width:16px;height:16px}.component-showcase-module__x2TpuG__viewportControls .component-showcase-module__x2TpuG__htmlCopyButton{width:auto;min-width:46px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;padding:0 8px}.component-showcase-module__x2TpuG__presetButton,.component-showcase-module__x2TpuG__presetDivider{flex:none}.component-showcase-module__x2TpuG__controlDivider{height:18px;margin:0 3px}.component-showcase-module__x2TpuG__showcase .component-showcase-module__x2TpuG__openButton{border:1px solid var(--color-gray-200);background:var(--color-white);height:30px;color:var(--color-black);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;border-radius:8px;justify-content:center;justify-self:end;align-items:center;padding:0 14px;display:inline-flex}.component-showcase-module__x2TpuG__showcase .component-showcase-module__x2TpuG__openButton:hover{border-color:var(--color-gray-300);background:var(--color-gray-100)}.component-showcase-module__x2TpuG__showcase[data-surface=detail] .component-showcase-module__x2TpuG__openButton{background:var(--color-black);color:var(--color-white);border-color:#0000}.component-showcase-module__x2TpuG__showcase[data-surface=detail] .component-showcase-module__x2TpuG__openButton:hover{background:var(--color-gray-850);border-color:#0000}.component-showcase-module__x2TpuG__previewViewport{height:var(--viewer-height);isolation:isolate;contain:layout paint;min-height:360px;position:relative}.component-showcase-module__x2TpuG__dotGrid{z-index:0;background-image:radial-gradient(var(--color-gray-200) 1px, transparent 1px);background-size:20px 20px;border-radius:14px;position:absolute;inset:0 12px 0 0}.component-showcase-module__x2TpuG__viewportTrack{--viewer-width:100%;--handle-width:12px;z-index:1;align-items:stretch;height:100%;display:flex;position:relative;overflow:hidden}.component-showcase-module__x2TpuG__viewportPanel{z-index:2;flex:0 0 clamp(var(--viewer-min-width,300px), var(--viewer-width), calc(100% - var(--handle-width)));border:1px solid var(--border);background:var(--color-white);contain:layout paint;border-radius:14px;min-width:0;height:100%;position:relative;overflow:hidden}.component-showcase-module__x2TpuG__previewFrame{z-index:2;background:var(--color-white);border:0;width:100%;height:100%;display:block;position:relative}.component-showcase-module__x2TpuG__previewViewport[data-dragging=true] .component-showcase-module__x2TpuG__previewFrame{pointer-events:none}.component-showcase-module__x2TpuG__previewViewport[data-dragging=true]{cursor:col-resize}.component-showcase-module__x2TpuG__previewSkeleton{background:linear-gradient(90deg, transparent, #00000008, transparent), var(--color-white);width:100%;height:100%}.component-showcase-module__x2TpuG__previewState{align-content:center;gap:var(--space-3);width:100%;height:100%;padding:var(--space-7);background:var(--color-white);color:var(--color-gray-500);font-size:var(--text-base);line-height:var(--leading-relaxed);text-wrap:pretty;display:grid}.component-showcase-module__x2TpuG__previewState p{margin:0}.component-showcase-module__x2TpuG__previewState button{border:1px solid var(--color-gray-300);background:var(--color-white);width:fit-content;min-height:30px;color:var(--color-black);cursor:pointer;border-radius:6px;padding:0 10px}.component-showcase-module__x2TpuG__previewState button:hover{background:var(--color-gray-100)}.component-showcase-module__x2TpuG__resizeHandle{z-index:3;flex:0 0 var(--handle-width);width:var(--handle-width);cursor:col-resize;touch-action:none;background:0 0;border:0;height:100%;padding:0;position:relative}.component-showcase-module__x2TpuG__resizeHandle:after{content:"";background:var(--color-gray-300);border-radius:999px;width:6px;height:34px;transition:height .16s,background-color .16s;position:absolute;top:50%;right:0;transform:translate(-1px,-50%)}.component-showcase-module__x2TpuG__resizeHandle:is(:hover,:focus-visible):after{background:var(--color-gray-400);height:44px}.component-showcase-module__x2TpuG__resizeHandle:focus-visible,.component-showcase-module__x2TpuG__viewportControls button:focus-visible,.component-showcase-module__x2TpuG__viewportControls a:focus-visible,.component-showcase-module__x2TpuG__segmentedControl button:focus-visible,.component-showcase-module__x2TpuG__triggerButton:focus-visible,.component-showcase-module__x2TpuG__openButton:focus-visible,.component-showcase-module__x2TpuG__htmlCopyButton:focus-visible,.component-showcase-module__x2TpuG__artifactInfoHeader a:focus-visible,.component-showcase-module__x2TpuG__mobileArtifactInfo a:focus-visible,.component-showcase-module__x2TpuG__copyAllButton:focus-visible,.component-showcase-module__x2TpuG__copyCodeButton:focus-visible,.component-showcase-module__x2TpuG__fileRow:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.component-showcase-module__x2TpuG__viewportRemainder{background:#fafafa6b;border-radius:14px;flex:auto;min-width:0;position:relative}.component-showcase-module__x2TpuG__codeArea{height:var(--viewer-height);border:1px solid var(--color-gray-800);background:var(--color-black);color:var(--color-gray-50);border-radius:14px;display:none;overflow:hidden}.component-showcase-module__x2TpuG__showcase[data-view=code] .component-showcase-module__x2TpuG__previewViewport{display:none}.component-showcase-module__x2TpuG__showcase[data-view=code] .component-showcase-module__x2TpuG__codeArea{display:flex}.component-showcase-module__x2TpuG__fileTree{border-inline-end:1px solid var(--color-gray-800);background:var(--color-black);flex:0 0 320px;width:320px}.component-showcase-module__x2TpuG__fileTreeTitle{border-block-end:1px solid var(--color-gray-800);height:48px;color:var(--color-gray-50);font-size:var(--text-md);font-weight:var(--weight-medium);align-items:center;padding:0 16px;display:flex}.component-showcase-module__x2TpuG__fileTreeGroup{padding:10px 0}.component-showcase-module__x2TpuG__artifactInfo{border:1px solid var(--color-gray-800);background:#ffffff08;border-radius:8px;margin:6px 12px 14px;padding:12px}.component-showcase-module__x2TpuG__artifactInfoHeader{color:var(--color-gray-50);font-size:var(--text-sm);font-weight:var(--weight-bold);justify-content:space-between;align-items:center;gap:10px;line-height:1.2;display:flex}.component-showcase-module__x2TpuG__artifactInfoHeader a{border:1px solid var(--color-gray-700);min-height:24px;color:var(--color-gray-300);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:6px;align-items:center;padding:0 7px;display:inline-flex}.component-showcase-module__x2TpuG__artifactInfoLinks{align-items:center;gap:6px;display:inline-flex}.component-showcase-module__x2TpuG__artifactInfoHeader a:hover{background:var(--color-on-dark-hover);color:var(--color-white)}.component-showcase-module__x2TpuG__artifactInfoList{gap:7px;margin:12px 0 0;display:grid}.component-showcase-module__x2TpuG__artifactInfoList div{gap:2px;min-width:0;display:grid}.component-showcase-module__x2TpuG__artifactInfoList dt{color:var(--color-gray-500);font-size:var(--text-2xs);font-weight:var(--weight-heavy);letter-spacing:.04em;text-transform:uppercase;line-height:1}.component-showcase-module__x2TpuG__artifactInfoList dd{min-width:0;color:var(--color-gray-300);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;line-height:1.35}.component-showcase-module__x2TpuG__artifactInfoNote{margin:var(--space-3) 0 0;color:var(--color-gray-400);font-size:var(--text-sm);text-wrap:pretty;line-height:1.45}.component-showcase-module__x2TpuG__mobileArtifactInfo{display:none}.component-showcase-module__x2TpuG__fileRow{width:100%;min-height:32px;color:var(--color-gray-300);cursor:pointer;font-size:var(--text-base);text-align:left;word-break:break-word;background:0 0;border:0;align-items:center;padding:7px 16px;line-height:1.3;display:flex}.component-showcase-module__x2TpuG__fileRow:is(:hover,[data-active=true]){background:var(--color-on-dark-hover);color:var(--color-white)}.component-showcase-module__x2TpuG__codePanel{flex-direction:column;flex:auto;min-width:0;margin:0;display:flex}.component-showcase-module__x2TpuG__codeCaption{border-block-end:1px solid var(--color-gray-800);height:48px;color:var(--color-gray-50);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-base);flex:none;align-items:center;gap:12px;padding:0 16px;display:flex}.component-showcase-module__x2TpuG__codeFileName{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-showcase-module__x2TpuG__languageBadge{border:1px solid var(--color-gray-700);height:22px;color:var(--color-gray-400);font-size:var(--text-xs);border-radius:6px;flex:none;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.component-showcase-module__x2TpuG__copyActions{flex:none;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.component-showcase-module__x2TpuG__copyAllButton{height:28px;color:var(--color-gray-50);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.component-showcase-module__x2TpuG__copyCodeButton{color:var(--color-gray-50)}:is(.component-showcase-module__x2TpuG__copyAllButton,.component-showcase-module__x2TpuG__copyCodeButton):hover{background:var(--color-on-dark-hover)}.component-showcase-module__x2TpuG__copyAllButton svg{width:14px;height:14px}:is(.component-showcase-module__x2TpuG__copyAllButton,.component-showcase-module__x2TpuG__copyCodeButton):disabled{cursor:default;opacity:.45}:is(.component-showcase-module__x2TpuG__copyAllButton,.component-showcase-module__x2TpuG__copyCodeButton):disabled:hover{background:0 0}.component-showcase-module__x2TpuG__codeState{align-content:center;gap:var(--space-3);min-height:0;padding:var(--space-7);color:var(--color-gray-400);font-size:var(--text-base);line-height:var(--leading-relaxed);text-wrap:pretty;flex:auto;display:grid}.component-showcase-module__x2TpuG__codeState p{margin:0}.component-showcase-module__x2TpuG__codeState button{border:1px solid var(--color-gray-700);width:fit-content;min-height:30px;color:var(--color-gray-50);cursor:pointer;background:0 0;border-radius:6px;padding:0 10px}.component-showcase-module__x2TpuG__codeState button:hover{background:var(--color-on-dark-hover)}.component-showcase-module__x2TpuG__codeScroller{background:var(--color-black);scrollbar-color:var(--color-gray-700) transparent;scrollbar-width:thin;flex:auto;width:0;min-width:100%;max-width:100%;min-height:0;margin:0;overflow:auto}.component-showcase-module__x2TpuG__codeScroller::-webkit-scrollbar{width:8px;height:8px}.component-showcase-module__x2TpuG__codeScroller::-webkit-scrollbar-thumb{background:var(--color-gray-700);border-radius:999px}.component-showcase-module__x2TpuG__codeBlock{width:max-content;min-width:100%;color:var(--color-gray-200);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-base);tab-size:2;white-space:pre;padding:18px 0 28px;line-height:1.65;display:grid}.component-showcase-module__x2TpuG__codeLine{grid-template-columns:var(--code-line-number-width,3ch) minmax(0, 1fr);gap:14px;min-width:0;padding:0 20px 0 14px;display:grid}.component-showcase-module__x2TpuG__codeLineHighlighted{background:#ffffff12}.component-showcase-module__x2TpuG__lineNumber{color:var(--color-gray-500);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none}.component-showcase-module__x2TpuG__lineCode{min-width:0}.component-showcase-module__x2TpuG__token{color:var(--code-token-dark,var(--color-gray-200))}@media (max-width:1100px){.component-showcase-module__x2TpuG__toolbarActions{align-self:center}.component-showcase-module__x2TpuG__showcaseTitle{width:100%}}@media (max-width:760px){.component-showcase-module__x2TpuG__previewViewport,.component-showcase-module__x2TpuG__codeArea{height:var(--viewer-height-mobile,var(--viewer-height))}.component-showcase-module__x2TpuG__viewportRemainder,.component-showcase-module__x2TpuG__resizeHandle,.component-showcase-module__x2TpuG__viewportControls .component-showcase-module__x2TpuG__presetButton,.component-showcase-module__x2TpuG__viewportControls .component-showcase-module__x2TpuG__presetDivider{display:none}.component-showcase-module__x2TpuG__viewportPanel{flex-basis:100%}.component-showcase-module__x2TpuG__fileTree{border-inline-end:0;border-block-end:1px solid var(--color-gray-800);flex:none;width:auto}.component-showcase-module__x2TpuG__fileTreeTitle,.component-showcase-module__x2TpuG__artifactInfo{display:none}.component-showcase-module__x2TpuG__fileTreeGroup{scrollbar-width:thin;gap:6px;padding:8px;display:flex;overflow-x:auto}.component-showcase-module__x2TpuG__mobileArtifactInfo{min-height:34px;color:var(--color-gray-400);font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:8px;padding:0 10px 8px;line-height:1;display:flex}.component-showcase-module__x2TpuG__mobileArtifactInfo span{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.component-showcase-module__x2TpuG__mobileArtifactInfo a{border:1px solid var(--color-gray-700);min-height:24px;color:var(--color-gray-300);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:6px;flex:none;align-items:center;padding:0 7px;display:inline-flex}.component-showcase-module__x2TpuG__mobileArtifactInfo a:hover{background:var(--color-on-dark-hover);color:var(--color-white)}.component-showcase-module__x2TpuG__fileRow{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:none;width:auto;max-width:240px;min-height:30px;padding:0 10px;overflow:hidden}.component-showcase-module__x2TpuG__codeArea{flex-direction:column}.component-showcase-module__x2TpuG__codeCaption{height:44px;padding:0 10px}.component-showcase-module__x2TpuG__copyAllButton span{display:none}}@media (max-width:560px){.component-showcase-module__x2TpuG__showcaseIdentity,.component-showcase-module__x2TpuG__showcaseControlRow{grid-template-columns:minmax(0,1fr)}.component-showcase-module__x2TpuG__showcase .component-showcase-module__x2TpuG__openButton{justify-self:start}.component-showcase-module__x2TpuG__toolbarActions{justify-self:start;width:100%;padding-block-end:2px;overflow-x:auto}.component-showcase-module__x2TpuG__triggerGroup{flex-direction:column;align-items:flex-start;width:100%}.component-showcase-module__x2TpuG__metaRow{gap:6px 10px}.component-showcase-module__x2TpuG__metaLabel{width:100%;padding-block-start:0}.component-showcase-module__x2TpuG__hashtagList{gap:6px 11px}}