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