@rio-cloud/uikit-mcp 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +202 -0
- package/README.md +91 -0
- package/bin/uikit-mcp.mjs +23 -0
- package/data/pages/Components/components/accentbar.json +207 -0
- package/data/pages/Components/components/activity.json +87 -0
- package/data/pages/Components/components/animatednumber.json +99 -0
- package/data/pages/Components/components/animations.json +87 -0
- package/data/pages/Components/components/appheader.json +291 -0
- package/data/pages/Components/components/applayout.json +1198 -0
- package/data/pages/Components/components/appnavigationbar.json +327 -0
- package/data/pages/Components/components/areacharts.json +563 -0
- package/data/pages/Components/components/aspectratioplaceholder.json +75 -0
- package/data/pages/Components/components/assettree.json +3080 -0
- package/data/pages/Components/components/autosuggests.json +710 -0
- package/data/pages/Components/components/avatar.json +157 -0
- package/data/pages/Components/components/banner.json +599 -0
- package/data/pages/Components/components/barcharts.json +1507 -0
- package/data/pages/Components/components/barlist.json +223 -0
- package/data/pages/Components/components/basicmap.json +68 -0
- package/data/pages/Components/components/bottomsheet.json +601 -0
- package/data/pages/Components/components/button.json +583 -0
- package/data/pages/Components/components/buttontoolbar.json +63 -0
- package/data/pages/Components/components/calendarstripe.json +235 -0
- package/data/pages/Components/components/card.json +69 -0
- package/data/pages/Components/components/carousel.json +39 -0
- package/data/pages/Components/components/chartcolors.json +34 -0
- package/data/pages/Components/components/chartsgettingstarted.json +32 -0
- package/data/pages/Components/components/chat.json +39 -0
- package/data/pages/Components/components/checkbox.json +847 -0
- package/data/pages/Components/components/clearableinput.json +789 -0
- package/data/pages/Components/components/collapse.json +175 -0
- package/data/pages/Components/components/composedcharts.json +159 -0
- package/data/pages/Components/components/contentloader.json +233 -0
- package/data/pages/Components/components/datatabs.json +680 -0
- package/data/pages/Components/components/datepickers.json +287 -0
- package/data/pages/Components/components/dialogs.json +1492 -0
- package/data/pages/Components/components/divider.json +93 -0
- package/data/pages/Components/components/dropdowns.json +936 -0
- package/data/pages/Components/components/editablecontent.json +1117 -0
- package/data/pages/Components/components/expander.json +377 -0
- package/data/pages/Components/components/fade.json +403 -0
- package/data/pages/Components/components/fadeexpander.json +75 -0
- package/data/pages/Components/components/fadeup.json +127 -0
- package/data/pages/Components/components/feedback.json +269 -0
- package/data/pages/Components/components/filepickers.json +269 -0
- package/data/pages/Components/components/formlabel.json +115 -0
- package/data/pages/Components/components/fullscreenmap.json +22 -0
- package/data/pages/Components/components/groupeditemlist.json +323 -0
- package/data/pages/Components/components/iconlist.json +45 -0
- package/data/pages/Components/components/imagepreloader.json +81 -0
- package/data/pages/Components/components/labeledelement.json +75 -0
- package/data/pages/Components/components/licenseplate.json +69 -0
- package/data/pages/Components/components/linecharts.json +987 -0
- package/data/pages/Components/components/listmenu.json +313 -0
- package/data/pages/Components/components/loadmore.json +175 -0
- package/data/pages/Components/components/mainnavigation.json +39 -0
- package/data/pages/Components/components/mapcircle.json +34 -0
- package/data/pages/Components/components/mapcluster.json +51 -0
- package/data/pages/Components/components/mapcontext.json +105 -0
- package/data/pages/Components/components/mapdraggablemarker.json +34 -0
- package/data/pages/Components/components/mapgettingstarted.json +27 -0
- package/data/pages/Components/components/mapgroup.json +1198 -0
- package/data/pages/Components/components/mapinfobubble.json +34 -0
- package/data/pages/Components/components/maplayergroup.json +34 -0
- package/data/pages/Components/components/mapmarker.json +700 -0
- package/data/pages/Components/components/mappolygon.json +45 -0
- package/data/pages/Components/components/maproute.json +623 -0
- package/data/pages/Components/components/maproutegenerator.json +16 -0
- package/data/pages/Components/components/mapsettings.json +51 -0
- package/data/pages/Components/components/maputils.json +34 -0
- package/data/pages/Components/components/multiselects.json +1451 -0
- package/data/pages/Components/components/nodata.json +139 -0
- package/data/pages/Components/components/notifications.json +65 -0
- package/data/pages/Components/components/numbercontrol.json +301 -0
- package/data/pages/Components/components/onboarding.json +302 -0
- package/data/pages/Components/components/page.json +197 -0
- package/data/pages/Components/components/pager.json +93 -0
- package/data/pages/Components/components/piecharts.json +731 -0
- package/data/pages/Components/components/popover.json +251 -0
- package/data/pages/Components/components/position.json +69 -0
- package/data/pages/Components/components/radialbarcharts.json +1304 -0
- package/data/pages/Components/components/radiobutton.json +1105 -0
- package/data/pages/Components/components/releasenotes.json +44 -0
- package/data/pages/Components/components/resizer.json +93 -0
- package/data/pages/Components/components/responsivecolumnstripe.json +123 -0
- package/data/pages/Components/components/responsivevideo.json +75 -0
- package/data/pages/Components/components/rioglyph.json +93 -0
- package/data/pages/Components/components/rules.json +410 -0
- package/data/pages/Components/components/saveableinput.json +703 -0
- package/data/pages/Components/components/selects.json +701 -0
- package/data/pages/Components/components/sidebar.json +243 -0
- package/data/pages/Components/components/sliders.json +235 -0
- package/data/pages/Components/components/smoothscrollbars.json +335 -0
- package/data/pages/Components/components/spinners.json +343 -0
- package/data/pages/Components/components/states.json +1705 -0
- package/data/pages/Components/components/statswidgets.json +314 -0
- package/data/pages/Components/components/statusbar.json +177 -0
- package/data/pages/Components/components/stepbutton.json +57 -0
- package/data/pages/Components/components/steppedprogressbars.json +417 -0
- package/data/pages/Components/components/subnavigation.json +107 -0
- package/data/pages/Components/components/supportmarker.json +45 -0
- package/data/pages/Components/components/svgimage.json +81 -0
- package/data/pages/Components/components/switch.json +111 -0
- package/data/pages/Components/components/tables.json +144 -0
- package/data/pages/Components/components/tagmanager.json +86 -0
- package/data/pages/Components/components/tags.json +146 -0
- package/data/pages/Components/components/teaser.json +188 -0
- package/data/pages/Components/components/timeline.json +45 -0
- package/data/pages/Components/components/timepicker.json +163 -0
- package/data/pages/Components/components/togglebutton.json +247 -0
- package/data/pages/Components/components/tooltip.json +270 -0
- package/data/pages/Components/components/virtuallist.json +175 -0
- package/data/pages/Foundations/foundations.json +2475 -0
- package/data/pages/Getting-started/start/changelog.json +22 -0
- package/data/pages/Getting-started/start/goodtoknow.json +32 -0
- package/data/pages/Getting-started/start/guidelines/color-combinations.json +58 -0
- package/data/pages/Getting-started/start/guidelines/custom-css.json +27 -0
- package/data/pages/Getting-started/start/guidelines/custom-rioglyph.json +22 -0
- package/data/pages/Getting-started/start/guidelines/formatting.json +97 -0
- package/data/pages/Getting-started/start/guidelines/iframe.json +93 -0
- package/data/pages/Getting-started/start/guidelines/obfuscate-data.json +22 -0
- package/data/pages/Getting-started/start/guidelines/print-css.json +37 -0
- package/data/pages/Getting-started/start/guidelines/spinner.json +144 -0
- package/data/pages/Getting-started/start/guidelines/supported-browsers.json +22 -0
- package/data/pages/Getting-started/start/guidelines/writing.json +242 -0
- package/data/pages/Getting-started/start/howto.json +72 -0
- package/data/pages/Getting-started/start/intro.json +37 -0
- package/data/pages/Getting-started/start/responsiveness.json +52 -0
- package/data/pages/Templates/templates/common-table.json +39 -0
- package/data/pages/Templates/templates/detail-views.json +71 -0
- package/data/pages/Templates/templates/expandable-details.json +39 -0
- package/data/pages/Templates/templates/feature-cards.json +103 -0
- package/data/pages/Templates/templates/form-summary.json +39 -0
- package/data/pages/Templates/templates/form-toggle.json +39 -0
- package/data/pages/Templates/templates/list-blocks.json +119 -0
- package/data/pages/Templates/templates/loading-progress.json +39 -0
- package/data/pages/Templates/templates/options-panel.json +39 -0
- package/data/pages/Templates/templates/panel-variants.json +39 -0
- package/data/pages/Templates/templates/progress-cards.json +71 -0
- package/data/pages/Templates/templates/progress-success.json +39 -0
- package/data/pages/Templates/templates/settings-form.json +39 -0
- package/data/pages/Templates/templates/stats-blocks.json +135 -0
- package/data/pages/Templates/templates/table-panel.json +39 -0
- package/data/pages/Templates/templates/table-row-animation.json +39 -0
- package/data/pages/Templates/templates/usage-cards.json +39 -0
- package/data/pages/Utilities/utilities/deviceutils.json +39 -0
- package/data/pages/Utilities/utilities/featuretoggles.json +42 -0
- package/data/pages/Utilities/utilities/fueltypeutils.json +118 -0
- package/data/pages/Utilities/utilities/routeutils.json +34 -0
- package/data/pages/Utilities/utilities/useaftermount.json +63 -0
- package/data/pages/Utilities/utilities/useaverage.json +86 -0
- package/data/pages/Utilities/utilities/useclickoutside.json +69 -0
- package/data/pages/Utilities/utilities/useclipboard.json +57 -0
- package/data/pages/Utilities/utilities/usecount.json +92 -0
- package/data/pages/Utilities/utilities/usedarkmode.json +50 -0
- package/data/pages/Utilities/utilities/usedebuginfo.json +63 -0
- package/data/pages/Utilities/utilities/useeffectonce.json +57 -0
- package/data/pages/Utilities/utilities/useelapsedtime.json +57 -0
- package/data/pages/Utilities/utilities/useelementsize.json +63 -0
- package/data/pages/Utilities/utilities/useesc.json +57 -0
- package/data/pages/Utilities/utilities/useevent.json +75 -0
- package/data/pages/Utilities/utilities/usefocustrap.json +57 -0
- package/data/pages/Utilities/utilities/usefullscreen.json +197 -0
- package/data/pages/Utilities/utilities/usehover.json +57 -0
- package/data/pages/Utilities/utilities/useinterval.json +63 -0
- package/data/pages/Utilities/utilities/useisfocuswithin.json +75 -0
- package/data/pages/Utilities/utilities/usekey.json +75 -0
- package/data/pages/Utilities/utilities/uselocalstorage.json +69 -0
- package/data/pages/Utilities/utilities/uselocationsuggestions.json +110 -0
- package/data/pages/Utilities/utilities/usemax.json +86 -0
- package/data/pages/Utilities/utilities/usemin.json +86 -0
- package/data/pages/Utilities/utilities/usemutationobserver.json +69 -0
- package/data/pages/Utilities/utilities/useonlinestatus.json +39 -0
- package/data/pages/Utilities/utilities/useonscreen.json +63 -0
- package/data/pages/Utilities/utilities/usepostmessage.json +80 -0
- package/data/pages/Utilities/utilities/useprevious.json +63 -0
- package/data/pages/Utilities/utilities/useresizeobserver.json +65 -0
- package/data/pages/Utilities/utilities/usescrollposition.json +103 -0
- package/data/pages/Utilities/utilities/usesearch.json +197 -0
- package/data/pages/Utilities/utilities/usesorting.json +139 -0
- package/data/pages/Utilities/utilities/usestatewithvalidation.json +69 -0
- package/data/pages/Utilities/utilities/usesum.json +86 -0
- package/data/pages/Utilities/utilities/usetableexport.json +87 -0
- package/data/pages/Utilities/utilities/usetableselection.json +311 -0
- package/data/pages/Utilities/utilities/usetimeout.json +63 -0
- package/data/pages/Utilities/utilities/usetoggle.json +75 -0
- package/data/pages/Utilities/utilities/usewindowresize.json +63 -0
- package/data/version.json +4 -0
- package/docs/content-schema.md +147 -0
- package/docs/navigation-inventory.json +1310 -0
- package/docs/search-synonyms.json +43 -0
- package/package.json +38 -0
- package/server/index.mjs +268 -0
- package/server/lib/load-docs.mjs +48 -0
- package/server/lib/normalise-doc.mjs +220 -0
- package/server/lib/render-markdown.mjs +82 -0
- package/server/lib/search-index.mjs +49 -0
- package/server/lib/types.js +99 -0
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
{
|
|
2
|
+
"metadata": {
|
|
3
|
+
"captured_at": "2025-11-21T12:07:20.975Z",
|
|
4
|
+
"source": "https://uikit.developers.rio.cloud/#components/fadeUp",
|
|
5
|
+
"category": "Components",
|
|
6
|
+
"section": "Show/Hide",
|
|
7
|
+
"slug": "components/fadeup",
|
|
8
|
+
"version": "v1.13.2",
|
|
9
|
+
"hash_algorithm": "sha256",
|
|
10
|
+
"hash": "964cd517d2589a39a0f1e7f12981d1de8e08ed67c7385f2e123148f21021cd90"
|
|
11
|
+
},
|
|
12
|
+
"title": "FadeUp",
|
|
13
|
+
"lead": "The FadeUp component fades in when the content appears on the screen. After it faded in, the element will stay on screen. This can be used in a scrolling scenario where elements should fade up when they scroll into view. Using the delay helps to stagger the animation.",
|
|
14
|
+
"content": [
|
|
15
|
+
{
|
|
16
|
+
"heading": "FadeUp",
|
|
17
|
+
"body": "",
|
|
18
|
+
"examples": [
|
|
19
|
+
{
|
|
20
|
+
"caption": "Example 1",
|
|
21
|
+
"rendered_html": "<div class=\"playground-content bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div class=\"max-width-500 max-height-500 overflow-auto padding-x-25\"><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div></div></div></div>",
|
|
22
|
+
"tabs": [
|
|
23
|
+
{
|
|
24
|
+
"label": "React",
|
|
25
|
+
"language": "tsx",
|
|
26
|
+
"code": "import FadeUp from '@rio-cloud/rio-uikit/FadeUp';\nimport { dummyText } from '../../../utils/data';\n\nexport default () => {\n return (\n <div className='max-width-500 max-height-500 overflow-auto padding-x-25'>\n {Array.from({ length: 30 }, (_, index) => (\n // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>\n <FadeUp key={index} duration={0.5} delay={0.3}>\n <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyText}</div>\n </FadeUp>\n ))}\n </div>\n );\n};"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"label": "HTML",
|
|
30
|
+
"language": "html",
|
|
31
|
+
"code": "<div class=\"max-width-500 max-height-500 overflow-auto padding-x-25\">\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt. Fusce ac ligula bibendum, rutrum libero quis, viverra sem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ut hendrerit massa, in molestie elit. Sed vitae orci ac purus volutpat posuere ac ut neque. Mauris ante orci, semper finibus lorem in, fringilla pretium velit.</div>\n </div>\n</div>"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"label": "Props",
|
|
35
|
+
"language": "json",
|
|
36
|
+
"code": null,
|
|
37
|
+
"props": [
|
|
38
|
+
{
|
|
39
|
+
"heading": null,
|
|
40
|
+
"rows": [
|
|
41
|
+
{
|
|
42
|
+
"name": "delay",
|
|
43
|
+
"type": "Number",
|
|
44
|
+
"default": "0",
|
|
45
|
+
"description": "Defines the time the animation should wait until it starts."
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"name": "duration",
|
|
49
|
+
"type": "Number",
|
|
50
|
+
"default": "0.4",
|
|
51
|
+
"description": "Defines the duration in seconds of the fade up animation."
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "offset",
|
|
55
|
+
"type": "number",
|
|
56
|
+
"default": "15",
|
|
57
|
+
"description": "Defines the y offset from the bottom where the element starts to fade in."
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "className",
|
|
61
|
+
"type": "String",
|
|
62
|
+
"default": "",
|
|
63
|
+
"description": "Additional classes names added to the motion div wrapper."
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
]
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"caption": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis.",
|
|
73
|
+
"rendered_html": "<div class=\"playground-content bg-white padding-20 padding-bottom-25\" style=\"width: 100%;\"><div class=\"max-width-800 padding-x-25\"><div class=\"display-flex align-items-center gap-25 margin-bottom-50\"><div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><h1 class=\"\">Lorem ipsum dolor sit amet</h1></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><p class=\"text-color-dark\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis.</p></div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><img class=\"rounded-large\" width=\"250\" src=\"\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2NjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjREZEREREIiBkPSJNMCAwaDEwMDB2NjY2SDB6Ii8+PGcgZmlsbD0iI0NFQ0FDQSI+PHBhdGggZD0iTTQxNy43NiAzMjQuOTZjLTQuMTYgMC03LjY4LS42NTMtMTAuNTYtMS45Ni0yLjg4LTEuMzA3LTUuMjUzLTMuMDUzLTcuMTItNS4yNGw1LjQ0LTcuNDRhMjEuODI3IDIxLjgyNyAwIDAgMCA1LjA4IDMuNjhjMS44NC45NiAzLjg1MyAxLjQ0IDYuMDQgMS40NCAyLjUwNyAwIDQuNTA3LS41MiA2LTEuNTYgMS40OTMtMS4wNCAyLjI0LTIuNTIgMi4yNC00LjQ0IDAtMS4xMi0uMi0yLjEzMy0uNi0zLjA0LS40LS45MDctMS4xMDctMS42NjctMi4xMi0yLjI4LTEuMDEzLS42MTMtMi40LTEuMDkzLTQuMTYtMS40NC0xLjc2LS4zNDctNC4wMjctLjUyLTYuOC0uNTJ2LTguMzJjMi4yOTMgMCA0LjItLjE2IDUuNzItLjQ4IDEuNTItLjMyIDIuNzQ3LS43ODcgMy42OC0xLjQuOTMzLS42MTMgMS42LTEuMzMzIDItMi4xNi40LS44MjcuNi0xLjc0Ny42LTIuNzYgMC0xLjc2LS41MzMtMy4xMzMtMS42LTQuMTItMS4wNjctLjk4Ny0yLjYxMy0xLjQ4LTQuNjQtMS40OC0xLjgxMyAwLTMuNDUzLjQtNC45MiAxLjItMS40NjcuOC0zIDEuODkzLTQuNiAzLjI4bC01LjkyLTcuMmMyLjM0Ny0yLjAyNyA0LjgxMy0zLjYxMyA3LjQtNC43NiAyLjU4Ny0xLjE0NyA1LjQ1My0xLjcyIDguNi0xLjcyIDIuNjEzIDAgNSAuMzA3IDcuMTYuOTJzNCAxLjUyIDUuNTIgMi43MmExMi43NzcgMTIuNzc3IDAgMCAxIDMuNTYgNC4zNmMuODUzIDEuNzA3IDEuMjggMy42OCAxLjI4IDUuOTIgMCAyLjY2Ny0uNzMzIDQuOTItMi4yIDYuNzYtMS40NjcgMS44NC0zLjU2IDMuMzQ3LTYuMjggNC41MnYuMzJjMi45MzMuODUzIDUuMzQ3IDIuMzA3IDcuMjQgNC4zNiAxLjg5MyAyLjA1MyAyLjg0IDQuNzMzIDIuODQgOC4wNCAwIDIuMzQ3LS41MDcgNC40NC0xLjUyIDYuMjhhMTQuMTg0IDE0LjE4NCAwIDAgMS00LjA4IDQuNjRjLTEuNzA3IDEuMjUzLTMuNzA3IDIuMjEzLTYgMi44OC0yLjI5My42NjctNC43MiAxLTcuMjggMXptNjQuOCAwYy0xLjc2IDAtMy41MzMtLjQ0LTUuMzItMS4zMi0xLjc4Ny0uODgtMy40NTMtMi4xNzMtNS0zLjg4aC0uMzJsLS45NiA0LjI0aC05LjJ2LTU2LjA4aDExLjc2djEzLjc2bC0uMzIgNi4wOGMxLjU0Ny0xLjM4NyAzLjIxMy0yLjQ2NyA1LTMuMjQgMS43ODctLjc3MyAzLjYxMy0xLjE2IDUuNDgtMS4xNiAyLjQgMCA0LjU2LjQ4IDYuNDggMS40NCAxLjkyLjk2IDMuNTYgMi4zMDcgNC45MiA0LjA0IDEuMzYgMS43MzMgMi40IDMuODQgMy4xMiA2LjMyLjcyIDIuNDggMS4wOCA1LjI0IDEuMDggOC4yOCAwIDMuNDEzLS40NjcgNi40NTMtMS40IDkuMTItLjkzMyAyLjY2Ny0yLjE4NyA0LjkyLTMuNzYgNi43Ni0xLjU3MyAxLjg0LTMuMzYgMy4yNC01LjM2IDQuMi0yIC45Ni00LjA2NyAxLjQ0LTYuMiAxLjQ0em0tMi43Mi05LjZjMi4wMjcgMCAzLjc2LS45MiA1LjItMi43NiAxLjQ0LTEuODQgMi4xNi00LjgxMyAyLjE2LTguOTIgMC03LjE0Ny0yLjI5My0xMC43Mi02Ljg4LTEwLjcyLTIuMzQ3IDAtNC42MTMgMS4yLTYuOCAzLjZ2MTYuMjRjMS4wNjcuOTYgMi4xMzMgMS42MjcgMy4yIDIgMS4wNjcuMzczIDIuMTA3LjU2IDMuMTIuNTZ6bTMxLjUyIDI0LjE2Yy0xLjIyNyAwLTIuMjY3LS4wNjctMy4xMi0uMmExNS4yOTQgMTUuMjk0IDAgMCAxLTIuNDgtLjZsMi4wOC04Ljk2Yy4zNzMuMTA3LjguMjEzIDEuMjguMzIuNDguMTA3LjkzMy4xNiAxLjM2LjE2IDEuOTczIDAgMy40OTMtLjQ4IDQuNTYtMS40NCAxLjA2Ny0uOTYgMS44NjctMi4yMTMgMi40LTMuNzZsLjU2LTIuMDgtMTUuMjgtMzguNjRoMTEuODRsNS42OCAxNy4wNGE5My44ODUgOTMuODg1IDAgMCAxIDEuNiA1LjUyYy40OCAxLjg2Ny45ODcgMy43ODcgMS41MiA1Ljc2aC4zMmMuNDI3LTEuODY3Ljg2Ny0zLjc0NyAxLjMyLTUuNjQuNDUzLTEuODkzLjkyLTMuNzczIDEuNC01LjY0bDQuOC0xNy4wNGgxMS4yOGwtMTMuNzYgNDAuMDhjLS45NiAyLjUwNy0xLjk2IDQuNzA3LTMgNi42LTEuMDQgMS44OTMtMi4yNCAzLjQ2Ny0zLjYgNC43MmExMy44NzQgMTMuODc0IDAgMCAxLTQuNjQgMi44NGMtMS43MzMuNjQtMy43NzMuOTYtNi4xMi45NnpNNTYyLjQgMzI0di02LjcyYzMuMjUzLTMuMDQgNi4yMjctNS44OCA4LjkyLTguNTIgMi42OTMtMi42NCA1LjAxMy01LjEyIDYuOTYtNy40NCAxLjk0Ny0yLjMyIDMuNDY3LTQuNDggNC41Ni02LjQ4IDEuMDkzLTIgMS42NC0zLjkwNyAxLjY0LTUuNzIgMC0yLjUwNy0uNjQtNC40MTMtMS45Mi01LjcyLTEuMjgtMS4zMDctMy4wNC0xLjk2LTUuMjgtMS45Ni0xLjg2NyAwLTMuNTIuNTItNC45NiAxLjU2YTI3LjM1IDI3LjM1IDAgMCAwLTQuMDggMy42NGwtNi40LTYuMzJjMi41MDctMi42NjcgNS4wNjctNC42OCA3LjY4LTYuMDQgMi42MTMtMS4zNiA1LjczMy0yLjA0IDkuMzYtMi4wNCAyLjUwNyAwIDQuNzg3LjM4NyA2Ljg0IDEuMTYgMi4wNTMuNzczIDMuODI3IDEuODY3IDUuMzIgMy4yOCAxLjQ5MyAxLjQxMyAyLjY0IDMuMTA3IDMuNDQgNS4wOC44IDEuOTczIDEuMiA0LjE4NyAxLjIgNi42NCAwIDIuMTMzLS40NTMgNC4zMDctMS4zNiA2LjUyLS45MDcgMi4yMTMtMi4xMiA0LjQyNy0zLjY0IDYuNjRhNzAuNjA3IDcwLjYwNyAwIDAgMS01LjIgNi42NCAxNzMuMDUgMTczLjA1IDAgMCAxLTYuMDQgNi41MiAxMDguOSAxMDguOSAwIDAgMSA0LjI4LS40NGMxLjU3My0uMTMzIDIuOTczLS4yIDQuMi0uMmgxMC4yNFYzMjRINTYyLjR6TTI5MC45IDM4OHYtMzIuNmgyMC40djYuMmgtMTMuMDV2Ni41NWgxMS4xdjYuMTVoLTExLjF2Ny41aDEzLjU1djYuMmgtMjAuOXptMjIgMGw3LjYtMTIuOS03LjE1LTExLjloNy45bDIuMiA0Yy4zMzMuNy42NzUgMS40MDggMS4wMjUgMi4xMjUuMzUuNzE3LjcwOCAxLjQyNSAxLjA3NSAyLjEyNWguMmMuMjY3LS43LjU1LTEuNDA4Ljg1LTIuMTI1LjMtLjcxNy41ODMtMS40MjUuODUtMi4xMjVsMS43LTRoNy42bC03LjIgMTIuNzVMMzM3LjIgMzg4aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM0IC42Yy0xLjEzMyAwLTIuMTU4LS4xOTItMy4wNzUtLjU3NWE2LjU4NiA2LjU4NiAwIDAgMS0yLjMyNS0xLjYgNy40MDUgNy40MDUgMCAwIDEtMS40NzUtMi4zNzVjLS4zNS0uOS0uNTI1LTEuODgzLS41MjUtMi45NSAwLTIuNiAxLjEtNC42MzMgMy4zLTYuMSAyLjItMS40NjcgNS43NS0yLjQ1IDEwLjY1LTIuOTUtLjA2Ny0xLjEtLjM5Mi0xLjk3NS0uOTc1LTIuNjI1LS41ODMtLjY1LTEuNTU4LS45NzUtMi45MjUtLjk3NS0xLjA2NyAwLTIuMTI1LjItMy4xNzUuNi0xLjA1LjQtMi4xNzUuOTUtMy4zNzUgMS42NWwtMi42NS00Ljg1YzEuNi0uOTY3IDMuMjc1LTEuNzUgNS4wMjUtMi4zNSAxLjc1LS42IDMuNjA4LS45IDUuNTc1LS45IDMuMiAwIDUuNjQyLjkwOCA3LjMyNSAyLjcyNSAxLjY4MyAxLjgxNyAyLjUyNSA0LjY0MiAyLjUyNSA4LjQ3NVYzODhoLTZsLS41LTIuNTVoLS4yYTE1Ljg2OCAxNS44NjggMCAwIDEtMy4zNSAyLjI3NWMtMS4xNjcuNTgzLTIuNDUuODc1LTMuODUuODc1em0yLjUtNS43Yy44MzMgMCAxLjU1LS4xODMgMi4xNS0uNTUuNi0uMzY3IDEuMjMzLS44ODMgMS45LTEuNTV2LTQuMzVjLTIuNi4zNjctNC40LjktNS40IDEuNi0xIC43LTEuNSAxLjUzMy0xLjUgMi41IDAgLjguMjU4IDEuMzkyLjc3NSAxLjc3NXMxLjIwOC41NzUgMi4wNzUuNTc1ek0zNjcgMzg4di0yNC44aDZsLjUgMy4yaC4yYTE5LjgzNiAxOS44MzYgMCAwIDEgMy4zLTIuNjc1YzEuMTY3LS43NSAyLjU2Ny0xLjEyNSA0LjItMS4xMjUgMS43NjcgMCAzLjE5Mi4zNTggNC4yNzUgMS4wNzUgMS4wODMuNzE3IDEuOTQyIDEuNzQyIDIuNTc1IDMuMDc1YTIxLjcxOSAyMS43MTkgMCAwIDEgMy40NzUtMi45MjVjMS4yMTctLjgxNyAyLjY1OC0xLjIyNSA0LjMyNS0xLjIyNSAyLjY2NyAwIDQuNjI1Ljg5MiA1Ljg3NSAyLjY3NXMxLjg3NSA0LjIyNSAxLjg3NSA3LjMyNVYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjIzMyAwLTIuNjUuOC00LjI1IDIuNFYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjI2NyAwLTIuNjY3LjgtNC4yIDIuNFYzODhIMzY3em00Mi44NSA5LjJ2LTM0aDZsLjUgMi40NWguMmExMy44MzIgMTMuODMyIDAgMCAxIDMuMjc1LTIuMTc1IDguNjM1IDguNjM1IDAgMCAxIDMuNzc1LS44NzVjMS41IDAgMi44NS4zIDQuMDUuOWE4LjYzIDguNjMgMCAwIDEgMy4wNSAyLjU1Yy44MzMgMS4xIDEuNDc1IDIuNDI1IDEuOTI1IDMuOTc1LjQ1IDEuNTUuNjc1IDMuMjc1LjY3NSA1LjE3NSAwIDIuMTMzLS4yOTIgNC4wMjUtLjg3NSA1LjY3NS0uNTgzIDEuNjUtMS4zNjcgMy4wNS0yLjM1IDQuMi0uOTgzIDEuMTUtMi4xIDIuMDI1LTMuMzUgMi42MjUtMS4yNS42LTIuNTQyLjktMy44NzUuOS0xLjA2NyAwLTIuMS0uMjI1LTMuMS0uNjc1LTEtLjQ1LTEuOTMzLTEuMDkyLTIuOC0xLjkyNWwuMjUgMy45NXY3LjI1aC03LjM1em0xMS4zLTE0LjZjMS4yNjcgMCAyLjM1LS41NzUgMy4yNS0xLjcyNS45LTEuMTUgMS4zNS0zLjAwOCAxLjM1LTUuNTc1IDAtNC40NjctMS40MzMtNi43LTQuMy02LjctMS40MzMgMC0yLjg1Ljc1LTQuMjUgMi4yNVYzODFjLjY2Ny42IDEuMzMzIDEuMDE3IDIgMS4yNS42NjcuMjMzIDEuMzE3LjM1IDEuOTUuMzV6bTI0LjEgNmMtMS4yNjcgMC0yLjMzMy0uMi0zLjItLjYtLjg2Ny0uNC0xLjU1OC0uOTU4LTIuMDc1LTEuNjc1LS41MTctLjcxNy0uODkyLTEuNTgzLTEuMTI1LTIuNi0uMjMzLTEuMDE3LS4zNS0yLjE1OC0uMzUtMy40MjV2LTI3LjM1aDcuMzV2MjcuNjVjMCAuNzY3LjE0MiAxLjMuNDI1IDEuNi4yODMuMy41NzUuNDUuODc1LjQ1aC40MjVjLjExNyAwIC4yNzUtLjAzMy40NzUtLjFsLjkgNS40NWMtLjQuMTY3LS45MDguMzA4LTEuNTI1LjQyNS0uNjE3LjExNy0xLjM0Mi4xNzUtMi4xNzUuMTc1em0xOC42NSAwYy0xLjc2NyAwLTMuNDE3LS4yOTItNC45NS0uODc1YTExLjQwOCAxMS40MDggMCAwIDEtNC0yLjU1Yy0xLjEzMy0xLjExNy0yLjAxNy0yLjQ3NS0yLjY1LTQuMDc1cy0uOTUtMy40MzMtLjk1LTUuNWMwLTIgLjMzMy0zLjgwOCAxLTUuNDI1czEuNTQyLTIuOTgzIDIuNjI1LTQuMWExMS40MSAxMS40MSAwIDAgMSAzLjcyNS0yLjU3NWMxLjQtLjYgMi44NS0uOSA0LjM1LS45IDEuNzY3IDAgMy4zMDguMyA0LjYyNS45IDEuMzE3LjYgMi40MTcgMS40MzMgMy4zIDIuNXMxLjU0MiAyLjMyNSAxLjk3NSAzLjc3NWMuNDMzIDEuNDUuNjUgMy4wMjUuNjUgNC43MjUgMCAuNjY3LS4wMzMgMS4zLS4xIDEuOS0uMDY3LjYtLjEzMyAxLjA1LS4yIDEuMzVoLTE0Ljg1Yy4zMzMgMS44IDEuMDc1IDMuMTI1IDIuMjI1IDMuOTc1IDEuMTUuODUgMi41NTggMS4yNzUgNC4yMjUgMS4yNzUgMS43NjcgMCAzLjU1LS41NSA1LjM1LTEuNjVsMi40NSA0LjQ1YTE2LjI4OCAxNi4yODggMCAwIDEtNC4yMjUgMi4wNWMtMS41NS41LTMuMDc1Ljc1LTQuNTc1Ljc1em0tNS41LTE1LjdoOC45NWMwLTEuNC0uMzE3LTIuNTMzLS45NS0zLjRzLTEuNy0xLjMtMy4yLTEuM2E0LjU0OSA0LjU0OSAwIDAgMC0zLjA3NSAxLjE1Yy0uODgzLjc2Ny0xLjQ1OCAxLjk1LTEuNzI1IDMuNTV6bTI0LjU1LS41Yy0xLjI2NyAwLTIuMzI1LS40NDItMy4xNzUtMS4zMjUtLjg1LS44ODMtMS4yNzUtMS45NzUtMS4yNzUtMy4yNzUgMC0xLjMzMy40MjUtMi40NDIgMS4yNzUtMy4zMjUuODUtLjg4MyAxLjkwOC0xLjMyNSAzLjE3NS0xLjMyNXMyLjMyNS40NDIgMy4xNzUgMS4zMjVjLjg1Ljg4MyAxLjI3NSAxLjk5MiAxLjI3NSAzLjMyNSAwIDEuMy0uNDI1IDIuMzkyLTEuMjc1IDMuMjc1LS44NS44ODMtMS45MDggMS4zMjUtMy4xNzUgMS4zMjV6bTAgMTYuMmMtMS4yNjcgMC0yLjMyNS0uNDQyLTMuMTc1LTEuMzI1LS44NS0uODgzLTEuMjc1LTEuOTc1LTEuMjc1LTMuMjc1IDAtMS4zMzMuNDI1LTIuNDQyIDEuMjc1LTMuMzI1Ljg1LS44ODMgMS45MDgtMS4zMjUgMy4xNzUtMS4zMjVzMi4zMjUuNDQyIDMuMTc1IDEuMzI1Yy44NS44ODMgMS4yNzUgMS45OTIgMS4yNzUgMy4zMjUgMCAxLjMtLjQyNSAyLjM5Mi0xLjI3NSAzLjI3NS0uODUuODgzLTEuOTA4IDEuMzI1LTMuMTc1IDEuMzI1em0yMS0uNnYtNS45NWg2LjlWMzYzLjdoLTUuOTV2LTQuNTVjMS43MzMtLjMzMyAzLjItLjczMyA0LjQtMS4yYTI0LjE4MiAyNC4xODIgMCAwIDAgMy41LTEuN2g1LjR2MjUuOGg1Ljk1VjM4OGgtMjAuMnptMzYuMS42Yy0xLjcgMC0zLjI1LS4zNTgtNC42NS0xLjA3NS0xLjQtLjcxNy0yLjU5Mi0xLjc3NS0zLjU3NS0zLjE3NS0uOTgzLTEuNC0xLjc1LTMuMTMzLTIuMy01LjItLjU1LTIuMDY3LS44MjUtNC40NS0uODI1LTcuMTVzLjI3NS01LjA2Ny44MjUtNy4xYy41NS0yLjAzMyAxLjMxNy0zLjc0MiAyLjMtNS4xMjUuOTgzLTEuMzgzIDIuMTc1LTIuNDE3IDMuNTc1LTMuMSAxLjQtLjY4MyAyLjk1LTEuMDI1IDQuNjUtMS4wMjUgMS43IDAgMy4yNS4zNDIgNC42NSAxLjAyNSAxLjQuNjgzIDIuNTkyIDEuNzE3IDMuNTc1IDMuMS45ODMgMS4zODMgMS43NSAzLjA5MiAyLjMgNS4xMjUuNTUgMi4wMzMuODI1IDQuNC44MjUgNy4xIDAgMi43LS4yNzUgNS4wODMtLjgyNSA3LjE1LS41NSAyLjA2Ny0xLjMxNyAzLjgtMi4zIDUuMi0uOTgzIDEuNC0yLjE3NSAyLjQ1OC0zLjU3NSAzLjE3NS0xLjQuNzE3LTIuOTUgMS4wNzUtNC42NSAxLjA3NXptMC01LjdjLjYzMyAwIDEuMjE3LS4xNTggMS43NS0uNDc1LjUzMy0uMzE3IDEtLjg5MiAxLjQtMS43MjUuNC0uODMzLjcwOC0xLjk1LjkyNS0zLjM1LjIxNy0xLjQuMzI1LTMuMTgzLjMyNS01LjM1cy0uMTA4LTMuOTQyLS4zMjUtNS4zMjVjLS4yMTctMS4zODMtLjUyNS0yLjQ2Ny0uOTI1LTMuMjUtLjQtLjc4My0uODY3LTEuMzI1LTEuNC0xLjYyNWEzLjUwOSAzLjUwOSAwIDAgMC0xLjc1LS40NWMtLjYgMC0xLjE2Ny4xNS0xLjcuNDUtLjUzMy4zLTEgLjg0Mi0xLjQgMS42MjUtLjQuNzgzLS43MTcgMS44NjctLjk1IDMuMjUtLjIzMyAxLjM4My0uMzUgMy4xNTgtLjM1IDUuMzI1IDAgMi4xNjcuMTE3IDMuOTUuMzUgNS4zNS4yMzMgMS40LjU1IDIuNTE3Ljk1IDMuMzUuNC44MzMuODY3IDEuNDA4IDEuNCAxLjcyNS41MzMuMzE3IDEuMS40NzUgMS43LjQ3NXptMjYuNCA1LjdjLTEuNyAwLTMuMjUtLjM1OC00LjY1LTEuMDc1LTEuNC0uNzE3LTIuNTkyLTEuNzc1LTMuNTc1LTMuMTc1LS45ODMtMS40LTEuNzUtMy4xMzMtMi4zLTUuMi0uNTUtMi4wNjctLjgyNS00LjQ1LS44MjUtNy4xNXMuMjc1LTUuMDY3LjgyNS03LjFjLjU1LTIuMDMzIDEuMzE3LTMuNzQyIDIuMy01LjEyNS45ODMtMS4zODMgMi4xNzUtMi40MTcgMy41NzUtMy4xIDEuNC0uNjgzIDIuOTUtMS4wMjUgNC42NS0xLjAyNSAxLjcgMCAzLjI1LjM0MiA0LjY1IDEuMDI1IDEuNC42ODMgMi41OTIgMS43MTcgMy41NzUgMy4xLjk4MyAxLjM4MyAxLjc1IDMuMDkyIDIuMyA1LjEyNS41NSAyLjAzMy44MjUgNC40LjgyNSA3LjEgMCAyLjctLjI3NSA1LjA4My0uODI1IDcuMTUtLjU1IDIuMDY3LTEuMzE3IDMuOC0yLjMgNS4yLS45ODMgMS40LTIuMTc1IDIuNDU4LTMuNTc1IDMuMTc1LTEuNC43MTctMi45NSAxLjA3NS00LjY1IDEuMDc1em0wLTUuN2MuNjMzIDAgMS4yMTctLjE1OCAxLjc1LS40NzUuNTMzLS4zMTcgMS0uODkyIDEuNC0xLjcyNS40LS44MzMuNzA4LTEuOTUuOTI1LTMuMzUuMjE3LTEuNC4zMjUtMy4xODMuMzI1LTUuMzVzLS4xMDgtMy45NDItLjMyNS01LjMyNWMtLjIxNy0xLjM4My0uNTI1LTIuNDY3LS45MjUtMy4yNS0uNC0uNzgzLS44NjctMS4zMjUtMS40LTEuNjI1YTMuNTA5IDMuNTA5IDAgMCAwLTEuNzUtLjQ1Yy0uNiAwLTEuMTY3LjE1LTEuNy40NS0uNTMzLjMtMSAuODQyLTEuNCAxLjYyNS0uNC43ODMtLjcxNyAxLjg2Ny0uOTUgMy4yNS0uMjMzIDEuMzgzLS4zNSAzLjE1OC0uMzUgNS4zMjUgMCAyLjE2Ny4xMTcgMy45NS4zNSA1LjM1LjIzMyAxLjQuNTUgMi41MTcuOTUgMy4zNS40LjgzMy44NjcgMS40MDggMS40IDEuNzI1LjUzMy4zMTcgMS4xLjQ3NSAxLjcuNDc1em0yNi40IDUuN2MtMS43IDAtMy4yNS0uMzU4LTQuNjUtMS4wNzUtMS40LS43MTctMi41OTItMS43NzUtMy41NzUtMy4xNzUtLjk4My0xLjQtMS43NS0zLjEzMy0yLjMtNS4yLS41NS0yLjA2Ny0uODI1LTQuNDUtLjgyNS03LjE1cy4yNzUtNS4wNjcuODI1LTcuMWMuNTUtMi4wMzMgMS4zMTctMy43NDIgMi4zLTUuMTI1Ljk4My0xLjM4MyAyLjE3NS0yLjQxNyAzLjU3NS0zLjEgMS40LS42ODMgMi45NS0xLjAyNSA0LjY1LTEuMDI1IDEuNyAwIDMuMjUuMzQyIDQuNjUgMS4wMjUgMS40LjY4MyAyLjU5MiAxLjcxNyAzLjU3NSAzLjEuOTgzIDEuMzgzIDEuNzUgMy4wOTIgMi4zIDUuMTI1LjU1IDIuMDMzLjgyNSA0LjQuODI1IDcuMSAwIDIuNy0uMjc1IDUuMDgzLS44MjUgNy4xNS0uNTUgMi4wNjctMS4zMTcgMy44LTIuMyA1LjItLjk4MyAxLjQtMi4xNzUgMi40NTgtMy41NzUgMy4xNzUtMS40LjcxNy0yLjk1IDEuMDc1LTQuNjUgMS4wNzV6bTAtNS43Yy42MzMgMCAxLjIxNy0uMTU4IDEuNzUtLjQ3NS41MzMtLjMxNyAxLS44OTIgMS40LTEuNzI1LjQtLjgzMy43MDgtMS45NS45MjUtMy4zNS4yMTctMS40LjMyNS0zLjE4My4zMjUtNS4zNXMtLjEwOC0zLjk0Mi0uMzI1LTUuMzI1Yy0uMjE3LTEuMzgzLS41MjUtMi40NjctLjkyNS0zLjI1LS40LS43ODMtLjg2Ny0xLjMyNS0xLjQtMS42MjVhMy41MDkgMy41MDkgMCAwIDAtMS43NS0uNDVjLS42IDAtMS4xNjcuMTUtMS43LjQ1LS41MzMuMy0xIC44NDItMS40IDEuNjI1LS40Ljc4My0uNzE3IDEuODY3LS45NSAzLjI1LS4yMzMgMS4zODMtLjM1IDMuMTU4LS4zNSA1LjMyNSAwIDIuMTY3LjExNyAzLjk1LjM1IDUuMzUuMjMzIDEuNC41NSAyLjUxNy45NSAzLjM1LjQuODMzLjg2NyAxLjQwOCAxLjQgMS43MjUuNTMzLjMxNyAxLjEuNDc1IDEuNy40NzV6bTEzLjkgNS4xbDcuNi0xMi45LTcuMTUtMTEuOWg3LjlsMi4yIDRjLjMzMy43LjY3NSAxLjQwOCAxLjAyNSAyLjEyNS4zNS43MTcuNzA4IDEuNDI1IDEuMDc1IDIuMTI1aC4yYy4yNjctLjcuNTUtMS40MDguODUtMi4xMjUuMy0uNzE3LjU4My0xLjQyNS44NS0yLjEyNWwxLjctNGg3LjZsLTcuMiAxMi43NSA3LjY1IDEyLjA1aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM5LjA1LjZhMTEuNiAxMS42IDAgMCAxLTQuNDc1LS45Yy0xLjQ1LS42LTIuNzMzLTEuNTMzLTMuODUtMi44cy0yLjAwOC0yLjg5Mi0yLjY3NS00Ljg3NWMtLjY2Ny0xLjk4My0xLTQuMzc1LTEtNy4xNzUgMC0yLjk2Ny4zNTgtNS41MzMgMS4wNzUtNy43czEuNjY3LTMuOTUgMi44NS01LjM1YzEuMTgzLTEuNCAyLjU1LTIuNDQyIDQuMS0zLjEyNWExMS44MzkgMTEuODM5IDAgMCAxIDQuODI1LTEuMDI1YzIuMSAwIDMuOTE3LjM3NSA1LjQ1IDEuMTI1IDEuNTMzLjc1IDIuOCAxLjY0MiAzLjggMi42NzVsLTMuODUgNC40Yy0uNTY3LS42LTEuMy0xLjEyNS0yLjItMS41NzUtLjktLjQ1LTEuODE3LS42NzUtMi43NS0uNjc1LS44NjcgMC0xLjY4My4xNjctMi40NS41LS43NjcuMzMzLTEuNDQyLjg5Mi0yLjAyNSAxLjY3NXMtMS4wNTggMS44MDgtMS40MjUgMy4wNzVjLS4zNjcgMS4yNjctLjU4MyAyLjgxNy0uNjUgNC42NS40LS41MzMuODY3LTEuMDA4IDEuNC0xLjQyNWE5LjggOS44IDAgMCAxIDEuNjUtMS4wNSA4Ljg4NiA4Ljg4NiAwIDAgMSAxLjctLjY1Yy41NjctLjE1IDEuMS0uMjI1IDEuNi0uMjI1IDEuMzY3IDAgMi42MjUuMiAzLjc3NS42IDEuMTUuNCAyLjE1IDEgMyAxLjguODUuOCAxLjUwOCAxLjgxNyAxLjk3NSAzLjA1LjQ2NyAxLjIzMy43IDIuNjgzLjcgNC4zNSAwIDEuNjY3LS4yODMgMy4xNS0uODUgNC40NS0uNTY3IDEuMy0xLjMyNSAyLjQxNy0yLjI3NSAzLjM1YTkuNDk2IDkuNDk2IDAgMCAxLTMuMzUgMi4xMjUgMTEuNDY1IDExLjQ2NSAwIDAgMS00LjA3NS43MjV6bS0uMTUtNS41YzEuMSAwIDIuMDQyLS40MDggMi44MjUtMS4yMjUuNzgzLS44MTcgMS4xNzUtMi4xMjUgMS4xNzUtMy45MjUgMC0xLjctLjM5Mi0yLjg5Mi0xLjE3NS0zLjU3NS0uNzgzLS42ODMtMS43NzUtMS4wMjUtMi45NzUtMS4wMjUtLjgzMyAwLTEuNjc1LjI0Mi0yLjUyNS43MjUtLjg1LjQ4My0xLjYwOCAxLjI5Mi0yLjI3NSAyLjQyNS4xNjcgMS4yNjcuNDE3IDIuMzE3Ljc1IDMuMTUuMzMzLjgzMy43MTcgMS41MDggMS4xNSAyLjAyNS40MzMuNTE3LjkwOC44ODMgMS40MjUgMS4xYTQuMTYgNC4xNiAwIDAgMCAxLjYyNS4zMjV6bTI2LjU1IDUuNWExMS42IDExLjYgMCAwIDEtNC40NzUtLjljLTEuNDUtLjYtMi43MzMtMS41MzMtMy44NS0yLjhzLTIuMDA4LTIuODkyLTIuNjc1LTQuODc1Yy0uNjY3LTEuOTgzLTEtNC4zNzUtMS03LjE3NSAwLTIuOTY3LjM1OC01LjUzMyAxLjA3NS03LjdzMS42NjctMy45NSAyLjg1LTUuMzVjMS4xODMtMS40IDIuNTUtMi40NDIgNC4xLTMuMTI1YTExLjgzOSAxMS44MzkgMCAwIDEgNC44MjUtMS4wMjVjMi4xIDAgMy45MTcuMzc1IDUuNDUgMS4xMjUgMS41MzMuNzUgMi44IDEuNjQyIDMuOCAyLjY3NWwtMy44NSA0LjRjLS41NjctLjYtMS4zLTEuMTI1LTIuMi0xLjU3NS0uOS0uNDUtMS44MTctLjY3NS0yLjc1LS42NzUtLjg2NyAwLTEuNjgzLjE2Ny0yLjQ1LjUtLjc2Ny4zMzMtMS40NDIuODkyLTIuMDI1IDEuNjc1cy0xLjA1OCAxLjgwOC0xLjQyNSAzLjA3NWMtLjM2NyAxLjI2Ny0uNTgzIDIuODE3LS42NSA0LjY1LjQtLjUzMy44NjctMS4wMDggMS40LTEuNDI1YTkuOCA5LjggMCAwIDEgMS42NS0xLjA1IDguODg2IDguODg2IDAgMCAxIDEuNy0uNjVjLjU2Ny0uMTUgMS4xLS4yMjUgMS42LS4yMjUgMS4zNjcgMCAyLjYyNS4yIDMuNzc1LjYgMS4xNS40IDIuMTUgMSAzIDEuOC44NS44IDEuNTA4IDEuODE3IDEuOTc1IDMuMDUuNDY3IDEuMjMzLjcgMi42ODMuNyA0LjM1IDAgMS42NjctLjI4MyAzLjE1LS44NSA0LjQ1LS41NjcgMS4zLTEuMzI1IDIuNDE3LTIuMjc1IDMuMzVhOS40OTYgOS40OTYgMCAwIDEtMy4zNSAyLjEyNSAxMS40NjUgMTEuNDY1IDAgMCAxLTQuMDc1LjcyNXptLS4xNS01LjVjMS4xIDAgMi4wNDItLjQwOCAyLjgyNS0xLjIyNS43ODMtLjgxNyAxLjE3NS0yLjEyNSAxLjE3NS0zLjkyNSAwLTEuNy0uMzkyLTIuODkyLTEuMTc1LTMuNTc1LS43ODMtLjY4My0xLjc3NS0xLjAyNS0yLjk3NS0xLjAyNS0uODMzIDAtMS42NzUuMjQyLTIuNTI1LjcyNS0uODUuNDgzLTEuNjA4IDEuMjkyLTIuMjc1IDIuNDI1LjE2NyAxLjI2Ny40MTcgMi4zMTcuNzUgMy4xNS4zMzMuODMzLjcxNyAxLjUwOCAxLjE1IDIuMDI1LjQzMy41MTcuOTA4Ljg4MyAxLjQyNSAxLjFhNC4xNiA0LjE2IDAgMCAwIDEuNjI1LjMyNXptMjYuNTUgNS41YTExLjYgMTEuNiAwIDAgMS00LjQ3NS0uOWMtMS40NS0uNi0yLjczMy0xLjUzMy0zLjg1LTIuOHMtMi4wMDgtMi44OTItMi42NzUtNC44NzVjLS42NjctMS45ODMtMS00LjM3NS0xLTcuMTc1IDAtMi45NjcuMzU4LTUuNTMzIDEuMDc1LTcuN3MxLjY2Ny0zLjk1IDIuODUtNS4zNWMxLjE4My0xLjQgMi41NS0yLjQ0MiA0LjEtMy4xMjVhMTEuODM5IDExLjgzOSAwIDAgMSA0LjgyNS0xLjAyNWMyLjEgMCAzLjkxNy4zNzUgNS40NSAxLjEyNSAxLjUzMy43NSAyLjggMS42NDIgMy44IDIuNjc1bC0zLjg1IDQuNGMtLjU2Ny0uNi0xLjMtMS4xMjUtMi4yLTEuNTc1LS45LS40NS0xLjgxNy0uNjc1LTIuNzUtLjY3NS0uODY3IDAtMS42ODMuMTY3LTIuNDUuNS0uNzY3LjMzMy0xLjQ0Mi44OTItMi4wMjUgMS42NzVzLTEuMDU4IDEuODA4LTEuNDI1IDMuMDc1Yy0uMzY3IDEuMjY3LS41ODMgMi44MTctLjY1IDQuNjUuNC0uNTMzLjg2Ny0xLjAwOCAxLjQtMS40MjVhOS44IDkuOCAwIDAgMSAxLjY1LTEuMDUgOC44ODYgOC44ODYgMCAwIDEgMS43LS42NWMuNTY3LS4xNSAxLjEtLjIyNSAxLjYtLjIyNSAxLjM2NyAwIDIuNjI1LjIgMy43NzUuNiAxLjE1LjQgMi4xNSAxIDMgMS44Ljg1LjggMS41MDggMS44MTcgMS45NzUgMy4wNS40NjcgMS4yMzMuNyAyLjY4My43IDQuMzUgMCAxLjY2Ny0uMjgzIDMuMTUtLjg1IDQuNDUtLjU2NyAxLjMtMS4zMjUgMi40MTctMi4yNzUgMy4zNWE5LjQ5NiA5LjQ5NiAwIDAgMS0zLjM1IDIuMTI1IDExLjQ2NSAxMS40NjUgMCAwIDEtNC4wNzUuNzI1em0tLjE1LTUuNWMxLjEgMCAyLjA0Mi0uNDA4IDIuODI1LTEuMjI1Ljc4My0uODE3IDEuMTc1LTIuMTI1IDEuMTc1LTMuOTI1IDAtMS43LS4zOTItMi44OTItMS4xNzUtMy41NzUtLjc4My0uNjgzLTEuNzc1LTEuMDI1LTIuOTc1LTEuMDI1LS44MzMgMC0xLjY3NS4yNDItMi41MjUuNzI1LS44NS40ODMtMS42MDggMS4yOTItMi4yNzUgMi40MjUuMTY3IDEuMjY3LjQxNyAyLjMxNy43NSAzLjE1LjMzMy44MzMuNzE3IDEuNTA4IDEuMTUgMi4wMjUuNDMzLjUxNy45MDguODgzIDEuNDI1IDEuMWE0LjE2IDQuMTYgMCAwIDAgMS42MjUuMzI1eiIvPjwvZz48L2c+PC9zdmc+\n\" alt=\"dummy\"></div></div><div class=\"display-grid grid-cols-1 grid-cols-3-md gap-15\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div></div><div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\"><div class=\"bg-white rounded border padding-25 margin-bottom-15\">\nLorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div></div></div></div></div>",
|
|
74
|
+
"tabs": [
|
|
75
|
+
{
|
|
76
|
+
"label": "React",
|
|
77
|
+
"language": "tsx",
|
|
78
|
+
"code": "import FadeUp from '@rio-cloud/rio-uikit/FadeUp';\nimport { dummyImage3by2, dummyTextExtraShort, dummyTextShort } from '../../../utils/data';\n\nexport default () => {\n return (\n <div className='max-width-800 padding-x-25'>\n <div className='display-flex align-items-center gap-25 margin-bottom-50'>\n <div>\n <FadeUp delay={0.4}>\n <h1 className=''>Lorem ipsum dolor sit amet</h1>\n </FadeUp>\n <FadeUp delay={0.6}>\n <p className='text-color-dark'>{dummyTextExtraShort}</p>\n </FadeUp>\n </div>\n <FadeUp delay={1.0}>\n <img className='rounded-large' width={250} src={dummyImage3by2} alt='dummy' />\n </FadeUp>\n </div>\n\n <FadeUp delay={1.3} className='display-grid grid-cols-1 grid-cols-3-md gap-15'>\n {Array.from({ length: 3 }, (_, index) => (\n // biome-ignore lint/suspicious/noArrayIndexKey: <explanation>\n <FadeUp key={index} delay={1.5 + index * 0.2}>\n <div className='bg-white rounded border padding-25 margin-bottom-15'>{dummyTextShort}</div>\n </FadeUp>\n ))}\n </FadeUp>\n </div>\n );\n};"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"label": "HTML",
|
|
82
|
+
"language": "html",
|
|
83
|
+
"code": "<div class=\"max-width-800 padding-x-25\">\n <div class=\"display-flex align-items-center gap-25 margin-bottom-50\">\n <div>\n <div class=\"\" style=\"opacity: 1; transform: none;\">\n <h1 class=\"\">Lorem ipsum dolor sit amet</h1>\n </div>\n <div class=\"\" style=\"opacity: 1; transform: translateY(-0.0915055px) translateZ(0px);\">\n <p class=\"text-color-dark\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis.</p>\n </div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <img class=\"rounded-large\" width=\"250\" src=\"\ndata:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgaGVpZ2h0PSI2NjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjREZEREREIiBkPSJNMCAwaDEwMDB2NjY2SDB6Ii8+PGcgZmlsbD0iI0NFQ0FDQSI+PHBhdGggZD0iTTQxNy43NiAzMjQuOTZjLTQuMTYgMC03LjY4LS42NTMtMTAuNTYtMS45Ni0yLjg4LTEuMzA3LTUuMjUzLTMuMDUzLTcuMTItNS4yNGw1LjQ0LTcuNDRhMjEuODI3IDIxLjgyNyAwIDAgMCA1LjA4IDMuNjhjMS44NC45NiAzLjg1MyAxLjQ0IDYuMDQgMS40NCAyLjUwNyAwIDQuNTA3LS41MiA2LTEuNTYgMS40OTMtMS4wNCAyLjI0LTIuNTIgMi4yNC00LjQ0IDAtMS4xMi0uMi0yLjEzMy0uNi0zLjA0LS40LS45MDctMS4xMDctMS42NjctMi4xMi0yLjI4LTEuMDEzLS42MTMtMi40LTEuMDkzLTQuMTYtMS40NC0xLjc2LS4zNDctNC4wMjctLjUyLTYuOC0uNTJ2LTguMzJjMi4yOTMgMCA0LjItLjE2IDUuNzItLjQ4IDEuNTItLjMyIDIuNzQ3LS43ODcgMy42OC0xLjQuOTMzLS42MTMgMS42LTEuMzMzIDItMi4xNi40LS44MjcuNi0xLjc0Ny42LTIuNzYgMC0xLjc2LS41MzMtMy4xMzMtMS42LTQuMTItMS4wNjctLjk4Ny0yLjYxMy0xLjQ4LTQuNjQtMS40OC0xLjgxMyAwLTMuNDUzLjQtNC45MiAxLjItMS40NjcuOC0zIDEuODkzLTQuNiAzLjI4bC01LjkyLTcuMmMyLjM0Ny0yLjAyNyA0LjgxMy0zLjYxMyA3LjQtNC43NiAyLjU4Ny0xLjE0NyA1LjQ1My0xLjcyIDguNi0xLjcyIDIuNjEzIDAgNSAuMzA3IDcuMTYuOTJzNCAxLjUyIDUuNTIgMi43MmExMi43NzcgMTIuNzc3IDAgMCAxIDMuNTYgNC4zNmMuODUzIDEuNzA3IDEuMjggMy42OCAxLjI4IDUuOTIgMCAyLjY2Ny0uNzMzIDQuOTItMi4yIDYuNzYtMS40NjcgMS44NC0zLjU2IDMuMzQ3LTYuMjggNC41MnYuMzJjMi45MzMuODUzIDUuMzQ3IDIuMzA3IDcuMjQgNC4zNiAxLjg5MyAyLjA1MyAyLjg0IDQuNzMzIDIuODQgOC4wNCAwIDIuMzQ3LS41MDcgNC40NC0xLjUyIDYuMjhhMTQuMTg0IDE0LjE4NCAwIDAgMS00LjA4IDQuNjRjLTEuNzA3IDEuMjUzLTMuNzA3IDIuMjEzLTYgMi44OC0yLjI5My42NjctNC43MiAxLTcuMjggMXptNjQuOCAwYy0xLjc2IDAtMy41MzMtLjQ0LTUuMzItMS4zMi0xLjc4Ny0uODgtMy40NTMtMi4xNzMtNS0zLjg4aC0uMzJsLS45NiA0LjI0aC05LjJ2LTU2LjA4aDExLjc2djEzLjc2bC0uMzIgNi4wOGMxLjU0Ny0xLjM4NyAzLjIxMy0yLjQ2NyA1LTMuMjQgMS43ODctLjc3MyAzLjYxMy0xLjE2IDUuNDgtMS4xNiAyLjQgMCA0LjU2LjQ4IDYuNDggMS40NCAxLjkyLjk2IDMuNTYgMi4zMDcgNC45MiA0LjA0IDEuMzYgMS43MzMgMi40IDMuODQgMy4xMiA2LjMyLjcyIDIuNDggMS4wOCA1LjI0IDEuMDggOC4yOCAwIDMuNDEzLS40NjcgNi40NTMtMS40IDkuMTItLjkzMyAyLjY2Ny0yLjE4NyA0LjkyLTMuNzYgNi43Ni0xLjU3MyAxLjg0LTMuMzYgMy4yNC01LjM2IDQuMi0yIC45Ni00LjA2NyAxLjQ0LTYuMiAxLjQ0em0tMi43Mi05LjZjMi4wMjcgMCAzLjc2LS45MiA1LjItMi43NiAxLjQ0LTEuODQgMi4xNi00LjgxMyAyLjE2LTguOTIgMC03LjE0Ny0yLjI5My0xMC43Mi02Ljg4LTEwLjcyLTIuMzQ3IDAtNC42MTMgMS4yLTYuOCAzLjZ2MTYuMjRjMS4wNjcuOTYgMi4xMzMgMS42MjcgMy4yIDIgMS4wNjcuMzczIDIuMTA3LjU2IDMuMTIuNTZ6bTMxLjUyIDI0LjE2Yy0xLjIyNyAwLTIuMjY3LS4wNjctMy4xMi0uMmExNS4yOTQgMTUuMjk0IDAgMCAxLTIuNDgtLjZsMi4wOC04Ljk2Yy4zNzMuMTA3LjguMjEzIDEuMjguMzIuNDguMTA3LjkzMy4xNiAxLjM2LjE2IDEuOTczIDAgMy40OTMtLjQ4IDQuNTYtMS40NCAxLjA2Ny0uOTYgMS44NjctMi4yMTMgMi40LTMuNzZsLjU2LTIuMDgtMTUuMjgtMzguNjRoMTEuODRsNS42OCAxNy4wNGE5My44ODUgOTMuODg1IDAgMCAxIDEuNiA1LjUyYy40OCAxLjg2Ny45ODcgMy43ODcgMS41MiA1Ljc2aC4zMmMuNDI3LTEuODY3Ljg2Ny0zLjc0NyAxLjMyLTUuNjQuNDUzLTEuODkzLjkyLTMuNzczIDEuNC01LjY0bDQuOC0xNy4wNGgxMS4yOGwtMTMuNzYgNDAuMDhjLS45NiAyLjUwNy0xLjk2IDQuNzA3LTMgNi42LTEuMDQgMS44OTMtMi4yNCAzLjQ2Ny0zLjYgNC43MmExMy44NzQgMTMuODc0IDAgMCAxLTQuNjQgMi44NGMtMS43MzMuNjQtMy43NzMuOTYtNi4xMi45NnpNNTYyLjQgMzI0di02LjcyYzMuMjUzLTMuMDQgNi4yMjctNS44OCA4LjkyLTguNTIgMi42OTMtMi42NCA1LjAxMy01LjEyIDYuOTYtNy40NCAxLjk0Ny0yLjMyIDMuNDY3LTQuNDggNC41Ni02LjQ4IDEuMDkzLTIgMS42NC0zLjkwNyAxLjY0LTUuNzIgMC0yLjUwNy0uNjQtNC40MTMtMS45Mi01LjcyLTEuMjgtMS4zMDctMy4wNC0xLjk2LTUuMjgtMS45Ni0xLjg2NyAwLTMuNTIuNTItNC45NiAxLjU2YTI3LjM1IDI3LjM1IDAgMCAwLTQuMDggMy42NGwtNi40LTYuMzJjMi41MDctMi42NjcgNS4wNjctNC42OCA3LjY4LTYuMDQgMi42MTMtMS4zNiA1LjczMy0yLjA0IDkuMzYtMi4wNCAyLjUwNyAwIDQuNzg3LjM4NyA2Ljg0IDEuMTYgMi4wNTMuNzczIDMuODI3IDEuODY3IDUuMzIgMy4yOCAxLjQ5MyAxLjQxMyAyLjY0IDMuMTA3IDMuNDQgNS4wOC44IDEuOTczIDEuMiA0LjE4NyAxLjIgNi42NCAwIDIuMTMzLS40NTMgNC4zMDctMS4zNiA2LjUyLS45MDcgMi4yMTMtMi4xMiA0LjQyNy0zLjY0IDYuNjRhNzAuNjA3IDcwLjYwNyAwIDAgMS01LjIgNi42NCAxNzMuMDUgMTczLjA1IDAgMCAxLTYuMDQgNi41MiAxMDguOSAxMDguOSAwIDAgMSA0LjI4LS40NGMxLjU3My0uMTMzIDIuOTczLS4yIDQuMi0uMmgxMC4yNFYzMjRINTYyLjR6TTI5MC45IDM4OHYtMzIuNmgyMC40djYuMmgtMTMuMDV2Ni41NWgxMS4xdjYuMTVoLTExLjF2Ny41aDEzLjU1djYuMmgtMjAuOXptMjIgMGw3LjYtMTIuOS03LjE1LTExLjloNy45bDIuMiA0Yy4zMzMuNy42NzUgMS40MDggMS4wMjUgMi4xMjUuMzUuNzE3LjcwOCAxLjQyNSAxLjA3NSAyLjEyNWguMmMuMjY3LS43LjU1LTEuNDA4Ljg1LTIuMTI1LjMtLjcxNy41ODMtMS40MjUuODUtMi4xMjVsMS43LTRoNy42bC03LjIgMTIuNzVMMzM3LjIgMzg4aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM0IC42Yy0xLjEzMyAwLTIuMTU4LS4xOTItMy4wNzUtLjU3NWE2LjU4NiA2LjU4NiAwIDAgMS0yLjMyNS0xLjYgNy40MDUgNy40MDUgMCAwIDEtMS40NzUtMi4zNzVjLS4zNS0uOS0uNTI1LTEuODgzLS41MjUtMi45NSAwLTIuNiAxLjEtNC42MzMgMy4zLTYuMSAyLjItMS40NjcgNS43NS0yLjQ1IDEwLjY1LTIuOTUtLjA2Ny0xLjEtLjM5Mi0xLjk3NS0uOTc1LTIuNjI1LS41ODMtLjY1LTEuNTU4LS45NzUtMi45MjUtLjk3NS0xLjA2NyAwLTIuMTI1LjItMy4xNzUuNi0xLjA1LjQtMi4xNzUuOTUtMy4zNzUgMS42NWwtMi42NS00Ljg1YzEuNi0uOTY3IDMuMjc1LTEuNzUgNS4wMjUtMi4zNSAxLjc1LS42IDMuNjA4LS45IDUuNTc1LS45IDMuMiAwIDUuNjQyLjkwOCA3LjMyNSAyLjcyNSAxLjY4MyAxLjgxNyAyLjUyNSA0LjY0MiAyLjUyNSA4LjQ3NVYzODhoLTZsLS41LTIuNTVoLS4yYTE1Ljg2OCAxNS44NjggMCAwIDEtMy4zNSAyLjI3NWMtMS4xNjcuNTgzLTIuNDUuODc1LTMuODUuODc1em0yLjUtNS43Yy44MzMgMCAxLjU1LS4xODMgMi4xNS0uNTUuNi0uMzY3IDEuMjMzLS44ODMgMS45LTEuNTV2LTQuMzVjLTIuNi4zNjctNC40LjktNS40IDEuNi0xIC43LTEuNSAxLjUzMy0xLjUgMi41IDAgLjguMjU4IDEuMzkyLjc3NSAxLjc3NXMxLjIwOC41NzUgMi4wNzUuNTc1ek0zNjcgMzg4di0yNC44aDZsLjUgMy4yaC4yYTE5LjgzNiAxOS44MzYgMCAwIDEgMy4zLTIuNjc1YzEuMTY3LS43NSAyLjU2Ny0xLjEyNSA0LjItMS4xMjUgMS43NjcgMCAzLjE5Mi4zNTggNC4yNzUgMS4wNzUgMS4wODMuNzE3IDEuOTQyIDEuNzQyIDIuNTc1IDMuMDc1YTIxLjcxOSAyMS43MTkgMCAwIDEgMy40NzUtMi45MjVjMS4yMTctLjgxNyAyLjY1OC0xLjIyNSA0LjMyNS0xLjIyNSAyLjY2NyAwIDQuNjI1Ljg5MiA1Ljg3NSAyLjY3NXMxLjg3NSA0LjIyNSAxLjg3NSA3LjMyNVYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjIzMyAwLTIuNjUuOC00LjI1IDIuNFYzODhoLTcuMzV2LTE0LjQ1YzAtMS44LS4yNDItMy4wMzMtLjcyNS0zLjctLjQ4My0uNjY3LTEuMjU4LTEtMi4zMjUtMS0xLjI2NyAwLTIuNjY3LjgtNC4yIDIuNFYzODhIMzY3em00Mi44NSA5LjJ2LTM0aDZsLjUgMi40NWguMmExMy44MzIgMTMuODMyIDAgMCAxIDMuMjc1LTIuMTc1IDguNjM1IDguNjM1IDAgMCAxIDMuNzc1LS44NzVjMS41IDAgMi44NS4zIDQuMDUuOWE4LjYzIDguNjMgMCAwIDEgMy4wNSAyLjU1Yy44MzMgMS4xIDEuNDc1IDIuNDI1IDEuOTI1IDMuOTc1LjQ1IDEuNTUuNjc1IDMuMjc1LjY3NSA1LjE3NSAwIDIuMTMzLS4yOTIgNC4wMjUtLjg3NSA1LjY3NS0uNTgzIDEuNjUtMS4zNjcgMy4wNS0yLjM1IDQuMi0uOTgzIDEuMTUtMi4xIDIuMDI1LTMuMzUgMi42MjUtMS4yNS42LTIuNTQyLjktMy44NzUuOS0xLjA2NyAwLTIuMS0uMjI1LTMuMS0uNjc1LTEtLjQ1LTEuOTMzLTEuMDkyLTIuOC0xLjkyNWwuMjUgMy45NXY3LjI1aC03LjM1em0xMS4zLTE0LjZjMS4yNjcgMCAyLjM1LS41NzUgMy4yNS0xLjcyNS45LTEuMTUgMS4zNS0zLjAwOCAxLjM1LTUuNTc1IDAtNC40NjctMS40MzMtNi43LTQuMy02LjctMS40MzMgMC0yLjg1Ljc1LTQuMjUgMi4yNVYzODFjLjY2Ny42IDEuMzMzIDEuMDE3IDIgMS4yNS42NjcuMjMzIDEuMzE3LjM1IDEuOTUuMzV6bTI0LjEgNmMtMS4yNjcgMC0yLjMzMy0uMi0zLjItLjYtLjg2Ny0uNC0xLjU1OC0uOTU4LTIuMDc1LTEuNjc1LS41MTctLjcxNy0uODkyLTEuNTgzLTEuMTI1LTIuNi0uMjMzLTEuMDE3LS4zNS0yLjE1OC0uMzUtMy40MjV2LTI3LjM1aDcuMzV2MjcuNjVjMCAuNzY3LjE0MiAxLjMuNDI1IDEuNi4yODMuMy41NzUuNDUuODc1LjQ1aC40MjVjLjExNyAwIC4yNzUtLjAzMy40NzUtLjFsLjkgNS40NWMtLjQuMTY3LS45MDguMzA4LTEuNTI1LjQyNS0uNjE3LjExNy0xLjM0Mi4xNzUtMi4xNzUuMTc1em0xOC42NSAwYy0xLjc2NyAwLTMuNDE3LS4yOTItNC45NS0uODc1YTExLjQwOCAxMS40MDggMCAwIDEtNC0yLjU1Yy0xLjEzMy0xLjExNy0yLjAxNy0yLjQ3NS0yLjY1LTQuMDc1cy0uOTUtMy40MzMtLjk1LTUuNWMwLTIgLjMzMy0zLjgwOCAxLTUuNDI1czEuNTQyLTIuOTgzIDIuNjI1LTQuMWExMS40MSAxMS40MSAwIDAgMSAzLjcyNS0yLjU3NWMxLjQtLjYgMi44NS0uOSA0LjM1LS45IDEuNzY3IDAgMy4zMDguMyA0LjYyNS45IDEuMzE3LjYgMi40MTcgMS40MzMgMy4zIDIuNXMxLjU0MiAyLjMyNSAxLjk3NSAzLjc3NWMuNDMzIDEuNDUuNjUgMy4wMjUuNjUgNC43MjUgMCAuNjY3LS4wMzMgMS4zLS4xIDEuOS0uMDY3LjYtLjEzMyAxLjA1LS4yIDEuMzVoLTE0Ljg1Yy4zMzMgMS44IDEuMDc1IDMuMTI1IDIuMjI1IDMuOTc1IDEuMTUuODUgMi41NTggMS4yNzUgNC4yMjUgMS4yNzUgMS43NjcgMCAzLjU1LS41NSA1LjM1LTEuNjVsMi40NSA0LjQ1YTE2LjI4OCAxNi4yODggMCAwIDEtNC4yMjUgMi4wNWMtMS41NS41LTMuMDc1Ljc1LTQuNTc1Ljc1em0tNS41LTE1LjdoOC45NWMwLTEuNC0uMzE3LTIuNTMzLS45NS0zLjRzLTEuNy0xLjMtMy4yLTEuM2E0LjU0OSA0LjU0OSAwIDAgMC0zLjA3NSAxLjE1Yy0uODgzLjc2Ny0xLjQ1OCAxLjk1LTEuNzI1IDMuNTV6bTI0LjU1LS41Yy0xLjI2NyAwLTIuMzI1LS40NDItMy4xNzUtMS4zMjUtLjg1LS44ODMtMS4yNzUtMS45NzUtMS4yNzUtMy4yNzUgMC0xLjMzMy40MjUtMi40NDIgMS4yNzUtMy4zMjUuODUtLjg4MyAxLjkwOC0xLjMyNSAzLjE3NS0xLjMyNXMyLjMyNS40NDIgMy4xNzUgMS4zMjVjLjg1Ljg4MyAxLjI3NSAxLjk5MiAxLjI3NSAzLjMyNSAwIDEuMy0uNDI1IDIuMzkyLTEuMjc1IDMuMjc1LS44NS44ODMtMS45MDggMS4zMjUtMy4xNzUgMS4zMjV6bTAgMTYuMmMtMS4yNjcgMC0yLjMyNS0uNDQyLTMuMTc1LTEuMzI1LS44NS0uODgzLTEuMjc1LTEuOTc1LTEuMjc1LTMuMjc1IDAtMS4zMzMuNDI1LTIuNDQyIDEuMjc1LTMuMzI1Ljg1LS44ODMgMS45MDgtMS4zMjUgMy4xNzUtMS4zMjVzMi4zMjUuNDQyIDMuMTc1IDEuMzI1Yy44NS44ODMgMS4yNzUgMS45OTIgMS4yNzUgMy4zMjUgMCAxLjMtLjQyNSAyLjM5Mi0xLjI3NSAzLjI3NS0uODUuODgzLTEuOTA4IDEuMzI1LTMuMTc1IDEuMzI1em0yMS0uNnYtNS45NWg2LjlWMzYzLjdoLTUuOTV2LTQuNTVjMS43MzMtLjMzMyAzLjItLjczMyA0LjQtMS4yYTI0LjE4MiAyNC4xODIgMCAwIDAgMy41LTEuN2g1LjR2MjUuOGg1Ljk1VjM4OGgtMjAuMnptMzYuMS42Yy0xLjcgMC0zLjI1LS4zNTgtNC42NS0xLjA3NS0xLjQtLjcxNy0yLjU5Mi0xLjc3NS0zLjU3NS0zLjE3NS0uOTgzLTEuNC0xLjc1LTMuMTMzLTIuMy01LjItLjU1LTIuMDY3LS44MjUtNC40NS0uODI1LTcuMTVzLjI3NS01LjA2Ny44MjUtNy4xYy41NS0yLjAzMyAxLjMxNy0zLjc0MiAyLjMtNS4xMjUuOTgzLTEuMzgzIDIuMTc1LTIuNDE3IDMuNTc1LTMuMSAxLjQtLjY4MyAyLjk1LTEuMDI1IDQuNjUtMS4wMjUgMS43IDAgMy4yNS4zNDIgNC42NSAxLjAyNSAxLjQuNjgzIDIuNTkyIDEuNzE3IDMuNTc1IDMuMS45ODMgMS4zODMgMS43NSAzLjA5MiAyLjMgNS4xMjUuNTUgMi4wMzMuODI1IDQuNC44MjUgNy4xIDAgMi43LS4yNzUgNS4wODMtLjgyNSA3LjE1LS41NSAyLjA2Ny0xLjMxNyAzLjgtMi4zIDUuMi0uOTgzIDEuNC0yLjE3NSAyLjQ1OC0zLjU3NSAzLjE3NS0xLjQuNzE3LTIuOTUgMS4wNzUtNC42NSAxLjA3NXptMC01LjdjLjYzMyAwIDEuMjE3LS4xNTggMS43NS0uNDc1LjUzMy0uMzE3IDEtLjg5MiAxLjQtMS43MjUuNC0uODMzLjcwOC0xLjk1LjkyNS0zLjM1LjIxNy0xLjQuMzI1LTMuMTgzLjMyNS01LjM1cy0uMTA4LTMuOTQyLS4zMjUtNS4zMjVjLS4yMTctMS4zODMtLjUyNS0yLjQ2Ny0uOTI1LTMuMjUtLjQtLjc4My0uODY3LTEuMzI1LTEuNC0xLjYyNWEzLjUwOSAzLjUwOSAwIDAgMC0xLjc1LS40NWMtLjYgMC0xLjE2Ny4xNS0xLjcuNDUtLjUzMy4zLTEgLjg0Mi0xLjQgMS42MjUtLjQuNzgzLS43MTcgMS44NjctLjk1IDMuMjUtLjIzMyAxLjM4My0uMzUgMy4xNTgtLjM1IDUuMzI1IDAgMi4xNjcuMTE3IDMuOTUuMzUgNS4zNS4yMzMgMS40LjU1IDIuNTE3Ljk1IDMuMzUuNC44MzMuODY3IDEuNDA4IDEuNCAxLjcyNS41MzMuMzE3IDEuMS40NzUgMS43LjQ3NXptMjYuNCA1LjdjLTEuNyAwLTMuMjUtLjM1OC00LjY1LTEuMDc1LTEuNC0uNzE3LTIuNTkyLTEuNzc1LTMuNTc1LTMuMTc1LS45ODMtMS40LTEuNzUtMy4xMzMtMi4zLTUuMi0uNTUtMi4wNjctLjgyNS00LjQ1LS44MjUtNy4xNXMuMjc1LTUuMDY3LjgyNS03LjFjLjU1LTIuMDMzIDEuMzE3LTMuNzQyIDIuMy01LjEyNS45ODMtMS4zODMgMi4xNzUtMi40MTcgMy41NzUtMy4xIDEuNC0uNjgzIDIuOTUtMS4wMjUgNC42NS0xLjAyNSAxLjcgMCAzLjI1LjM0MiA0LjY1IDEuMDI1IDEuNC42ODMgMi41OTIgMS43MTcgMy41NzUgMy4xLjk4MyAxLjM4MyAxLjc1IDMuMDkyIDIuMyA1LjEyNS41NSAyLjAzMy44MjUgNC40LjgyNSA3LjEgMCAyLjctLjI3NSA1LjA4My0uODI1IDcuMTUtLjU1IDIuMDY3LTEuMzE3IDMuOC0yLjMgNS4yLS45ODMgMS40LTIuMTc1IDIuNDU4LTMuNTc1IDMuMTc1LTEuNC43MTctMi45NSAxLjA3NS00LjY1IDEuMDc1em0wLTUuN2MuNjMzIDAgMS4yMTctLjE1OCAxLjc1LS40NzUuNTMzLS4zMTcgMS0uODkyIDEuNC0xLjcyNS40LS44MzMuNzA4LTEuOTUuOTI1LTMuMzUuMjE3LTEuNC4zMjUtMy4xODMuMzI1LTUuMzVzLS4xMDgtMy45NDItLjMyNS01LjMyNWMtLjIxNy0xLjM4My0uNTI1LTIuNDY3LS45MjUtMy4yNS0uNC0uNzgzLS44NjctMS4zMjUtMS40LTEuNjI1YTMuNTA5IDMuNTA5IDAgMCAwLTEuNzUtLjQ1Yy0uNiAwLTEuMTY3LjE1LTEuNy40NS0uNTMzLjMtMSAuODQyLTEuNCAxLjYyNS0uNC43ODMtLjcxNyAxLjg2Ny0uOTUgMy4yNS0uMjMzIDEuMzgzLS4zNSAzLjE1OC0uMzUgNS4zMjUgMCAyLjE2Ny4xMTcgMy45NS4zNSA1LjM1LjIzMyAxLjQuNTUgMi41MTcuOTUgMy4zNS40LjgzMy44NjcgMS40MDggMS40IDEuNzI1LjUzMy4zMTcgMS4xLjQ3NSAxLjcuNDc1em0yNi40IDUuN2MtMS43IDAtMy4yNS0uMzU4LTQuNjUtMS4wNzUtMS40LS43MTctMi41OTItMS43NzUtMy41NzUtMy4xNzUtLjk4My0xLjQtMS43NS0zLjEzMy0yLjMtNS4yLS41NS0yLjA2Ny0uODI1LTQuNDUtLjgyNS03LjE1cy4yNzUtNS4wNjcuODI1LTcuMWMuNTUtMi4wMzMgMS4zMTctMy43NDIgMi4zLTUuMTI1Ljk4My0xLjM4MyAyLjE3NS0yLjQxNyAzLjU3NS0zLjEgMS40LS42ODMgMi45NS0xLjAyNSA0LjY1LTEuMDI1IDEuNyAwIDMuMjUuMzQyIDQuNjUgMS4wMjUgMS40LjY4MyAyLjU5MiAxLjcxNyAzLjU3NSAzLjEuOTgzIDEuMzgzIDEuNzUgMy4wOTIgMi4zIDUuMTI1LjU1IDIuMDMzLjgyNSA0LjQuODI1IDcuMSAwIDIuNy0uMjc1IDUuMDgzLS44MjUgNy4xNS0uNTUgMi4wNjctMS4zMTcgMy44LTIuMyA1LjItLjk4MyAxLjQtMi4xNzUgMi40NTgtMy41NzUgMy4xNzUtMS40LjcxNy0yLjk1IDEuMDc1LTQuNjUgMS4wNzV6bTAtNS43Yy42MzMgMCAxLjIxNy0uMTU4IDEuNzUtLjQ3NS41MzMtLjMxNyAxLS44OTIgMS40LTEuNzI1LjQtLjgzMy43MDgtMS45NS45MjUtMy4zNS4yMTctMS40LjMyNS0zLjE4My4zMjUtNS4zNXMtLjEwOC0zLjk0Mi0uMzI1LTUuMzI1Yy0uMjE3LTEuMzgzLS41MjUtMi40NjctLjkyNS0zLjI1LS40LS43ODMtLjg2Ny0xLjMyNS0xLjQtMS42MjVhMy41MDkgMy41MDkgMCAwIDAtMS43NS0uNDVjLS42IDAtMS4xNjcuMTUtMS43LjQ1LS41MzMuMy0xIC44NDItMS40IDEuNjI1LS40Ljc4My0uNzE3IDEuODY3LS45NSAzLjI1LS4yMzMgMS4zODMtLjM1IDMuMTU4LS4zNSA1LjMyNSAwIDIuMTY3LjExNyAzLjk1LjM1IDUuMzUuMjMzIDEuNC41NSAyLjUxNy45NSAzLjM1LjQuODMzLjg2NyAxLjQwOCAxLjQgMS43MjUuNTMzLjMxNyAxLjEuNDc1IDEuNy40NzV6bTEzLjkgNS4xbDcuNi0xMi45LTcuMTUtMTEuOWg3LjlsMi4yIDRjLjMzMy43LjY3NSAxLjQwOCAxLjAyNSAyLjEyNS4zNS43MTcuNzA4IDEuNDI1IDEuMDc1IDIuMTI1aC4yYy4yNjctLjcuNTUtMS40MDguODUtMi4xMjUuMy0uNzE3LjU4My0xLjQyNS44NS0yLjEyNWwxLjctNGg3LjZsLTcuMiAxMi43NSA3LjY1IDEyLjA1aC03LjlsLTIuNC00LjFjLS40LS43LS43OTItMS40MTctMS4xNzUtMi4xNWE2NS4zNzMgNjUuMzczIDAgMCAwLTEuMTc1LTIuMTVoLS4yYy0uMy43LS42MTcgMS40MDgtLjk1IDIuMTI1LS4zMzMuNzE3LS42NSAxLjQ0Mi0uOTUgMi4xNzVsLTEuOTUgNC4xaC03LjZ6bTM5LjA1LjZhMTEuNiAxMS42IDAgMCAxLTQuNDc1LS45Yy0xLjQ1LS42LTIuNzMzLTEuNTMzLTMuODUtMi44cy0yLjAwOC0yLjg5Mi0yLjY3NS00Ljg3NWMtLjY2Ny0xLjk4My0xLTQuMzc1LTEtNy4xNzUgMC0yLjk2Ny4zNTgtNS41MzMgMS4wNzUtNy43czEuNjY3LTMuOTUgMi44NS01LjM1YzEuMTgzLTEuNCAyLjU1LTIuNDQyIDQuMS0zLjEyNWExMS44MzkgMTEuODM5IDAgMCAxIDQuODI1LTEuMDI1YzIuMSAwIDMuOTE3LjM3NSA1LjQ1IDEuMTI1IDEuNTMzLjc1IDIuOCAxLjY0MiAzLjggMi42NzVsLTMuODUgNC40Yy0uNTY3LS42LTEuMy0xLjEyNS0yLjItMS41NzUtLjktLjQ1LTEuODE3LS42NzUtMi43NS0uNjc1LS44NjcgMC0xLjY4My4xNjctMi40NS41LS43NjcuMzMzLTEuNDQyLjg5Mi0yLjAyNSAxLjY3NXMtMS4wNTggMS44MDgtMS40MjUgMy4wNzVjLS4zNjcgMS4yNjctLjU4MyAyLjgxNy0uNjUgNC42NS40LS41MzMuODY3LTEuMDA4IDEuNC0xLjQyNWE5LjggOS44IDAgMCAxIDEuNjUtMS4wNSA4Ljg4NiA4Ljg4NiAwIDAgMSAxLjctLjY1Yy41NjctLjE1IDEuMS0uMjI1IDEuNi0uMjI1IDEuMzY3IDAgMi42MjUuMiAzLjc3NS42IDEuMTUuNCAyLjE1IDEgMyAxLjguODUuOCAxLjUwOCAxLjgxNyAxLjk3NSAzLjA1LjQ2NyAxLjIzMy43IDIuNjgzLjcgNC4zNSAwIDEuNjY3LS4yODMgMy4xNS0uODUgNC40NS0uNTY3IDEuMy0xLjMyNSAyLjQxNy0yLjI3NSAzLjM1YTkuNDk2IDkuNDk2IDAgMCAxLTMuMzUgMi4xMjUgMTEuNDY1IDExLjQ2NSAwIDAgMS00LjA3NS43MjV6bS0uMTUtNS41YzEuMSAwIDIuMDQyLS40MDggMi44MjUtMS4yMjUuNzgzLS44MTcgMS4xNzUtMi4xMjUgMS4xNzUtMy45MjUgMC0xLjctLjM5Mi0yLjg5Mi0xLjE3NS0zLjU3NS0uNzgzLS42ODMtMS43NzUtMS4wMjUtMi45NzUtMS4wMjUtLjgzMyAwLTEuNjc1LjI0Mi0yLjUyNS43MjUtLjg1LjQ4My0xLjYwOCAxLjI5Mi0yLjI3NSAyLjQyNS4xNjcgMS4yNjcuNDE3IDIuMzE3Ljc1IDMuMTUuMzMzLjgzMy43MTcgMS41MDggMS4xNSAyLjAyNS40MzMuNTE3LjkwOC44ODMgMS40MjUgMS4xYTQuMTYgNC4xNiAwIDAgMCAxLjYyNS4zMjV6bTI2LjU1IDUuNWExMS42IDExLjYgMCAwIDEtNC40NzUtLjljLTEuNDUtLjYtMi43MzMtMS41MzMtMy44NS0yLjhzLTIuMDA4LTIuODkyLTIuNjc1LTQuODc1Yy0uNjY3LTEuOTgzLTEtNC4zNzUtMS03LjE3NSAwLTIuOTY3LjM1OC01LjUzMyAxLjA3NS03LjdzMS42NjctMy45NSAyLjg1LTUuMzVjMS4xODMtMS40IDIuNTUtMi40NDIgNC4xLTMuMTI1YTExLjgzOSAxMS44MzkgMCAwIDEgNC44MjUtMS4wMjVjMi4xIDAgMy45MTcuMzc1IDUuNDUgMS4xMjUgMS41MzMuNzUgMi44IDEuNjQyIDMuOCAyLjY3NWwtMy44NSA0LjRjLS41NjctLjYtMS4zLTEuMTI1LTIuMi0xLjU3NS0uOS0uNDUtMS44MTctLjY3NS0yLjc1LS42NzUtLjg2NyAwLTEuNjgzLjE2Ny0yLjQ1LjUtLjc2Ny4zMzMtMS40NDIuODkyLTIuMDI1IDEuNjc1cy0xLjA1OCAxLjgwOC0xLjQyNSAzLjA3NWMtLjM2NyAxLjI2Ny0uNTgzIDIuODE3LS42NSA0LjY1LjQtLjUzMy44NjctMS4wMDggMS40LTEuNDI1YTkuOCA5LjggMCAwIDEgMS42NS0xLjA1IDguODg2IDguODg2IDAgMCAxIDEuNy0uNjVjLjU2Ny0uMTUgMS4xLS4yMjUgMS42LS4yMjUgMS4zNjcgMCAyLjYyNS4yIDMuNzc1LjYgMS4xNS40IDIuMTUgMSAzIDEuOC44NS44IDEuNTA4IDEuODE3IDEuOTc1IDMuMDUuNDY3IDEuMjMzLjcgMi42ODMuNyA0LjM1IDAgMS42NjctLjI4MyAzLjE1LS44NSA0LjQ1LS41NjcgMS4zLTEuMzI1IDIuNDE3LTIuMjc1IDMuMzVhOS40OTYgOS40OTYgMCAwIDEtMy4zNSAyLjEyNSAxMS40NjUgMTEuNDY1IDAgMCAxLTQuMDc1LjcyNXptLS4xNS01LjVjMS4xIDAgMi4wNDItLjQwOCAyLjgyNS0xLjIyNS43ODMtLjgxNyAxLjE3NS0yLjEyNSAxLjE3NS0zLjkyNSAwLTEuNy0uMzkyLTIuODkyLTEuMTc1LTMuNTc1LS43ODMtLjY4My0xLjc3NS0xLjAyNS0yLjk3NS0xLjAyNS0uODMzIDAtMS42NzUuMjQyLTIuNTI1LjcyNS0uODUuNDgzLTEuNjA4IDEuMjkyLTIuMjc1IDIuNDI1LjE2NyAxLjI2Ny40MTcgMi4zMTcuNzUgMy4xNS4zMzMuODMzLjcxNyAxLjUwOCAxLjE1IDIuMDI1LjQzMy41MTcuOTA4Ljg4MyAxLjQyNSAxLjFhNC4xNiA0LjE2IDAgMCAwIDEuNjI1LjMyNXptMjYuNTUgNS41YTExLjYgMTEuNiAwIDAgMS00LjQ3NS0uOWMtMS40NS0uNi0yLjczMy0xLjUzMy0zLjg1LTIuOHMtMi4wMDgtMi44OTItMi42NzUtNC44NzVjLS42NjctMS45ODMtMS00LjM3NS0xLTcuMTc1IDAtMi45NjcuMzU4LTUuNTMzIDEuMDc1LTcuN3MxLjY2Ny0zLjk1IDIuODUtNS4zNWMxLjE4My0xLjQgMi41NS0yLjQ0MiA0LjEtMy4xMjVhMTEuODM5IDExLjgzOSAwIDAgMSA0LjgyNS0xLjAyNWMyLjEgMCAzLjkxNy4zNzUgNS40NSAxLjEyNSAxLjUzMy43NSAyLjggMS42NDIgMy44IDIuNjc1bC0zLjg1IDQuNGMtLjU2Ny0uNi0xLjMtMS4xMjUtMi4yLTEuNTc1LS45LS40NS0xLjgxNy0uNjc1LTIuNzUtLjY3NS0uODY3IDAtMS42ODMuMTY3LTIuNDUuNS0uNzY3LjMzMy0xLjQ0Mi44OTItMi4wMjUgMS42NzVzLTEuMDU4IDEuODA4LTEuNDI1IDMuMDc1Yy0uMzY3IDEuMjY3LS41ODMgMi44MTctLjY1IDQuNjUuNC0uNTMzLjg2Ny0xLjAwOCAxLjQtMS40MjVhOS44IDkuOCAwIDAgMSAxLjY1LTEuMDUgOC44ODYgOC44ODYgMCAwIDEgMS43LS42NWMuNTY3LS4xNSAxLjEtLjIyNSAxLjYtLjIyNSAxLjM2NyAwIDIuNjI1LjIgMy43NzUuNiAxLjE1LjQgMi4xNSAxIDMgMS44Ljg1LjggMS41MDggMS44MTcgMS45NzUgMy4wNS40NjcgMS4yMzMuNyAyLjY4My43IDQuMzUgMCAxLjY2Ny0uMjgzIDMuMTUtLjg1IDQuNDUtLjU2NyAxLjMtMS4zMjUgMi40MTctMi4yNzUgMy4zNWE5LjQ5NiA5LjQ5NiAwIDAgMS0zLjM1IDIuMTI1IDExLjQ2NSAxMS40NjUgMCAwIDEtNC4wNzUuNzI1em0tLjE1LTUuNWMxLjEgMCAyLjA0Mi0uNDA4IDIuODI1LTEuMjI1Ljc4My0uODE3IDEuMTc1LTIuMTI1IDEuMTc1LTMuOTI1IDAtMS43LS4zOTItMi44OTItMS4xNzUtMy41NzUtLjc4My0uNjgzLTEuNzc1LTEuMDI1LTIuOTc1LTEuMDI1LS44MzMgMC0xLjY3NS4yNDItMi41MjUuNzI1LS44NS40ODMtMS42MDggMS4yOTItMi4yNzUgMi40MjUuMTY3IDEuMjY3LjQxNyAyLjMxNy43NSAzLjE1LjMzMy44MzMuNzE3IDEuNTA4IDEuMTUgMi4wMjUuNDMzLjUxNy45MDguODgzIDEuNDI1IDEuMWE0LjE2IDQuMTYgMCAwIDAgMS42MjUuMzI1eiIvPjwvZz48L2c+PC9zdmc+\n\" alt=\"dummy\">\n </div>\n </div>\n <div class=\"display-grid grid-cols-1 grid-cols-3-md gap-15\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>\n </div>\n <div class=\"\" style=\"opacity: 0; transform: translateY(15px) translateZ(0px);\">\n <div class=\"bg-white rounded border padding-25 margin-bottom-15\">\n Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pharetra dui eget massa efficitur aliquam condimentum in felis. Integer eget metus vel nunc efficitur iaculis. Vivamus elementum ante et est sagittis semper. Ut consectetur enim nec tortor scelerisque tincidunt.</div>\n </div>\n </div>\n</div>"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"label": "Props",
|
|
87
|
+
"language": "json",
|
|
88
|
+
"code": null,
|
|
89
|
+
"props": [
|
|
90
|
+
{
|
|
91
|
+
"heading": null,
|
|
92
|
+
"rows": [
|
|
93
|
+
{
|
|
94
|
+
"name": "delay",
|
|
95
|
+
"type": "Number",
|
|
96
|
+
"default": "0",
|
|
97
|
+
"description": "Defines the time the animation should wait until it starts."
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"name": "duration",
|
|
101
|
+
"type": "Number",
|
|
102
|
+
"default": "0.4",
|
|
103
|
+
"description": "Defines the duration in seconds of the fade up animation."
|
|
104
|
+
},
|
|
105
|
+
{
|
|
106
|
+
"name": "offset",
|
|
107
|
+
"type": "number",
|
|
108
|
+
"default": "15",
|
|
109
|
+
"description": "Defines the y offset from the bottom where the element starts to fade in."
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"name": "className",
|
|
113
|
+
"type": "String",
|
|
114
|
+
"default": "",
|
|
115
|
+
"description": "Additional classes names added to the motion div wrapper."
|
|
116
|
+
}
|
|
117
|
+
]
|
|
118
|
+
}
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
]
|
|
122
|
+
}
|
|
123
|
+
]
|
|
124
|
+
}
|
|
125
|
+
],
|
|
126
|
+
"see_also": []
|
|
127
|
+
}
|