.VisualReviewHeader-module__djwE_a__header{box-sizing:border-box;min-height:6rem;color:var(--text);background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,auto) minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.5rem;display:grid}.VisualReviewHeader-module__djwE_a__identity,.VisualReviewHeader-module__djwE_a__actions,.VisualReviewHeader-module__djwE_a__members{align-items:center;gap:.75rem;min-width:0;display:flex}.VisualReviewHeader-module__djwE_a__header{grid-template-columns:minmax(0,1fr) auto}.VisualReviewHeader-module__djwE_a__subtitle{text-overflow:ellipsis;margin-top:0;margin-bottom:0;font-size:1rem;font-weight:500;overflow:hidden}.VisualReviewHeader-module__djwE_a__actions{justify-content:flex-end}.VisualReviewHeader-module__djwE_a__logo{object-fit:contain;object-position:left center;flex-shrink:0;width:auto;max-width:11.25rem;height:2rem;margin-right:.5rem}.VisualReviewHeader-module__djwE_a__iconCutout{fill:var(--surface)}.VisualReviewHeader-module__djwE_a__brand{font-size:.875rem;font-weight:600;display:block}.VisualReviewHeader-module__djwE_a__subtitle{color:var(--text);white-space:nowrap;margin-right:1rem;font-size:.875rem;display:block}.VisualReviewHeader-module__djwE_a__project{text-align:center;min-width:0}.VisualReviewHeader-module__djwE_a__project h2{overflow-wrap:anywhere;margin:0;font-size:1rem;font-weight:500}.VisualReviewHeader-module__djwE_a__iconButton{min-width:2.5rem;min-height:2.5rem;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:0;font-size:.8125rem;display:inline-flex;position:relative}.VisualReviewHeader-module__djwE_a__iconButton[title]:after{content:attr(title);background:var(--text);color:var(--surface);white-space:nowrap;opacity:0;pointer-events:none;z-index:25;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}.VisualReviewHeader-module__djwE_a__iconButton[title]:hover:after,.VisualReviewHeader-module__djwE_a__iconButton[title]:focus-visible:after{opacity:1}.VisualReviewHeader-module__djwE_a__iconButton:hover{background:color-mix(in srgb, var(--text) 9%, var(--surface))}.VisualReviewHeader-module__djwE_a__iconButton:focus-visible,.VisualReviewHeader-module__djwE_a__menu button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.VisualReviewHeader-module__djwE_a__device{position:relative}.VisualReviewHeader-module__djwE_a__device summary{list-style:none}.VisualReviewHeader-module__djwE_a__device summary::-webkit-details-marker{display:none}.VisualReviewHeader-module__djwE_a__menu{z-index:20;box-sizing:border-box;background:color-mix(in srgb, var(--text) 5%, var(--surface));border:1px solid var(--border);width:min(13rem,100vw - 2rem);box-shadow:0 8px 24px color-mix(in srgb, var(--text) 10%, transparent);border-radius:.75rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)}.VisualReviewHeader-module__djwE_a__menu h3{margin:.25rem .5rem .5rem;font-size:.9375rem;font-weight:500}.VisualReviewHeader-module__djwE_a__menu button{text-align:left;min-height:2.5rem;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:.5rem;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.375rem .5rem;font-size:.8125rem;display:grid}.VisualReviewHeader-module__djwE_a__menu button[aria-pressed=true],.VisualReviewHeader-module__djwE_a__menu button:hover{background:var(--surface)}.VisualReviewHeader-module__djwE_a__deviceIcon{stroke-width:1.5px;justify-self:center;width:1.5rem;height:1.5rem}.VisualReviewHeader-module__djwE_a__deviceRole{justify-content:flex-end;align-items:center;display:flex}.VisualReviewHeader-module__djwE_a__members{color:var(--muted);border:1px solid var(--muted);border-radius:999px;gap:.75rem;min-height:2.75rem;padding:.25rem .5rem;font-size:.75rem}.VisualReviewHeader-module__djwE_a__avatarStack{display:flex}.VisualReviewHeader-module__djwE_a__avatarStack:empty{display:none}.VisualReviewHeader-module__djwE_a__avatar{border:2px solid var(--surface);background:color-mix(in srgb, var(--accent) 15%, var(--surface));width:2.5rem;height:2.5rem;color:var(--text);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.VisualReviewHeader-module__djwE_a__avatar+.VisualReviewHeader-module__djwE_a__avatar{margin-left:-.875rem}.VisualReviewHeader-module__djwE_a__avatar img{object-fit:cover;width:100%;height:100%;position:absolute}.VisualReviewHeader-module__djwE_a__avatar img[hidden]{display:none}.VisualReviewHeader-module__djwE_a__memberCount{white-space:nowrap}.VisualReviewHeader-module__djwE_a__invite{background:var(--muted);width:2rem;height:2rem;color:var(--surface);cursor:pointer;border:0;border-radius:.65rem;place-items:center;display:grid}.VisualReviewHeader-module__djwE_a__invite:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1000px){.VisualReviewHeader-module__djwE_a__header{grid-template-columns:1fr auto;gap:.75rem}.VisualReviewHeader-module__djwE_a__project{grid-area:2/1/auto/-1}.VisualReviewHeader-module__djwE_a__avatarStack,.VisualReviewHeader-module__djwE_a__memberCount{display:none}.VisualReviewHeader-module__djwE_a__members{border:0;padding:0}}@media (max-width:540px){.VisualReviewHeader-module__djwE_a__header{padding:.75rem}.VisualReviewHeader-module__djwE_a__identity{gap:.25rem}.VisualReviewHeader-module__djwE_a__logo,.VisualReviewHeader-module__djwE_a__subtitle{margin-right:.25rem}.VisualReviewHeader-module__djwE_a__actions{gap:.25rem}.VisualReviewHeader-module__djwE_a__logo{max-width:6rem}.VisualReviewHeader-module__djwE_a__identity{flex-wrap:wrap}}
.Primitives-module__MEwMwG__button{min-height:2.5rem;font:inherit;cursor:pointer;background:var(--text,CanvasText);color:var(--surface,Canvas);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;display:inline-flex}.Primitives-module__MEwMwG__button[data-variant=soft]{background:var(--review-surface-muted,ButtonFace);color:var(--text,CanvasText)}.Primitives-module__MEwMwG__button[data-variant=outline]{border-color:var(--border,GrayText);color:var(--text,CanvasText);background:0 0}.Primitives-module__MEwMwG__button[data-variant=ghost]{color:var(--text,CanvasText);background:0 0}.Primitives-module__MEwMwG__button[data-size=sm]{min-height:2rem;padding:.375rem .75rem}.Primitives-module__MEwMwG__button[data-size=lg]{min-height:3rem;padding:.75rem 1.25rem}.Primitives-module__MEwMwG__button:not(:disabled):hover,.Primitives-module__MEwMwG__button[data-preview-state=hover]{filter:brightness(.94)}.Primitives-module__MEwMwG__button:not(:disabled):active,.Primitives-module__MEwMwG__button[data-preview-state=pressed]{filter:brightness(.86);transform:translateY(1px)}.Primitives-module__MEwMwG__button:disabled{opacity:.45;cursor:not-allowed}.Primitives-module__MEwMwG__button:focus-visible,.Primitives-module__MEwMwG__button[data-preview-state=focus],.Primitives-module__MEwMwG__chip button:focus-visible{outline:2px solid var(--accent,Highlight);outline-offset:3px}.Primitives-module__MEwMwG__button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent,Highlight)}.Primitives-module__MEwMwG__group{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.Primitives-module__MEwMwG__card{border-radius:var(--review-radius,1rem);background:var(--surface,Canvas);color:var(--text,CanvasText);border:1px solid #0000;gap:1rem;padding:1.25rem;display:grid}.Primitives-module__MEwMwG__card[data-variant=outline]{border-color:var(--border,GrayText);background:0 0}.Primitives-module__MEwMwG__section{min-width:0}.Primitives-module__MEwMwG__footer{flex-wrap:wrap;gap:.5rem;display:flex}.Primitives-module__MEwMwG__chip{background:var(--review-surface-muted,ButtonFace);width:fit-content;color:var(--text,CanvasText);border:1px solid #0000;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}.Primitives-module__MEwMwG__chip[data-variant=outline]{border-color:var(--border,GrayText);background:0 0}.Primitives-module__MEwMwG__chip button{min-width:1.5rem;min-height:1.5rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}
.ReviewExamples-module__a6HLlq__host{--review-space:1rem;--review-radius:1rem;--review-shadow:0 2px 4px color-mix(in srgb, var(--text) 8%, transparent);min-width:0;color:var(--text);justify-content:center;padding:clamp(1rem,4vw,3rem);display:flex}.ReviewExamples-module__a6HLlq__examples{gap:calc(var(--review-space) * 2);width:100%;min-width:0;display:grid}.ReviewExamples-module__a6HLlq__examples h2{margin:0;font-size:1.75rem}.ReviewExamples-module__a6HLlq__examples p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.6}.ReviewExamples-module__a6HLlq__card{min-width:0}.ReviewExamples-module__a6HLlq__card h3{margin:0 0 var(--review-space);font-size:1.25rem;font-weight:600}.ReviewExamples-module__a6HLlq__panel{min-width:0}.ReviewExamples-module__a6HLlq__preview{box-sizing:border-box;width:100%;max-width:var(--review-device-width,100%);min-height:var(--review-device-height,18rem);padding:var(--review-preview-padding,clamp(1.5rem, 5vw, 4rem));justify-content:center;align-items:center;gap:var(--review-space);border:1px solid var(--border);border-radius:var(--review-radius);background:0 0;flex-direction:column;margin-inline:auto;display:flex}.ReviewExamples-module__a6HLlq__preview>*{width:100%;max-width:var(--review-example-width,22rem)}.ReviewExamples-module__a6HLlq__stack,.ReviewExamples-module__a6HLlq__surface{gap:var(--review-space);width:100%;display:grid}.ReviewExamples-module__a6HLlq__surface{padding:calc(var(--review-space) * 2);border-radius:var(--review-radius);background:var(--surface)}.ReviewExamples-module__a6HLlq__card[aria-label=Full\ width] .ReviewExamples-module__a6HLlq__preview>*{max-width:100%}.ReviewExamples-module__a6HLlq__field{gap:.5rem;min-width:0;display:grid}.ReviewExamples-module__a6HLlq__field label{font-size:.875rem;font-weight:500}.ReviewExamples-module__a6HLlq__input{box-sizing:border-box;border:1px solid var(--border);border-radius:calc(var(--review-radius) * .75);background:var(--surface);width:100%;min-width:0;min-height:2.75rem;color:var(--text);box-shadow:var(--review-shadow);font:inherit;padding:.65rem .875rem}.ReviewExamples-module__a6HLlq__input[data-variant=secondary]{background:var(--review-surface-muted);box-shadow:none}.ReviewExamples-module__a6HLlq__input::placeholder{color:var(--muted);opacity:1}.ReviewExamples-module__a6HLlq__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ReviewExamples-module__a6HLlq__input:disabled{opacity:.5;cursor:not-allowed}.ReviewExamples-module__a6HLlq__code{contain:inline-size;min-width:0;margin-top:calc(var(--review-space) * 1.5);padding:var(--review-space);background:0 0;font-size:.8125rem;position:relative}.ReviewExamples-module__a6HLlq__code pre{box-sizing:border-box;min-width:0;max-width:100%;padding:var(--review-space);background:var(--review-surface-muted);border-radius:calc(var(--review-radius) * .5);line-height:1.7}.ReviewExamples-module__a6HLlq__code button{margin:var(--review-space) .5rem 0 0}.ReviewExamples-module__a6HLlq__codeExcerpt{pointer-events:none;height:8rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 20%,#0000 100%);mask-image:linear-gradient(#000 20%,#0000 100%)}.ReviewExamples-module__a6HLlq__codeExcerpt pre{overflow:hidden}.ReviewExamples-module__a6HLlq__code .ReviewExamples-module__a6HLlq__copyCode{z-index:1;box-shadow:none;background:0 0;border:0;margin:0;padding:.5rem;position:absolute;top:.75rem;right:.75rem}.ReviewExamples-module__a6HLlq__copyStatus{font-size:.75rem;position:absolute;top:1rem;right:3.25rem}.ReviewExamples-module__a6HLlq__expandCodeRow{justify-content:center;display:flex;position:relative}.ReviewExamples-module__a6HLlq__code[data-expanded=false] .ReviewExamples-module__a6HLlq__expandCodeRow{margin-top:-2.5rem}.ReviewExamples-module__a6HLlq__code .ReviewExamples-module__a6HLlq__expandCode{box-shadow:var(--review-shadow);background:var(--surface);border-radius:999px;margin:0;padding:.7rem 1.25rem}.ReviewExamples-module__a6HLlq__code button,.ReviewExamples-module__a6HLlq__related button,.ReviewExamples-module__a6HLlq__related a{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--review-radius) * .5);cursor:pointer;font:inherit;padding:.65rem .875rem}.ReviewExamples-module__a6HLlq__related{gap:var(--review-space);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.ReviewExamples-module__a6HLlq__related a{text-decoration:none}.ReviewExamples-module__a6HLlq__related button,.ReviewExamples-module__a6HLlq__related a{text-align:left;padding:0;overflow:hidden}.ReviewExamples-module__a6HLlq__related small{margin:.5rem var(--review-space) var(--review-space);color:var(--muted);font-size:.75rem;display:block}.ReviewExamples-module__a6HLlq__related strong{margin:var(--review-space);display:block}.ReviewExamples-module__a6HLlq__relatedPreview{min-height:9rem;padding:var(--review-space);background:var(--review-surface-muted);flex-direction:column;justify-content:center;gap:.5rem;font-size:.75rem;display:flex}.ReviewExamples-module__a6HLlq__relatedField{border:1px solid var(--border);background:var(--surface);box-shadow:var(--review-shadow);color:var(--muted);border-radius:.5rem;padding:.65rem;display:block}.ReviewExamples-module__a6HLlq__relatedPreview[data-kind=TextArea] .ReviewExamples-module__a6HLlq__relatedField{min-height:4rem}.ReviewExamples-module__a6HLlq__related :is(button,a):focus-visible,.ReviewExamples-module__a6HLlq__code button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ReviewCode-module__1CYKTW__code{--syntax-keyword:#7040b0;--syntax-string:#08746a;--syntax-component:#225fbd;--syntax-property:#965415;--syntax-number:#ad3d65;--syntax-comment:#64748b;color:var(--text);tab-size:2;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}.ReviewCode-module__1CYKTW__code code{white-space:inherit;overflow-wrap:inherit}[data-theme-mode=dark] .ReviewCode-module__1CYKTW__code{--syntax-keyword:#c4a0ff;--syntax-string:#72dcc5;--syntax-component:#8abbff;--syntax-property:#f0bf79;--syntax-number:#ffa0bf;--syntax-comment:#a0aec0}.ReviewCode-module__1CYKTW__code [data-token=keyword]{color:var(--syntax-keyword)}.ReviewCode-module__1CYKTW__code [data-token=string]{color:var(--syntax-string)}.ReviewCode-module__1CYKTW__code [data-token=component]{color:var(--syntax-component)}.ReviewCode-module__1CYKTW__code [data-token=property]{color:var(--syntax-property)}.ReviewCode-module__1CYKTW__code [data-token=number]{color:var(--syntax-number)}.ReviewCode-module__1CYKTW__code [data-token=comment]{color:var(--syntax-comment);font-style:italic}.ReviewCode-module__1CYKTW__code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ButtonExamples-module__wxDkJa__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;max-width:100%;display:flex}.ButtonExamples-module__wxDkJa__tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.ButtonExamples-module__wxDkJa__tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.5rem 1rem}.ButtonExamples-module__wxDkJa__tabs button[aria-selected=true]{background:var(--surface);color:var(--text);border-color:var(--border)}.ButtonExamples-module__wxDkJa__tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.EditorExampleList-module__6t2VrG__list{--review-space:1rem;--review-radius:1rem;--review-example-width:100%;--review-preview-padding:2rem;width:100%;max-width:64rem;min-width:min(32rem, max(18rem, calc(100cqw - var(--editor-canvas-safe-left,0px) - var(--editor-canvas-safe-right,0px) - 80px)));gap:3rem;display:grid}.EditorExampleList-module__6t2VrG__content{box-sizing:border-box;min-width:0;max-width:100%;padding:1rem;overflow-x:auto}.EditorExampleList-module__6t2VrG__buttons{width:min(64rem, max(18rem, calc(100cqw - var(--editor-canvas-safe-left,0px) - var(--editor-canvas-safe-right,0px) - 80px)));--review-example-width:22rem;flex:none}.EditorExampleList-module__6t2VrG__inputGroup,.EditorExampleList-module__6t2VrG__buttonGroup{width:min(64rem, max(18rem, calc(100cqw - var(--editor-canvas-safe-left,0px) - var(--editor-canvas-safe-right,0px) - 80px)));flex:none}.EditorExampleList-module__6t2VrG__inputGroup .EditorExampleList-module__6t2VrG__content{overflow:visible}:is(.EditorExampleList-module__6t2VrG__inputGroup .canvas-input-group-showcase,.EditorExampleList-module__6t2VrG__inputGroup .canvas-input-group-reference-grid){width:100%;min-width:0;max-width:100%}.EditorExampleList-module__6t2VrG__inputGroup .canvas-input-group-reference-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));justify-items:center;gap:2rem}.EditorExampleList-module__6t2VrG__buttons .canvas-selectable{justify-self:center;width:fit-content;margin-inline:auto}:is(.EditorExampleList-module__6t2VrG__cards .canvas-card-mosaic-top,.EditorExampleList-module__6t2VrG__cards .canvas-card-stack,.EditorExampleList-module__6t2VrG__cards .canvas-card-small-grid,.EditorExampleList-module__6t2VrG__cards .canvas-card-mosaic-bottom,.EditorExampleList-module__6t2VrG__cards .canvas-card-event-stack){display:contents}
.DropdownMenuPreview-module__sNs-Qa__board{flex-direction:column;align-items:center;gap:24px;width:100%;padding:8px 0 24px;display:flex}.DropdownMenuPreview-module__sNs-Qa__showcase{flex-direction:row;align-items:center;gap:16px;width:fit-content;max-width:100%;display:flex;position:relative;overflow:visible}.DropdownMenuPreview-module__sNs-Qa__example{--dropdown-menu-gap:10px;align-items:flex-start;gap:var(--dropdown-menu-gap);flex-direction:column;width:max-content;max-width:100%;display:inline-flex;position:relative}.DropdownMenuPreview-module__sNs-Qa__showcase[data-interactive=true]{padding-bottom:320px}.DropdownMenuPreview-module__sNs-Qa__showcase[data-interactive=false]{align-items:flex-start}.DropdownMenuPreview-module__sNs-Qa__showcase[data-interactive=false] .DropdownMenuPreview-module__sNs-Qa__example{min-width:272px}.DropdownMenuPreview-module__sNs-Qa__showcase[data-interactive=false] .DropdownMenuPreview-module__sNs-Qa__surfaceShell{width:100%;max-width:100%;position:relative;top:auto;left:auto}.DropdownMenuPreview-module__sNs-Qa__showcase[data-interactive=false] .DropdownMenuPreview-module__sNs-Qa__menuSurface{box-sizing:border-box;width:100%}.DropdownMenuPreview-module__sNs-Qa__triggerChip{z-index:3;color:#1f8fff;letter-spacing:0;background:#fff;border:1px solid #edf0f6;border-radius:999px;justify-content:center;align-items:center;min-height:32px;margin:0;padding:0 14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;font-weight:500;line-height:1;display:inline-flex;position:relative;box-shadow:0 1px 1px #0f172a0d,0 6px 14px #0f172a14}.DropdownMenuPreview-module__sNs-Qa__triggerButton{cursor:pointer}.DropdownMenuPreview-module__sNs-Qa__triggerButton:hover{background:#fafcff}.DropdownMenuPreview-module__sNs-Qa__triggerButton:focus-visible{outline-offset:2px;outline:2px solid #1f8fff}.DropdownMenuPreview-module__sNs-Qa__surfaceShell{top:calc(100% + var(--dropdown-menu-gap));z-index:2;width:max-content;max-width:none;margin-top:0;position:absolute;left:0}.DropdownMenuPreview-module__sNs-Qa__menuSurface,.DropdownMenuPreview-module__sNs-Qa__submenuSurface{background:#fff;border-radius:22px;position:relative;box-shadow:0 3px 6px #0f172a0d,0 20px 34px #0f172a2e,0 34px 56px #0f172a24}.DropdownMenuPreview-module__sNs-Qa__menuSurface{width:257px;padding:14px 12px 10px}.DropdownMenuPreview-module__sNs-Qa__menuSurface[data-example=share]{width:257px;padding:8px 8px 10px}.DropdownMenuPreview-module__sNs-Qa__submenuSurface{z-index:2;width:276px;padding:8px 8px 10px;position:absolute;top:88px;left:calc(100% - 10px)}.DropdownMenuPreview-module__sNs-Qa__section{position:relative}.DropdownMenuPreview-module__sNs-Qa__section+.DropdownMenuPreview-module__sNs-Qa__section{border-top:1px solid #e8ebf3;margin-top:10px;padding-top:10px}.DropdownMenuPreview-module__sNs-Qa__selectionDividerTarget{pointer-events:auto;height:10px;position:absolute;top:-5px;left:4px;right:4px}.DropdownMenuPreview-module__sNs-Qa__board [data-canvas-child-selection-id]{cursor:default}.DropdownMenuPreview-module__sNs-Qa__sectionTitle{color:#71717a;margin-bottom:4px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;line-height:1.35}.DropdownMenuPreview-module__sNs-Qa__itemList{flex-direction:column;gap:0;display:flex}.DropdownMenuPreview-module__sNs-Qa__item{color:#18181b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.DropdownMenuPreview-module__sNs-Qa__item[data-static=true]{cursor:default}.DropdownMenuPreview-module__sNs-Qa__item:hover,.DropdownMenuPreview-module__sNs-Qa__item[data-highlighted=true]{background:#eef0f4}.DropdownMenuPreview-module__sNs-Qa__item:focus-visible{outline-offset:2px;outline:2px solid #1f8fff}.DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true]{color:#ff4d4f}.DropdownMenuPreview-module__sNs-Qa__leading{flex:auto;align-items:flex-start;gap:10px;min-width:0;display:flex}.DropdownMenuPreview-module__sNs-Qa__mark,.DropdownMenuPreview-module__sNs-Qa__icon,.DropdownMenuPreview-module__sNs-Qa__spacer{color:#71717a;justify-content:center;align-items:center;width:16px;min-width:16px;height:16px;display:inline-flex}.DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__icon,.DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__mark{color:#ff4d4f}.DropdownMenuPreview-module__sNs-Qa__markDot{background:#71717a;border-radius:999px;width:8px;height:8px}.DropdownMenuPreview-module__sNs-Qa__copy{flex-direction:column;gap:0;min-width:0;display:flex}.DropdownMenuPreview-module__sNs-Qa__title{color:inherit;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;line-height:1.2}.DropdownMenuPreview-module__sNs-Qa__description{color:#71717a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:400;line-height:1.2}.DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__description{color:#8a6468}.DropdownMenuPreview-module__sNs-Qa__trailing{color:#71717a;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.DropdownMenuPreview-module__sNs-Qa__shortcut{color:#71717a;white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500;line-height:1}.DropdownMenuPreview-module__sNs-Qa__submenuItem{padding:9px 12px}.DropdownMenuPreview-module__sNs-Qa__submenuItem .DropdownMenuPreview-module__sNs-Qa__title{font-size:14px;font-weight:400}.DropdownMenuPreview-module__sNs-Qa__submenuPanel{flex-direction:column;gap:0;display:flex}.DropdownMenuPreview-module__sNs-Qa__sharePanel .DropdownMenuPreview-module__sNs-Qa__item{min-height:36px;padding:6px 12px}.DropdownMenuPreview-module__sNs-Qa__sharePanel .DropdownMenuPreview-module__sNs-Qa__title{font-size:14px}.DropdownMenuPreview-module__sNs-Qa__sharePanel .DropdownMenuPreview-module__sNs-Qa__item[data-highlighted=true]{background:#eaebef}.DropdownMenuPreview-module__sNs-Qa__hidden{display:none}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__triggerChip{background:#14161b;border-color:#242832;box-shadow:0 1px 1px #0000002e,0 10px 20px #0000004d}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__example{--dropdown-menu-gap:10px}:is(.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__menuSurface,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__submenuSurface){background:#17191f;box-shadow:0 2px 5px #00000042,0 18px 34px #0000006b,0 32px 56px #0000004d}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__section+.DropdownMenuPreview-module__sNs-Qa__section{border-top-color:#2a2f39}:is(.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__sectionTitle,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__description,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__shortcut,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__trailing,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__icon,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__mark){color:#9b9fb0}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__title{color:#f4f6fb}:is(.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item:hover,.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item[data-highlighted=true]){background:#22262f}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__sharePanel .DropdownMenuPreview-module__sNs-Qa__item[data-highlighted=true]{background:#252a34}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true]{color:#ff6163}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__icon{color:#ff6163}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__mark{color:#ff6163}.canvas-surface[data-theme-mode=dark] .DropdownMenuPreview-module__sNs-Qa__item[data-destructive=true] .DropdownMenuPreview-module__sNs-Qa__description{color:#c4898c}
.InspectorColorPopover-module__kVt6LG__panel{z-index:120;color:#171b1d;font:12px var(--font-interface), sans-serif;background:#f2f2f2;border-radius:6px;max-height:calc(100dvh - 32px);padding-bottom:26px;position:fixed;overflow:hidden auto;box-shadow:0 8px 30px #0002}.InspectorColorPopover-module__kVt6LG__panel,.InspectorColorPopover-module__kVt6LG__panel *{box-sizing:border-box}.InspectorColorPopover-module__kVt6LG__panel button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.InspectorColorPopover-module__kVt6LG__panel button:focus-visible,.InspectorColorPopover-module__kVt6LG__panel input:focus-visible{outline-offset:2px;outline:2px solid #4a7bf6}.InspectorColorPopover-module__kVt6LG__panel button:disabled{cursor:default;opacity:.5}.InspectorColorPopover-module__kVt6LG__grip{z-index:2;cursor:grab;touch-action:none;height:6px;position:absolute;top:0;left:0;right:0}.InspectorColorPopover-module__kVt6LG__picker.react-colorful{width:100%;height:228px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__saturation{border:0;border-radius:0;flex:none;height:162px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__pointer{border-width:2px;width:14px;height:14px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__alpha{border-radius:20px;flex:none;height:30px;margin:30px 10px 0}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue{border-radius:0;width:100%;height:26px;margin-top:40px;position:absolute;top:100%;left:0}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue-pointer{width:2px;height:22px;box-shadow:none;background:#171b1d;border:0;border-radius:0}.InspectorColorPopover-module__kVt6LG__panel[data-disabled=true] .InspectorColorPopover-module__kVt6LG__picker{pointer-events:none;opacity:.5}.InspectorColorPopover-module__kVt6LG__modes{gap:9px;display:flex;position:absolute;top:166px;left:10px}.InspectorColorPopover-module__kVt6LG__footer{justify-content:space-between;align-items:center;gap:10px;height:40px;padding:4px 11px;display:flex}.InspectorColorPopover-module__kVt6LG__footer input{text-align:center;width:76px;min-width:0;color:inherit;font:inherit;background:0 0;border:0;padding:4px 0}.InspectorColorPopover-module__kVt6LG__toggle{grid-template-columns:repeat(2,12px);gap:2px;display:grid}.InspectorColorPopover-module__kVt6LG__toggle span{background:#989898;border-radius:50%;width:12px;height:12px}.InspectorColorPopover-module__kVt6LG__footer .InspectorColorPopover-module__kVt6LG__add{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.InspectorColorPopover-module__kVt6LG__palette{flex-direction:column;height:228px;padding:15px 16px 0;display:flex}.InspectorColorPopover-module__kVt6LG__swatches{flex:1;grid-template-columns:repeat(6,1fr);align-content:start;gap:8px;padding:2px;display:grid;overflow-y:auto}.InspectorColorPopover-module__kVt6LG__swatches button{aspect-ratio:1;border:1px solid #0003;border-radius:50%;width:100%}.InspectorColorPopover-module__kVt6LG__large{grid-column:span 2}.InspectorColorPopover-module__kVt6LG__small{grid-column:span 1}.InspectorColorPopover-module__kVt6LG__swatches button[aria-pressed=true]{outline-offset:1px;outline:2px solid #4a7bf6}.InspectorColorPopover-module__kVt6LG__tabs{flex-shrink:0;justify-content:center;align-items:center;gap:20px;height:34px;display:flex}.InspectorColorPopover-module__kVt6LG__tabs button{color:#888}.InspectorColorPopover-module__kVt6LG__tabs button[aria-pressed=true]{color:#171b1d}.InspectorColorPopover-module__kVt6LG__panel[data-view=libraries] .InspectorColorPopover-module__kVt6LG__picker{pointer-events:none;position:absolute;top:0}:is(.InspectorColorPopover-module__kVt6LG__panel[data-view=libraries] .InspectorColorPopover-module__kVt6LG__picker .react-colorful__saturation,.InspectorColorPopover-module__kVt6LG__panel[data-view=libraries] .InspectorColorPopover-module__kVt6LG__picker .react-colorful__alpha){visibility:hidden}.InspectorColorPopover-module__kVt6LG__panel[data-view=libraries] .InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue{pointer-events:auto}.InspectorColorPopover-module__kVt6LG__panel[data-disabled=true] .InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue{pointer-events:none}.InspectorColorPopover-module__kVt6LG__gradient{max-height:280px;padding:30px 10px 10px;overflow:auto}.InspectorColorPopover-module__kVt6LG__modes[data-gradient=true]{top:10px}.InspectorColorPopover-module__kVt6LG__panel{border-radius:4px;padding-bottom:44px}.InspectorColorPopover-module__kVt6LG__picker.react-colorful{height:280px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__saturation{width:calc(100% - 22px);height:240px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue{transform-origin:0 0;width:240px;height:22px;margin:0;top:0;left:100%;transform:rotate(90deg)}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__hue-pointer{background:0 0;border:2px solid #fff;border-radius:1px;width:9px;height:30px}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__alpha{height:20px;margin:10px 16px 0}.InspectorColorPopover-module__kVt6LG__picker .react-colorful__alpha-pointer{width:20px;height:20px}.InspectorColorPopover-module__kVt6LG__footer{height:50px;padding:6px 18px}.InspectorColorPopover-module__kVt6LG__footer .InspectorColorPopover-module__kVt6LG__add{background:0 0}.InspectorColorPopover-module__kVt6LG__modes,.InspectorColorPopover-module__kVt6LG__modes[data-gradient=true]{gap:12px;top:auto;bottom:12px;left:18px}.InspectorColorPopover-module__kVt6LG__palette{height:280px}.InspectorColorPopover-module__kVt6LG__panel[data-view=libraries] .InspectorColorPopover-module__kVt6LG__picker{display:none}.InspectorColorPopover-module__kVt6LG__gradient{height:330px;max-height:none;padding:14px 10px 0}
.Status-module__rRE1tG__root{width:16rem;max-width:100%;color:var(--text,CanvasText);grid-template-columns:1fr auto;gap:.5rem;font-size:.875rem;display:grid}.Status-module__rRE1tG__bar{border-radius:1rem;grid-column:1/-1;width:100%;height:.5rem;overflow:hidden}.Status-module__rRE1tG__track{fill:var(--border,GrayText)}.Status-module__rRE1tG__fill,.Status-module__rRE1tG__moving{fill:var(--accent,Highlight)}.Status-module__rRE1tG__moving{animation:Status-module__rRE1tG__travel var(--motion-loading,1.4s) ease-in-out infinite alternate}.Status-module__rRE1tG__circleRoot{color:var(--text,CanvasText);justify-items:center;gap:.5rem;font-size:.875rem;display:grid}.Status-module__rRE1tG__circle,.Status-module__rRE1tG__spinning{width:3rem;height:3rem;transform:rotate(-90deg)}.Status-module__rRE1tG__ringTrack,.Status-module__rRE1tG__ringFill{fill:none;stroke-width:3px}.Status-module__rRE1tG__ringTrack{stroke:var(--progress-ring-track,var(--border,GrayText))}.Status-module__rRE1tG__ringFill{stroke:var(--progress-ring-value,var(--accent,Highlight));stroke-linecap:round}.Status-module__rRE1tG__spinning{animation:Status-module__rRE1tG__spin var(--motion-loading,1.4s) linear infinite}.Status-module__rRE1tG__spinner{color:var(--text,CanvasText);align-items:center;gap:.75rem;display:inline-flex}.Status-module__rRE1tG__spinner>[data-spinner-ring]{--spinner-size:1.5rem}@keyframes Status-module__rRE1tG__spin{to{transform:rotate(270deg)}}@keyframes Status-module__rRE1tG__travel{to{transform:translate(70px)}}@media (prefers-reduced-motion:reduce){.Status-module__rRE1tG__spinning,.Status-module__rRE1tG__moving{animation:none}}
.SpinnerRing-module__kfo4ia__ring{width:var(--spinner-size,42px);height:var(--spinner-size,42px);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.SpinnerRing-module__kfo4ia__ring[data-size=sm]{--spinner-size:30px}.SpinnerRing-module__kfo4ia__ring[data-size=md]{--spinner-size:42px}.SpinnerRing-module__kfo4ia__ring[data-size=lg]{--spinner-size:54px}.SpinnerRing-module__kfo4ia__svg{transform-origin:50%;width:100%;height:100%;display:block}.SpinnerRing-module__kfo4ia__ring[data-animated=true] .SpinnerRing-module__kfo4ia__svg:not([data-treatment=base]){animation:SpinnerRing-module__kfo4ia__spin var(--motion-loading,1.35s) linear infinite}.SpinnerRing-module__kfo4ia__track,.SpinnerRing-module__kfo4ia__segment{fill:none;vector-effect:non-scaling-stroke}.SpinnerRing-module__kfo4ia__track{stroke:var(--spinner-track,var(--border,GrayText))}.SpinnerRing-module__kfo4ia__segment{stroke:var(--spinner-segment,var(--accent,Highlight));stroke-linecap:round}@keyframes SpinnerRing-module__kfo4ia__spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.SpinnerRing-module__kfo4ia__ring[data-animated=true] .SpinnerRing-module__kfo4ia__svg:not([data-treatment=base]){animation:none}}
.ProgressPreview-module__kr5wDq__board{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px 36px;width:min(100%,980px);display:grid}.ProgressPreview-module__kr5wDq__cell{min-width:0;display:flex}.ProgressPreview-module__kr5wDq__previewBoard{width:min(100%,500px);display:flex}.ProgressPreview-module__kr5wDq__control.ProgressPreview-module__kr5wDq__control{--progress-control-max-width:460px;--progress-track:#e7ebf0;--progress-fill-start:#2492ff;--progress-fill-end:var(--accent-strong);width:100%;max-width:var(--progress-control-max-width);text-align:left;flex-direction:column;gap:14px;min-width:0;display:flex}.ProgressPreview-module__kr5wDq__header{justify-content:space-between;align-items:center;gap:24px;display:flex}.ProgressPreview-module__kr5wDq__label,.ProgressPreview-module__kr5wDq__value{letter-spacing:-.015em;color:#1f2430;font-size:clamp(15px,1.3vw,16px);line-height:1.15}.ProgressPreview-module__kr5wDq__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.ProgressPreview-module__kr5wDq__value{color:#1f24308a;flex-shrink:0;font-weight:500}.ProgressPreview-module__kr5wDq__track{background:var(--progress-track);border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #94a3b814}.ProgressPreview-module__kr5wDq__fill{border-radius:inherit;background:linear-gradient(90deg, var(--progress-fill-start) 0%, var(--progress-fill-end) 100%);height:100%;display:block;box-shadow:0 3px 10px #2563eb2e}.ProgressPreview-module__kr5wDq__fillDeterminate{transition:width .24s cubic-bezier(.22,1,.36,1)}.ProgressPreview-module__kr5wDq__fillIndeterminate{will-change:transform;width:min(54%,240px);animation:1.45s cubic-bezier(.4,0,.2,1) infinite ProgressPreview-module__kr5wDq__progress-preview-indeterminate;position:absolute;inset:0 auto 0 0}@keyframes ProgressPreview-module__kr5wDq__progress-preview-indeterminate{0%{transform:translate(-72%)}to{transform:translate(196%)}}@media (max-width:760px){.ProgressPreview-module__kr5wDq__board{gap:24px}}@media (prefers-reduced-motion:reduce){.ProgressPreview-module__kr5wDq__fillDeterminate{transition:none}.ProgressPreview-module__kr5wDq__fillIndeterminate{animation:none;transform:translate(28%)}}
.SwitchPreview-module__YRnAha__board{--canvas-switch-size-col:58px;--canvas-switch-divider-col:2px;--canvas-switch-row-label-col:52px;--canvas-switch-cell-col:116px;--canvas-switch-col-gap:22px;--canvas-switch-row-gap:28px;flex-direction:column;gap:34px;width:fit-content;max-width:100%;margin:0 auto;display:flex}.SwitchPreview-module__YRnAha__headerRow{grid-template-columns:calc(var(--canvas-switch-size-col) + var(--canvas-switch-divider-col) + var(--canvas-switch-row-label-col) + (var(--canvas-switch-col-gap) * 2)) auto;align-items:center;display:grid}.SwitchPreview-module__YRnAha__headerLeading{min-height:1px}.SwitchPreview-module__YRnAha__headerCells{grid-template-columns:repeat(5, var(--canvas-switch-cell-col));column-gap:var(--canvas-switch-col-gap);justify-items:center;display:grid}.SwitchPreview-module__YRnAha__stateLabel,.SwitchPreview-module__YRnAha__rowLabel,.SwitchPreview-module__YRnAha__sizeLabel{color:var(--muted);text-transform:lowercase;font-size:14px;font-weight:600;line-height:1.5}.SwitchPreview-module__YRnAha__stateLabel{justify-self:center}.SwitchPreview-module__YRnAha__sizeStack{flex-direction:column;gap:46px;display:flex}.SwitchPreview-module__YRnAha__sizeBlock{grid-template-columns:var(--canvas-switch-size-col) var(--canvas-switch-divider-col) auto;align-items:stretch;column-gap:var(--canvas-switch-col-gap);display:grid}.SwitchPreview-module__YRnAha__sizeLabel{justify-content:center;align-items:center;display:flex}.SwitchPreview-module__YRnAha__sizeDivider{background:color-mix(in srgb, var(--border) 82%, transparent 18%);border-radius:999px;align-self:stretch;width:100%}.SwitchPreview-module__YRnAha__sizeRows{gap:var(--canvas-switch-row-gap);flex-direction:column;display:flex}.SwitchPreview-module__YRnAha__row{grid-template-columns:var(--canvas-switch-row-label-col) auto;align-items:center;column-gap:var(--canvas-switch-col-gap);display:grid}.SwitchPreview-module__YRnAha__rowLabel{justify-self:center}.SwitchPreview-module__YRnAha__rowCells{grid-template-columns:repeat(5, var(--canvas-switch-cell-col));place-items:center;column-gap:var(--canvas-switch-col-gap);display:grid}.SwitchPreview-module__YRnAha__cell{min-width:var(--canvas-switch-cell-col);justify-content:center;align-items:center;display:flex}.SwitchPreview-module__YRnAha__previewBoard{justify-content:center;align-items:center;width:100%;min-height:120px;display:flex}.SwitchPreview-module__YRnAha__button{color:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.SwitchPreview-module__YRnAha__button:focus-visible{outline:none}.SwitchPreview-module__YRnAha__examples{gap:16px;width:760px;max-width:100%;display:grid}.SwitchPreview-module__YRnAha__examplesHeading h3{color:var(--text);margin:0 0 6px;font-size:16px}.SwitchPreview-module__YRnAha__examplesHeading p{color:var(--muted);margin:0;font-size:12px}.SwitchPreview-module__YRnAha__exampleSection{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:20px 24px}.SwitchPreview-module__YRnAha__exampleSection h4{color:var(--muted);margin:0 0 16px;font-size:12px;font-weight:600}.SwitchPreview-module__YRnAha__exampleContent{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.SwitchPreview-module__YRnAha__labeledExample{min-width:0}.SwitchPreview-module__YRnAha__labeledExample[data-label-position=before] .SwitchPreview-module__YRnAha__button{flex-direction:row-reverse}.SwitchPreview-module__YRnAha__thumbIcon{color:var(--accent,#006fee);display:flex}.SwitchPreview-module__YRnAha__thumbIcon svg{stroke-width:2px;width:12px;height:12px}.SwitchPreview-module__YRnAha__controlledStatus{color:var(--muted);margin:8px 0;font-size:12px}.SwitchPreview-module__YRnAha__resetExample{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:12px}.SwitchPreview-module__YRnAha__resetExample:focus-visible{outline:2px solid var(--accent,#006fee);outline-offset:2px}.SwitchPreview-module__YRnAha__labeledExample .SwitchPreview-module__YRnAha__button{text-align:start;justify-content:flex-start;gap:12px;width:100%;min-height:44px}.SwitchPreview-module__YRnAha__labeledExample .SwitchPreview-module__YRnAha__control{flex-shrink:0}.SwitchPreview-module__YRnAha__exampleLabel{color:var(--text);font-size:13px;font-weight:600}.SwitchPreview-module__YRnAha__exampleDescription{color:var(--muted);margin:6px 0 0 52px;font-size:12px;line-height:1.5}.SwitchPreview-module__YRnAha__labeledExample .SwitchPreview-module__YRnAha__button:disabled{cursor:not-allowed}.SwitchPreview-module__YRnAha__labeledExample .SwitchPreview-module__YRnAha__button:disabled .SwitchPreview-module__YRnAha__exampleLabel{color:var(--muted)}@media (max-width:700px){.SwitchPreview-module__YRnAha__exampleSection{padding:16px}}.SwitchPreview-module__YRnAha__control{--switch-track-width:40px;--switch-track-height:24px;--switch-track-padding:2px;--switch-thumb-size:20px;--switch-core-size:8px;--switch-ring-size:4px;--switch-track-bg:var(--switch-track-off);--switch-thumb-bg-color:var(--switch-thumb-bg);--switch-core-color:var(--switch-thumb-core-off);--switch-current-thumb-shadow:var(--switch-thumb-shadow);--switch-control-shadow:none;--switch-thumb-translate:0px;width:var(--switch-track-width);height:var(--switch-track-height);isolation:isolate;filter:var(--switch-control-shadow);display:inline-flex;position:relative}.SwitchPreview-module__YRnAha__control:before{content:"";inset:calc(var(--switch-ring-size) * -1);box-shadow:0 0 0 2px var(--switch-focus-shield-color), 0 0 0 4px var(--switch-focus-ring-color);opacity:0;transition:opacity var(--motion-standard,.2s) var(--motion-ease,ease-out);pointer-events:none;border-radius:999px;position:absolute}.SwitchPreview-module__YRnAha__control[data-size=sm]{--switch-track-width:32px;--switch-track-height:20px;--switch-thumb-size:16px;--switch-core-size:6px;--switch-ring-size:3px}.SwitchPreview-module__YRnAha__control[data-size=md]{--switch-track-width:40px;--switch-track-height:24px;--switch-thumb-size:20px;--switch-core-size:8px}.SwitchPreview-module__YRnAha__control[data-size=lg]{--switch-track-width:48px;--switch-track-height:28px;--switch-thumb-size:24px;--switch-core-size:10px;--switch-ring-size:4px}.SwitchPreview-module__YRnAha__track{width:100%;height:100%;padding:var(--switch-track-padding);box-sizing:border-box;background:var(--switch-track-bg);transition:background-color var(--motion-standard,.2s) var(--motion-ease,ease-out), box-shadow var(--motion-standard,.2s) var(--motion-ease,ease-out), opacity var(--motion-standard,.2s) var(--motion-ease,ease-out);border-radius:999px;align-items:center;display:flex;position:relative}.SwitchPreview-module__YRnAha__thumb{width:var(--switch-thumb-size);height:var(--switch-thumb-size);background:var(--switch-thumb-bg-color);box-shadow:var(--switch-current-thumb-shadow);transform:translateX(var(--switch-thumb-translate));transition:transform var(--motion-standard,.2s) var(--motion-ease,ease-out), background-color var(--motion-standard,.2s) var(--motion-ease,ease-out), box-shadow var(--motion-standard,.2s) var(--motion-ease,ease-out), opacity var(--motion-standard,.2s) var(--motion-ease,ease-out);border-radius:999px;justify-content:center;align-items:center;display:flex;position:relative}.SwitchPreview-module__YRnAha__thumbCore{width:var(--switch-core-size);height:var(--switch-core-size);border:1.5px dotted var(--switch-core-color);box-sizing:border-box;border-radius:999px}.SwitchPreview-module__YRnAha__control[data-checked=on]{--switch-track-bg:var(--switch-track-on);--switch-core-color:var(--switch-thumb-core-on);--switch-thumb-translate:calc(var(--switch-track-width) - var(--switch-thumb-size) - (var(--switch-track-padding) * 2))}.SwitchPreview-module__YRnAha__control[data-state=hover][data-checked=off]{--switch-track-bg:var(--switch-track-off-hover);--switch-control-shadow:var(--switch-hover-shadow)}.SwitchPreview-module__YRnAha__control[data-state=hover][data-checked=on]{--switch-track-bg:var(--switch-track-on-hover);--switch-control-shadow:var(--switch-hover-shadow)}.SwitchPreview-module__YRnAha__control[data-state=pressed][data-checked=off]{--switch-track-bg:var(--switch-track-off-pressed);--switch-current-thumb-shadow:var(--switch-thumb-shadow-pressed)}.SwitchPreview-module__YRnAha__control[data-state=pressed][data-checked=on]{--switch-track-bg:var(--switch-track-on-pressed);--switch-current-thumb-shadow:var(--switch-thumb-shadow-pressed)}.SwitchPreview-module__YRnAha__control[data-state=focus]:before,.SwitchPreview-module__YRnAha__button:focus-visible .SwitchPreview-module__YRnAha__control:before{opacity:1}.SwitchPreview-module__YRnAha__control[data-state=disabled]{opacity:var(--switch-disabled-opacity)}.SwitchPreview-module__YRnAha__control[data-state=disabled] .SwitchPreview-module__YRnAha__thumb{box-shadow:var(--switch-thumb-shadow-disabled)}.SwitchPreview-module__YRnAha__button:hover .SwitchPreview-module__YRnAha__control:not([data-state=disabled])[data-checked=off]{--switch-track-bg:var(--switch-track-off-hover);--switch-control-shadow:var(--switch-hover-shadow)}.SwitchPreview-module__YRnAha__button:hover .SwitchPreview-module__YRnAha__control:not([data-state=disabled])[data-checked=on]{--switch-track-bg:var(--switch-track-on-hover);--switch-control-shadow:var(--switch-hover-shadow)}.SwitchPreview-module__YRnAha__button:active .SwitchPreview-module__YRnAha__control:not([data-state=disabled])[data-checked=off]{--switch-track-bg:var(--switch-track-off-pressed);--switch-current-thumb-shadow:var(--switch-thumb-shadow-pressed)}.SwitchPreview-module__YRnAha__button:active .SwitchPreview-module__YRnAha__control:not([data-state=disabled])[data-checked=on]{--switch-track-bg:var(--switch-track-on-pressed);--switch-current-thumb-shadow:var(--switch-thumb-shadow-pressed)}@media (max-width:900px){.SwitchPreview-module__YRnAha__board{--canvas-switch-size-col:44px;--canvas-switch-row-label-col:42px;--canvas-switch-cell-col:78px;--canvas-switch-col-gap:14px;--canvas-switch-row-gap:22px}.SwitchPreview-module__YRnAha__stateLabel,.SwitchPreview-module__YRnAha__rowLabel,.SwitchPreview-module__YRnAha__sizeLabel{font-size:14px}}@media (prefers-reduced-motion:reduce){.SwitchPreview-module__YRnAha__track,.SwitchPreview-module__YRnAha__thumb{transition:none}}
.InspectorIconPicker-module__wcV2uW__root{width:100%;min-width:0}.InspectorIconPicker-module__wcV2uW__trigger{background:var(--inspector-field-bg,#e8e8e8);width:100%;color:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex}.InspectorIconPicker-module__wcV2uW__trigger span:nth-child(2){text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.InspectorIconPicker-module__wcV2uW__trigger svg{flex-shrink:0}.InspectorIconPicker-module__wcV2uW__trigger:disabled{opacity:.5;cursor:not-allowed}.InspectorIconPicker-module__wcV2uW__picker{border:1px solid #8883;border-radius:10px;margin-top:8px;padding:8px}.InspectorIconPicker-module__wcV2uW__picker input{box-sizing:border-box;width:100%;min-width:0;color:inherit;background:0 0;border:1px solid #8884;border-radius:6px;padding:8px}.InspectorIconPicker-module__wcV2uW__picker small{opacity:.65;margin:8px 0;display:block}.InspectorIconPicker-module__wcV2uW__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:192px;display:grid;overflow-y:auto}.InspectorIconPicker-module__wcV2uW__grid button{min-height:36px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:4px;display:grid}.InspectorIconPicker-module__wcV2uW__grid button:hover{background:#8882}.InspectorIconPicker-module__wcV2uW__grid button[aria-pressed=true]{background:#2684ff20;border-color:#2684ff}.InspectorIconPicker-module__wcV2uW__root button:focus-visible,.InspectorIconPicker-module__wcV2uW__picker input:focus-visible{outline-offset:-2px;outline:2px solid #2684ff}
.animation-module__3WG55a__examples{--motion-fast:.12s;--motion-standard:.2s;--motion-ease:ease-out;--surface:var(--docs-surface);--text:var(--docs-text);--muted:var(--docs-muted);--border:var(--docs-border);--review-surface-muted:var(--docs-bg);--review-space:1rem;--accent:var(--docs-accent);gap:2rem;display:grid}.animation-module__3WG55a__preference{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.animation-module__3WG55a__preference input{appearance:auto;width:1rem;height:1rem;accent-color:var(--docs-accent);flex-shrink:0}.animation-module__3WG55a__stack{justify-items:center;gap:1rem;display:grid}.animation-module__3WG55a__button{border:1px solid var(--docs-border);background:var(--docs-surface);color:var(--docs-text);font:inherit;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);border-radius:.75rem;padding:.75rem 1rem}.animation-module__3WG55a__button:hover{background:color-mix(in srgb, var(--docs-accent) 8%, var(--docs-surface))}.animation-module__3WG55a__button:active{transform:scale(.97)}.animation-module__3WG55a__button:focus-visible,.animation-module__3WG55a__trigger:focus-visible{outline:2px solid var(--docs-accent);outline-offset:3px}.animation-module__3WG55a__disclosure h4{margin:0}.animation-module__3WG55a__trigger{width:100%;color:var(--docs-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.animation-module__3WG55a__trigger svg{width:1.125rem;transition:transform var(--motion-standard) var(--motion-ease);flex-shrink:0}.animation-module__3WG55a__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.animation-module__3WG55a__panel{visibility:hidden;opacity:0;transition:grid-template-rows var(--motion-standard) var(--motion-ease), opacity var(--motion-standard) var(--motion-ease), visibility var(--motion-standard);grid-template-rows:0fr;display:grid}.animation-module__3WG55a__panel[data-expanded=true]{visibility:visible;opacity:1;grid-template-rows:1fr}.animation-module__3WG55a__panel>div{min-height:0;overflow:hidden}.animation-module__3WG55a__panel p{padding-bottom:1rem}.animation-module__3WG55a__popover{border:1px solid var(--docs-border);background:var(--docs-surface);width:min(24rem,100vw - 2rem);color:var(--docs-text);border-radius:1rem;margin:auto;padding:1.5rem}.animation-module__3WG55a__popover:popover-open{animation:animation-module__3WG55a__appear var(--motion-standard) var(--motion-ease)}@keyframes animation-module__3WG55a__appear{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.animation-module__3WG55a__examples[data-reduce-motion=true]{--motion-fast:0s;--motion-standard:0s}.animation-module__3WG55a__examples[data-reduce-motion=true] .animation-module__3WG55a__button:active{transform:none}@media (prefers-reduced-motion:reduce){.animation-module__3WG55a__examples{--motion-fast:0s;--motion-standard:0s}.animation-module__3WG55a__button:active{transform:none}}