@arcblock/blocklet-registry
Version:
**Blocklets** are reusable building blocks to help developers and community users to build things on [ArcBlock](https://www.arcblock.io) platform. A blocklet serves one and only one purpose, reusability is the core design philosophy of blocklets. Reusabil
185 lines • 99.5 kB
HTML
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="msvalidate.01" content="9FE85FD962F331A6F8900C9602BC5A64"/><meta name="google-site-verification" content="8nNdIdMRDKBtI-Ue-EWxaVazbzOZxT8_gIBUJyUdYFE"/><link rel="stylesheet" type="text/css" href="/icons/css/all.css"/><script type="text/javascript" src="/get_env_script.js"></script><meta name="generator" content="Gatsby 2.32.6"/><style id="jss-server-side">html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit}b,strong{font-weight:700}body{color:#404040;margin:0;font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.43;background-color:#f7f8f8}@media print{body{background-color:#fff}}body::-webkit-backdrop{background-color:#f7f8f8}body::backdrop{background-color:#f7f8f8}html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit}b,strong{font-weight:700}body{color:#404040;margin:0;font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.43;background-color:#f7f8f8}@media print{body{background-color:#fff}}body::-webkit-backdrop{background-color:#f7f8f8}body::backdrop{background-color:#f7f8f8}.MuiButtonBase-root-9{color:inherit;border:0;cursor:pointer;margin:0;display:inline-flex;outline:0;padding:0;position:relative;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.MuiButtonBase-root-9::-moz-focus-inner{border-style:none}.MuiButtonBase-root-9.Mui-disabled{cursor:default;pointer-events:none}@media print{.MuiButtonBase-root-9{-webkit-print-color-adjust:exact;color-adjust:exact}}.MuiButton-root-183{color:#404040;padding:6px 16px;font-size:1rem;min-width:64px;box-shadow:none;box-sizing:border-box;transition:background-color 250ms cubic-bezier(.4,0,.2,1) 0s,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0s,border 250ms cubic-bezier(.4,0,.2,1) 0s;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500;line-height:1.75;border-radius:0;text-transform:uppercase}.MuiButton-root-183:hover{text-decoration:none;background-color:rgba(64,64,64,.04)}.MuiButton-root-183.Mui-disabled{color:rgba(0,0,0,.26)}@media (hover:none){.MuiButton-root-183:hover{background-color:transparent}}.MuiButton-root-183:hover.Mui-disabled{background-color:transparent}.MuiButton-label-184{width:100%;display:inherit;align-items:inherit;justify-content:inherit}.MuiButton-text-185{padding:6px 8px}.MuiButton-textPrimary-186{color:#4e6af6}.MuiButton-textPrimary-186:hover{background-color:rgba(78,106,246,.04)}@media (hover:none){.MuiButton-textPrimary-186:hover{background-color:transparent}}.MuiButton-textSecondary-187{color:#44cdc6}.MuiButton-textSecondary-187:hover{background-color:rgba(68,205,198,.04)}@media (hover:none){.MuiButton-textSecondary-187:hover{background-color:transparent}}.MuiButton-outlined-188{border:1px solid rgba(0,0,0,.23);padding:5px 15px}.MuiButton-outlined-188.Mui-disabled{border:1px solid rgba(0,0,0,.12)}.MuiButton-outlinedPrimary-189{color:#4e6af6;border:1px solid rgba(78,106,246,.5)}.MuiButton-outlinedPrimary-189:hover{border:1px solid #4e6af6;background-color:rgba(78,106,246,.04)}@media (hover:none){.MuiButton-outlinedPrimary-189:hover{background-color:transparent}}.MuiButton-outlinedSecondary-190{color:#44cdc6;border:1px solid rgba(68,205,198,.5)}.MuiButton-outlinedSecondary-190:hover{border:1px solid #44cdc6;background-color:rgba(68,205,198,.04)}.MuiButton-outlinedSecondary-190.Mui-disabled{border:1px solid rgba(0,0,0,.26)}@media (hover:none){.MuiButton-outlinedSecondary-190:hover{background-color:transparent}}.MuiButton-contained-191{color:rgba(0,0,0,.87);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);background-color:#e0e0e0}.MuiButton-contained-191:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#d5d5d5}.MuiButton-contained-191.Mui-focusVisible{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.MuiButton-contained-191:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.MuiButton-contained-191.Mui-disabled{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}@media (hover:none){.MuiButton-contained-191:hover{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);background-color:#e0e0e0}}.MuiButton-contained-191:hover.Mui-disabled{background-color:rgba(0,0,0,.12)}.MuiButton-containedPrimary-192{color:#fff;background-color:#4e6af6}.MuiButton-containedPrimary-192:hover{background-color:#364aac}@media (hover:none){.MuiButton-containedPrimary-192:hover{background-color:#4e6af6}}.MuiButton-containedSecondary-193{color:#fff;background-color:#44cdc6}.MuiButton-containedSecondary-193:hover{background-color:#2f8f8a}@media (hover:none){.MuiButton-containedSecondary-193:hover{background-color:#44cdc6}}.MuiButton-disableElevation-194{box-shadow:none}.MuiButton-disableElevation-194:hover{box-shadow:none}.MuiButton-disableElevation-194.Mui-focusVisible{box-shadow:none}.MuiButton-disableElevation-194:active{box-shadow:none}.MuiButton-disableElevation-194.Mui-disabled{box-shadow:none}.MuiButton-colorInherit-195{color:inherit;border-color:currentColor}.MuiButton-textSizeSmall-196{padding:4px 5px;font-size:.9285714285714285rem}.MuiButton-textSizeLarge-197{padding:8px 11px;font-size:1.0714285714285714rem}.MuiButton-outlinedSizeSmall-198{padding:3px 9px;font-size:.9285714285714285rem}.MuiButton-outlinedSizeLarge-199{padding:7px 21px;font-size:1.0714285714285714rem}.MuiButton-containedSizeSmall-200{padding:4px 10px;font-size:.9285714285714285rem}.MuiButton-containedSizeLarge-201{padding:8px 22px;font-size:1.0714285714285714rem}.MuiButton-fullWidth-204{width:100%}.MuiButton-startIcon-205{display:inherit;margin-left:-4px;margin-right:8px}.MuiButton-startIcon-205.MuiButton-iconSizeSmall-207{margin-left:-2px}.MuiButton-endIcon-206{display:inherit;margin-left:8px;margin-right:-4px}.MuiButton-endIcon-206.MuiButton-iconSizeSmall-207{margin-right:-2px}.MuiButton-iconSizeSmall-207>:first-child{font-size:18px}.MuiButton-iconSizeMedium-208>:first-child{font-size:20px}.MuiButton-iconSizeLarge-209>:first-child{font-size:22px}.MuiTypography-root-27{margin:0}.MuiTypography-body2-28{color:#222;font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.43}.MuiTypography-body1-29{color:#222;font-size:1.0476190476190477rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.5}@media (min-width:0px){.MuiTypography-body1-29{font-size:1rem}}@media (min-width:600px){.MuiTypography-body1-29{font-size:1.1667rem}}@media (min-width:960px){.MuiTypography-body1-29{font-size:1.1667rem}}@media (min-width:1280px){.MuiTypography-body1-29{font-size:1.1667rem}}.MuiTypography-caption-30{font-size:.8571428571428571rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.66}.MuiTypography-button-31{font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500;line-height:1.75;text-transform:uppercase}.MuiTypography-h1-32{font-size:1.5rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:300;line-height:1.167}@media (min-width:0px){.MuiTypography-h1-32{font-size:1.4996rem}}@media (min-width:600px){.MuiTypography-h1-32{font-size:1.928rem}}@media (min-width:960px){.MuiTypography-h1-32{font-size:2.3565rem}}@media (min-width:1280px){.MuiTypography-h1-32{font-size:2.5707rem}}.MuiTypography-h2-33{font-size:1.5rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:300;line-height:1.2}@media (min-width:0px){.MuiTypography-h2-33{font-size:1.4583rem}}@media (min-width:600px){.MuiTypography-h2-33{font-size:1.875rem}}@media (min-width:960px){.MuiTypography-h2-33{font-size:2.2917rem}}@media (min-width:1280px){.MuiTypography-h2-33{font-size:2.5rem}}.MuiTypography-h3-34{font-size:1.5rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.167}@media (min-width:0px){.MuiTypography-h3-34{font-size:1.4996rem}}@media (min-width:600px){.MuiTypography-h3-34{font-size:1.928rem}}@media (min-width:960px){.MuiTypography-h3-34{font-size:2.3565rem}}@media (min-width:1280px){.MuiTypography-h3-34{font-size:2.5707rem}}.MuiTypography-h4-35{font-size:1.476190476190476rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.235}@media (min-width:0px){.MuiTypography-h4-35{font-size:1.417rem}}@media (min-width:600px){.MuiTypography-h4-35{font-size:1.8219rem}}@media (min-width:960px){.MuiTypography-h4-35{font-size:2.2267rem}}@media (min-width:1280px){.MuiTypography-h4-35{font-size:2.4291rem}}.MuiTypography-h5-36{font-size:1.2380952380952381rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.334}@media (min-width:0px){.MuiTypography-h5-36{font-size:1.3118rem}}@media (min-width:600px){.MuiTypography-h5-36{font-size:1.4993rem}}@media (min-width:960px){.MuiTypography-h5-36{font-size:1.6867rem}}@media (min-width:1280px){.MuiTypography-h5-36{font-size:1.6867rem}}.MuiTypography-h6-37{font-size:1.1428571428571428rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500;line-height:1.6}@media (min-width:0px){.MuiTypography-h6-37{font-size:1.0938rem}}@media (min-width:600px){.MuiTypography-h6-37{font-size:1.25rem}}@media (min-width:960px){.MuiTypography-h6-37{font-size:1.4063rem}}@media (min-width:1280px){.MuiTypography-h6-37{font-size:1.4063rem}}.MuiTypography-subtitle1-38{font-size:1.0476190476190477rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.75}@media (min-width:0px){.MuiTypography-subtitle1-38{font-size:1rem}}@media (min-width:600px){.MuiTypography-subtitle1-38{font-size:1.1429rem}}@media (min-width:960px){.MuiTypography-subtitle1-38{font-size:1.1429rem}}@media (min-width:1280px){.MuiTypography-subtitle1-38{font-size:1.1429rem}}.MuiTypography-subtitle2-39{font-size:1rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:500;line-height:1.57}.MuiTypography-overline-40{font-size:.8571428571428571rem;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:2.66;text-transform:uppercase}.MuiTypography-srOnly-41{width:1px;height:1px;overflow:hidden;position:absolute}.MuiTypography-alignLeft-42{text-align:left}.MuiTypography-alignCenter-43{text-align:center}.MuiTypography-alignRight-44{text-align:right}.MuiTypography-alignJustify-45{text-align:justify}.MuiTypography-noWrap-46{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MuiTypography-gutterBottom-47{margin-bottom:.35em}.MuiTypography-paragraph-48{margin-bottom:16px}.MuiTypography-colorInherit-49{color:inherit}.MuiTypography-colorPrimary-50{color:#4e6af6}.MuiTypography-colorSecondary-51{color:#44cdc6}.MuiTypography-colorTextPrimary-52{color:#404040}.MuiTypography-colorTextSecondary-53{color:rgba(0,0,0,.54)}.MuiTypography-colorError-54{color:#f44336}.MuiTypography-displayInline-55{display:inline}.MuiTypography-displayBlock-56{display:block}.MuiIconButton-root-1{flex:0 0 auto;color:rgba(0,0,0,.54);padding:12px;overflow:visible;font-size:1.7142857142857142rem;text-align:center;transition:background-color 150ms cubic-bezier(.4,0,.2,1) 0s;border-radius:50%}.MuiIconButton-root-1:hover{background-color:rgba(0,0,0,.04)}.MuiIconButton-root-1.Mui-disabled{color:rgba(0,0,0,.26);background-color:transparent}@media (hover:none){.MuiIconButton-root-1:hover{background-color:transparent}}.MuiIconButton-edgeStart-2{margin-left:-12px}.MuiIconButton-sizeSmall-7.MuiIconButton-edgeStart-2{margin-left:-3px}.MuiIconButton-edgeEnd-3{margin-right:-12px}.MuiIconButton-sizeSmall-7.MuiIconButton-edgeEnd-3{margin-right:-3px}.MuiIconButton-colorInherit-4{color:inherit}.MuiIconButton-colorPrimary-5{color:#4e6af6}.MuiIconButton-colorPrimary-5:hover{background-color:rgba(78,106,246,.04)}@media (hover:none){.MuiIconButton-colorPrimary-5:hover{background-color:transparent}}.MuiIconButton-colorSecondary-6{color:#44cdc6}.MuiIconButton-colorSecondary-6:hover{background-color:rgba(68,205,198,.04)}@media (hover:none){.MuiIconButton-colorSecondary-6:hover{background-color:transparent}}.MuiIconButton-sizeSmall-7{padding:3px;font-size:1.2857142857142856rem}.MuiIconButton-label-8{width:100%;display:flex;align-items:inherit;justify-content:inherit}.MuiSvgIcon-root-10{fill:currentColor;width:1em;height:1em;display:inline-block;font-size:1.7142857142857142rem;transition:fill .2s cubic-bezier(.4,0,.2,1) 0s;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.MuiSvgIcon-colorPrimary-11{color:#4e6af6}.MuiSvgIcon-colorSecondary-12{color:#44cdc6}.MuiSvgIcon-colorAction-13{color:rgba(0,0,0,.54)}.MuiSvgIcon-colorError-14{color:#f44336}.MuiSvgIcon-colorDisabled-15{color:rgba(0,0,0,.26)}.MuiSvgIcon-fontSizeInherit-16{font-size:inherit}.MuiSvgIcon-fontSizeSmall-17{font-size:1.4285714285714284rem}.MuiSvgIcon-fontSizeLarge-18{font-size:2.5rem}.MuiGrid-container-58{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.MuiGrid-item-59{margin:0;box-sizing:border-box}.MuiGrid-zeroMinWidth-60{min-width:0}.MuiGrid-direction-xs-column-61{flex-direction:column}.MuiGrid-direction-xs-column-reverse-62{flex-direction:column-reverse}.MuiGrid-direction-xs-row-reverse-63{flex-direction:row-reverse}.MuiGrid-wrap-xs-nowrap-64{flex-wrap:nowrap}.MuiGrid-wrap-xs-wrap-reverse-65{flex-wrap:wrap-reverse}.MuiGrid-align-items-xs-center-66{align-items:center}.MuiGrid-align-items-xs-flex-start-67{align-items:flex-start}.MuiGrid-align-items-xs-flex-end-68{align-items:flex-end}.MuiGrid-align-items-xs-baseline-69{align-items:baseline}.MuiGrid-align-content-xs-center-70{align-content:center}.MuiGrid-align-content-xs-flex-start-71{align-content:flex-start}.MuiGrid-align-content-xs-flex-end-72{align-content:flex-end}.MuiGrid-align-content-xs-space-between-73{align-content:space-between}.MuiGrid-align-content-xs-space-around-74{align-content:space-around}.MuiGrid-justify-xs-center-75{justify-content:center}.MuiGrid-justify-xs-flex-end-76{justify-content:flex-end}.MuiGrid-justify-xs-space-between-77{justify-content:space-between}.MuiGrid-justify-xs-space-around-78{justify-content:space-around}.MuiGrid-justify-xs-space-evenly-79{justify-content:space-evenly}.MuiGrid-spacing-xs-1-80{width:calc(100% + 8px);margin:-4px}.MuiGrid-spacing-xs-1-80>.MuiGrid-item-59{padding:4px}.MuiGrid-spacing-xs-2-81{width:calc(100% + 16px);margin:-8px}.MuiGrid-spacing-xs-2-81>.MuiGrid-item-59{padding:8px}.MuiGrid-spacing-xs-3-82{width:calc(100% + 24px);margin:-12px}.MuiGrid-spacing-xs-3-82>.MuiGrid-item-59{padding:12px}.MuiGrid-spacing-xs-4-83{width:calc(100% + 32px);margin:-16px}.MuiGrid-spacing-xs-4-83>.MuiGrid-item-59{padding:16px}.MuiGrid-spacing-xs-5-84{width:calc(100% + 40px);margin:-20px}.MuiGrid-spacing-xs-5-84>.MuiGrid-item-59{padding:20px}.MuiGrid-spacing-xs-6-85{width:calc(100% + 48px);margin:-24px}.MuiGrid-spacing-xs-6-85>.MuiGrid-item-59{padding:24px}.MuiGrid-spacing-xs-7-86{width:calc(100% + 56px);margin:-28px}.MuiGrid-spacing-xs-7-86>.MuiGrid-item-59{padding:28px}.MuiGrid-spacing-xs-8-87{width:calc(100% + 64px);margin:-32px}.MuiGrid-spacing-xs-8-87>.MuiGrid-item-59{padding:32px}.MuiGrid-spacing-xs-9-88{width:calc(100% + 72px);margin:-36px}.MuiGrid-spacing-xs-9-88>.MuiGrid-item-59{padding:36px}.MuiGrid-spacing-xs-10-89{width:calc(100% + 80px);margin:-40px}.MuiGrid-spacing-xs-10-89>.MuiGrid-item-59{padding:40px}.MuiGrid-grid-xs-auto-90{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-xs-true-91{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xs-1-92{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-xs-2-93{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-xs-3-94{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-xs-4-95{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-xs-5-96{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-xs-6-97{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-xs-7-98{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-xs-8-99{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-xs-9-100{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-xs-10-101{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-xs-11-102{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-xs-12-103{flex-grow:0;max-width:100%;flex-basis:100%}@media (min-width:600px){.MuiGrid-grid-sm-auto-104{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-sm-true-105{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-sm-1-106{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-sm-2-107{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-sm-3-108{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-sm-4-109{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-sm-5-110{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-sm-6-111{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-sm-7-112{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-sm-8-113{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-sm-9-114{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-sm-10-115{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-sm-11-116{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-sm-12-117{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:960px){.MuiGrid-grid-md-auto-118{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-md-true-119{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-md-1-120{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-md-2-121{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-md-3-122{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-md-4-123{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-md-5-124{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-md-6-125{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-md-7-126{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-md-8-127{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-md-9-128{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-md-10-129{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-md-11-130{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-md-12-131{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:1280px){.MuiGrid-grid-lg-auto-132{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-lg-true-133{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-lg-1-134{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-lg-2-135{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-lg-3-136{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-lg-4-137{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-lg-5-138{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-lg-6-139{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-lg-7-140{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-lg-8-141{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-lg-9-142{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-lg-10-143{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-lg-11-144{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-lg-12-145{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:1920px){.MuiGrid-grid-xl-auto-146{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-xl-true-147{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xl-1-148{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-xl-2-149{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-xl-3-150{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-xl-4-151{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-xl-5-152{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-xl-6-153{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-xl-7-154{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-xl-8-155{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-xl-9-156{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-xl-10-157{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-xl-11-158{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-xl-12-159{flex-grow:0;max-width:100%;flex-basis:100%}}.MuiContainer-root-19{width:100%;display:block;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}@media (min-width:600px){.MuiContainer-root-19{padding-left:24px;padding-right:24px}}.MuiContainer-disableGutters-20{padding-left:0;padding-right:0}@media (min-width:600px){.MuiContainer-fixed-21{max-width:600px}}@media (min-width:960px){.MuiContainer-fixed-21{max-width:960px}}@media (min-width:1280px){.MuiContainer-fixed-21{max-width:1280px}}@media (min-width:1920px){.MuiContainer-fixed-21{max-width:1920px}}@media (min-width:0px){.MuiContainer-maxWidthXs-22{max-width:444px}}@media (min-width:600px){.MuiContainer-maxWidthSm-23{max-width:600px}}@media (min-width:960px){.MuiContainer-maxWidthMd-24{max-width:960px}}@media (min-width:1280px){.MuiContainer-maxWidthLg-25{max-width:1280px}}@media (min-width:1920px){.MuiContainer-maxWidthXl-26{max-width:1920px}}.MuiButtonGroup-root-160{display:inline-flex;border-radius:4px}.MuiButtonGroup-contained-161{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.MuiButtonGroup-disableElevation-162{box-shadow:none}.MuiButtonGroup-fullWidth-163{width:100%}.MuiButtonGroup-vertical-164{flex-direction:column}.MuiButtonGroup-grouped-165{min-width:40px}.MuiButtonGroup-groupedHorizontal-166:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.MuiButtonGroup-groupedHorizontal-166:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.MuiButtonGroup-groupedVertical-167:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.MuiButtonGroup-groupedVertical-167:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.MuiButtonGroup-groupedTextHorizontal-169:not(:last-child){border-right:1px solid rgba(0,0,0,.23)}.MuiButtonGroup-groupedTextVertical-170:not(:last-child){border-bottom:1px solid rgba(0,0,0,.23)}.MuiButtonGroup-groupedTextPrimary-171:not(:last-child){border-color:rgba(78,106,246,.5)}.MuiButtonGroup-groupedTextSecondary-172:not(:last-child){border-color:rgba(68,205,198,.5)}.MuiButtonGroup-groupedOutlinedHorizontal-174:not(:first-child){margin-left:-1px}.MuiButtonGroup-groupedOutlinedHorizontal-174:not(:last-child){border-right-color:transparent}.MuiButtonGroup-groupedOutlinedVertical-175:not(:first-child){margin-top:-1px}.MuiButtonGroup-groupedOutlinedVertical-175:not(:last-child){border-bottom-color:transparent}.MuiButtonGroup-groupedOutlinedPrimary-176:hover{border-color:#4e6af6}.MuiButtonGroup-groupedOutlinedSecondary-177:hover{border-color:#44cdc6}.MuiButtonGroup-groupedContained-178{box-shadow:none}.MuiButtonGroup-groupedContainedHorizontal-179:not(:last-child){border-right:1px solid #bdbdbd}.MuiButtonGroup-groupedContainedHorizontal-179:not(:last-child).Mui-disabled{border-right:1px solid rgba(0,0,0,.26)}.MuiButtonGroup-groupedContainedVertical-180:not(:last-child){border-bottom:1px solid #bdbdbd}.MuiButtonGroup-groupedContainedVertical-180:not(:last-child).Mui-disabled{border-bottom:1px solid rgba(0,0,0,.26)}.MuiButtonGroup-groupedContainedPrimary-181:not(:last-child){border-color:#364aac}.MuiButtonGroup-groupedContainedSecondary-182:not(:last-child){border-color:#2f8f8a}</style><style data-styled="" data-styled-version="5.2.1">{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222222;}/*!sc*/
a,a:hover,a:active{-webkit-text-decoration:none;text-decoration:none;color:rgb(54,74,172);}/*!sc*/
a:hover{color:#4E6AF6;}/*!sc*/
.section--latest-post p:last-of-type{margin:0;}/*!sc*/
.has-scrolled .section--footnotes{position:static !important;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-timing-function:ease;transition-timing-function:ease;}/*!sc*/
.has-scrolled .section--footnotes .footnote__title{color:#fff;}/*!sc*/
data-styled.g1[id="sc-global-dzrKlC1"]{content:"sc-global-dzrKlC1,"}/*!sc*/
.dSJSVc{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.dSJSVc .logo-text{margin-top:8px;}/*!sc*/
.dWPPfo{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.dWPPfo .logo-text{margin-left:8px;}/*!sc*/
data-styled.g3[id="Logo__Container-sc-1v4s433-0"]{content:"dSJSVc,dWPPfo,"}/*!sc*/
.bXygXW .trigger{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:14px;}/*!sc*/
.bXygXW .trigger .trigger-image{width:24px;height:24px;}/*!sc*/
.bXygXW .trigger .trigger-text{margin-left:5px;font-size:14px;}/*!sc*/
.bXygXW .locales{background:#FFFFFF;}/*!sc*/
.bXygXW .locale-item{font-size:16px;font-style:normal;font-stretch:normal;line-height:normal;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;text-align:center;color:#404040;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:16px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.bXygXW .locale-item .check-icon{visibility:hidden;margin-right:4px;}/*!sc*/
.bXygXW .locale-item .check-icon-visible{visibility:visible;}/*!sc*/
data-styled.g9[id="selector__Div-wfz3sf-0"]{content:"bXygXW,"}/*!sc*/
.hISyQB{width:100%;z-index:9999;box-shadow:none;background:#fff;}/*!sc*/
data-styled.g11[id="default__Wrapper-sc-1qj5xif-0"]{content:"hISyQB,"}/*!sc*/
.iFSqEK{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";max-width:1280px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;position:relative;height:98px;}/*!sc*/
@media screen and (max-width:1280px){.iFSqEK{padding-left:24px;padding-right:24px;}}/*!sc*/
.iFSqEK .menu-items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;list-style:none;padding:0;margin:0;position:relative;}/*!sc*/
.iFSqEK .menu-item{width:auto;margin-right:8px;text-align:center;height:98px;cursor:pointer;}/*!sc*/
.iFSqEK .menu-item .menu-item__text{margin:20px 0;padding:16px 10px;display:block;font-size:16px;text-transform:uppercase;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;color:#404040;font-weight:normal;cursor:pointer;z-index:9;opacity:0.8;}/*!sc*/
.iFSqEK .menu-item .menu-item__dropdown{display:none;position:absolute;left:0;top:74px;width:960px;z-index:0;}/*!sc*/
.iFSqEK .menu-item:hover .menu-item__text{opacity:1;}/*!sc*/
.iFSqEK .menu-item:hover .menu-item__dropdown{display:block;}/*!sc*/
.iFSqEK .menu-item--has-dropdown:hover .menu-item__text{box-shadow:-2px -2px 6px 0 rgba(0,0,0,0.1),2px -2px 6px 0 rgba(0,0,0,0.1);background:#FFFFFF;position:relative;}/*!sc*/
.iFSqEK .menu-item--has-dropdown:hover .menu-item__text::after{content:'';position:absolute;left:0;top:100%;height:2px;width:100%;background:#FFFFFF;}/*!sc*/
.iFSqEK .menu-item--active .menu-item__text{font-weight:600;position:relative;}/*!sc*/
.iFSqEK .menu-item--active .menu-item__text::after{content:'';position:absolute;left:0;top:90%;height:2px;width:100%;background:#4E6AF6;}/*!sc*/
.iFSqEK .logo{color:#404040;margin-right:8px;}/*!sc*/
.iFSqEK .logo g{stroke:#404040;}/*!sc*/
.iFSqEK .logo span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.iFSqEK .user{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.iFSqEK .user .login-button{width:100px;-webkit-letter-spacing:1px;-moz-letter-spacing:1px;-ms-letter-spacing:1px;letter-spacing:1px;color:#404040;border-color:#404040;}/*!sc*/
.iFSqEK .user .login-button:last-of-type{margin-left:20px;}/*!sc*/
.iFSqEK .user .get-started-button{min-width:100px;height:33px;-webkit-letter-spacing:1px;-moz-letter-spacing:1px;-ms-letter-spacing:1px;letter-spacing:1px;color:#404040;border-color:#404040;}/*!sc*/
.iFSqEK .user .get-started-button:last-of-type{margin-left:20px;}/*!sc*/
@media (min-width:1280px){.iFSqEK .user{position:absolute;right:0px;}}/*!sc*/
@media (min-width:1536px){.iFSqEK .menu-item{margin-right:10px;}.iFSqEK .logo{text-align:center;width:100px;position:absolute;left:-110px;}.iFSqEK .user{position:absolute;right:-120px;}}/*!sc*/
data-styled.g12[id="default__Div-sc-1qj5xif-1"]{content:"iFSqEK,"}/*!sc*/
.euYAsW{width:100%;background:transparent;z-index:9999;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0 0 4px 0 rgba(0,0,0,0.2);overflow:hidden;box-sizing:border-box;}/*!sc*/
data-styled.g13[id="mobile__Wrapper-sc-14rwzz1-0"]{content:"euYAsW,"}/*!sc*/
.bxlBGI{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;}/*!sc*/
.bxlBGI .menu-top{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;}/*!sc*/
@media (max-width:960px){.bxlBGI .menu-top{padding:0;}}/*!sc*/
.bxlBGI .menu-top .menu-top__logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-left:16px;width:60px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}/*!sc*/
@media (max-width:960px){.bxlBGI .menu-top .menu-top__logo{width:48px;}.bxlBGI .menu-top .menu-top__logo svg{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}/*!sc*/
.bxlBGI .menu-top .menu-top__logo g{stroke:#404040;}/*!sc*/
.bxlBGI .menu-top .menu-top__title{-webkit-flex:1;-ms-flex:1;flex:1;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#404040;}/*!sc*/
.bxlBGI .menu-top .menu-top__right{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}/*!sc*/
.bxlBGI .menu-top .menu-top__right .menu-top__trigger{width:50px;color:#404040;}/*!sc*/
.bxlBGI .menu-language{margin-top:10px;margin-bottom:30px;padding-left:20px;width:100%;}/*!sc*/
.bxlBGI .menu-items{width:100%;height:98vh;box-sizing:border-box;padding-left:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;list-style:none;padding:0;margin:0;}/*!sc*/
.bxlBGI .menu-item{width:100%;}/*!sc*/
.bxlBGI .menu-item .menu-item__text{text-indent:1em;border-left:2px solid transparent;line-height:1.5em;margin:0.5em 0;display:inline-block;font-size:16px;text-transform:uppercase;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;color:#404040;}/*!sc*/
.bxlBGI .menu-item .menu-item__dropdown{box-shadow:none;}/*!sc*/
.bxlBGI .menu-item--active .menu-item__text{border-left:3px solid #4E6AF6;font-weight:600;}/*!sc*/
.bxlBGI .login-button{width:90px;color:#404040;border-color:#404040;}/*!sc*/
.bxlBGI .login-button:last-of-type{margin-left:8px;}/*!sc*/
data-styled.g14[id="mobile__Div-sc-14rwzz1-1"]{content:"bxlBGI,"}/*!sc*/
.gNYIuP{width:auto;max-width:1280px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}/*!sc*/
@media (max-width:1280px){.gNYIuP{padding:0 16px;}}/*!sc*/
data-styled.g15[id="container__Div-sc-1y1t7aq-0"]{content:"gNYIuP,"}/*!sc*/
.dCuSSX{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";width:100%;box-sizing:border-box;background-color:#404040;color:#ffffff;}/*!sc*/
.dCuSSX .wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1280px;margin:0 auto;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container{margin-top:30px;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .title{height:24px;margin-bottom:10px;font-size:16px;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;color:#676767;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container{position:relative;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-item{cursor:pointer;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-item:hover path{fill:#fff;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-item:hover circle{stroke:#fff;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-item-with-left{margin-left:16px;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .wechat{display:inline-block;position:relative;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-hover path{fill:#fff;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .social-hover circle{stroke:#fff;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .qrcode{position:absolute;top:52px;right:-21px;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;opacity:0;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .qrcode img{width:180px;height:180px;}/*!sc*/
.dCuSSX .wrapper .logo-container .follow-container .icon-container .qrcode-show{opacity:1;}/*!sc*/
.dCuSSX .wrapper .column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
@media (max-width:600px){.dCuSSX .wrapper .column{margin-left:16px;margin-top:16px;}}/*!sc*/
.dCuSSX .wrapper .column .title{margin-bottom:20px;font-size:16px;-webkit-letter-spacing:2px;-moz-letter-spacing:2px;-ms-letter-spacing:2px;letter-spacing:2px;font-weight:600;color:#ffffff;}/*!sc*/
.dCuSSX .wrapper .column .link-item{font-size:16px;line-height:1.88;color:#ffffff;}/*!sc*/
.dCuSSX .wrapper .footer-bottom{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;color:#9b9b9b;margin-bottom:80px;}/*!sc*/
@media (max-width:960px){.dCuSSX .wrapper .footer-bottom{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;}}/*!sc*/
.dCuSSX .wrapper .footer-bottom .right{text-align:right;}/*!sc*/
@media (max-width:960px){.dCuSSX .wrapper .footer-bottom .right{text-align:left;margin-bottom:20px;}}/*!sc*/
.dCuSSX .wrapper .footer-bottom .right .link{color:#9b9b9b;margin:0 5px;}/*!sc*/
.dCuSSX .wrapper .footer-bottom .middle a{font-size:16px;color:#9b9b9b;-webkit-text-decoration:none;text-decoration:none;padding-left:30px;background:url(/static/record-d0289dc0a46fc5b15b3363ffa78cf6c7.png) no-repeat left center;}/*!sc*/
@media (max-width:960px){.dCuSSX .wrapper .footer-bottom .middle{text-align:left;margin-bottom:20px;}}/*!sc*/
.dCuSSX .wrapper-top{padding-top:80px;padding-bottom:80px;}/*!sc*/
@media (max-width:960px){.dCuSSX .wrapper-top{padding-top:40px;padding-bottom:40px;}}/*!sc*/
data-styled.g16[id="footer__OuterDiv-sc-12buhtt-0"]{content:"dCuSSX,"}/*!sc*/
.jdfXyU{margin-bottom:0px;position:-webkit-sticky;position:-webkit-sticky;position:sticky;z-index:100;top:0;}/*!sc*/
@media (max-width:1280px){.jdfXyU .menu--normal{display:none;}.jdfXyU .menu--mobile{display:block;}}/*!sc*/
@media (min-width:1280px){.jdfXyU .menu--normal{display:block;}.jdfXyU .menu--mobile{display:none;}}/*!sc*/
data-styled.g17[id="default__Div-bdv5fi-0"]{content:"jdfXyU,"}/*!sc*/
.uvxQA.uvxQA{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 10px;height:20px;line-height:20px;font-size:12px;font-weight:500;}/*!sc*/
data-styled.g20[id="Tag__Span-wqpeo3-0"]{content:"uvxQA,"}/*!sc*/
.hmOwJF .blocklet__stat{margin-right:16px;font-size:14px;font-weight:500;}/*!sc*/
.hmOwJF .blocklet__stat .blocklet__stat__icon{margin-right:4px;}/*!sc*/
data-styled.g23[id="stats__Div-sc-12po8b9-0"]{content:"hmOwJF,"}/*!sc*/
.dyMVRA{margin-bottom:40px;border:1px solid #4E6AF6;}/*!sc*/
@media (max-width:600px){.dyMVRA{margin-bottom:0;}}/*!sc*/
.dyMVRA .blocklet__header{height:60px;background-color:rgb(113,135,247);background-image:radial-gradient(#4E6AF6 10%,transparent 0);background-size:10px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.dyMVRA .blocklet__image{width:80px;height:60px;border-radius:0 30px 30px 0;padding-right:10px;background-color:#4E6AF6;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.dyMVRA .blocklet__image img{width:40px;height:40px;}/*!sc*/
.dyMVRA .blocklet__group{background-color:rgb(54,74,172);color:#4E6AF6;font-size:20px;font-weight:900;padding:3px 12px;text-transform:capitalize;}/*!sc*/
.dyMVRA .blocklet__info{padding:24px 12px;}/*!sc*/
.dyMVRA .blocklet__title{font-size:18px;font-weight:bold;margin-bottom:16px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.5rem;max-height:1.5rem;width:100%;}/*!sc*/
.dyMVRA .blocklet__stats{margin-bottom:16px;}/*!sc*/
.dyMVRA .blocklet__description{font-size:14px;color:#222222;margin-bottom:24px;display:block;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-height:1.5rem;max-height:4.5rem;height:4.5rem;}/*!sc*/
.dyMVRA .blocklet__tag{margin-right:12px;text-transform:capitalize;}/*!sc*/
data-styled.g27[id="blocklets__Blocklet-sc-13nzvt6-0"]{content:"dyMVRA,"}/*!sc*/
.eDRliS{color:#404040;}/*!sc*/
.eDRliS .hero{margin-top:120px;text-align:center;}/*!sc*/
@media (max-width:600px){.eDRliS .hero{margin-top:60px;}}/*!sc*/
.eDRliS .hero .hero__title{font-weight:bold;margin-bottom:8px;}/*!sc*/
.eDRliS .hero .hero__subtitle{font-weight:bold;margin-bottom:16px;}/*!sc*/
.eDRliS .hero .hero__description{margin:0 auto;margin-bottom:24px;text-align:center;}/*!sc*/
.eDRliS .hero .hero__button{width:240px;margin:0 auto;}/*!sc*/
.eDRliS .blocklets{margin:40px auto;}/*!sc*/
data-styled.g28[id="list__Div-sc-8tad6c-0"]{content:"eDRliS,"}/*!sc*/
{font-family:Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#222222;}/*!sc*/
a,a:hover,a:active{-webkit-text-decoration:none;text-decoration:none;color:rgb(54,74,172);}/*!sc*/
a:hover{color:#4E6AF6;}/*!sc*/
.section--latest-post p:last-of-type{margin:0;}/*!sc*/
.has-scrolled .section--footnotes{position:static !important;-webkit-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:600ms;transition-duration:600ms;-webkit-transition-timing-function:ease;transition-timing-function:ease;}/*!sc*/
.has-scrolled .section--footnotes .footnote__title{color:#fff;}/*!sc*/
data-styled.g29[id="sc-global-dzrKlC2"]{content:"sc-global-dzrKlC2,"}/*!sc*/
</style><title data-react-helmet="true">Blocklets</title><meta data-react-helmet="true" name="description" content="Born for blockchain 3.0"/><meta data-react-helmet="true" name="keywords" content="blockchain, platform, cloud, developer, arcblock"/><style type="text/css">
.anchor.before {
position: absolute;
top: 0;
left: 0;
transform: translateX(-100%);
padding-right: 4px;
}
.anchor.after {
display: inline-block;
padding-left: 4px;
}
h1 .anchor svg,
h2 .anchor svg,
h3 .anchor svg,
h4 .anchor svg,
h5 .anchor svg,
h6 .anchor svg {
visibility: hidden;
}
h1:hover .anchor svg,
h2:hover .anchor svg,
h3:hover .anchor svg,
h4:hover .anchor svg,
h5:hover .anchor svg,
h6:hover .anchor svg,
h1 .anchor:focus svg,
h2 .anchor:focus svg,
h3 .anchor:focus svg,
h4 .anchor:focus svg,
h5 .anchor:focus svg,
h6 .anchor:focus svg {
visibility: visible;
}
</style><script>
document.addEventListener("DOMContentLoaded", function(event) {
var hash = window.decodeURI(location.hash.replace('#', ''))
if (hash !== '') {
var element = document.getElementById(hash)
if (element) {
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
var clientTop = document.documentElement.clientTop || document.body.clientTop || 0
var offset = element.getBoundingClientRect().top + scrollTop - clientTop
// Wait for the browser to finish rendering before scrolling.
setTimeout((function() {
window.scrollTo(0, offset - 0)
}), 0)
}
}
})
</script><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><link rel="sitemap" type="application/xml" href="/sitemap.xml"/><link as="script" rel="preload" href="/webpack-runtime-3bc988c7c6a51182ebd9.js"/><link as="script" rel="preload" href="/framework-3e6dec6139dadaa7d0c7.js"/><link as="script" rel="preload" href="/app-d73f8f3fd9c2e60780e2.js"/><link as="script" rel="preload" href="/commons-bf515a02c217f6a08103.js"/><link as="script" rel="preload" href="/component---src-templates-blocklet-list-js-69f3bfe38cd0b42ed208.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1812186216.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div id="page-wrapper" class="default__Div-bdv5fi-0 jdfXyU"><div class="default__Wrapper-sc-1qj5xif-0 hISyQB menu--normal"><div class="default__Div-sc-1qj5xif-1 iFSqEK"><div class="logo"><a href="https://www.arcblock.io/en/"><span class="Logo__Container-sc-1v4s433-0 dSJSVc"><svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52"><g fill="none" fill-rule="evenodd" stroke="#000"><path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25m-43.301 0l43.301-25"></path><path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"></path></g></svg><svg class="logo-text" xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18"><path fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882