[{"data":1,"prerenderedAt":6266},["ShallowReactive",2],{"navigation_en":3,"-docs-theme-utilities-filters":682,"-docs-theme-utilities-filters-surround":6261},{"gettingStarted":4,"api":71,"theme":162},[5,36,51],{"title":6,"icon":7,"path":8,"stem":9,"children":10,"page":7},"Getting Started",false,"\u002Fdocs\u002Fgetting-started","docs\u002Fgetting-started",[11,16,21,26,31],{"title":12,"path":13,"stem":14,"icon":15},"Introduction","\u002Fdocs\u002Fgetting-started\u002Fintroduction","docs\u002Fgetting-started\u002F01.introduction","i-lucide-house",{"title":17,"path":18,"stem":19,"icon":20},"Installation","\u002Fdocs\u002Fgetting-started\u002Finstallation","docs\u002Fgetting-started\u002F02.installation","i-lucide-download",{"title":22,"path":23,"stem":24,"icon":25},"Guides","\u002Fdocs\u002Fgetting-started\u002Fguides","docs\u002Fgetting-started\u002F03.guides","i-lucide-book-open",{"title":27,"path":28,"stem":29,"icon":30},"Comparisons","\u002Fdocs\u002Fgetting-started\u002Fcomparisons","docs\u002Fgetting-started\u002F06.comparisons","i-lucide-file-diff",{"title":32,"path":33,"stem":34,"icon":35},"Licensing","\u002Fdocs\u002Fgetting-started\u002Flicensing","docs\u002Fgetting-started\u002F07.licensing","i-lucide-scale",{"title":37,"icon":7,"path":38,"stem":39,"children":40,"page":7},"Tooling","\u002Fdocs\u002Fgetting-started\u002Ftooling","docs\u002Fgetting-started\u002Ftooling",[41,46],{"title":42,"path":43,"stem":44,"icon":45},"CLI Reference","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fcli","docs\u002Fgetting-started\u002Ftooling\u002F01.cli","i-lucide-square-terminal",{"title":47,"path":48,"stem":49,"icon":50},"Utility Scanner","\u002Fdocs\u002Fgetting-started\u002Ftooling\u002Fscanner","docs\u002Fgetting-started\u002Ftooling\u002F02.scanner","i-lucide-view",{"title":52,"icon":7,"path":53,"stem":54,"children":55,"page":7},"Integrations","\u002Fdocs\u002Fgetting-started\u002Fintegrations","docs\u002Fgetting-started\u002Fintegrations",[56,61,66],{"title":57,"path":58,"stem":59,"icon":60},"DTCG","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fdtcg","docs\u002Fgetting-started\u002Fintegrations\u002F01.dtcg","i-lucide-square-code",{"title":62,"path":63,"stem":64,"icon":65},"Figma Plugin","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Ffigma-plugin","docs\u002Fgetting-started\u002Fintegrations\u002F02.figma-plugin","i-simple-icons-figma",{"title":67,"path":68,"stem":69,"icon":70},"Storybook","\u002Fdocs\u002Fgetting-started\u002Fintegrations\u002Fstorybook","docs\u002Fgetting-started\u002Fintegrations\u002F03.storybook","i-simple-icons-storybook",[72],{"title":73,"path":74,"stem":75,"children":76,"icon":7},"API Reference","\u002Fdocs\u002Fapi","docs\u002Fapi\u002F00.index",[77,80,85,90,95,100,105,110,115,120,125,130,145,150,155,160],{"title":78,"path":74,"stem":75,"icon":79},"Overview","i-lucide-book-text",{"title":81,"path":82,"stem":83,"icon":84},"Instance","\u002Fdocs\u002Fapi\u002Finstance","docs\u002Fapi\u002F01.instance","i-lucide-cloud-lightning",{"title":86,"path":87,"stem":88,"icon":89},"Variables","\u002Fdocs\u002Fapi\u002Fvariables","docs\u002Fapi\u002F02.variables","i-lucide-variable",{"title":91,"path":92,"stem":93,"icon":94},"Selectors","\u002Fdocs\u002Fapi\u002Fselectors","docs\u002Fapi\u002F03.selectors","i-lucide-scan-text",{"title":96,"path":97,"stem":98,"icon":99},"At-Rules","\u002Fdocs\u002Fapi\u002Fat-rules","docs\u002Fapi\u002F04.at-rules","i-lucide-at-sign",{"title":101,"path":102,"stem":103,"icon":104},"Media Queries","\u002Fdocs\u002Fapi\u002Fmedia-queries","docs\u002Fapi\u002F05.media-queries","i-lucide-image-upscale",{"title":106,"path":107,"stem":108,"icon":109},"Keyframes","\u002Fdocs\u002Fapi\u002Fkeyframes","docs\u002Fapi\u002F06.keyframes","i-lucide-square-play",{"title":111,"path":112,"stem":113,"icon":114},"Interpolation","\u002Fdocs\u002Fapi\u002Finterpolation","docs\u002Fapi\u002F07.interpolation","i-lucide-wrap-text",{"title":116,"path":117,"stem":118,"icon":119},"Utilities","\u002Fdocs\u002Fapi\u002Futilities","docs\u002Fapi\u002F08.utilities","i-lucide-sparkles",{"title":121,"path":122,"stem":123,"icon":124},"Utility Modifiers","\u002Fdocs\u002Fapi\u002Futility-modifiers","docs\u002Fapi\u002F09.utility-modifiers","i-lucide-align-horizontal-justify-center",{"title":126,"path":127,"stem":128,"icon":129},"Themes","\u002Fdocs\u002Fapi\u002Fthemes","docs\u002Fapi\u002F10.themes","i-lucide-paintbrush",{"title":131,"path":132,"stem":133,"children":134,"icon":144},"Recipes","\u002Fdocs\u002Fapi\u002Frecipes","docs\u002Fapi\u002F11.recipes\u002F00.index",[135,136,140],{"title":78,"path":132,"stem":133},{"title":137,"path":138,"stem":139},"Runtime","\u002Fdocs\u002Fapi\u002Frecipes\u002Fruntime","docs\u002Fapi\u002F11.recipes\u002F01.runtime",{"title":141,"path":142,"stem":143},"Output Format","\u002Fdocs\u002Fapi\u002Frecipes\u002Foutput-format","docs\u002Fapi\u002F11.recipes\u002F02.output-format","i-lucide-chef-hat",{"title":146,"path":147,"stem":148,"icon":149},"Composables","\u002Fdocs\u002Fapi\u002Fcomposables","docs\u002Fapi\u002F12.composables","i-lucide-component",{"title":151,"path":152,"stem":153,"icon":154},"Imports","\u002Fdocs\u002Fapi\u002Fimports","docs\u002Fapi\u002F13.imports","i-lucide-file-input",{"title":156,"path":157,"stem":158,"icon":159},"Merging","\u002Fdocs\u002Fapi\u002Fmerging","docs\u002Fapi\u002F13.merging","i-lucide-squares-intersect",{"title":151,"path":152,"stem":161,"icon":154},"docs\u002Fapi\u002F14.imports",[163,243,357,558,635],{"title":164,"path":165,"stem":166,"children":167,"icon":7},"Design Tokens","\u002Fdocs\u002Ftheme\u002Fdesign-tokens","docs\u002Ftheme\u002Fdesign-tokens\u002F00.index",[168,169,174,179,184,189,194,199,204,209,224,228,233,238],{"title":78,"path":165,"stem":166,"icon":79},{"title":170,"path":171,"stem":172,"icon":173},"Preset","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fpreset","docs\u002Ftheme\u002Fdesign-tokens\u002F01.preset","i-lucide-package",{"title":175,"path":176,"stem":177,"icon":178},"Border Radiuses","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborder-radiuses","docs\u002Ftheme\u002Fdesign-tokens\u002F02.border-radiuses","i-lucide-square-round-corner",{"title":180,"path":181,"stem":182,"icon":183},"Borders","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fborders","docs\u002Ftheme\u002Fdesign-tokens\u002F03.borders","i-lucide-square-dashed-top-solid",{"title":185,"path":186,"stem":187,"icon":188},"Box Shadows","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbox-shadows","docs\u002Ftheme\u002Fdesign-tokens\u002F04.box-shadows","i-lucide-layers-2",{"title":190,"path":191,"stem":192,"icon":193},"Breakpoints","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fbreakpoints","docs\u002Ftheme\u002Fdesign-tokens\u002F05.breakpoints","i-lucide-monitor-smartphone",{"title":195,"path":196,"stem":197,"icon":198},"Colors","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fcolors","docs\u002Ftheme\u002Fdesign-tokens\u002F06.colors","i-lucide-palette",{"title":200,"path":201,"stem":202,"icon":203},"Duration","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fduration","docs\u002Ftheme\u002Fdesign-tokens\u002F07.duration","i-lucide-timer",{"title":205,"path":206,"stem":207,"icon":208},"Easing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Feasing","docs\u002Ftheme\u002Fdesign-tokens\u002F08.easing","i-lucide-spline",{"title":210,"path":211,"stem":212,"children":213,"icon":104,"defaultOpen":223},"Fluid Design","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F01.index",[214,215,219],{"title":78,"path":211,"stem":212},{"title":216,"path":217,"stem":218},"Fluid Viewport","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Fviewport","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F02.viewport",{"title":220,"path":221,"stem":222},"Fluid Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ffluid-design\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F09.fluid-design\u002F03.typography",true,{"title":225,"path":226,"stem":227,"icon":35},"Scales","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fscales","docs\u002Ftheme\u002Fdesign-tokens\u002F10.scales",{"title":229,"path":230,"stem":231,"icon":232},"Spacing","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fspacing","docs\u002Ftheme\u002Fdesign-tokens\u002F11.spacing","i-lucide-move-horizontal",{"title":234,"path":235,"stem":236,"icon":237},"Typography","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Ftypography","docs\u002Ftheme\u002Fdesign-tokens\u002F12.typography","i-lucide-type",{"title":239,"path":240,"stem":241,"icon":242},"Z-Index","\u002Fdocs\u002Ftheme\u002Fdesign-tokens\u002Fz-index","docs\u002Ftheme\u002Fdesign-tokens\u002F13.z-index","i-lucide-layers",{"title":244,"path":245,"stem":246,"children":247,"icon":7},"Elements","\u002Fdocs\u002Ftheme\u002Felements","docs\u002Ftheme\u002Felements\u002F00.index",[248,249,252,259,281,301,313,329,341],{"title":78,"path":245,"stem":246,"icon":79},{"title":170,"path":250,"stem":251,"icon":173},"\u002Fdocs\u002Ftheme\u002Felements\u002Fpreset","docs\u002Ftheme\u002Felements\u002F01.preset",{"title":253,"icon":242,"defaultOpen":223,"page":7,"children":254},"Base",[255],{"title":256,"path":257,"stem":258,"icon":7},"Body","\u002Fdocs\u002Ftheme\u002Felements\u002Fbody","docs\u002Ftheme\u002Felements\u002F02.base\u002F00.body",{"title":234,"icon":237,"defaultOpen":223,"page":7,"children":260},[261,265,269,273,277],{"title":262,"path":263,"stem":264,"icon":7},"Headings","\u002Fdocs\u002Ftheme\u002Felements\u002Fheadings","docs\u002Ftheme\u002Felements\u002F03.typography\u002F01.headings",{"title":266,"path":267,"stem":268,"icon":7},"Paragraphs","\u002Fdocs\u002Ftheme\u002Felements\u002Fparagraphs","docs\u002Ftheme\u002Felements\u002F03.typography\u002F02.paragraphs",{"title":270,"path":271,"stem":272,"icon":7},"Links","\u002Fdocs\u002Ftheme\u002Felements\u002Flinks","docs\u002Ftheme\u002Felements\u002F03.typography\u002F03.links",{"title":274,"path":275,"stem":276,"icon":7},"Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Flists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F04.lists",{"title":278,"path":279,"stem":280,"icon":7},"Definition Lists","\u002Fdocs\u002Ftheme\u002Felements\u002Fdefinition-lists","docs\u002Ftheme\u002Felements\u002F03.typography\u002F05.definition-lists",{"title":282,"icon":283,"defaultOpen":223,"page":7,"children":284},"Inline Text","i-lucide-whole-word",[285,289,293,297],{"title":286,"path":287,"stem":288,"icon":7},"Abbreviation","\u002Fdocs\u002Ftheme\u002Felements\u002Fabbreviation","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F00.abbreviation",{"title":290,"path":291,"stem":292,"icon":7},"Code","\u002Fdocs\u002Ftheme\u002Felements\u002Fcode","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F01.code",{"title":294,"path":295,"stem":296,"icon":7},"Kbd","\u002Fdocs\u002Ftheme\u002Felements\u002Fkbd","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F02.kbd",{"title":298,"path":299,"stem":300,"icon":7},"Mark","\u002Fdocs\u002Ftheme\u002Felements\u002Fmark","docs\u002Ftheme\u002Felements\u002F04.inline-text\u002F03.mark",{"title":302,"icon":303,"defaultOpen":223,"page":7,"children":304},"Media & Embeds","i-lucide-image",[305,309],{"title":306,"path":307,"stem":308,"icon":7},"Image","\u002Fdocs\u002Ftheme\u002Felements\u002Fimage","docs\u002Ftheme\u002Felements\u002F05.media\u002F00.image",{"title":310,"path":311,"stem":312,"icon":7},"Iframe","\u002Fdocs\u002Ftheme\u002Felements\u002Fiframe","docs\u002Ftheme\u002Felements\u002F05.media\u002F01.iframe",{"title":314,"icon":315,"defaultOpen":223,"page":7,"children":316},"Forms & Tables","i-lucide-table",[317,321,325],{"title":318,"path":319,"stem":320,"icon":7},"Caption","\u002Fdocs\u002Ftheme\u002Felements\u002Fcaption","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F00.caption",{"title":322,"path":323,"stem":324,"icon":7},"Legend","\u002Fdocs\u002Ftheme\u002Felements\u002Flegend","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F01.legend",{"title":326,"path":327,"stem":328,"icon":7},"Output","\u002Fdocs\u002Ftheme\u002Felements\u002Foutput","docs\u002Ftheme\u002Felements\u002F06.forms-tables\u002F02.output",{"title":330,"icon":331,"defaultOpen":223,"page":7,"children":332},"Structure","i-lucide-separator-horizontal",[333,337],{"title":334,"path":335,"stem":336,"icon":7},"Address","\u002Fdocs\u002Ftheme\u002Felements\u002Faddress","docs\u002Ftheme\u002Felements\u002F07.structure\u002F00.address",{"title":338,"path":339,"stem":340,"icon":7},"Horizontal Rule","\u002Fdocs\u002Ftheme\u002Felements\u002Fhorizontal-rule","docs\u002Ftheme\u002Felements\u002F07.structure\u002F01.horizontal-rule",{"title":342,"icon":343,"defaultOpen":223,"page":7,"children":344},"States","i-lucide-mouse-pointer-click",[345,349,353],{"title":346,"path":347,"stem":348,"icon":7},"Focus","\u002Fdocs\u002Ftheme\u002Felements\u002Ffocus","docs\u002Ftheme\u002Felements\u002F08.states\u002F00.focus",{"title":350,"path":351,"stem":352,"icon":7},"Selection","\u002Fdocs\u002Ftheme\u002Felements\u002Fselection","docs\u002Ftheme\u002Felements\u002F08.states\u002F01.selection",{"title":354,"path":355,"stem":356,"icon":7},"Summary","\u002Fdocs\u002Ftheme\u002Felements\u002Fsummary","docs\u002Ftheme\u002Felements\u002F08.states\u002F02.summary",{"title":358,"path":359,"stem":360,"children":361,"icon":7},"Components","\u002Fdocs\u002Ftheme\u002Fcomponents","docs\u002Ftheme\u002Fcomponents\u002F00.index",[362,363,375,399,427,491,518,550],{"title":78,"path":359,"stem":360,"icon":79},{"title":364,"icon":365,"defaultOpen":223,"page":7,"children":366},"Actions","i-lucide-square-mouse-pointer",[367,371],{"title":368,"path":369,"stem":370,"icon":7},"Button","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbutton","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F00.button",{"title":372,"path":373,"stem":374,"icon":7},"Hamburger Menu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fhamburger-menu","docs\u002Ftheme\u002Fcomponents\u002F02.actions\u002F01.hamburger-menu",{"title":376,"icon":377,"defaultOpen":223,"page":7,"children":378},"Navigation","i-lucide-navigation",[379,383,387,391,395],{"title":380,"path":381,"stem":382,"icon":7},"Breadcrumb","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbreadcrumb","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F00.breadcrumb",{"title":384,"path":385,"stem":386,"icon":7},"Nav","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fnav","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F01.nav",{"title":388,"path":389,"stem":390,"icon":7},"Pagination","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpagination","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F02.pagination",{"title":392,"path":393,"stem":394,"icon":7},"Sidebar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fsidebar","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F03.sidebar",{"title":396,"path":397,"stem":398,"icon":7},"Tabs","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftabs","docs\u002Ftheme\u002Fcomponents\u002F03.navigation\u002F04.tabs",{"title":400,"icon":401,"defaultOpen":223,"page":7,"children":402},"Feedback","i-lucide-megaphone",[403,407,411,415,419,423],{"title":404,"path":405,"stem":406,"icon":7},"Badge","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fbadge","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F00.badge",{"title":408,"path":409,"stem":410,"icon":7},"Callout","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcallout","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F01.callout",{"title":412,"path":413,"stem":414,"icon":7},"Chip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchip","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F02.chip",{"title":416,"path":417,"stem":418,"icon":7},"Progress","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fprogress","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F03.progress",{"title":420,"path":421,"stem":422,"icon":7},"Skeleton","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fskeleton","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F04.skeleton",{"title":424,"path":425,"stem":426,"icon":7},"Spinner","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fspinner","docs\u002Ftheme\u002Fcomponents\u002F04.feedback\u002F05.spinner",{"title":428,"icon":429,"defaultOpen":223,"page":7,"children":430},"Forms","i-lucide-text-cursor-input",[431,435,439,443,447,451,455,459,463,467,471,475,479,483,487],{"title":432,"path":433,"stem":434,"icon":7},"Calendar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcalendar","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F00.calendar",{"title":436,"path":437,"stem":438,"icon":7},"Checkbox","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F01.checkbox",{"title":440,"path":441,"stem":442,"icon":7},"Checkbox Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcheckbox-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F02.checkbox-group",{"title":444,"path":445,"stem":446,"icon":7},"Color Picker","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcolor-picker","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F03.color-picker",{"title":448,"path":449,"stem":450,"icon":7},"Field Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ffield-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F04.field-group",{"title":452,"path":453,"stem":454,"icon":7},"Input","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Finput","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F05.input",{"title":456,"path":457,"stem":458,"icon":7},"OTP","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fotp","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F06.otp",{"title":460,"path":461,"stem":462,"icon":7},"Radio","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F07.radio",{"title":464,"path":465,"stem":466,"icon":7},"Radio Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fradio-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F08.radio-group",{"title":468,"path":469,"stem":470,"icon":7},"Select","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fselect","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F09.select",{"title":472,"path":473,"stem":474,"icon":7},"Slider","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fslider","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F10.slider",{"title":476,"path":477,"stem":478,"icon":7},"Switch","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fswitch","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F11.switch",{"title":480,"path":481,"stem":482,"icon":7},"Textarea","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftextarea","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F12.textarea",{"title":484,"path":485,"stem":486,"icon":7},"Toggle","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F13.toggle",{"title":488,"path":489,"stem":490,"icon":7},"Toggle Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftoggle-group","docs\u002Ftheme\u002Fcomponents\u002F05.forms\u002F14.toggle-group",{"title":492,"icon":242,"defaultOpen":223,"page":7,"children":493},"Overlays",[494,498,502,506,510,514],{"title":495,"path":496,"stem":497,"icon":7},"ContextMenu","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcontext-menu","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F00.context-menu",{"title":499,"path":500,"stem":501,"icon":7},"Drawer","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdrawer","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F01.drawer",{"title":503,"path":504,"stem":505,"icon":7},"Dropdown","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fdropdown","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F02.dropdown",{"title":507,"path":508,"stem":509,"icon":7},"Modal","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmodal","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F03.modal",{"title":511,"path":512,"stem":513,"icon":7},"Popover","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpopover","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F04.popover",{"title":515,"path":516,"stem":517,"icon":7},"Tooltip","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Ftooltip","docs\u002Ftheme\u002Fcomponents\u002F06.overlays\u002F05.tooltip",{"title":519,"icon":520,"defaultOpen":223,"page":7,"children":521},"Layout","i-lucide-layout",[522,526,530,534,538,542,546],{"title":523,"path":524,"stem":525,"icon":7},"Accordion","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Faccordion","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F00.accordion",{"title":527,"path":528,"stem":529,"icon":7},"Avatar","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F01.avatar",{"title":531,"path":532,"stem":533,"icon":7},"Avatar Group","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Favatar-group","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F02.avatar-group",{"title":535,"path":536,"stem":537,"icon":7},"Card","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fcard","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F03.card",{"title":539,"path":540,"stem":541,"icon":7},"Media","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fmedia","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F04.media",{"title":543,"path":544,"stem":545,"icon":7},"PageHero","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fpage-hero","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F05.page-hero",{"title":547,"path":548,"stem":549,"icon":7},"Placeholder","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fplaceholder","docs\u002Ftheme\u002Fcomponents\u002F07.layout\u002F06.placeholder",{"title":551,"icon":552,"defaultOpen":223,"page":7,"children":553},"AI Chat","i-lucide-message-circle",[554],{"title":555,"path":556,"stem":557,"icon":7},"ChatMessage","\u002Fdocs\u002Ftheme\u002Fcomponents\u002Fchat-message","docs\u002Ftheme\u002Fcomponents\u002F08.ai-chat\u002F00.chat-message",{"title":116,"path":559,"stem":560,"children":561,"icon":7},"\u002Fdocs\u002Ftheme\u002Futilities","docs\u002Ftheme\u002Futilities\u002F00.index",[562,563,567,572,577,581,584,588,593,598,602,605,610,613,618,622,627,632],{"title":78,"path":559,"stem":560,"icon":79},{"title":564,"path":565,"stem":566,"icon":173},"Presets","\u002Fdocs\u002Ftheme\u002Futilities\u002Fpreset","docs\u002Ftheme\u002Futilities\u002F01.preset",{"title":568,"path":569,"stem":570,"icon":571},"Accessibility","\u002Fdocs\u002Ftheme\u002Futilities\u002Faccessibility","docs\u002Ftheme\u002Futilities\u002F02.accessibility","i-lucide-accessibility",{"title":573,"path":574,"stem":575,"icon":576},"Animations","\u002Fdocs\u002Ftheme\u002Futilities\u002Fanimations","docs\u002Ftheme\u002Futilities\u002F03.animations","i-lucide-loader-circle",{"title":578,"path":579,"stem":580,"icon":303},"Backgrounds","\u002Fdocs\u002Ftheme\u002Futilities\u002Fbackgrounds","docs\u002Ftheme\u002Futilities\u002F04.backgrounds",{"title":180,"path":582,"stem":583,"icon":183},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fborders","docs\u002Ftheme\u002Futilities\u002F05.borders",{"title":585,"path":586,"stem":587,"icon":119},"Effects","\u002Fdocs\u002Ftheme\u002Futilities\u002Feffects","docs\u002Ftheme\u002Futilities\u002F06.effects",{"title":589,"path":590,"stem":591,"icon":592},"Filters","\u002Fdocs\u002Ftheme\u002Futilities\u002Ffilters","docs\u002Ftheme\u002Futilities\u002F07.filters","i-lucide-aperture",{"title":594,"path":595,"stem":596,"icon":597},"Flexbox & Grid","\u002Fdocs\u002Ftheme\u002Futilities\u002Fflexbox-grid","docs\u002Ftheme\u002Futilities\u002F08.flexbox-grid","i-lucide-layout-grid",{"title":599,"path":600,"stem":601,"icon":343},"Interactivity","\u002Fdocs\u002Ftheme\u002Futilities\u002Finteractivity","docs\u002Ftheme\u002Futilities\u002F09.interactivity",{"title":519,"path":603,"stem":604,"icon":520},"\u002Fdocs\u002Ftheme\u002Futilities\u002Flayout","docs\u002Ftheme\u002Futilities\u002F10.layout",{"title":606,"path":607,"stem":608,"icon":609},"Sizing","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsizing","docs\u002Ftheme\u002Futilities\u002F11.sizing","i-lucide-scaling",{"title":229,"path":611,"stem":612,"icon":232},"\u002Fdocs\u002Ftheme\u002Futilities\u002Fspacing","docs\u002Ftheme\u002Futilities\u002F12.spacing",{"title":614,"path":615,"stem":616,"icon":617},"SVG","\u002Fdocs\u002Ftheme\u002Futilities\u002Fsvg","docs\u002Ftheme\u002Futilities\u002F13.svg","i-lucide-pen-tool",{"title":619,"path":620,"stem":621,"icon":315},"Tables","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftables","docs\u002Ftheme\u002Futilities\u002F14.tables",{"title":623,"path":624,"stem":625,"icon":626},"Transforms","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransforms","docs\u002Ftheme\u002Futilities\u002F15.transforms","i-lucide-rotate-3d",{"title":628,"path":629,"stem":630,"icon":631},"Transitions","\u002Fdocs\u002Ftheme\u002Futilities\u002Ftransitions","docs\u002Ftheme\u002Futilities\u002F16.transitions","i-lucide-arrow-left-right",{"title":234,"path":633,"stem":634,"icon":237},"\u002Fdocs\u002Ftheme\u002Futilities\u002Ftypography","docs\u002Ftheme\u002Futilities\u002F17.typography",{"title":636,"path":637,"stem":638,"children":639,"icon":7},"Modifiers","\u002Fdocs\u002Ftheme\u002Fmodifiers","docs\u002Ftheme\u002Fmodifiers\u002F00.index",[640,641,644,648,653,657,662,667,672,677],{"title":78,"path":637,"stem":638,"icon":79},{"title":564,"path":642,"stem":643,"icon":173},"\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpreset","docs\u002Ftheme\u002Fmodifiers\u002F01.preset",{"title":645,"path":646,"stem":647,"icon":571},"ARIA State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Faria-state","docs\u002Ftheme\u002Fmodifiers\u002F02.aria-state",{"title":649,"path":650,"stem":651,"icon":652},"Directional","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fdirectional","docs\u002Ftheme\u002Fmodifiers\u002F03.directional","i-lucide-flip-horizontal",{"title":654,"path":655,"stem":656,"icon":429},"Form State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fform-state","docs\u002Ftheme\u002Fmodifiers\u002F04.form-state",{"title":658,"path":659,"stem":660,"icon":661},"Media & Preferences","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fmedia-preferences","docs\u002Ftheme\u002Fmodifiers\u002F05.media-preferences","i-lucide-sun-moon",{"title":663,"path":664,"stem":665,"icon":666},"Other State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fother-state","docs\u002Ftheme\u002Fmodifiers\u002F06.other-state","i-lucide-toggle-left",{"title":668,"path":669,"stem":670,"icon":671},"Pseudo-Elements","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-elements","docs\u002Ftheme\u002Fmodifiers\u002F07.pseudo-elements","i-lucide-box-select",{"title":673,"path":674,"stem":675,"icon":676},"Pseudo-State","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fpseudo-state","docs\u002Ftheme\u002Fmodifiers\u002F08.pseudo-state","i-lucide-pointer",{"title":678,"path":679,"stem":680,"icon":681},"Structural","\u002Fdocs\u002Ftheme\u002Fmodifiers\u002Fstructural","docs\u002Ftheme\u002Fmodifiers\u002F09.structural","i-lucide-list-ordered",{"id":683,"title":684,"body":685,"description":6255,"extension":1440,"links":6256,"meta":6257,"navigation":6258,"path":590,"seo":6259,"stem":591,"__hash__":6260},"docs_theme\u002Fdocs\u002Ftheme\u002Futilities\u002F07.filters.md","Filters Utilities",{"type":686,"value":687,"toc":6230},"minimark",[688,706,710,714,718,721,749,755,762,1664,1671,1677,1683,2547,2553,2559,3218,3224,3230,3680,3684,3691,3694,3835,3841,3844,3899,3905,3908,4021,4027,4030,4085,4091,4094,4226,4230,4233,4239,4770,4774,4824,4828,4832,5588,5592,6142,6146,6184,6188,6226],[689,690,691,695,696,700,701,705],"note",{"icon":173},[692,693,694],"strong",{},"Part of the Utilities Preset:"," The utilities on this page are registered by the ",[697,698,699],"a",{"href":565},"Utilities Preset"," (",[702,703,704],"code",{},"useUtilitiesPreset","). For most projects, applying them via the preset is the recommended approach.",[707,708,78],"h2",{"id":709},"overview",[711,712,713],"p",{},"Filter utilities help you apply CSS filter effects to elements including blur, brightness, contrast, grayscale, hue rotation, and more. These utilities also include backdrop filter variants for applying effects to the area behind an element.",[707,715,717],{"id":716},"why-use-filter-utilities","Why Use Filter Utilities?",[711,719,720],{},"Filter utilities help you:",[722,723,724,731,737,743],"ul",{},[725,726,727,730],"li",{},[692,728,729],{},"Create visual effects",": Apply blur, brightness, and contrast adjustments",[725,732,733,736],{},[692,734,735],{},"Build frosted glass effects",": Use backdrop filters for modern UI patterns",[725,738,739,742],{},[692,740,741],{},"Combine multiple filters",": CSS custom properties allow stacking filter effects",[725,744,745,748],{},[692,746,747],{},"Support accessibility",": Adjust contrast and color for better readability",[707,750,752],{"id":751},"useblurutility",[702,753,754],{},"useBlurUtility",[711,756,757,758,761],{},"The ",[702,759,760],{},"useBlurUtility()"," function creates utility classes for applying blur effects.",[763,764,765,1064,1548],"tabs",{},[766,767,769],"tabs-item",{"icon":768,"label":290},"i-lucide-code",[770,771,777],"pre",{"className":772,"code":773,"filename":774,"language":775,"meta":776,"style":776},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { styleframe } from \"styleframe\";\nimport { useBlurUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBlurUtility(s, {\n    none: '0',\n    sm: '4px',\n    default: '8px',\n    md: '12px',\n    lg: '16px',\n    xl: '24px',\n    '2xl': '40px',\n    '3xl': '64px',\n});\n\nexport default s;\n","styleframe.config.ts","ts","",[702,778,779,815,838,844,865,870,884,906,923,940,957,974,991,1013,1034,1045,1050],{"__ignoreMap":776},[780,781,784,788,792,796,799,802,805,809,812],"span",{"class":782,"line":783},"line",1,[780,785,787],{"class":786},"s7zQu","import",[780,789,791],{"class":790},"sMK4o"," {",[780,793,795],{"class":794},"sTEyZ"," styleframe",[780,797,798],{"class":790}," }",[780,800,801],{"class":786}," from",[780,803,804],{"class":790}," \"",[780,806,808],{"class":807},"sfazB","styleframe",[780,810,811],{"class":790},"\"",[780,813,814],{"class":790},";\n",[780,816,818,820,822,825,827,829,831,834,836],{"class":782,"line":817},2,[780,819,787],{"class":786},[780,821,791],{"class":790},[780,823,824],{"class":794}," useBlurUtility",[780,826,798],{"class":790},[780,828,801],{"class":786},[780,830,804],{"class":790},[780,832,833],{"class":807},"@styleframe\u002Ftheme",[780,835,811],{"class":790},[780,837,814],{"class":790},[780,839,841],{"class":782,"line":840},3,[780,842,843],{"emptyLinePlaceholder":223},"\n",[780,845,847,851,854,857,860,863],{"class":782,"line":846},4,[780,848,850],{"class":849},"spNyl","const",[780,852,853],{"class":794}," s ",[780,855,856],{"class":790},"=",[780,858,795],{"class":859},"s2Zo4",[780,861,862],{"class":794},"()",[780,864,814],{"class":790},[780,866,868],{"class":782,"line":867},5,[780,869,843],{"emptyLinePlaceholder":223},[780,871,873,875,878,881],{"class":782,"line":872},6,[780,874,754],{"class":859},[780,876,877],{"class":794},"(s",[780,879,880],{"class":790},",",[780,882,883],{"class":790}," {\n",[780,885,887,891,894,897,900,903],{"class":782,"line":886},7,[780,888,890],{"class":889},"swJcz","    none",[780,892,893],{"class":790},":",[780,895,896],{"class":790}," '",[780,898,899],{"class":807},"0",[780,901,902],{"class":790},"'",[780,904,905],{"class":790},",\n",[780,907,909,912,914,916,919,921],{"class":782,"line":908},8,[780,910,911],{"class":889},"    sm",[780,913,893],{"class":790},[780,915,896],{"class":790},[780,917,918],{"class":807},"4px",[780,920,902],{"class":790},[780,922,905],{"class":790},[780,924,926,929,931,933,936,938],{"class":782,"line":925},9,[780,927,928],{"class":889},"    default",[780,930,893],{"class":790},[780,932,896],{"class":790},[780,934,935],{"class":807},"8px",[780,937,902],{"class":790},[780,939,905],{"class":790},[780,941,943,946,948,950,953,955],{"class":782,"line":942},10,[780,944,945],{"class":889},"    md",[780,947,893],{"class":790},[780,949,896],{"class":790},[780,951,952],{"class":807},"12px",[780,954,902],{"class":790},[780,956,905],{"class":790},[780,958,960,963,965,967,970,972],{"class":782,"line":959},11,[780,961,962],{"class":889},"    lg",[780,964,893],{"class":790},[780,966,896],{"class":790},[780,968,969],{"class":807},"16px",[780,971,902],{"class":790},[780,973,905],{"class":790},[780,975,977,980,982,984,987,989],{"class":782,"line":976},12,[780,978,979],{"class":889},"    xl",[780,981,893],{"class":790},[780,983,896],{"class":790},[780,985,986],{"class":807},"24px",[780,988,902],{"class":790},[780,990,905],{"class":790},[780,992,994,997,1000,1002,1004,1006,1009,1011],{"class":782,"line":993},13,[780,995,996],{"class":790},"    '",[780,998,999],{"class":889},"2xl",[780,1001,902],{"class":790},[780,1003,893],{"class":790},[780,1005,896],{"class":790},[780,1007,1008],{"class":807},"40px",[780,1010,902],{"class":790},[780,1012,905],{"class":790},[780,1014,1016,1018,1021,1023,1025,1027,1030,1032],{"class":782,"line":1015},14,[780,1017,996],{"class":790},[780,1019,1020],{"class":889},"3xl",[780,1022,902],{"class":790},[780,1024,893],{"class":790},[780,1026,896],{"class":790},[780,1028,1029],{"class":807},"64px",[780,1031,902],{"class":790},[780,1033,905],{"class":790},[780,1035,1037,1040,1043],{"class":782,"line":1036},15,[780,1038,1039],{"class":790},"}",[780,1041,1042],{"class":794},")",[780,1044,814],{"class":790},[780,1046,1048],{"class":782,"line":1047},16,[780,1049,843],{"emptyLinePlaceholder":223},[780,1051,1053,1056,1059,1062],{"class":782,"line":1052},17,[780,1054,1055],{"class":786},"export",[780,1057,1058],{"class":786}," default",[780,1060,1061],{"class":794}," s",[780,1063,814],{"class":790},[766,1065,1066],{"icon":154,"label":326},[770,1067,1072],{"className":1068,"code":1069,"filename":1070,"language":1071,"meta":776,"style":776},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","._blur\\:none {\n    --tw-blur: blur(0);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._blur\\:sm {\n    --tw-blur: blur(4px);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._blur {\n    --tw-blur: blur(8px);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._blur\\:md {\n    --tw-blur: blur(12px);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\u002F* ... more sizes *\u002F\n","styleframe\u002Findex.css","css",[702,1073,1074,1091,1110,1200,1205,1209,1222,1236,1314,1318,1322,1330,1344,1422,1426,1430,1443,1457,1536,1541],{"__ignoreMap":776},[780,1075,1076,1079,1083,1086,1089],{"class":782,"line":783},[780,1077,1078],{"class":790},".",[780,1080,1082],{"class":1081},"sBMFI","_blur",[780,1084,1085],{"class":794},"\\:",[780,1087,1088],{"class":1081},"none",[780,1090,883],{"class":790},[780,1092,1093,1096,1098,1101,1104,1107],{"class":782,"line":817},[780,1094,1095],{"class":794},"    --tw-blur",[780,1097,893],{"class":790},[780,1099,1100],{"class":859}," blur",[780,1102,1103],{"class":790},"(",[780,1105,899],{"class":1106},"sbssI",[780,1108,1109],{"class":790},");\n",[780,1111,1112,1116,1118,1121,1123,1126,1128,1130,1132,1135,1137,1139,1141,1144,1146,1148,1150,1153,1155,1157,1159,1162,1164,1166,1168,1171,1173,1175,1177,1180,1182,1184,1186,1189,1191,1193,1195,1198],{"class":782,"line":840},[780,1113,1115],{"class":1114},"sqsOY","    filter",[780,1117,893],{"class":790},[780,1119,1120],{"class":859}," var",[780,1122,1103],{"class":790},[780,1124,1125],{"class":794},"--tw-blur",[780,1127,1042],{"class":790},[780,1129,1120],{"class":859},[780,1131,1103],{"class":790},[780,1133,1134],{"class":794},"--tw-brightness",[780,1136,1042],{"class":790},[780,1138,1120],{"class":859},[780,1140,1103],{"class":790},[780,1142,1143],{"class":794},"--tw-contrast",[780,1145,1042],{"class":790},[780,1147,1120],{"class":859},[780,1149,1103],{"class":790},[780,1151,1152],{"class":794},"--tw-grayscale",[780,1154,1042],{"class":790},[780,1156,1120],{"class":859},[780,1158,1103],{"class":790},[780,1160,1161],{"class":794},"--tw-hue-rotate",[780,1163,1042],{"class":790},[780,1165,1120],{"class":859},[780,1167,1103],{"class":790},[780,1169,1170],{"class":794},"--tw-invert",[780,1172,1042],{"class":790},[780,1174,1120],{"class":859},[780,1176,1103],{"class":790},[780,1178,1179],{"class":794},"--tw-saturate",[780,1181,1042],{"class":790},[780,1183,1120],{"class":859},[780,1185,1103],{"class":790},[780,1187,1188],{"class":794},"--tw-sepia",[780,1190,1042],{"class":790},[780,1192,1120],{"class":859},[780,1194,1103],{"class":790},[780,1196,1197],{"class":794},"--tw-drop-shadow",[780,1199,1109],{"class":790},[780,1201,1202],{"class":782,"line":846},[780,1203,1204],{"class":790},"}\n",[780,1206,1207],{"class":782,"line":867},[780,1208,843],{"emptyLinePlaceholder":223},[780,1210,1211,1213,1215,1217,1220],{"class":782,"line":872},[780,1212,1078],{"class":790},[780,1214,1082],{"class":1081},[780,1216,1085],{"class":794},[780,1218,1219],{"class":1081},"sm",[780,1221,883],{"class":790},[780,1223,1224,1226,1228,1230,1232,1234],{"class":782,"line":886},[780,1225,1095],{"class":794},[780,1227,893],{"class":790},[780,1229,1100],{"class":859},[780,1231,1103],{"class":790},[780,1233,918],{"class":1106},[780,1235,1109],{"class":790},[780,1237,1238,1240,1242,1244,1246,1248,1250,1252,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294,1296,1298,1300,1302,1304,1306,1308,1310,1312],{"class":782,"line":908},[780,1239,1115],{"class":1114},[780,1241,893],{"class":790},[780,1243,1120],{"class":859},[780,1245,1103],{"class":790},[780,1247,1125],{"class":794},[780,1249,1042],{"class":790},[780,1251,1120],{"class":859},[780,1253,1103],{"class":790},[780,1255,1134],{"class":794},[780,1257,1042],{"class":790},[780,1259,1120],{"class":859},[780,1261,1103],{"class":790},[780,1263,1143],{"class":794},[780,1265,1042],{"class":790},[780,1267,1120],{"class":859},[780,1269,1103],{"class":790},[780,1271,1152],{"class":794},[780,1273,1042],{"class":790},[780,1275,1120],{"class":859},[780,1277,1103],{"class":790},[780,1279,1161],{"class":794},[780,1281,1042],{"class":790},[780,1283,1120],{"class":859},[780,1285,1103],{"class":790},[780,1287,1170],{"class":794},[780,1289,1042],{"class":790},[780,1291,1120],{"class":859},[780,1293,1103],{"class":790},[780,1295,1179],{"class":794},[780,1297,1042],{"class":790},[780,1299,1120],{"class":859},[780,1301,1103],{"class":790},[780,1303,1188],{"class":794},[780,1305,1042],{"class":790},[780,1307,1120],{"class":859},[780,1309,1103],{"class":790},[780,1311,1197],{"class":794},[780,1313,1109],{"class":790},[780,1315,1316],{"class":782,"line":925},[780,1317,1204],{"class":790},[780,1319,1320],{"class":782,"line":942},[780,1321,843],{"emptyLinePlaceholder":223},[780,1323,1324,1326,1328],{"class":782,"line":959},[780,1325,1078],{"class":790},[780,1327,1082],{"class":1081},[780,1329,883],{"class":790},[780,1331,1332,1334,1336,1338,1340,1342],{"class":782,"line":976},[780,1333,1095],{"class":794},[780,1335,893],{"class":790},[780,1337,1100],{"class":859},[780,1339,1103],{"class":790},[780,1341,935],{"class":1106},[780,1343,1109],{"class":790},[780,1345,1346,1348,1350,1352,1354,1356,1358,1360,1362,1364,1366,1368,1370,1372,1374,1376,1378,1380,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1408,1410,1412,1414,1416,1418,1420],{"class":782,"line":993},[780,1347,1115],{"class":1114},[780,1349,893],{"class":790},[780,1351,1120],{"class":859},[780,1353,1103],{"class":790},[780,1355,1125],{"class":794},[780,1357,1042],{"class":790},[780,1359,1120],{"class":859},[780,1361,1103],{"class":790},[780,1363,1134],{"class":794},[780,1365,1042],{"class":790},[780,1367,1120],{"class":859},[780,1369,1103],{"class":790},[780,1371,1143],{"class":794},[780,1373,1042],{"class":790},[780,1375,1120],{"class":859},[780,1377,1103],{"class":790},[780,1379,1152],{"class":794},[780,1381,1042],{"class":790},[780,1383,1120],{"class":859},[780,1385,1103],{"class":790},[780,1387,1161],{"class":794},[780,1389,1042],{"class":790},[780,1391,1120],{"class":859},[780,1393,1103],{"class":790},[780,1395,1170],{"class":794},[780,1397,1042],{"class":790},[780,1399,1120],{"class":859},[780,1401,1103],{"class":790},[780,1403,1179],{"class":794},[780,1405,1042],{"class":790},[780,1407,1120],{"class":859},[780,1409,1103],{"class":790},[780,1411,1188],{"class":794},[780,1413,1042],{"class":790},[780,1415,1120],{"class":859},[780,1417,1103],{"class":790},[780,1419,1197],{"class":794},[780,1421,1109],{"class":790},[780,1423,1424],{"class":782,"line":1015},[780,1425,1204],{"class":790},[780,1427,1428],{"class":782,"line":1036},[780,1429,843],{"emptyLinePlaceholder":223},[780,1431,1432,1434,1436,1438,1441],{"class":782,"line":1047},[780,1433,1078],{"class":790},[780,1435,1082],{"class":1081},[780,1437,1085],{"class":794},[780,1439,1440],{"class":1081},"md",[780,1442,883],{"class":790},[780,1444,1445,1447,1449,1451,1453,1455],{"class":782,"line":1052},[780,1446,1095],{"class":794},[780,1448,893],{"class":790},[780,1450,1100],{"class":859},[780,1452,1103],{"class":790},[780,1454,952],{"class":1106},[780,1456,1109],{"class":790},[780,1458,1460,1462,1464,1466,1468,1470,1472,1474,1476,1478,1480,1482,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1506,1508,1510,1512,1514,1516,1518,1520,1522,1524,1526,1528,1530,1532,1534],{"class":782,"line":1459},18,[780,1461,1115],{"class":1114},[780,1463,893],{"class":790},[780,1465,1120],{"class":859},[780,1467,1103],{"class":790},[780,1469,1125],{"class":794},[780,1471,1042],{"class":790},[780,1473,1120],{"class":859},[780,1475,1103],{"class":790},[780,1477,1134],{"class":794},[780,1479,1042],{"class":790},[780,1481,1120],{"class":859},[780,1483,1103],{"class":790},[780,1485,1143],{"class":794},[780,1487,1042],{"class":790},[780,1489,1120],{"class":859},[780,1491,1103],{"class":790},[780,1493,1152],{"class":794},[780,1495,1042],{"class":790},[780,1497,1120],{"class":859},[780,1499,1103],{"class":790},[780,1501,1161],{"class":794},[780,1503,1042],{"class":790},[780,1505,1120],{"class":859},[780,1507,1103],{"class":790},[780,1509,1170],{"class":794},[780,1511,1042],{"class":790},[780,1513,1120],{"class":859},[780,1515,1103],{"class":790},[780,1517,1179],{"class":794},[780,1519,1042],{"class":790},[780,1521,1120],{"class":859},[780,1523,1103],{"class":790},[780,1525,1188],{"class":794},[780,1527,1042],{"class":790},[780,1529,1120],{"class":859},[780,1531,1103],{"class":790},[780,1533,1197],{"class":794},[780,1535,1109],{"class":790},[780,1537,1539],{"class":782,"line":1538},19,[780,1540,1204],{"class":790},[780,1542,1544],{"class":782,"line":1543},20,[780,1545,1547],{"class":1546},"sHwdD","\u002F* ... more sizes *\u002F\n",[766,1549,1551],{"icon":520,"label":1550},"Usage",[770,1552,1556],{"className":1553,"code":1554,"language":1555,"meta":776,"style":776},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv class=\"_blur:sm\">Slightly blurred\u003C\u002Fdiv>\n\u003Cimg class=\"_blur:lg\" src=\"background.jpg\" alt=\"Blurred background\">\n\u003Cdiv class=\"_blur:none\">No blur\u003C\u002Fdiv>\n","html",[702,1557,1558,1592,1636],{"__ignoreMap":776},[780,1559,1560,1563,1566,1569,1571,1573,1576,1578,1581,1584,1587,1589],{"class":782,"line":783},[780,1561,1562],{"class":790},"\u003C",[780,1564,1565],{"class":889},"div",[780,1567,1568],{"class":849}," class",[780,1570,856],{"class":790},[780,1572,811],{"class":790},[780,1574,1575],{"class":807},"_blur:sm",[780,1577,811],{"class":790},[780,1579,1580],{"class":790},">",[780,1582,1583],{"class":794},"Slightly blurred",[780,1585,1586],{"class":790},"\u003C\u002F",[780,1588,1565],{"class":889},[780,1590,1591],{"class":790},">\n",[780,1593,1594,1596,1599,1601,1603,1605,1608,1610,1613,1615,1617,1620,1622,1625,1627,1629,1632,1634],{"class":782,"line":817},[780,1595,1562],{"class":790},[780,1597,1598],{"class":889},"img",[780,1600,1568],{"class":849},[780,1602,856],{"class":790},[780,1604,811],{"class":790},[780,1606,1607],{"class":807},"_blur:lg",[780,1609,811],{"class":790},[780,1611,1612],{"class":849}," src",[780,1614,856],{"class":790},[780,1616,811],{"class":790},[780,1618,1619],{"class":807},"background.jpg",[780,1621,811],{"class":790},[780,1623,1624],{"class":849}," alt",[780,1626,856],{"class":790},[780,1628,811],{"class":790},[780,1630,1631],{"class":807},"Blurred background",[780,1633,811],{"class":790},[780,1635,1591],{"class":790},[780,1637,1638,1640,1642,1644,1646,1648,1651,1653,1655,1658,1660,1662],{"class":782,"line":840},[780,1639,1562],{"class":790},[780,1641,1565],{"class":889},[780,1643,1568],{"class":849},[780,1645,856],{"class":790},[780,1647,811],{"class":790},[780,1649,1650],{"class":807},"_blur:none",[780,1652,811],{"class":790},[780,1654,1580],{"class":790},[780,1656,1657],{"class":794},"No blur",[780,1659,1586],{"class":790},[780,1661,1565],{"class":889},[780,1663,1591],{"class":790},[1665,1666,1667,1670],"tip",{},[692,1668,1669],{},"Pro tip",": Filter utilities use CSS custom properties, allowing you to combine multiple filters on the same element without conflicts.",[707,1672,1674],{"id":1673},"usebrightnessutility",[702,1675,1676],{},"useBrightnessUtility",[711,1678,757,1679,1682],{},[702,1680,1681],{},"useBrightnessUtility()"," function creates utility classes for adjusting element brightness.",[763,1684,1685,2005,2459],{},[766,1686,1687],{"icon":768,"label":290},[770,1688,1690],{"className":772,"code":1689,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBrightnessUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBrightnessUtility(s, {\n    '0': '0',\n    '50': '.5',\n    '75': '.75',\n    '90': '.9',\n    '95': '.95',\n    '100': '1',\n    '105': '1.05',\n    '110': '1.1',\n    '125': '1.25',\n    '150': '1.5',\n    '200': '2',\n});\n\nexport default s;\n",[702,1691,1692,1712,1733,1737,1751,1755,1765,1783,1803,1823,1843,1863,1883,1903,1923,1943,1963,1983,1991,1995],{"__ignoreMap":776},[780,1693,1694,1696,1698,1700,1702,1704,1706,1708,1710],{"class":782,"line":783},[780,1695,787],{"class":786},[780,1697,791],{"class":790},[780,1699,795],{"class":794},[780,1701,798],{"class":790},[780,1703,801],{"class":786},[780,1705,804],{"class":790},[780,1707,808],{"class":807},[780,1709,811],{"class":790},[780,1711,814],{"class":790},[780,1713,1714,1716,1718,1721,1723,1725,1727,1729,1731],{"class":782,"line":817},[780,1715,787],{"class":786},[780,1717,791],{"class":790},[780,1719,1720],{"class":794}," useBrightnessUtility",[780,1722,798],{"class":790},[780,1724,801],{"class":786},[780,1726,804],{"class":790},[780,1728,833],{"class":807},[780,1730,811],{"class":790},[780,1732,814],{"class":790},[780,1734,1735],{"class":782,"line":840},[780,1736,843],{"emptyLinePlaceholder":223},[780,1738,1739,1741,1743,1745,1747,1749],{"class":782,"line":846},[780,1740,850],{"class":849},[780,1742,853],{"class":794},[780,1744,856],{"class":790},[780,1746,795],{"class":859},[780,1748,862],{"class":794},[780,1750,814],{"class":790},[780,1752,1753],{"class":782,"line":867},[780,1754,843],{"emptyLinePlaceholder":223},[780,1756,1757,1759,1761,1763],{"class":782,"line":872},[780,1758,1676],{"class":859},[780,1760,877],{"class":794},[780,1762,880],{"class":790},[780,1764,883],{"class":790},[780,1766,1767,1769,1771,1773,1775,1777,1779,1781],{"class":782,"line":886},[780,1768,996],{"class":790},[780,1770,899],{"class":889},[780,1772,902],{"class":790},[780,1774,893],{"class":790},[780,1776,896],{"class":790},[780,1778,899],{"class":807},[780,1780,902],{"class":790},[780,1782,905],{"class":790},[780,1784,1785,1787,1790,1792,1794,1796,1799,1801],{"class":782,"line":908},[780,1786,996],{"class":790},[780,1788,1789],{"class":889},"50",[780,1791,902],{"class":790},[780,1793,893],{"class":790},[780,1795,896],{"class":790},[780,1797,1798],{"class":807},".5",[780,1800,902],{"class":790},[780,1802,905],{"class":790},[780,1804,1805,1807,1810,1812,1814,1816,1819,1821],{"class":782,"line":925},[780,1806,996],{"class":790},[780,1808,1809],{"class":889},"75",[780,1811,902],{"class":790},[780,1813,893],{"class":790},[780,1815,896],{"class":790},[780,1817,1818],{"class":807},".75",[780,1820,902],{"class":790},[780,1822,905],{"class":790},[780,1824,1825,1827,1830,1832,1834,1836,1839,1841],{"class":782,"line":942},[780,1826,996],{"class":790},[780,1828,1829],{"class":889},"90",[780,1831,902],{"class":790},[780,1833,893],{"class":790},[780,1835,896],{"class":790},[780,1837,1838],{"class":807},".9",[780,1840,902],{"class":790},[780,1842,905],{"class":790},[780,1844,1845,1847,1850,1852,1854,1856,1859,1861],{"class":782,"line":959},[780,1846,996],{"class":790},[780,1848,1849],{"class":889},"95",[780,1851,902],{"class":790},[780,1853,893],{"class":790},[780,1855,896],{"class":790},[780,1857,1858],{"class":807},".95",[780,1860,902],{"class":790},[780,1862,905],{"class":790},[780,1864,1865,1867,1870,1872,1874,1876,1879,1881],{"class":782,"line":976},[780,1866,996],{"class":790},[780,1868,1869],{"class":889},"100",[780,1871,902],{"class":790},[780,1873,893],{"class":790},[780,1875,896],{"class":790},[780,1877,1878],{"class":807},"1",[780,1880,902],{"class":790},[780,1882,905],{"class":790},[780,1884,1885,1887,1890,1892,1894,1896,1899,1901],{"class":782,"line":993},[780,1886,996],{"class":790},[780,1888,1889],{"class":889},"105",[780,1891,902],{"class":790},[780,1893,893],{"class":790},[780,1895,896],{"class":790},[780,1897,1898],{"class":807},"1.05",[780,1900,902],{"class":790},[780,1902,905],{"class":790},[780,1904,1905,1907,1910,1912,1914,1916,1919,1921],{"class":782,"line":1015},[780,1906,996],{"class":790},[780,1908,1909],{"class":889},"110",[780,1911,902],{"class":790},[780,1913,893],{"class":790},[780,1915,896],{"class":790},[780,1917,1918],{"class":807},"1.1",[780,1920,902],{"class":790},[780,1922,905],{"class":790},[780,1924,1925,1927,1930,1932,1934,1936,1939,1941],{"class":782,"line":1036},[780,1926,996],{"class":790},[780,1928,1929],{"class":889},"125",[780,1931,902],{"class":790},[780,1933,893],{"class":790},[780,1935,896],{"class":790},[780,1937,1938],{"class":807},"1.25",[780,1940,902],{"class":790},[780,1942,905],{"class":790},[780,1944,1945,1947,1950,1952,1954,1956,1959,1961],{"class":782,"line":1047},[780,1946,996],{"class":790},[780,1948,1949],{"class":889},"150",[780,1951,902],{"class":790},[780,1953,893],{"class":790},[780,1955,896],{"class":790},[780,1957,1958],{"class":807},"1.5",[780,1960,902],{"class":790},[780,1962,905],{"class":790},[780,1964,1965,1967,1970,1972,1974,1976,1979,1981],{"class":782,"line":1052},[780,1966,996],{"class":790},[780,1968,1969],{"class":889},"200",[780,1971,902],{"class":790},[780,1973,893],{"class":790},[780,1975,896],{"class":790},[780,1977,1978],{"class":807},"2",[780,1980,902],{"class":790},[780,1982,905],{"class":790},[780,1984,1985,1987,1989],{"class":782,"line":1459},[780,1986,1039],{"class":790},[780,1988,1042],{"class":794},[780,1990,814],{"class":790},[780,1992,1993],{"class":782,"line":1538},[780,1994,843],{"emptyLinePlaceholder":223},[780,1996,1997,1999,2001,2003],{"class":782,"line":1543},[780,1998,1055],{"class":786},[780,2000,1058],{"class":786},[780,2002,1061],{"class":794},[780,2004,814],{"class":790},[766,2006,2007],{"icon":154,"label":326},[770,2008,2010],{"className":1068,"code":2009,"filename":1070,"language":1071,"meta":776,"style":776},"._brightness\\:0 {\n    --tw-brightness: brightness(0);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._brightness\\:50 {\n    --tw-brightness: brightness(.5);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._brightness\\:100 {\n    --tw-brightness: brightness(1);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._brightness\\:125 {\n    --tw-brightness: brightness(1.25);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n",[702,2011,2012,2025,2041,2119,2123,2127,2139,2153,2231,2235,2239,2251,2265,2343,2347,2351,2363,2377,2455],{"__ignoreMap":776},[780,2013,2014,2016,2019,2021,2023],{"class":782,"line":783},[780,2015,1078],{"class":790},[780,2017,2018],{"class":1081},"_brightness",[780,2020,1085],{"class":794},[780,2022,899],{"class":1081},[780,2024,883],{"class":790},[780,2026,2027,2030,2032,2035,2037,2039],{"class":782,"line":817},[780,2028,2029],{"class":794},"    --tw-brightness",[780,2031,893],{"class":790},[780,2033,2034],{"class":859}," brightness",[780,2036,1103],{"class":790},[780,2038,899],{"class":1106},[780,2040,1109],{"class":790},[780,2042,2043,2045,2047,2049,2051,2053,2055,2057,2059,2061,2063,2065,2067,2069,2071,2073,2075,2077,2079,2081,2083,2085,2087,2089,2091,2093,2095,2097,2099,2101,2103,2105,2107,2109,2111,2113,2115,2117],{"class":782,"line":840},[780,2044,1115],{"class":1114},[780,2046,893],{"class":790},[780,2048,1120],{"class":859},[780,2050,1103],{"class":790},[780,2052,1125],{"class":794},[780,2054,1042],{"class":790},[780,2056,1120],{"class":859},[780,2058,1103],{"class":790},[780,2060,1134],{"class":794},[780,2062,1042],{"class":790},[780,2064,1120],{"class":859},[780,2066,1103],{"class":790},[780,2068,1143],{"class":794},[780,2070,1042],{"class":790},[780,2072,1120],{"class":859},[780,2074,1103],{"class":790},[780,2076,1152],{"class":794},[780,2078,1042],{"class":790},[780,2080,1120],{"class":859},[780,2082,1103],{"class":790},[780,2084,1161],{"class":794},[780,2086,1042],{"class":790},[780,2088,1120],{"class":859},[780,2090,1103],{"class":790},[780,2092,1170],{"class":794},[780,2094,1042],{"class":790},[780,2096,1120],{"class":859},[780,2098,1103],{"class":790},[780,2100,1179],{"class":794},[780,2102,1042],{"class":790},[780,2104,1120],{"class":859},[780,2106,1103],{"class":790},[780,2108,1188],{"class":794},[780,2110,1042],{"class":790},[780,2112,1120],{"class":859},[780,2114,1103],{"class":790},[780,2116,1197],{"class":794},[780,2118,1109],{"class":790},[780,2120,2121],{"class":782,"line":846},[780,2122,1204],{"class":790},[780,2124,2125],{"class":782,"line":867},[780,2126,843],{"emptyLinePlaceholder":223},[780,2128,2129,2131,2133,2135,2137],{"class":782,"line":872},[780,2130,1078],{"class":790},[780,2132,2018],{"class":1081},[780,2134,1085],{"class":794},[780,2136,1789],{"class":1081},[780,2138,883],{"class":790},[780,2140,2141,2143,2145,2147,2149,2151],{"class":782,"line":886},[780,2142,2029],{"class":794},[780,2144,893],{"class":790},[780,2146,2034],{"class":859},[780,2148,1103],{"class":790},[780,2150,1798],{"class":1106},[780,2152,1109],{"class":790},[780,2154,2155,2157,2159,2161,2163,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183,2185,2187,2189,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213,2215,2217,2219,2221,2223,2225,2227,2229],{"class":782,"line":908},[780,2156,1115],{"class":1114},[780,2158,893],{"class":790},[780,2160,1120],{"class":859},[780,2162,1103],{"class":790},[780,2164,1125],{"class":794},[780,2166,1042],{"class":790},[780,2168,1120],{"class":859},[780,2170,1103],{"class":790},[780,2172,1134],{"class":794},[780,2174,1042],{"class":790},[780,2176,1120],{"class":859},[780,2178,1103],{"class":790},[780,2180,1143],{"class":794},[780,2182,1042],{"class":790},[780,2184,1120],{"class":859},[780,2186,1103],{"class":790},[780,2188,1152],{"class":794},[780,2190,1042],{"class":790},[780,2192,1120],{"class":859},[780,2194,1103],{"class":790},[780,2196,1161],{"class":794},[780,2198,1042],{"class":790},[780,2200,1120],{"class":859},[780,2202,1103],{"class":790},[780,2204,1170],{"class":794},[780,2206,1042],{"class":790},[780,2208,1120],{"class":859},[780,2210,1103],{"class":790},[780,2212,1179],{"class":794},[780,2214,1042],{"class":790},[780,2216,1120],{"class":859},[780,2218,1103],{"class":790},[780,2220,1188],{"class":794},[780,2222,1042],{"class":790},[780,2224,1120],{"class":859},[780,2226,1103],{"class":790},[780,2228,1197],{"class":794},[780,2230,1109],{"class":790},[780,2232,2233],{"class":782,"line":925},[780,2234,1204],{"class":790},[780,2236,2237],{"class":782,"line":942},[780,2238,843],{"emptyLinePlaceholder":223},[780,2240,2241,2243,2245,2247,2249],{"class":782,"line":959},[780,2242,1078],{"class":790},[780,2244,2018],{"class":1081},[780,2246,1085],{"class":794},[780,2248,1869],{"class":1081},[780,2250,883],{"class":790},[780,2252,2253,2255,2257,2259,2261,2263],{"class":782,"line":976},[780,2254,2029],{"class":794},[780,2256,893],{"class":790},[780,2258,2034],{"class":859},[780,2260,1103],{"class":790},[780,2262,1878],{"class":1106},[780,2264,1109],{"class":790},[780,2266,2267,2269,2271,2273,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313,2315,2317,2319,2321,2323,2325,2327,2329,2331,2333,2335,2337,2339,2341],{"class":782,"line":993},[780,2268,1115],{"class":1114},[780,2270,893],{"class":790},[780,2272,1120],{"class":859},[780,2274,1103],{"class":790},[780,2276,1125],{"class":794},[780,2278,1042],{"class":790},[780,2280,1120],{"class":859},[780,2282,1103],{"class":790},[780,2284,1134],{"class":794},[780,2286,1042],{"class":790},[780,2288,1120],{"class":859},[780,2290,1103],{"class":790},[780,2292,1143],{"class":794},[780,2294,1042],{"class":790},[780,2296,1120],{"class":859},[780,2298,1103],{"class":790},[780,2300,1152],{"class":794},[780,2302,1042],{"class":790},[780,2304,1120],{"class":859},[780,2306,1103],{"class":790},[780,2308,1161],{"class":794},[780,2310,1042],{"class":790},[780,2312,1120],{"class":859},[780,2314,1103],{"class":790},[780,2316,1170],{"class":794},[780,2318,1042],{"class":790},[780,2320,1120],{"class":859},[780,2322,1103],{"class":790},[780,2324,1179],{"class":794},[780,2326,1042],{"class":790},[780,2328,1120],{"class":859},[780,2330,1103],{"class":790},[780,2332,1188],{"class":794},[780,2334,1042],{"class":790},[780,2336,1120],{"class":859},[780,2338,1103],{"class":790},[780,2340,1197],{"class":794},[780,2342,1109],{"class":790},[780,2344,2345],{"class":782,"line":1015},[780,2346,1204],{"class":790},[780,2348,2349],{"class":782,"line":1036},[780,2350,843],{"emptyLinePlaceholder":223},[780,2352,2353,2355,2357,2359,2361],{"class":782,"line":1047},[780,2354,1078],{"class":790},[780,2356,2018],{"class":1081},[780,2358,1085],{"class":794},[780,2360,1929],{"class":1081},[780,2362,883],{"class":790},[780,2364,2365,2367,2369,2371,2373,2375],{"class":782,"line":1052},[780,2366,2029],{"class":794},[780,2368,893],{"class":790},[780,2370,2034],{"class":859},[780,2372,1103],{"class":790},[780,2374,1938],{"class":1106},[780,2376,1109],{"class":790},[780,2378,2379,2381,2383,2385,2387,2389,2391,2393,2395,2397,2399,2401,2403,2405,2407,2409,2411,2413,2415,2417,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453],{"class":782,"line":1459},[780,2380,1115],{"class":1114},[780,2382,893],{"class":790},[780,2384,1120],{"class":859},[780,2386,1103],{"class":790},[780,2388,1125],{"class":794},[780,2390,1042],{"class":790},[780,2392,1120],{"class":859},[780,2394,1103],{"class":790},[780,2396,1134],{"class":794},[780,2398,1042],{"class":790},[780,2400,1120],{"class":859},[780,2402,1103],{"class":790},[780,2404,1143],{"class":794},[780,2406,1042],{"class":790},[780,2408,1120],{"class":859},[780,2410,1103],{"class":790},[780,2412,1152],{"class":794},[780,2414,1042],{"class":790},[780,2416,1120],{"class":859},[780,2418,1103],{"class":790},[780,2420,1161],{"class":794},[780,2422,1042],{"class":790},[780,2424,1120],{"class":859},[780,2426,1103],{"class":790},[780,2428,1170],{"class":794},[780,2430,1042],{"class":790},[780,2432,1120],{"class":859},[780,2434,1103],{"class":790},[780,2436,1179],{"class":794},[780,2438,1042],{"class":790},[780,2440,1120],{"class":859},[780,2442,1103],{"class":790},[780,2444,1188],{"class":794},[780,2446,1042],{"class":790},[780,2448,1120],{"class":859},[780,2450,1103],{"class":790},[780,2452,1197],{"class":794},[780,2454,1109],{"class":790},[780,2456,2457],{"class":782,"line":1538},[780,2458,1204],{"class":790},[766,2460,2461],{"icon":520,"label":1550},[770,2462,2464],{"className":1553,"code":2463,"language":1555,"meta":776,"style":776},"\u003Cimg class=\"_brightness:50\" src=\"image.jpg\" alt=\"Darkened image\">\n\u003Cimg class=\"_brightness:125\" src=\"image.jpg\" alt=\"Brightened image\">\n",[702,2465,2466,2507],{"__ignoreMap":776},[780,2467,2468,2470,2472,2474,2476,2478,2481,2483,2485,2487,2489,2492,2494,2496,2498,2500,2503,2505],{"class":782,"line":783},[780,2469,1562],{"class":790},[780,2471,1598],{"class":889},[780,2473,1568],{"class":849},[780,2475,856],{"class":790},[780,2477,811],{"class":790},[780,2479,2480],{"class":807},"_brightness:50",[780,2482,811],{"class":790},[780,2484,1612],{"class":849},[780,2486,856],{"class":790},[780,2488,811],{"class":790},[780,2490,2491],{"class":807},"image.jpg",[780,2493,811],{"class":790},[780,2495,1624],{"class":849},[780,2497,856],{"class":790},[780,2499,811],{"class":790},[780,2501,2502],{"class":807},"Darkened image",[780,2504,811],{"class":790},[780,2506,1591],{"class":790},[780,2508,2509,2511,2513,2515,2517,2519,2522,2524,2526,2528,2530,2532,2534,2536,2538,2540,2543,2545],{"class":782,"line":817},[780,2510,1562],{"class":790},[780,2512,1598],{"class":889},[780,2514,1568],{"class":849},[780,2516,856],{"class":790},[780,2518,811],{"class":790},[780,2520,2521],{"class":807},"_brightness:125",[780,2523,811],{"class":790},[780,2525,1612],{"class":849},[780,2527,856],{"class":790},[780,2529,811],{"class":790},[780,2531,2491],{"class":807},[780,2533,811],{"class":790},[780,2535,1624],{"class":849},[780,2537,856],{"class":790},[780,2539,811],{"class":790},[780,2541,2542],{"class":807},"Brightened image",[780,2544,811],{"class":790},[780,2546,1591],{"class":790},[707,2548,2550],{"id":2549},"usecontrastutility",[702,2551,2552],{},"useContrastUtility",[711,2554,757,2555,2558],{},[702,2556,2557],{},"useContrastUtility()"," function creates utility classes for adjusting element contrast.",[763,2560,2561,2789,3131],{},[766,2562,2563],{"icon":768,"label":290},[770,2564,2566],{"className":772,"code":2565,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useContrastUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseContrastUtility(s, {\n    '0': '0',\n    '50': '.5',\n    '75': '.75',\n    '100': '1',\n    '125': '1.25',\n    '150': '1.5',\n    '200': '2',\n});\n\nexport default s;\n",[702,2567,2568,2588,2609,2613,2627,2631,2641,2659,2677,2695,2713,2731,2749,2767,2775,2779],{"__ignoreMap":776},[780,2569,2570,2572,2574,2576,2578,2580,2582,2584,2586],{"class":782,"line":783},[780,2571,787],{"class":786},[780,2573,791],{"class":790},[780,2575,795],{"class":794},[780,2577,798],{"class":790},[780,2579,801],{"class":786},[780,2581,804],{"class":790},[780,2583,808],{"class":807},[780,2585,811],{"class":790},[780,2587,814],{"class":790},[780,2589,2590,2592,2594,2597,2599,2601,2603,2605,2607],{"class":782,"line":817},[780,2591,787],{"class":786},[780,2593,791],{"class":790},[780,2595,2596],{"class":794}," useContrastUtility",[780,2598,798],{"class":790},[780,2600,801],{"class":786},[780,2602,804],{"class":790},[780,2604,833],{"class":807},[780,2606,811],{"class":790},[780,2608,814],{"class":790},[780,2610,2611],{"class":782,"line":840},[780,2612,843],{"emptyLinePlaceholder":223},[780,2614,2615,2617,2619,2621,2623,2625],{"class":782,"line":846},[780,2616,850],{"class":849},[780,2618,853],{"class":794},[780,2620,856],{"class":790},[780,2622,795],{"class":859},[780,2624,862],{"class":794},[780,2626,814],{"class":790},[780,2628,2629],{"class":782,"line":867},[780,2630,843],{"emptyLinePlaceholder":223},[780,2632,2633,2635,2637,2639],{"class":782,"line":872},[780,2634,2552],{"class":859},[780,2636,877],{"class":794},[780,2638,880],{"class":790},[780,2640,883],{"class":790},[780,2642,2643,2645,2647,2649,2651,2653,2655,2657],{"class":782,"line":886},[780,2644,996],{"class":790},[780,2646,899],{"class":889},[780,2648,902],{"class":790},[780,2650,893],{"class":790},[780,2652,896],{"class":790},[780,2654,899],{"class":807},[780,2656,902],{"class":790},[780,2658,905],{"class":790},[780,2660,2661,2663,2665,2667,2669,2671,2673,2675],{"class":782,"line":908},[780,2662,996],{"class":790},[780,2664,1789],{"class":889},[780,2666,902],{"class":790},[780,2668,893],{"class":790},[780,2670,896],{"class":790},[780,2672,1798],{"class":807},[780,2674,902],{"class":790},[780,2676,905],{"class":790},[780,2678,2679,2681,2683,2685,2687,2689,2691,2693],{"class":782,"line":925},[780,2680,996],{"class":790},[780,2682,1809],{"class":889},[780,2684,902],{"class":790},[780,2686,893],{"class":790},[780,2688,896],{"class":790},[780,2690,1818],{"class":807},[780,2692,902],{"class":790},[780,2694,905],{"class":790},[780,2696,2697,2699,2701,2703,2705,2707,2709,2711],{"class":782,"line":942},[780,2698,996],{"class":790},[780,2700,1869],{"class":889},[780,2702,902],{"class":790},[780,2704,893],{"class":790},[780,2706,896],{"class":790},[780,2708,1878],{"class":807},[780,2710,902],{"class":790},[780,2712,905],{"class":790},[780,2714,2715,2717,2719,2721,2723,2725,2727,2729],{"class":782,"line":959},[780,2716,996],{"class":790},[780,2718,1929],{"class":889},[780,2720,902],{"class":790},[780,2722,893],{"class":790},[780,2724,896],{"class":790},[780,2726,1938],{"class":807},[780,2728,902],{"class":790},[780,2730,905],{"class":790},[780,2732,2733,2735,2737,2739,2741,2743,2745,2747],{"class":782,"line":976},[780,2734,996],{"class":790},[780,2736,1949],{"class":889},[780,2738,902],{"class":790},[780,2740,893],{"class":790},[780,2742,896],{"class":790},[780,2744,1958],{"class":807},[780,2746,902],{"class":790},[780,2748,905],{"class":790},[780,2750,2751,2753,2755,2757,2759,2761,2763,2765],{"class":782,"line":993},[780,2752,996],{"class":790},[780,2754,1969],{"class":889},[780,2756,902],{"class":790},[780,2758,893],{"class":790},[780,2760,896],{"class":790},[780,2762,1978],{"class":807},[780,2764,902],{"class":790},[780,2766,905],{"class":790},[780,2768,2769,2771,2773],{"class":782,"line":1015},[780,2770,1039],{"class":790},[780,2772,1042],{"class":794},[780,2774,814],{"class":790},[780,2776,2777],{"class":782,"line":1036},[780,2778,843],{"emptyLinePlaceholder":223},[780,2780,2781,2783,2785,2787],{"class":782,"line":1047},[780,2782,1055],{"class":786},[780,2784,1058],{"class":786},[780,2786,1061],{"class":794},[780,2788,814],{"class":790},[766,2790,2791],{"icon":154,"label":326},[770,2792,2794],{"className":1068,"code":2793,"filename":1070,"language":1071,"meta":776,"style":776},"._contrast\\:0 {\n    --tw-contrast: contrast(0);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._contrast\\:100 {\n    --tw-contrast: contrast(1);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._contrast\\:150 {\n    --tw-contrast: contrast(1.5);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n",[702,2795,2796,2809,2825,2903,2907,2911,2923,2937,3015,3019,3023,3035,3049,3127],{"__ignoreMap":776},[780,2797,2798,2800,2803,2805,2807],{"class":782,"line":783},[780,2799,1078],{"class":790},[780,2801,2802],{"class":1081},"_contrast",[780,2804,1085],{"class":794},[780,2806,899],{"class":1081},[780,2808,883],{"class":790},[780,2810,2811,2814,2816,2819,2821,2823],{"class":782,"line":817},[780,2812,2813],{"class":794},"    --tw-contrast",[780,2815,893],{"class":790},[780,2817,2818],{"class":859}," contrast",[780,2820,1103],{"class":790},[780,2822,899],{"class":1106},[780,2824,1109],{"class":790},[780,2826,2827,2829,2831,2833,2835,2837,2839,2841,2843,2845,2847,2849,2851,2853,2855,2857,2859,2861,2863,2865,2867,2869,2871,2873,2875,2877,2879,2881,2883,2885,2887,2889,2891,2893,2895,2897,2899,2901],{"class":782,"line":840},[780,2828,1115],{"class":1114},[780,2830,893],{"class":790},[780,2832,1120],{"class":859},[780,2834,1103],{"class":790},[780,2836,1125],{"class":794},[780,2838,1042],{"class":790},[780,2840,1120],{"class":859},[780,2842,1103],{"class":790},[780,2844,1134],{"class":794},[780,2846,1042],{"class":790},[780,2848,1120],{"class":859},[780,2850,1103],{"class":790},[780,2852,1143],{"class":794},[780,2854,1042],{"class":790},[780,2856,1120],{"class":859},[780,2858,1103],{"class":790},[780,2860,1152],{"class":794},[780,2862,1042],{"class":790},[780,2864,1120],{"class":859},[780,2866,1103],{"class":790},[780,2868,1161],{"class":794},[780,2870,1042],{"class":790},[780,2872,1120],{"class":859},[780,2874,1103],{"class":790},[780,2876,1170],{"class":794},[780,2878,1042],{"class":790},[780,2880,1120],{"class":859},[780,2882,1103],{"class":790},[780,2884,1179],{"class":794},[780,2886,1042],{"class":790},[780,2888,1120],{"class":859},[780,2890,1103],{"class":790},[780,2892,1188],{"class":794},[780,2894,1042],{"class":790},[780,2896,1120],{"class":859},[780,2898,1103],{"class":790},[780,2900,1197],{"class":794},[780,2902,1109],{"class":790},[780,2904,2905],{"class":782,"line":846},[780,2906,1204],{"class":790},[780,2908,2909],{"class":782,"line":867},[780,2910,843],{"emptyLinePlaceholder":223},[780,2912,2913,2915,2917,2919,2921],{"class":782,"line":872},[780,2914,1078],{"class":790},[780,2916,2802],{"class":1081},[780,2918,1085],{"class":794},[780,2920,1869],{"class":1081},[780,2922,883],{"class":790},[780,2924,2925,2927,2929,2931,2933,2935],{"class":782,"line":886},[780,2926,2813],{"class":794},[780,2928,893],{"class":790},[780,2930,2818],{"class":859},[780,2932,1103],{"class":790},[780,2934,1878],{"class":1106},[780,2936,1109],{"class":790},[780,2938,2939,2941,2943,2945,2947,2949,2951,2953,2955,2957,2959,2961,2963,2965,2967,2969,2971,2973,2975,2977,2979,2981,2983,2985,2987,2989,2991,2993,2995,2997,2999,3001,3003,3005,3007,3009,3011,3013],{"class":782,"line":908},[780,2940,1115],{"class":1114},[780,2942,893],{"class":790},[780,2944,1120],{"class":859},[780,2946,1103],{"class":790},[780,2948,1125],{"class":794},[780,2950,1042],{"class":790},[780,2952,1120],{"class":859},[780,2954,1103],{"class":790},[780,2956,1134],{"class":794},[780,2958,1042],{"class":790},[780,2960,1120],{"class":859},[780,2962,1103],{"class":790},[780,2964,1143],{"class":794},[780,2966,1042],{"class":790},[780,2968,1120],{"class":859},[780,2970,1103],{"class":790},[780,2972,1152],{"class":794},[780,2974,1042],{"class":790},[780,2976,1120],{"class":859},[780,2978,1103],{"class":790},[780,2980,1161],{"class":794},[780,2982,1042],{"class":790},[780,2984,1120],{"class":859},[780,2986,1103],{"class":790},[780,2988,1170],{"class":794},[780,2990,1042],{"class":790},[780,2992,1120],{"class":859},[780,2994,1103],{"class":790},[780,2996,1179],{"class":794},[780,2998,1042],{"class":790},[780,3000,1120],{"class":859},[780,3002,1103],{"class":790},[780,3004,1188],{"class":794},[780,3006,1042],{"class":790},[780,3008,1120],{"class":859},[780,3010,1103],{"class":790},[780,3012,1197],{"class":794},[780,3014,1109],{"class":790},[780,3016,3017],{"class":782,"line":925},[780,3018,1204],{"class":790},[780,3020,3021],{"class":782,"line":942},[780,3022,843],{"emptyLinePlaceholder":223},[780,3024,3025,3027,3029,3031,3033],{"class":782,"line":959},[780,3026,1078],{"class":790},[780,3028,2802],{"class":1081},[780,3030,1085],{"class":794},[780,3032,1949],{"class":1081},[780,3034,883],{"class":790},[780,3036,3037,3039,3041,3043,3045,3047],{"class":782,"line":976},[780,3038,2813],{"class":794},[780,3040,893],{"class":790},[780,3042,2818],{"class":859},[780,3044,1103],{"class":790},[780,3046,1958],{"class":1106},[780,3048,1109],{"class":790},[780,3050,3051,3053,3055,3057,3059,3061,3063,3065,3067,3069,3071,3073,3075,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095,3097,3099,3101,3103,3105,3107,3109,3111,3113,3115,3117,3119,3121,3123,3125],{"class":782,"line":993},[780,3052,1115],{"class":1114},[780,3054,893],{"class":790},[780,3056,1120],{"class":859},[780,3058,1103],{"class":790},[780,3060,1125],{"class":794},[780,3062,1042],{"class":790},[780,3064,1120],{"class":859},[780,3066,1103],{"class":790},[780,3068,1134],{"class":794},[780,3070,1042],{"class":790},[780,3072,1120],{"class":859},[780,3074,1103],{"class":790},[780,3076,1143],{"class":794},[780,3078,1042],{"class":790},[780,3080,1120],{"class":859},[780,3082,1103],{"class":790},[780,3084,1152],{"class":794},[780,3086,1042],{"class":790},[780,3088,1120],{"class":859},[780,3090,1103],{"class":790},[780,3092,1161],{"class":794},[780,3094,1042],{"class":790},[780,3096,1120],{"class":859},[780,3098,1103],{"class":790},[780,3100,1170],{"class":794},[780,3102,1042],{"class":790},[780,3104,1120],{"class":859},[780,3106,1103],{"class":790},[780,3108,1179],{"class":794},[780,3110,1042],{"class":790},[780,3112,1120],{"class":859},[780,3114,1103],{"class":790},[780,3116,1188],{"class":794},[780,3118,1042],{"class":790},[780,3120,1120],{"class":859},[780,3122,1103],{"class":790},[780,3124,1197],{"class":794},[780,3126,1109],{"class":790},[780,3128,3129],{"class":782,"line":1015},[780,3130,1204],{"class":790},[766,3132,3133],{"icon":520,"label":1550},[770,3134,3136],{"className":1553,"code":3135,"language":1555,"meta":776,"style":776},"\u003Cimg class=\"_contrast:75\" src=\"image.jpg\" alt=\"Low contrast\">\n\u003Cimg class=\"_contrast:150\" src=\"image.jpg\" alt=\"High contrast\">\n",[702,3137,3138,3178],{"__ignoreMap":776},[780,3139,3140,3142,3144,3146,3148,3150,3153,3155,3157,3159,3161,3163,3165,3167,3169,3171,3174,3176],{"class":782,"line":783},[780,3141,1562],{"class":790},[780,3143,1598],{"class":889},[780,3145,1568],{"class":849},[780,3147,856],{"class":790},[780,3149,811],{"class":790},[780,3151,3152],{"class":807},"_contrast:75",[780,3154,811],{"class":790},[780,3156,1612],{"class":849},[780,3158,856],{"class":790},[780,3160,811],{"class":790},[780,3162,2491],{"class":807},[780,3164,811],{"class":790},[780,3166,1624],{"class":849},[780,3168,856],{"class":790},[780,3170,811],{"class":790},[780,3172,3173],{"class":807},"Low contrast",[780,3175,811],{"class":790},[780,3177,1591],{"class":790},[780,3179,3180,3182,3184,3186,3188,3190,3193,3195,3197,3199,3201,3203,3205,3207,3209,3211,3214,3216],{"class":782,"line":817},[780,3181,1562],{"class":790},[780,3183,1598],{"class":889},[780,3185,1568],{"class":849},[780,3187,856],{"class":790},[780,3189,811],{"class":790},[780,3191,3192],{"class":807},"_contrast:150",[780,3194,811],{"class":790},[780,3196,1612],{"class":849},[780,3198,856],{"class":790},[780,3200,811],{"class":790},[780,3202,2491],{"class":807},[780,3204,811],{"class":790},[780,3206,1624],{"class":849},[780,3208,856],{"class":790},[780,3210,811],{"class":790},[780,3212,3213],{"class":807},"High contrast",[780,3215,811],{"class":790},[780,3217,1591],{"class":790},[707,3219,3221],{"id":3220},"usegrayscaleutility",[702,3222,3223],{},"useGrayscaleUtility",[711,3225,757,3226,3229],{},[702,3227,3228],{},"useGrayscaleUtility()"," function creates utility classes for applying grayscale effects.",[763,3231,3232,3367,3593],{},[766,3233,3234],{"icon":768,"label":290},[770,3235,3237],{"className":772,"code":3236,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useGrayscaleUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseGrayscaleUtility(s, {\n    '0': '0',\n    default: '100%',\n});\n\nexport default s;\n",[702,3238,3239,3259,3280,3284,3298,3302,3312,3330,3345,3353,3357],{"__ignoreMap":776},[780,3240,3241,3243,3245,3247,3249,3251,3253,3255,3257],{"class":782,"line":783},[780,3242,787],{"class":786},[780,3244,791],{"class":790},[780,3246,795],{"class":794},[780,3248,798],{"class":790},[780,3250,801],{"class":786},[780,3252,804],{"class":790},[780,3254,808],{"class":807},[780,3256,811],{"class":790},[780,3258,814],{"class":790},[780,3260,3261,3263,3265,3268,3270,3272,3274,3276,3278],{"class":782,"line":817},[780,3262,787],{"class":786},[780,3264,791],{"class":790},[780,3266,3267],{"class":794}," useGrayscaleUtility",[780,3269,798],{"class":790},[780,3271,801],{"class":786},[780,3273,804],{"class":790},[780,3275,833],{"class":807},[780,3277,811],{"class":790},[780,3279,814],{"class":790},[780,3281,3282],{"class":782,"line":840},[780,3283,843],{"emptyLinePlaceholder":223},[780,3285,3286,3288,3290,3292,3294,3296],{"class":782,"line":846},[780,3287,850],{"class":849},[780,3289,853],{"class":794},[780,3291,856],{"class":790},[780,3293,795],{"class":859},[780,3295,862],{"class":794},[780,3297,814],{"class":790},[780,3299,3300],{"class":782,"line":867},[780,3301,843],{"emptyLinePlaceholder":223},[780,3303,3304,3306,3308,3310],{"class":782,"line":872},[780,3305,3223],{"class":859},[780,3307,877],{"class":794},[780,3309,880],{"class":790},[780,3311,883],{"class":790},[780,3313,3314,3316,3318,3320,3322,3324,3326,3328],{"class":782,"line":886},[780,3315,996],{"class":790},[780,3317,899],{"class":889},[780,3319,902],{"class":790},[780,3321,893],{"class":790},[780,3323,896],{"class":790},[780,3325,899],{"class":807},[780,3327,902],{"class":790},[780,3329,905],{"class":790},[780,3331,3332,3334,3336,3338,3341,3343],{"class":782,"line":908},[780,3333,928],{"class":889},[780,3335,893],{"class":790},[780,3337,896],{"class":790},[780,3339,3340],{"class":807},"100%",[780,3342,902],{"class":790},[780,3344,905],{"class":790},[780,3346,3347,3349,3351],{"class":782,"line":925},[780,3348,1039],{"class":790},[780,3350,1042],{"class":794},[780,3352,814],{"class":790},[780,3354,3355],{"class":782,"line":942},[780,3356,843],{"emptyLinePlaceholder":223},[780,3358,3359,3361,3363,3365],{"class":782,"line":959},[780,3360,1055],{"class":786},[780,3362,1058],{"class":786},[780,3364,1061],{"class":794},[780,3366,814],{"class":790},[766,3368,3369],{"icon":154,"label":326},[770,3370,3372],{"className":1068,"code":3371,"filename":1070,"language":1071,"meta":776,"style":776},"._grayscale\\:0 {\n    --tw-grayscale: grayscale(0);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n",[702,3373,3374,3387,3403,3481,3485,3489,3497,3511,3589],{"__ignoreMap":776},[780,3375,3376,3378,3381,3383,3385],{"class":782,"line":783},[780,3377,1078],{"class":790},[780,3379,3380],{"class":1081},"_grayscale",[780,3382,1085],{"class":794},[780,3384,899],{"class":1081},[780,3386,883],{"class":790},[780,3388,3389,3392,3394,3397,3399,3401],{"class":782,"line":817},[780,3390,3391],{"class":794},"    --tw-grayscale",[780,3393,893],{"class":790},[780,3395,3396],{"class":859}," grayscale",[780,3398,1103],{"class":790},[780,3400,899],{"class":1106},[780,3402,1109],{"class":790},[780,3404,3405,3407,3409,3411,3413,3415,3417,3419,3421,3423,3425,3427,3429,3431,3433,3435,3437,3439,3441,3443,3445,3447,3449,3451,3453,3455,3457,3459,3461,3463,3465,3467,3469,3471,3473,3475,3477,3479],{"class":782,"line":840},[780,3406,1115],{"class":1114},[780,3408,893],{"class":790},[780,3410,1120],{"class":859},[780,3412,1103],{"class":790},[780,3414,1125],{"class":794},[780,3416,1042],{"class":790},[780,3418,1120],{"class":859},[780,3420,1103],{"class":790},[780,3422,1134],{"class":794},[780,3424,1042],{"class":790},[780,3426,1120],{"class":859},[780,3428,1103],{"class":790},[780,3430,1143],{"class":794},[780,3432,1042],{"class":790},[780,3434,1120],{"class":859},[780,3436,1103],{"class":790},[780,3438,1152],{"class":794},[780,3440,1042],{"class":790},[780,3442,1120],{"class":859},[780,3444,1103],{"class":790},[780,3446,1161],{"class":794},[780,3448,1042],{"class":790},[780,3450,1120],{"class":859},[780,3452,1103],{"class":790},[780,3454,1170],{"class":794},[780,3456,1042],{"class":790},[780,3458,1120],{"class":859},[780,3460,1103],{"class":790},[780,3462,1179],{"class":794},[780,3464,1042],{"class":790},[780,3466,1120],{"class":859},[780,3468,1103],{"class":790},[780,3470,1188],{"class":794},[780,3472,1042],{"class":790},[780,3474,1120],{"class":859},[780,3476,1103],{"class":790},[780,3478,1197],{"class":794},[780,3480,1109],{"class":790},[780,3482,3483],{"class":782,"line":846},[780,3484,1204],{"class":790},[780,3486,3487],{"class":782,"line":867},[780,3488,843],{"emptyLinePlaceholder":223},[780,3490,3491,3493,3495],{"class":782,"line":872},[780,3492,1078],{"class":790},[780,3494,3380],{"class":1081},[780,3496,883],{"class":790},[780,3498,3499,3501,3503,3505,3507,3509],{"class":782,"line":886},[780,3500,3391],{"class":794},[780,3502,893],{"class":790},[780,3504,3396],{"class":859},[780,3506,1103],{"class":790},[780,3508,3340],{"class":1106},[780,3510,1109],{"class":790},[780,3512,3513,3515,3517,3519,3521,3523,3525,3527,3529,3531,3533,3535,3537,3539,3541,3543,3545,3547,3549,3551,3553,3555,3557,3559,3561,3563,3565,3567,3569,3571,3573,3575,3577,3579,3581,3583,3585,3587],{"class":782,"line":908},[780,3514,1115],{"class":1114},[780,3516,893],{"class":790},[780,3518,1120],{"class":859},[780,3520,1103],{"class":790},[780,3522,1125],{"class":794},[780,3524,1042],{"class":790},[780,3526,1120],{"class":859},[780,3528,1103],{"class":790},[780,3530,1134],{"class":794},[780,3532,1042],{"class":790},[780,3534,1120],{"class":859},[780,3536,1103],{"class":790},[780,3538,1143],{"class":794},[780,3540,1042],{"class":790},[780,3542,1120],{"class":859},[780,3544,1103],{"class":790},[780,3546,1152],{"class":794},[780,3548,1042],{"class":790},[780,3550,1120],{"class":859},[780,3552,1103],{"class":790},[780,3554,1161],{"class":794},[780,3556,1042],{"class":790},[780,3558,1120],{"class":859},[780,3560,1103],{"class":790},[780,3562,1170],{"class":794},[780,3564,1042],{"class":790},[780,3566,1120],{"class":859},[780,3568,1103],{"class":790},[780,3570,1179],{"class":794},[780,3572,1042],{"class":790},[780,3574,1120],{"class":859},[780,3576,1103],{"class":790},[780,3578,1188],{"class":794},[780,3580,1042],{"class":790},[780,3582,1120],{"class":859},[780,3584,1103],{"class":790},[780,3586,1197],{"class":794},[780,3588,1109],{"class":790},[780,3590,3591],{"class":782,"line":925},[780,3592,1204],{"class":790},[766,3594,3595],{"icon":520,"label":1550},[770,3596,3598],{"className":1553,"code":3597,"language":1555,"meta":776,"style":776},"\u003Cimg class=\"_grayscale\" src=\"color-image.jpg\" alt=\"Black and white\">\n\u003Cimg class=\"_grayscale:0\" src=\"image.jpg\" alt=\"Full color (removes grayscale)\">\n",[702,3599,3600,3640],{"__ignoreMap":776},[780,3601,3602,3604,3606,3608,3610,3612,3614,3616,3618,3620,3622,3625,3627,3629,3631,3633,3636,3638],{"class":782,"line":783},[780,3603,1562],{"class":790},[780,3605,1598],{"class":889},[780,3607,1568],{"class":849},[780,3609,856],{"class":790},[780,3611,811],{"class":790},[780,3613,3380],{"class":807},[780,3615,811],{"class":790},[780,3617,1612],{"class":849},[780,3619,856],{"class":790},[780,3621,811],{"class":790},[780,3623,3624],{"class":807},"color-image.jpg",[780,3626,811],{"class":790},[780,3628,1624],{"class":849},[780,3630,856],{"class":790},[780,3632,811],{"class":790},[780,3634,3635],{"class":807},"Black and white",[780,3637,811],{"class":790},[780,3639,1591],{"class":790},[780,3641,3642,3644,3646,3648,3650,3652,3655,3657,3659,3661,3663,3665,3667,3669,3671,3673,3676,3678],{"class":782,"line":817},[780,3643,1562],{"class":790},[780,3645,1598],{"class":889},[780,3647,1568],{"class":849},[780,3649,856],{"class":790},[780,3651,811],{"class":790},[780,3653,3654],{"class":807},"_grayscale:0",[780,3656,811],{"class":790},[780,3658,1612],{"class":849},[780,3660,856],{"class":790},[780,3662,811],{"class":790},[780,3664,2491],{"class":807},[780,3666,811],{"class":790},[780,3668,1624],{"class":849},[780,3670,856],{"class":790},[780,3672,811],{"class":790},[780,3674,3675],{"class":807},"Full color (removes grayscale)",[780,3677,811],{"class":790},[780,3679,1591],{"class":790},[707,3681,3683],{"id":3682},"more-filter-utilities","More Filter Utilities",[3685,3686,3688],"h3",{"id":3687},"usehuerotateutility",[702,3689,3690],{},"useHueRotateUtility",[711,3692,3693],{},"Rotates the hue of an element's colors.",[770,3695,3697],{"className":772,"code":3696,"language":775,"meta":776,"style":776},"useHueRotateUtility(s, {\n    '0': '0deg',\n    '15': '15deg',\n    '30': '30deg',\n    '60': '60deg',\n    '90': '90deg',\n    '180': '180deg',\n});\n",[702,3698,3699,3709,3728,3748,3768,3788,3807,3827],{"__ignoreMap":776},[780,3700,3701,3703,3705,3707],{"class":782,"line":783},[780,3702,3690],{"class":859},[780,3704,877],{"class":794},[780,3706,880],{"class":790},[780,3708,883],{"class":790},[780,3710,3711,3713,3715,3717,3719,3721,3724,3726],{"class":782,"line":817},[780,3712,996],{"class":790},[780,3714,899],{"class":889},[780,3716,902],{"class":790},[780,3718,893],{"class":790},[780,3720,896],{"class":790},[780,3722,3723],{"class":807},"0deg",[780,3725,902],{"class":790},[780,3727,905],{"class":790},[780,3729,3730,3732,3735,3737,3739,3741,3744,3746],{"class":782,"line":840},[780,3731,996],{"class":790},[780,3733,3734],{"class":889},"15",[780,3736,902],{"class":790},[780,3738,893],{"class":790},[780,3740,896],{"class":790},[780,3742,3743],{"class":807},"15deg",[780,3745,902],{"class":790},[780,3747,905],{"class":790},[780,3749,3750,3752,3755,3757,3759,3761,3764,3766],{"class":782,"line":846},[780,3751,996],{"class":790},[780,3753,3754],{"class":889},"30",[780,3756,902],{"class":790},[780,3758,893],{"class":790},[780,3760,896],{"class":790},[780,3762,3763],{"class":807},"30deg",[780,3765,902],{"class":790},[780,3767,905],{"class":790},[780,3769,3770,3772,3775,3777,3779,3781,3784,3786],{"class":782,"line":867},[780,3771,996],{"class":790},[780,3773,3774],{"class":889},"60",[780,3776,902],{"class":790},[780,3778,893],{"class":790},[780,3780,896],{"class":790},[780,3782,3783],{"class":807},"60deg",[780,3785,902],{"class":790},[780,3787,905],{"class":790},[780,3789,3790,3792,3794,3796,3798,3800,3803,3805],{"class":782,"line":872},[780,3791,996],{"class":790},[780,3793,1829],{"class":889},[780,3795,902],{"class":790},[780,3797,893],{"class":790},[780,3799,896],{"class":790},[780,3801,3802],{"class":807},"90deg",[780,3804,902],{"class":790},[780,3806,905],{"class":790},[780,3808,3809,3811,3814,3816,3818,3820,3823,3825],{"class":782,"line":886},[780,3810,996],{"class":790},[780,3812,3813],{"class":889},"180",[780,3815,902],{"class":790},[780,3817,893],{"class":790},[780,3819,896],{"class":790},[780,3821,3822],{"class":807},"180deg",[780,3824,902],{"class":790},[780,3826,905],{"class":790},[780,3828,3829,3831,3833],{"class":782,"line":908},[780,3830,1039],{"class":790},[780,3832,1042],{"class":794},[780,3834,814],{"class":790},[3685,3836,3838],{"id":3837},"useinvertutility",[702,3839,3840],{},"useInvertUtility",[711,3842,3843],{},"Inverts the colors of an element.",[770,3845,3847],{"className":772,"code":3846,"language":775,"meta":776,"style":776},"useInvertUtility(s, {\n    '0': '0',\n    default: '100%',\n});\n",[702,3848,3849,3859,3877,3891],{"__ignoreMap":776},[780,3850,3851,3853,3855,3857],{"class":782,"line":783},[780,3852,3840],{"class":859},[780,3854,877],{"class":794},[780,3856,880],{"class":790},[780,3858,883],{"class":790},[780,3860,3861,3863,3865,3867,3869,3871,3873,3875],{"class":782,"line":817},[780,3862,996],{"class":790},[780,3864,899],{"class":889},[780,3866,902],{"class":790},[780,3868,893],{"class":790},[780,3870,896],{"class":790},[780,3872,899],{"class":807},[780,3874,902],{"class":790},[780,3876,905],{"class":790},[780,3878,3879,3881,3883,3885,3887,3889],{"class":782,"line":840},[780,3880,928],{"class":889},[780,3882,893],{"class":790},[780,3884,896],{"class":790},[780,3886,3340],{"class":807},[780,3888,902],{"class":790},[780,3890,905],{"class":790},[780,3892,3893,3895,3897],{"class":782,"line":846},[780,3894,1039],{"class":790},[780,3896,1042],{"class":794},[780,3898,814],{"class":790},[3685,3900,3902],{"id":3901},"usesaturateutility",[702,3903,3904],{},"useSaturateUtility",[711,3906,3907],{},"Adjusts the saturation of an element's colors.",[770,3909,3911],{"className":772,"code":3910,"language":775,"meta":776,"style":776},"useSaturateUtility(s, {\n    '0': '0',\n    '50': '.5',\n    '100': '1',\n    '150': '1.5',\n    '200': '2',\n});\n",[702,3912,3913,3923,3941,3959,3977,3995,4013],{"__ignoreMap":776},[780,3914,3915,3917,3919,3921],{"class":782,"line":783},[780,3916,3904],{"class":859},[780,3918,877],{"class":794},[780,3920,880],{"class":790},[780,3922,883],{"class":790},[780,3924,3925,3927,3929,3931,3933,3935,3937,3939],{"class":782,"line":817},[780,3926,996],{"class":790},[780,3928,899],{"class":889},[780,3930,902],{"class":790},[780,3932,893],{"class":790},[780,3934,896],{"class":790},[780,3936,899],{"class":807},[780,3938,902],{"class":790},[780,3940,905],{"class":790},[780,3942,3943,3945,3947,3949,3951,3953,3955,3957],{"class":782,"line":840},[780,3944,996],{"class":790},[780,3946,1789],{"class":889},[780,3948,902],{"class":790},[780,3950,893],{"class":790},[780,3952,896],{"class":790},[780,3954,1798],{"class":807},[780,3956,902],{"class":790},[780,3958,905],{"class":790},[780,3960,3961,3963,3965,3967,3969,3971,3973,3975],{"class":782,"line":846},[780,3962,996],{"class":790},[780,3964,1869],{"class":889},[780,3966,902],{"class":790},[780,3968,893],{"class":790},[780,3970,896],{"class":790},[780,3972,1878],{"class":807},[780,3974,902],{"class":790},[780,3976,905],{"class":790},[780,3978,3979,3981,3983,3985,3987,3989,3991,3993],{"class":782,"line":867},[780,3980,996],{"class":790},[780,3982,1949],{"class":889},[780,3984,902],{"class":790},[780,3986,893],{"class":790},[780,3988,896],{"class":790},[780,3990,1958],{"class":807},[780,3992,902],{"class":790},[780,3994,905],{"class":790},[780,3996,3997,3999,4001,4003,4005,4007,4009,4011],{"class":782,"line":872},[780,3998,996],{"class":790},[780,4000,1969],{"class":889},[780,4002,902],{"class":790},[780,4004,893],{"class":790},[780,4006,896],{"class":790},[780,4008,1978],{"class":807},[780,4010,902],{"class":790},[780,4012,905],{"class":790},[780,4014,4015,4017,4019],{"class":782,"line":886},[780,4016,1039],{"class":790},[780,4018,1042],{"class":794},[780,4020,814],{"class":790},[3685,4022,4024],{"id":4023},"usesepiautility",[702,4025,4026],{},"useSepiaUtility",[711,4028,4029],{},"Applies a sepia tone effect.",[770,4031,4033],{"className":772,"code":4032,"language":775,"meta":776,"style":776},"useSepiaUtility(s, {\n    '0': '0',\n    default: '100%',\n});\n",[702,4034,4035,4045,4063,4077],{"__ignoreMap":776},[780,4036,4037,4039,4041,4043],{"class":782,"line":783},[780,4038,4026],{"class":859},[780,4040,877],{"class":794},[780,4042,880],{"class":790},[780,4044,883],{"class":790},[780,4046,4047,4049,4051,4053,4055,4057,4059,4061],{"class":782,"line":817},[780,4048,996],{"class":790},[780,4050,899],{"class":889},[780,4052,902],{"class":790},[780,4054,893],{"class":790},[780,4056,896],{"class":790},[780,4058,899],{"class":807},[780,4060,902],{"class":790},[780,4062,905],{"class":790},[780,4064,4065,4067,4069,4071,4073,4075],{"class":782,"line":840},[780,4066,928],{"class":889},[780,4068,893],{"class":790},[780,4070,896],{"class":790},[780,4072,3340],{"class":807},[780,4074,902],{"class":790},[780,4076,905],{"class":790},[780,4078,4079,4081,4083],{"class":782,"line":846},[780,4080,1039],{"class":790},[780,4082,1042],{"class":794},[780,4084,814],{"class":790},[3685,4086,4088],{"id":4087},"usedropshadowutility",[702,4089,4090],{},"useDropShadowUtility",[711,4092,4093],{},"Applies a drop shadow effect (useful for non-rectangular elements like SVGs).",[770,4095,4097],{"className":772,"code":4096,"language":775,"meta":776,"style":776},"useDropShadowUtility(s, {\n    sm: '0 1px 1px rgb(0 0 0 \u002F 0.05)',\n    default: '0 1px 2px rgb(0 0 0 \u002F 0.1), 0 1px 1px rgb(0 0 0 \u002F 0.06)',\n    md: '0 4px 3px rgb(0 0 0 \u002F 0.07), 0 2px 2px rgb(0 0 0 \u002F 0.06)',\n    lg: '0 10px 8px rgb(0 0 0 \u002F 0.04), 0 4px 3px rgb(0 0 0 \u002F 0.1)',\n    xl: '0 20px 13px rgb(0 0 0 \u002F 0.03), 0 8px 5px rgb(0 0 0 \u002F 0.08)',\n    '2xl': '0 25px 25px rgb(0 0 0 \u002F 0.15)',\n    none: '0 0 #0000',\n});\n",[702,4098,4099,4109,4124,4139,4154,4169,4184,4203,4218],{"__ignoreMap":776},[780,4100,4101,4103,4105,4107],{"class":782,"line":783},[780,4102,4090],{"class":859},[780,4104,877],{"class":794},[780,4106,880],{"class":790},[780,4108,883],{"class":790},[780,4110,4111,4113,4115,4117,4120,4122],{"class":782,"line":817},[780,4112,911],{"class":889},[780,4114,893],{"class":790},[780,4116,896],{"class":790},[780,4118,4119],{"class":807},"0 1px 1px rgb(0 0 0 \u002F 0.05)",[780,4121,902],{"class":790},[780,4123,905],{"class":790},[780,4125,4126,4128,4130,4132,4135,4137],{"class":782,"line":840},[780,4127,928],{"class":889},[780,4129,893],{"class":790},[780,4131,896],{"class":790},[780,4133,4134],{"class":807},"0 1px 2px rgb(0 0 0 \u002F 0.1), 0 1px 1px rgb(0 0 0 \u002F 0.06)",[780,4136,902],{"class":790},[780,4138,905],{"class":790},[780,4140,4141,4143,4145,4147,4150,4152],{"class":782,"line":846},[780,4142,945],{"class":889},[780,4144,893],{"class":790},[780,4146,896],{"class":790},[780,4148,4149],{"class":807},"0 4px 3px rgb(0 0 0 \u002F 0.07), 0 2px 2px rgb(0 0 0 \u002F 0.06)",[780,4151,902],{"class":790},[780,4153,905],{"class":790},[780,4155,4156,4158,4160,4162,4165,4167],{"class":782,"line":867},[780,4157,962],{"class":889},[780,4159,893],{"class":790},[780,4161,896],{"class":790},[780,4163,4164],{"class":807},"0 10px 8px rgb(0 0 0 \u002F 0.04), 0 4px 3px rgb(0 0 0 \u002F 0.1)",[780,4166,902],{"class":790},[780,4168,905],{"class":790},[780,4170,4171,4173,4175,4177,4180,4182],{"class":782,"line":872},[780,4172,979],{"class":889},[780,4174,893],{"class":790},[780,4176,896],{"class":790},[780,4178,4179],{"class":807},"0 20px 13px rgb(0 0 0 \u002F 0.03), 0 8px 5px rgb(0 0 0 \u002F 0.08)",[780,4181,902],{"class":790},[780,4183,905],{"class":790},[780,4185,4186,4188,4190,4192,4194,4196,4199,4201],{"class":782,"line":886},[780,4187,996],{"class":790},[780,4189,999],{"class":889},[780,4191,902],{"class":790},[780,4193,893],{"class":790},[780,4195,896],{"class":790},[780,4197,4198],{"class":807},"0 25px 25px rgb(0 0 0 \u002F 0.15)",[780,4200,902],{"class":790},[780,4202,905],{"class":790},[780,4204,4205,4207,4209,4211,4214,4216],{"class":782,"line":908},[780,4206,890],{"class":889},[780,4208,893],{"class":790},[780,4210,896],{"class":790},[780,4212,4213],{"class":807},"0 0 #0000",[780,4215,902],{"class":790},[780,4217,905],{"class":790},[780,4219,4220,4222,4224],{"class":782,"line":925},[780,4221,1039],{"class":790},[780,4223,1042],{"class":794},[780,4225,814],{"class":790},[707,4227,4229],{"id":4228},"backdrop-filter-utilities","Backdrop Filter Utilities",[711,4231,4232],{},"Backdrop filter utilities apply filter effects to the area behind an element.",[3685,4234,4236],{"id":4235},"usebackdropblurutility",[702,4237,4238],{},"useBackdropBlurUtility",[763,4240,4241,4463,4698],{},[766,4242,4243],{"icon":768,"label":290},[770,4244,4246],{"className":772,"code":4245,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBackdropBlurUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\n\nuseBackdropBlurUtility(s, {\n    none: '0',\n    sm: '4px',\n    default: '8px',\n    md: '12px',\n    lg: '16px',\n    xl: '24px',\n    '2xl': '40px',\n    '3xl': '64px',\n});\n\nexport default s;\n",[702,4247,4248,4268,4289,4293,4307,4311,4321,4335,4349,4363,4377,4391,4405,4423,4441,4449,4453],{"__ignoreMap":776},[780,4249,4250,4252,4254,4256,4258,4260,4262,4264,4266],{"class":782,"line":783},[780,4251,787],{"class":786},[780,4253,791],{"class":790},[780,4255,795],{"class":794},[780,4257,798],{"class":790},[780,4259,801],{"class":786},[780,4261,804],{"class":790},[780,4263,808],{"class":807},[780,4265,811],{"class":790},[780,4267,814],{"class":790},[780,4269,4270,4272,4274,4277,4279,4281,4283,4285,4287],{"class":782,"line":817},[780,4271,787],{"class":786},[780,4273,791],{"class":790},[780,4275,4276],{"class":794}," useBackdropBlurUtility",[780,4278,798],{"class":790},[780,4280,801],{"class":786},[780,4282,804],{"class":790},[780,4284,833],{"class":807},[780,4286,811],{"class":790},[780,4288,814],{"class":790},[780,4290,4291],{"class":782,"line":840},[780,4292,843],{"emptyLinePlaceholder":223},[780,4294,4295,4297,4299,4301,4303,4305],{"class":782,"line":846},[780,4296,850],{"class":849},[780,4298,853],{"class":794},[780,4300,856],{"class":790},[780,4302,795],{"class":859},[780,4304,862],{"class":794},[780,4306,814],{"class":790},[780,4308,4309],{"class":782,"line":867},[780,4310,843],{"emptyLinePlaceholder":223},[780,4312,4313,4315,4317,4319],{"class":782,"line":872},[780,4314,4238],{"class":859},[780,4316,877],{"class":794},[780,4318,880],{"class":790},[780,4320,883],{"class":790},[780,4322,4323,4325,4327,4329,4331,4333],{"class":782,"line":886},[780,4324,890],{"class":889},[780,4326,893],{"class":790},[780,4328,896],{"class":790},[780,4330,899],{"class":807},[780,4332,902],{"class":790},[780,4334,905],{"class":790},[780,4336,4337,4339,4341,4343,4345,4347],{"class":782,"line":908},[780,4338,911],{"class":889},[780,4340,893],{"class":790},[780,4342,896],{"class":790},[780,4344,918],{"class":807},[780,4346,902],{"class":790},[780,4348,905],{"class":790},[780,4350,4351,4353,4355,4357,4359,4361],{"class":782,"line":925},[780,4352,928],{"class":889},[780,4354,893],{"class":790},[780,4356,896],{"class":790},[780,4358,935],{"class":807},[780,4360,902],{"class":790},[780,4362,905],{"class":790},[780,4364,4365,4367,4369,4371,4373,4375],{"class":782,"line":942},[780,4366,945],{"class":889},[780,4368,893],{"class":790},[780,4370,896],{"class":790},[780,4372,952],{"class":807},[780,4374,902],{"class":790},[780,4376,905],{"class":790},[780,4378,4379,4381,4383,4385,4387,4389],{"class":782,"line":959},[780,4380,962],{"class":889},[780,4382,893],{"class":790},[780,4384,896],{"class":790},[780,4386,969],{"class":807},[780,4388,902],{"class":790},[780,4390,905],{"class":790},[780,4392,4393,4395,4397,4399,4401,4403],{"class":782,"line":976},[780,4394,979],{"class":889},[780,4396,893],{"class":790},[780,4398,896],{"class":790},[780,4400,986],{"class":807},[780,4402,902],{"class":790},[780,4404,905],{"class":790},[780,4406,4407,4409,4411,4413,4415,4417,4419,4421],{"class":782,"line":993},[780,4408,996],{"class":790},[780,4410,999],{"class":889},[780,4412,902],{"class":790},[780,4414,893],{"class":790},[780,4416,896],{"class":790},[780,4418,1008],{"class":807},[780,4420,902],{"class":790},[780,4422,905],{"class":790},[780,4424,4425,4427,4429,4431,4433,4435,4437,4439],{"class":782,"line":1015},[780,4426,996],{"class":790},[780,4428,1020],{"class":889},[780,4430,902],{"class":790},[780,4432,893],{"class":790},[780,4434,896],{"class":790},[780,4436,1029],{"class":807},[780,4438,902],{"class":790},[780,4440,905],{"class":790},[780,4442,4443,4445,4447],{"class":782,"line":1036},[780,4444,1039],{"class":790},[780,4446,1042],{"class":794},[780,4448,814],{"class":790},[780,4450,4451],{"class":782,"line":1047},[780,4452,843],{"emptyLinePlaceholder":223},[780,4454,4455,4457,4459,4461],{"class":782,"line":1052},[780,4456,1055],{"class":786},[780,4458,1058],{"class":786},[780,4460,1061],{"class":794},[780,4462,814],{"class":790},[766,4464,4465],{"icon":154,"label":326},[770,4466,4468],{"className":1068,"code":4467,"filename":1070,"language":1071,"meta":776,"style":776},"._backdrop-blur\\:none {\n    --tw-backdrop-blur: blur(0);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n._backdrop-blur {\n    --tw-backdrop-blur: blur(8px);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n",[702,4469,4470,4483,4498,4586,4590,4594,4602,4616,4694],{"__ignoreMap":776},[780,4471,4472,4474,4477,4479,4481],{"class":782,"line":783},[780,4473,1078],{"class":790},[780,4475,4476],{"class":1081},"_backdrop-blur",[780,4478,1085],{"class":794},[780,4480,1088],{"class":1081},[780,4482,883],{"class":790},[780,4484,4485,4488,4490,4492,4494,4496],{"class":782,"line":817},[780,4486,4487],{"class":794},"    --tw-backdrop-blur",[780,4489,893],{"class":790},[780,4491,1100],{"class":859},[780,4493,1103],{"class":790},[780,4495,899],{"class":1106},[780,4497,1109],{"class":790},[780,4499,4500,4503,4505,4507,4509,4512,4514,4516,4518,4521,4523,4525,4527,4530,4532,4534,4536,4539,4541,4543,4545,4548,4550,4552,4554,4557,4559,4561,4563,4566,4568,4570,4572,4575,4577,4579,4581,4584],{"class":782,"line":840},[780,4501,4502],{"class":1114},"    backdrop-filter",[780,4504,893],{"class":790},[780,4506,1120],{"class":859},[780,4508,1103],{"class":790},[780,4510,4511],{"class":794},"--tw-backdrop-blur",[780,4513,1042],{"class":790},[780,4515,1120],{"class":859},[780,4517,1103],{"class":790},[780,4519,4520],{"class":794},"--tw-backdrop-brightness",[780,4522,1042],{"class":790},[780,4524,1120],{"class":859},[780,4526,1103],{"class":790},[780,4528,4529],{"class":794},"--tw-backdrop-contrast",[780,4531,1042],{"class":790},[780,4533,1120],{"class":859},[780,4535,1103],{"class":790},[780,4537,4538],{"class":794},"--tw-backdrop-grayscale",[780,4540,1042],{"class":790},[780,4542,1120],{"class":859},[780,4544,1103],{"class":790},[780,4546,4547],{"class":794},"--tw-backdrop-hue-rotate",[780,4549,1042],{"class":790},[780,4551,1120],{"class":859},[780,4553,1103],{"class":790},[780,4555,4556],{"class":794},"--tw-backdrop-invert",[780,4558,1042],{"class":790},[780,4560,1120],{"class":859},[780,4562,1103],{"class":790},[780,4564,4565],{"class":794},"--tw-backdrop-opacity",[780,4567,1042],{"class":790},[780,4569,1120],{"class":859},[780,4571,1103],{"class":790},[780,4573,4574],{"class":794},"--tw-backdrop-saturate",[780,4576,1042],{"class":790},[780,4578,1120],{"class":859},[780,4580,1103],{"class":790},[780,4582,4583],{"class":794},"--tw-backdrop-sepia",[780,4585,1109],{"class":790},[780,4587,4588],{"class":782,"line":846},[780,4589,1204],{"class":790},[780,4591,4592],{"class":782,"line":867},[780,4593,843],{"emptyLinePlaceholder":223},[780,4595,4596,4598,4600],{"class":782,"line":872},[780,4597,1078],{"class":790},[780,4599,4476],{"class":1081},[780,4601,883],{"class":790},[780,4603,4604,4606,4608,4610,4612,4614],{"class":782,"line":886},[780,4605,4487],{"class":794},[780,4607,893],{"class":790},[780,4609,1100],{"class":859},[780,4611,1103],{"class":790},[780,4613,935],{"class":1106},[780,4615,1109],{"class":790},[780,4617,4618,4620,4622,4624,4626,4628,4630,4632,4634,4636,4638,4640,4642,4644,4646,4648,4650,4652,4654,4656,4658,4660,4662,4664,4666,4668,4670,4672,4674,4676,4678,4680,4682,4684,4686,4688,4690,4692],{"class":782,"line":908},[780,4619,4502],{"class":1114},[780,4621,893],{"class":790},[780,4623,1120],{"class":859},[780,4625,1103],{"class":790},[780,4627,4511],{"class":794},[780,4629,1042],{"class":790},[780,4631,1120],{"class":859},[780,4633,1103],{"class":790},[780,4635,4520],{"class":794},[780,4637,1042],{"class":790},[780,4639,1120],{"class":859},[780,4641,1103],{"class":790},[780,4643,4529],{"class":794},[780,4645,1042],{"class":790},[780,4647,1120],{"class":859},[780,4649,1103],{"class":790},[780,4651,4538],{"class":794},[780,4653,1042],{"class":790},[780,4655,1120],{"class":859},[780,4657,1103],{"class":790},[780,4659,4547],{"class":794},[780,4661,1042],{"class":790},[780,4663,1120],{"class":859},[780,4665,1103],{"class":790},[780,4667,4556],{"class":794},[780,4669,1042],{"class":790},[780,4671,1120],{"class":859},[780,4673,1103],{"class":790},[780,4675,4565],{"class":794},[780,4677,1042],{"class":790},[780,4679,1120],{"class":859},[780,4681,1103],{"class":790},[780,4683,4574],{"class":794},[780,4685,1042],{"class":790},[780,4687,1120],{"class":859},[780,4689,1103],{"class":790},[780,4691,4583],{"class":794},[780,4693,1109],{"class":790},[780,4695,4696],{"class":782,"line":925},[780,4697,1204],{"class":790},[766,4699,4700],{"icon":520,"label":1550},[770,4701,4703],{"className":1553,"code":4702,"language":1555,"meta":776,"style":776},"\u003Cdiv class=\"_backdrop-blur:md _bg:white\u002F50\">\n    Frosted glass panel\n\u003C\u002Fdiv>\n\u003Cnav class=\"_backdrop-blur:lg\">\n    Blurred navigation background\n\u003C\u002Fnav>\n",[702,4704,4705,4724,4729,4737,4757,4762],{"__ignoreMap":776},[780,4706,4707,4709,4711,4713,4715,4717,4720,4722],{"class":782,"line":783},[780,4708,1562],{"class":790},[780,4710,1565],{"class":889},[780,4712,1568],{"class":849},[780,4714,856],{"class":790},[780,4716,811],{"class":790},[780,4718,4719],{"class":807},"_backdrop-blur:md _bg:white\u002F50",[780,4721,811],{"class":790},[780,4723,1591],{"class":790},[780,4725,4726],{"class":782,"line":817},[780,4727,4728],{"class":794},"    Frosted glass panel\n",[780,4730,4731,4733,4735],{"class":782,"line":840},[780,4732,1586],{"class":790},[780,4734,1565],{"class":889},[780,4736,1591],{"class":790},[780,4738,4739,4741,4744,4746,4748,4750,4753,4755],{"class":782,"line":846},[780,4740,1562],{"class":790},[780,4742,4743],{"class":889},"nav",[780,4745,1568],{"class":849},[780,4747,856],{"class":790},[780,4749,811],{"class":790},[780,4751,4752],{"class":807},"_backdrop-blur:lg",[780,4754,811],{"class":790},[780,4756,1591],{"class":790},[780,4758,4759],{"class":782,"line":867},[780,4760,4761],{"class":794},"    Blurred navigation background\n",[780,4763,4764,4766,4768],{"class":782,"line":872},[780,4765,1586],{"class":790},[780,4767,4743],{"class":889},[780,4769,1591],{"class":790},[3685,4771,4773],{"id":4772},"other-backdrop-utilities","Other Backdrop Utilities",[722,4775,4776,4782,4788,4794,4800,4806,4812,4818],{},[725,4777,4778,4781],{},[702,4779,4780],{},"useBackdropBrightnessUtility()"," - Adjust backdrop brightness",[725,4783,4784,4787],{},[702,4785,4786],{},"useBackdropContrastUtility()"," - Adjust backdrop contrast",[725,4789,4790,4793],{},[702,4791,4792],{},"useBackdropGrayscaleUtility()"," - Apply backdrop grayscale",[725,4795,4796,4799],{},[702,4797,4798],{},"useBackdropHueRotateUtility()"," - Rotate backdrop hue",[725,4801,4802,4805],{},[702,4803,4804],{},"useBackdropInvertUtility()"," - Invert backdrop colors",[725,4807,4808,4811],{},[702,4809,4810],{},"useBackdropOpacityUtility()"," - Adjust backdrop opacity",[725,4813,4814,4817],{},[702,4815,4816],{},"useBackdropSaturateUtility()"," - Adjust backdrop saturation",[725,4819,4820,4823],{},[702,4821,4822],{},"useBackdropSepiaUtility()"," - Apply backdrop sepia",[707,4825,4827],{"id":4826},"examples","Examples",[3685,4829,4831],{"id":4830},"frosted-glass-card","Frosted Glass Card",[763,4833,4834,5170],{},[766,4835,4836],{"icon":768,"label":290},[770,4837,4839],{"className":772,"code":4838,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useBackdropBlurUtility } from \"@styleframe\u002Ftheme\";\nimport { useBackgroundColorUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\nconst { selector } = s;\n\nuseBackdropBlurUtility(s, {\n    md: '12px',\n    lg: '16px',\n});\n\nuseBackgroundColorUtility(s, {\n    'white\u002F50': 'rgb(255 255 255 \u002F 0.5)',\n    'white\u002F80': 'rgb(255 255 255 \u002F 0.8)',\n});\n\n\u002F\u002F Create a frosted glass card style\nselector('.glass-card', {\n    backdropFilter: 'blur(16px)',\n    backgroundColor: 'rgb(255 255 255 \u002F 0.7)',\n    borderRadius: '0.5rem',\n    border: '1px solid rgb(255 255 255 \u002F 0.3)',\n});\n\nexport default s;\n",[702,4840,4841,4861,4881,4902,4906,4920,4938,4942,4952,4966,4980,4988,4992,5003,5023,5043,5051,5055,5060,5078,5094,5111,5128,5145,5154,5159],{"__ignoreMap":776},[780,4842,4843,4845,4847,4849,4851,4853,4855,4857,4859],{"class":782,"line":783},[780,4844,787],{"class":786},[780,4846,791],{"class":790},[780,4848,795],{"class":794},[780,4850,798],{"class":790},[780,4852,801],{"class":786},[780,4854,804],{"class":790},[780,4856,808],{"class":807},[780,4858,811],{"class":790},[780,4860,814],{"class":790},[780,4862,4863,4865,4867,4869,4871,4873,4875,4877,4879],{"class":782,"line":817},[780,4864,787],{"class":786},[780,4866,791],{"class":790},[780,4868,4276],{"class":794},[780,4870,798],{"class":790},[780,4872,801],{"class":786},[780,4874,804],{"class":790},[780,4876,833],{"class":807},[780,4878,811],{"class":790},[780,4880,814],{"class":790},[780,4882,4883,4885,4887,4890,4892,4894,4896,4898,4900],{"class":782,"line":840},[780,4884,787],{"class":786},[780,4886,791],{"class":790},[780,4888,4889],{"class":794}," useBackgroundColorUtility",[780,4891,798],{"class":790},[780,4893,801],{"class":786},[780,4895,804],{"class":790},[780,4897,833],{"class":807},[780,4899,811],{"class":790},[780,4901,814],{"class":790},[780,4903,4904],{"class":782,"line":846},[780,4905,843],{"emptyLinePlaceholder":223},[780,4907,4908,4910,4912,4914,4916,4918],{"class":782,"line":867},[780,4909,850],{"class":849},[780,4911,853],{"class":794},[780,4913,856],{"class":790},[780,4915,795],{"class":859},[780,4917,862],{"class":794},[780,4919,814],{"class":790},[780,4921,4922,4924,4926,4929,4931,4934,4936],{"class":782,"line":872},[780,4923,850],{"class":849},[780,4925,791],{"class":790},[780,4927,4928],{"class":794}," selector ",[780,4930,1039],{"class":790},[780,4932,4933],{"class":790}," =",[780,4935,1061],{"class":794},[780,4937,814],{"class":790},[780,4939,4940],{"class":782,"line":886},[780,4941,843],{"emptyLinePlaceholder":223},[780,4943,4944,4946,4948,4950],{"class":782,"line":908},[780,4945,4238],{"class":859},[780,4947,877],{"class":794},[780,4949,880],{"class":790},[780,4951,883],{"class":790},[780,4953,4954,4956,4958,4960,4962,4964],{"class":782,"line":925},[780,4955,945],{"class":889},[780,4957,893],{"class":790},[780,4959,896],{"class":790},[780,4961,952],{"class":807},[780,4963,902],{"class":790},[780,4965,905],{"class":790},[780,4967,4968,4970,4972,4974,4976,4978],{"class":782,"line":942},[780,4969,962],{"class":889},[780,4971,893],{"class":790},[780,4973,896],{"class":790},[780,4975,969],{"class":807},[780,4977,902],{"class":790},[780,4979,905],{"class":790},[780,4981,4982,4984,4986],{"class":782,"line":959},[780,4983,1039],{"class":790},[780,4985,1042],{"class":794},[780,4987,814],{"class":790},[780,4989,4990],{"class":782,"line":976},[780,4991,843],{"emptyLinePlaceholder":223},[780,4993,4994,4997,4999,5001],{"class":782,"line":993},[780,4995,4996],{"class":859},"useBackgroundColorUtility",[780,4998,877],{"class":794},[780,5000,880],{"class":790},[780,5002,883],{"class":790},[780,5004,5005,5007,5010,5012,5014,5016,5019,5021],{"class":782,"line":1015},[780,5006,996],{"class":790},[780,5008,5009],{"class":889},"white\u002F50",[780,5011,902],{"class":790},[780,5013,893],{"class":790},[780,5015,896],{"class":790},[780,5017,5018],{"class":807},"rgb(255 255 255 \u002F 0.5)",[780,5020,902],{"class":790},[780,5022,905],{"class":790},[780,5024,5025,5027,5030,5032,5034,5036,5039,5041],{"class":782,"line":1036},[780,5026,996],{"class":790},[780,5028,5029],{"class":889},"white\u002F80",[780,5031,902],{"class":790},[780,5033,893],{"class":790},[780,5035,896],{"class":790},[780,5037,5038],{"class":807},"rgb(255 255 255 \u002F 0.8)",[780,5040,902],{"class":790},[780,5042,905],{"class":790},[780,5044,5045,5047,5049],{"class":782,"line":1047},[780,5046,1039],{"class":790},[780,5048,1042],{"class":794},[780,5050,814],{"class":790},[780,5052,5053],{"class":782,"line":1052},[780,5054,843],{"emptyLinePlaceholder":223},[780,5056,5057],{"class":782,"line":1459},[780,5058,5059],{"class":1546},"\u002F\u002F Create a frosted glass card style\n",[780,5061,5062,5065,5067,5069,5072,5074,5076],{"class":782,"line":1538},[780,5063,5064],{"class":859},"selector",[780,5066,1103],{"class":794},[780,5068,902],{"class":790},[780,5070,5071],{"class":807},".glass-card",[780,5073,902],{"class":790},[780,5075,880],{"class":790},[780,5077,883],{"class":790},[780,5079,5080,5083,5085,5087,5090,5092],{"class":782,"line":1543},[780,5081,5082],{"class":889},"    backdropFilter",[780,5084,893],{"class":790},[780,5086,896],{"class":790},[780,5088,5089],{"class":807},"blur(16px)",[780,5091,902],{"class":790},[780,5093,905],{"class":790},[780,5095,5097,5100,5102,5104,5107,5109],{"class":782,"line":5096},21,[780,5098,5099],{"class":889},"    backgroundColor",[780,5101,893],{"class":790},[780,5103,896],{"class":790},[780,5105,5106],{"class":807},"rgb(255 255 255 \u002F 0.7)",[780,5108,902],{"class":790},[780,5110,905],{"class":790},[780,5112,5114,5117,5119,5121,5124,5126],{"class":782,"line":5113},22,[780,5115,5116],{"class":889},"    borderRadius",[780,5118,893],{"class":790},[780,5120,896],{"class":790},[780,5122,5123],{"class":807},"0.5rem",[780,5125,902],{"class":790},[780,5127,905],{"class":790},[780,5129,5131,5134,5136,5138,5141,5143],{"class":782,"line":5130},23,[780,5132,5133],{"class":889},"    border",[780,5135,893],{"class":790},[780,5137,896],{"class":790},[780,5139,5140],{"class":807},"1px solid rgb(255 255 255 \u002F 0.3)",[780,5142,902],{"class":790},[780,5144,905],{"class":790},[780,5146,5148,5150,5152],{"class":782,"line":5147},24,[780,5149,1039],{"class":790},[780,5151,1042],{"class":794},[780,5153,814],{"class":790},[780,5155,5157],{"class":782,"line":5156},25,[780,5158,843],{"emptyLinePlaceholder":223},[780,5160,5162,5164,5166,5168],{"class":782,"line":5161},26,[780,5163,1055],{"class":786},[780,5165,1058],{"class":786},[780,5167,1061],{"class":794},[780,5169,814],{"class":790},[766,5171,5172],{"icon":154,"label":326},[770,5173,5175],{"className":1068,"code":5174,"filename":1070,"language":1071,"meta":776,"style":776},"._backdrop-blur\\:md {\n    --tw-backdrop-blur: blur(12px);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n._backdrop-blur\\:lg {\n    --tw-backdrop-blur: blur(16px);\n    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n._bg\\:white\\\u002F50 { background-color: rgb(255 255 255 \u002F 0.5); }\n._bg\\:white\\\u002F80 { background-color: rgb(255 255 255 \u002F 0.8); }\n\n.glass-card {\n    backdrop-filter: blur(16px);\n    background-color: rgb(255 255 255 \u002F 0.7);\n    border-radius: 0.5rem;\n    border: 1px solid rgb(255 255 255 \u002F 0.3);\n}\n",[702,5176,5177,5189,5203,5281,5285,5289,5302,5316,5394,5398,5402,5451,5491,5495,5504,5518,5542,5554,5584],{"__ignoreMap":776},[780,5178,5179,5181,5183,5185,5187],{"class":782,"line":783},[780,5180,1078],{"class":790},[780,5182,4476],{"class":1081},[780,5184,1085],{"class":794},[780,5186,1440],{"class":1081},[780,5188,883],{"class":790},[780,5190,5191,5193,5195,5197,5199,5201],{"class":782,"line":817},[780,5192,4487],{"class":794},[780,5194,893],{"class":790},[780,5196,1100],{"class":859},[780,5198,1103],{"class":790},[780,5200,952],{"class":1106},[780,5202,1109],{"class":790},[780,5204,5205,5207,5209,5211,5213,5215,5217,5219,5221,5223,5225,5227,5229,5231,5233,5235,5237,5239,5241,5243,5245,5247,5249,5251,5253,5255,5257,5259,5261,5263,5265,5267,5269,5271,5273,5275,5277,5279],{"class":782,"line":840},[780,5206,4502],{"class":1114},[780,5208,893],{"class":790},[780,5210,1120],{"class":859},[780,5212,1103],{"class":790},[780,5214,4511],{"class":794},[780,5216,1042],{"class":790},[780,5218,1120],{"class":859},[780,5220,1103],{"class":790},[780,5222,4520],{"class":794},[780,5224,1042],{"class":790},[780,5226,1120],{"class":859},[780,5228,1103],{"class":790},[780,5230,4529],{"class":794},[780,5232,1042],{"class":790},[780,5234,1120],{"class":859},[780,5236,1103],{"class":790},[780,5238,4538],{"class":794},[780,5240,1042],{"class":790},[780,5242,1120],{"class":859},[780,5244,1103],{"class":790},[780,5246,4547],{"class":794},[780,5248,1042],{"class":790},[780,5250,1120],{"class":859},[780,5252,1103],{"class":790},[780,5254,4556],{"class":794},[780,5256,1042],{"class":790},[780,5258,1120],{"class":859},[780,5260,1103],{"class":790},[780,5262,4565],{"class":794},[780,5264,1042],{"class":790},[780,5266,1120],{"class":859},[780,5268,1103],{"class":790},[780,5270,4574],{"class":794},[780,5272,1042],{"class":790},[780,5274,1120],{"class":859},[780,5276,1103],{"class":790},[780,5278,4583],{"class":794},[780,5280,1109],{"class":790},[780,5282,5283],{"class":782,"line":846},[780,5284,1204],{"class":790},[780,5286,5287],{"class":782,"line":867},[780,5288,843],{"emptyLinePlaceholder":223},[780,5290,5291,5293,5295,5297,5300],{"class":782,"line":872},[780,5292,1078],{"class":790},[780,5294,4476],{"class":1081},[780,5296,1085],{"class":794},[780,5298,5299],{"class":1081},"lg",[780,5301,883],{"class":790},[780,5303,5304,5306,5308,5310,5312,5314],{"class":782,"line":886},[780,5305,4487],{"class":794},[780,5307,893],{"class":790},[780,5309,1100],{"class":859},[780,5311,1103],{"class":790},[780,5313,969],{"class":1106},[780,5315,1109],{"class":790},[780,5317,5318,5320,5322,5324,5326,5328,5330,5332,5334,5336,5338,5340,5342,5344,5346,5348,5350,5352,5354,5356,5358,5360,5362,5364,5366,5368,5370,5372,5374,5376,5378,5380,5382,5384,5386,5388,5390,5392],{"class":782,"line":908},[780,5319,4502],{"class":1114},[780,5321,893],{"class":790},[780,5323,1120],{"class":859},[780,5325,1103],{"class":790},[780,5327,4511],{"class":794},[780,5329,1042],{"class":790},[780,5331,1120],{"class":859},[780,5333,1103],{"class":790},[780,5335,4520],{"class":794},[780,5337,1042],{"class":790},[780,5339,1120],{"class":859},[780,5341,1103],{"class":790},[780,5343,4529],{"class":794},[780,5345,1042],{"class":790},[780,5347,1120],{"class":859},[780,5349,1103],{"class":790},[780,5351,4538],{"class":794},[780,5353,1042],{"class":790},[780,5355,1120],{"class":859},[780,5357,1103],{"class":790},[780,5359,4547],{"class":794},[780,5361,1042],{"class":790},[780,5363,1120],{"class":859},[780,5365,1103],{"class":790},[780,5367,4556],{"class":794},[780,5369,1042],{"class":790},[780,5371,1120],{"class":859},[780,5373,1103],{"class":790},[780,5375,4565],{"class":794},[780,5377,1042],{"class":790},[780,5379,1120],{"class":859},[780,5381,1103],{"class":790},[780,5383,4574],{"class":794},[780,5385,1042],{"class":790},[780,5387,1120],{"class":859},[780,5389,1103],{"class":790},[780,5391,4583],{"class":794},[780,5393,1109],{"class":790},[780,5395,5396],{"class":782,"line":925},[780,5397,1204],{"class":790},[780,5399,5400],{"class":782,"line":942},[780,5401,843],{"emptyLinePlaceholder":223},[780,5403,5404,5406,5409,5411,5414,5417,5419,5421,5424,5426,5429,5431,5434,5437,5439,5442,5445,5448],{"class":782,"line":959},[780,5405,1078],{"class":790},[780,5407,5408],{"class":1081},"_bg",[780,5410,1085],{"class":794},[780,5412,5413],{"class":1081},"white",[780,5415,5416],{"class":794},"\\\u002F",[780,5418,1789],{"class":1081},[780,5420,791],{"class":790},[780,5422,5423],{"class":1114}," background-color",[780,5425,893],{"class":790},[780,5427,5428],{"class":859}," rgb",[780,5430,1103],{"class":790},[780,5432,5433],{"class":1106},"255",[780,5435,5436],{"class":1106}," 255",[780,5438,5436],{"class":1106},[780,5440,5441],{"class":794}," \u002F ",[780,5443,5444],{"class":1106},"0.5",[780,5446,5447],{"class":790},");",[780,5449,5450],{"class":790}," }\n",[780,5452,5453,5455,5457,5459,5461,5463,5466,5468,5470,5472,5474,5476,5478,5480,5482,5484,5487,5489],{"class":782,"line":976},[780,5454,1078],{"class":790},[780,5456,5408],{"class":1081},[780,5458,1085],{"class":794},[780,5460,5413],{"class":1081},[780,5462,5416],{"class":794},[780,5464,5465],{"class":1081},"80",[780,5467,791],{"class":790},[780,5469,5423],{"class":1114},[780,5471,893],{"class":790},[780,5473,5428],{"class":859},[780,5475,1103],{"class":790},[780,5477,5433],{"class":1106},[780,5479,5436],{"class":1106},[780,5481,5436],{"class":1106},[780,5483,5441],{"class":794},[780,5485,5486],{"class":1106},"0.8",[780,5488,5447],{"class":790},[780,5490,5450],{"class":790},[780,5492,5493],{"class":782,"line":993},[780,5494,843],{"emptyLinePlaceholder":223},[780,5496,5497,5499,5502],{"class":782,"line":1015},[780,5498,1078],{"class":790},[780,5500,5501],{"class":1081},"glass-card",[780,5503,883],{"class":790},[780,5505,5506,5508,5510,5512,5514,5516],{"class":782,"line":1036},[780,5507,4502],{"class":1114},[780,5509,893],{"class":790},[780,5511,1100],{"class":859},[780,5513,1103],{"class":790},[780,5515,969],{"class":1106},[780,5517,1109],{"class":790},[780,5519,5520,5523,5525,5527,5529,5531,5533,5535,5537,5540],{"class":782,"line":1047},[780,5521,5522],{"class":1114},"    background-color",[780,5524,893],{"class":790},[780,5526,5428],{"class":859},[780,5528,1103],{"class":790},[780,5530,5433],{"class":1106},[780,5532,5436],{"class":1106},[780,5534,5436],{"class":1106},[780,5536,5441],{"class":794},[780,5538,5539],{"class":1106},"0.7",[780,5541,1109],{"class":790},[780,5543,5544,5547,5549,5552],{"class":782,"line":1052},[780,5545,5546],{"class":1114},"    border-radius",[780,5548,893],{"class":790},[780,5550,5551],{"class":1106}," 0.5rem",[780,5553,814],{"class":790},[780,5555,5556,5558,5560,5563,5566,5569,5571,5573,5575,5577,5579,5582],{"class":782,"line":1459},[780,5557,5133],{"class":1114},[780,5559,893],{"class":790},[780,5561,5562],{"class":1106}," 1px",[780,5564,5565],{"class":794}," solid ",[780,5567,5568],{"class":859},"rgb",[780,5570,1103],{"class":790},[780,5572,5433],{"class":1106},[780,5574,5436],{"class":1106},[780,5576,5436],{"class":1106},[780,5578,5441],{"class":794},[780,5580,5581],{"class":1106},"0.3",[780,5583,1109],{"class":790},[780,5585,5586],{"class":782,"line":1538},[780,5587,1204],{"class":790},[3685,5589,5591],{"id":5590},"disabled-state-with-grayscale","Disabled State with Grayscale",[763,5593,5594,5883],{},[766,5595,5596],{"icon":768,"label":290},[770,5597,5599],{"className":772,"code":5598,"filename":774,"language":775,"meta":776,"style":776},"import { styleframe } from \"styleframe\";\nimport { useGrayscaleUtility, useOpacityUtility } from \"@styleframe\u002Ftheme\";\n\nconst s = styleframe();\nconst { modifier } = s;\n\n\u002F\u002F Create disabled modifier\nconst disabled = modifier('disabled', ({ declarations }) => ({\n    '&:disabled': declarations,\n}));\n\nuseGrayscaleUtility(s, {\n    default: '100%',\n});\n\nuseOpacityUtility(s, {\n    '50': '0.5',\n});\n\n\u002F\u002F Apply grayscale on disabled\nuseGrayscaleUtility(s, { default: '100%' }, [disabled]);\n\nexport default s;\n",[702,5600,5601,5621,5646,5650,5664,5681,5685,5690,5731,5746,5755,5759,5769,5783,5791,5795,5806,5824,5832,5836,5841,5869,5873],{"__ignoreMap":776},[780,5602,5603,5605,5607,5609,5611,5613,5615,5617,5619],{"class":782,"line":783},[780,5604,787],{"class":786},[780,5606,791],{"class":790},[780,5608,795],{"class":794},[780,5610,798],{"class":790},[780,5612,801],{"class":786},[780,5614,804],{"class":790},[780,5616,808],{"class":807},[780,5618,811],{"class":790},[780,5620,814],{"class":790},[780,5622,5623,5625,5627,5629,5631,5634,5636,5638,5640,5642,5644],{"class":782,"line":817},[780,5624,787],{"class":786},[780,5626,791],{"class":790},[780,5628,3267],{"class":794},[780,5630,880],{"class":790},[780,5632,5633],{"class":794}," useOpacityUtility",[780,5635,798],{"class":790},[780,5637,801],{"class":786},[780,5639,804],{"class":790},[780,5641,833],{"class":807},[780,5643,811],{"class":790},[780,5645,814],{"class":790},[780,5647,5648],{"class":782,"line":840},[780,5649,843],{"emptyLinePlaceholder":223},[780,5651,5652,5654,5656,5658,5660,5662],{"class":782,"line":846},[780,5653,850],{"class":849},[780,5655,853],{"class":794},[780,5657,856],{"class":790},[780,5659,795],{"class":859},[780,5661,862],{"class":794},[780,5663,814],{"class":790},[780,5665,5666,5668,5670,5673,5675,5677,5679],{"class":782,"line":867},[780,5667,850],{"class":849},[780,5669,791],{"class":790},[780,5671,5672],{"class":794}," modifier ",[780,5674,1039],{"class":790},[780,5676,4933],{"class":790},[780,5678,1061],{"class":794},[780,5680,814],{"class":790},[780,5682,5683],{"class":782,"line":872},[780,5684,843],{"emptyLinePlaceholder":223},[780,5686,5687],{"class":782,"line":886},[780,5688,5689],{"class":1546},"\u002F\u002F Create disabled modifier\n",[780,5691,5692,5694,5697,5699,5702,5704,5706,5709,5711,5713,5716,5720,5723,5726,5728],{"class":782,"line":908},[780,5693,850],{"class":849},[780,5695,5696],{"class":794}," disabled ",[780,5698,856],{"class":790},[780,5700,5701],{"class":859}," modifier",[780,5703,1103],{"class":794},[780,5705,902],{"class":790},[780,5707,5708],{"class":807},"disabled",[780,5710,902],{"class":790},[780,5712,880],{"class":790},[780,5714,5715],{"class":790}," ({",[780,5717,5719],{"class":5718},"sHdIc"," declarations",[780,5721,5722],{"class":790}," })",[780,5724,5725],{"class":849}," =>",[780,5727,700],{"class":794},[780,5729,5730],{"class":790},"{\n",[780,5732,5733,5735,5738,5740,5742,5744],{"class":782,"line":925},[780,5734,996],{"class":790},[780,5736,5737],{"class":889},"&:disabled",[780,5739,902],{"class":790},[780,5741,893],{"class":790},[780,5743,5719],{"class":794},[780,5745,905],{"class":790},[780,5747,5748,5750,5753],{"class":782,"line":942},[780,5749,1039],{"class":790},[780,5751,5752],{"class":794},"))",[780,5754,814],{"class":790},[780,5756,5757],{"class":782,"line":959},[780,5758,843],{"emptyLinePlaceholder":223},[780,5760,5761,5763,5765,5767],{"class":782,"line":976},[780,5762,3223],{"class":859},[780,5764,877],{"class":794},[780,5766,880],{"class":790},[780,5768,883],{"class":790},[780,5770,5771,5773,5775,5777,5779,5781],{"class":782,"line":993},[780,5772,928],{"class":889},[780,5774,893],{"class":790},[780,5776,896],{"class":790},[780,5778,3340],{"class":807},[780,5780,902],{"class":790},[780,5782,905],{"class":790},[780,5784,5785,5787,5789],{"class":782,"line":1015},[780,5786,1039],{"class":790},[780,5788,1042],{"class":794},[780,5790,814],{"class":790},[780,5792,5793],{"class":782,"line":1036},[780,5794,843],{"emptyLinePlaceholder":223},[780,5796,5797,5800,5802,5804],{"class":782,"line":1047},[780,5798,5799],{"class":859},"useOpacityUtility",[780,5801,877],{"class":794},[780,5803,880],{"class":790},[780,5805,883],{"class":790},[780,5807,5808,5810,5812,5814,5816,5818,5820,5822],{"class":782,"line":1052},[780,5809,996],{"class":790},[780,5811,1789],{"class":889},[780,5813,902],{"class":790},[780,5815,893],{"class":790},[780,5817,896],{"class":790},[780,5819,5444],{"class":807},[780,5821,902],{"class":790},[780,5823,905],{"class":790},[780,5825,5826,5828,5830],{"class":782,"line":1459},[780,5827,1039],{"class":790},[780,5829,1042],{"class":794},[780,5831,814],{"class":790},[780,5833,5834],{"class":782,"line":1538},[780,5835,843],{"emptyLinePlaceholder":223},[780,5837,5838],{"class":782,"line":1543},[780,5839,5840],{"class":1546},"\u002F\u002F Apply grayscale on disabled\n",[780,5842,5843,5845,5847,5849,5851,5853,5855,5857,5859,5861,5864,5867],{"class":782,"line":5096},[780,5844,3223],{"class":859},[780,5846,877],{"class":794},[780,5848,880],{"class":790},[780,5850,791],{"class":790},[780,5852,1058],{"class":889},[780,5854,893],{"class":790},[780,5856,896],{"class":790},[780,5858,3340],{"class":807},[780,5860,902],{"class":790},[780,5862,5863],{"class":790}," },",[780,5865,5866],{"class":794}," [disabled])",[780,5868,814],{"class":790},[780,5870,5871],{"class":782,"line":5113},[780,5872,843],{"emptyLinePlaceholder":223},[780,5874,5875,5877,5879,5881],{"class":782,"line":5130},[780,5876,1055],{"class":786},[780,5878,1058],{"class":786},[780,5880,1061],{"class":794},[780,5882,814],{"class":790},[766,5884,5885],{"icon":154,"label":326},[770,5886,5888],{"className":1068,"code":5887,"filename":1070,"language":1071,"meta":776,"style":776},"._grayscale {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n._opacity\\:50 { opacity: 0.5; }\n\n._disabled\\:grayscale:disabled {\n    --tw-grayscale: grayscale(100%);\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n",[702,5889,5890,5898,5912,5990,5994,5998,6024,6028,6046,6060,6138],{"__ignoreMap":776},[780,5891,5892,5894,5896],{"class":782,"line":783},[780,5893,1078],{"class":790},[780,5895,3380],{"class":1081},[780,5897,883],{"class":790},[780,5899,5900,5902,5904,5906,5908,5910],{"class":782,"line":817},[780,5901,3391],{"class":794},[780,5903,893],{"class":790},[780,5905,3396],{"class":859},[780,5907,1103],{"class":790},[780,5909,3340],{"class":1106},[780,5911,1109],{"class":790},[780,5913,5914,5916,5918,5920,5922,5924,5926,5928,5930,5932,5934,5936,5938,5940,5942,5944,5946,5948,5950,5952,5954,5956,5958,5960,5962,5964,5966,5968,5970,5972,5974,5976,5978,5980,5982,5984,5986,5988],{"class":782,"line":840},[780,5915,1115],{"class":1114},[780,5917,893],{"class":790},[780,5919,1120],{"class":859},[780,5921,1103],{"class":790},[780,5923,1125],{"class":794},[780,5925,1042],{"class":790},[780,5927,1120],{"class":859},[780,5929,1103],{"class":790},[780,5931,1134],{"class":794},[780,5933,1042],{"class":790},[780,5935,1120],{"class":859},[780,5937,1103],{"class":790},[780,5939,1143],{"class":794},[780,5941,1042],{"class":790},[780,5943,1120],{"class":859},[780,5945,1103],{"class":790},[780,5947,1152],{"class":794},[780,5949,1042],{"class":790},[780,5951,1120],{"class":859},[780,5953,1103],{"class":790},[780,5955,1161],{"class":794},[780,5957,1042],{"class":790},[780,5959,1120],{"class":859},[780,5961,1103],{"class":790},[780,5963,1170],{"class":794},[780,5965,1042],{"class":790},[780,5967,1120],{"class":859},[780,5969,1103],{"class":790},[780,5971,1179],{"class":794},[780,5973,1042],{"class":790},[780,5975,1120],{"class":859},[780,5977,1103],{"class":790},[780,5979,1188],{"class":794},[780,5981,1042],{"class":790},[780,5983,1120],{"class":859},[780,5985,1103],{"class":790},[780,5987,1197],{"class":794},[780,5989,1109],{"class":790},[780,5991,5992],{"class":782,"line":846},[780,5993,1204],{"class":790},[780,5995,5996],{"class":782,"line":867},[780,5997,843],{"emptyLinePlaceholder":223},[780,5999,6000,6002,6005,6007,6009,6011,6014,6016,6019,6022],{"class":782,"line":872},[780,6001,1078],{"class":790},[780,6003,6004],{"class":1081},"_opacity",[780,6006,1085],{"class":794},[780,6008,1789],{"class":1081},[780,6010,791],{"class":790},[780,6012,6013],{"class":1114}," opacity",[780,6015,893],{"class":790},[780,6017,6018],{"class":1106}," 0.5",[780,6020,6021],{"class":790},";",[780,6023,5450],{"class":790},[780,6025,6026],{"class":782,"line":886},[780,6027,843],{"emptyLinePlaceholder":223},[780,6029,6030,6032,6035,6037,6040,6042,6044],{"class":782,"line":908},[780,6031,1078],{"class":790},[780,6033,6034],{"class":1081},"_disabled",[780,6036,1085],{"class":794},[780,6038,6039],{"class":1081},"grayscale",[780,6041,893],{"class":790},[780,6043,5708],{"class":849},[780,6045,883],{"class":790},[780,6047,6048,6050,6052,6054,6056,6058],{"class":782,"line":925},[780,6049,3391],{"class":794},[780,6051,893],{"class":790},[780,6053,3396],{"class":859},[780,6055,1103],{"class":790},[780,6057,3340],{"class":1106},[780,6059,1109],{"class":790},[780,6061,6062,6064,6066,6068,6070,6072,6074,6076,6078,6080,6082,6084,6086,6088,6090,6092,6094,6096,6098,6100,6102,6104,6106,6108,6110,6112,6114,6116,6118,6120,6122,6124,6126,6128,6130,6132,6134,6136],{"class":782,"line":942},[780,6063,1115],{"class":1114},[780,6065,893],{"class":790},[780,6067,1120],{"class":859},[780,6069,1103],{"class":790},[780,6071,1125],{"class":794},[780,6073,1042],{"class":790},[780,6075,1120],{"class":859},[780,6077,1103],{"class":790},[780,6079,1134],{"class":794},[780,6081,1042],{"class":790},[780,6083,1120],{"class":859},[780,6085,1103],{"class":790},[780,6087,1143],{"class":794},[780,6089,1042],{"class":790},[780,6091,1120],{"class":859},[780,6093,1103],{"class":790},[780,6095,1152],{"class":794},[780,6097,1042],{"class":790},[780,6099,1120],{"class":859},[780,6101,1103],{"class":790},[780,6103,1161],{"class":794},[780,6105,1042],{"class":790},[780,6107,1120],{"class":859},[780,6109,1103],{"class":790},[780,6111,1170],{"class":794},[780,6113,1042],{"class":790},[780,6115,1120],{"class":859},[780,6117,1103],{"class":790},[780,6119,1179],{"class":794},[780,6121,1042],{"class":790},[780,6123,1120],{"class":859},[780,6125,1103],{"class":790},[780,6127,1188],{"class":794},[780,6129,1042],{"class":790},[780,6131,1120],{"class":859},[780,6133,1103],{"class":790},[780,6135,1197],{"class":794},[780,6137,1109],{"class":790},[780,6139,6140],{"class":782,"line":959},[780,6141,1204],{"class":790},[707,6143,6145],{"id":6144},"best-practices","Best Practices",[722,6147,6148,6154,6160,6166,6172,6178],{},[725,6149,6150,6153],{},[692,6151,6152],{},"Use backdrop-filter for glass effects",": Combine backdrop blur with semi-transparent backgrounds",[725,6155,6156,6159],{},[692,6157,6158],{},"Consider performance",": Filter effects can be expensive; avoid animating complex filters",[725,6161,6162,6165],{},[692,6163,6164],{},"Test browser support",": Backdrop filters may not work in all browsers; provide fallbacks",[725,6167,6168,6171],{},[692,6169,6170],{},"Combine thoughtfully",": Multiple filters can compound effects; test combinations carefully",[725,6173,6174,6177],{},[692,6175,6176],{},"Use drop-shadow for SVGs",": Drop shadows work on the actual shape, unlike box-shadow",[725,6179,6180,6183],{},[692,6181,6182],{},"Respect user preferences",": Consider reducing motion and effects for users who prefer reduced motion",[707,6185,6187],{"id":6186},"faq","FAQ",[6189,6190,6191,6204,6215,6222],"accordion",{},[6192,6193,6196,6199,6200,6203],"accordion-item",{"icon":6194,"label":6195},"i-lucide-circle-help","What's the difference between filter and backdrop-filter?",[702,6197,6198],{},"filter"," applies effects to the element itself and its contents. ",[702,6201,6202],{},"backdrop-filter"," applies effects to the area behind the element, creating effects like frosted glass.",[6192,6205,6207,6210,6211,6214],{"icon":6194,"label":6206},"Why use drop-shadow instead of box-shadow?",[702,6208,6209],{},"drop-shadow()"," follows the actual shape of an element (including transparency in images and SVGs), while ",[702,6212,6213],{},"box-shadow"," only applies to the rectangular bounding box. Use drop-shadow for non-rectangular shapes.",[6192,6216,6218,6219,6221],{"icon":6194,"label":6217},"Can I combine multiple filter effects?","Yes! The filter utilities use CSS custom properties for each effect. When you apply multiple filter utilities, they combine through the ",[702,6220,6198],{}," property that references all the variables.",[6192,6223,6225],{"icon":6194,"label":6224},"Are backdrop filters well supported?","Backdrop filters have good support in modern browsers but may not work in older browsers. Consider providing a fallback solid background color for better compatibility.",[6227,6228,6229],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":776,"searchDepth":817,"depth":817,"links":6231},[6232,6233,6234,6235,6236,6237,6238,6245,6249,6253,6254],{"id":709,"depth":817,"text":78},{"id":716,"depth":817,"text":717},{"id":751,"depth":817,"text":754},{"id":1673,"depth":817,"text":1676},{"id":2549,"depth":817,"text":2552},{"id":3220,"depth":817,"text":3223},{"id":3682,"depth":817,"text":3683,"children":6239},[6240,6241,6242,6243,6244],{"id":3687,"depth":840,"text":3690},{"id":3837,"depth":840,"text":3840},{"id":3901,"depth":840,"text":3904},{"id":4023,"depth":840,"text":4026},{"id":4087,"depth":840,"text":4090},{"id":4228,"depth":817,"text":4229,"children":6246},[6247,6248],{"id":4235,"depth":840,"text":4238},{"id":4772,"depth":840,"text":4773},{"id":4826,"depth":817,"text":4827,"children":6250},[6251,6252],{"id":4830,"depth":840,"text":4831},{"id":5590,"depth":840,"text":5591},{"id":6144,"depth":817,"text":6145},{"id":6186,"depth":817,"text":6187},"Create filter utilities for blur, brightness, contrast, grayscale, and backdrop effects with full type safety.",null,{},{"title":589,"icon":592},{"title":684,"description":6255},"GmSFIDSwGd5rUuuV6GsHJlYbAWueilEZ7lb_FxhNsC0",[6262,6264],{"title":585,"path":586,"stem":587,"description":6263,"icon":119,"children":-1},"Create effect utilities for shadows, opacity, and blend modes with full type safety.",{"title":594,"path":595,"stem":596,"description":6265,"icon":597,"children":-1},"Create flexbox and grid layout utilities for building responsive layouts with full type safety.",1781596352297]