[{"data":1,"prerenderedAt":7913},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Ftheming":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":72},{"en":684,"id":9},{"id":685,"title":71,"aside":686,"body":687,"collapse":10,"description":7909,"editLink":686,"extension":6356,"icon":9,"issueLink":686,"meta":7910,"navBadges":9,"navigation":10,"order":35,"path":72,"prevNext":686,"seo":7911,"stem":73,"toc":686,"__hash__":7912},"docs\u002Foverview\u002Ftheming.md",true,{"type":688,"value":689,"toc":7875},"minimark",[690,694,702,705,750,760,765,770,773,776,882,889,893,896,933,936,943,1056,1063,1161,1172,1176,1179,1216,1219,1231,1238,1279,1282,1291,1295,1298,1337,1340,1343,1347,1350,1353,1895,1898,1901,1905,1908,1916,1922,2046,2052,2081,2084,2154,2158,2161,2164,2212,2215,2218,5517,5523,5533,5537,5540,5543,5614,5617,5620,5666,5672,5676,5679,5690,5981,5988,5992,5995,6023,6026,6056,6059,6065,6082,6085,6088,6092,6095,6123,6126,6129,6319,6322,6347,6357,6361,6364,6369,6373,6376,6385,6403,6406,6644,6647,6689,6692,6719,6722,6726,6729,6922,6928,6931,6959,6962,7007,7012,7019,7024,7027,7101,7112,7118,7121,7124,7173,7177,7180,7186,7237,7243,7254,7257,7263,7311,7317,7323,7330,7411,7415,7423,7476,7479,7589,7592,7595,7599,7605,7608,7612,7676,7683,7687,7690,7693,7747,7750,7754,7760,7763,7770,7774,7777,7809,7818,7822,7828,7834,7838,7841,7844,7871],[691,692,693],"p",{},"Selaras uses CSS custom properties for design values. Start with CSS.",[691,695,696,697,701],{},"Use Nuxt configuration only when Selaras must know a new color role at build\ntime, such as ",[698,699,700],"code",{},"tertiary",". Use TypeScript helpers only when they make a task\neasier.",[691,703,704],{},"The normal setup is:",[706,707,712],"pre",{"className":708,"code":709,"language":710,"meta":711,"style":711},"language-css shiki shiki-themes github-light github-dark","@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\";\n@import \"#selaras\u002Ftailwind.css\";\n","css","",[698,713,714,730,740],{"__ignoreMap":711},[715,716,718,722,726],"span",{"class":717,"line":8},"line",[715,719,721],{"class":720},"szBVR","@import",[715,723,725],{"class":724},"sZZnC"," \"tailwindcss\"",[715,727,729],{"class":728},"sVt8B",";\n",[715,731,733,735,738],{"class":717,"line":732},2,[715,734,721],{"class":720},[715,736,737],{"class":724}," \"@sewadah\u002Fselaras\"",[715,739,729],{"class":728},[715,741,743,745,748],{"class":717,"line":742},3,[715,744,721],{"class":720},[715,746,747],{"class":724}," \"#selaras\u002Ftailwind.css\"",[715,749,729],{"class":728},[691,751,752,755,756,759],{},[698,753,754],{},"@sewadah\u002Fselaras"," supplies the default Selaras colors and structural styles.\n",[698,757,758],{},"#selaras\u002Ftailwind.css"," connects Selaras to the Tailwind build of your Nuxt\napplication. It does not define your color theme.",[761,762,764],"h2",{"id":763},"design-tokens","Design tokens",[766,767,769],"h3",{"id":768},"start-with-css","Start with CSS",[691,771,772],{},"For most theme changes, edit CSS only.",[691,774,775],{},"Selaras has public input variables. The main groups are:",[777,778,779,791],"table",{},[780,781,782],"thead",{},[783,784,785,788],"tr",{},[786,787,216],"th",{},[786,789,790],{},"Purpose",[792,793,794,805,815,825,842,852,862,872],"tbody",{},[783,795,796,802],{},[797,798,799],"td",{},[698,800,801],{},"--selaras-surface-*",[797,803,804],{},"Page and surface colors",[783,806,807,812],{},[797,808,809],{},[698,810,811],{},"--selaras-text-*",[797,813,814],{},"General text colors",[783,816,817,822],{},[797,818,819],{},[698,820,821],{},"--selaras-border-*",[797,823,824],{},"General border colors",[783,826,827,832],{},[797,828,829],{},[698,830,831],{},"--selaras-color-\u003Crole>-\u003Cleaf>",[797,833,834,835,838,839],{},"Component color roles, such as ",[698,836,837],{},"primary"," or ",[698,840,841],{},"warning",[783,843,844,849],{},[797,845,846],{},[698,847,848],{},"--selaras-radius-*",[797,850,851],{},"Corner radius",[783,853,854,859],{},[797,855,856],{},[698,857,858],{},"--selaras-shadow-*",[797,860,861],{},"Shadow values",[783,863,864,869],{},[797,865,866],{},[698,867,868],{},"--selaras-z-*",[797,870,871],{},"Overlay stacking",[783,873,874,879],{},[797,875,876],{},[698,877,878],{},"--selaras-scrim",[797,880,881],{},"Overlay backdrop",[691,883,884,885,888],{},"Selaras also has ",[698,886,887],{},"--selaras-resolved-*"," variables. These are effective read\nvalues. Do not use them as theme inputs.",[766,890,892],{"id":891},"small-css-changes","Small CSS changes",[691,894,895],{},"You can change one value:",[706,897,899],{"className":708,"code":898,"language":710,"meta":711,"style":711},":root {\n  --selaras-radius-base: 0.375rem;\n}\n",[698,900,901,910,928],{"__ignoreMap":711},[715,902,903,907],{"class":717,"line":8},[715,904,906],{"class":905},"sScJk",":root",[715,908,909],{"class":728}," {\n",[715,911,912,916,919,923,926],{"class":717,"line":732},[715,913,915],{"class":914},"s4XuR","  --selaras-radius-base",[715,917,918],{"class":728},": ",[715,920,922],{"class":921},"sj4cs","0.375",[715,924,925],{"class":720},"rem",[715,927,729],{"class":728},[715,929,930],{"class":717,"line":742},[715,931,932],{"class":728},"}\n",[691,934,935],{},"Or you can change general surfaces and text:",[691,937,938,939,942],{},"The light canvas is white by default. A card-heavy dashboard can use a subtle\ncanvas such as ",[698,940,941],{},"#f9f9f9"," while keeping its component surfaces white:",[706,944,946],{"className":708,"code":945,"language":710,"meta":711,"style":711},":root {\n  --selaras-surface-canvas: #f9f9f9;\n  --selaras-surface-default: #ffffff;\n  --selaras-surface-elevated: #fafafa;\n\n  --selaras-text-default: #18181b;\n  --selaras-text-muted: #71717a;\n\n  --selaras-border-default: #e4e4e7;\n  --selaras-border-hover: #d4d4d8;\n}\n",[698,947,948,954,965,977,990,996,1009,1022,1027,1040,1052],{"__ignoreMap":711},[715,949,950,952],{"class":717,"line":8},[715,951,906],{"class":905},[715,953,909],{"class":728},[715,955,956,959,961,963],{"class":717,"line":732},[715,957,958],{"class":914},"  --selaras-surface-canvas",[715,960,918],{"class":728},[715,962,941],{"class":921},[715,964,729],{"class":728},[715,966,967,970,972,975],{"class":717,"line":742},[715,968,969],{"class":914},"  --selaras-surface-default",[715,971,918],{"class":728},[715,973,974],{"class":921},"#ffffff",[715,976,729],{"class":728},[715,978,980,983,985,988],{"class":717,"line":979},4,[715,981,982],{"class":914},"  --selaras-surface-elevated",[715,984,918],{"class":728},[715,986,987],{"class":921},"#fafafa",[715,989,729],{"class":728},[715,991,993],{"class":717,"line":992},5,[715,994,995],{"emptyLinePlaceholder":686},"\n",[715,997,999,1002,1004,1007],{"class":717,"line":998},6,[715,1000,1001],{"class":914},"  --selaras-text-default",[715,1003,918],{"class":728},[715,1005,1006],{"class":921},"#18181b",[715,1008,729],{"class":728},[715,1010,1012,1015,1017,1020],{"class":717,"line":1011},7,[715,1013,1014],{"class":914},"  --selaras-text-muted",[715,1016,918],{"class":728},[715,1018,1019],{"class":921},"#71717a",[715,1021,729],{"class":728},[715,1023,1025],{"class":717,"line":1024},8,[715,1026,995],{"emptyLinePlaceholder":686},[715,1028,1030,1033,1035,1038],{"class":717,"line":1029},9,[715,1031,1032],{"class":914},"  --selaras-border-default",[715,1034,918],{"class":728},[715,1036,1037],{"class":921},"#e4e4e7",[715,1039,729],{"class":728},[715,1041,1042,1045,1047,1050],{"class":717,"line":13},[715,1043,1044],{"class":914},"  --selaras-border-hover",[715,1046,918],{"class":728},[715,1048,1049],{"class":921},"#d4d4d8",[715,1051,729],{"class":728},[715,1053,1054],{"class":717,"line":151},[715,1055,932],{"class":728},[691,1057,1058,1059,1062],{},"For dark mode, override the same inputs under ",[698,1060,1061],{},":root.dark",":",[706,1064,1066],{"className":708,"code":1065,"language":710,"meta":711,"style":711},":root.dark {\n  --selaras-surface-canvas: #0c0c0d;\n  --selaras-surface-default: #09090b;\n  --selaras-surface-elevated: #18181b;\n\n  --selaras-text-default: #fafafa;\n  --selaras-text-muted: #a1a1aa;\n\n  --selaras-border-default: #27272a;\n  --selaras-border-hover: #3f3f46;\n}\n",[698,1067,1068,1074,1085,1096,1106,1110,1120,1131,1135,1146,1157],{"__ignoreMap":711},[715,1069,1070,1072],{"class":717,"line":8},[715,1071,1061],{"class":905},[715,1073,909],{"class":728},[715,1075,1076,1078,1080,1083],{"class":717,"line":732},[715,1077,958],{"class":914},[715,1079,918],{"class":728},[715,1081,1082],{"class":921},"#0c0c0d",[715,1084,729],{"class":728},[715,1086,1087,1089,1091,1094],{"class":717,"line":742},[715,1088,969],{"class":914},[715,1090,918],{"class":728},[715,1092,1093],{"class":921},"#09090b",[715,1095,729],{"class":728},[715,1097,1098,1100,1102,1104],{"class":717,"line":979},[715,1099,982],{"class":914},[715,1101,918],{"class":728},[715,1103,1006],{"class":921},[715,1105,729],{"class":728},[715,1107,1108],{"class":717,"line":992},[715,1109,995],{"emptyLinePlaceholder":686},[715,1111,1112,1114,1116,1118],{"class":717,"line":998},[715,1113,1001],{"class":914},[715,1115,918],{"class":728},[715,1117,987],{"class":921},[715,1119,729],{"class":728},[715,1121,1122,1124,1126,1129],{"class":717,"line":1011},[715,1123,1014],{"class":914},[715,1125,918],{"class":728},[715,1127,1128],{"class":921},"#a1a1aa",[715,1130,729],{"class":728},[715,1132,1133],{"class":717,"line":1024},[715,1134,995],{"emptyLinePlaceholder":686},[715,1136,1137,1139,1141,1144],{"class":717,"line":1029},[715,1138,1032],{"class":914},[715,1140,918],{"class":728},[715,1142,1143],{"class":921},"#27272a",[715,1145,729],{"class":728},[715,1147,1148,1150,1152,1155],{"class":717,"line":13},[715,1149,1044],{"class":914},[715,1151,918],{"class":728},[715,1153,1154],{"class":921},"#3f3f46",[715,1156,729],{"class":728},[715,1158,1159],{"class":717,"line":151},[715,1160,932],{"class":728},[691,1162,1163,1164,1167,1168,1171],{},"Selaras follows the ",[698,1165,1166],{},".dark"," class on ",[698,1169,1170],{},"\u003Chtml>"," for the document theme.",[766,1173,1175],{"id":1174},"built-in-component-color-roles","Built-in component color roles",[691,1177,1178],{},"Selaras supplies these roles:",[1180,1181,1182,1187,1192,1197,1202,1206,1211],"ul",{},[1183,1184,1185],"li",{},[698,1186,837],{},[1183,1188,1189],{},[698,1190,1191],{},"secondary",[1183,1193,1194],{},[698,1195,1196],{},"success",[1183,1198,1199],{},[698,1200,1201],{},"info",[1183,1203,1204],{},[698,1205,841],{},[1183,1207,1208],{},[698,1209,1210],{},"danger",[1183,1212,1213],{},[698,1214,1215],{},"neutral",[691,1217,1218],{},"The default theme maps these roles to foundation palettes:",[777,1220,1221],{},[780,1222,1223],{},[783,1224,1225,1228],{},[786,1226,1227],{},"Role",[786,1229,1230],{},"Default foundation",[691,1232,1233,1234,1237],{},"This guide has moved to ",[1235,1236,71],"a",{"href":76},". Existing examples and anchors remain available below.",[691,1239,1240,1241,1243,1244,1247,1248,1243,1250,1247,1253,1243,1255,1247,1258,1243,1260,1247,1263,1243,1265,1247,1268,1243,1270,1247,1273,1243,1275,1278],{},"|\n| ",[698,1242,837],{}," | ",[698,1245,1246],{},"indigo"," |\n| ",[698,1249,1191],{},[698,1251,1252],{},"plum",[698,1254,1196],{},[698,1256,1257],{},"green",[698,1259,1201],{},[698,1261,1262],{},"blue",[698,1264,841],{},[698,1266,1267],{},"yellow",[698,1269,1210],{},[698,1271,1272],{},"red",[698,1274,1215],{},[698,1276,1277],{},"gray"," |",[691,1280,1281],{},"The role name is the meaning. The foundation name is the hue family.",[691,1283,1284,1285,1287,1288,1290],{},"For example, the default ",[698,1286,841],{}," recipe reads the Selaras yellow palette.\nThe default ",[698,1289,1210],{}," recipe reads the Selaras red palette.",[766,1292,1294],{"id":1293},"change-one-exact-role-value","Change one exact role value",[691,1296,1297],{},"You can override a public role input directly:",[706,1299,1301],{"className":708,"code":1300,"language":710,"meta":711,"style":711},":root {\n  --selaras-color-warning-fill: #ffff00;\n  --selaras-color-warning-on-fill: #000000;\n}\n",[698,1302,1303,1309,1321,1333],{"__ignoreMap":711},[715,1304,1305,1307],{"class":717,"line":8},[715,1306,906],{"class":905},[715,1308,909],{"class":728},[715,1310,1311,1314,1316,1319],{"class":717,"line":732},[715,1312,1313],{"class":914},"  --selaras-color-warning-fill",[715,1315,918],{"class":728},[715,1317,1318],{"class":921},"#ffff00",[715,1320,729],{"class":728},[715,1322,1323,1326,1328,1331],{"class":717,"line":742},[715,1324,1325],{"class":914},"  --selaras-color-warning-on-fill",[715,1327,918],{"class":728},[715,1329,1330],{"class":921},"#000000",[715,1332,729],{"class":728},[715,1334,1335],{"class":717,"line":979},[715,1336,932],{"class":728},[691,1338,1339],{},"Selaras uses the exact CSS value that you provide. It does not change it.",[691,1341,1342],{},"This example changes only two leaves. The other warning leaves still use their\ndefault values. If you want one consistent custom warning theme, define the\ncomplete recipe.",[766,1344,1346],{"id":1345},"build-one-role-from-one-css-color","Build one role from one CSS color",[691,1348,1349],{},"You do not need a TypeScript helper when you want to start from one CSS color.",[691,1351,1352],{},"You can keep the base color exact and derive the other values with CSS:",[706,1354,1356],{"className":708,"code":1355,"language":710,"meta":711,"style":711},":root {\n  --brand: #fd5e53;\n\n  --selaras-color-primary-fill:\n    var(--brand);\n\n  --selaras-color-primary-fill-hover:\n    color-mix(in oklch, var(--brand), black 8%);\n\n  --selaras-color-primary-fill-pressed:\n    color-mix(in oklch, var(--brand), black 15%);\n\n  --selaras-color-primary-on-fill:\n    white;\n\n  --selaras-color-primary-indicator:\n    color-mix(in oklch, var(--brand), black 18%);\n\n  --selaras-color-primary-subtle:\n    color-mix(in oklch, var(--brand) 12%, transparent);\n\n  --selaras-color-primary-subtle-hover:\n    color-mix(in oklch, var(--brand) 18%, transparent);\n\n  --selaras-color-primary-subtle-pressed:\n    color-mix(in oklch, var(--brand) 24%, transparent);\n\n  --selaras-color-primary-on-subtle:\n    color-mix(in oklch, var(--brand), black 35%);\n\n  --selaras-color-primary-text:\n    color-mix(in oklch, var(--brand), black 20%);\n\n  --selaras-color-primary-text-hover:\n    color-mix(in oklch, var(--brand), black 28%);\n\n  --selaras-color-primary-text-pressed:\n    color-mix(in oklch, var(--brand), black 35%);\n\n  --selaras-color-primary-border:\n    var(--brand);\n\n  --selaras-color-primary-focus:\n    var(--brand);\n}\n",[698,1357,1358,1364,1376,1380,1388,1402,1406,1413,1450,1454,1461,1490,1494,1502,1510,1514,1522,1552,1557,1565,1598,1602,1609,1640,1644,1651,1682,1686,1693,1722,1726,1733,1763,1768,1776,1805,1810,1818,1847,1851,1858,1868,1873,1881,1891],{"__ignoreMap":711},[715,1359,1360,1362],{"class":717,"line":8},[715,1361,906],{"class":905},[715,1363,909],{"class":728},[715,1365,1366,1369,1371,1374],{"class":717,"line":732},[715,1367,1368],{"class":914},"  --brand",[715,1370,918],{"class":728},[715,1372,1373],{"class":921},"#fd5e53",[715,1375,729],{"class":728},[715,1377,1378],{"class":717,"line":742},[715,1379,995],{"emptyLinePlaceholder":686},[715,1381,1382,1385],{"class":717,"line":979},[715,1383,1384],{"class":914},"  --selaras-color-primary-fill",[715,1386,1387],{"class":728},":\n",[715,1389,1390,1393,1396,1399],{"class":717,"line":992},[715,1391,1392],{"class":921},"    var",[715,1394,1395],{"class":728},"(",[715,1397,1398],{"class":914},"--brand",[715,1400,1401],{"class":728},");\n",[715,1403,1404],{"class":717,"line":998},[715,1405,995],{"emptyLinePlaceholder":686},[715,1407,1408,1411],{"class":717,"line":1011},[715,1409,1410],{"class":914},"  --selaras-color-primary-fill-hover",[715,1412,1387],{"class":728},[715,1414,1415,1418,1420,1423,1426,1429,1432,1434,1436,1439,1442,1445,1448],{"class":717,"line":1024},[715,1416,1417],{"class":921},"    color-mix",[715,1419,1395],{"class":728},[715,1421,1422],{"class":914},"in",[715,1424,1425],{"class":914}," oklch",[715,1427,1428],{"class":728},", ",[715,1430,1431],{"class":921},"var",[715,1433,1395],{"class":728},[715,1435,1398],{"class":914},[715,1437,1438],{"class":728},"), ",[715,1440,1441],{"class":921},"black",[715,1443,1444],{"class":921}," 8",[715,1446,1447],{"class":720},"%",[715,1449,1401],{"class":728},[715,1451,1452],{"class":717,"line":1029},[715,1453,995],{"emptyLinePlaceholder":686},[715,1455,1456,1459],{"class":717,"line":13},[715,1457,1458],{"class":914},"  --selaras-color-primary-fill-pressed",[715,1460,1387],{"class":728},[715,1462,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481,1483,1486,1488],{"class":717,"line":151},[715,1464,1417],{"class":921},[715,1466,1395],{"class":728},[715,1468,1422],{"class":914},[715,1470,1425],{"class":914},[715,1472,1428],{"class":728},[715,1474,1431],{"class":921},[715,1476,1395],{"class":728},[715,1478,1398],{"class":914},[715,1480,1438],{"class":728},[715,1482,1441],{"class":921},[715,1484,1485],{"class":921}," 15",[715,1487,1447],{"class":720},[715,1489,1401],{"class":728},[715,1491,1492],{"class":717,"line":170},[715,1493,995],{"emptyLinePlaceholder":686},[715,1495,1497,1500],{"class":717,"line":1496},13,[715,1498,1499],{"class":914},"  --selaras-color-primary-on-fill",[715,1501,1387],{"class":728},[715,1503,1505,1508],{"class":717,"line":1504},14,[715,1506,1507],{"class":921},"    white",[715,1509,729],{"class":728},[715,1511,1512],{"class":717,"line":648},[715,1513,995],{"emptyLinePlaceholder":686},[715,1515,1517,1520],{"class":717,"line":1516},16,[715,1518,1519],{"class":914},"  --selaras-color-primary-indicator",[715,1521,1387],{"class":728},[715,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1548,1550],{"class":717,"line":1524},17,[715,1526,1417],{"class":921},[715,1528,1395],{"class":728},[715,1530,1422],{"class":914},[715,1532,1425],{"class":914},[715,1534,1428],{"class":728},[715,1536,1431],{"class":921},[715,1538,1395],{"class":728},[715,1540,1398],{"class":914},[715,1542,1438],{"class":728},[715,1544,1441],{"class":921},[715,1546,1547],{"class":921}," 18",[715,1549,1447],{"class":720},[715,1551,1401],{"class":728},[715,1553,1555],{"class":717,"line":1554},18,[715,1556,995],{"emptyLinePlaceholder":686},[715,1558,1560,1563],{"class":717,"line":1559},19,[715,1561,1562],{"class":914},"  --selaras-color-primary-subtle",[715,1564,1387],{"class":728},[715,1566,1567,1569,1571,1573,1575,1577,1579,1581,1583,1586,1589,1591,1593,1596],{"class":717,"line":30},[715,1568,1417],{"class":921},[715,1570,1395],{"class":728},[715,1572,1422],{"class":914},[715,1574,1425],{"class":914},[715,1576,1428],{"class":728},[715,1578,1431],{"class":921},[715,1580,1395],{"class":728},[715,1582,1398],{"class":914},[715,1584,1585],{"class":728},") ",[715,1587,1588],{"class":921},"12",[715,1590,1447],{"class":720},[715,1592,1428],{"class":728},[715,1594,1595],{"class":921},"transparent",[715,1597,1401],{"class":728},[715,1599,1600],{"class":717,"line":247},[715,1601,995],{"emptyLinePlaceholder":686},[715,1603,1604,1607],{"class":717,"line":257},[715,1605,1606],{"class":914},"  --selaras-color-primary-subtle-hover",[715,1608,1387],{"class":728},[715,1610,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1632,1634,1636,1638],{"class":717,"line":272},[715,1612,1417],{"class":921},[715,1614,1395],{"class":728},[715,1616,1422],{"class":914},[715,1618,1425],{"class":914},[715,1620,1428],{"class":728},[715,1622,1431],{"class":921},[715,1624,1395],{"class":728},[715,1626,1398],{"class":914},[715,1628,1585],{"class":728},[715,1630,1631],{"class":921},"18",[715,1633,1447],{"class":720},[715,1635,1428],{"class":728},[715,1637,1595],{"class":921},[715,1639,1401],{"class":728},[715,1641,1642],{"class":717,"line":287},[715,1643,995],{"emptyLinePlaceholder":686},[715,1645,1646,1649],{"class":717,"line":292},[715,1647,1648],{"class":914},"  --selaras-color-primary-subtle-pressed",[715,1650,1387],{"class":728},[715,1652,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1674,1676,1678,1680],{"class":717,"line":302},[715,1654,1417],{"class":921},[715,1656,1395],{"class":728},[715,1658,1422],{"class":914},[715,1660,1425],{"class":914},[715,1662,1428],{"class":728},[715,1664,1431],{"class":921},[715,1666,1395],{"class":728},[715,1668,1398],{"class":914},[715,1670,1585],{"class":728},[715,1672,1673],{"class":921},"24",[715,1675,1447],{"class":720},[715,1677,1428],{"class":728},[715,1679,1595],{"class":921},[715,1681,1401],{"class":728},[715,1683,1684],{"class":717,"line":307},[715,1685,995],{"emptyLinePlaceholder":686},[715,1687,1688,1691],{"class":717,"line":312},[715,1689,1690],{"class":914},"  --selaras-color-primary-on-subtle",[715,1692,1387],{"class":728},[715,1694,1695,1697,1699,1701,1703,1705,1707,1709,1711,1713,1715,1718,1720],{"class":717,"line":326},[715,1696,1417],{"class":921},[715,1698,1395],{"class":728},[715,1700,1422],{"class":914},[715,1702,1425],{"class":914},[715,1704,1428],{"class":728},[715,1706,1431],{"class":921},[715,1708,1395],{"class":728},[715,1710,1398],{"class":914},[715,1712,1438],{"class":728},[715,1714,1441],{"class":921},[715,1716,1717],{"class":921}," 35",[715,1719,1447],{"class":720},[715,1721,1401],{"class":728},[715,1723,1724],{"class":717,"line":35},[715,1725,995],{"emptyLinePlaceholder":686},[715,1727,1728,1731],{"class":717,"line":335},[715,1729,1730],{"class":914},"  --selaras-color-primary-text",[715,1732,1387],{"class":728},[715,1734,1736,1738,1740,1742,1744,1746,1748,1750,1752,1754,1756,1759,1761],{"class":717,"line":1735},32,[715,1737,1417],{"class":921},[715,1739,1395],{"class":728},[715,1741,1422],{"class":914},[715,1743,1425],{"class":914},[715,1745,1428],{"class":728},[715,1747,1431],{"class":921},[715,1749,1395],{"class":728},[715,1751,1398],{"class":914},[715,1753,1438],{"class":728},[715,1755,1441],{"class":921},[715,1757,1758],{"class":921}," 20",[715,1760,1447],{"class":720},[715,1762,1401],{"class":728},[715,1764,1766],{"class":717,"line":1765},33,[715,1767,995],{"emptyLinePlaceholder":686},[715,1769,1771,1774],{"class":717,"line":1770},34,[715,1772,1773],{"class":914},"  --selaras-color-primary-text-hover",[715,1775,1387],{"class":728},[715,1777,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796,1798,1801,1803],{"class":717,"line":586},[715,1779,1417],{"class":921},[715,1781,1395],{"class":728},[715,1783,1422],{"class":914},[715,1785,1425],{"class":914},[715,1787,1428],{"class":728},[715,1789,1431],{"class":921},[715,1791,1395],{"class":728},[715,1793,1398],{"class":914},[715,1795,1438],{"class":728},[715,1797,1441],{"class":921},[715,1799,1800],{"class":921}," 28",[715,1802,1447],{"class":720},[715,1804,1401],{"class":728},[715,1806,1808],{"class":717,"line":1807},36,[715,1809,995],{"emptyLinePlaceholder":686},[715,1811,1813,1816],{"class":717,"line":1812},37,[715,1814,1815],{"class":914},"  --selaras-color-primary-text-pressed",[715,1817,1387],{"class":728},[715,1819,1821,1823,1825,1827,1829,1831,1833,1835,1837,1839,1841,1843,1845],{"class":717,"line":1820},38,[715,1822,1417],{"class":921},[715,1824,1395],{"class":728},[715,1826,1422],{"class":914},[715,1828,1425],{"class":914},[715,1830,1428],{"class":728},[715,1832,1431],{"class":921},[715,1834,1395],{"class":728},[715,1836,1398],{"class":914},[715,1838,1438],{"class":728},[715,1840,1441],{"class":921},[715,1842,1717],{"class":921},[715,1844,1447],{"class":720},[715,1846,1401],{"class":728},[715,1848,1849],{"class":717,"line":345},[715,1850,995],{"emptyLinePlaceholder":686},[715,1852,1853,1856],{"class":717,"line":40},[715,1854,1855],{"class":914},"  --selaras-color-primary-border",[715,1857,1387],{"class":728},[715,1859,1860,1862,1864,1866],{"class":717,"line":359},[715,1861,1392],{"class":921},[715,1863,1395],{"class":728},[715,1865,1398],{"class":914},[715,1867,1401],{"class":728},[715,1869,1871],{"class":717,"line":1870},42,[715,1872,995],{"emptyLinePlaceholder":686},[715,1874,1876,1879],{"class":717,"line":1875},43,[715,1877,1878],{"class":914},"  --selaras-color-primary-focus",[715,1880,1387],{"class":728},[715,1882,1883,1885,1887,1889],{"class":717,"line":374},[715,1884,1392],{"class":921},[715,1886,1395],{"class":728},[715,1888,1398],{"class":914},[715,1890,1401],{"class":728},[715,1892,1893],{"class":717,"line":379},[715,1894,932],{"class":728},[691,1896,1897],{},"This is only one possible recipe. You own the color choices.",[691,1899,1900],{},"Test the result in the components and contexts that your application uses.\nSelaras does not change CSS values that you author.",[766,1902,1904],{"id":1903},"complete-role-recipe","Complete role recipe",[691,1906,1907],{},"A color role has these public inputs:",[706,1909,1914],{"className":1910,"code":1912,"language":1913,"meta":711},[1911],"language-text","fill\nfill-hover\nfill-pressed\non-fill\nindicator\n\nsubtle\nsubtle-hover\nsubtle-pressed\non-subtle\n\ntext\ntext-hover\ntext-pressed\n\nborder\nfocus\n","text",[698,1915,1912],{"__ignoreMap":711},[691,1917,1918,1919,1921],{},"For ",[698,1920,841],{},", the full CSS names are:",[706,1923,1925],{"className":708,"code":1924,"language":710,"meta":711,"style":711},":root {\n  --selaras-color-warning-fill: ...;\n  --selaras-color-warning-fill-hover: ...;\n  --selaras-color-warning-fill-pressed: ...;\n  --selaras-color-warning-on-fill: ...;\n  --selaras-color-warning-indicator: ...;\n\n  --selaras-color-warning-subtle: ...;\n  --selaras-color-warning-subtle-hover: ...;\n  --selaras-color-warning-subtle-pressed: ...;\n  --selaras-color-warning-on-subtle: ...;\n\n  --selaras-color-warning-text: ...;\n  --selaras-color-warning-text-hover: ...;\n  --selaras-color-warning-text-pressed: ...;\n\n  --selaras-color-warning-border: ...;\n  --selaras-color-warning-focus: ...;\n}\n",[698,1926,1927,1933,1940,1947,1954,1960,1967,1971,1978,1985,1992,1999,2003,2010,2017,2024,2028,2035,2042],{"__ignoreMap":711},[715,1928,1929,1931],{"class":717,"line":8},[715,1930,906],{"class":905},[715,1932,909],{"class":728},[715,1934,1935,1937],{"class":717,"line":732},[715,1936,1313],{"class":914},[715,1938,1939],{"class":728},": ...;\n",[715,1941,1942,1945],{"class":717,"line":742},[715,1943,1944],{"class":914},"  --selaras-color-warning-fill-hover",[715,1946,1939],{"class":728},[715,1948,1949,1952],{"class":717,"line":979},[715,1950,1951],{"class":914},"  --selaras-color-warning-fill-pressed",[715,1953,1939],{"class":728},[715,1955,1956,1958],{"class":717,"line":992},[715,1957,1325],{"class":914},[715,1959,1939],{"class":728},[715,1961,1962,1965],{"class":717,"line":998},[715,1963,1964],{"class":914},"  --selaras-color-warning-indicator",[715,1966,1939],{"class":728},[715,1968,1969],{"class":717,"line":1011},[715,1970,995],{"emptyLinePlaceholder":686},[715,1972,1973,1976],{"class":717,"line":1024},[715,1974,1975],{"class":914},"  --selaras-color-warning-subtle",[715,1977,1939],{"class":728},[715,1979,1980,1983],{"class":717,"line":1029},[715,1981,1982],{"class":914},"  --selaras-color-warning-subtle-hover",[715,1984,1939],{"class":728},[715,1986,1987,1990],{"class":717,"line":13},[715,1988,1989],{"class":914},"  --selaras-color-warning-subtle-pressed",[715,1991,1939],{"class":728},[715,1993,1994,1997],{"class":717,"line":151},[715,1995,1996],{"class":914},"  --selaras-color-warning-on-subtle",[715,1998,1939],{"class":728},[715,2000,2001],{"class":717,"line":170},[715,2002,995],{"emptyLinePlaceholder":686},[715,2004,2005,2008],{"class":717,"line":1496},[715,2006,2007],{"class":914},"  --selaras-color-warning-text",[715,2009,1939],{"class":728},[715,2011,2012,2015],{"class":717,"line":1504},[715,2013,2014],{"class":914},"  --selaras-color-warning-text-hover",[715,2016,1939],{"class":728},[715,2018,2019,2022],{"class":717,"line":648},[715,2020,2021],{"class":914},"  --selaras-color-warning-text-pressed",[715,2023,1939],{"class":728},[715,2025,2026],{"class":717,"line":1516},[715,2027,995],{"emptyLinePlaceholder":686},[715,2029,2030,2033],{"class":717,"line":1524},[715,2031,2032],{"class":914},"  --selaras-color-warning-border",[715,2034,1939],{"class":728},[715,2036,2037,2040],{"class":717,"line":1554},[715,2038,2039],{"class":914},"  --selaras-color-warning-focus",[715,2041,1939],{"class":728},[715,2043,2044],{"class":717,"line":1559},[715,2045,932],{"class":728},[691,2047,2048,2049,2051],{},"Replace ",[698,2050,841],{}," with any registered role name.",[691,2053,2054,2055,1428,2058,1428,2061,2064,2065,2068,2069,2072,2073,2076,2077,2080],{},"The component variant selects the leaves that it needs. For example, a solid\nButton uses ",[698,2056,2057],{},"fill",[698,2059,2060],{},"on-fill",[698,2062,2063],{},"fill-hover",", and ",[698,2066,2067],{},"fill-pressed",". A soft Button\nuses the ",[698,2070,2071],{},"subtle"," leaves. Essential unpaired graphics, such as progress and\nradio indicators, use ",[698,2074,2075],{},"indicator",". When it is omitted, it follows ",[698,2078,2079],{},"border",".",[691,2082,2083],{},"You can also supply different values for dark mode:",[706,2085,2087],{"className":708,"code":2086,"language":710,"meta":711,"style":711},":root {\n  --selaras-color-warning-fill: #ffff00;\n  --selaras-color-warning-on-fill: #000000;\n}\n\n:root.dark {\n  --selaras-color-warning-fill: #eaea00;\n  --selaras-color-warning-on-fill: #000000;\n}\n",[698,2088,2089,2095,2105,2115,2119,2123,2129,2140,2150],{"__ignoreMap":711},[715,2090,2091,2093],{"class":717,"line":8},[715,2092,906],{"class":905},[715,2094,909],{"class":728},[715,2096,2097,2099,2101,2103],{"class":717,"line":732},[715,2098,1313],{"class":914},[715,2100,918],{"class":728},[715,2102,1318],{"class":921},[715,2104,729],{"class":728},[715,2106,2107,2109,2111,2113],{"class":717,"line":742},[715,2108,1325],{"class":914},[715,2110,918],{"class":728},[715,2112,1330],{"class":921},[715,2114,729],{"class":728},[715,2116,2117],{"class":717,"line":979},[715,2118,932],{"class":728},[715,2120,2121],{"class":717,"line":992},[715,2122,995],{"emptyLinePlaceholder":686},[715,2124,2125,2127],{"class":717,"line":998},[715,2126,1061],{"class":905},[715,2128,909],{"class":728},[715,2130,2131,2133,2135,2138],{"class":717,"line":1011},[715,2132,1313],{"class":914},[715,2134,918],{"class":728},[715,2136,2137],{"class":921},"#eaea00",[715,2139,729],{"class":728},[715,2141,2142,2144,2146,2148],{"class":717,"line":1024},[715,2143,1325],{"class":914},[715,2145,918],{"class":728},[715,2147,1330],{"class":921},[715,2149,729],{"class":728},[715,2151,2152],{"class":717,"line":1029},[715,2153,932],{"class":728},[766,2155,2157],{"id":2156},"complete-css-theme-example","Complete CSS theme example",[691,2159,2160],{},"The following example replaces the main Selaras visual theme with CSS only.",[691,2162,2163],{},"It defines:",[1180,2165,2166,2169,2172,2175,2178,2181,2184,2188,2192,2196,2200,2204,2208],{},[1183,2167,2168],{},"surfaces",[1183,2170,2171],{},"general text",[1183,2173,2174],{},"general borders",[1183,2176,2177],{},"scrim",[1183,2179,2180],{},"radius",[1183,2182,2183],{},"shadows",[1183,2185,2186],{},[698,2187,837],{},[1183,2189,2190],{},[698,2191,1191],{},[1183,2193,2194],{},[698,2195,1196],{},[1183,2197,2198],{},[698,2199,1201],{},[1183,2201,2202],{},[698,2203,841],{},[1183,2205,2206],{},[698,2207,1210],{},[1183,2209,2210],{},[698,2211,1215],{},[691,2213,2214],{},"It also defines separate light and dark values.",[691,2216,2217],{},"These values are examples. Use the values that match your product.",[706,2219,2221],{"className":708,"code":2220,"language":710,"meta":711,"style":711},"\u002F* Light mode *\u002F\n:root {\n  \u002F* Surfaces *\u002F\n  --selaras-surface-canvas: #f9f9f9;\n  --selaras-surface-default: #fffdf9;\n  --selaras-surface-elevated: #ffffff;\n  --selaras-surface-inverted: #161616;\n\n  \u002F* General text *\u002F\n  --selaras-text-default: #1f1f1f;\n  --selaras-text-muted: #707070;\n  --selaras-text-inverted: #ffffff;\n\n  \u002F* General borders *\u002F\n  --selaras-border-default: #e7e2dc;\n  --selaras-border-muted: #f2eee9;\n  --selaras-border-hover: #d4cdc5;\n\n  \u002F* Overlay *\u002F\n  --selaras-scrim: rgb(0 0 0 \u002F 0.55);\n\n  \u002F* Radius *\u002F\n  --selaras-radius-base: 0.5rem;\n  --selaras-radius-sm: 0.375rem;\n  --selaras-radius-md: 0.5rem;\n  --selaras-radius-lg: 1rem;\n  --selaras-radius-full: 9999px;\n\n  \u002F* Shadows *\u002F\n  --selaras-shadow-sm: 0 1px 2px rgb(0 0 0 \u002F 0.06);\n  --selaras-shadow-md: 0 6px 20px rgb(0 0 0 \u002F 0.10);\n  --selaras-shadow-lg: 0 18px 48px rgb(0 0 0 \u002F 0.16);\n\n  \u002F* Primary *\u002F\n  --selaras-color-primary-fill: #6d4aff;\n  --selaras-color-primary-fill-hover: #5e3bf0;\n  --selaras-color-primary-fill-pressed: #4f2fd8;\n  --selaras-color-primary-on-fill: #ffffff;\n\n  --selaras-color-primary-subtle: #f0ecff;\n  --selaras-color-primary-subtle-hover: #e7e0ff;\n  --selaras-color-primary-subtle-pressed: #ddd3ff;\n  --selaras-color-primary-on-subtle: #3d267f;\n\n  --selaras-color-primary-text: #5b3be0;\n  --selaras-color-primary-text-hover: #4f31c4;\n  --selaras-color-primary-text-pressed: #4328a9;\n\n  --selaras-color-primary-border: #8d73ff;\n  --selaras-color-primary-focus: #6d4aff;\n\n  \u002F* Secondary *\u002F\n  --selaras-color-secondary-fill: #d946ef;\n  --selaras-color-secondary-fill-hover: #c735dc;\n  --selaras-color-secondary-fill-pressed: #ad27c2;\n  --selaras-color-secondary-on-fill: #ffffff;\n\n  --selaras-color-secondary-subtle: #fcecff;\n  --selaras-color-secondary-subtle-hover: #f8ddff;\n  --selaras-color-secondary-subtle-pressed: #f3ccff;\n  --selaras-color-secondary-on-subtle: #70207c;\n\n  --selaras-color-secondary-text: #b72cca;\n  --selaras-color-secondary-text-hover: #9822aa;\n  --selaras-color-secondary-text-pressed: #7d1b8b;\n\n  --selaras-color-secondary-border: #e879f9;\n  --selaras-color-secondary-focus: #d946ef;\n\n  \u002F* Success *\u002F\n  --selaras-color-success-fill: #16a34a;\n  --selaras-color-success-fill-hover: #138a3f;\n  --selaras-color-success-fill-pressed: #107436;\n  --selaras-color-success-on-fill: #ffffff;\n\n  --selaras-color-success-subtle: #eaf8ef;\n  --selaras-color-success-subtle-hover: #dcf3e4;\n  --selaras-color-success-subtle-pressed: #ccecd8;\n  --selaras-color-success-on-subtle: #14532d;\n\n  --selaras-color-success-text: #16803f;\n  --selaras-color-success-text-hover: #126b35;\n  --selaras-color-success-text-pressed: #0f592d;\n\n  --selaras-color-success-border: #3fc16d;\n  --selaras-color-success-focus: #16a34a;\n\n  \u002F* Info *\u002F\n  --selaras-color-info-fill: #0ea5e9;\n  --selaras-color-info-fill-hover: #0c91cc;\n  --selaras-color-info-fill-pressed: #0a7db0;\n  --selaras-color-info-on-fill: #ffffff;\n\n  --selaras-color-info-subtle: #e9f7fe;\n  --selaras-color-info-subtle-hover: #d8f1fd;\n  --selaras-color-info-subtle-pressed: #c7eafb;\n  --selaras-color-info-on-subtle: #0c4a6e;\n\n  --selaras-color-info-text: #087fb6;\n  --selaras-color-info-text-hover: #076b9a;\n  --selaras-color-info-text-pressed: #065a82;\n\n  --selaras-color-info-border: #38bdf8;\n  --selaras-color-info-focus: #0ea5e9;\n\n  \u002F* Warning *\u002F\n  --selaras-color-warning-fill: #ffff00;\n  --selaras-color-warning-fill-hover: #eeee00;\n  --selaras-color-warning-fill-pressed: #d8d800;\n  --selaras-color-warning-on-fill: #111111;\n\n  --selaras-color-warning-subtle: #fffed6;\n  --selaras-color-warning-subtle-hover: #fffca8;\n  --selaras-color-warning-subtle-pressed: #fff77a;\n  --selaras-color-warning-on-subtle: #575700;\n\n  --selaras-color-warning-text: #757500;\n  --selaras-color-warning-text-hover: #626200;\n  --selaras-color-warning-text-pressed: #505000;\n\n  --selaras-color-warning-border: #bdbd00;\n  --selaras-color-warning-focus: #8a8a00;\n\n  \u002F* Danger *\u002F\n  --selaras-color-danger-fill: #ff3b5c;\n  --selaras-color-danger-fill-hover: #ed2e4e;\n  --selaras-color-danger-fill-pressed: #d62241;\n  --selaras-color-danger-on-fill: #ffffff;\n\n  --selaras-color-danger-subtle: #fff0f3;\n  --selaras-color-danger-subtle-hover: #ffe1e7;\n  --selaras-color-danger-subtle-pressed: #ffd0da;\n  --selaras-color-danger-on-subtle: #8a1c32;\n\n  --selaras-color-danger-text: #d92c49;\n  --selaras-color-danger-text-hover: #bd243f;\n  --selaras-color-danger-text-pressed: #a21d35;\n\n  --selaras-color-danger-border: #ff6b84;\n  --selaras-color-danger-focus: #ff3b5c;\n\n  \u002F* Neutral *\u002F\n  --selaras-color-neutral-fill: #27272a;\n  --selaras-color-neutral-fill-hover: #3f3f46;\n  --selaras-color-neutral-fill-pressed: #52525b;\n  --selaras-color-neutral-on-fill: #ffffff;\n\n  --selaras-color-neutral-subtle: #f4f4f5;\n  --selaras-color-neutral-subtle-hover: #e4e4e7;\n  --selaras-color-neutral-subtle-pressed: #d4d4d8;\n  --selaras-color-neutral-on-subtle: #27272a;\n\n  --selaras-color-neutral-text: #3f3f46;\n  --selaras-color-neutral-text-hover: #27272a;\n  --selaras-color-neutral-text-pressed: #18181b;\n\n  --selaras-color-neutral-border: #a1a1aa;\n  --selaras-color-neutral-focus: #52525b;\n}\n\n\n\u002F* Dark mode *\u002F\n:root.dark {\n  \u002F* Surfaces *\u002F\n  --selaras-surface-canvas: #0c0c0d;\n  --selaras-surface-default: #0f0f12;\n  --selaras-surface-elevated: #18181d;\n  --selaras-surface-inverted: #f6f6f6;\n\n  \u002F* General text *\u002F\n  --selaras-text-default: #f4f4f5;\n  --selaras-text-muted: #a1a1aa;\n  --selaras-text-inverted: #18181b;\n\n  \u002F* General borders *\u002F\n  --selaras-border-default: #2d2d35;\n  --selaras-border-muted: #232329;\n  --selaras-border-hover: #3b3b45;\n\n  \u002F* Overlay *\u002F\n  --selaras-scrim: rgb(0 0 0 \u002F 0.72);\n\n  \u002F* Radius *\u002F\n  --selaras-radius-base: 0.5rem;\n  --selaras-radius-sm: 0.375rem;\n  --selaras-radius-md: 0.5rem;\n  --selaras-radius-lg: 1rem;\n  --selaras-radius-full: 9999px;\n\n  \u002F* Shadows *\u002F\n  --selaras-shadow-sm: 0 1px 2px rgb(0 0 0 \u002F 0.28);\n  --selaras-shadow-md: 0 8px 28px rgb(0 0 0 \u002F 0.38);\n  --selaras-shadow-lg: 0 22px 56px rgb(0 0 0 \u002F 0.48);\n\n  \u002F* Primary *\u002F\n  --selaras-color-primary-fill: #8b6cff;\n  --selaras-color-primary-fill-hover: #9c82ff;\n  --selaras-color-primary-fill-pressed: #ad98ff;\n  --selaras-color-primary-on-fill: #171020;\n\n  --selaras-color-primary-subtle: #261f46;\n  --selaras-color-primary-subtle-hover: #302858;\n  --selaras-color-primary-subtle-pressed: #3a306a;\n  --selaras-color-primary-on-subtle: #d9d0ff;\n\n  --selaras-color-primary-text: #b9a9ff;\n  --selaras-color-primary-text-hover: #c9bcff;\n  --selaras-color-primary-text-pressed: #d8d0ff;\n\n  --selaras-color-primary-border: #7259dc;\n  --selaras-color-primary-focus: #9f8aff;\n\n  \u002F* Secondary *\u002F\n  --selaras-color-secondary-fill: #e879f9;\n  --selaras-color-secondary-fill-hover: #ef91fb;\n  --selaras-color-secondary-fill-pressed: #f3a9fc;\n  --selaras-color-secondary-on-fill: #2a0b2e;\n\n  --selaras-color-secondary-subtle: #3c173f;\n  --selaras-color-secondary-subtle-hover: #4a1c4e;\n  --selaras-color-secondary-subtle-pressed: #59235d;\n  --selaras-color-secondary-on-subtle: #f7c9ff;\n\n  --selaras-color-secondary-text: #f0a5fb;\n  --selaras-color-secondary-text-hover: #f5bafd;\n  --selaras-color-secondary-text-pressed: #f9d0fe;\n\n  --selaras-color-secondary-border: #c65fd6;\n  --selaras-color-secondary-focus: #e879f9;\n\n  \u002F* Success *\u002F\n  --selaras-color-success-fill: #22c55e;\n  --selaras-color-success-fill-hover: #35d36f;\n  --selaras-color-success-fill-pressed: #4ade80;\n  --selaras-color-success-on-fill: #061a0c;\n\n  --selaras-color-success-subtle: #12331f;\n  --selaras-color-success-subtle-hover: #174129;\n  --selaras-color-success-subtle-pressed: #1d5033;\n  --selaras-color-success-on-subtle: #bbf7d0;\n\n  --selaras-color-success-text: #86efac;\n  --selaras-color-success-text-hover: #a7f3c0;\n  --selaras-color-success-text-pressed: #c6f6d5;\n\n  --selaras-color-success-border: #3fba68;\n  --selaras-color-success-focus: #4ade80;\n\n  \u002F* Info *\u002F\n  --selaras-color-info-fill: #38bdf8;\n  --selaras-color-info-fill-hover: #55c7fa;\n  --selaras-color-info-fill-pressed: #73d2fb;\n  --selaras-color-info-on-fill: #06151d;\n\n  --selaras-color-info-subtle: #112f3f;\n  --selaras-color-info-subtle-hover: #163c50;\n  --selaras-color-info-subtle-pressed: #1b4a61;\n  --selaras-color-info-on-subtle: #c7efff;\n\n  --selaras-color-info-text: #7dd3fc;\n  --selaras-color-info-text-hover: #9bdffc;\n  --selaras-color-info-text-pressed: #bae9fd;\n\n  --selaras-color-info-border: #2e9fd0;\n  --selaras-color-info-focus: #38bdf8;\n\n  \u002F* Warning *\u002F\n  --selaras-color-warning-fill: #ffff33;\n  --selaras-color-warning-fill-hover: #ffff66;\n  --selaras-color-warning-fill-pressed: #ffff88;\n  --selaras-color-warning-on-fill: #111100;\n\n  --selaras-color-warning-subtle: #333300;\n  --selaras-color-warning-subtle-hover: #414100;\n  --selaras-color-warning-subtle-pressed: #505000;\n  --selaras-color-warning-on-subtle: #ffffb8;\n\n  --selaras-color-warning-text: #ffff66;\n  --selaras-color-warning-text-hover: #ffff88;\n  --selaras-color-warning-text-pressed: #ffffaa;\n\n  --selaras-color-warning-border: #baba24;\n  --selaras-color-warning-focus: #ffff66;\n\n  \u002F* Danger *\u002F\n  --selaras-color-danger-fill: #ff5c78;\n  --selaras-color-danger-fill-hover: #ff748c;\n  --selaras-color-danger-fill-pressed: #ff8ca0;\n  --selaras-color-danger-on-fill: #26070d;\n\n  --selaras-color-danger-subtle: #3c1720;\n  --selaras-color-danger-subtle-hover: #4b1c28;\n  --selaras-color-danger-subtle-pressed: #5b2330;\n  --selaras-color-danger-on-subtle: #ffd0da;\n\n  --selaras-color-danger-text: #ff9caf;\n  --selaras-color-danger-text-hover: #ffb3c1;\n  --selaras-color-danger-text-pressed: #ffc8d2;\n\n  --selaras-color-danger-border: #d64f68;\n  --selaras-color-danger-focus: #ff6b84;\n\n  \u002F* Neutral *\u002F\n  --selaras-color-neutral-fill: #e4e4e7;\n  --selaras-color-neutral-fill-hover: #f4f4f5;\n  --selaras-color-neutral-fill-pressed: #ffffff;\n  --selaras-color-neutral-on-fill: #18181b;\n\n  --selaras-color-neutral-subtle: #27272a;\n  --selaras-color-neutral-subtle-hover: #3f3f46;\n  --selaras-color-neutral-subtle-pressed: #52525b;\n  --selaras-color-neutral-on-subtle: #f4f4f5;\n\n  --selaras-color-neutral-text: #d4d4d8;\n  --selaras-color-neutral-text-hover: #e4e4e7;\n  --selaras-color-neutral-text-pressed: #f4f4f5;\n\n  --selaras-color-neutral-border: #71717a;\n  --selaras-color-neutral-focus: #a1a1aa;\n}\n",[698,2222,2223,2229,2235,2240,2250,2261,2271,2283,2287,2292,2303,2314,2325,2329,2334,2345,2357,2368,2372,2377,2405,2409,2414,2427,2440,2453,2467,2482,2486,2491,2528,2563,2598,2602,2607,2618,2629,2640,2650,2654,2665,2676,2687,2698,2702,2713,2725,2737,2742,2754,2764,2768,2773,2785,2797,2809,2820,2825,2838,2850,2862,2875,2880,2892,2904,2916,2920,2932,2943,2947,2952,2964,2976,2988,2999,3003,3015,3028,3041,3054,3058,3071,3084,3097,3102,3115,3127,3132,3138,3151,3163,3176,3188,3193,3206,3219,3232,3245,3250,3263,3276,3289,3294,3307,3319,3324,3330,3341,3353,3365,3377,3382,3394,3406,3418,3430,3435,3447,3459,3471,3476,3488,3500,3505,3511,3524,3537,3550,3562,3567,3580,3593,3606,3619,3624,3637,3650,3663,3668,3681,3693,3698,3704,3716,3728,3741,3753,3758,3771,3783,3795,3807,3812,3824,3836,3848,3853,3865,3877,3882,3887,3892,3898,3905,3910,3921,3933,3945,3957,3962,3967,3978,3989,4000,4005,4010,4022,4034,4046,4051,4056,4080,4085,4090,4103,4116,4129,4142,4155,4160,4165,4199,4233,4269,4274,4279,4291,4303,4315,4327,4332,4344,4356,4368,4380,4385,4397,4409,4421,4426,4438,4450,4455,4460,4471,4483,4495,4507,4512,4524,4536,4548,4560,4565,4577,4589,4601,4606,4618,4629,4634,4639,4651,4663,4675,4687,4692,4704,4716,4728,4740,4745,4757,4769,4781,4786,4798,4809,4814,4819,4830,4842,4854,4866,4871,4883,4895,4907,4919,4924,4936,4948,4960,4965,4977,4988,4993,4998,5010,5022,5034,5046,5051,5063,5075,5086,5098,5103,5114,5125,5137,5142,5154,5165,5170,5175,5187,5199,5211,5223,5228,5240,5252,5264,5275,5280,5292,5304,5316,5321,5333,5344,5349,5354,5365,5376,5387,5398,5403,5414,5425,5436,5447,5452,5463,5474,5485,5490,5501,5512],{"__ignoreMap":711},[715,2224,2225],{"class":717,"line":8},[715,2226,2228],{"class":2227},"sJ8bj","\u002F* Light mode *\u002F\n",[715,2230,2231,2233],{"class":717,"line":732},[715,2232,906],{"class":905},[715,2234,909],{"class":728},[715,2236,2237],{"class":717,"line":742},[715,2238,2239],{"class":2227},"  \u002F* Surfaces *\u002F\n",[715,2241,2242,2244,2246,2248],{"class":717,"line":979},[715,2243,958],{"class":914},[715,2245,918],{"class":728},[715,2247,941],{"class":921},[715,2249,729],{"class":728},[715,2251,2252,2254,2256,2259],{"class":717,"line":992},[715,2253,969],{"class":914},[715,2255,918],{"class":728},[715,2257,2258],{"class":921},"#fffdf9",[715,2260,729],{"class":728},[715,2262,2263,2265,2267,2269],{"class":717,"line":998},[715,2264,982],{"class":914},[715,2266,918],{"class":728},[715,2268,974],{"class":921},[715,2270,729],{"class":728},[715,2272,2273,2276,2278,2281],{"class":717,"line":1011},[715,2274,2275],{"class":914},"  --selaras-surface-inverted",[715,2277,918],{"class":728},[715,2279,2280],{"class":921},"#161616",[715,2282,729],{"class":728},[715,2284,2285],{"class":717,"line":1024},[715,2286,995],{"emptyLinePlaceholder":686},[715,2288,2289],{"class":717,"line":1029},[715,2290,2291],{"class":2227},"  \u002F* General text *\u002F\n",[715,2293,2294,2296,2298,2301],{"class":717,"line":13},[715,2295,1001],{"class":914},[715,2297,918],{"class":728},[715,2299,2300],{"class":921},"#1f1f1f",[715,2302,729],{"class":728},[715,2304,2305,2307,2309,2312],{"class":717,"line":151},[715,2306,1014],{"class":914},[715,2308,918],{"class":728},[715,2310,2311],{"class":921},"#707070",[715,2313,729],{"class":728},[715,2315,2316,2319,2321,2323],{"class":717,"line":170},[715,2317,2318],{"class":914},"  --selaras-text-inverted",[715,2320,918],{"class":728},[715,2322,974],{"class":921},[715,2324,729],{"class":728},[715,2326,2327],{"class":717,"line":1496},[715,2328,995],{"emptyLinePlaceholder":686},[715,2330,2331],{"class":717,"line":1504},[715,2332,2333],{"class":2227},"  \u002F* General borders *\u002F\n",[715,2335,2336,2338,2340,2343],{"class":717,"line":648},[715,2337,1032],{"class":914},[715,2339,918],{"class":728},[715,2341,2342],{"class":921},"#e7e2dc",[715,2344,729],{"class":728},[715,2346,2347,2350,2352,2355],{"class":717,"line":1516},[715,2348,2349],{"class":914},"  --selaras-border-muted",[715,2351,918],{"class":728},[715,2353,2354],{"class":921},"#f2eee9",[715,2356,729],{"class":728},[715,2358,2359,2361,2363,2366],{"class":717,"line":1524},[715,2360,1044],{"class":914},[715,2362,918],{"class":728},[715,2364,2365],{"class":921},"#d4cdc5",[715,2367,729],{"class":728},[715,2369,2370],{"class":717,"line":1554},[715,2371,995],{"emptyLinePlaceholder":686},[715,2373,2374],{"class":717,"line":1559},[715,2375,2376],{"class":2227},"  \u002F* Overlay *\u002F\n",[715,2378,2379,2382,2384,2387,2389,2392,2395,2397,2400,2403],{"class":717,"line":30},[715,2380,2381],{"class":914},"  --selaras-scrim",[715,2383,918],{"class":728},[715,2385,2386],{"class":921},"rgb",[715,2388,1395],{"class":728},[715,2390,2391],{"class":921},"0",[715,2393,2394],{"class":921}," 0",[715,2396,2394],{"class":921},[715,2398,2399],{"class":728}," \u002F ",[715,2401,2402],{"class":921},"0.55",[715,2404,1401],{"class":728},[715,2406,2407],{"class":717,"line":247},[715,2408,995],{"emptyLinePlaceholder":686},[715,2410,2411],{"class":717,"line":257},[715,2412,2413],{"class":2227},"  \u002F* Radius *\u002F\n",[715,2415,2416,2418,2420,2423,2425],{"class":717,"line":272},[715,2417,915],{"class":914},[715,2419,918],{"class":728},[715,2421,2422],{"class":921},"0.5",[715,2424,925],{"class":720},[715,2426,729],{"class":728},[715,2428,2429,2432,2434,2436,2438],{"class":717,"line":287},[715,2430,2431],{"class":914},"  --selaras-radius-sm",[715,2433,918],{"class":728},[715,2435,922],{"class":921},[715,2437,925],{"class":720},[715,2439,729],{"class":728},[715,2441,2442,2445,2447,2449,2451],{"class":717,"line":292},[715,2443,2444],{"class":914},"  --selaras-radius-md",[715,2446,918],{"class":728},[715,2448,2422],{"class":921},[715,2450,925],{"class":720},[715,2452,729],{"class":728},[715,2454,2455,2458,2460,2463,2465],{"class":717,"line":302},[715,2456,2457],{"class":914},"  --selaras-radius-lg",[715,2459,918],{"class":728},[715,2461,2462],{"class":921},"1",[715,2464,925],{"class":720},[715,2466,729],{"class":728},[715,2468,2469,2472,2474,2477,2480],{"class":717,"line":307},[715,2470,2471],{"class":914},"  --selaras-radius-full",[715,2473,918],{"class":728},[715,2475,2476],{"class":921},"9999",[715,2478,2479],{"class":720},"px",[715,2481,729],{"class":728},[715,2483,2484],{"class":717,"line":312},[715,2485,995],{"emptyLinePlaceholder":686},[715,2487,2488],{"class":717,"line":326},[715,2489,2490],{"class":2227},"  \u002F* Shadows *\u002F\n",[715,2492,2493,2496,2498,2500,2503,2505,2508,2510,2513,2515,2517,2519,2521,2523,2526],{"class":717,"line":35},[715,2494,2495],{"class":914},"  --selaras-shadow-sm",[715,2497,918],{"class":728},[715,2499,2391],{"class":921},[715,2501,2502],{"class":921}," 1",[715,2504,2479],{"class":720},[715,2506,2507],{"class":921}," 2",[715,2509,2479],{"class":720},[715,2511,2512],{"class":921}," rgb",[715,2514,1395],{"class":728},[715,2516,2391],{"class":921},[715,2518,2394],{"class":921},[715,2520,2394],{"class":921},[715,2522,2399],{"class":728},[715,2524,2525],{"class":921},"0.06",[715,2527,1401],{"class":728},[715,2529,2530,2533,2535,2537,2540,2542,2544,2546,2548,2550,2552,2554,2556,2558,2561],{"class":717,"line":335},[715,2531,2532],{"class":914},"  --selaras-shadow-md",[715,2534,918],{"class":728},[715,2536,2391],{"class":921},[715,2538,2539],{"class":921}," 6",[715,2541,2479],{"class":720},[715,2543,1758],{"class":921},[715,2545,2479],{"class":720},[715,2547,2512],{"class":921},[715,2549,1395],{"class":728},[715,2551,2391],{"class":921},[715,2553,2394],{"class":921},[715,2555,2394],{"class":921},[715,2557,2399],{"class":728},[715,2559,2560],{"class":921},"0.10",[715,2562,1401],{"class":728},[715,2564,2565,2568,2570,2572,2574,2576,2579,2581,2583,2585,2587,2589,2591,2593,2596],{"class":717,"line":1735},[715,2566,2567],{"class":914},"  --selaras-shadow-lg",[715,2569,918],{"class":728},[715,2571,2391],{"class":921},[715,2573,1547],{"class":921},[715,2575,2479],{"class":720},[715,2577,2578],{"class":921}," 48",[715,2580,2479],{"class":720},[715,2582,2512],{"class":921},[715,2584,1395],{"class":728},[715,2586,2391],{"class":921},[715,2588,2394],{"class":921},[715,2590,2394],{"class":921},[715,2592,2399],{"class":728},[715,2594,2595],{"class":921},"0.16",[715,2597,1401],{"class":728},[715,2599,2600],{"class":717,"line":1765},[715,2601,995],{"emptyLinePlaceholder":686},[715,2603,2604],{"class":717,"line":1770},[715,2605,2606],{"class":2227},"  \u002F* Primary *\u002F\n",[715,2608,2609,2611,2613,2616],{"class":717,"line":586},[715,2610,1384],{"class":914},[715,2612,918],{"class":728},[715,2614,2615],{"class":921},"#6d4aff",[715,2617,729],{"class":728},[715,2619,2620,2622,2624,2627],{"class":717,"line":1807},[715,2621,1410],{"class":914},[715,2623,918],{"class":728},[715,2625,2626],{"class":921},"#5e3bf0",[715,2628,729],{"class":728},[715,2630,2631,2633,2635,2638],{"class":717,"line":1812},[715,2632,1458],{"class":914},[715,2634,918],{"class":728},[715,2636,2637],{"class":921},"#4f2fd8",[715,2639,729],{"class":728},[715,2641,2642,2644,2646,2648],{"class":717,"line":1820},[715,2643,1499],{"class":914},[715,2645,918],{"class":728},[715,2647,974],{"class":921},[715,2649,729],{"class":728},[715,2651,2652],{"class":717,"line":345},[715,2653,995],{"emptyLinePlaceholder":686},[715,2655,2656,2658,2660,2663],{"class":717,"line":40},[715,2657,1562],{"class":914},[715,2659,918],{"class":728},[715,2661,2662],{"class":921},"#f0ecff",[715,2664,729],{"class":728},[715,2666,2667,2669,2671,2674],{"class":717,"line":359},[715,2668,1606],{"class":914},[715,2670,918],{"class":728},[715,2672,2673],{"class":921},"#e7e0ff",[715,2675,729],{"class":728},[715,2677,2678,2680,2682,2685],{"class":717,"line":1870},[715,2679,1648],{"class":914},[715,2681,918],{"class":728},[715,2683,2684],{"class":921},"#ddd3ff",[715,2686,729],{"class":728},[715,2688,2689,2691,2693,2696],{"class":717,"line":1875},[715,2690,1690],{"class":914},[715,2692,918],{"class":728},[715,2694,2695],{"class":921},"#3d267f",[715,2697,729],{"class":728},[715,2699,2700],{"class":717,"line":374},[715,2701,995],{"emptyLinePlaceholder":686},[715,2703,2704,2706,2708,2711],{"class":717,"line":379},[715,2705,1730],{"class":914},[715,2707,918],{"class":728},[715,2709,2710],{"class":921},"#5b3be0",[715,2712,729],{"class":728},[715,2714,2716,2718,2720,2723],{"class":717,"line":2715},46,[715,2717,1773],{"class":914},[715,2719,918],{"class":728},[715,2721,2722],{"class":921},"#4f31c4",[715,2724,729],{"class":728},[715,2726,2728,2730,2732,2735],{"class":717,"line":2727},47,[715,2729,1815],{"class":914},[715,2731,918],{"class":728},[715,2733,2734],{"class":921},"#4328a9",[715,2736,729],{"class":728},[715,2738,2740],{"class":717,"line":2739},48,[715,2741,995],{"emptyLinePlaceholder":686},[715,2743,2745,2747,2749,2752],{"class":717,"line":2744},49,[715,2746,1855],{"class":914},[715,2748,918],{"class":728},[715,2750,2751],{"class":921},"#8d73ff",[715,2753,729],{"class":728},[715,2755,2756,2758,2760,2762],{"class":717,"line":45},[715,2757,1878],{"class":914},[715,2759,918],{"class":728},[715,2761,2615],{"class":921},[715,2763,729],{"class":728},[715,2765,2766],{"class":717,"line":398},[715,2767,995],{"emptyLinePlaceholder":686},[715,2769,2770],{"class":717,"line":408},[715,2771,2772],{"class":2227},"  \u002F* Secondary *\u002F\n",[715,2774,2775,2778,2780,2783],{"class":717,"line":413},[715,2776,2777],{"class":914},"  --selaras-color-secondary-fill",[715,2779,918],{"class":728},[715,2781,2782],{"class":921},"#d946ef",[715,2784,729],{"class":728},[715,2786,2787,2790,2792,2795],{"class":717,"line":418},[715,2788,2789],{"class":914},"  --selaras-color-secondary-fill-hover",[715,2791,918],{"class":728},[715,2793,2794],{"class":921},"#c735dc",[715,2796,729],{"class":728},[715,2798,2799,2802,2804,2807],{"class":717,"line":98},[715,2800,2801],{"class":914},"  --selaras-color-secondary-fill-pressed",[715,2803,918],{"class":728},[715,2805,2806],{"class":921},"#ad27c2",[715,2808,729],{"class":728},[715,2810,2811,2814,2816,2818],{"class":717,"line":432},[715,2812,2813],{"class":914},"  --selaras-color-secondary-on-fill",[715,2815,918],{"class":728},[715,2817,974],{"class":921},[715,2819,729],{"class":728},[715,2821,2823],{"class":717,"line":2822},57,[715,2824,995],{"emptyLinePlaceholder":686},[715,2826,2828,2831,2833,2836],{"class":717,"line":2827},58,[715,2829,2830],{"class":914},"  --selaras-color-secondary-subtle",[715,2832,918],{"class":728},[715,2834,2835],{"class":921},"#fcecff",[715,2837,729],{"class":728},[715,2839,2840,2843,2845,2848],{"class":717,"line":442},[715,2841,2842],{"class":914},"  --selaras-color-secondary-subtle-hover",[715,2844,918],{"class":728},[715,2846,2847],{"class":921},"#f8ddff",[715,2849,729],{"class":728},[715,2851,2852,2855,2857,2860],{"class":717,"line":50},[715,2853,2854],{"class":914},"  --selaras-color-secondary-subtle-pressed",[715,2856,918],{"class":728},[715,2858,2859],{"class":921},"#f3ccff",[715,2861,729],{"class":728},[715,2863,2865,2868,2870,2873],{"class":717,"line":2864},61,[715,2866,2867],{"class":914},"  --selaras-color-secondary-on-subtle",[715,2869,918],{"class":728},[715,2871,2872],{"class":921},"#70207c",[715,2874,729],{"class":728},[715,2876,2878],{"class":717,"line":2877},62,[715,2879,995],{"emptyLinePlaceholder":686},[715,2881,2882,2885,2887,2890],{"class":717,"line":451},[715,2883,2884],{"class":914},"  --selaras-color-secondary-text",[715,2886,918],{"class":728},[715,2888,2889],{"class":921},"#b72cca",[715,2891,729],{"class":728},[715,2893,2894,2897,2899,2902],{"class":717,"line":456},[715,2895,2896],{"class":914},"  --selaras-color-secondary-text-hover",[715,2898,918],{"class":728},[715,2900,2901],{"class":921},"#9822aa",[715,2903,729],{"class":728},[715,2905,2906,2909,2911,2914],{"class":717,"line":461},[715,2907,2908],{"class":914},"  --selaras-color-secondary-text-pressed",[715,2910,918],{"class":728},[715,2912,2913],{"class":921},"#7d1b8b",[715,2915,729],{"class":728},[715,2917,2918],{"class":717,"line":470},[715,2919,995],{"emptyLinePlaceholder":686},[715,2921,2922,2925,2927,2930],{"class":717,"line":475},[715,2923,2924],{"class":914},"  --selaras-color-secondary-border",[715,2926,918],{"class":728},[715,2928,2929],{"class":921},"#e879f9",[715,2931,729],{"class":728},[715,2933,2934,2937,2939,2941],{"class":717,"line":480},[715,2935,2936],{"class":914},"  --selaras-color-secondary-focus",[715,2938,918],{"class":728},[715,2940,2782],{"class":921},[715,2942,729],{"class":728},[715,2944,2945],{"class":717,"line":485},[715,2946,995],{"emptyLinePlaceholder":686},[715,2948,2949],{"class":717,"line":55},[715,2950,2951],{"class":2227},"  \u002F* Success *\u002F\n",[715,2953,2954,2957,2959,2962],{"class":717,"line":499},[715,2955,2956],{"class":914},"  --selaras-color-success-fill",[715,2958,918],{"class":728},[715,2960,2961],{"class":921},"#16a34a",[715,2963,729],{"class":728},[715,2965,2966,2969,2971,2974],{"class":717,"line":504},[715,2967,2968],{"class":914},"  --selaras-color-success-fill-hover",[715,2970,918],{"class":728},[715,2972,2973],{"class":921},"#138a3f",[715,2975,729],{"class":728},[715,2977,2978,2981,2983,2986],{"class":717,"line":509},[715,2979,2980],{"class":914},"  --selaras-color-success-fill-pressed",[715,2982,918],{"class":728},[715,2984,2985],{"class":921},"#107436",[715,2987,729],{"class":728},[715,2989,2990,2993,2995,2997],{"class":717,"line":514},[715,2991,2992],{"class":914},"  --selaras-color-success-on-fill",[715,2994,918],{"class":728},[715,2996,974],{"class":921},[715,2998,729],{"class":728},[715,3000,3001],{"class":717,"line":519},[715,3002,995],{"emptyLinePlaceholder":686},[715,3004,3005,3008,3010,3013],{"class":717,"line":524},[715,3006,3007],{"class":914},"  --selaras-color-success-subtle",[715,3009,918],{"class":728},[715,3011,3012],{"class":921},"#eaf8ef",[715,3014,729],{"class":728},[715,3016,3018,3021,3023,3026],{"class":717,"line":3017},77,[715,3019,3020],{"class":914},"  --selaras-color-success-subtle-hover",[715,3022,918],{"class":728},[715,3024,3025],{"class":921},"#dcf3e4",[715,3027,729],{"class":728},[715,3029,3031,3034,3036,3039],{"class":717,"line":3030},78,[715,3032,3033],{"class":914},"  --selaras-color-success-subtle-pressed",[715,3035,918],{"class":728},[715,3037,3038],{"class":921},"#ccecd8",[715,3040,729],{"class":728},[715,3042,3044,3047,3049,3052],{"class":717,"line":3043},79,[715,3045,3046],{"class":914},"  --selaras-color-success-on-subtle",[715,3048,918],{"class":728},[715,3050,3051],{"class":921},"#14532d",[715,3053,729],{"class":728},[715,3055,3056],{"class":717,"line":60},[715,3057,995],{"emptyLinePlaceholder":686},[715,3059,3061,3064,3066,3069],{"class":717,"line":3060},81,[715,3062,3063],{"class":914},"  --selaras-color-success-text",[715,3065,918],{"class":728},[715,3067,3068],{"class":921},"#16803f",[715,3070,729],{"class":728},[715,3072,3074,3077,3079,3082],{"class":717,"line":3073},82,[715,3075,3076],{"class":914},"  --selaras-color-success-text-hover",[715,3078,918],{"class":728},[715,3080,3081],{"class":921},"#126b35",[715,3083,729],{"class":728},[715,3085,3087,3090,3092,3095],{"class":717,"line":3086},83,[715,3088,3089],{"class":914},"  --selaras-color-success-text-pressed",[715,3091,918],{"class":728},[715,3093,3094],{"class":921},"#0f592d",[715,3096,729],{"class":728},[715,3098,3100],{"class":717,"line":3099},84,[715,3101,995],{"emptyLinePlaceholder":686},[715,3103,3105,3108,3110,3113],{"class":717,"line":3104},85,[715,3106,3107],{"class":914},"  --selaras-color-success-border",[715,3109,918],{"class":728},[715,3111,3112],{"class":921},"#3fc16d",[715,3114,729],{"class":728},[715,3116,3118,3121,3123,3125],{"class":717,"line":3117},86,[715,3119,3120],{"class":914},"  --selaras-color-success-focus",[715,3122,918],{"class":728},[715,3124,2961],{"class":921},[715,3126,729],{"class":728},[715,3128,3130],{"class":717,"line":3129},87,[715,3131,995],{"emptyLinePlaceholder":686},[715,3133,3135],{"class":717,"line":3134},88,[715,3136,3137],{"class":2227},"  \u002F* Info *\u002F\n",[715,3139,3141,3144,3146,3149],{"class":717,"line":3140},89,[715,3142,3143],{"class":914},"  --selaras-color-info-fill",[715,3145,918],{"class":728},[715,3147,3148],{"class":921},"#0ea5e9",[715,3150,729],{"class":728},[715,3152,3153,3156,3158,3161],{"class":717,"line":65},[715,3154,3155],{"class":914},"  --selaras-color-info-fill-hover",[715,3157,918],{"class":728},[715,3159,3160],{"class":921},"#0c91cc",[715,3162,729],{"class":728},[715,3164,3166,3169,3171,3174],{"class":717,"line":3165},91,[715,3167,3168],{"class":914},"  --selaras-color-info-fill-pressed",[715,3170,918],{"class":728},[715,3172,3173],{"class":921},"#0a7db0",[715,3175,729],{"class":728},[715,3177,3179,3182,3184,3186],{"class":717,"line":3178},92,[715,3180,3181],{"class":914},"  --selaras-color-info-on-fill",[715,3183,918],{"class":728},[715,3185,974],{"class":921},[715,3187,729],{"class":728},[715,3189,3191],{"class":717,"line":3190},93,[715,3192,995],{"emptyLinePlaceholder":686},[715,3194,3196,3199,3201,3204],{"class":717,"line":3195},94,[715,3197,3198],{"class":914},"  --selaras-color-info-subtle",[715,3200,918],{"class":728},[715,3202,3203],{"class":921},"#e9f7fe",[715,3205,729],{"class":728},[715,3207,3209,3212,3214,3217],{"class":717,"line":3208},95,[715,3210,3211],{"class":914},"  --selaras-color-info-subtle-hover",[715,3213,918],{"class":728},[715,3215,3216],{"class":921},"#d8f1fd",[715,3218,729],{"class":728},[715,3220,3222,3225,3227,3230],{"class":717,"line":3221},96,[715,3223,3224],{"class":914},"  --selaras-color-info-subtle-pressed",[715,3226,918],{"class":728},[715,3228,3229],{"class":921},"#c7eafb",[715,3231,729],{"class":728},[715,3233,3235,3238,3240,3243],{"class":717,"line":3234},97,[715,3236,3237],{"class":914},"  --selaras-color-info-on-subtle",[715,3239,918],{"class":728},[715,3241,3242],{"class":921},"#0c4a6e",[715,3244,729],{"class":728},[715,3246,3248],{"class":717,"line":3247},98,[715,3249,995],{"emptyLinePlaceholder":686},[715,3251,3253,3256,3258,3261],{"class":717,"line":3252},99,[715,3254,3255],{"class":914},"  --selaras-color-info-text",[715,3257,918],{"class":728},[715,3259,3260],{"class":921},"#087fb6",[715,3262,729],{"class":728},[715,3264,3266,3269,3271,3274],{"class":717,"line":3265},100,[715,3267,3268],{"class":914},"  --selaras-color-info-text-hover",[715,3270,918],{"class":728},[715,3272,3273],{"class":921},"#076b9a",[715,3275,729],{"class":728},[715,3277,3279,3282,3284,3287],{"class":717,"line":3278},101,[715,3280,3281],{"class":914},"  --selaras-color-info-text-pressed",[715,3283,918],{"class":728},[715,3285,3286],{"class":921},"#065a82",[715,3288,729],{"class":728},[715,3290,3292],{"class":717,"line":3291},102,[715,3293,995],{"emptyLinePlaceholder":686},[715,3295,3297,3300,3302,3305],{"class":717,"line":3296},103,[715,3298,3299],{"class":914},"  --selaras-color-info-border",[715,3301,918],{"class":728},[715,3303,3304],{"class":921},"#38bdf8",[715,3306,729],{"class":728},[715,3308,3310,3313,3315,3317],{"class":717,"line":3309},104,[715,3311,3312],{"class":914},"  --selaras-color-info-focus",[715,3314,918],{"class":728},[715,3316,3148],{"class":921},[715,3318,729],{"class":728},[715,3320,3322],{"class":717,"line":3321},105,[715,3323,995],{"emptyLinePlaceholder":686},[715,3325,3327],{"class":717,"line":3326},106,[715,3328,3329],{"class":2227},"  \u002F* Warning *\u002F\n",[715,3331,3333,3335,3337,3339],{"class":717,"line":3332},107,[715,3334,1313],{"class":914},[715,3336,918],{"class":728},[715,3338,1318],{"class":921},[715,3340,729],{"class":728},[715,3342,3344,3346,3348,3351],{"class":717,"line":3343},108,[715,3345,1944],{"class":914},[715,3347,918],{"class":728},[715,3349,3350],{"class":921},"#eeee00",[715,3352,729],{"class":728},[715,3354,3356,3358,3360,3363],{"class":717,"line":3355},109,[715,3357,1951],{"class":914},[715,3359,918],{"class":728},[715,3361,3362],{"class":921},"#d8d800",[715,3364,729],{"class":728},[715,3366,3368,3370,3372,3375],{"class":717,"line":3367},110,[715,3369,1325],{"class":914},[715,3371,918],{"class":728},[715,3373,3374],{"class":921},"#111111",[715,3376,729],{"class":728},[715,3378,3380],{"class":717,"line":3379},111,[715,3381,995],{"emptyLinePlaceholder":686},[715,3383,3385,3387,3389,3392],{"class":717,"line":3384},112,[715,3386,1975],{"class":914},[715,3388,918],{"class":728},[715,3390,3391],{"class":921},"#fffed6",[715,3393,729],{"class":728},[715,3395,3397,3399,3401,3404],{"class":717,"line":3396},113,[715,3398,1982],{"class":914},[715,3400,918],{"class":728},[715,3402,3403],{"class":921},"#fffca8",[715,3405,729],{"class":728},[715,3407,3409,3411,3413,3416],{"class":717,"line":3408},114,[715,3410,1989],{"class":914},[715,3412,918],{"class":728},[715,3414,3415],{"class":921},"#fff77a",[715,3417,729],{"class":728},[715,3419,3421,3423,3425,3428],{"class":717,"line":3420},115,[715,3422,1996],{"class":914},[715,3424,918],{"class":728},[715,3426,3427],{"class":921},"#575700",[715,3429,729],{"class":728},[715,3431,3433],{"class":717,"line":3432},116,[715,3434,995],{"emptyLinePlaceholder":686},[715,3436,3438,3440,3442,3445],{"class":717,"line":3437},117,[715,3439,2007],{"class":914},[715,3441,918],{"class":728},[715,3443,3444],{"class":921},"#757500",[715,3446,729],{"class":728},[715,3448,3450,3452,3454,3457],{"class":717,"line":3449},118,[715,3451,2014],{"class":914},[715,3453,918],{"class":728},[715,3455,3456],{"class":921},"#626200",[715,3458,729],{"class":728},[715,3460,3462,3464,3466,3469],{"class":717,"line":3461},119,[715,3463,2021],{"class":914},[715,3465,918],{"class":728},[715,3467,3468],{"class":921},"#505000",[715,3470,729],{"class":728},[715,3472,3474],{"class":717,"line":3473},120,[715,3475,995],{"emptyLinePlaceholder":686},[715,3477,3479,3481,3483,3486],{"class":717,"line":3478},121,[715,3480,2032],{"class":914},[715,3482,918],{"class":728},[715,3484,3485],{"class":921},"#bdbd00",[715,3487,729],{"class":728},[715,3489,3491,3493,3495,3498],{"class":717,"line":3490},122,[715,3492,2039],{"class":914},[715,3494,918],{"class":728},[715,3496,3497],{"class":921},"#8a8a00",[715,3499,729],{"class":728},[715,3501,3503],{"class":717,"line":3502},123,[715,3504,995],{"emptyLinePlaceholder":686},[715,3506,3508],{"class":717,"line":3507},124,[715,3509,3510],{"class":2227},"  \u002F* Danger *\u002F\n",[715,3512,3514,3517,3519,3522],{"class":717,"line":3513},125,[715,3515,3516],{"class":914},"  --selaras-color-danger-fill",[715,3518,918],{"class":728},[715,3520,3521],{"class":921},"#ff3b5c",[715,3523,729],{"class":728},[715,3525,3527,3530,3532,3535],{"class":717,"line":3526},126,[715,3528,3529],{"class":914},"  --selaras-color-danger-fill-hover",[715,3531,918],{"class":728},[715,3533,3534],{"class":921},"#ed2e4e",[715,3536,729],{"class":728},[715,3538,3540,3543,3545,3548],{"class":717,"line":3539},127,[715,3541,3542],{"class":914},"  --selaras-color-danger-fill-pressed",[715,3544,918],{"class":728},[715,3546,3547],{"class":921},"#d62241",[715,3549,729],{"class":728},[715,3551,3553,3556,3558,3560],{"class":717,"line":3552},128,[715,3554,3555],{"class":914},"  --selaras-color-danger-on-fill",[715,3557,918],{"class":728},[715,3559,974],{"class":921},[715,3561,729],{"class":728},[715,3563,3565],{"class":717,"line":3564},129,[715,3566,995],{"emptyLinePlaceholder":686},[715,3568,3570,3573,3575,3578],{"class":717,"line":3569},130,[715,3571,3572],{"class":914},"  --selaras-color-danger-subtle",[715,3574,918],{"class":728},[715,3576,3577],{"class":921},"#fff0f3",[715,3579,729],{"class":728},[715,3581,3583,3586,3588,3591],{"class":717,"line":3582},131,[715,3584,3585],{"class":914},"  --selaras-color-danger-subtle-hover",[715,3587,918],{"class":728},[715,3589,3590],{"class":921},"#ffe1e7",[715,3592,729],{"class":728},[715,3594,3596,3599,3601,3604],{"class":717,"line":3595},132,[715,3597,3598],{"class":914},"  --selaras-color-danger-subtle-pressed",[715,3600,918],{"class":728},[715,3602,3603],{"class":921},"#ffd0da",[715,3605,729],{"class":728},[715,3607,3609,3612,3614,3617],{"class":717,"line":3608},133,[715,3610,3611],{"class":914},"  --selaras-color-danger-on-subtle",[715,3613,918],{"class":728},[715,3615,3616],{"class":921},"#8a1c32",[715,3618,729],{"class":728},[715,3620,3622],{"class":717,"line":3621},134,[715,3623,995],{"emptyLinePlaceholder":686},[715,3625,3627,3630,3632,3635],{"class":717,"line":3626},135,[715,3628,3629],{"class":914},"  --selaras-color-danger-text",[715,3631,918],{"class":728},[715,3633,3634],{"class":921},"#d92c49",[715,3636,729],{"class":728},[715,3638,3640,3643,3645,3648],{"class":717,"line":3639},136,[715,3641,3642],{"class":914},"  --selaras-color-danger-text-hover",[715,3644,918],{"class":728},[715,3646,3647],{"class":921},"#bd243f",[715,3649,729],{"class":728},[715,3651,3653,3656,3658,3661],{"class":717,"line":3652},137,[715,3654,3655],{"class":914},"  --selaras-color-danger-text-pressed",[715,3657,918],{"class":728},[715,3659,3660],{"class":921},"#a21d35",[715,3662,729],{"class":728},[715,3664,3666],{"class":717,"line":3665},138,[715,3667,995],{"emptyLinePlaceholder":686},[715,3669,3671,3674,3676,3679],{"class":717,"line":3670},139,[715,3672,3673],{"class":914},"  --selaras-color-danger-border",[715,3675,918],{"class":728},[715,3677,3678],{"class":921},"#ff6b84",[715,3680,729],{"class":728},[715,3682,3684,3687,3689,3691],{"class":717,"line":3683},140,[715,3685,3686],{"class":914},"  --selaras-color-danger-focus",[715,3688,918],{"class":728},[715,3690,3521],{"class":921},[715,3692,729],{"class":728},[715,3694,3696],{"class":717,"line":3695},141,[715,3697,995],{"emptyLinePlaceholder":686},[715,3699,3701],{"class":717,"line":3700},142,[715,3702,3703],{"class":2227},"  \u002F* Neutral *\u002F\n",[715,3705,3707,3710,3712,3714],{"class":717,"line":3706},143,[715,3708,3709],{"class":914},"  --selaras-color-neutral-fill",[715,3711,918],{"class":728},[715,3713,1143],{"class":921},[715,3715,729],{"class":728},[715,3717,3719,3722,3724,3726],{"class":717,"line":3718},144,[715,3720,3721],{"class":914},"  --selaras-color-neutral-fill-hover",[715,3723,918],{"class":728},[715,3725,1154],{"class":921},[715,3727,729],{"class":728},[715,3729,3731,3734,3736,3739],{"class":717,"line":3730},145,[715,3732,3733],{"class":914},"  --selaras-color-neutral-fill-pressed",[715,3735,918],{"class":728},[715,3737,3738],{"class":921},"#52525b",[715,3740,729],{"class":728},[715,3742,3744,3747,3749,3751],{"class":717,"line":3743},146,[715,3745,3746],{"class":914},"  --selaras-color-neutral-on-fill",[715,3748,918],{"class":728},[715,3750,974],{"class":921},[715,3752,729],{"class":728},[715,3754,3756],{"class":717,"line":3755},147,[715,3757,995],{"emptyLinePlaceholder":686},[715,3759,3761,3764,3766,3769],{"class":717,"line":3760},148,[715,3762,3763],{"class":914},"  --selaras-color-neutral-subtle",[715,3765,918],{"class":728},[715,3767,3768],{"class":921},"#f4f4f5",[715,3770,729],{"class":728},[715,3772,3774,3777,3779,3781],{"class":717,"line":3773},149,[715,3775,3776],{"class":914},"  --selaras-color-neutral-subtle-hover",[715,3778,918],{"class":728},[715,3780,1037],{"class":921},[715,3782,729],{"class":728},[715,3784,3786,3789,3791,3793],{"class":717,"line":3785},150,[715,3787,3788],{"class":914},"  --selaras-color-neutral-subtle-pressed",[715,3790,918],{"class":728},[715,3792,1049],{"class":921},[715,3794,729],{"class":728},[715,3796,3798,3801,3803,3805],{"class":717,"line":3797},151,[715,3799,3800],{"class":914},"  --selaras-color-neutral-on-subtle",[715,3802,918],{"class":728},[715,3804,1143],{"class":921},[715,3806,729],{"class":728},[715,3808,3810],{"class":717,"line":3809},152,[715,3811,995],{"emptyLinePlaceholder":686},[715,3813,3815,3818,3820,3822],{"class":717,"line":3814},153,[715,3816,3817],{"class":914},"  --selaras-color-neutral-text",[715,3819,918],{"class":728},[715,3821,1154],{"class":921},[715,3823,729],{"class":728},[715,3825,3827,3830,3832,3834],{"class":717,"line":3826},154,[715,3828,3829],{"class":914},"  --selaras-color-neutral-text-hover",[715,3831,918],{"class":728},[715,3833,1143],{"class":921},[715,3835,729],{"class":728},[715,3837,3839,3842,3844,3846],{"class":717,"line":3838},155,[715,3840,3841],{"class":914},"  --selaras-color-neutral-text-pressed",[715,3843,918],{"class":728},[715,3845,1006],{"class":921},[715,3847,729],{"class":728},[715,3849,3851],{"class":717,"line":3850},156,[715,3852,995],{"emptyLinePlaceholder":686},[715,3854,3856,3859,3861,3863],{"class":717,"line":3855},157,[715,3857,3858],{"class":914},"  --selaras-color-neutral-border",[715,3860,918],{"class":728},[715,3862,1128],{"class":921},[715,3864,729],{"class":728},[715,3866,3868,3871,3873,3875],{"class":717,"line":3867},158,[715,3869,3870],{"class":914},"  --selaras-color-neutral-focus",[715,3872,918],{"class":728},[715,3874,3738],{"class":921},[715,3876,729],{"class":728},[715,3878,3880],{"class":717,"line":3879},159,[715,3881,932],{"class":728},[715,3883,3885],{"class":717,"line":3884},160,[715,3886,995],{"emptyLinePlaceholder":686},[715,3888,3890],{"class":717,"line":3889},161,[715,3891,995],{"emptyLinePlaceholder":686},[715,3893,3895],{"class":717,"line":3894},162,[715,3896,3897],{"class":2227},"\u002F* Dark mode *\u002F\n",[715,3899,3901,3903],{"class":717,"line":3900},163,[715,3902,1061],{"class":905},[715,3904,909],{"class":728},[715,3906,3908],{"class":717,"line":3907},164,[715,3909,2239],{"class":2227},[715,3911,3913,3915,3917,3919],{"class":717,"line":3912},165,[715,3914,958],{"class":914},[715,3916,918],{"class":728},[715,3918,1082],{"class":921},[715,3920,729],{"class":728},[715,3922,3924,3926,3928,3931],{"class":717,"line":3923},166,[715,3925,969],{"class":914},[715,3927,918],{"class":728},[715,3929,3930],{"class":921},"#0f0f12",[715,3932,729],{"class":728},[715,3934,3936,3938,3940,3943],{"class":717,"line":3935},167,[715,3937,982],{"class":914},[715,3939,918],{"class":728},[715,3941,3942],{"class":921},"#18181d",[715,3944,729],{"class":728},[715,3946,3948,3950,3952,3955],{"class":717,"line":3947},168,[715,3949,2275],{"class":914},[715,3951,918],{"class":728},[715,3953,3954],{"class":921},"#f6f6f6",[715,3956,729],{"class":728},[715,3958,3960],{"class":717,"line":3959},169,[715,3961,995],{"emptyLinePlaceholder":686},[715,3963,3965],{"class":717,"line":3964},170,[715,3966,2291],{"class":2227},[715,3968,3970,3972,3974,3976],{"class":717,"line":3969},171,[715,3971,1001],{"class":914},[715,3973,918],{"class":728},[715,3975,3768],{"class":921},[715,3977,729],{"class":728},[715,3979,3981,3983,3985,3987],{"class":717,"line":3980},172,[715,3982,1014],{"class":914},[715,3984,918],{"class":728},[715,3986,1128],{"class":921},[715,3988,729],{"class":728},[715,3990,3992,3994,3996,3998],{"class":717,"line":3991},173,[715,3993,2318],{"class":914},[715,3995,918],{"class":728},[715,3997,1006],{"class":921},[715,3999,729],{"class":728},[715,4001,4003],{"class":717,"line":4002},174,[715,4004,995],{"emptyLinePlaceholder":686},[715,4006,4008],{"class":717,"line":4007},175,[715,4009,2333],{"class":2227},[715,4011,4013,4015,4017,4020],{"class":717,"line":4012},176,[715,4014,1032],{"class":914},[715,4016,918],{"class":728},[715,4018,4019],{"class":921},"#2d2d35",[715,4021,729],{"class":728},[715,4023,4025,4027,4029,4032],{"class":717,"line":4024},177,[715,4026,2349],{"class":914},[715,4028,918],{"class":728},[715,4030,4031],{"class":921},"#232329",[715,4033,729],{"class":728},[715,4035,4037,4039,4041,4044],{"class":717,"line":4036},178,[715,4038,1044],{"class":914},[715,4040,918],{"class":728},[715,4042,4043],{"class":921},"#3b3b45",[715,4045,729],{"class":728},[715,4047,4049],{"class":717,"line":4048},179,[715,4050,995],{"emptyLinePlaceholder":686},[715,4052,4054],{"class":717,"line":4053},180,[715,4055,2376],{"class":2227},[715,4057,4059,4061,4063,4065,4067,4069,4071,4073,4075,4078],{"class":717,"line":4058},181,[715,4060,2381],{"class":914},[715,4062,918],{"class":728},[715,4064,2386],{"class":921},[715,4066,1395],{"class":728},[715,4068,2391],{"class":921},[715,4070,2394],{"class":921},[715,4072,2394],{"class":921},[715,4074,2399],{"class":728},[715,4076,4077],{"class":921},"0.72",[715,4079,1401],{"class":728},[715,4081,4083],{"class":717,"line":4082},182,[715,4084,995],{"emptyLinePlaceholder":686},[715,4086,4088],{"class":717,"line":4087},183,[715,4089,2413],{"class":2227},[715,4091,4093,4095,4097,4099,4101],{"class":717,"line":4092},184,[715,4094,915],{"class":914},[715,4096,918],{"class":728},[715,4098,2422],{"class":921},[715,4100,925],{"class":720},[715,4102,729],{"class":728},[715,4104,4106,4108,4110,4112,4114],{"class":717,"line":4105},185,[715,4107,2431],{"class":914},[715,4109,918],{"class":728},[715,4111,922],{"class":921},[715,4113,925],{"class":720},[715,4115,729],{"class":728},[715,4117,4119,4121,4123,4125,4127],{"class":717,"line":4118},186,[715,4120,2444],{"class":914},[715,4122,918],{"class":728},[715,4124,2422],{"class":921},[715,4126,925],{"class":720},[715,4128,729],{"class":728},[715,4130,4132,4134,4136,4138,4140],{"class":717,"line":4131},187,[715,4133,2457],{"class":914},[715,4135,918],{"class":728},[715,4137,2462],{"class":921},[715,4139,925],{"class":720},[715,4141,729],{"class":728},[715,4143,4145,4147,4149,4151,4153],{"class":717,"line":4144},188,[715,4146,2471],{"class":914},[715,4148,918],{"class":728},[715,4150,2476],{"class":921},[715,4152,2479],{"class":720},[715,4154,729],{"class":728},[715,4156,4158],{"class":717,"line":4157},189,[715,4159,995],{"emptyLinePlaceholder":686},[715,4161,4163],{"class":717,"line":4162},190,[715,4164,2490],{"class":2227},[715,4166,4168,4170,4172,4174,4176,4178,4180,4182,4184,4186,4188,4190,4192,4194,4197],{"class":717,"line":4167},191,[715,4169,2495],{"class":914},[715,4171,918],{"class":728},[715,4173,2391],{"class":921},[715,4175,2502],{"class":921},[715,4177,2479],{"class":720},[715,4179,2507],{"class":921},[715,4181,2479],{"class":720},[715,4183,2512],{"class":921},[715,4185,1395],{"class":728},[715,4187,2391],{"class":921},[715,4189,2394],{"class":921},[715,4191,2394],{"class":921},[715,4193,2399],{"class":728},[715,4195,4196],{"class":921},"0.28",[715,4198,1401],{"class":728},[715,4200,4202,4204,4206,4208,4210,4212,4214,4216,4218,4220,4222,4224,4226,4228,4231],{"class":717,"line":4201},192,[715,4203,2532],{"class":914},[715,4205,918],{"class":728},[715,4207,2391],{"class":921},[715,4209,1444],{"class":921},[715,4211,2479],{"class":720},[715,4213,1800],{"class":921},[715,4215,2479],{"class":720},[715,4217,2512],{"class":921},[715,4219,1395],{"class":728},[715,4221,2391],{"class":921},[715,4223,2394],{"class":921},[715,4225,2394],{"class":921},[715,4227,2399],{"class":728},[715,4229,4230],{"class":921},"0.38",[715,4232,1401],{"class":728},[715,4234,4236,4238,4240,4242,4245,4247,4250,4252,4254,4256,4258,4260,4262,4264,4267],{"class":717,"line":4235},193,[715,4237,2567],{"class":914},[715,4239,918],{"class":728},[715,4241,2391],{"class":921},[715,4243,4244],{"class":921}," 22",[715,4246,2479],{"class":720},[715,4248,4249],{"class":921}," 56",[715,4251,2479],{"class":720},[715,4253,2512],{"class":921},[715,4255,1395],{"class":728},[715,4257,2391],{"class":921},[715,4259,2394],{"class":921},[715,4261,2394],{"class":921},[715,4263,2399],{"class":728},[715,4265,4266],{"class":921},"0.48",[715,4268,1401],{"class":728},[715,4270,4272],{"class":717,"line":4271},194,[715,4273,995],{"emptyLinePlaceholder":686},[715,4275,4277],{"class":717,"line":4276},195,[715,4278,2606],{"class":2227},[715,4280,4282,4284,4286,4289],{"class":717,"line":4281},196,[715,4283,1384],{"class":914},[715,4285,918],{"class":728},[715,4287,4288],{"class":921},"#8b6cff",[715,4290,729],{"class":728},[715,4292,4294,4296,4298,4301],{"class":717,"line":4293},197,[715,4295,1410],{"class":914},[715,4297,918],{"class":728},[715,4299,4300],{"class":921},"#9c82ff",[715,4302,729],{"class":728},[715,4304,4306,4308,4310,4313],{"class":717,"line":4305},198,[715,4307,1458],{"class":914},[715,4309,918],{"class":728},[715,4311,4312],{"class":921},"#ad98ff",[715,4314,729],{"class":728},[715,4316,4318,4320,4322,4325],{"class":717,"line":4317},199,[715,4319,1499],{"class":914},[715,4321,918],{"class":728},[715,4323,4324],{"class":921},"#171020",[715,4326,729],{"class":728},[715,4328,4330],{"class":717,"line":4329},200,[715,4331,995],{"emptyLinePlaceholder":686},[715,4333,4335,4337,4339,4342],{"class":717,"line":4334},201,[715,4336,1562],{"class":914},[715,4338,918],{"class":728},[715,4340,4341],{"class":921},"#261f46",[715,4343,729],{"class":728},[715,4345,4347,4349,4351,4354],{"class":717,"line":4346},202,[715,4348,1606],{"class":914},[715,4350,918],{"class":728},[715,4352,4353],{"class":921},"#302858",[715,4355,729],{"class":728},[715,4357,4359,4361,4363,4366],{"class":717,"line":4358},203,[715,4360,1648],{"class":914},[715,4362,918],{"class":728},[715,4364,4365],{"class":921},"#3a306a",[715,4367,729],{"class":728},[715,4369,4371,4373,4375,4378],{"class":717,"line":4370},204,[715,4372,1690],{"class":914},[715,4374,918],{"class":728},[715,4376,4377],{"class":921},"#d9d0ff",[715,4379,729],{"class":728},[715,4381,4383],{"class":717,"line":4382},205,[715,4384,995],{"emptyLinePlaceholder":686},[715,4386,4388,4390,4392,4395],{"class":717,"line":4387},206,[715,4389,1730],{"class":914},[715,4391,918],{"class":728},[715,4393,4394],{"class":921},"#b9a9ff",[715,4396,729],{"class":728},[715,4398,4400,4402,4404,4407],{"class":717,"line":4399},207,[715,4401,1773],{"class":914},[715,4403,918],{"class":728},[715,4405,4406],{"class":921},"#c9bcff",[715,4408,729],{"class":728},[715,4410,4412,4414,4416,4419],{"class":717,"line":4411},208,[715,4413,1815],{"class":914},[715,4415,918],{"class":728},[715,4417,4418],{"class":921},"#d8d0ff",[715,4420,729],{"class":728},[715,4422,4424],{"class":717,"line":4423},209,[715,4425,995],{"emptyLinePlaceholder":686},[715,4427,4429,4431,4433,4436],{"class":717,"line":4428},210,[715,4430,1855],{"class":914},[715,4432,918],{"class":728},[715,4434,4435],{"class":921},"#7259dc",[715,4437,729],{"class":728},[715,4439,4441,4443,4445,4448],{"class":717,"line":4440},211,[715,4442,1878],{"class":914},[715,4444,918],{"class":728},[715,4446,4447],{"class":921},"#9f8aff",[715,4449,729],{"class":728},[715,4451,4453],{"class":717,"line":4452},212,[715,4454,995],{"emptyLinePlaceholder":686},[715,4456,4458],{"class":717,"line":4457},213,[715,4459,2772],{"class":2227},[715,4461,4463,4465,4467,4469],{"class":717,"line":4462},214,[715,4464,2777],{"class":914},[715,4466,918],{"class":728},[715,4468,2929],{"class":921},[715,4470,729],{"class":728},[715,4472,4474,4476,4478,4481],{"class":717,"line":4473},215,[715,4475,2789],{"class":914},[715,4477,918],{"class":728},[715,4479,4480],{"class":921},"#ef91fb",[715,4482,729],{"class":728},[715,4484,4486,4488,4490,4493],{"class":717,"line":4485},216,[715,4487,2801],{"class":914},[715,4489,918],{"class":728},[715,4491,4492],{"class":921},"#f3a9fc",[715,4494,729],{"class":728},[715,4496,4498,4500,4502,4505],{"class":717,"line":4497},217,[715,4499,2813],{"class":914},[715,4501,918],{"class":728},[715,4503,4504],{"class":921},"#2a0b2e",[715,4506,729],{"class":728},[715,4508,4510],{"class":717,"line":4509},218,[715,4511,995],{"emptyLinePlaceholder":686},[715,4513,4515,4517,4519,4522],{"class":717,"line":4514},219,[715,4516,2830],{"class":914},[715,4518,918],{"class":728},[715,4520,4521],{"class":921},"#3c173f",[715,4523,729],{"class":728},[715,4525,4527,4529,4531,4534],{"class":717,"line":4526},220,[715,4528,2842],{"class":914},[715,4530,918],{"class":728},[715,4532,4533],{"class":921},"#4a1c4e",[715,4535,729],{"class":728},[715,4537,4539,4541,4543,4546],{"class":717,"line":4538},221,[715,4540,2854],{"class":914},[715,4542,918],{"class":728},[715,4544,4545],{"class":921},"#59235d",[715,4547,729],{"class":728},[715,4549,4551,4553,4555,4558],{"class":717,"line":4550},222,[715,4552,2867],{"class":914},[715,4554,918],{"class":728},[715,4556,4557],{"class":921},"#f7c9ff",[715,4559,729],{"class":728},[715,4561,4563],{"class":717,"line":4562},223,[715,4564,995],{"emptyLinePlaceholder":686},[715,4566,4568,4570,4572,4575],{"class":717,"line":4567},224,[715,4569,2884],{"class":914},[715,4571,918],{"class":728},[715,4573,4574],{"class":921},"#f0a5fb",[715,4576,729],{"class":728},[715,4578,4580,4582,4584,4587],{"class":717,"line":4579},225,[715,4581,2896],{"class":914},[715,4583,918],{"class":728},[715,4585,4586],{"class":921},"#f5bafd",[715,4588,729],{"class":728},[715,4590,4592,4594,4596,4599],{"class":717,"line":4591},226,[715,4593,2908],{"class":914},[715,4595,918],{"class":728},[715,4597,4598],{"class":921},"#f9d0fe",[715,4600,729],{"class":728},[715,4602,4604],{"class":717,"line":4603},227,[715,4605,995],{"emptyLinePlaceholder":686},[715,4607,4609,4611,4613,4616],{"class":717,"line":4608},228,[715,4610,2924],{"class":914},[715,4612,918],{"class":728},[715,4614,4615],{"class":921},"#c65fd6",[715,4617,729],{"class":728},[715,4619,4621,4623,4625,4627],{"class":717,"line":4620},229,[715,4622,2936],{"class":914},[715,4624,918],{"class":728},[715,4626,2929],{"class":921},[715,4628,729],{"class":728},[715,4630,4632],{"class":717,"line":4631},230,[715,4633,995],{"emptyLinePlaceholder":686},[715,4635,4637],{"class":717,"line":4636},231,[715,4638,2951],{"class":2227},[715,4640,4642,4644,4646,4649],{"class":717,"line":4641},232,[715,4643,2956],{"class":914},[715,4645,918],{"class":728},[715,4647,4648],{"class":921},"#22c55e",[715,4650,729],{"class":728},[715,4652,4654,4656,4658,4661],{"class":717,"line":4653},233,[715,4655,2968],{"class":914},[715,4657,918],{"class":728},[715,4659,4660],{"class":921},"#35d36f",[715,4662,729],{"class":728},[715,4664,4666,4668,4670,4673],{"class":717,"line":4665},234,[715,4667,2980],{"class":914},[715,4669,918],{"class":728},[715,4671,4672],{"class":921},"#4ade80",[715,4674,729],{"class":728},[715,4676,4678,4680,4682,4685],{"class":717,"line":4677},235,[715,4679,2992],{"class":914},[715,4681,918],{"class":728},[715,4683,4684],{"class":921},"#061a0c",[715,4686,729],{"class":728},[715,4688,4690],{"class":717,"line":4689},236,[715,4691,995],{"emptyLinePlaceholder":686},[715,4693,4695,4697,4699,4702],{"class":717,"line":4694},237,[715,4696,3007],{"class":914},[715,4698,918],{"class":728},[715,4700,4701],{"class":921},"#12331f",[715,4703,729],{"class":728},[715,4705,4707,4709,4711,4714],{"class":717,"line":4706},238,[715,4708,3020],{"class":914},[715,4710,918],{"class":728},[715,4712,4713],{"class":921},"#174129",[715,4715,729],{"class":728},[715,4717,4719,4721,4723,4726],{"class":717,"line":4718},239,[715,4720,3033],{"class":914},[715,4722,918],{"class":728},[715,4724,4725],{"class":921},"#1d5033",[715,4727,729],{"class":728},[715,4729,4731,4733,4735,4738],{"class":717,"line":4730},240,[715,4732,3046],{"class":914},[715,4734,918],{"class":728},[715,4736,4737],{"class":921},"#bbf7d0",[715,4739,729],{"class":728},[715,4741,4743],{"class":717,"line":4742},241,[715,4744,995],{"emptyLinePlaceholder":686},[715,4746,4748,4750,4752,4755],{"class":717,"line":4747},242,[715,4749,3063],{"class":914},[715,4751,918],{"class":728},[715,4753,4754],{"class":921},"#86efac",[715,4756,729],{"class":728},[715,4758,4760,4762,4764,4767],{"class":717,"line":4759},243,[715,4761,3076],{"class":914},[715,4763,918],{"class":728},[715,4765,4766],{"class":921},"#a7f3c0",[715,4768,729],{"class":728},[715,4770,4772,4774,4776,4779],{"class":717,"line":4771},244,[715,4773,3089],{"class":914},[715,4775,918],{"class":728},[715,4777,4778],{"class":921},"#c6f6d5",[715,4780,729],{"class":728},[715,4782,4784],{"class":717,"line":4783},245,[715,4785,995],{"emptyLinePlaceholder":686},[715,4787,4789,4791,4793,4796],{"class":717,"line":4788},246,[715,4790,3107],{"class":914},[715,4792,918],{"class":728},[715,4794,4795],{"class":921},"#3fba68",[715,4797,729],{"class":728},[715,4799,4801,4803,4805,4807],{"class":717,"line":4800},247,[715,4802,3120],{"class":914},[715,4804,918],{"class":728},[715,4806,4672],{"class":921},[715,4808,729],{"class":728},[715,4810,4812],{"class":717,"line":4811},248,[715,4813,995],{"emptyLinePlaceholder":686},[715,4815,4817],{"class":717,"line":4816},249,[715,4818,3137],{"class":2227},[715,4820,4822,4824,4826,4828],{"class":717,"line":4821},250,[715,4823,3143],{"class":914},[715,4825,918],{"class":728},[715,4827,3304],{"class":921},[715,4829,729],{"class":728},[715,4831,4833,4835,4837,4840],{"class":717,"line":4832},251,[715,4834,3155],{"class":914},[715,4836,918],{"class":728},[715,4838,4839],{"class":921},"#55c7fa",[715,4841,729],{"class":728},[715,4843,4845,4847,4849,4852],{"class":717,"line":4844},252,[715,4846,3168],{"class":914},[715,4848,918],{"class":728},[715,4850,4851],{"class":921},"#73d2fb",[715,4853,729],{"class":728},[715,4855,4857,4859,4861,4864],{"class":717,"line":4856},253,[715,4858,3181],{"class":914},[715,4860,918],{"class":728},[715,4862,4863],{"class":921},"#06151d",[715,4865,729],{"class":728},[715,4867,4869],{"class":717,"line":4868},254,[715,4870,995],{"emptyLinePlaceholder":686},[715,4872,4874,4876,4878,4881],{"class":717,"line":4873},255,[715,4875,3198],{"class":914},[715,4877,918],{"class":728},[715,4879,4880],{"class":921},"#112f3f",[715,4882,729],{"class":728},[715,4884,4886,4888,4890,4893],{"class":717,"line":4885},256,[715,4887,3211],{"class":914},[715,4889,918],{"class":728},[715,4891,4892],{"class":921},"#163c50",[715,4894,729],{"class":728},[715,4896,4898,4900,4902,4905],{"class":717,"line":4897},257,[715,4899,3224],{"class":914},[715,4901,918],{"class":728},[715,4903,4904],{"class":921},"#1b4a61",[715,4906,729],{"class":728},[715,4908,4910,4912,4914,4917],{"class":717,"line":4909},258,[715,4911,3237],{"class":914},[715,4913,918],{"class":728},[715,4915,4916],{"class":921},"#c7efff",[715,4918,729],{"class":728},[715,4920,4922],{"class":717,"line":4921},259,[715,4923,995],{"emptyLinePlaceholder":686},[715,4925,4927,4929,4931,4934],{"class":717,"line":4926},260,[715,4928,3255],{"class":914},[715,4930,918],{"class":728},[715,4932,4933],{"class":921},"#7dd3fc",[715,4935,729],{"class":728},[715,4937,4939,4941,4943,4946],{"class":717,"line":4938},261,[715,4940,3268],{"class":914},[715,4942,918],{"class":728},[715,4944,4945],{"class":921},"#9bdffc",[715,4947,729],{"class":728},[715,4949,4951,4953,4955,4958],{"class":717,"line":4950},262,[715,4952,3281],{"class":914},[715,4954,918],{"class":728},[715,4956,4957],{"class":921},"#bae9fd",[715,4959,729],{"class":728},[715,4961,4963],{"class":717,"line":4962},263,[715,4964,995],{"emptyLinePlaceholder":686},[715,4966,4968,4970,4972,4975],{"class":717,"line":4967},264,[715,4969,3299],{"class":914},[715,4971,918],{"class":728},[715,4973,4974],{"class":921},"#2e9fd0",[715,4976,729],{"class":728},[715,4978,4980,4982,4984,4986],{"class":717,"line":4979},265,[715,4981,3312],{"class":914},[715,4983,918],{"class":728},[715,4985,3304],{"class":921},[715,4987,729],{"class":728},[715,4989,4991],{"class":717,"line":4990},266,[715,4992,995],{"emptyLinePlaceholder":686},[715,4994,4996],{"class":717,"line":4995},267,[715,4997,3329],{"class":2227},[715,4999,5001,5003,5005,5008],{"class":717,"line":5000},268,[715,5002,1313],{"class":914},[715,5004,918],{"class":728},[715,5006,5007],{"class":921},"#ffff33",[715,5009,729],{"class":728},[715,5011,5013,5015,5017,5020],{"class":717,"line":5012},269,[715,5014,1944],{"class":914},[715,5016,918],{"class":728},[715,5018,5019],{"class":921},"#ffff66",[715,5021,729],{"class":728},[715,5023,5025,5027,5029,5032],{"class":717,"line":5024},270,[715,5026,1951],{"class":914},[715,5028,918],{"class":728},[715,5030,5031],{"class":921},"#ffff88",[715,5033,729],{"class":728},[715,5035,5037,5039,5041,5044],{"class":717,"line":5036},271,[715,5038,1325],{"class":914},[715,5040,918],{"class":728},[715,5042,5043],{"class":921},"#111100",[715,5045,729],{"class":728},[715,5047,5049],{"class":717,"line":5048},272,[715,5050,995],{"emptyLinePlaceholder":686},[715,5052,5054,5056,5058,5061],{"class":717,"line":5053},273,[715,5055,1975],{"class":914},[715,5057,918],{"class":728},[715,5059,5060],{"class":921},"#333300",[715,5062,729],{"class":728},[715,5064,5066,5068,5070,5073],{"class":717,"line":5065},274,[715,5067,1982],{"class":914},[715,5069,918],{"class":728},[715,5071,5072],{"class":921},"#414100",[715,5074,729],{"class":728},[715,5076,5078,5080,5082,5084],{"class":717,"line":5077},275,[715,5079,1989],{"class":914},[715,5081,918],{"class":728},[715,5083,3468],{"class":921},[715,5085,729],{"class":728},[715,5087,5089,5091,5093,5096],{"class":717,"line":5088},276,[715,5090,1996],{"class":914},[715,5092,918],{"class":728},[715,5094,5095],{"class":921},"#ffffb8",[715,5097,729],{"class":728},[715,5099,5101],{"class":717,"line":5100},277,[715,5102,995],{"emptyLinePlaceholder":686},[715,5104,5106,5108,5110,5112],{"class":717,"line":5105},278,[715,5107,2007],{"class":914},[715,5109,918],{"class":728},[715,5111,5019],{"class":921},[715,5113,729],{"class":728},[715,5115,5117,5119,5121,5123],{"class":717,"line":5116},279,[715,5118,2014],{"class":914},[715,5120,918],{"class":728},[715,5122,5031],{"class":921},[715,5124,729],{"class":728},[715,5126,5128,5130,5132,5135],{"class":717,"line":5127},280,[715,5129,2021],{"class":914},[715,5131,918],{"class":728},[715,5133,5134],{"class":921},"#ffffaa",[715,5136,729],{"class":728},[715,5138,5140],{"class":717,"line":5139},281,[715,5141,995],{"emptyLinePlaceholder":686},[715,5143,5145,5147,5149,5152],{"class":717,"line":5144},282,[715,5146,2032],{"class":914},[715,5148,918],{"class":728},[715,5150,5151],{"class":921},"#baba24",[715,5153,729],{"class":728},[715,5155,5157,5159,5161,5163],{"class":717,"line":5156},283,[715,5158,2039],{"class":914},[715,5160,918],{"class":728},[715,5162,5019],{"class":921},[715,5164,729],{"class":728},[715,5166,5168],{"class":717,"line":5167},284,[715,5169,995],{"emptyLinePlaceholder":686},[715,5171,5173],{"class":717,"line":5172},285,[715,5174,3510],{"class":2227},[715,5176,5178,5180,5182,5185],{"class":717,"line":5177},286,[715,5179,3516],{"class":914},[715,5181,918],{"class":728},[715,5183,5184],{"class":921},"#ff5c78",[715,5186,729],{"class":728},[715,5188,5190,5192,5194,5197],{"class":717,"line":5189},287,[715,5191,3529],{"class":914},[715,5193,918],{"class":728},[715,5195,5196],{"class":921},"#ff748c",[715,5198,729],{"class":728},[715,5200,5202,5204,5206,5209],{"class":717,"line":5201},288,[715,5203,3542],{"class":914},[715,5205,918],{"class":728},[715,5207,5208],{"class":921},"#ff8ca0",[715,5210,729],{"class":728},[715,5212,5214,5216,5218,5221],{"class":717,"line":5213},289,[715,5215,3555],{"class":914},[715,5217,918],{"class":728},[715,5219,5220],{"class":921},"#26070d",[715,5222,729],{"class":728},[715,5224,5226],{"class":717,"line":5225},290,[715,5227,995],{"emptyLinePlaceholder":686},[715,5229,5231,5233,5235,5238],{"class":717,"line":5230},291,[715,5232,3572],{"class":914},[715,5234,918],{"class":728},[715,5236,5237],{"class":921},"#3c1720",[715,5239,729],{"class":728},[715,5241,5243,5245,5247,5250],{"class":717,"line":5242},292,[715,5244,3585],{"class":914},[715,5246,918],{"class":728},[715,5248,5249],{"class":921},"#4b1c28",[715,5251,729],{"class":728},[715,5253,5255,5257,5259,5262],{"class":717,"line":5254},293,[715,5256,3598],{"class":914},[715,5258,918],{"class":728},[715,5260,5261],{"class":921},"#5b2330",[715,5263,729],{"class":728},[715,5265,5267,5269,5271,5273],{"class":717,"line":5266},294,[715,5268,3611],{"class":914},[715,5270,918],{"class":728},[715,5272,3603],{"class":921},[715,5274,729],{"class":728},[715,5276,5278],{"class":717,"line":5277},295,[715,5279,995],{"emptyLinePlaceholder":686},[715,5281,5283,5285,5287,5290],{"class":717,"line":5282},296,[715,5284,3629],{"class":914},[715,5286,918],{"class":728},[715,5288,5289],{"class":921},"#ff9caf",[715,5291,729],{"class":728},[715,5293,5295,5297,5299,5302],{"class":717,"line":5294},297,[715,5296,3642],{"class":914},[715,5298,918],{"class":728},[715,5300,5301],{"class":921},"#ffb3c1",[715,5303,729],{"class":728},[715,5305,5307,5309,5311,5314],{"class":717,"line":5306},298,[715,5308,3655],{"class":914},[715,5310,918],{"class":728},[715,5312,5313],{"class":921},"#ffc8d2",[715,5315,729],{"class":728},[715,5317,5319],{"class":717,"line":5318},299,[715,5320,995],{"emptyLinePlaceholder":686},[715,5322,5324,5326,5328,5331],{"class":717,"line":5323},300,[715,5325,3673],{"class":914},[715,5327,918],{"class":728},[715,5329,5330],{"class":921},"#d64f68",[715,5332,729],{"class":728},[715,5334,5336,5338,5340,5342],{"class":717,"line":5335},301,[715,5337,3686],{"class":914},[715,5339,918],{"class":728},[715,5341,3678],{"class":921},[715,5343,729],{"class":728},[715,5345,5347],{"class":717,"line":5346},302,[715,5348,995],{"emptyLinePlaceholder":686},[715,5350,5352],{"class":717,"line":5351},303,[715,5353,3703],{"class":2227},[715,5355,5357,5359,5361,5363],{"class":717,"line":5356},304,[715,5358,3709],{"class":914},[715,5360,918],{"class":728},[715,5362,1037],{"class":921},[715,5364,729],{"class":728},[715,5366,5368,5370,5372,5374],{"class":717,"line":5367},305,[715,5369,3721],{"class":914},[715,5371,918],{"class":728},[715,5373,3768],{"class":921},[715,5375,729],{"class":728},[715,5377,5379,5381,5383,5385],{"class":717,"line":5378},306,[715,5380,3733],{"class":914},[715,5382,918],{"class":728},[715,5384,974],{"class":921},[715,5386,729],{"class":728},[715,5388,5390,5392,5394,5396],{"class":717,"line":5389},307,[715,5391,3746],{"class":914},[715,5393,918],{"class":728},[715,5395,1006],{"class":921},[715,5397,729],{"class":728},[715,5399,5401],{"class":717,"line":5400},308,[715,5402,995],{"emptyLinePlaceholder":686},[715,5404,5406,5408,5410,5412],{"class":717,"line":5405},309,[715,5407,3763],{"class":914},[715,5409,918],{"class":728},[715,5411,1143],{"class":921},[715,5413,729],{"class":728},[715,5415,5417,5419,5421,5423],{"class":717,"line":5416},310,[715,5418,3776],{"class":914},[715,5420,918],{"class":728},[715,5422,1154],{"class":921},[715,5424,729],{"class":728},[715,5426,5428,5430,5432,5434],{"class":717,"line":5427},311,[715,5429,3788],{"class":914},[715,5431,918],{"class":728},[715,5433,3738],{"class":921},[715,5435,729],{"class":728},[715,5437,5439,5441,5443,5445],{"class":717,"line":5438},312,[715,5440,3800],{"class":914},[715,5442,918],{"class":728},[715,5444,3768],{"class":921},[715,5446,729],{"class":728},[715,5448,5450],{"class":717,"line":5449},313,[715,5451,995],{"emptyLinePlaceholder":686},[715,5453,5455,5457,5459,5461],{"class":717,"line":5454},314,[715,5456,3817],{"class":914},[715,5458,918],{"class":728},[715,5460,1049],{"class":921},[715,5462,729],{"class":728},[715,5464,5466,5468,5470,5472],{"class":717,"line":5465},315,[715,5467,3829],{"class":914},[715,5469,918],{"class":728},[715,5471,1037],{"class":921},[715,5473,729],{"class":728},[715,5475,5477,5479,5481,5483],{"class":717,"line":5476},316,[715,5478,3841],{"class":914},[715,5480,918],{"class":728},[715,5482,3768],{"class":921},[715,5484,729],{"class":728},[715,5486,5488],{"class":717,"line":5487},317,[715,5489,995],{"emptyLinePlaceholder":686},[715,5491,5493,5495,5497,5499],{"class":717,"line":5492},318,[715,5494,3858],{"class":914},[715,5496,918],{"class":728},[715,5498,1019],{"class":921},[715,5500,729],{"class":728},[715,5502,5504,5506,5508,5510],{"class":717,"line":5503},319,[715,5505,3870],{"class":914},[715,5507,918],{"class":728},[715,5509,1128],{"class":921},[715,5511,729],{"class":728},[715,5513,5515],{"class":717,"line":5514},320,[715,5516,932],{"class":728},[691,5518,5519,5520,2080],{},"This example changes the complete semantic theme without ",[698,5521,5522],{},"nuxt.config.ts",[691,5524,5525,5526,5528,5529,5532],{},"Use ",[698,5527,5522],{}," only when you need build-time features, such as a new\nrole name that must work with a component ",[698,5530,5531],{},"color"," prop.",[766,5534,5536],{"id":5535},"change-a-complete-foundation-palette","Change a complete foundation palette",[691,5538,5539],{},"The default foundations are Tailwind v4 theme variables.",[691,5541,5542],{},"For example, the default warning role uses the Selaras yellow foundation. You\ncan replace that foundation and keep the built-in warning recipe:",[706,5544,5546],{"className":708,"code":5545,"language":710,"meta":711,"style":711},"@theme {\n  --color-selaras-yellow-50: var(--color-orange-50);\n  --color-selaras-yellow-100: var(--color-orange-100);\n  --color-selaras-yellow-200: var(--color-orange-200);\n  --color-selaras-yellow-300: var(--color-orange-300);\n  --color-selaras-yellow-400: var(--color-orange-400);\n  --color-selaras-yellow-500: var(--color-orange-500);\n  --color-selaras-yellow-600: var(--color-orange-600);\n  --color-selaras-yellow-700: var(--color-orange-700);\n  --color-selaras-yellow-800: var(--color-orange-800);\n  --color-selaras-yellow-900: var(--color-orange-900);\n  --color-selaras-yellow-950: var(--color-orange-950);\n}\n",[698,5547,5548,5555,5560,5565,5570,5575,5580,5585,5590,5595,5600,5605,5610],{"__ignoreMap":711},[715,5549,5550,5553],{"class":717,"line":8},[715,5551,5552],{"class":720},"@theme",[715,5554,909],{"class":728},[715,5556,5557],{"class":717,"line":732},[715,5558,5559],{"class":728},"  --color-selaras-yellow-50: var(--color-orange-50);\n",[715,5561,5562],{"class":717,"line":742},[715,5563,5564],{"class":728},"  --color-selaras-yellow-100: var(--color-orange-100);\n",[715,5566,5567],{"class":717,"line":979},[715,5568,5569],{"class":728},"  --color-selaras-yellow-200: var(--color-orange-200);\n",[715,5571,5572],{"class":717,"line":992},[715,5573,5574],{"class":728},"  --color-selaras-yellow-300: var(--color-orange-300);\n",[715,5576,5577],{"class":717,"line":998},[715,5578,5579],{"class":728},"  --color-selaras-yellow-400: var(--color-orange-400);\n",[715,5581,5582],{"class":717,"line":1011},[715,5583,5584],{"class":728},"  --color-selaras-yellow-500: var(--color-orange-500);\n",[715,5586,5587],{"class":717,"line":1024},[715,5588,5589],{"class":728},"  --color-selaras-yellow-600: var(--color-orange-600);\n",[715,5591,5592],{"class":717,"line":1029},[715,5593,5594],{"class":728},"  --color-selaras-yellow-700: var(--color-orange-700);\n",[715,5596,5597],{"class":717,"line":13},[715,5598,5599],{"class":728},"  --color-selaras-yellow-800: var(--color-orange-800);\n",[715,5601,5602],{"class":717,"line":151},[715,5603,5604],{"class":728},"  --color-selaras-yellow-900: var(--color-orange-900);\n",[715,5606,5607],{"class":717,"line":170},[715,5608,5609],{"class":728},"  --color-selaras-yellow-950: var(--color-orange-950);\n",[715,5611,5612],{"class":717,"line":1496},[715,5613,932],{"class":728},[691,5615,5616],{},"The warning role now uses your replacement foundation through its existing\nrecipe.",[691,5618,5619],{},"The same rule applies to:",[1180,5621,5622,5630,5636,5642,5648,5654,5660],{},[1183,5623,5624,5626,5627,5629],{},[698,5625,1262],{}," for the default ",[698,5628,1201],{}," role",[1183,5631,5632,5626,5634,5629],{},[698,5633,1272],{},[698,5635,1210],{},[1183,5637,5638,5626,5640,5629],{},[698,5639,1277],{},[698,5641,1215],{},[1183,5643,5644,5626,5646,5629],{},[698,5645,1257],{},[698,5647,1196],{},[1183,5649,5650,5626,5652,5629],{},[698,5651,1267],{},[698,5653,841],{},[1183,5655,5656,5626,5658,5629],{},[698,5657,1246],{},[698,5659,837],{},[1183,5661,5662,5626,5664,5629],{},[698,5663,1252],{},[698,5665,1191],{},[691,5667,5668,5669,5671],{},"The Selaras gray foundation also supplies the default general surfaces, text,\nand borders. A change to the gray foundation can therefore change more than the\n",[698,5670,1215],{}," component role.",[766,5673,5675],{"id":5674},"map-an-existing-design-system","Map an existing design system",[691,5677,5678],{},"You do not have to rename your design tokens.",[691,5680,5681,5682,5685,5686,5689],{},"For example, your design system can use a ",[698,5683,5684],{},"10"," to ",[698,5687,5688],{},"100"," scale:",[706,5691,5693],{"className":708,"code":5692,"language":710,"meta":711,"style":711},":root {\n  --company-brand-10: ...;\n  --company-brand-20: ...;\n  --company-brand-30: ...;\n  --company-brand-40: ...;\n  --company-brand-50: ...;\n  --company-brand-60: ...;\n  --company-brand-70: ...;\n  --company-brand-80: ...;\n  --company-brand-90: ...;\n  --company-brand-100: ...;\n\n  --selaras-color-primary-fill: var(--company-brand-60);\n  --selaras-color-primary-fill-hover: var(--company-brand-70);\n  --selaras-color-primary-fill-pressed: var(--company-brand-80);\n  --selaras-color-primary-on-fill: var(--company-brand-10);\n\n  --selaras-color-primary-subtle: var(--company-brand-10);\n  --selaras-color-primary-subtle-hover: var(--company-brand-20);\n  --selaras-color-primary-subtle-pressed: var(--company-brand-30);\n  --selaras-color-primary-on-subtle: var(--company-brand-90);\n\n  --selaras-color-primary-text: var(--company-brand-70);\n  --selaras-color-primary-text-hover: var(--company-brand-80);\n  --selaras-color-primary-text-pressed: var(--company-brand-90);\n\n  --selaras-color-primary-border: var(--company-brand-50);\n  --selaras-color-primary-focus: var(--company-brand-60);\n}\n",[698,5694,5695,5701,5708,5715,5722,5729,5736,5743,5750,5757,5764,5771,5775,5790,5805,5820,5835,5839,5853,5868,5883,5898,5902,5916,5930,5944,5948,5963,5977],{"__ignoreMap":711},[715,5696,5697,5699],{"class":717,"line":8},[715,5698,906],{"class":905},[715,5700,909],{"class":728},[715,5702,5703,5706],{"class":717,"line":732},[715,5704,5705],{"class":914},"  --company-brand-10",[715,5707,1939],{"class":728},[715,5709,5710,5713],{"class":717,"line":742},[715,5711,5712],{"class":914},"  --company-brand-20",[715,5714,1939],{"class":728},[715,5716,5717,5720],{"class":717,"line":979},[715,5718,5719],{"class":914},"  --company-brand-30",[715,5721,1939],{"class":728},[715,5723,5724,5727],{"class":717,"line":992},[715,5725,5726],{"class":914},"  --company-brand-40",[715,5728,1939],{"class":728},[715,5730,5731,5734],{"class":717,"line":998},[715,5732,5733],{"class":914},"  --company-brand-50",[715,5735,1939],{"class":728},[715,5737,5738,5741],{"class":717,"line":1011},[715,5739,5740],{"class":914},"  --company-brand-60",[715,5742,1939],{"class":728},[715,5744,5745,5748],{"class":717,"line":1024},[715,5746,5747],{"class":914},"  --company-brand-70",[715,5749,1939],{"class":728},[715,5751,5752,5755],{"class":717,"line":1029},[715,5753,5754],{"class":914},"  --company-brand-80",[715,5756,1939],{"class":728},[715,5758,5759,5762],{"class":717,"line":13},[715,5760,5761],{"class":914},"  --company-brand-90",[715,5763,1939],{"class":728},[715,5765,5766,5769],{"class":717,"line":151},[715,5767,5768],{"class":914},"  --company-brand-100",[715,5770,1939],{"class":728},[715,5772,5773],{"class":717,"line":170},[715,5774,995],{"emptyLinePlaceholder":686},[715,5776,5777,5779,5781,5783,5785,5788],{"class":717,"line":1496},[715,5778,1384],{"class":914},[715,5780,918],{"class":728},[715,5782,1431],{"class":921},[715,5784,1395],{"class":728},[715,5786,5787],{"class":914},"--company-brand-60",[715,5789,1401],{"class":728},[715,5791,5792,5794,5796,5798,5800,5803],{"class":717,"line":1504},[715,5793,1410],{"class":914},[715,5795,918],{"class":728},[715,5797,1431],{"class":921},[715,5799,1395],{"class":728},[715,5801,5802],{"class":914},"--company-brand-70",[715,5804,1401],{"class":728},[715,5806,5807,5809,5811,5813,5815,5818],{"class":717,"line":648},[715,5808,1458],{"class":914},[715,5810,918],{"class":728},[715,5812,1431],{"class":921},[715,5814,1395],{"class":728},[715,5816,5817],{"class":914},"--company-brand-80",[715,5819,1401],{"class":728},[715,5821,5822,5824,5826,5828,5830,5833],{"class":717,"line":1516},[715,5823,1499],{"class":914},[715,5825,918],{"class":728},[715,5827,1431],{"class":921},[715,5829,1395],{"class":728},[715,5831,5832],{"class":914},"--company-brand-10",[715,5834,1401],{"class":728},[715,5836,5837],{"class":717,"line":1524},[715,5838,995],{"emptyLinePlaceholder":686},[715,5840,5841,5843,5845,5847,5849,5851],{"class":717,"line":1554},[715,5842,1562],{"class":914},[715,5844,918],{"class":728},[715,5846,1431],{"class":921},[715,5848,1395],{"class":728},[715,5850,5832],{"class":914},[715,5852,1401],{"class":728},[715,5854,5855,5857,5859,5861,5863,5866],{"class":717,"line":1559},[715,5856,1606],{"class":914},[715,5858,918],{"class":728},[715,5860,1431],{"class":921},[715,5862,1395],{"class":728},[715,5864,5865],{"class":914},"--company-brand-20",[715,5867,1401],{"class":728},[715,5869,5870,5872,5874,5876,5878,5881],{"class":717,"line":30},[715,5871,1648],{"class":914},[715,5873,918],{"class":728},[715,5875,1431],{"class":921},[715,5877,1395],{"class":728},[715,5879,5880],{"class":914},"--company-brand-30",[715,5882,1401],{"class":728},[715,5884,5885,5887,5889,5891,5893,5896],{"class":717,"line":247},[715,5886,1690],{"class":914},[715,5888,918],{"class":728},[715,5890,1431],{"class":921},[715,5892,1395],{"class":728},[715,5894,5895],{"class":914},"--company-brand-90",[715,5897,1401],{"class":728},[715,5899,5900],{"class":717,"line":257},[715,5901,995],{"emptyLinePlaceholder":686},[715,5903,5904,5906,5908,5910,5912,5914],{"class":717,"line":272},[715,5905,1730],{"class":914},[715,5907,918],{"class":728},[715,5909,1431],{"class":921},[715,5911,1395],{"class":728},[715,5913,5802],{"class":914},[715,5915,1401],{"class":728},[715,5917,5918,5920,5922,5924,5926,5928],{"class":717,"line":287},[715,5919,1773],{"class":914},[715,5921,918],{"class":728},[715,5923,1431],{"class":921},[715,5925,1395],{"class":728},[715,5927,5817],{"class":914},[715,5929,1401],{"class":728},[715,5931,5932,5934,5936,5938,5940,5942],{"class":717,"line":292},[715,5933,1815],{"class":914},[715,5935,918],{"class":728},[715,5937,1431],{"class":921},[715,5939,1395],{"class":728},[715,5941,5895],{"class":914},[715,5943,1401],{"class":728},[715,5945,5946],{"class":717,"line":302},[715,5947,995],{"emptyLinePlaceholder":686},[715,5949,5950,5952,5954,5956,5958,5961],{"class":717,"line":307},[715,5951,1855],{"class":914},[715,5953,918],{"class":728},[715,5955,1431],{"class":921},[715,5957,1395],{"class":728},[715,5959,5960],{"class":914},"--company-brand-50",[715,5962,1401],{"class":728},[715,5964,5965,5967,5969,5971,5973,5975],{"class":717,"line":312},[715,5966,1878],{"class":914},[715,5968,918],{"class":728},[715,5970,1431],{"class":921},[715,5972,1395],{"class":728},[715,5974,5787],{"class":914},[715,5976,1401],{"class":728},[715,5978,5979],{"class":717,"line":326},[715,5980,932],{"class":728},[691,5982,5983,5984,5987],{},"Your design system stays the source of truth. The ",[698,5985,5986],{},"--selaras-*"," variables are\nthe mapping layer.",[766,5989,5991],{"id":5990},"use-your-own-complete-theme","Use your own complete theme",[691,5993,5994],{},"Most applications should import the default theme:",[706,5996,5997],{"className":708,"code":709,"language":710,"meta":711,"style":711},[698,5998,5999,6007,6015],{"__ignoreMap":711},[715,6000,6001,6003,6005],{"class":717,"line":8},[715,6002,721],{"class":720},[715,6004,725],{"class":724},[715,6006,729],{"class":728},[715,6008,6009,6011,6013],{"class":717,"line":732},[715,6010,721],{"class":720},[715,6012,737],{"class":724},[715,6014,729],{"class":728},[715,6016,6017,6019,6021],{"class":717,"line":742},[715,6018,721],{"class":720},[715,6020,747],{"class":724},[715,6022,729],{"class":728},[691,6024,6025],{},"A mature design system can omit Selaras-owned foundation colors:",[706,6027,6029],{"className":708,"code":6028,"language":710,"meta":711,"style":711},"@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\u002Fstructural.css\";\n@import \"#selaras\u002Ftailwind.css\";\n",[698,6030,6031,6039,6048],{"__ignoreMap":711},[715,6032,6033,6035,6037],{"class":717,"line":8},[715,6034,721],{"class":720},[715,6036,725],{"class":724},[715,6038,729],{"class":728},[715,6040,6041,6043,6046],{"class":717,"line":732},[715,6042,721],{"class":720},[715,6044,6045],{"class":724}," \"@sewadah\u002Fselaras\u002Fstructural.css\"",[715,6047,729],{"class":728},[715,6049,6050,6052,6054],{"class":717,"line":742},[715,6051,721],{"class":720},[715,6053,747],{"class":724},[715,6055,729],{"class":728},[691,6057,6058],{},"Then provide all semantic values that your application uses.",[691,6060,6061,6064],{},[698,6062,6063],{},"structural.css"," still supplies:",[1180,6066,6067,6070,6073,6076,6079],{},[1183,6068,6069],{},"Selaras source discovery for Tailwind",[1183,6071,6072],{},"variants",[1183,6074,6075],{},"animations",[1183,6077,6078],{},"structural CSS",[1183,6080,6081],{},"semantic read bindings",[691,6083,6084],{},"It does not supply the default Selaras foundation palette.",[691,6086,6087],{},"This mode is for a complete external theme. It is not an automatic unthemed\nfallback.",[766,6089,6091],{"id":6090},"radius-shadows-stacking-and-tailwind-tokens","Radius, shadows, stacking, and Tailwind tokens",[691,6093,6094],{},"Radius uses one base input by default:",[706,6096,6098],{"className":708,"code":6097,"language":710,"meta":711,"style":711},":root {\n  --selaras-radius-base: 0.25rem;\n}\n",[698,6099,6100,6106,6119],{"__ignoreMap":711},[715,6101,6102,6104],{"class":717,"line":8},[715,6103,906],{"class":905},[715,6105,909],{"class":728},[715,6107,6108,6110,6112,6115,6117],{"class":717,"line":732},[715,6109,915],{"class":914},[715,6111,918],{"class":728},[715,6113,6114],{"class":921},"0.25",[715,6116,925],{"class":720},[715,6118,729],{"class":728},[715,6120,6121],{"class":717,"line":742},[715,6122,932],{"class":728},[691,6124,6125],{},"Selaras derives its default small, medium, and large radius values from this\nbase. You can override each radius input separately if you need to.",[691,6127,6128],{},"You can also set shadows and stacking values:",[706,6130,6132],{"className":708,"code":6131,"language":710,"meta":711,"style":711},":root {\n  --selaras-shadow-sm: 0 1px 2px rgb(0 0 0 \u002F 0.06);\n  --selaras-shadow-md: 0 4px 16px -2px rgb(0 0 0 \u002F 0.12);\n  --selaras-shadow-lg: 0 12px 32px -4px rgb(0 0 0 \u002F 0.16);\n\n  --selaras-z-modal-overlay: 40;\n  --selaras-z-modal: 50;\n  --selaras-z-dropdown: 60;\n  --selaras-z-tooltip: 70;\n  --selaras-z-toast: 80;\n}\n",[698,6133,6134,6140,6172,6212,6251,6255,6267,6279,6291,6303,6315],{"__ignoreMap":711},[715,6135,6136,6138],{"class":717,"line":8},[715,6137,906],{"class":905},[715,6139,909],{"class":728},[715,6141,6142,6144,6146,6148,6150,6152,6154,6156,6158,6160,6162,6164,6166,6168,6170],{"class":717,"line":732},[715,6143,2495],{"class":914},[715,6145,918],{"class":728},[715,6147,2391],{"class":921},[715,6149,2502],{"class":921},[715,6151,2479],{"class":720},[715,6153,2507],{"class":921},[715,6155,2479],{"class":720},[715,6157,2512],{"class":921},[715,6159,1395],{"class":728},[715,6161,2391],{"class":921},[715,6163,2394],{"class":921},[715,6165,2394],{"class":921},[715,6167,2399],{"class":728},[715,6169,2525],{"class":921},[715,6171,1401],{"class":728},[715,6173,6174,6176,6178,6180,6183,6185,6188,6190,6193,6195,6197,6199,6201,6203,6205,6207,6210],{"class":717,"line":742},[715,6175,2532],{"class":914},[715,6177,918],{"class":728},[715,6179,2391],{"class":921},[715,6181,6182],{"class":921}," 4",[715,6184,2479],{"class":720},[715,6186,6187],{"class":921}," 16",[715,6189,2479],{"class":720},[715,6191,6192],{"class":921}," -2",[715,6194,2479],{"class":720},[715,6196,2512],{"class":921},[715,6198,1395],{"class":728},[715,6200,2391],{"class":921},[715,6202,2394],{"class":921},[715,6204,2394],{"class":921},[715,6206,2399],{"class":728},[715,6208,6209],{"class":921},"0.12",[715,6211,1401],{"class":728},[715,6213,6214,6216,6218,6220,6223,6225,6228,6230,6233,6235,6237,6239,6241,6243,6245,6247,6249],{"class":717,"line":979},[715,6215,2567],{"class":914},[715,6217,918],{"class":728},[715,6219,2391],{"class":921},[715,6221,6222],{"class":921}," 12",[715,6224,2479],{"class":720},[715,6226,6227],{"class":921}," 32",[715,6229,2479],{"class":720},[715,6231,6232],{"class":921}," -4",[715,6234,2479],{"class":720},[715,6236,2512],{"class":921},[715,6238,1395],{"class":728},[715,6240,2391],{"class":921},[715,6242,2394],{"class":921},[715,6244,2394],{"class":921},[715,6246,2399],{"class":728},[715,6248,2595],{"class":921},[715,6250,1401],{"class":728},[715,6252,6253],{"class":717,"line":992},[715,6254,995],{"emptyLinePlaceholder":686},[715,6256,6257,6260,6262,6265],{"class":717,"line":998},[715,6258,6259],{"class":914},"  --selaras-z-modal-overlay",[715,6261,918],{"class":728},[715,6263,6264],{"class":921},"40",[715,6266,729],{"class":728},[715,6268,6269,6272,6274,6277],{"class":717,"line":1011},[715,6270,6271],{"class":914},"  --selaras-z-modal",[715,6273,918],{"class":728},[715,6275,6276],{"class":921},"50",[715,6278,729],{"class":728},[715,6280,6281,6284,6286,6289],{"class":717,"line":1024},[715,6282,6283],{"class":914},"  --selaras-z-dropdown",[715,6285,918],{"class":728},[715,6287,6288],{"class":921},"60",[715,6290,729],{"class":728},[715,6292,6293,6296,6298,6301],{"class":717,"line":1029},[715,6294,6295],{"class":914},"  --selaras-z-tooltip",[715,6297,918],{"class":728},[715,6299,6300],{"class":921},"70",[715,6302,729],{"class":728},[715,6304,6305,6308,6310,6313],{"class":717,"line":13},[715,6306,6307],{"class":914},"  --selaras-z-toast",[715,6309,918],{"class":728},[715,6311,6312],{"class":921},"80",[715,6314,729],{"class":728},[715,6316,6317],{"class":717,"line":151},[715,6318,932],{"class":728},[691,6320,6321],{},"Spacing and normal Tailwind breakpoints are Tailwind tokens, not Selaras theme\ntokens:",[706,6323,6325],{"className":708,"code":6324,"language":710,"meta":711,"style":711},"@theme {\n  --breakpoint-3xl: 1920px;\n  --spacing: 0.2rem;\n}\n",[698,6326,6327,6333,6338,6343],{"__ignoreMap":711},[715,6328,6329,6331],{"class":717,"line":8},[715,6330,5552],{"class":720},[715,6332,909],{"class":728},[715,6334,6335],{"class":717,"line":732},[715,6336,6337],{"class":728},"  --breakpoint-3xl: 1920px;\n",[715,6339,6340],{"class":717,"line":742},[715,6341,6342],{"class":728},"  --spacing: 0.2rem;\n",[715,6344,6345],{"class":717,"line":979},[715,6346,932],{"class":728},[691,6348,6349,6350,6353,6354,2080],{},"The adaptive Selaras presentation uses the Tailwind breakpoint name selected by\n",[698,6351,6352],{},"selaras.adaptive.breakpoint",". The default name is ",[698,6355,6356],{},"md",[761,6358,6360],{"id":6359},"nuxt-configuration-and-theme-helpers","Nuxt configuration and theme helpers",[691,6362,6363],{},"Use CSS first.",[691,6365,5525,6366,6368],{},[698,6367,5522],{}," when Selaras needs build-time information. The most common\ncolor case is a new role name.",[766,6370,6372],{"id":6371},"add-a-new-role","Add a new role",[691,6374,6375],{},"Built-in role names already work without theme configuration.",[691,6377,6378,6379,838,6381,6384],{},"A new role such as ",[698,6380,700],{},[698,6382,6383],{},"premium"," must be registered at build time so\nSelaras can:",[1180,6386,6387,6390,6396],{},[1183,6388,6389],{},"generate its role bindings",[1183,6391,6392,6393],{},"add it to ",[698,6394,6395],{},"ColorRole",[1183,6397,6398,6399,6402],{},"make ",[698,6400,6401],{},"color=\"tertiary\""," type-safe",[691,6404,6405],{},"The current Nuxt API requires a light and dark recipe:",[706,6407,6411],{"className":6408,"code":6409,"language":6410,"meta":711,"style":711},"language-ts shiki shiki-themes github-light github-dark","import { defineColor } from '@sewadah\u002Fselaras\u002Ftheme'\n\nexport default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n\n  selaras: {\n    theme: {\n      colors: {\n        tertiary: defineColor({\n          light: {\n            fill: 'var(--company-tertiary-fill)',\n            onFill: 'var(--company-tertiary-on-fill)',\n            subtle: 'var(--company-tertiary-subtle)',\n            onSubtle: 'var(--company-tertiary-on-subtle)',\n            text: 'var(--company-tertiary-text)',\n            border: 'var(--company-tertiary-border)',\n          },\n          dark: {\n            fill: 'var(--company-tertiary-fill-dark)',\n            onFill: 'var(--company-tertiary-on-fill-dark)',\n            subtle: 'var(--company-tertiary-subtle-dark)',\n            onSubtle: 'var(--company-tertiary-on-subtle-dark)',\n            text: 'var(--company-tertiary-text-dark)',\n            border: 'var(--company-tertiary-border-dark)',\n          },\n        }),\n      },\n    },\n  },\n})\n","ts",[698,6412,6413,6427,6431,6445,6456,6460,6465,6470,6475,6485,6490,6501,6511,6521,6531,6541,6551,6556,6561,6570,6579,6588,6597,6606,6615,6619,6624,6629,6634,6639],{"__ignoreMap":711},[715,6414,6415,6418,6421,6424],{"class":717,"line":8},[715,6416,6417],{"class":720},"import",[715,6419,6420],{"class":728}," { defineColor } ",[715,6422,6423],{"class":720},"from",[715,6425,6426],{"class":724}," '@sewadah\u002Fselaras\u002Ftheme'\n",[715,6428,6429],{"class":717,"line":732},[715,6430,995],{"emptyLinePlaceholder":686},[715,6432,6433,6436,6439,6442],{"class":717,"line":742},[715,6434,6435],{"class":720},"export",[715,6437,6438],{"class":720}," default",[715,6440,6441],{"class":905}," defineNuxtConfig",[715,6443,6444],{"class":728},"({\n",[715,6446,6447,6450,6453],{"class":717,"line":979},[715,6448,6449],{"class":728},"  modules: [",[715,6451,6452],{"class":724},"'@sewadah\u002Fselaras'",[715,6454,6455],{"class":728},"],\n",[715,6457,6458],{"class":717,"line":992},[715,6459,995],{"emptyLinePlaceholder":686},[715,6461,6462],{"class":717,"line":998},[715,6463,6464],{"class":728},"  selaras: {\n",[715,6466,6467],{"class":717,"line":1011},[715,6468,6469],{"class":728},"    theme: {\n",[715,6471,6472],{"class":717,"line":1024},[715,6473,6474],{"class":728},"      colors: {\n",[715,6476,6477,6480,6483],{"class":717,"line":1029},[715,6478,6479],{"class":728},"        tertiary: ",[715,6481,6482],{"class":905},"defineColor",[715,6484,6444],{"class":728},[715,6486,6487],{"class":717,"line":13},[715,6488,6489],{"class":728},"          light: {\n",[715,6491,6492,6495,6498],{"class":717,"line":151},[715,6493,6494],{"class":728},"            fill: ",[715,6496,6497],{"class":724},"'var(--company-tertiary-fill)'",[715,6499,6500],{"class":728},",\n",[715,6502,6503,6506,6509],{"class":717,"line":170},[715,6504,6505],{"class":728},"            onFill: ",[715,6507,6508],{"class":724},"'var(--company-tertiary-on-fill)'",[715,6510,6500],{"class":728},[715,6512,6513,6516,6519],{"class":717,"line":1496},[715,6514,6515],{"class":728},"            subtle: ",[715,6517,6518],{"class":724},"'var(--company-tertiary-subtle)'",[715,6520,6500],{"class":728},[715,6522,6523,6526,6529],{"class":717,"line":1504},[715,6524,6525],{"class":728},"            onSubtle: ",[715,6527,6528],{"class":724},"'var(--company-tertiary-on-subtle)'",[715,6530,6500],{"class":728},[715,6532,6533,6536,6539],{"class":717,"line":648},[715,6534,6535],{"class":728},"            text: ",[715,6537,6538],{"class":724},"'var(--company-tertiary-text)'",[715,6540,6500],{"class":728},[715,6542,6543,6546,6549],{"class":717,"line":1516},[715,6544,6545],{"class":728},"            border: ",[715,6547,6548],{"class":724},"'var(--company-tertiary-border)'",[715,6550,6500],{"class":728},[715,6552,6553],{"class":717,"line":1524},[715,6554,6555],{"class":728},"          },\n",[715,6557,6558],{"class":717,"line":1554},[715,6559,6560],{"class":728},"          dark: {\n",[715,6562,6563,6565,6568],{"class":717,"line":1559},[715,6564,6494],{"class":728},[715,6566,6567],{"class":724},"'var(--company-tertiary-fill-dark)'",[715,6569,6500],{"class":728},[715,6571,6572,6574,6577],{"class":717,"line":30},[715,6573,6505],{"class":728},[715,6575,6576],{"class":724},"'var(--company-tertiary-on-fill-dark)'",[715,6578,6500],{"class":728},[715,6580,6581,6583,6586],{"class":717,"line":247},[715,6582,6515],{"class":728},[715,6584,6585],{"class":724},"'var(--company-tertiary-subtle-dark)'",[715,6587,6500],{"class":728},[715,6589,6590,6592,6595],{"class":717,"line":257},[715,6591,6525],{"class":728},[715,6593,6594],{"class":724},"'var(--company-tertiary-on-subtle-dark)'",[715,6596,6500],{"class":728},[715,6598,6599,6601,6604],{"class":717,"line":272},[715,6600,6535],{"class":728},[715,6602,6603],{"class":724},"'var(--company-tertiary-text-dark)'",[715,6605,6500],{"class":728},[715,6607,6608,6610,6613],{"class":717,"line":287},[715,6609,6545],{"class":728},[715,6611,6612],{"class":724},"'var(--company-tertiary-border-dark)'",[715,6614,6500],{"class":728},[715,6616,6617],{"class":717,"line":292},[715,6618,6555],{"class":728},[715,6620,6621],{"class":717,"line":302},[715,6622,6623],{"class":728},"        }),\n",[715,6625,6626],{"class":717,"line":307},[715,6627,6628],{"class":728},"      },\n",[715,6630,6631],{"class":717,"line":312},[715,6632,6633],{"class":728},"    },\n",[715,6635,6636],{"class":717,"line":326},[715,6637,6638],{"class":728},"  },\n",[715,6640,6641],{"class":717,"line":35},[715,6642,6643],{"class":728},"})\n",[691,6645,6646],{},"After registration, you can use:",[706,6648,6652],{"className":6649,"code":6650,"language":6651,"meta":711,"style":711},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton color=\"tertiary\">\n  Tertiary\n\u003C\u002FSButton>\n","vue-html",[698,6653,6654,6675,6680],{"__ignoreMap":711},[715,6655,6656,6659,6663,6666,6669,6672],{"class":717,"line":8},[715,6657,6658],{"class":728},"\u003C",[715,6660,6662],{"class":6661},"s9eBZ","SButton",[715,6664,6665],{"class":905}," color",[715,6667,6668],{"class":728},"=",[715,6670,6671],{"class":724},"\"tertiary\"",[715,6673,6674],{"class":728},">\n",[715,6676,6677],{"class":717,"line":732},[715,6678,6679],{"class":728},"  Tertiary\n",[715,6681,6682,6685,6687],{"class":717,"line":742},[715,6683,6684],{"class":728},"\u003C\u002F",[715,6686,6662],{"class":6661},[715,6688,6674],{"class":728},[691,6690,6691],{},"You can still override the registered role from CSS:",[706,6693,6695],{"className":708,"code":6694,"language":710,"meta":711,"style":711},":root {\n  --selaras-color-tertiary-fill: #8b5cf6;\n}\n",[698,6696,6697,6703,6715],{"__ignoreMap":711},[715,6698,6699,6701],{"class":717,"line":8},[715,6700,906],{"class":905},[715,6702,909],{"class":728},[715,6704,6705,6708,6710,6713],{"class":717,"line":732},[715,6706,6707],{"class":914},"  --selaras-color-tertiary-fill",[715,6709,918],{"class":728},[715,6711,6712],{"class":921},"#8b5cf6",[715,6714,729],{"class":728},[715,6716,6717],{"class":717,"line":742},[715,6718,932],{"class":728},[691,6720,6721],{},"The Nuxt configuration registers the role. CSS can still own its visual values.",[766,6723,6725],{"id":6724},"override-a-built-in-recipe-in-nuxt-config","Override a built-in recipe in Nuxt config",[691,6727,6728],{},"You can also replace a built-in recipe:",[706,6730,6732],{"className":6408,"code":6731,"language":6410,"meta":711,"style":711},"import { defineColor } from '@sewadah\u002Fselaras\u002Ftheme'\n\nexport default defineNuxtConfig({\n  selaras: {\n    theme: {\n      colors: {\n        warning: defineColor({\n          light: {\n            fill: '#ffff00',\n            onFill: '#000000',\n            subtle: '#fffbd1',\n            onSubtle: '#3d3d00',\n            text: '#6b6b00',\n            border: '#a3a300',\n          },\n          dark: {\n            fill: '#eaea00',\n            onFill: '#000000',\n            subtle: '#2a2a00',\n            onSubtle: '#ffff99',\n            text: '#ffff66',\n            border: '#baba00',\n          },\n        }),\n      },\n    },\n  },\n})\n",[698,6733,6734,6744,6748,6758,6762,6766,6770,6779,6783,6792,6801,6810,6819,6828,6837,6841,6845,6854,6862,6871,6880,6889,6898,6902,6906,6910,6914,6918],{"__ignoreMap":711},[715,6735,6736,6738,6740,6742],{"class":717,"line":8},[715,6737,6417],{"class":720},[715,6739,6420],{"class":728},[715,6741,6423],{"class":720},[715,6743,6426],{"class":724},[715,6745,6746],{"class":717,"line":732},[715,6747,995],{"emptyLinePlaceholder":686},[715,6749,6750,6752,6754,6756],{"class":717,"line":742},[715,6751,6435],{"class":720},[715,6753,6438],{"class":720},[715,6755,6441],{"class":905},[715,6757,6444],{"class":728},[715,6759,6760],{"class":717,"line":979},[715,6761,6464],{"class":728},[715,6763,6764],{"class":717,"line":992},[715,6765,6469],{"class":728},[715,6767,6768],{"class":717,"line":998},[715,6769,6474],{"class":728},[715,6771,6772,6775,6777],{"class":717,"line":1011},[715,6773,6774],{"class":728},"        warning: ",[715,6776,6482],{"class":905},[715,6778,6444],{"class":728},[715,6780,6781],{"class":717,"line":1024},[715,6782,6489],{"class":728},[715,6784,6785,6787,6790],{"class":717,"line":1029},[715,6786,6494],{"class":728},[715,6788,6789],{"class":724},"'#ffff00'",[715,6791,6500],{"class":728},[715,6793,6794,6796,6799],{"class":717,"line":13},[715,6795,6505],{"class":728},[715,6797,6798],{"class":724},"'#000000'",[715,6800,6500],{"class":728},[715,6802,6803,6805,6808],{"class":717,"line":151},[715,6804,6515],{"class":728},[715,6806,6807],{"class":724},"'#fffbd1'",[715,6809,6500],{"class":728},[715,6811,6812,6814,6817],{"class":717,"line":170},[715,6813,6525],{"class":728},[715,6815,6816],{"class":724},"'#3d3d00'",[715,6818,6500],{"class":728},[715,6820,6821,6823,6826],{"class":717,"line":1496},[715,6822,6535],{"class":728},[715,6824,6825],{"class":724},"'#6b6b00'",[715,6827,6500],{"class":728},[715,6829,6830,6832,6835],{"class":717,"line":1504},[715,6831,6545],{"class":728},[715,6833,6834],{"class":724},"'#a3a300'",[715,6836,6500],{"class":728},[715,6838,6839],{"class":717,"line":648},[715,6840,6555],{"class":728},[715,6842,6843],{"class":717,"line":1516},[715,6844,6560],{"class":728},[715,6846,6847,6849,6852],{"class":717,"line":1524},[715,6848,6494],{"class":728},[715,6850,6851],{"class":724},"'#eaea00'",[715,6853,6500],{"class":728},[715,6855,6856,6858,6860],{"class":717,"line":1554},[715,6857,6505],{"class":728},[715,6859,6798],{"class":724},[715,6861,6500],{"class":728},[715,6863,6864,6866,6869],{"class":717,"line":1559},[715,6865,6515],{"class":728},[715,6867,6868],{"class":724},"'#2a2a00'",[715,6870,6500],{"class":728},[715,6872,6873,6875,6878],{"class":717,"line":30},[715,6874,6525],{"class":728},[715,6876,6877],{"class":724},"'#ffff99'",[715,6879,6500],{"class":728},[715,6881,6882,6884,6887],{"class":717,"line":247},[715,6883,6535],{"class":728},[715,6885,6886],{"class":724},"'#ffff66'",[715,6888,6500],{"class":728},[715,6890,6891,6893,6896],{"class":717,"line":257},[715,6892,6545],{"class":728},[715,6894,6895],{"class":724},"'#baba00'",[715,6897,6500],{"class":728},[715,6899,6900],{"class":717,"line":272},[715,6901,6555],{"class":728},[715,6903,6904],{"class":717,"line":287},[715,6905,6623],{"class":728},[715,6907,6908],{"class":717,"line":292},[715,6909,6628],{"class":728},[715,6911,6912],{"class":717,"line":302},[715,6913,6633],{"class":728},[715,6915,6916],{"class":717,"line":307},[715,6917,6638],{"class":728},[715,6919,6920],{"class":717,"line":312},[715,6921,6643],{"class":728},[691,6923,6924,6927],{},[698,6925,6926],{},"defineColor()"," validates the required recipe shape. It does not change the\nvalues that you provide.",[691,6929,6930],{},"The required leaves in each mode are:",[1180,6932,6933,6937,6942,6946,6951,6955],{},[1183,6934,6935],{},[698,6936,2057],{},[1183,6938,6939],{},[698,6940,6941],{},"onFill",[1183,6943,6944],{},[698,6945,2071],{},[1183,6947,6948],{},[698,6949,6950],{},"onSubtle",[1183,6952,6953],{},[698,6954,1913],{},[1183,6956,6957],{},[698,6958,2079],{},[691,6960,6961],{},"These leaves are optional:",[1180,6963,6964,6969,6974,6982,6987,6992,6997,7002],{},[1183,6965,6966],{},[698,6967,6968],{},"fillHover",[1183,6970,6971],{},[698,6972,6973],{},"fillPressed",[1183,6975,6976,6978,6979,6981],{},[698,6977,2075],{}," (defaults to ",[698,6980,2079],{},")",[1183,6983,6984],{},[698,6985,6986],{},"subtleHover",[1183,6988,6989],{},[698,6990,6991],{},"subtlePressed",[1183,6993,6994],{},[698,6995,6996],{},"textHover",[1183,6998,6999],{},[698,7000,7001],{},"textPressed",[1183,7003,7004],{},[698,7005,7006],{},"focus",[691,7008,7009,7010,2080],{},"If an optional interaction leaf is missing, Selaras links it to the nearest\ndefined state. It does not calculate a new hue for ",[698,7011,6926],{},[766,7013,7015,7016],{"id":7014},"optional-helper-definecolorfromseed","Optional helper: ",[698,7017,7018],{},"defineColorFromSeed()",[691,7020,7021,7023],{},[698,7022,7018],{}," is not the CSS-first theme path.",[691,7025,7026],{},"Use it when you want Selaras to preserve one opaque sRGB color as the resting\nsolid fill and derive the rest of the recipe around it.",[706,7028,7030],{"className":6408,"code":7029,"language":6410,"meta":711,"style":711},"import { defineColorFromSeed } from '@sewadah\u002Fselaras\u002Ftheme'\n\nexport default defineNuxtConfig({\n  selaras: {\n    theme: {\n      colors: {\n        coral: defineColorFromSeed('#FD5E53'),\n      },\n    },\n  },\n})\n",[698,7031,7032,7043,7047,7057,7061,7065,7069,7085,7089,7093,7097],{"__ignoreMap":711},[715,7033,7034,7036,7039,7041],{"class":717,"line":8},[715,7035,6417],{"class":720},[715,7037,7038],{"class":728}," { defineColorFromSeed } ",[715,7040,6423],{"class":720},[715,7042,6426],{"class":724},[715,7044,7045],{"class":717,"line":732},[715,7046,995],{"emptyLinePlaceholder":686},[715,7048,7049,7051,7053,7055],{"class":717,"line":742},[715,7050,6435],{"class":720},[715,7052,6438],{"class":720},[715,7054,6441],{"class":905},[715,7056,6444],{"class":728},[715,7058,7059],{"class":717,"line":979},[715,7060,6464],{"class":728},[715,7062,7063],{"class":717,"line":992},[715,7064,6469],{"class":728},[715,7066,7067],{"class":717,"line":998},[715,7068,6474],{"class":728},[715,7070,7071,7074,7077,7079,7082],{"class":717,"line":1011},[715,7072,7073],{"class":728},"        coral: ",[715,7075,7076],{"class":905},"defineColorFromSeed",[715,7078,1395],{"class":728},[715,7080,7081],{"class":724},"'#FD5E53'",[715,7083,7084],{"class":728},"),\n",[715,7086,7087],{"class":717,"line":1024},[715,7088,6628],{"class":728},[715,7090,7091],{"class":717,"line":1029},[715,7092,6633],{"class":728},[715,7094,7095],{"class":717,"line":13},[715,7096,6638],{"class":728},[715,7098,7099],{"class":717,"line":151},[715,7100,6643],{"class":728},[691,7102,7103,7104,7106,7107,7109,7110,2080],{},"The light and dark resting ",[698,7105,2057],{}," values remain exactly the six-digit color\nthat you pass. Selaras chooses black or white ",[698,7108,6941],{},", derives distinct\ninteraction states, and derives text, border, focus, and indicator colors\nagainst the supplied surfaces. If those supporting families cannot be derived\nsafely, the helper rejects the input and directs you to ",[698,7111,6926],{},[691,7113,7114,7115,7117],{},"Use CSS or ",[698,7116,6926],{}," when you need exact control over every state.",[691,7119,7120],{},"The helper currently accepts only opaque six-digit sRGB hex values. It cannot\nevaluate CSS variables, transparent colors, or arbitrary CSS expressions.",[691,7122,7123],{},"If you use custom surfaces, you can give the resolved light and dark surface\ncolors to the helper:",[706,7125,7127],{"className":6408,"code":7126,"language":6410,"meta":711,"style":711},"defineColorFromSeed('#FD5E53', {\n  surfaces: {\n    light: '#f4f0e8',\n    dark: '#20242a',\n  },\n})\n",[698,7128,7129,7140,7145,7155,7165,7169],{"__ignoreMap":711},[715,7130,7131,7133,7135,7137],{"class":717,"line":8},[715,7132,7076],{"class":905},[715,7134,1395],{"class":728},[715,7136,7081],{"class":724},[715,7138,7139],{"class":728},", {\n",[715,7141,7142],{"class":717,"line":732},[715,7143,7144],{"class":728},"  surfaces: {\n",[715,7146,7147,7150,7153],{"class":717,"line":742},[715,7148,7149],{"class":728},"    light: ",[715,7151,7152],{"class":724},"'#f4f0e8'",[715,7154,6500],{"class":728},[715,7156,7157,7160,7163],{"class":717,"line":979},[715,7158,7159],{"class":728},"    dark: ",[715,7161,7162],{"class":724},"'#20242a'",[715,7164,6500],{"class":728},[715,7166,7167],{"class":717,"line":992},[715,7168,6638],{"class":728},[715,7170,7171],{"class":717,"line":998},[715,7172,6643],{"class":728},[766,7174,7176],{"id":7175},"optional-helper-dtcg-resolved-colors","Optional helper: DTCG resolved colors",[691,7178,7179],{},"If your design-token pipeline uses DTCG, resolve aliases and modes in that\npipeline first.",[691,7181,7182,7185],{},[698,7183,7184],{},"dtcgColorToCss()"," converts a resolved structured DTCG color value to CSS. It\ndoes not parse a token document. It does not resolve aliases. It does not\nselect a mode.",[706,7187,7189],{"className":6408,"code":7188,"language":6410,"meta":711,"style":711},"import { dtcgColorToCss } from '@sewadah\u002Fselaras\u002Ftheme'\n\nconst fill = dtcgColorToCss(tokens.brand.fill.$value, {\n  path: 'semantic.brand.fill.$value',\n})\n",[698,7190,7191,7202,7206,7223,7233],{"__ignoreMap":711},[715,7192,7193,7195,7198,7200],{"class":717,"line":8},[715,7194,6417],{"class":720},[715,7196,7197],{"class":728}," { dtcgColorToCss } ",[715,7199,6423],{"class":720},[715,7201,6426],{"class":724},[715,7203,7204],{"class":717,"line":732},[715,7205,995],{"emptyLinePlaceholder":686},[715,7207,7208,7211,7214,7217,7220],{"class":717,"line":742},[715,7209,7210],{"class":720},"const",[715,7212,7213],{"class":921}," fill",[715,7215,7216],{"class":720}," =",[715,7218,7219],{"class":905}," dtcgColorToCss",[715,7221,7222],{"class":728},"(tokens.brand.fill.$value, {\n",[715,7224,7225,7228,7231],{"class":717,"line":979},[715,7226,7227],{"class":728},"  path: ",[715,7229,7230],{"class":724},"'semantic.brand.fill.$value'",[715,7232,6500],{"class":728},[715,7234,7235],{"class":717,"line":992},[715,7236,6643],{"class":728},[691,7238,7239,7240,7242],{},"You can then use the result in ",[698,7241,6926],{}," or in your own generated CSS.",[761,7244,7246,7247,7250,7251],{"id":7245},"the-ui-prop-and-stheme","The ",[698,7248,7249],{},":ui"," prop and ",[698,7252,7253],{},"STheme",[691,7255,7256],{},"Color tokens and component class overrides are separate systems.",[691,7258,7259,7260,7262],{},"Use theme tokens for design values. Use ",[698,7261,7249],{}," when you want to change classes\nor attributes for one component instance.",[706,7264,7266],{"className":6649,"code":7265,"language":6651,"meta":711,"style":711},"\u003CSButton :ui=\"{ base: 'font-mono' }\">\n  Custom\n\u003C\u002FSButton>\n",[698,7267,7268,7298,7303],{"__ignoreMap":711},[715,7269,7270,7272,7274,7277,7280,7282,7285,7288,7291,7294,7296],{"class":717,"line":8},[715,7271,6658],{"class":728},[715,7273,6662],{"class":6661},[715,7275,7276],{"class":728}," :",[715,7278,7279],{"class":905},"ui",[715,7281,6668],{"class":728},[715,7283,7284],{"class":724},"\"",[715,7286,7287],{"class":728},"{ base: ",[715,7289,7290],{"class":724},"'font-mono'",[715,7292,7293],{"class":728}," }",[715,7295,7284],{"class":724},[715,7297,6674],{"class":728},[715,7299,7300],{"class":717,"line":732},[715,7301,7302],{"class":728},"  Custom\n",[715,7304,7305,7307,7309],{"class":717,"line":742},[715,7306,6684],{"class":728},[715,7308,6662],{"class":6661},[715,7310,6674],{"class":728},[691,7312,7313,7314,7316],{},"Each ",[698,7315,7249],{}," key is a component slot.",[691,7318,7319,7320,2080],{},"A string adds classes. Selaras merges conflicting Tailwind classes with\n",[698,7321,7322],{},"tailwind-merge",[691,7324,7325,7326,7329],{},"An object can contain ",[698,7327,7328],{},"class"," and other Vue attributes:",[706,7331,7333],{"className":6649,"code":7332,"language":6651,"meta":711,"style":711},"\u003CSButton\n  :ui=\"{\n    base: {\n      class: 'font-mono',\n      'data-test': 'save-button',\n    },\n  }\"\n>\n  Save\n\u003C\u002FSButton>\n",[698,7334,7335,7342,7356,7361,7370,7382,7386,7394,7398,7403],{"__ignoreMap":711},[715,7336,7337,7339],{"class":717,"line":8},[715,7338,6658],{"class":728},[715,7340,7341],{"class":6661},"SButton\n",[715,7343,7344,7347,7349,7351,7353],{"class":717,"line":732},[715,7345,7346],{"class":728},"  :",[715,7348,7279],{"class":905},[715,7350,6668],{"class":728},[715,7352,7284],{"class":724},[715,7354,7355],{"class":728},"{\n",[715,7357,7358],{"class":717,"line":742},[715,7359,7360],{"class":728},"    base: {\n",[715,7362,7363,7366,7368],{"class":717,"line":979},[715,7364,7365],{"class":728},"      class: ",[715,7367,7290],{"class":724},[715,7369,6500],{"class":728},[715,7371,7372,7375,7377,7380],{"class":717,"line":992},[715,7373,7374],{"class":724},"      'data-test'",[715,7376,918],{"class":728},[715,7378,7379],{"class":724},"'save-button'",[715,7381,6500],{"class":728},[715,7383,7384],{"class":717,"line":998},[715,7385,6633],{"class":728},[715,7387,7388,7391],{"class":717,"line":1011},[715,7389,7390],{"class":728},"  }",[715,7392,7393],{"class":724},"\"\n",[715,7395,7396],{"class":717,"line":1024},[715,7397,6674],{"class":728},[715,7399,7400],{"class":717,"line":1029},[715,7401,7402],{"class":728},"  Save\n",[715,7404,7405,7407,7409],{"class":717,"line":13},[715,7406,6684],{"class":728},[715,7408,6662],{"class":6661},[715,7410,6674],{"class":728},[766,7412,7414],{"id":7413},"scoped-component-configuration","Scoped component configuration",[691,7416,5525,7417,7419,7420,7422],{},[698,7418,7253],{}," to scope ",[698,7421,7279],{}," and supported default props to a subtree:",[706,7424,7426],{"className":6649,"code":7425,"language":6651,"meta":711,"style":711},"\u003CSTheme :ui=\"{ button: { slots: { base: 'font-mono' } } }\">\n  \u003CSButton>Scoped\u003C\u002FSButton>\n\u003C\u002FSTheme>\n",[698,7427,7428,7454,7468],{"__ignoreMap":711},[715,7429,7430,7432,7434,7436,7438,7440,7442,7445,7447,7450,7452],{"class":717,"line":8},[715,7431,6658],{"class":728},[715,7433,7253],{"class":6661},[715,7435,7276],{"class":728},[715,7437,7279],{"class":905},[715,7439,6668],{"class":728},[715,7441,7284],{"class":724},[715,7443,7444],{"class":728},"{ button: { slots: { base: ",[715,7446,7290],{"class":724},[715,7448,7449],{"class":728}," } } }",[715,7451,7284],{"class":724},[715,7453,6674],{"class":728},[715,7455,7456,7459,7461,7464,7466],{"class":717,"line":732},[715,7457,7458],{"class":728},"  \u003C",[715,7460,6662],{"class":6661},[715,7462,7463],{"class":728},">Scoped\u003C\u002F",[715,7465,6662],{"class":6661},[715,7467,6674],{"class":728},[715,7469,7470,7472,7474],{"class":717,"line":742},[715,7471,6684],{"class":728},[715,7473,7253],{"class":6661},[715,7475,6674],{"class":728},[691,7477,7478],{},"Use a DOM boundary when you also need runtime token overrides:",[706,7480,7482],{"className":6649,"code":7481,"language":6651,"meta":711,"style":711},"\u003CSTheme\n  as=\"section\"\n  :tokens=\"{\n    light: {\n      colors: {\n        primary: {\n          fill: '#fd5e53',\n        },\n      },\n    },\n  }\"\n>\n  \u003CSButton color=\"primary\">Scoped color\u003C\u002FSButton>\n\u003C\u002FSTheme>\n",[698,7483,7484,7491,7501,7514,7519,7523,7528,7538,7543,7547,7551,7557,7561,7581],{"__ignoreMap":711},[715,7485,7486,7488],{"class":717,"line":8},[715,7487,6658],{"class":728},[715,7489,7490],{"class":6661},"STheme\n",[715,7492,7493,7496,7498],{"class":717,"line":732},[715,7494,7495],{"class":905},"  as",[715,7497,6668],{"class":728},[715,7499,7500],{"class":724},"\"section\"\n",[715,7502,7503,7505,7508,7510,7512],{"class":717,"line":742},[715,7504,7346],{"class":728},[715,7506,7507],{"class":905},"tokens",[715,7509,6668],{"class":728},[715,7511,7284],{"class":724},[715,7513,7355],{"class":728},[715,7515,7516],{"class":717,"line":979},[715,7517,7518],{"class":728},"    light: {\n",[715,7520,7521],{"class":717,"line":992},[715,7522,6474],{"class":728},[715,7524,7525],{"class":717,"line":998},[715,7526,7527],{"class":728},"        primary: {\n",[715,7529,7530,7533,7536],{"class":717,"line":1011},[715,7531,7532],{"class":728},"          fill: ",[715,7534,7535],{"class":724},"'#fd5e53'",[715,7537,6500],{"class":728},[715,7539,7540],{"class":717,"line":1024},[715,7541,7542],{"class":728},"        },\n",[715,7544,7545],{"class":717,"line":1029},[715,7546,6628],{"class":728},[715,7548,7549],{"class":717,"line":13},[715,7550,6633],{"class":728},[715,7552,7553,7555],{"class":717,"line":151},[715,7554,7390],{"class":728},[715,7556,7393],{"class":724},[715,7558,7559],{"class":717,"line":170},[715,7560,6674],{"class":728},[715,7562,7563,7565,7567,7569,7571,7574,7577,7579],{"class":717,"line":1496},[715,7564,7458],{"class":728},[715,7566,6662],{"class":6661},[715,7568,6665],{"class":905},[715,7570,6668],{"class":728},[715,7572,7573],{"class":724},"\"primary\"",[715,7575,7576],{"class":728},">Scoped color\u003C\u002F",[715,7578,6662],{"class":6661},[715,7580,6674],{"class":728},[715,7582,7583,7585,7587],{"class":717,"line":1504},[715,7584,6684],{"class":728},[715,7586,7253],{"class":6661},[715,7588,6674],{"class":728},[691,7590,7591],{},"Runtime tokens are useful for dynamic or scoped themes. They do not replace the\nnormal CSS-first global theme path.",[691,7593,7594],{},"Supported overlay portals carry managed Selaras theme values into the portal\nscope. External CSS custom properties still follow normal DOM inheritance.",[761,7596,7598],{"id":7597},"global-overrides","Global overrides",[691,7600,5525,7601,7604],{},[698,7602,7603],{},"app.config.ts"," when you want global component class changes or supported\ncomponent defaults.",[691,7606,7607],{},"This configuration is not required for normal CSS theme customization.",[766,7609,7611],{"id":7610},"global-component-classes","Global component classes",[706,7613,7615],{"className":6408,"code":7614,"language":6410,"meta":711,"style":711},"export default defineAppConfig({\n  selaras: {\n    ui: {\n      button: {\n        slots: {\n          base: 'font-mono',\n        },\n      },\n    },\n  },\n})\n",[698,7616,7617,7628,7632,7637,7642,7647,7656,7660,7664,7668,7672],{"__ignoreMap":711},[715,7618,7619,7621,7623,7626],{"class":717,"line":8},[715,7620,6435],{"class":720},[715,7622,6438],{"class":720},[715,7624,7625],{"class":905}," defineAppConfig",[715,7627,6444],{"class":728},[715,7629,7630],{"class":717,"line":732},[715,7631,6464],{"class":728},[715,7633,7634],{"class":717,"line":742},[715,7635,7636],{"class":728},"    ui: {\n",[715,7638,7639],{"class":717,"line":979},[715,7640,7641],{"class":728},"      button: {\n",[715,7643,7644],{"class":717,"line":992},[715,7645,7646],{"class":728},"        slots: {\n",[715,7648,7649,7652,7654],{"class":717,"line":998},[715,7650,7651],{"class":728},"          base: ",[715,7653,7290],{"class":724},[715,7655,6500],{"class":728},[715,7657,7658],{"class":717,"line":1011},[715,7659,7542],{"class":728},[715,7661,7662],{"class":717,"line":1024},[715,7663,6628],{"class":728},[715,7665,7666],{"class":717,"line":1029},[715,7667,6633],{"class":728},[715,7669,7670],{"class":717,"line":13},[715,7671,6638],{"class":728},[715,7673,7674],{"class":717,"line":151},[715,7675,6643],{"class":728},[691,7677,7678,7679,7682],{},"Selaras extends the component ",[698,7680,7681],{},"tailwind-variants"," recipe with these classes.",[766,7684,7686],{"id":7685},"global-component-defaults","Global component defaults",[691,7688,7689],{},"Only components that support theme defaults read this configuration.",[691,7691,7692],{},"For example:",[706,7694,7696],{"className":6408,"code":7695,"language":6410,"meta":711,"style":711},"export default defineAppConfig({\n  selaras: {\n    defaults: {\n      button: {\n        size: 'lg',\n      },\n    },\n  },\n})\n",[698,7697,7698,7708,7712,7717,7721,7731,7735,7739,7743],{"__ignoreMap":711},[715,7699,7700,7702,7704,7706],{"class":717,"line":8},[715,7701,6435],{"class":720},[715,7703,6438],{"class":720},[715,7705,7625],{"class":905},[715,7707,6444],{"class":728},[715,7709,7710],{"class":717,"line":732},[715,7711,6464],{"class":728},[715,7713,7714],{"class":717,"line":742},[715,7715,7716],{"class":728},"    defaults: {\n",[715,7718,7719],{"class":717,"line":979},[715,7720,7641],{"class":728},[715,7722,7723,7726,7729],{"class":717,"line":992},[715,7724,7725],{"class":728},"        size: ",[715,7727,7728],{"class":724},"'lg'",[715,7730,6500],{"class":728},[715,7732,7733],{"class":717,"line":998},[715,7734,6628],{"class":728},[715,7736,7737],{"class":717,"line":1011},[715,7738,6633],{"class":728},[715,7740,7741],{"class":717,"line":1024},[715,7742,6638],{"class":728},[715,7744,7745],{"class":717,"line":1029},[715,7746,6643],{"class":728},[691,7748,7749],{},"An explicit component prop has higher priority than a configured default.",[766,7751,7753],{"id":7752},"global-runtime-tokens","Global runtime tokens",[691,7755,7756,7759],{},[698,7757,7758],{},"app.config.selaras.tokens"," can also supply runtime token overrides.",[691,7761,7762],{},"Use this only when you need runtime-managed values. Prefer CSS for a static\nglobal design theme.",[691,7764,7765,7766,7769],{},"All app-wide Selaras runtime settings use the ",[698,7767,7768],{},"app.config.selaras"," namespace.",[761,7771,7773],{"id":7772},"precedence","Precedence",[691,7775,7776],{},"For component classes, the order from low priority to high priority is:",[7778,7779,7780,7787,7792,7798,7803],"ol",{},[1183,7781,7782,7783,7786],{},"component base ",[698,7784,7785],{},"tv()"," theme",[1183,7788,7789],{},[698,7790,7791],{},"app.config.selaras.ui",[1183,7793,7794,7795,7797],{},"ancestor ",[698,7796,7253],{}," recipes, from outer to inner",[1183,7799,7800,7801],{},"the component root ",[698,7802,7328],{},[1183,7804,7805,7806,7808],{},"the component ",[698,7807,7249],{}," slot class",[691,7810,7811,7812,7814,7815,7817],{},"For design tokens, normal CSS cascade rules apply to the public\n",[698,7813,5986],{}," inputs. Managed ",[698,7816,7253],{}," and runtime token scopes create explicit\ntheme owners for their subtree and supported portals.",[761,7819,7821],{"id":7820},"class-prefix","Class prefix",[691,7823,7824,7825,2080],{},"If your Tailwind build uses a class prefix, configure the same prefix in\nSelaras. See ",[1235,7826,27],{"href":7827},"\u002Foverview\u002Finstallation#class-prefix",[691,7829,7830,7831,7833],{},"The class prefix applies to Selaras utility classes. It does not change the\npublic ",[698,7832,5986],{}," semantic input names.",[761,7835,7837],{"id":7836},"localization","Localization",[691,7839,7840],{},"Theme configuration does not control language or reading direction.",[691,7842,7843],{},"Use:",[1180,7845,7846,7853,7860],{},[1183,7847,7848,7852],{},[1235,7849,7850],{"href":659},[698,7851,658],{}," for component text",[1183,7854,7855,7859],{},[1235,7856,7857],{"href":663},[698,7858,662],{}," for locale defaults",[1183,7861,7862,7863,7866,7867,7870],{},"the ",[698,7864,7865],{},"SApp"," ",[698,7868,7869],{},"dir"," prop for LTR or RTL layout",[7872,7873,7874],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":711,"searchDepth":742,"depth":742,"links":7876},[7877,7890,7897,7901,7906,7907,7908],{"id":763,"depth":732,"text":764,"children":7878},[7879,7880,7881,7882,7883,7884,7885,7886,7887,7888,7889],{"id":768,"depth":742,"text":769},{"id":891,"depth":742,"text":892},{"id":1174,"depth":742,"text":1175},{"id":1293,"depth":742,"text":1294},{"id":1345,"depth":742,"text":1346},{"id":1903,"depth":742,"text":1904},{"id":2156,"depth":742,"text":2157},{"id":5535,"depth":742,"text":5536},{"id":5674,"depth":742,"text":5675},{"id":5990,"depth":742,"text":5991},{"id":6090,"depth":742,"text":6091},{"id":6359,"depth":732,"text":6360,"children":7891},[7892,7893,7894,7896],{"id":6371,"depth":742,"text":6372},{"id":6724,"depth":742,"text":6725},{"id":7014,"depth":742,"text":7895},"Optional helper: defineColorFromSeed()",{"id":7175,"depth":742,"text":7176},{"id":7245,"depth":732,"text":7898,"children":7899},"The :ui prop and STheme",[7900],{"id":7413,"depth":742,"text":7414},{"id":7597,"depth":732,"text":7598,"children":7902},[7903,7904,7905],{"id":7610,"depth":742,"text":7611},{"id":7685,"depth":742,"text":7686},{"id":7752,"depth":742,"text":7753},{"id":7772,"depth":732,"text":7773},{"id":7820,"depth":732,"text":7821},{"id":7836,"depth":732,"text":7837},"Customize Selaras with CSS first. Use Nuxt config and helpers only when you need them.",{},{"title":71,"description":7909},"OFH34z23RJVy9CoCQfCy9RiRKGbpmtwEbLzWqKKBNx0",1792925221112]