[{"data":1,"prerenderedAt":1102},["ShallowReactive",2],{"navigation":3,"/configuration/positioning":238,"/configuration/positioning-surround":1097},[4,22,55,88,105,138,159,180,217],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Shape","/configuration/shape","02.configuration/3.shape",{"title":40,"path":41,"stem":42},"Positioning","/configuration/positioning","02.configuration/4.positioning",{"title":44,"path":45,"stem":46},"Placement","/configuration/placement","02.configuration/5.placement",{"title":48,"path":49,"stem":50},"Video","/configuration/video","02.configuration/6.video",{"title":52,"path":53,"stem":54},"Styles","/configuration/styles","02.configuration/7.styles",{"title":56,"path":57,"stem":58,"children":59,"page":6},"Components","/components","03.components",[60,64,68,72,76,80,84],{"title":61,"path":62,"stem":63},"Container","/components/container","03.components/1.container",{"title":65,"path":66,"stem":67},"Close Button","/components/close-button","03.components/2.close-button",{"title":69,"path":70,"stem":71},"CTA Button","/components/cta-button","03.components/3.cta-button",{"title":73,"path":74,"stem":75},"Video Controls","/components/video-controls","03.components/4.video-controls",{"title":77,"path":78,"stem":79},"Video Loader","/components/video-loader","03.components/5.video-loader",{"title":81,"path":82,"stem":83},"Video Progress","/components/video-progress","03.components/6.video-progress",{"title":85,"path":86,"stem":87},"Video Volume","/components/video-volume","03.components/7.video-volume",{"title":89,"path":90,"stem":91,"children":92,"page":6},"Features","/features","04.features",[93,97,101],{"title":94,"path":95,"stem":96},"Preview","/features/preview","04.features/1.preview",{"title":98,"path":99,"stem":100},"Visibility","/features/visibility","04.features/2.visibility",{"title":102,"path":103,"stem":104},"Responsive","/features/responsive","04.features/3.responsive",{"title":106,"path":107,"stem":108,"children":109,"page":6},"API Reference","/api-reference","05.api-reference",[110,114,118,122,126,130,134],{"title":111,"path":112,"stem":113},"useScena","/api-reference/use-scena","05.api-reference/1.use-scena",{"title":115,"path":116,"stem":117},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":119,"path":120,"stem":121},"Scena Instance","/api-reference/scena-instance","05.api-reference/3.scena-instance",{"title":123,"path":124,"stem":125},"Video Controller","/api-reference/video-controller","05.api-reference/4.video-controller",{"title":127,"path":128,"stem":129},"Video State","/api-reference/video-state","05.api-reference/5.video-state",{"title":131,"path":132,"stem":133},"Visibility API","/api-reference/visibility-api","05.api-reference/6.visibility-api",{"title":135,"path":136,"stem":137},"Preview API","/api-reference/preview-api","05.api-reference/7.preview-api",{"title":139,"path":140,"stem":141,"children":142,"page":6},"Events","/events","06.events",[143,147,151,155],{"title":144,"path":145,"stem":146},"Widget Events","/events/widget-events","06.events/1.widget-events",{"title":148,"path":149,"stem":150},"Video Events","/events/video-events","06.events/2.video-events",{"title":152,"path":153,"stem":154},"Feature Events","/events/feature-events","06.events/3.feature-events",{"title":156,"path":157,"stem":158},"Click Events","/events/click-events","06.events/4.click-events",{"title":160,"path":161,"stem":162,"children":163,"page":6},"Custom Element","/custom-element","07.custom-element",[164,168,172,176],{"title":165,"path":166,"stem":167},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":169,"path":170,"stem":171},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":173,"path":174,"stem":175},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":177,"path":178,"stem":179},"Integration","/custom-element/integration","07.custom-element/4.integration",{"title":181,"path":182,"stem":183,"children":184,"page":6},"Examples","/examples","08.examples",[185,189,193,197,201,205,209,213],{"title":186,"path":187,"stem":188},"Basic Setup","/examples/basic-setup","08.examples/1.basic-setup",{"title":190,"path":191,"stem":192},"Custom Styling","/examples/custom-styling","08.examples/2.custom-styling",{"title":194,"path":195,"stem":196},"Responsive Widget","/examples/responsive-widget","08.examples/3.responsive-widget",{"title":198,"path":199,"stem":200},"Custom Controls","/examples/custom-controls","08.examples/4.custom-controls",{"title":202,"path":203,"stem":204},"Viewport Mount","/examples/viewport-mount","08.examples/5.viewport-mount",{"title":206,"path":207,"stem":208},"Timed Overlay","/examples/timed-overlay","08.examples/6.timed-overlay",{"title":210,"path":211,"stem":212},"Loop Segment","/examples/loop-segment","08.examples/7.loop-segment",{"title":214,"path":215,"stem":216},"Heatmap Data","/examples/heatmap-data","08.examples/8.heatmap-data",{"title":218,"path":219,"stem":220,"children":221,"page":6},"Distribution","/distribution","09.distribution",[222,226,230,234],{"title":223,"path":224,"stem":225},"Formats","/distribution/formats","09.distribution/1.formats",{"title":227,"path":228,"stem":229},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":231,"path":232,"stem":233},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":235,"path":236,"stem":237},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"id":239,"title":40,"body":240,"description":1091,"extension":1092,"links":1093,"meta":1094,"navigation":389,"path":41,"seo":1095,"stem":42,"__hash__":1096},"docs/02.configuration/4.positioning.md",{"type":241,"value":242,"toc":1084},"minimark",[243,256,261,320,323,326,333,519,522,525,542,672,676,687,869,873,879,1080],[244,245,246,247,251,252,255],"p",{},"Position determines how the widget container is placed in the document — whether it floats over the viewport, sits inside a specific parent element, or flows with the rest of the content. It maps directly to the CSS ",[248,249,250],"code",{},"position"," property and defaults to ",[248,253,254],{},"fixed",".",[257,258,260],"h2",{"id":259},"available-values","Available values",[262,263,264,277],"table",{},[265,266,267],"thead",{},[268,269,270,274],"tr",{},[271,272,273],"th",{},"Value",[271,275,276],{},"Behavior",[278,279,280,290,300,310],"tbody",{},[268,281,282,287],{},[283,284,285],"td",{},[248,286,254],{},[283,288,289],{},"Stays in place relative to the viewport during scroll (default)",[268,291,292,297],{},[283,293,294],{},[248,295,296],{},"absolute",[283,298,299],{},"Positioned relative to the nearest positioned ancestor",[268,301,302,307],{},[283,303,304],{},[248,305,306],{},"relative",[283,308,309],{},"Flows in the document, offsets from its normal position",[268,311,312,317],{},[283,313,314],{},[248,315,316],{},"static",[283,318,319],{},"Normal document flow, no positioning",[257,321,322],{"id":296},"Absolute",[244,324,325],{},"Positioned relative to the nearest positioned ancestor — useful for placing the widget inside a specific container:",[327,328,329],"scena-container",{},[330,331],"scena-component",{":config":332},"{\"video\":{\"src\":\"/examples/example-cat.mp4\",\"autoplay\":false},\"size\":\"sm\",\"shape\":\"circle\",\"container\":{\"position\":\"absolute\",\"placement\":\"bottom-end\"},\"ctaButton\":false,\"closeButton\":false}",[334,335,340],"pre",{"className":336,"code":337,"language":338,"meta":339,"style":339},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { useScena, ComponentPosition } from '@retoo/scena';\n\nimport '@retoo/scena/styles';\n\nconst scena = useScena();\n\nawait scena.mount({\n  video: { src: '/video.mp4' },\n  container: { position: ComponentPosition.ABSOLUTE },\n});\n","ts","",[248,341,342,384,391,405,410,431,436,456,483,508],{"__ignoreMap":339},[343,344,347,351,355,359,362,365,368,371,374,378,381],"span",{"class":345,"line":346},"line",1,[343,348,350],{"class":349},"s7zQu","import",[343,352,354],{"class":353},"sMK4o"," {",[343,356,358],{"class":357},"sTEyZ"," useScena",[343,360,361],{"class":353},",",[343,363,364],{"class":357}," ComponentPosition",[343,366,367],{"class":353}," }",[343,369,370],{"class":349}," from",[343,372,373],{"class":353}," '",[343,375,377],{"class":376},"sfazB","@retoo/scena",[343,379,380],{"class":353},"'",[343,382,383],{"class":353},";\n",[343,385,387],{"class":345,"line":386},2,[343,388,390],{"emptyLinePlaceholder":389},true,"\n",[343,392,394,396,398,401,403],{"class":345,"line":393},3,[343,395,350],{"class":349},[343,397,373],{"class":353},[343,399,400],{"class":376},"@retoo/scena/styles",[343,402,380],{"class":353},[343,404,383],{"class":353},[343,406,408],{"class":345,"line":407},4,[343,409,390],{"emptyLinePlaceholder":389},[343,411,413,417,420,423,426,429],{"class":345,"line":412},5,[343,414,416],{"class":415},"spNyl","const",[343,418,419],{"class":357}," scena ",[343,421,422],{"class":353},"=",[343,424,358],{"class":425},"s2Zo4",[343,427,428],{"class":357},"()",[343,430,383],{"class":353},[343,432,434],{"class":345,"line":433},6,[343,435,390],{"emptyLinePlaceholder":389},[343,437,439,442,445,447,450,453],{"class":345,"line":438},7,[343,440,441],{"class":349},"await",[343,443,444],{"class":357}," scena",[343,446,255],{"class":353},[343,448,449],{"class":425},"mount",[343,451,452],{"class":357},"(",[343,454,455],{"class":353},"{\n",[343,457,459,463,466,468,471,473,475,478,480],{"class":345,"line":458},8,[343,460,462],{"class":461},"swJcz","  video",[343,464,465],{"class":353},":",[343,467,354],{"class":353},[343,469,470],{"class":461}," src",[343,472,465],{"class":353},[343,474,373],{"class":353},[343,476,477],{"class":376},"/video.mp4",[343,479,380],{"class":353},[343,481,482],{"class":353}," },\n",[343,484,486,489,491,493,496,498,500,502,505],{"class":345,"line":485},9,[343,487,488],{"class":461},"  container",[343,490,465],{"class":353},[343,492,354],{"class":353},[343,494,495],{"class":461}," position",[343,497,465],{"class":353},[343,499,364],{"class":357},[343,501,255],{"class":353},[343,503,504],{"class":357},"ABSOLUTE ",[343,506,507],{"class":353},"},\n",[343,509,511,514,517],{"class":345,"line":510},10,[343,512,513],{"class":353},"}",[343,515,516],{"class":357},")",[343,518,383],{"class":353},[257,520,521],{"id":306},"Relative",[244,523,524],{},"Renders the widget inside the document flow — useful for embedding in content sections, cards, or demo areas:",[327,526,531,539],{"className":527},[528,529,530],"flex","flex-col","p-4",[532,533],"div",{"className":534},[535,536,537,538],"size-28","mb-4","rounded-md","bg-muted",[330,540],{":config":541},"{\"video\":{\"src\":\"/examples/example-cat.mp4\",\"autoplay\":false},\"size\":\"sm\",\"container\":{\"position\":\"relative\",\"placement\":\"middle-center\"},\"ctaButton\":false,\"closeButton\":false}",[334,543,545],{"className":336,"code":544,"language":338,"meta":339,"style":339},"import { useScena, ComponentPosition } from '@retoo/scena';\n\nimport '@retoo/scena/styles';\n\nconst scena = useScena();\n\nawait scena.mount({\n  video: { src: '/video.mp4' },\n  container: { position: ComponentPosition.RELATIVE },\n});\n",[248,546,547,571,575,587,591,605,609,623,643,664],{"__ignoreMap":339},[343,548,549,551,553,555,557,559,561,563,565,567,569],{"class":345,"line":346},[343,550,350],{"class":349},[343,552,354],{"class":353},[343,554,358],{"class":357},[343,556,361],{"class":353},[343,558,364],{"class":357},[343,560,367],{"class":353},[343,562,370],{"class":349},[343,564,373],{"class":353},[343,566,377],{"class":376},[343,568,380],{"class":353},[343,570,383],{"class":353},[343,572,573],{"class":345,"line":386},[343,574,390],{"emptyLinePlaceholder":389},[343,576,577,579,581,583,585],{"class":345,"line":393},[343,578,350],{"class":349},[343,580,373],{"class":353},[343,582,400],{"class":376},[343,584,380],{"class":353},[343,586,383],{"class":353},[343,588,589],{"class":345,"line":407},[343,590,390],{"emptyLinePlaceholder":389},[343,592,593,595,597,599,601,603],{"class":345,"line":412},[343,594,416],{"class":415},[343,596,419],{"class":357},[343,598,422],{"class":353},[343,600,358],{"class":425},[343,602,428],{"class":357},[343,604,383],{"class":353},[343,606,607],{"class":345,"line":433},[343,608,390],{"emptyLinePlaceholder":389},[343,610,611,613,615,617,619,621],{"class":345,"line":438},[343,612,441],{"class":349},[343,614,444],{"class":357},[343,616,255],{"class":353},[343,618,449],{"class":425},[343,620,452],{"class":357},[343,622,455],{"class":353},[343,624,625,627,629,631,633,635,637,639,641],{"class":345,"line":458},[343,626,462],{"class":461},[343,628,465],{"class":353},[343,630,354],{"class":353},[343,632,470],{"class":461},[343,634,465],{"class":353},[343,636,373],{"class":353},[343,638,477],{"class":376},[343,640,380],{"class":353},[343,642,482],{"class":353},[343,644,645,647,649,651,653,655,657,659,662],{"class":345,"line":485},[343,646,488],{"class":461},[343,648,465],{"class":353},[343,650,354],{"class":353},[343,652,495],{"class":461},[343,654,465],{"class":353},[343,656,364],{"class":357},[343,658,255],{"class":353},[343,660,661],{"class":357},"RELATIVE ",[343,663,507],{"class":353},[343,665,666,668,670],{"class":345,"line":510},[343,667,513],{"class":353},[343,669,516],{"class":357},[343,671,383],{"class":353},[257,673,675],{"id":674},"mount-target","Mount target",[244,677,678,679,682,683,686],{},"By default, Scena mounts to ",[248,680,681],{},"document.body",". Pass a DOM element as the second argument to ",[248,684,685],{},"mount()"," to render inside a specific container:",[334,688,690],{"className":336,"code":689,"language":338,"meta":339,"style":339},"import { useScena, ComponentPosition } from '@retoo/scena';\n\nimport '@retoo/scena/styles';\n\nconst scena = useScena();\n\nconst target = document.getElementById('widget-area');\n\nawait scena.mount(\n  {\n    video: { src: '/video.mp4' },\n    container: { position: ComponentPosition.RELATIVE },\n  },\n  target\n);\n",[248,691,692,716,720,732,736,750,754,784,788,801,806,828,850,856,862],{"__ignoreMap":339},[343,693,694,696,698,700,702,704,706,708,710,712,714],{"class":345,"line":346},[343,695,350],{"class":349},[343,697,354],{"class":353},[343,699,358],{"class":357},[343,701,361],{"class":353},[343,703,364],{"class":357},[343,705,367],{"class":353},[343,707,370],{"class":349},[343,709,373],{"class":353},[343,711,377],{"class":376},[343,713,380],{"class":353},[343,715,383],{"class":353},[343,717,718],{"class":345,"line":386},[343,719,390],{"emptyLinePlaceholder":389},[343,721,722,724,726,728,730],{"class":345,"line":393},[343,723,350],{"class":349},[343,725,373],{"class":353},[343,727,400],{"class":376},[343,729,380],{"class":353},[343,731,383],{"class":353},[343,733,734],{"class":345,"line":407},[343,735,390],{"emptyLinePlaceholder":389},[343,737,738,740,742,744,746,748],{"class":345,"line":412},[343,739,416],{"class":415},[343,741,419],{"class":357},[343,743,422],{"class":353},[343,745,358],{"class":425},[343,747,428],{"class":357},[343,749,383],{"class":353},[343,751,752],{"class":345,"line":433},[343,753,390],{"emptyLinePlaceholder":389},[343,755,756,758,761,763,766,768,771,773,775,778,780,782],{"class":345,"line":438},[343,757,416],{"class":415},[343,759,760],{"class":357}," target ",[343,762,422],{"class":353},[343,764,765],{"class":357}," document",[343,767,255],{"class":353},[343,769,770],{"class":425},"getElementById",[343,772,452],{"class":357},[343,774,380],{"class":353},[343,776,777],{"class":376},"widget-area",[343,779,380],{"class":353},[343,781,516],{"class":357},[343,783,383],{"class":353},[343,785,786],{"class":345,"line":458},[343,787,390],{"emptyLinePlaceholder":389},[343,789,790,792,794,796,798],{"class":345,"line":485},[343,791,441],{"class":349},[343,793,444],{"class":357},[343,795,255],{"class":353},[343,797,449],{"class":425},[343,799,800],{"class":357},"(\n",[343,802,803],{"class":345,"line":510},[343,804,805],{"class":353},"  {\n",[343,807,809,812,814,816,818,820,822,824,826],{"class":345,"line":808},11,[343,810,811],{"class":461},"    video",[343,813,465],{"class":353},[343,815,354],{"class":353},[343,817,470],{"class":461},[343,819,465],{"class":353},[343,821,373],{"class":353},[343,823,477],{"class":376},[343,825,380],{"class":353},[343,827,482],{"class":353},[343,829,831,834,836,838,840,842,844,846,848],{"class":345,"line":830},12,[343,832,833],{"class":461},"    container",[343,835,465],{"class":353},[343,837,354],{"class":353},[343,839,495],{"class":461},[343,841,465],{"class":353},[343,843,364],{"class":357},[343,845,255],{"class":353},[343,847,661],{"class":357},[343,849,507],{"class":353},[343,851,853],{"class":345,"line":852},13,[343,854,855],{"class":353},"  },\n",[343,857,859],{"class":345,"line":858},14,[343,860,861],{"class":357},"  target\n",[343,863,865,867],{"class":345,"line":864},15,[343,866,516],{"class":357},[343,868,383],{"class":353},[257,870,872],{"id":871},"customization","Customization",[244,874,875,876,465],{},"For precise positioning beyond the defaults, use ",[248,877,878],{},"customStyles",[334,880,882],{"className":336,"code":881,"language":338,"meta":339,"style":339},"import { useScena, ComponentPosition } from '@retoo/scena';\n\nimport '@retoo/scena/styles';\n\nconst scena = useScena();\n\nawait scena.mount({\n  video: { src: '/video.mp4' },\n  container: {\n    position: ComponentPosition.FIXED,\n    customStyles: {\n      root: {\n        bottom: '24px',\n        right: '24px',\n      },\n    },\n  },\n});\n",[248,883,884,908,912,924,928,942,946,960,980,989,1006,1015,1024,1040,1055,1060,1066,1071],{"__ignoreMap":339},[343,885,886,888,890,892,894,896,898,900,902,904,906],{"class":345,"line":346},[343,887,350],{"class":349},[343,889,354],{"class":353},[343,891,358],{"class":357},[343,893,361],{"class":353},[343,895,364],{"class":357},[343,897,367],{"class":353},[343,899,370],{"class":349},[343,901,373],{"class":353},[343,903,377],{"class":376},[343,905,380],{"class":353},[343,907,383],{"class":353},[343,909,910],{"class":345,"line":386},[343,911,390],{"emptyLinePlaceholder":389},[343,913,914,916,918,920,922],{"class":345,"line":393},[343,915,350],{"class":349},[343,917,373],{"class":353},[343,919,400],{"class":376},[343,921,380],{"class":353},[343,923,383],{"class":353},[343,925,926],{"class":345,"line":407},[343,927,390],{"emptyLinePlaceholder":389},[343,929,930,932,934,936,938,940],{"class":345,"line":412},[343,931,416],{"class":415},[343,933,419],{"class":357},[343,935,422],{"class":353},[343,937,358],{"class":425},[343,939,428],{"class":357},[343,941,383],{"class":353},[343,943,944],{"class":345,"line":433},[343,945,390],{"emptyLinePlaceholder":389},[343,947,948,950,952,954,956,958],{"class":345,"line":438},[343,949,441],{"class":349},[343,951,444],{"class":357},[343,953,255],{"class":353},[343,955,449],{"class":425},[343,957,452],{"class":357},[343,959,455],{"class":353},[343,961,962,964,966,968,970,972,974,976,978],{"class":345,"line":458},[343,963,462],{"class":461},[343,965,465],{"class":353},[343,967,354],{"class":353},[343,969,470],{"class":461},[343,971,465],{"class":353},[343,973,373],{"class":353},[343,975,477],{"class":376},[343,977,380],{"class":353},[343,979,482],{"class":353},[343,981,982,984,986],{"class":345,"line":485},[343,983,488],{"class":461},[343,985,465],{"class":353},[343,987,988],{"class":353}," {\n",[343,990,991,994,996,998,1000,1003],{"class":345,"line":510},[343,992,993],{"class":461},"    position",[343,995,465],{"class":353},[343,997,364],{"class":357},[343,999,255],{"class":353},[343,1001,1002],{"class":357},"FIXED",[343,1004,1005],{"class":353},",\n",[343,1007,1008,1011,1013],{"class":345,"line":808},[343,1009,1010],{"class":461},"    customStyles",[343,1012,465],{"class":353},[343,1014,988],{"class":353},[343,1016,1017,1020,1022],{"class":345,"line":830},[343,1018,1019],{"class":461},"      root",[343,1021,465],{"class":353},[343,1023,988],{"class":353},[343,1025,1026,1029,1031,1033,1036,1038],{"class":345,"line":852},[343,1027,1028],{"class":461},"        bottom",[343,1030,465],{"class":353},[343,1032,373],{"class":353},[343,1034,1035],{"class":376},"24px",[343,1037,380],{"class":353},[343,1039,1005],{"class":353},[343,1041,1042,1045,1047,1049,1051,1053],{"class":345,"line":858},[343,1043,1044],{"class":461},"        right",[343,1046,465],{"class":353},[343,1048,373],{"class":353},[343,1050,1035],{"class":376},[343,1052,380],{"class":353},[343,1054,1005],{"class":353},[343,1056,1057],{"class":345,"line":864},[343,1058,1059],{"class":353},"      },\n",[343,1061,1063],{"class":345,"line":1062},16,[343,1064,1065],{"class":353},"    },\n",[343,1067,1069],{"class":345,"line":1068},17,[343,1070,855],{"class":353},[343,1072,1074,1076,1078],{"class":345,"line":1073},18,[343,1075,513],{"class":353},[343,1077,516],{"class":357},[343,1079,383],{"class":353},[1081,1082,1083],"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);}",{"title":339,"searchDepth":346,"depth":386,"links":1085},[1086,1087,1088,1089,1090],{"id":259,"depth":386,"text":260},{"id":296,"depth":386,"text":322},{"id":306,"depth":386,"text":521},{"id":674,"depth":386,"text":675},{"id":871,"depth":386,"text":872},"Control CSS position of the widget container — fixed, absolute, relative, static.","md",null,{},{"title":40,"description":1091},"H9EzTHB2LWULJqIcLVMZbSFz5Y8wnawS3uR-b95W7p4",[1098,1100],{"title":36,"path":37,"stem":38,"description":1099,"children":-1},"Set widget shape — circle, portrait, landscape, or square.",{"title":44,"path":45,"stem":46,"description":1101,"children":-1},"Anchor the widget within the viewport or container using a 3x3 grid model.",1777984319716]