PKR3va-modal.cccomp-PKڄRuTOcomponent.jsonO{"UUID":"58fd36f6-1fd9-4260-bc56-08872d328e3a","additional_states":{"Button":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 4":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3479","appId":"RSD","appVersion":3479,"buildNumber":5939,"component_resources":{"classes":6,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":2,"links_external":0,"links_internal":0,"local_files":0,"styled_breakpoints":""},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
\n// Get the modal\nvar modal = document.getElementById("myModal");\n\n// Get the button that opens the modal\nvar btn = document.getElementById("myBtn");\n\n// Get the element that closes the modal\nvar span = document.getElementsByClassName("modal-close")[0];\n\n// When the user clicks the button, open the modal \nbtn.onclick = function() {\n modal.style.display = "block";\n}\n\n// When the user clicks on (x), close the modal\nspan.onclick = function() {\n modal.style.display = "none";\n}\n\n// When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n if (event.target == modal) {\n modal.style.display = "none";\n }\n}\n\" data-outline-closed=\"\">

Here is the modal

Delete this paragraph and pop something more exciting in here! Anything you like.

","htmlembed":{},"mobile_first":true,"name":"va-modal","resources":{},"stylesheet":".container.modal-wrap {\n display:flex;\n justify-content:flex-start;\n align-items:center;\n position:relative;\n z-index:0;\n flex-wrap:wrap;\n flex-direction:column;\n}\n\nbutton.modalbutton {\n margin-top:30px;\n margin-left:0px;\n display:inline;\n padding-top:8px;\n padding-bottom:8px;\n padding-right:15px;\n padding-left:15px;\n font-size:18px;\n background-color:rgba(248, 237, 17, 1);\n font-weight:600;\n border-top-color:rgba(221, 221, 221, 1);\n border-right-color:rgba(221, 221, 221, 1);\n border-bottom-color:rgba(221, 221, 221, 1);\n border-left-color:rgba(221, 221, 221, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n margin-right:0em;\n position:relative;\n z-index:5;\n}\n\n.container.modal {\n box-sizing:border-box;\n position:relative;\n z-index:10;\n padding-top:30px;\n right:0px;\n left:0px;\n width:85%;\n margin-right:auto;\n margin-left:auto;\n max-width:800px;\n overflow:auto;\n display:none;\n max-height:500px;\n border-top-width:0.125rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.125rem;\n border-bottom-width:0.125rem;\n border-left-width:0.125rem;\n border-top-color:rgba(204, 204, 204, 1);\n border-right-color:rgba(204, 204, 204, 1);\n border-bottom-color:rgba(204, 204, 204, 1);\n border-left-color:rgba(204, 204, 204, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n padding-bottom:20px;\n box-shadow:rgba(0,0,0,0.5) 5px 5px 10px 0px;\n margin-top:10px;\n}\n\nspan.glyph.modal-close {\n float:none;\n font-size:26px;\n padding-right:0px;\n position:absolute;\n top:20px;\n right:20px;\n}\n\nh4.modal-heading {\n width:80%;\n margin-right:auto;\n margin-left:auto;\n}\n\np.paragraph.modal-para {\n width:80%;\n margin-right:auto;\n margin-left:auto;\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n font-size:16px;\n}","timestamp":1625323113604,"type":"Container","units":"rem"} PKڄRuTOcomponent.jsonPK<PKR2,, va-modal.png,QӉPNG  IHDRAl1 pHYs+ IDATxyu}}$!GRbH'(h#g=RRiGi{ra_:`=X2JsOx78:`U~luWJ\=Cڪ]je![l2߲*Nlߑ@*_W^]J%}q oYKK+qy=_cOGEe=\x+~|Ӵ;Wřgwů[sTg>e8? ?!s]UW[={?=`x8Quu>8Gœ 1saS.G\uM1NXb ,_QA1>sbSIM2t3Kq{WTݾ|E%^_}+?io\n{{q[b-^K=Rˬga^sl%NS7#T;zBŋK+q޷nۚc<`8qrnq؟3Ůh_<%^Ôk-UXbw8%Ęi.ŃSVY;?q`/,DOc7餦8C ggOi M":픦}PrƆ󎿨^UMD8]Y{]+Zbꢮy>{Ņ#?*w w[]~9va}7ϨykY!ָSG7'?uC44Z﷋չ 6A&VGU}|// YuCQ(Dֺ qgu.sh}boYSnh߀eEaV5w tSǹtY9?7b}k_[yK&/)?_<篝{wRͧVmת?z\ +qϪud@mEMu̝JywocOT96 9NWjZ[1uj!fT<%99ך喅} ,I5l] ET,F\kWmm9no4x^3&vܡv`KUb=3枼}9:*UV80Mۼfl~5ԡcY!MARz>]}߱j33M)U?iXծ\Yjj ]__6<]Uo_jb0c2ۼ&?ZRR=iWƆ@.3k'?.|\W]_ui[*E\s]V3wyǒ+1uuFw{C툳:.u+enq1sM3M\nr,]^S>Vcɋ3"|肾XcJ#Ϧzr~fWUsmx۬c(">236Qkk]Vo]_3ҥR)+{[Tۍ&^X\G9A./%N- ln,g_%Ǔֈ8x~yB6Qϣ l6]X^kc„B4b7k5-[VO=nIj)kb-qćbQ+O Q#cmW:;◿)#~88Ϊ=^۶&>|D㐫;zBPD[o/U;Mu1{Ϭ-?_LBikĕc3b^͚ ^Ց+{f r\q`8Jc {WuJWuZڳv߭6g-z/,'F{Y7٘;VŤ+iڊ4cEUqU;?OPNoX[nO˥\ w'ӷCA?9ϡDKqi]/Q./;8e=ēak,!.苞b+_xsл〷Ɛ./~{ X9-NθǽQ~UC}-q #(C:[z#b>̮>Ωgퟁvaw|kK-xu1u_T*^]<}W6{()"|!guU Z 7ǜ6x5?zGccY?">zTc}_)m?~61m[^olc"lsvJӨ}għ1~/ ~kg^).']|%;7/gNn?PsOz柌9xv}|Ԧhm|ny!N8)]7pű-U-ӷqл\3p~{mDjl؄EƸ ^U٫.|Bunhڎ;/sygNlcM\r~k?p 3ws}~U͂YSwWeԯׇ4ķ۰ͩ8 8{%l}'k/=1>wnjĹMCfح6qB!/6g^S`1FYqO.-ƼJ/'b7oǾo۠0l]o~+v_P fnkk⇗M{+) \YjεWzly!.ZkɅ}1uJ!Uo|_aP8u7㦟fڧ.ݻ6>?u ]m\sx}quŸRFўLJk]__;{fy{ڸb\c1~h_lmMc؇c3ht[wƢ1sژ}P}G/ hkD[{%noۯnr/ORqƏx""Oc-^Rrd,Y7jq-GƢwm֬Y0*Je矏%KOӁ۶4q ؔj\,"bƌ|dF_}0.M2%㎪bƌw{Dkwyg̟?lf͚xX6qT*ʕ+#JXDEkkkL<ٞC{@rb@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@& TIDAT@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@۱c Ȯ(5Xr5D!&qx 4@^3`' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq@@' Dq/y΅03^~ Moo_óٿiX.W3^8 Yh7E-eIENDB`PKR3va-modal.cccompPKR2,, va-modal.pngPKw?