[data-v-d40a256b]:root{--animation-timing--50:cubic-bezier(.25,1,.3,1);--transition--50:all .25s var(--animation-timing--50);--transition--100:all .5s var(--animation-timing--50)}.export-palette[data-v-d40a256b]{flex-direction:column;gap:6px;max-width:540px;display:flex}.export-palette__code[data-v-d40a256b]{font-family:var(--font-family--mono);background-color:var(--neutral--80);border-radius:var(--border-radius--sm);white-space:pre;border:0;outline:none;min-width:540px;min-height:200px;max-height:400px;padding:16px;overflow:hidden scroll}.export-palette__code code[data-v-d40a256b]{padding:0}.export-palette__options[data-v-d40a256b]{flex-direction:column;gap:4px;display:flex}.export-palette__copy[data-v-d40a256b]{justify-content:flex-end;margin-right:16px;display:flex}.export-palette__copy-wrapper[data-v-d40a256b]{background-color:var(--neutral--90);z-index:1;border-radius:var(--border-radius--lg);flex-direction:row;align-items:center;gap:8px;margin-bottom:-24px;padding:4px;display:flex}.copy-button[data-v-d40a256b]{align-self:start}.copy-button__notification[data-v-d40a256b]{color:var(--font-color--disabled);padding-left:4px}.copy-button__notification-enter-active[data-v-d40a256b],.copy-button__notification-leave-active[data-v-d40a256b]{transition:opacity .5s var(--animation-timing--50)}.copy-button__notification-enter-from[data-v-d40a256b],.copy-button__notification-leave-active[data-v-d40a256b]{opacity:0}.language-css code,.language-scss code,.language-xml code{padding:0}.language-css,.language-scss,.language-xml{color:var(--neutral--50);background-color:var(--neutral--80)}.language-css .hljs-tag,.language-scss .hljs-tag,.language-xml .hljs-tag{color:var(--neutral--50)}.language-css .hljs-tag::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css .hljs-tag>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss .hljs-tag::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss .hljs-tag>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml .hljs-tag::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml .hljs-tag>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css .hljs-tag::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css .hljs-tag>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss .hljs-tag::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss .hljs-tag>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml .hljs-tag::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml .hljs-tag>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css .hljs-name,.language-css .hljs-selector-pseudo,.language-scss .hljs-name,.language-scss .hljs-selector-pseudo,.language-xml .hljs-name,.language-xml .hljs-selector-pseudo{color:var(--syntax-yellow-30)}.language-css .hljs-name::-moz-selection{color:var(--syntax-yellow-20)}.language-css .hljs-selector-pseudo::-moz-selection{color:var(--syntax-yellow-20)}.language-scss .hljs-name::-moz-selection{color:var(--syntax-yellow-20)}.language-scss .hljs-selector-pseudo::-moz-selection{color:var(--syntax-yellow-20)}.language-xml .hljs-name::-moz-selection{color:var(--syntax-yellow-20)}.language-xml .hljs-selector-pseudo::-moz-selection{color:var(--syntax-yellow-20)}.language-css .hljs-name::selection{color:var(--syntax-yellow-20)}.language-css .hljs-selector-pseudo::selection{color:var(--syntax-yellow-20)}.language-scss .hljs-name::selection{color:var(--syntax-yellow-20)}.language-scss .hljs-selector-pseudo::selection{color:var(--syntax-yellow-20)}.language-xml .hljs-name::selection{color:var(--syntax-yellow-20)}.language-xml .hljs-selector-pseudo::selection{color:var(--syntax-yellow-20)}.language-css .hljs-attr,.language-css .hljs-variable,.language-scss .hljs-attr,.language-scss .hljs-variable,.language-xml .hljs-attr,.language-xml .hljs-variable{color:var(--syntax-teal-40)}.language-css .hljs-attr::-moz-selection{color:var(--syntax-teal-30)}.language-css .hljs-variable::-moz-selection{color:var(--syntax-teal-30)}.language-scss .hljs-attr::-moz-selection{color:var(--syntax-teal-30)}.language-scss .hljs-variable::-moz-selection{color:var(--syntax-teal-30)}.language-xml .hljs-attr::-moz-selection{color:var(--syntax-teal-30)}.language-xml .hljs-variable::-moz-selection{color:var(--syntax-teal-30)}.language-css .hljs-attr::selection{color:var(--syntax-teal-30)}.language-css .hljs-variable::selection{color:var(--syntax-teal-30)}.language-scss .hljs-attr::selection{color:var(--syntax-teal-30)}.language-scss .hljs-variable::selection{color:var(--syntax-teal-30)}.language-xml .hljs-attr::selection{color:var(--syntax-teal-30)}.language-xml .hljs-variable::selection{color:var(--syntax-teal-30)}.language-css .hljs-number,.language-css .hljs-string,.language-scss .hljs-number,.language-scss .hljs-string,.language-xml .hljs-number,.language-xml .hljs-string{color:var(--syntax-violet-50)}.language-css .hljs-number::-moz-selection{color:var(--syntax-violet-40)}.language-css .hljs-string::-moz-selection{color:var(--syntax-violet-40)}.language-scss .hljs-number::-moz-selection{color:var(--syntax-violet-40)}.language-scss .hljs-string::-moz-selection{color:var(--syntax-violet-40)}.language-xml .hljs-number::-moz-selection{color:var(--syntax-violet-40)}.language-xml .hljs-string::-moz-selection{color:var(--syntax-violet-40)}.language-css .hljs-number::selection{color:var(--syntax-violet-40)}.language-css .hljs-string::selection{color:var(--syntax-violet-40)}.language-scss .hljs-number::selection{color:var(--syntax-violet-40)}.language-scss .hljs-string::selection{color:var(--syntax-violet-40)}.language-xml .hljs-number::selection{color:var(--syntax-violet-40)}.language-xml .hljs-string::selection{color:var(--syntax-violet-40)}.language-css::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-css>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-scss>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-xml>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-javascript{color:var(--neutral--50);background-color:var(--neutral--80)}.language-javascript code{padding:0}.language-javascript .hljs-punctuation{color:var(--neutral--50)}.language-javascript .hljs-punctuation::selection{color:var(--neutral--40)}.language-javascript .hljs-number{color:var(--syntax-teal-40)}.language-javascript .hljs-number::selection{color:var(--syntax-teal-30)}.language-javascript .hljs-string{color:var(--syntax-violet-50)}.language-javascript .hljs-string::selection{color:var(--syntax-violet-40)}.language-javascript::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-javascript>::-moz-selection{background:var(--neutral--70);color:var(--neutral--30)}.language-javascript::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-javascript>::selection{background:var(--neutral--70);color:var(--neutral--30)}.language-json{color:var(--syntax-violet-50);background-color:var(--neutral--80)}.language-json code{padding:0}.language-json .hljs-punctuation{color:var(--neutral--50)}.language-json .hljs-punctuation::selection{color:var(--neutral--40)}.language-json .hljs-attr{color:var(--syntax-teal-40)}.language-json .hljs-attr::selection{color:var(--syntax-teal-30)}.language-json .hljs-string{color:var(--syntax-violet-50)}.language-json .hljs-string::selection{color:var(--syntax-violet-40)}.language-json::-moz-selection{background:var(--neutral--70);color:var(--syntax-violet-40)}.language-json>::-moz-selection{background:var(--neutral--70);color:var(--syntax-violet-40)}.language-json::selection{background:var(--neutral--70);color:var(--syntax-violet-40)}.language-json>::selection{background:var(--neutral--70);color:var(--syntax-violet-40)}