:root{--uie-font-family-fallback:"Helvetica",Arial,Tahoma,Verdana,sans-serif;--uie-font-family-code:"Fira Code",Hasklig,"Jetbrains Mono","Source Code Pro","DejaVu Sans Mono",Hack,Meslo,Menlo,Inconsolata,Consolas,"Liberation Mono",Courier,monospace;--uie-font-family-bold:"Inter",var(--uie-font-family-fallback);--uie-font-family-light:"Inter",var(--uie-font-family-fallback);--uie-font-family-regular:"Inter",var(--uie-font-family-fallback);--uie-font-family-bolditalic:"Inter",var(--uie-font-family-fallback);--uie-font-family-lightitalic:"Inter",var(--uie-font-family-fallback);--uie-font-weight-light:300;--uie-font-weight-regular:400;--uie-font-weight-italic:400;--uie-font-weight-bold:700;--uie-font-style-italic:italic;--uie-base-font-size-s:16px;--uie-base-font-size-m:16px;--uie-base-font-size-l:16px;--uie-base-border-radius:4px;--uie-font-size-xs:.75rem;--uie-font-size-s:.875rem;--uie-font-size-m:1rem;--uie-font-size-l:1.125rem;--uie-font-size-xl:1.5rem;--uie-font-size-xxl:2.25rem;--uie-font-size-xxxl:3rem;--uie-line-height:1.6;--uie-line-height-heading:1.25;--uie-space-xxs:.125rem;--uie-space-xs:.25rem;--uie-space-s:.5rem;--uie-space-m:.75rem;--uie-space-l:1.125rem;--uie-space-xl:1.75rem;--uie-space-xxl:2.5rem;--uie-space-xxxl:4rem;--uie-transition-duration-fast:.15s;--uie-transition-duration-medium:.25s;--uie-color-neutral-0:#fff;--uie-color-neutral-10:#f8fafc;--uie-color-neutral-20:#edf2f7;--uie-color-neutral-30:#dae1e7;--uie-color-neutral-50:#b8c2cc;--uie-color-neutral-70:#8795a1;--uie-color-neutral-80:#606f7b;--uie-color-neutral-90:#3d4852;--uie-color-neutral-100:#1a202c;--uie-color-accent-ultralight:#a0b8cf;--uie-color-accent-light:#6a90b4;--uie-color-accent-medium:#4d759a;--uie-color-accent-dark:#446788;--uie-color-accent-ultradark:#1b2936;--uie-color-border-light:var(--uie-color-neutral-10);--uie-color-border-medium:var(--uie-color-neutral-20);--uie-color-border-dark:var(--uie-color-neutral-30);--uie-color-bg-light:var(--uie-color-neutral-10);--uie-color-bg-medium:var(--uie-color-neutral-20);--uie-color-bg-dark:var(--uie-color-neutral-30);--uie-color-topbar-bg:var(--uie-color-accent-ultradark);--uie-color-topbar-text:var(--uie-color-neutral-0);--uie-color-topbar-text-hover:var(--uie-color-accent-ultralight);--uie-color-topbar-border:var(--uie-color-border-dark);--uie-color-navigation-bg:var(--uie-color-bg-medium);--uie-color-navigation-text:var(--uie-color-neutral-80);--uie-color-navigation-text-hover:var(--uie-color-accent-light);--uie-color-navigation-bg-current:var(--uie-color-bg-dark);--uie-color-navigation-text-current:var(--uie-color-accent-dark);--uie-color-navigation-border:var(--uie-color-border-dark);--uie-color-main-bg:var(--uie-color-neutral-0);--uie-color-main-text:var(--uie-color-neutral-90);--uie-color-main-link:var(--uie-color-accent-light);--uie-color-main-link-hover:var(--uie-color-accent-dark);--uie-color-secondary-text:var(--uie-color-neutral-70);--uie-color-secondary-link:var(--uie-color-neutral-80);--uie-color-secondary-link-hover:var(--uie-color-neutral-90);--uie-color-tertiary-text:var(--uie-color-neutral-50);--uie-color-tertiary-text-hover:var(--uie-color-neutral-70);--uie-color-inverted-text:var(--uie-color-neutral-0);--uie-color-option-bg:var(--uie-color-main-bg);--uie-color-option-text:var(--uie-color-accent-light);--uie-color-option-bg-hover:var(--uie-color-bg-medium);--uie-color-option-text-hover:var(--uie-color-accent-dark);--uie-color-option-bg-current:var(--uie-color-bg-dark);--uie-color-option-text-current:var(--uie-color-accent-dark);--uie-color-option-border:var(--uie-color-border-dark);--uie-color-preview-option-text:var(--uie-color-secondary-text);--uie-color-preview-option-label:var(--uie-color-tertiary-text);--uie-color-preview-option-text-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-option-label-hover:var(--uie-color-tertiary-text-hover);--uie-color-preview-option-bg:var(--uie-color-option-bg);--uie-color-preview-option-bg-hover:var(--uie-color-option-bg-hover);--uie-color-preview-option-border:var(--uie-color-option-border);--uie-color-modal-bg:var(--uie-color-option-bg);--uie-color-modal-bg-hover:var(--uie-color-option-bg-hover);--uie-color-modal-bg-current:var(--uie-color-option-bg-current);--uie-color-modal-text:var(--uie-color-option-text);--uie-color-modal-text-hover:var(--uie-color-option-text-hover);--uie-color-modal-text-current:var(--uie-color-option-text-current);--uie-color-modal-border:var(--uie-color-option-border);--uie-color-contentheader-bg:var(--uie-color-option-bg);--uie-color-contentheader-text:var(--uie-color-option-text);--uie-color-contentheader-bg-hover:var(--uie-color-option-bg-hover);--uie-color-contentheader-text-hover:var(--uie-color-option-text-hover);--uie-color-contentheader-bg-current:var(--uie-color-option-bg-current);--uie-color-contentheader-text-current:var(--uie-color-option-text-current);--uie-color-contentheader-border:var(--uie-color-option-border);--uie-color-label-bg:var(--uie-color-accent-medium);--uie-color-label-text:var(--uie-color-inverted-text);--uie-color-label-border:var(--uie-color-accent-medium);--uie-color-tag-bg:var(--uie-color-main-bg);--uie-color-tag-text:var(--uie-color-tertiary-text);--uie-color-tag-border:var(--uie-color-tertiary-text);--uie-color-code-bg:var(--uie-color-bg-medium);--uie-color-code-border:var(--uie-color-option-border);--uie-color-code-header-text:var(--uie-color-option-text);--uie-color-code-header-bg:var(--uie-color-option-bg);--uie-color-code-header-text-hover:var(--uie-color-option-text-hoveer);--uie-color-code-header-bg-hover:var(--uie-color-option-bg-hover);--uie-color-code-header-text-current:var(--uie-color-option-text-hover);--uie-color-code-header-bg-current:var(--uie-color-option-bg-hover);--uie-color-footer-bg:var(--uie-color-bg-light);--uie-color-footer-text:var(--uie-color-secondary-text);--uie-color-footer-link:var(--uie-color-secondary-link);--uie-color-footer-link-hover:var(--uie-color-secondary-link-hover);--uie-color-preview-title:var(--uie-color-main-text);--uie-color-preview-title-bg:var(--uie-color-bg-medium);--uie-color-preview-border:var(--uie-color-border-dark);--uie-preview-border-width:var(--uie-space-s);--uie-preview-padding:var(--uie-preview-border-width)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-named-instance:"Regular";font-display:fallback;src:url(../fonts/Inter-roman.var.97fa084.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-named-instance:"Italic";font-display:fallback;src:url(../fonts/Inter-italic.var.9a96de7.woff2) format("woff2")}.uie{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular);height:100%;line-height:var(--uie-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{.uie{font-size:10pt}}@media screen and (max-width:639px){.uie{font-size:var(--uie-base-font-size-s)}}@media screen and (min-width:640px) and (max-width:959px){.uie{font-size:var(--uie-base-font-size-m)}}@media screen and (min-width:960px){.uie{font-size:var(--uie-base-font-size-l)}}.uie *{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;vertical-align:baseline}@media (prefers-reduced-motion:reduce){.uie *{-webkit-animation:none!important;animation:none!important;-webkit-transition:none!important;transition:none!important}}.uie body{height:100%}.uie h1,.uie h2,.uie h3{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie h1{font-size:var(--uie-font-size-xxxl)}.uie h1,.uie h2{line-height:var(--uie-line-height-heading)}.uie h2{font-size:var(--uie-font-size-xl)}.uie h3{font-size:var(--uie-font-size-l)}.uie h4,.uie h5,.uie h6{font-size:var(--uie-font-size-m)}.uie .intro,.uie h4,.uie h5,.uie h6{font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie .intro{font-size:var(--uie-font-size-l)}.uie .intro,.uie details{color:var(--uie-color-secondary-text)}.uie em{font-style:var(--uie-font-style-italic);font-weight:var(--uie-font-weight-italic)}.uie em,.uie summary{font-family:var(--uie-font-family-lightitalic);font-weight:var(--uie-font-weight-light)}.uie strong{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold)}.uie em strong,.uie strong em{font-family:var(--uie-font-family-bolditalic);font-weight:var(--uie-font-weight-bold)}.uie table{border-collapse:collapse}.uie table caption{font-size:var(--uie-font-size-l);margin-bottom:var(--uie-space-m)}.uie table caption,.uie table th{font-family:var(--uie-font-family-bold);font-weight:var(--uie-font-weight-bold);text-align:left}.uie table th{background-color:var(--uie-color-bg-light);border-bottom:1px solid var(--uie-color-border-dark);border-top:1px solid var(--uie-color-border-dark);color:var(--uie-color-secondary-text)}.uie table td,.uie table th{font-size:var(--uie-font-size-s)}.uie table td{border-bottom:1px solid var(--uie-color-border-medium)}.uie table td,.uie table th{padding:var(--uie-space-s) var(--uie-space-m);vertical-align:middle}.uie hr{border-top:1px solid var(--uie-color-border-medium)}.uie mark{background-color:var(--uie-color-accent-light)}.uie code,.uie mark{border-radius:var(--uie-space-xs);padding:var(--uie-space-xxs) var(--uie-space-xs)}.uie code{background-color:var(--uie-color-code-bg);border:1px solid var(--uie-color-code-border);font-size:var(--uie-font-size-s)}.uie code,.uie pre{font-family:var(--uie-font-family-code)}.uie pre{overflow-x:auto;padding:var(--uie-space-m)!important}.uie pre code{background-color:transparent;border:0;border-radius:0;padding:0}.uie select{border:1px solid var(--uie-color-border-medium)}.uie{background:var(--uie-color-main-bg);color:var(--uie-color-main-text)}.uie-html-sketchapp-export{padding:20px}.uie-html-sketchapp-export__section+.uie-html-sketchapp-export__section{margin-top:var(--uie-space-xxxl)}.uie-html-sketchapp-export__article+.uie-html-sketchapp-export__article{margin-top:var(--uie-space-xxl)}@media screen and (max-width:959px){.uie-table-wrapper{margin-bottom:var(--uie-space-xs);overflow-x:auto;padding-bottom:var(--uie-space-xs);scrollbar-color:var(--uie-color-neutral-50) var(--uie-color-neutral-20);scrollbar-width:thin;width:100%}.uie-table-wrapper table{min-width:680px}.uie-table-wrapper::-webkit-scrollbar{height:7px;width:7px}.uie-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--uie-color-neutral-50);border:2px solid var(--uie-color-neutral-20);border-radius:7px;-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5);box-shadow:0 0 1px hsla(0,0%,100%,.5);display:block}.uie-table-wrapper::-webkit-scrollbar-track{background-color:var(--uie-color-neutral-20);border-radius:7px}}.uie-tokens__category+.uie-tokens__category{margin-top:var(--uie-space-xxxl)}.uie-tokens__title{font-family:var(--uie-font-family-regular);font-size:var(--uie-font-size-m);font-weight:var(--uie-font-weight-regular);margin-bottom:var(--uie-space-m)}.uie-tokens__grid{display:grid;grid-template-columns:repeat(auto-fill,120px);grid-gap:1rem;background-color:var(--uie-color-neutral-20);border-radius:var(--uie-base-border-radius);padding:1rem}.uie-tokens__container--color{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:2rem}.uie-tokens code{font-size:var(--uie-font-size-xs)}.uie-token__color{height:40px;width:100%}.uie-color-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:4.5rem;padding:var(--uie-space-xxs);width:4.5rem}.uie-color-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;height:100%;width:100%}.uie-color-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-color-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--uie-space-m)}.uie-color-token__info+.uie-color-token__info{margin-top:var(--uie-space-xs)}.uie-color-token__example,.uie-color-token__label{-webkit-box-flex:0;-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;padding-right:var(--uie-space-m);text-align:right}.uie-color-token__name{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:var(--uie-font-family-regular);font-weight:var(--uie-font-weight-regular)}.uie-color-token__label{color:var(--uie-color-secondary-text);font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs))}.uie-color-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-color-token__value--code{font-family:var(--uie-font-family-code)}.uie-size-token__size{background-color:var(--uie-color-border-dark);bottom:-.15em;display:inline-block;position:relative}.uie-font-token+.uie-font-token{margin-top:var(--uie-space-xxl)}.uie-font-token__info{display:-webkit-box;display:-ms-flexbox;display:flex}.uie-font-token__info--top{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.uie-font-token__info--example,.uie-font-token__info--top{margin-bottom:var(--uie-space-m)}.uie-font-token__info+.uie-font-token__info{margin-top:var(--uie-space-xs)}.uie-font-token__label{-webkit-box-flex:0;color:var(--uie-color-secondary-text);-ms-flex:0 0 5.75rem;flex:0 0 5.75rem;font-family:var(--uie-font-family-light);font-size:var(--uie-font-size-xs);font-weight:var(--uie-font-weight-light);padding-right:var(--uie-space-m);padding-top:calc(var(--uie-font-size-s) - var(--uie-font-size-xs));text-align:right}.uie-font-token__value{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:var(--uie-font-size-s)}.uie-font-token__value--code{font-family:var(--uie-font-family-code)}.uie-font-token__example{font-size:1rem}.uie-default-token__value,.uie-icon-token__value{vertical-align:middle}.uie-default-token__value--value,.uie-default-token__value--variable,.uie-icon-token__value--value,.uie-icon-token__value--variable{font-family:var(--uie-font-family-code)}.uie-icon-token__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--uie-color-neutral-0);border-radius:var(--uie-base-border-radius);-webkit-box-shadow:0 2px 6px 0 rgba(0,41,77,.07);box-shadow:0 2px 6px 0 rgba(0,41,77,.07);height:80px;justify-content:center;margin-bottom:var(--uie-space-s)}.uie-icon-token__name{font-size:var(--uie-font-size-xs);text-align:center}.uie-theme-token__variablename{display:inline-block;margin-top:var(--uie-space-xs)}.uie-theme-token__value--value,.uie-theme-token__value--variable{font-family:var(--uie-font-family-code)}.uie-theme-token__value--variable{white-space:nowrap}.uie-theme-token__value--default{text-align:center}.uie-theme-token__swatch{border:1px solid var(--uie-color-code-border);border-radius:50%;border-bottom-right-radius:0!important;display:inline-block;height:2em;margin-right:var(--uie-space-xs);padding:var(--uie-space-xxs);width:2em}.uie-theme-token__swatch__inner{border-radius:50%;border-bottom-right-radius:0!important;display:block;height:100%;width:100%}.uie-theme-token__size{background-color:var(--uie-color-bg-dark);bottom:-.15em;display:inline-block;position:relative}.uie-shadow-token{margin-bottom:var(--uie-space-m);margin-top:var(--uie-space-m)}.uie-border-token,.uie-shadow-token{background-color:var(--uie-color-bg-dark);display:block;height:3rem;width:12rem}.uie-border-token{border-color:var(--uie-color-neutral-50);border-style:solid}.uie-opacity-token{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;display:block;height:3rem;position:relative;width:12rem}.uie-opacity-token__inner{background-color:var(--uie-color-accent-ultradark);bottom:0;left:0;position:absolute;right:0;top:0}