code[class*=language-],pre[class*=language-]{color:#657b83;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#073642}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#fdf6e3}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#93a1a1}.token.punctuation{color:#586e75}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#268bd2}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string,.token.url{color:#2aa198}.token.entity{color:#657b83;background:#eee8d5}.token.atrule,.token.attr-value,.token.keyword{color:#859900}.token.class-name,.token.function{color:#b58900}.token.important,.token.regex,.token.variable{color:#cb4b16}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.color-1{background:#f24e1e}.color-1-lighter{background:#ff7262}.color-2{background:#a259ff}.color-3{background:#1abcfe}.color-4{background:#0acf83}.color-alpha-50{background:rgba(242,78,30,.5)}.color-figma-gradient{background:linear-gradient(90deg,rgb(242,78,30),rgb(184,89,255) 34.375%,rgb(26,188,254) 67.708%,rgb(10,207,131))}.color-figma-gradient-10{background:linear-gradient(90deg,rgba(10,207,131,.1),rgba(26,188,254,.1) 31.771%,rgba(184,89,255,.1) 70.833%,rgba(242,78,30,.1)),#fff}.color-linear-gradient{background:linear-gradient(135deg,rgb(184,89,255),rgb(10,207,131))}.color-linear-gradient-alpha{background:linear-gradient(104.57deg,rgb(184,89,255),rgba(10,207,131,0))}.color-multi-gradient{background:linear-gradient(180deg,rgb(255,255,255),rgba(255,255,255,0)),linear-gradient(90deg,rgb(184,89,255),rgba(255,255,255,0)),#0acf83}.inner-shadow{box-shadow:inset 4px 5px 10px 2px rgba(242,78,30,.5)}.inner-shadow-bottom{box-shadow:inset -4px -5px 10px 2px rgba(242,78,30,.5)}.drop-shadow{box-shadow:3px 4px 7px 6px rgba(0,0,0,.25)}.layer-blur{filter:blur(4px);background:#f24e1e}.mixed-effects,.multi-shadows{box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25),0 4px 4px 0 rgba(0,0,0,.25)}.h1{font-family:Spinnaker;font-size:24px;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:400;letter-spacing:2px;line-height:30px;text-align:left;text-decoration:underline;text-transform:capitalize;vertical-align:top}.h2{font-family:Roboto;font-size:18px;font-style:normal;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;font-weight:400;line-height:21.09375px}.h2,.regular-text{letter-spacing:0;text-align:left;text-decoration:none;text-transform:none;vertical-align:top}.regular-text{font-feature-settings:normal;font-variant:normal;font-weight:400;line-height:16.40625px}.deleted-text,.regular-text{font-family:Roboto Condensed;font-size:14px;font-style:normal}.deleted-text{font-feature-settings:normal;font-variant:normal;font-weight:700;letter-spacing:0;line-height:1.5;text-align:left;text-decoration:line-through;text-transform:lowercase;vertical-align:top}@media(min-width:1024px){[data-tooltip]{position:relative}}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;font-size:.9em;padding:1px 5px;color:#fff;background:rgba(0,0,0,.75);border-radius:4px;transition:opacity .1s ease-out;z-index:99;text-align:left;opacity:0;white-space:nowrap;pointer-events:none;top:100%;left:50%;margin-top:10px;transform:translate(-50%)}[data-tooltip]:hover:before{opacity:1}.text-center{text-align:center}.nowrap{white-space:nowrap}body{margin:0 0 -25px;font-family:Lato;font-weight:300;font-size:16px;line-height:1.4em;letter-spacing:1px}a{color:#64b5f6;transition:color .4s}a:hover{color:#1976d2}.title{font-size:2.8em;line-height:2em}pre[class*=language-]{padding:1.5em 2em;font-size:.8em;line-height:1.8em}pre.Code{text-align:left;font-size:12px}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:rgba(0,0,0,0)}.figma-gradient{background:#f24e1e;background:linear-gradient(90deg,rgb(242,78,30),rgb(184,89,255) 34.375%,rgb(26,188,254) 67.708%,rgb(10,207,131));line-height:2em}code:not([class*=language-]){padding:5px;margin:0 2px;border-radius:3px}.figma-gradient.with-opacity-05{background:linear-gradient(90deg,rgba(10,207,131,.05),rgba(26,188,254,.05) 31.771%,rgba(184,89,255,.05) 70.833%,rgba(242,78,30,.05)),#fff}.figma-gradient.with-opacity-10{background:linear-gradient(90deg,rgba(10,207,131,.1),rgba(26,188,254,.1) 31.771%,rgba(184,89,255,.1) 70.833%,rgba(242,78,30,.1)),#fff}.figma-gradient.text{background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0)}.hero{text-align:center;margin-bottom:25px}.hero:last-child{margin-bottom:0}.hero .title,.hero section{font-weight:300;margin:0 auto;display:inline-block}.hero .title{font-size:2.6em;padding:0}@media(min-width:1024px){.hero{min-height:635px;height:100vh;display:flex;justify-content:space-evenly;flex-direction:column}.hero .title{font-size:2.8em}}.hero .octicons{padding:40px 0 0;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}@media(min-width:1024px){.hero .octicons{flex-wrap:nowrap}}.hero .octicons .figma-screen{flex:0 0 auto;width:100%}.hero .octicons .figma-screen img{box-shadow:0 0 8px 0 #a8a8af;max-width:100%}@media(min-width:1024px){.hero .octicons .figma-screen{width:35vw}}.hero .octicons .figma-export{text-align:center}.hero .octicons .figma-export .title{font-size:1.8em;line-height:1.2em;margin:30px 0 35px;font-weight:300;letter-spacing:1px}.hero .octicons .figma-arrow{height:12px;margin-top:50px;display:none}@media(min-width:1024px){.hero .octicons .figma-arrow{display:inline-block}}.hero .octicons .icons{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(#fff 80%,transparent);mask-image:linear-gradient(#fff 80%,transparent);width:100%;height:250px;display:flex;flex-wrap:wrap;justify-content:space-between}@media(min-width:1024px){.hero .octicons .icons{width:35vw;height:calc(35vw - 170px)}}.hero .octicons .icons img{width:24px;height:24px}.svgstore{position:absolute;left:-9999px;width:0;height:0;visibility:hidden}.icon{width:35px;height:35px;margin:10px}.icon.with-hover{fill:#64b5f6;transition:fill .2s}.icon.with-hover:hover{fill:#1976d2}.container{padding:0 15px}.section-block{margin:60px 0}a.full{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}h2{text-align:center;padding:15px 0;margin:0;position:-webkit-sticky;position:sticky;z-index:1;top:0}.code-block{display:flex;justify-content:space-around;flex-direction:column;margin:30px 0}@media(min-width:1024px){.code-block{align-items:center;flex-direction:row}}.code-block--text .description,.code-block--text h3{padding:0 5%}.code-block--text h3{line-height:2em;margin:.5em 0}.code-block--text .description{margin:1em}.code-block--text pre[class*=language-]{padding:0;display:inline-block;max-width:100%}.code-block>div{flex:0 1 45%;text-align:center;overflow:hidden}.code-block>div.code-block--code{flex:0 1 55%}@media(min-width:1024px){.code-block:nth-child(odd)>div.code-block--code{order:-1}}.github-link{display:flex;flex-direction:column;gap:1rem;align-items:center;position:relative;bottom:10px;right:0;font-size:.8em;padding:0 15px;line-height:2em;text-align:right}@media(min-width:1024px){.hero+.github-link{position:absolute}}.github-link>a{display:inline-flex;text-decoration:none;color:inherit}.github-link>a img{margin-left:8px;width:16px}.feature-box{display:inline-block;margin:25px 3vw;position:relative}.feature-box>code{display:block}.figma-box{border-radius:25%;display:inline-block;vertical-align:top}.figma-box:not(.with-content){width:40px;height:40px}@media(min-width:1024px){.figma-box:not(.with-content){width:50px;height:50px}}.figma-box:not(.no-margin){margin:8px}@media(min-width:1024px){.figma-box:not(.no-margin){margin:10px}}.shell-image{width:100vw;max-width:700px;display:block;margin:0 -15px}