[{"data":1,"prerenderedAt":2353},["ShallowReactive",2],{"navigation_docs":3,"-embed-the-widget-styling-with-css":183,"-embed-the-widget-styling-with-css-surround":2348},[4,21,58,85,126,142],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Getting started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,16],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-rocket",{"title":12,"path":13,"stem":14,"icon":15},"API keys and requests","\u002Fgetting-started\u002Fapi-keys","1.getting-started\u002F2.api-keys","i-lucide-key-round",{"title":17,"path":18,"stem":19,"icon":20},"Projects","\u002Fgetting-started\u002Fprojects","1.getting-started\u002F3.projects","i-lucide-folder",{"title":22,"path":23,"stem":24,"children":25,"icon":27},"Embed the widget","\u002Fembed-the-widget","2.embed-the-widget\u002F1.index",[26,28,33,38,43,48,53],{"title":22,"path":23,"stem":24,"icon":27},"i-lucide-code",{"title":29,"path":30,"stem":31,"icon":32},"Placement modes","\u002Fembed-the-widget\u002Fplacement-modes","2.embed-the-widget\u002F2.placement-modes","i-lucide-layout-panel-top",{"title":34,"path":35,"stem":36,"icon":37},"JavaScript API","\u002Fembed-the-widget\u002Fjavascript-api","2.embed-the-widget\u002F3.javascript-api","i-lucide-braces",{"title":39,"path":40,"stem":41,"icon":42},"Appearance options","\u002Fembed-the-widget\u002Fappearance-options","2.embed-the-widget\u002F4.appearance-options","i-lucide-sliders-horizontal",{"title":44,"path":45,"stem":46,"icon":47},"Events","\u002Fembed-the-widget\u002Fevents","2.embed-the-widget\u002F5.events","i-lucide-radio",{"title":49,"path":50,"stem":51,"icon":52},"Styling with CSS","\u002Fembed-the-widget\u002Fstyling-with-css","2.embed-the-widget\u002F6.styling-with-css","i-lucide-paintbrush",{"title":54,"path":55,"stem":56,"icon":57},"Troubleshooting","\u002Fembed-the-widget\u002Ftroubleshooting","2.embed-the-widget\u002F7.troubleshooting","i-lucide-wrench",{"title":59,"path":60,"stem":61,"children":62,"icon":64},"Surveys","\u002Fsurveys","3.surveys\u002F1.index",[63,65,70,75,80],{"title":59,"path":60,"stem":61,"icon":64},"i-lucide-clipboard-list",{"title":66,"path":67,"stem":68,"icon":69},"Questions","\u002Fsurveys\u002Fquestions","3.surveys\u002F2.questions","i-lucide-list-checks",{"title":71,"path":72,"stem":73,"icon":74},"Appearance and wording","\u002Fsurveys\u002Fappearance-and-wording","3.surveys\u002F3.appearance-and-wording","i-lucide-palette",{"title":76,"path":77,"stem":78,"icon":79},"Publishing changes","\u002Fsurveys\u002Flimits-and-status","3.surveys\u002F4.limits-and-status","i-lucide-clock",{"title":81,"path":82,"stem":83,"icon":84},"Fill links","\u002Fsurveys\u002Ffill-links","3.surveys\u002F5.fill-links","i-lucide-link",{"title":86,"path":87,"stem":88,"children":89,"icon":91},"Responses and insights","\u002Fresponses-and-insights","4.responses-and-insights\u002F1.index",[90,92,97,102,107,112,116,121],{"title":86,"path":87,"stem":88,"icon":91},"i-lucide-inbox",{"title":93,"path":94,"stem":95,"icon":96},"Answers","\u002Fresponses-and-insights\u002Fanswers","4.responses-and-insights\u002F2.answers","i-lucide-message-square-text",{"title":98,"path":99,"stem":100,"icon":101},"Insights","\u002Fresponses-and-insights\u002Finsights","4.responses-and-insights\u002F3.insights","i-lucide-lightbulb",{"title":103,"path":104,"stem":105,"icon":106},"Verification and threshold","\u002Fresponses-and-insights\u002Fverification-and-threshold","4.responses-and-insights\u002F4.verification-and-threshold","i-lucide-shield-check",{"title":108,"path":109,"stem":110,"icon":111},"Statistics","\u002Fresponses-and-insights\u002Fresponsiveness-funnel","4.responses-and-insights\u002F5.responsiveness-funnel","i-lucide-bar-chart-3",{"title":113,"path":114,"stem":115,"icon":91},"Feedback you already have","\u002Fresponses-and-insights\u002Ffeedback-you-already-have","4.responses-and-insights\u002F6.feedback-you-already-have",{"title":117,"path":118,"stem":119,"icon":120},"Import a file","\u002Fresponses-and-insights\u002Fimport-a-file","4.responses-and-insights\u002F7.import-a-file","i-lucide-file-up",{"title":122,"path":123,"stem":124,"icon":125},"Send through the API","\u002Fresponses-and-insights\u002Fsend-feedback-through-the-api","4.responses-and-insights\u002F8.send-feedback-through-the-api","i-lucide-send",{"title":127,"path":128,"stem":129,"children":130,"page":141},"Account And Billing","\u002Faccount-and-billing","5.account-and-billing",[131,136],{"title":132,"path":133,"stem":134,"icon":135},"Plans and billing","\u002Faccount-and-billing\u002Fplans-and-billing","5.account-and-billing\u002F1.plans-and-billing","i-lucide-credit-card",{"title":137,"path":138,"stem":139,"icon":140},"Security and profile","\u002Faccount-and-billing\u002Fsecurity-and-profile","5.account-and-billing\u002F2.security-and-profile","i-lucide-shield",false,{"title":143,"path":144,"stem":145,"children":146,"icon":148},"Connect an AI assistant","\u002Fconnect-an-ai-assistant","6.connect-an-ai-assistant\u002F1.index",[147,149,154,159,164,169,173,178],{"title":143,"path":144,"stem":145,"icon":148},"i-lucide-bot",{"title":150,"path":151,"stem":152,"icon":153},"Claude","\u002Fconnect-an-ai-assistant\u002Fclaude","6.connect-an-ai-assistant\u002F2.claude","i-lucide-message-circle",{"title":155,"path":156,"stem":157,"icon":158},"ChatGPT","\u002Fconnect-an-ai-assistant\u002Fchatgpt","6.connect-an-ai-assistant\u002F3.chatgpt","i-lucide-message-square",{"title":160,"path":161,"stem":162,"icon":163},"Claude Code","\u002Fconnect-an-ai-assistant\u002Fclaude-code","6.connect-an-ai-assistant\u002F4.claude-code","i-lucide-terminal",{"title":165,"path":166,"stem":167,"icon":168},"Cursor","\u002Fconnect-an-ai-assistant\u002Fcursor","6.connect-an-ai-assistant\u002F5.cursor","i-lucide-mouse-pointer-2",{"title":170,"path":171,"stem":172,"icon":57},"Tools and permissions","\u002Fconnect-an-ai-assistant\u002Ftools-and-permissions","6.connect-an-ai-assistant\u002F6.tools-and-permissions",{"title":174,"path":175,"stem":176,"icon":177},"What the assistant sees","\u002Fconnect-an-ai-assistant\u002Fwhat-the-assistant-sees","6.connect-an-ai-assistant\u002F7.what-the-assistant-sees","i-lucide-eye",{"title":179,"path":180,"stem":181,"icon":182},"Example prompts","\u002Fconnect-an-ai-assistant\u002Fexample-prompts","6.connect-an-ai-assistant\u002F8.example-prompts","i-lucide-sparkles",{"id":184,"title":49,"body":185,"description":2341,"extension":2342,"links":2343,"meta":2344,"navigation":2345,"path":50,"seo":2346,"stem":51,"__hash__":2347},"docs\u002F2.embed-the-widget\u002F6.styling-with-css.md",{"type":186,"value":187,"toc":2316},"minimark",[188,192,205,210,220,224,231,241,303,307,315,391,395,401,705,748,757,762,765,847,850,887,890,942,946,952,1321,1328,1363,1367,1370,1416,1420,1423,1427,1496,1500,1621,1629,1636,1787,1793,1929,1933,2098,2102,2147,2151,2251,2255,2270,2309,2312],[189,190,49],"h1",{"id":191},"styling-with-css",[193,194,195,196,200,201,204],"p",{},"You can change how the widget looks from your own stylesheet, without touching the survey. The widget\nexposes two things on purpose: CSS variables (",[197,198,199],"code",{},"--rq-*",") and named parts (",[197,202,203],{},"::part()","). Everything else\ninside it is private and may change.",[206,207,209],"h2",{"id":208},"two-layers","Two layers",[193,211,212,215,216,219],{},[213,214,39],"a",{"href":40}," set colours from JavaScript or the Appearance\ntab. Your CSS comes on top: a rule in your stylesheet on the widget's host beats the same value\nfrom ",[197,217,218],{},"appearance",".",[206,221,223],{"id":222},"the-one-selector","The one selector",[193,225,226,227,230],{},"The widget's host element carries the attribute ",[197,228,229],{},"data-rawquotes",". Every rule starts from it:",[193,232,233,234,237,238,219],{},"The host also carries ",[197,235,236],{},"data-rawquotes-survey-id=\"\u003Csurvey id>\"",". Add it to aim a rule at one survey:\n",[197,239,240],{},"[data-rawquotes][data-rawquotes-survey-id=\"YOUR-SURVEY-ID\"]",[242,243,248],"pre",{"className":244,"code":245,"language":246,"meta":247,"style":247},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[data-rawquotes] { \u002F* variables go here *\u002F }\n[data-rawquotes]::part(button) { \u002F* parts go here *\u002F }\n","css","",[197,249,250,275],{"__ignoreMap":247},[251,252,255,259,262,265,268,272],"span",{"class":253,"line":254},"line",1,[251,256,258],{"class":257},"sMK4o","[",[251,260,229],{"class":261},"spNyl",[251,263,264],{"class":257},"]",[251,266,267],{"class":257}," {",[251,269,271],{"class":270},"sHwdD"," \u002F* variables go here *\u002F",[251,273,274],{"class":257}," }\n",[251,276,278,280,282,284,288,292,295,298,301],{"class":253,"line":277},2,[251,279,258],{"class":257},[251,281,229],{"class":261},[251,283,264],{"class":257},[251,285,287],{"class":286},"sTEyZ","::part(",[251,289,291],{"class":290},"sBMFI","button",[251,293,294],{"class":286},") ",[251,296,297],{"class":257},"{",[251,299,300],{"class":270}," \u002F* parts go here *\u002F",[251,302,274],{"class":257},[206,304,306],{"id":305},"anatomy","Anatomy",[193,308,309,310,314],{},"Each name below is a part you can target. Tick ",[311,312,313],"strong",{},"Show part names"," to see them on the drawing. This is\na static illustration of the real widget, not the widget itself.",[316,317,318,350,371],"tabs",{},[319,320,323,327],"tabs-item",{"icon":321,"label":322},"i-lucide-square","Card and choices",[324,325],"widget-anatomy",{"view":326},"card",[193,328,329,330,333,334,337,338,341,342,345,346,349],{},"Extra names such as ",[197,331,332],{},"choice-radio",", ",[197,335,336],{},"selected"," or ",[197,339,340],{},"button-primary"," sit on the same element as the base\nname. ",[197,343,344],{},"card-header"," and ",[197,347,348],{},"close-button"," appear only on a phone (480 px wide or less).",[319,351,354,357],{"icon":352,"label":353},"i-lucide-star","Rating and inputs",[324,355],{"view":356},"inputs",[193,358,359,360,363,364,367,368,370],{},"The widget shows one question at a time; the drawing shows two at once. A rating tile is ",[197,361,362],{},"choice-glyph","\n(an emoji) or ",[197,365,366],{},"choice-square"," (a number). A chosen tile gets ",[197,369,336],{}," on both the choice and the tile.",[319,372,374,377],{"icon":158,"label":373},"Thank you and messages",[324,375],{"view":376},"states",[193,378,379,380,383,384,387,388,390],{},"The \"not available\" message on an inline host has no ",[197,381,382],{},"stage"," around it. ",[197,385,386],{},"card-top"," is added to\n",[197,389,326],{}," when the launcher sits in a top corner.",[206,392,394],{"id":393},"variables","Variables",[193,396,397,398,219],{},"Set these on ",[197,399,400],{},"[data-rawquotes]",[402,403,404,428],"table",{},[405,406,407],"thead",{},[408,409,410,414,417,420,423],"tr",{},[411,412,413],"th",{},"Variable",[411,415,416],{},"What it controls",[411,418,419],{},"Light default",[411,421,422],{},"Dark default",[411,424,425,427],{},[197,426,218],{}," field",[429,430,431,459,481,509,536,558,580,603,626,650,678],"tbody",{},[408,432,433,439,442,448,454],{},[434,435,436],"td",{},[197,437,438],{},"--rq-color-accent",[434,440,441],{},"Main buttons, the chosen option, the launcher",[434,443,444],{},[445,446],"rq-swatch",{"color":447},"#4F46E5",[434,449,450,451],{},"as light, or ",[197,452,453],{},"dark.accentColor",[434,455,456],{},[197,457,458],{},"accentColor",[408,460,461,466,469,475,478],{},[434,462,463],{},[197,464,465],{},"--rq-color-accent-contrast",[434,467,468],{},"Text and icons on the accent",[434,470,471,474],{},[445,472],{"color":473},"#FFFFFF",", from the accent's brightness",[434,476,477],{},"calculated from the accent in use",[434,479,480],{},"none",[408,482,483,488,491,495,504],{},[434,484,485],{},[197,486,487],{},"--rq-color-bg",[434,489,490],{},"Card and panel background",[434,492,493],{},[445,494],{"color":473},[434,496,497,500,501],{},[445,498],{"color":499},"#111827",", or ",[197,502,503],{},"dark.backgroundColor",[434,505,506],{},[197,507,508],{},"backgroundColor",[408,510,511,516,519,523,531],{},[434,512,513],{},[197,514,515],{},"--rq-color-text",[434,517,518],{},"Text",[434,520,521],{},[445,522],{"color":499},[434,524,525,500,528],{},[445,526],{"color":527},"#F9FAFB",[197,529,530],{},"dark.textColor",[434,532,533],{},[197,534,535],{},"textColor",[408,537,538,543,546,551,556],{},[434,539,540],{},[197,541,542],{},"--rq-color-border",[434,544,545],{},"Outlines of fields, options and the card",[434,547,548],{},[445,549],{"color":550},"#E5E7EB",[434,552,553],{},[445,554],{"color":555},"#374151",[434,557,480],{},[408,559,560,565,568,573,578],{},[434,561,562],{},[197,563,564],{},"--rq-color-error",[434,566,567],{},"Validation and send errors",[434,569,570],{},[445,571],{"color":572},"#dc2626",[434,574,575],{},[445,576],{"color":577},"#f87171",[434,579,480],{},[408,581,582,587,592,596,601],{},[434,583,584],{},[197,585,586],{},"--rq-panel-border",[434,588,589,590],{},"Outline of an inline panel. The floating card ignores it and is outlined by ",[197,591,542],{},[434,593,594],{},[197,595,480],{},[434,597,598],{},[197,599,600],{},"1px solid var(--rq-color-border)",[434,602,480],{},[408,604,605,610,613,618,621],{},[434,606,607],{},[197,608,609],{},"--rq-radius",[434,611,612],{},"Rounding of card, fields and buttons (number tiles use half)",[434,614,615],{},[197,616,617],{},"12px",[434,619,620],{},"as light",[434,622,623],{},[197,624,625],{},"borderRadius",[408,627,628,633,636,642,644],{},[434,629,630],{},[197,631,632],{},"--rq-font-family",[434,634,635],{},"Font of the whole widget",[434,637,638,641],{},[197,639,640],{},"inherit"," (your page's font)",[434,643,620],{},[434,645,646,649],{},[197,647,648],{},"fontFamily"," (presets only)",[408,651,652,660,663,671,673],{},[434,653,654,333,657],{},[197,655,656],{},"--rq-tile-glyph-size",[197,658,659],{},"--rq-tile-glyph-font",[434,661,662],{},"Emoji rating tile: size and font size",[434,664,665,333,668],{},[197,666,667],{},"44px",[197,669,670],{},"20px",[434,672,620],{},[434,674,675],{},[197,676,677],{},"choiceSize",[408,679,680,688,691,699,701],{},[434,681,682,333,685],{},[197,683,684],{},"--rq-tile-square-size",[197,686,687],{},"--rq-tile-square-font",[434,689,690],{},"Number rating tile: size and font size",[434,692,693,333,696],{},[197,694,695],{},"40px",[197,697,698],{},"14px",[434,700,620],{},[434,702,703],{},[197,704,677],{},[706,707,708,714],"collapsible",{},[193,709,710,711,713],{},"Tile sizes for the other ",[197,712,677],{}," values (emoji size \u002F emoji font \u002F number size \u002F number font, in px):",[715,716,717,724,730,736,742],"ul",{},[718,719,720,723],"li",{},[197,721,722],{},"compact",": 32 \u002F 14 \u002F 28 \u002F 12",[718,725,726,729],{},[197,727,728],{},"default",": 44 \u002F 20 \u002F 40 \u002F 14",[718,731,732,735],{},[197,733,734],{},"comfortable",": 52 \u002F 23 \u002F 48 \u002F 16",[718,737,738,741],{},[197,739,740],{},"large",": 60 \u002F 30 \u002F 56 \u002F 18",[718,743,744,747],{},[197,745,746],{},"xl",": 72 \u002F 36 \u002F 64 \u002F 20",[749,750,751,753,754,756],"warning",{},[197,752,465],{}," does not follow when you change ",[197,755,438],{}," in CSS. A light accent\nwith the white default gives white text on yellow. Set the contrast colour yourself.",[758,759,761],"h3",{"id":760},"before-and-after","Before and after",[193,763,764],{},"Drawn live from the variables above.",[766,767,768,772],"code-preview",{},[324,769],{"view":770,"vars":771},"mini","--rq-color-accent: #be185d; --rq-radius: 4px; --rq-font-family: Georgia, serif",[773,774,775],"template",{"v-slot:code":247},[242,776,778],{"className":244,"code":777,"language":246,"meta":247,"style":247},"[data-rawquotes] {\n  --rq-color-accent: #be185d;\n  --rq-radius: 4px;\n  --rq-font-family: Georgia, serif;\n}\n",[197,779,780,791,808,822,841],{"__ignoreMap":247},[251,781,782,784,786,788],{"class":253,"line":254},[251,783,258],{"class":257},[251,785,229],{"class":261},[251,787,264],{"class":257},[251,789,790],{"class":257}," {\n",[251,792,793,796,799,802,805],{"class":253,"line":277},[251,794,795],{"class":286},"  --rq-color-accent",[251,797,798],{"class":257},":",[251,800,801],{"class":257}," #",[251,803,804],{"class":286},"be185d",[251,806,807],{"class":257},";\n",[251,809,811,814,816,820],{"class":253,"line":810},3,[251,812,813],{"class":286},"  --rq-radius",[251,815,798],{"class":257},[251,817,819],{"class":818},"sbssI"," 4px",[251,821,807],{"class":257},[251,823,825,828,830,833,836,839],{"class":253,"line":824},4,[251,826,827],{"class":286},"  --rq-font-family",[251,829,798],{"class":257},[251,831,832],{"class":286}," Georgia",[251,834,835],{"class":257},",",[251,837,838],{"class":286}," serif",[251,840,807],{"class":257},[251,842,844],{"class":253,"line":843},5,[251,845,846],{"class":257},"}\n",[193,848,849],{},"The trap: a light accent without a matching contrast colour.",[766,851,852,855],{},[324,853],{"view":770,"vars":854},"--rq-color-accent: #facc15",[773,856,857],{"v-slot:code":247},[242,858,860],{"className":244,"code":859,"language":246,"meta":247,"style":247},"[data-rawquotes] { --rq-color-accent: #facc15; }\n",[197,861,862],{"__ignoreMap":247},[251,863,864,866,868,870,872,875,877,879,882,885],{"class":253,"line":254},[251,865,258],{"class":257},[251,867,229],{"class":261},[251,869,264],{"class":257},[251,871,267],{"class":257},[251,873,874],{"class":286}," --rq-color-accent",[251,876,798],{"class":257},[251,878,801],{"class":257},[251,880,881],{"class":286},"facc15",[251,883,884],{"class":257},";",[251,886,274],{"class":257},[193,888,889],{},"The fix: set the contrast colour as well.",[766,891,892,895],{},[324,893],{"view":770,"vars":894},"--rq-color-accent: #facc15; --rq-color-accent-contrast: #111827",[773,896,897],{"v-slot:code":247},[242,898,900],{"className":244,"code":899,"language":246,"meta":247,"style":247},"[data-rawquotes] {\n  --rq-color-accent: #facc15;\n  --rq-color-accent-contrast: #111827;\n}\n",[197,901,902,912,924,938],{"__ignoreMap":247},[251,903,904,906,908,910],{"class":253,"line":254},[251,905,258],{"class":257},[251,907,229],{"class":261},[251,909,264],{"class":257},[251,911,790],{"class":257},[251,913,914,916,918,920,922],{"class":253,"line":277},[251,915,795],{"class":286},[251,917,798],{"class":257},[251,919,801],{"class":257},[251,921,881],{"class":286},[251,923,807],{"class":257},[251,925,926,929,931,933,936],{"class":253,"line":810},[251,927,928],{"class":286},"  --rq-color-accent-contrast",[251,930,798],{"class":257},[251,932,801],{"class":257},[251,934,935],{"class":286},"111827",[251,937,807],{"class":257},[251,939,940],{"class":253,"line":824},[251,941,846],{"class":257},[206,943,945],{"id":944},"parts","Parts",[193,947,948,949,219],{},"Target a part with ",[197,950,951],{},"[data-rawquotes]::part(name)",[402,953,954,967],{},[405,955,956],{},[408,957,958,961,964],{},[411,959,960],{},"Part",[411,962,963],{},"Extra names on the same element",[411,965,966],{},"What it is",[429,968,969,984,997,1008,1019,1030,1046,1058,1070,1082,1100,1112,1124,1142,1180,1195,1221,1234,1247,1261,1273,1285,1297,1309],{},[408,970,971,976,981],{},[434,972,973],{},[197,974,975],{},"launcher",[434,977,978],{},[197,979,980],{},"launcher-open",[434,982,983],{},"The button that opens the card (floating)",[408,985,986,990,994],{},[434,987,988],{},[197,989,326],{},[434,991,992],{},[197,993,386],{},[434,995,996],{},"The floating card",[408,998,999,1003,1005],{},[434,1000,1001],{},[197,1002,344],{},[434,1004],{},[434,1006,1007],{},"Card header (phone)",[408,1009,1010,1014,1016],{},[434,1011,1012],{},[197,1013,348],{},[434,1015],{},[434,1017,1018],{},"The close button (phone)",[408,1020,1021,1025,1027],{},[434,1022,1023],{},[197,1024,382],{},[434,1026],{},[434,1028,1029],{},"Container of the views",[408,1031,1032,1037,1039],{},[434,1033,1034],{},[197,1035,1036],{},"section-title",[434,1038],{},[434,1040,1041,1042,1045],{},"The section title (",[197,1043,1044],{},"sectionTitle",")",[408,1047,1048,1053,1055],{},[434,1049,1050],{},[197,1051,1052],{},"panel",[434,1054],{},[434,1056,1057],{},"A question or state panel",[408,1059,1060,1065,1067],{},[434,1061,1062],{},[197,1063,1064],{},"prompt",[434,1066],{},[434,1068,1069],{},"The question text",[408,1071,1072,1077,1079],{},[434,1073,1074],{},[197,1075,1076],{},"thanks",[434,1078],{},[434,1080,1081],{},"The thank-you text",[408,1083,1084,1089,1097],{},[434,1085,1086],{},[197,1087,1088],{},"message",[434,1090,1091,333,1094],{},[197,1092,1093],{},"message-muted",[197,1095,1096],{},"message-error",[434,1098,1099],{},"A message",[408,1101,1102,1107,1109],{},[434,1103,1104],{},[197,1105,1106],{},"error",[434,1108],{},[434,1110,1111],{},"A validation error",[408,1113,1114,1119,1121],{},[434,1115,1116],{},[197,1117,1118],{},"error-icon",[434,1120],{},[434,1122,1123],{},"The icon in that error",[408,1125,1126,1131,1139],{},[434,1127,1128],{},[197,1129,1130],{},"actions",[434,1132,1133,333,1136],{},[197,1134,1135],{},"actions-end",[197,1137,1138],{},"actions-stack",[434,1140,1141],{},"A row of buttons",[408,1143,1144,1148,1177],{},[434,1145,1146],{},[197,1147,291],{},[434,1149,1150,337,1152,1155,1156,333,1159,333,1162,333,1165,333,1168,333,1171,333,1174],{},[197,1151,340],{},[197,1153,1154],{},"button-secondary","; and one role: ",[197,1157,1158],{},"button-next",[197,1160,1161],{},"button-back",[197,1163,1164],{},"button-submit",[197,1166,1167],{},"button-retry",[197,1169,1170],{},"button-close",[197,1172,1173],{},"button-answer-again",[197,1175,1176],{},"button-decline",[434,1178,1179],{},"A button",[408,1181,1182,1187,1192],{},[434,1183,1184],{},[197,1185,1186],{},"choices",[434,1188,1189],{},[197,1190,1191],{},"choices-inline",[434,1193,1194],{},"The list of options",[408,1196,1197,1202,1218],{},[434,1198,1199],{},[197,1200,1201],{},"choice",[434,1203,1204,333,1207,333,1209,337,1212,1215,1216],{},[197,1205,1206],{},"choice-tile",[197,1208,332],{},[197,1210,1211],{},"choice-checkbox",[197,1213,1214],{},"choice-button","; ",[197,1217,336],{},[434,1219,1220],{},"One option, the whole row",[408,1222,1223,1227,1231],{},[434,1224,1225],{},[197,1226,362],{},[434,1228,1229],{},[197,1230,336],{},[434,1232,1233],{},"Emoji rating tile",[408,1235,1236,1240,1244],{},[434,1237,1238],{},[197,1239,366],{},[434,1241,1242],{},[197,1243,336],{},[434,1245,1246],{},"Number rating tile",[408,1248,1249,1254,1258],{},[434,1250,1251],{},[197,1252,1253],{},"choice-control",[434,1255,1256],{},[197,1257,336],{},[434,1259,1260],{},"Box of a radio or checkbox option",[408,1262,1263,1268,1270],{},[434,1264,1265],{},[197,1266,1267],{},"choice-label",[434,1269],{},[434,1271,1272],{},"The option's label",[408,1274,1275,1280,1282],{},[434,1276,1277],{},[197,1278,1279],{},"choice-badge",[434,1281],{},[434,1283,1284],{},"The tick of a chosen option",[408,1286,1287,1292,1294],{},[434,1288,1289],{},[197,1290,1291],{},"select",[434,1293],{},[434,1295,1296],{},"The dropdown",[408,1298,1299,1304,1306],{},[434,1300,1301],{},[197,1302,1303],{},"input",[434,1305],{},[434,1307,1308],{},"The one-line answer",[408,1310,1311,1316,1318],{},[434,1312,1313],{},[197,1314,1315],{},"textarea",[434,1317],{},[434,1319,1320],{},"The multi-line answer",[758,1322,1324,1325,1327],{"id":1323},"what-part-cannot-do","What ",[197,1326,203],{}," cannot do",[715,1329,1330,1344,1356],{},[718,1331,1332,1333,345,1336,1339,1340,1343],{},"It cannot be chained into descendant selectors: ",[197,1334,1335],{},"::part(a) ::part(b)",[197,1337,1338],{},"::part(a) span"," do not\nwork. This is why states are extra names: write ",[197,1341,1342],{},"::part(choice-control selected)",", not a selector\nthat reaches into the option.",[718,1345,1346,333,1349,345,1352,1355],{},[197,1347,1348],{},":hover",[197,1350,1351],{},":focus-visible",[197,1353,1354],{},"::placeholder"," work on a part.",[718,1357,1358,1359,1362],{},"The ",[197,1360,1361],{},"rq-*"," class names inside the widget are private. Do not target them.",[206,1364,1366],{"id":1365},"dark-mode","Dark mode",[193,1368,1369],{},"Three ways, from simplest:",[1371,1372,1373,1390,1400],"ol",{},[718,1374,1375,1378,1379,1382,1383,1386,1387,219],{},[311,1376,1377],{},"Follow the visitor's device."," ",[197,1380,1381],{},"colorScheme: 'auto'",", optionally with ",[197,1384,1385],{},"dark"," colours:\n",[213,1388,1366],{"href":1389},"\u002Fembed-the-widget\u002Fappearance-options#dark-mode",[718,1391,1392,1395,1396,1399],{},[311,1393,1394],{},"Follow your site's theme switch with JavaScript."," Call ",[197,1397,1398],{},"update"," from the switch (recipe 4).",[718,1401,1402,1405,1406,1409,1410,1412,1413,219],{},[311,1403,1404],{},"Follow your site's theme switch with CSS only."," Style ",[197,1407,1408],{},"html.dark [data-rawquotes]"," (recipe 2).\nThis needs no JavaScript, as long as your theme puts a ",[197,1411,1385],{}," class on ",[197,1414,1415],{},"\u003Chtml>",[206,1417,1419],{"id":1418},"recipes","Recipes",[193,1421,1422],{},"Each one is meant to be copied as it is.",[758,1424,1426],{"id":1425},"_1-your-colours-and-shape","1. Your colours and shape",[242,1428,1430],{"className":244,"code":1429,"language":246,"meta":247,"style":247},"[data-rawquotes] {\n  --rq-color-accent: #be185d;\n  --rq-color-accent-contrast: #ffffff;\n  --rq-radius: 4px;\n  --rq-font-family: Georgia, serif;\n}\n",[197,1431,1432,1442,1454,1467,1477,1491],{"__ignoreMap":247},[251,1433,1434,1436,1438,1440],{"class":253,"line":254},[251,1435,258],{"class":257},[251,1437,229],{"class":261},[251,1439,264],{"class":257},[251,1441,790],{"class":257},[251,1443,1444,1446,1448,1450,1452],{"class":253,"line":277},[251,1445,795],{"class":286},[251,1447,798],{"class":257},[251,1449,801],{"class":257},[251,1451,804],{"class":286},[251,1453,807],{"class":257},[251,1455,1456,1458,1460,1462,1465],{"class":253,"line":810},[251,1457,928],{"class":286},[251,1459,798],{"class":257},[251,1461,801],{"class":257},[251,1463,1464],{"class":286},"ffffff",[251,1466,807],{"class":257},[251,1468,1469,1471,1473,1475],{"class":253,"line":824},[251,1470,813],{"class":286},[251,1472,798],{"class":257},[251,1474,819],{"class":818},[251,1476,807],{"class":257},[251,1478,1479,1481,1483,1485,1487,1489],{"class":253,"line":843},[251,1480,827],{"class":286},[251,1482,798],{"class":257},[251,1484,832],{"class":286},[251,1486,835],{"class":257},[251,1488,838],{"class":286},[251,1490,807],{"class":257},[251,1492,1494],{"class":253,"line":1493},6,[251,1495,846],{"class":257},[758,1497,1499],{"id":1498},"_2-dark-mode-behind-your-sites-switch-css-only","2. Dark mode behind your site's switch (CSS only)",[242,1501,1503],{"className":244,"code":1502,"language":246,"meta":247,"style":247},"html.dark [data-rawquotes] {\n  --rq-color-bg: #0b1020;\n  --rq-color-text: #e5e7eb;\n  --rq-color-border: #2a3350;\n  --rq-color-accent: #818cf8;\n  --rq-color-accent-contrast: #111827;\n  --rq-panel-border: 1px solid var(--rq-color-border);\n}\n",[197,1504,1505,1523,1537,1551,1565,1578,1590,1616],{"__ignoreMap":247},[251,1506,1507,1510,1512,1514,1517,1519,1521],{"class":253,"line":254},[251,1508,1509],{"class":290},"html",[251,1511,219],{"class":257},[251,1513,1385],{"class":290},[251,1515,1516],{"class":257}," [",[251,1518,229],{"class":261},[251,1520,264],{"class":257},[251,1522,790],{"class":257},[251,1524,1525,1528,1530,1532,1535],{"class":253,"line":277},[251,1526,1527],{"class":286},"  --rq-color-bg",[251,1529,798],{"class":257},[251,1531,801],{"class":257},[251,1533,1534],{"class":286},"0b1020",[251,1536,807],{"class":257},[251,1538,1539,1542,1544,1546,1549],{"class":253,"line":810},[251,1540,1541],{"class":286},"  --rq-color-text",[251,1543,798],{"class":257},[251,1545,801],{"class":257},[251,1547,1548],{"class":286},"e5e7eb",[251,1550,807],{"class":257},[251,1552,1553,1556,1558,1560,1563],{"class":253,"line":824},[251,1554,1555],{"class":286},"  --rq-color-border",[251,1557,798],{"class":257},[251,1559,801],{"class":257},[251,1561,1562],{"class":286},"2a3350",[251,1564,807],{"class":257},[251,1566,1567,1569,1571,1573,1576],{"class":253,"line":843},[251,1568,795],{"class":286},[251,1570,798],{"class":257},[251,1572,801],{"class":257},[251,1574,1575],{"class":286},"818cf8",[251,1577,807],{"class":257},[251,1579,1580,1582,1584,1586,1588],{"class":253,"line":1493},[251,1581,928],{"class":286},[251,1583,798],{"class":257},[251,1585,801],{"class":257},[251,1587,935],{"class":286},[251,1589,807],{"class":257},[251,1591,1593,1596,1598,1601,1604,1608,1611,1613],{"class":253,"line":1592},7,[251,1594,1595],{"class":286},"  --rq-panel-border",[251,1597,798],{"class":257},[251,1599,1600],{"class":818}," 1px",[251,1602,1603],{"class":286}," solid ",[251,1605,1607],{"class":1606},"s2Zo4","var",[251,1609,1610],{"class":257},"(",[251,1612,542],{"class":286},[251,1614,1615],{"class":257},");\n",[251,1617,1619],{"class":253,"line":1618},8,[251,1620,846],{"class":257},[193,1622,1623,1625,1626,1628],{},[197,1624,586],{}," only outlines an inline panel. The floating card is outlined by ",[197,1627,542],{},", so there the line above changes nothing.",[758,1630,1632,1633],{"id":1631},"_3-dark-colours-with-appearancedark","3. Dark colours with ",[197,1634,1635],{},"appearance.dark",[242,1637,1641],{"className":1638,"code":1639,"language":1640,"meta":247,"style":247},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","rawquotes('init', {\n  surveyId: 'YOUR-SURVEY-ID',\n  appearance: {\n    colorScheme: 'auto',\n    accentColor: '#4f46e5',\n    dark: { backgroundColor: '#0b1020', textColor: '#e5e7eb', accentColor: '#818cf8' }\n  }\n})\n","js",[197,1642,1643,1663,1682,1691,1707,1723,1774,1779],{"__ignoreMap":247},[251,1644,1645,1648,1650,1653,1657,1659,1661],{"class":253,"line":254},[251,1646,1647],{"class":1606},"rawquotes",[251,1649,1610],{"class":286},[251,1651,1652],{"class":257},"'",[251,1654,1656],{"class":1655},"sfazB","init",[251,1658,1652],{"class":257},[251,1660,835],{"class":257},[251,1662,790],{"class":257},[251,1664,1665,1669,1671,1674,1677,1679],{"class":253,"line":277},[251,1666,1668],{"class":1667},"swJcz","  surveyId",[251,1670,798],{"class":257},[251,1672,1673],{"class":257}," '",[251,1675,1676],{"class":1655},"YOUR-SURVEY-ID",[251,1678,1652],{"class":257},[251,1680,1681],{"class":257},",\n",[251,1683,1684,1687,1689],{"class":253,"line":810},[251,1685,1686],{"class":1667},"  appearance",[251,1688,798],{"class":257},[251,1690,790],{"class":257},[251,1692,1693,1696,1698,1700,1703,1705],{"class":253,"line":824},[251,1694,1695],{"class":1667},"    colorScheme",[251,1697,798],{"class":257},[251,1699,1673],{"class":257},[251,1701,1702],{"class":1655},"auto",[251,1704,1652],{"class":257},[251,1706,1681],{"class":257},[251,1708,1709,1712,1714,1716,1719,1721],{"class":253,"line":843},[251,1710,1711],{"class":1667},"    accentColor",[251,1713,798],{"class":257},[251,1715,1673],{"class":257},[251,1717,1718],{"class":1655},"#4f46e5",[251,1720,1652],{"class":257},[251,1722,1681],{"class":257},[251,1724,1725,1728,1730,1732,1735,1737,1739,1742,1744,1746,1749,1751,1753,1756,1758,1760,1763,1765,1767,1770,1772],{"class":253,"line":1493},[251,1726,1727],{"class":1667},"    dark",[251,1729,798],{"class":257},[251,1731,267],{"class":257},[251,1733,1734],{"class":1667}," backgroundColor",[251,1736,798],{"class":257},[251,1738,1673],{"class":257},[251,1740,1741],{"class":1655},"#0b1020",[251,1743,1652],{"class":257},[251,1745,835],{"class":257},[251,1747,1748],{"class":1667}," textColor",[251,1750,798],{"class":257},[251,1752,1673],{"class":257},[251,1754,1755],{"class":1655},"#e5e7eb",[251,1757,1652],{"class":257},[251,1759,835],{"class":257},[251,1761,1762],{"class":1667}," accentColor",[251,1764,798],{"class":257},[251,1766,1673],{"class":257},[251,1768,1769],{"class":1655},"#818cf8",[251,1771,1652],{"class":257},[251,1773,274],{"class":257},[251,1775,1776],{"class":253,"line":1592},[251,1777,1778],{"class":257},"  }\n",[251,1780,1781,1784],{"class":253,"line":1618},[251,1782,1783],{"class":257},"}",[251,1785,1786],{"class":286},")\n",[758,1788,1790,1791],{"id":1789},"_4-your-theme-switch-calls-update","4. Your theme switch calls ",[197,1792,1398],{},[242,1794,1796],{"className":1638,"code":1795,"language":1640,"meta":247,"style":247},"themeToggle.addEventListener('click', function () {\n  var dark = document.documentElement.classList.toggle('dark')\n  rawquotes('update', { appearance: { colorScheme: dark ? 'dark' : 'light' } })\n})\n",[197,1797,1798,1827,1866,1923],{"__ignoreMap":247},[251,1799,1800,1803,1805,1808,1810,1812,1815,1817,1819,1822,1825],{"class":253,"line":254},[251,1801,1802],{"class":286},"themeToggle",[251,1804,219],{"class":257},[251,1806,1807],{"class":1606},"addEventListener",[251,1809,1610],{"class":286},[251,1811,1652],{"class":257},[251,1813,1814],{"class":1655},"click",[251,1816,1652],{"class":257},[251,1818,835],{"class":257},[251,1820,1821],{"class":261}," function",[251,1823,1824],{"class":257}," ()",[251,1826,790],{"class":257},[251,1828,1829,1832,1835,1838,1841,1843,1846,1848,1851,1853,1856,1858,1860,1862,1864],{"class":253,"line":277},[251,1830,1831],{"class":261},"  var",[251,1833,1834],{"class":286}," dark",[251,1836,1837],{"class":257}," =",[251,1839,1840],{"class":286}," document",[251,1842,219],{"class":257},[251,1844,1845],{"class":286},"documentElement",[251,1847,219],{"class":257},[251,1849,1850],{"class":286},"classList",[251,1852,219],{"class":257},[251,1854,1855],{"class":1606},"toggle",[251,1857,1610],{"class":1667},[251,1859,1652],{"class":257},[251,1861,1385],{"class":1655},[251,1863,1652],{"class":257},[251,1865,1786],{"class":1667},[251,1867,1868,1871,1873,1875,1877,1879,1881,1883,1886,1888,1890,1893,1895,1897,1900,1902,1904,1906,1909,1911,1914,1916,1919,1921],{"class":253,"line":810},[251,1869,1870],{"class":1606},"  rawquotes",[251,1872,1610],{"class":1667},[251,1874,1652],{"class":257},[251,1876,1398],{"class":1655},[251,1878,1652],{"class":257},[251,1880,835],{"class":257},[251,1882,267],{"class":257},[251,1884,1885],{"class":1667}," appearance",[251,1887,798],{"class":257},[251,1889,267],{"class":257},[251,1891,1892],{"class":1667}," colorScheme",[251,1894,798],{"class":257},[251,1896,1834],{"class":286},[251,1898,1899],{"class":257}," ?",[251,1901,1673],{"class":257},[251,1903,1385],{"class":1655},[251,1905,1652],{"class":257},[251,1907,1908],{"class":257}," :",[251,1910,1673],{"class":257},[251,1912,1913],{"class":1655},"light",[251,1915,1652],{"class":257},[251,1917,1918],{"class":257}," }",[251,1920,1918],{"class":257},[251,1922,1786],{"class":1667},[251,1924,1925,1927],{"class":253,"line":824},[251,1926,1783],{"class":257},[251,1928,1786],{"class":286},[758,1930,1932],{"id":1931},"_5-a-button-variant-and-a-chosen-option","5. A button variant and a chosen option",[242,1934,1936],{"className":244,"code":1935,"language":246,"meta":247,"style":247},"[data-rawquotes]::part(button-primary) {\n  text-transform: uppercase;\n  border-radius: 999px;\n}\n[data-rawquotes]::part(button-secondary):hover {\n  text-decoration: underline;\n}\n[data-rawquotes]::part(choice-control selected) {\n  background: #eef2ff;\n}\n[data-rawquotes]::part(choice-tile selected) {\n  transform: scale(1.05);\n}\n",[197,1937,1938,1955,1968,1980,1984,2005,2017,2021,2038,2053,2058,2075,2093],{"__ignoreMap":247},[251,1939,1940,1942,1944,1946,1948,1950,1952],{"class":253,"line":254},[251,1941,258],{"class":257},[251,1943,229],{"class":261},[251,1945,264],{"class":257},[251,1947,287],{"class":286},[251,1949,340],{"class":290},[251,1951,294],{"class":286},[251,1953,1954],{"class":257},"{\n",[251,1956,1957,1961,1963,1966],{"class":253,"line":277},[251,1958,1960],{"class":1959},"sqsOY","  text-transform",[251,1962,798],{"class":257},[251,1964,1965],{"class":286}," uppercase",[251,1967,807],{"class":257},[251,1969,1970,1973,1975,1978],{"class":253,"line":810},[251,1971,1972],{"class":1959},"  border-radius",[251,1974,798],{"class":257},[251,1976,1977],{"class":818}," 999px",[251,1979,807],{"class":257},[251,1981,1982],{"class":253,"line":824},[251,1983,846],{"class":257},[251,1985,1986,1988,1990,1992,1994,1996,1998,2000,2003],{"class":253,"line":843},[251,1987,258],{"class":257},[251,1989,229],{"class":261},[251,1991,264],{"class":257},[251,1993,287],{"class":286},[251,1995,1154],{"class":290},[251,1997,1045],{"class":286},[251,1999,798],{"class":257},[251,2001,2002],{"class":261},"hover",[251,2004,790],{"class":257},[251,2006,2007,2010,2012,2015],{"class":253,"line":1493},[251,2008,2009],{"class":1959},"  text-decoration",[251,2011,798],{"class":257},[251,2013,2014],{"class":286}," underline",[251,2016,807],{"class":257},[251,2018,2019],{"class":253,"line":1592},[251,2020,846],{"class":257},[251,2022,2023,2025,2027,2029,2031,2033,2036],{"class":253,"line":1618},[251,2024,258],{"class":257},[251,2026,229],{"class":261},[251,2028,264],{"class":257},[251,2030,287],{"class":286},[251,2032,1253],{"class":290},[251,2034,2035],{"class":286}," selected) ",[251,2037,1954],{"class":257},[251,2039,2041,2044,2046,2048,2051],{"class":253,"line":2040},9,[251,2042,2043],{"class":1959},"  background",[251,2045,798],{"class":257},[251,2047,801],{"class":257},[251,2049,2050],{"class":286},"eef2ff",[251,2052,807],{"class":257},[251,2054,2056],{"class":253,"line":2055},10,[251,2057,846],{"class":257},[251,2059,2061,2063,2065,2067,2069,2071,2073],{"class":253,"line":2060},11,[251,2062,258],{"class":257},[251,2064,229],{"class":261},[251,2066,264],{"class":257},[251,2068,287],{"class":286},[251,2070,1206],{"class":290},[251,2072,2035],{"class":286},[251,2074,1954],{"class":257},[251,2076,2078,2081,2083,2086,2088,2091],{"class":253,"line":2077},12,[251,2079,2080],{"class":1959},"  transform",[251,2082,798],{"class":257},[251,2084,2085],{"class":1606}," scale",[251,2087,1610],{"class":257},[251,2089,2090],{"class":818},"1.05",[251,2092,1615],{"class":257},[251,2094,2096],{"class":253,"line":2095},13,[251,2097,846],{"class":257},[758,2099,2101],{"id":2100},"_6-a-bigger-launcher","6. A bigger launcher",[242,2103,2105],{"className":244,"code":2104,"language":246,"meta":247,"style":247},"[data-rawquotes]::part(launcher) {\n  width: 64px;\n  height: 64px;\n}\n",[197,2106,2107,2120,2132,2143],{"__ignoreMap":247},[251,2108,2109,2111,2113,2115,2118],{"class":253,"line":254},[251,2110,258],{"class":257},[251,2112,229],{"class":261},[251,2114,264],{"class":257},[251,2116,2117],{"class":286},"::part(launcher) ",[251,2119,1954],{"class":257},[251,2121,2122,2125,2127,2130],{"class":253,"line":277},[251,2123,2124],{"class":1959},"  width",[251,2126,798],{"class":257},[251,2128,2129],{"class":818}," 64px",[251,2131,807],{"class":257},[251,2133,2134,2137,2139,2141],{"class":253,"line":810},[251,2135,2136],{"class":1959},"  height",[251,2138,798],{"class":257},[251,2140,2129],{"class":818},[251,2142,807],{"class":257},[251,2144,2145],{"class":253,"line":824},[251,2146,846],{"class":257},[758,2148,2150],{"id":2149},"_7-language-from-the-page-and-when-it-changes","7. Language from the page, and when it changes",[242,2152,2154],{"className":1638,"code":2153,"language":1640,"meta":247,"style":247},"rawquotes('init', { surveyId: 'YOUR-SURVEY-ID', appearance: { language: 'auto' } })\n\u002F\u002F your site switched the page language:\nrawquotes('update', { appearance: { language: 'auto' } })\n",[197,2155,2156,2208,2213],{"__ignoreMap":247},[251,2157,2158,2160,2162,2164,2166,2168,2170,2172,2175,2177,2179,2181,2183,2185,2187,2189,2191,2194,2196,2198,2200,2202,2204,2206],{"class":253,"line":254},[251,2159,1647],{"class":1606},[251,2161,1610],{"class":286},[251,2163,1652],{"class":257},[251,2165,1656],{"class":1655},[251,2167,1652],{"class":257},[251,2169,835],{"class":257},[251,2171,267],{"class":257},[251,2173,2174],{"class":1667}," surveyId",[251,2176,798],{"class":257},[251,2178,1673],{"class":257},[251,2180,1676],{"class":1655},[251,2182,1652],{"class":257},[251,2184,835],{"class":257},[251,2186,1885],{"class":1667},[251,2188,798],{"class":257},[251,2190,267],{"class":257},[251,2192,2193],{"class":1667}," language",[251,2195,798],{"class":257},[251,2197,1673],{"class":257},[251,2199,1702],{"class":1655},[251,2201,1652],{"class":257},[251,2203,1918],{"class":257},[251,2205,1918],{"class":257},[251,2207,1786],{"class":286},[251,2209,2210],{"class":253,"line":277},[251,2211,2212],{"class":270},"\u002F\u002F your site switched the page language:\n",[251,2214,2215,2217,2219,2221,2223,2225,2227,2229,2231,2233,2235,2237,2239,2241,2243,2245,2247,2249],{"class":253,"line":810},[251,2216,1647],{"class":1606},[251,2218,1610],{"class":286},[251,2220,1652],{"class":257},[251,2222,1398],{"class":1655},[251,2224,1652],{"class":257},[251,2226,835],{"class":257},[251,2228,267],{"class":257},[251,2230,1885],{"class":1667},[251,2232,798],{"class":257},[251,2234,267],{"class":257},[251,2236,2193],{"class":1667},[251,2238,798],{"class":257},[251,2240,1673],{"class":257},[251,2242,1702],{"class":1655},[251,2244,1652],{"class":257},[251,2246,1918],{"class":257},[251,2248,1918],{"class":257},[251,2250,1786],{"class":286},[758,2252,2254],{"id":2253},"_8-any-font","8. Any font",[193,2256,2257,2259,2260,333,2263,345,2266,2269],{},[197,2258,648],{}," accepts only ",[197,2261,2262],{},"sans",[197,2264,2265],{},"serif",[197,2267,2268],{},"mono",". Any other font goes through the variable:",[242,2271,2273],{"className":244,"code":2272,"language":246,"meta":247,"style":247},"[data-rawquotes] { --rq-font-family: 'Lora', Georgia, serif; }\n",[197,2274,2275],{"__ignoreMap":247},[251,2276,2277,2279,2281,2283,2285,2288,2290,2292,2295,2297,2299,2301,2303,2305,2307],{"class":253,"line":254},[251,2278,258],{"class":257},[251,2280,229],{"class":261},[251,2282,264],{"class":257},[251,2284,267],{"class":257},[251,2286,2287],{"class":286}," --rq-font-family",[251,2289,798],{"class":257},[251,2291,1673],{"class":257},[251,2293,2294],{"class":1655},"Lora",[251,2296,1652],{"class":257},[251,2298,835],{"class":257},[251,2300,832],{"class":286},[251,2302,835],{"class":257},[251,2304,838],{"class":286},[251,2306,884],{"class":257},[251,2308,274],{"class":257},[193,2310,2311],{},"Load the font on your page as you normally would; the widget inherits what the page can render.",[2313,2314,2315],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}",{"title":247,"searchDepth":277,"depth":277,"links":2317},[2318,2319,2320,2321,2324,2328,2329],{"id":208,"depth":277,"text":209},{"id":222,"depth":277,"text":223},{"id":305,"depth":277,"text":306},{"id":393,"depth":277,"text":394,"children":2322},[2323],{"id":760,"depth":810,"text":761},{"id":944,"depth":277,"text":945,"children":2325},[2326],{"id":1323,"depth":810,"text":2327},"What ::part() cannot do",{"id":1365,"depth":277,"text":1366},{"id":1418,"depth":277,"text":1419,"children":2330},[2331,2332,2333,2335,2337,2338,2339,2340],{"id":1425,"depth":810,"text":1426},{"id":1498,"depth":810,"text":1499},{"id":1631,"depth":810,"text":2334},"3. Dark colours with appearance.dark",{"id":1789,"depth":810,"text":2336},"4. Your theme switch calls update",{"id":1931,"depth":810,"text":1932},{"id":2100,"depth":810,"text":2101},{"id":2149,"depth":810,"text":2150},{"id":2253,"depth":810,"text":2254},"Restyle the RawQuotes widget from your own stylesheet with the --rq-* variables and ::part() names.","md",null,{},{"title":49,"icon":52},{"title":49,"description":2341},"bGb4L3fp4cvnzPM7_Irck4hn7oHlWnyV38-hA_mbRlo",[2349,2351],{"title":44,"path":45,"stem":46,"description":2350,"icon":47,"children":-1},"Every event the RawQuotes widget emits, when it fires and what its payload contains.",{"title":54,"path":55,"stem":56,"description":2352,"icon":57,"children":-1},"Why the widget might not be showing, and how to tell.",1793642221791]