:root{--arrow-bg: var(--surface-brand-secondary-subtle);--arrow-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiBjbGFzcz0iZWxlbWVudC1zLWlrb25vdSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiA8c3R5bGU+DQoJOnJvb3Qgew0KICAtLWJnLWlrb246IGJsdWU7IC8qIFbDvWNob3rDrSBiYXJ2YSBwcm8gdsWhZWNobmEgdMOpbWF0YSAqLw0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgew0KICA6cm9vdCB7DQogICAgLS1iZy1pa29uOiBva2xjaCgwLjA0IDAuMDE4NCAyNTApOyAvKiBCYXJ2YSBwcm8gbGlnaHQgdGhlbWUgKi8NCiAgfQ0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSB7DQogIDpyb290IHsNCiAgICAtLWJnLWlrb246IG9rbGNoKDAuOTEgMC4wMTAyIDI1MCk7IC8qIEJhcnZhIHBybyBkYXJrIHRoZW1lICovDQogIH0NCn0NCiAgICAuZWxlbWVudC1zLWlrb25vdSB7DQogICAgICBmaWxsOiB2YXIoLS1iZy1pa29uKTsNCgltYXgtd2lkdGg6IDZweDsNCgltYXgtaGVpZ2h0OiA2cHg7DQogICAgICAvKiBEYWzFocOtIHN0eWx5IHBvZGxlIHBvdMWZZWJ5ICovDQogICAgfQ0KICA8L3N0eWxlPg0KICA8dGl0bGU+YXJyb3ctZG93bi0xPC90aXRsZT4NCiAgPHBhdGggZD0iTTEyLDE5LjVhMi4zLDIuMywwLDAsMS0xLjcyOS0uNzhMLjQ2LDcuNTY4QTEuODQ3LDEuODQ3LDAsMCwxLDMuMjMzLDUuMTI5bDguNTc5LDkuNzUyYS4yNS4yNSwwLDAsMCwuMzc2LDBsOC41NzktOS43NTJBMS44NDcsMS44NDcsMCwxLDEsMjMuNTQsNy41NjhMMTMuNzMyLDE4LjcxNkEyLjMxLDIuMzEsMCwwLDEsMTIsMTkuNVoiPjwvcGF0aD4NCjwvc3ZnPg==);--copy-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiBjbGFzcz0iZWxlbWVudC1zLWlrb25vdSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiA8c3R5bGU+DQoJOnJvb3Qgew0KICAtLWJnLWlrb246IGJsdWU7IC8qIFbDvWNob3rDrSBiYXJ2YSBwcm8gdsWhZWNobmEgdMOpbWF0YSAqLw0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgew0KICA6cm9vdCB7DQogICAgLS1iZy1pa29uOiBva2xjaCgwLjA0IDAuMDE4NCAyNTApOyAvKiBCYXJ2YSBwcm8gbGlnaHQgdGhlbWUgKi8NCiAgfQ0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSB7DQogIDpyb290IHsNCiAgICAtLWJnLWlrb246IG9rbGNoKDAuOTEgMC4wMTAyIDI1MCk7IC8qIEJhcnZhIHBybyBkYXJrIHRoZW1lICovDQogIH0NCn0NCiAgICAuZWxlbWVudC1zLWlrb25vdSB7DQogICAgICBmaWxsOiB2YXIoLS1iZy1pa29uKTsNCgltYXgtd2lkdGg6IDZweDsNCgltYXgtaGVpZ2h0OiA2cHg7DQogICAgICAvKiBEYWzFocOtIHN0eWx5IHBvZGxlIHBvdMWZZWJ5ICovDQogICAgfQ0KICA8L3N0eWxlPg0KICA8dGl0bGU+YW5nbGUtYnJhY2tldHM8L3RpdGxlPg0KICAgIDxwYXRoIGQ9Ik05LjE0NywyMS41NTJhMS4yNDQsMS4yNDQsMCwwLDEtLjg5NS0uMzc4TC44NCwxMy41NjFhMi4yNTcsMi4yNTcsMCwwLDEsMC0zLjEyNUw4LjI1MiwyLjgyM2ExLjI1LDEuMjUsMCwwLDEsMS43OTEsMS43NDRsLTYuOSw3LjA4M2EuNS41LDAsMCwwLDAsLjdsNi45LDcuMDgyYTEuMjUsMS4yNSwwLDAsMS0uOSwyLjEyMloiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTQuODU0LDIxLjU1MmExLjI1LDEuMjUsMCwwLDEtLjktMi4xMjJsNi45LTcuMDgzYS41LjUsMCwwLDAsMC0uN2wtNi45LTcuMDgyYTEuMjUsMS4yNSwwLDAsMSwxLjc5MS0xLjc0NGw3LjQxMSw3LjYxMmEyLjI1NywyLjI1NywwLDAsMSwwLDMuMTI1bC03LjQxMiw3LjYxNEExLjI0NCwxLjI0NCwwLDAsMSwxNC44NTQsMjEuNTUyWm02LjUxNC05LjM3M2gwWiI+PC9wYXRoPg0KPC9zdmc+);--upload-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiBjbGFzcz0iZWxlbWVudC1zLWlrb25vdSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiA8c3R5bGU+DQoJOnJvb3Qgew0KICAtLWJnLWlrb246IGJsdWU7IC8qIFbDvWNob3rDrSBiYXJ2YSBwcm8gdsWhZWNobmEgdMOpbWF0YSAqLw0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgew0KICA6cm9vdCB7DQogICAgLS1iZy1pa29uOiBva2xjaCgwLjA0IDAuMDE4NCAyNTApOyAvKiBCYXJ2YSBwcm8gbGlnaHQgdGhlbWUgKi8NCiAgfQ0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSB7DQogIDpyb290IHsNCiAgICAtLWJnLWlrb246IG9rbGNoKDAuOTEgMC4wMTAyIDI1MCk7IC8qIEJhcnZhIHBybyBkYXJrIHRoZW1lICovDQogIH0NCn0NCiAgICAuZWxlbWVudC1zLWlrb25vdSB7DQogICAgICBmaWxsOiB2YXIoLS1iZy1pa29uKTsNCgltYXgtd2lkdGg6IDZweDsNCgltYXgtaGVpZ2h0OiA2cHg7DQogICAgICAvKiBEYWzFocOtIHN0eWx5IHBvZGxlIHBvdMWZZWJ5ICovDQogICAgfQ0KICA8L3N0eWxlPg0KICA8dGl0bGU+dXBsb2FkLXNxdWFyZS0zPC90aXRsZT4NCiAgICA8cGF0aCBkPSJNMiwyLjI1QS4yNS4yNSwwLDAsMSwyLjI1LDJIMy41YTEsMSwwLDAsMCwwLTJIMkEyLDIsMCwwLDAsMCwyVjMuNWExLDEsMCwwLDAsMiwwWiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0yNCwyYTIsMiwwLDAsMC0yLTJIMjAuNWExLDEsMCwwLDAsMCwyaDEuMjVhLjI1LjI1LDAsMCwxLC4yNS4yNVYzLjVhMSwxLDAsMCwwLDIsMFoiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTAsMEg3LjVhMSwxLDAsMCwwLDAsMkgxMGExLDEsMCwwLDAsMC0yWiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xNi41LDBIMTRhMSwxLDAsMCwwLDAsMmgyLjVhMSwxLDAsMCwwLDAtMloiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNy41LDI0SDEwYTEsMSwwLDAsMCwwLTJINy41YTEsMSwwLDAsMCwwLDJaIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTE3LjUsMjNhMSwxLDAsMCwwLTEtMUgxNGExLDEsMCwwLDAsMCwyaDIuNUExLDEsMCwwLDAsMTcuNSwyM1oiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMiwyNEgzLjVhMSwxLDAsMCwwLDAtMkgyLjI1QS4yNS4yNSwwLDAsMSwyLDIxLjc1VjIwLjVhMSwxLDAsMCwwLTIsMFYyMkEyLDIsMCwwLDAsMiwyNFoiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMjQsMjJWMjAuNWExLDEsMCwwLDAtMiwwdjEuMjVhLjI1LjI1LDAsMCwxLS4yNS4yNUgyMC41YTEsMSwwLDAsMCwwLDJIMjJBMiwyLDAsMCwwLDI0LDIyWiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0yLDcuNWExLDEsMCwwLDAtMiwwVjEwYTEsMSwwLDAsMCwyLDBaIj48L3BhdGg+DQogICAgPHBhdGggZD0iTTEsMTNhMSwxLDAsMCwwLTEsMXYyLjVhMSwxLDAsMCwwLDIsMFYxNEExLDEsMCwwLDAsMSwxM1oiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMjQsNy41YTEsMSwwLDAsMC0yLDBWMTBhMSwxLDAsMCwwLDIsMFoiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMjQsMTRhMSwxLDAsMCwwLTIsMHYyLjVhMSwxLDAsMCwwLDIsMFoiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTEuODc2LDVoLS4wMWEuNzUuNzUsMCwwLDAtLjYuMzE2bC00LjI1MSw2QS43NTEuNzUxLDAsMCwwLDcuNjI1LDEyLjVoMi41YS4yNS4yNSwwLDAsMSwuMjUuMjV2NS41YTEuNSwxLjUsMCwwLDAsMywwdi01LjVhLjI1LjI1LDAsMCwxLC4yNS0uMjVoMi43NDlhLjc1Ljc1LDAsMCwwLC42LTEuMmwtNC41LTZBLjc1Ljc1LDAsMCwwLDExLjg3Niw1WiI+PC9wYXRoPg0KPC9zdmc+);--random-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiBjbGFzcz0iZWxlbWVudC1zLWlrb25vdSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiA8c3R5bGU+DQoJOnJvb3Qgew0KICAtLWJnLWlrb246IGJsdWU7IC8qIFbDvWNob3rDrSBiYXJ2YSBwcm8gdsWhZWNobmEgdMOpbWF0YSAqLw0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgew0KICA6cm9vdCB7DQogICAgLS1iZy1pa29uOiBva2xjaCgwLjA0IDAuMDE4NCAyNTApOyAvKiBCYXJ2YSBwcm8gbGlnaHQgdGhlbWUgKi8NCiAgfQ0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSB7DQogIDpyb290IHsNCiAgICAtLWJnLWlrb246IG9rbGNoKDAuOTEgMC4wMTAyIDI1MCk7IC8qIEJhcnZhIHBybyBkYXJrIHRoZW1lICovDQogIH0NCn0NCiAgICAuZWxlbWVudC1zLWlrb25vdSB7DQogICAgICBmaWxsOiB2YXIoLS1iZy1pa29uKTsNCgltYXgtd2lkdGg6IDZweDsNCgltYXgtaGVpZ2h0OiA2cHg7DQogICAgICAgIHdpZHRoOiAzcHg7DQogICAgICAvKiBEYWzFocOtIHN0eWx5IHBvZGxlIHBvdMWZZWJ5ICovDQogICAgfQ0KICA8L3N0eWxlPg0KICA8dGl0bGU+YnV0dG9uLXJlZnJlc2gtYXJyb3dzPC90aXRsZT4NCiAgICA8cGF0aCBkPSJNNi4xNzcsNi4xNjdBOC4yMzMsOC4yMzMsMCwwLDEsMTQuNTI4LDQuMTRhMS4yNDksMS4yNDksMCwxLDAsLjc2LTIuMzhBMTAuNzUxLDEwLjc1MSwwLDAsMCwyLjA0NiwxNi4wMzNhLjI0OC4yNDgsMCwwLDEtLjA5NC4zbC0xLjQuOTIyQTEsMSwwLDAsMCwuOSwxOS4wNzFsNC40MDcuOTA4YS45OS45OSwwLDAsMCwuMi4wMjEsMSwxLDAsMCwwLC45NzktLjhMNy40LDE0Ljc5NGExLDEsMCwwLDAtMS41MjktMS4wMzdsLTEuMzM5Ljg4MWEuMjUuMjUsMCwwLDEtLjM3Ni0uMTMzQTguMjY5LDguMjY5LDAsMCwxLDYuMTc3LDYuMTY3WiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0yMy44ODMsNS44MzJhMSwxLDAsMCwwLS43NjMtLjgwN2wtNC4zODgtMWExLDEsMCwwLDAtMS4yLjc1MmwtMSw0LjM4N2ExLDEsMCwwLDAsMS41MDcsMS4wNjlsMS40NDMtLjkwNkEuMjQ3LjI0NywwLDAsMSwxOS43LDkuM2EuMjUyLjI1MiwwLDAsMSwuMTUzLjE1OUE4LjI0OSw4LjI0OSwwLDAsMSw5LjU2OCwxOS44ODNhMS4yNSwxLjI1LDAsMSwwLS43MzcsMi4zODhBMTAuNzUsMTAuNzUsMCwwLDAsMjEuOTg1LDhhLjI0OC4yNDgsMCwwLDEsLjEtLjNsMS4zNDYtLjg0NkExLDEsMCwwLDAsMjMuODgzLDUuODMyWiI+PC9wYXRoPg0KPC9zdmc+);--random-alt-icon: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJCb2xkIiBjbGFzcz0iZWxlbWVudC1zLWlrb25vdSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiA8c3R5bGU+DQoJOnJvb3Qgew0KICAtLWJnLWlrb246IGJsdWU7IC8qIFbDvWNob3rDrSBiYXJ2YSBwcm8gdsWhZWNobmEgdMOpbWF0YSAqLw0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBsaWdodCkgew0KICA6cm9vdCB7DQogICAgLS1iZy1pa29uOiBva2xjaCgwLjA0IDAuMDE4NCAyNTApOyAvKiBCYXJ2YSBwcm8gbGlnaHQgdGhlbWUgKi8NCiAgfQ0KfQ0KDQpAbWVkaWEgKHByZWZlcnMtY29sb3Itc2NoZW1lOiBkYXJrKSB7DQogIDpyb290IHsNCiAgICAtLWJnLWlrb246IG9rbGNoKDAuOTEgMC4wMTAyIDI1MCk7IC8qIEJhcnZhIHBybyBkYXJrIHRoZW1lICovDQogIH0NCn0NCiAgICAuZWxlbWVudC1zLWlrb25vdSB7DQogICAgICBmaWxsOiB2YXIoLS1iZy1pa29uKTsNCgltYXgtd2lkdGg6IDZweDsNCgltYXgtaGVpZ2h0OiA2cHg7DQogICAgICAvKiBEYWzFocOtIHN0eWx5IHBvZGxlIHBvdMWZZWJ5ICovDQogICAgfQ0KICA8L3N0eWxlPg0KICA8dGl0bGU+YnV0dG9uLXJlZnJlc2gtYXJyb3dzPC90aXRsZT4NCiAgICA8cGF0aCBkPSJNNi4xNzcsNi4xNjdBOC4yMzMsOC4yMzMsMCwwLDEsMTQuNTI4LDQuMTRhMS4yNDksMS4yNDksMCwxLDAsLjc2LTIuMzhBMTAuNzUxLDEwLjc1MSwwLDAsMCwyLjA0NiwxNi4wMzNhLjI0OC4yNDgsMCwwLDEtLjA5NC4zbC0xLjQuOTIyQTEsMSwwLDAsMCwuOSwxOS4wNzFsNC40MDcuOTA4YS45OS45OSwwLDAsMCwuMi4wMjEsMSwxLDAsMCwwLC45NzktLjhMNy40LDE0Ljc5NGExLDEsMCwwLDAtMS41MjktMS4wMzdsLTEuMzM5Ljg4MWEuMjUuMjUsMCwwLDEtLjM3Ni0uMTMzQTguMjY5LDguMjY5LDAsMCwxLDYuMTc3LDYuMTY3WiI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0yMy44ODMsNS44MzJhMSwxLDAsMCwwLS43NjMtLjgwN2wtNC4zODgtMWExLDEsMCwwLDAtMS4yLjc1MmwtMSw0LjM4N2ExLDEsMCwwLDAsMS41MDcsMS4wNjlsMS40NDMtLjkwNkEuMjQ3LjI0NywwLDAsMSwxOS43LDkuM2EuMjUyLjI1MiwwLDAsMSwuMTUzLjE1OUE4LjI0OSw4LjI0OSwwLDAsMSw5LjU2OCwxOS44ODNhMS4yNSwxLjI1LDAsMSwwLS43MzcsMi4zODhBMTAuNzUsMTAuNzUsMCwwLDAsMjEuOTg1LDhhLjI0OC4yNDgsMCwwLDEsLjEtLjNsMS4zNDYtLjg0NkExLDEsMCwwLDAsMjMuODgzLDUuODMyWiI+PC9wYXRoPg0KPC9zdmc+);--option-bg: var(--surface-brand-secondary-subtle);--select-bg: var(--surface-brand-secondary-subtle);--body-font-family: "Roboto Flex";--headings-font-family: "Roboto Flex";--mono-font-family: "Roboto Flex"}main{margin:auto;padding-bottom:0;.content-panel{container:theme-builder-container / inline-size;padding:0;&:has(h1){padding:var(--base-2) var(--theme-builder-padding);background-color:var(--theme-preview-bg);display:none}>.sl-container{margin-inline:0;inline-size:100%;>.content{inline-size:100%}}}}.sl-markdown-content :not(a,strong,em,del,span,input,code)+:not(a,strong,em,del,span,input,code,:where(.not-content *)){margin-top:0!important}theme-builder-overlay{position:fixed;block-size:calc(100vb - var(--sl-nav-height));inline-size:100vi;inset-block-start:0;opacity:0;justify-content:center;align-items:center;text-align:center;display:none;grid-column:"1 / -1";background-color:var(--surface-front)}fake-card-fontero{border-radius:var(--radius-2);padding:var(--base-2);background-color:var(--surface-main);display:flex;flex-direction:column;gap:var(--base-2);box-shadow:var(--elevation-01);border:1px solid var(--border-shiny);p:has(label+input){display:grid;grid-template-columns:min-content 1fr;align-items:baseline;gap:var(--base)}p:has(button+button){display:flex;gap:var(--base)}}body{--theme-builder-padding: clamp(var(--base-2), 10vi, var(--base-8));--fake-app-container-padding: 0px;--fake-app-container-radius: 20px;--theme-preview-bg: var(--surface-base-variant);--theme-object-bg: var(--surface-main);--theme-sides-bg: var(--surface-base);--inspector-width: 380px;--sl-line-height: 1.5;background-color:var(--theme-sides-bg);code{background-color:var(--surface-main-variant)!important}header:is(.header){background-color:var(--theme-preview-bg);border:0;box-shadow:none}h2{margin-block-start:var(--theme-builder-padding)!important;margin-block-end:calc(var(--theme-builder-padding) / 2)}footer{display:none}.sl-markdown-content :not(a,strong,em,del,span,input,code)+:not(a,strong,em,del,span,input,code){margin-top:0}}.main-wrapper{display:grid;grid-template-columns:1fr var(--inspector-width);gap:var(--theme-builder-padding);inline-size:100cqi}.main-wrapper{font-size:var(--font-size-body);font-weight:400;font-variation-settings:var(--body-font-variantion-settings)}input{background-color:var(--surface-control-variant);color:var(--text-primary-on-surface-control-variant);border:1px solid var(--border-contrast);border-radius:var(--radius);padding:var(--base-h) var(--base)!important;outline:0}.flexbaseline>select{padding-left:5px!important;justify-content:center!important;width:9.5rem;padding:var(--base-h) var(--base-2);flex-shrink:0;border-color:var(--surface-brand-primary-contrast);margin-right:0rem!important;--button-height: var(--base-3);--button-padding: 0 var(--base);--btn-color: var(--text-brand-primary);--button-border-color: var(--border);align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-button);font-weight:400;font-variation-settings:var(--body-font-variantion-settings);border:1px solid var(--button-border-color);border-radius:var(--radius);transition:all .2s ease-out;transition-property:box-shadow,color,background-color!important;box-shadow:var(--elevation-2);background-color:var(--surface-control);color:var(--text-brand-secondary);cursor:pointer;height:100%;&:focus{outline:none}option{color:inherit;background-color:var(--option-bg)}}.flexbaseline>select:hover{box-shadow:var(--elevation-3);z-index:1;background-color:var(--surface-control-hover)}.content:where(.astro-ml6ntd6l) :not(a,strong,em,del,span,input)+:not(a,strong,em,del,span,input,:where(.not-content *)){margin-top:0rem}.upload-config{grid-column:1/-1}label{margin-top:0rem!important;font-family:monospace;margin-right:0rem;display:inline-block;word-wrap:break-word;inline-size:var(--size);overflow:hidden}.marginless{margin-top:0rem!important}.flexbaseline{display:flex;align-items:baseline}.flexbaselinechild>div{display:flex;align-items:baseline}button{justify-content:center!important;padding:var(--base-h) var(--base-2);flex-shrink:0;border-color:var(--surface-brand-primary-contrast);margin-right:0rem!important;--button-height: var(--base-3);--button-padding: 0 var(--base);--btn-color: var(--text-brand-primary);--button-border-color: var(--border);align-items:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-button);font-weight:400;font-variation-settings:var(--body-font-variantion-settings);border:1px solid var(--button-border-color);border-radius:var(--radius);transition:all .2s ease-out;transition-property:box-shadow,color,background-color!important;box-shadow:var(--elevation-2);background-color:var(--surface-control);color:var(--text-brand-secondary)}button:hover{box-shadow:var(--elevation-3);z-index:1;background-color:var(--surface-control-hover)}.uploadbuttons{display:flex;gap:1rem}button{margin-top:0rem!important;width:100%}.upload-button{display:flex!important;justify-content:center!important}.random-button{display:flex!important;justify-content:space-between!important;&::-ms-expand{display:none}}.button-copy{display:flex!important;justify-content:space-between!important}.multi-button{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr) 1fr;gap:5px;margin-top:1rem!important;--toggle-button-group-padding: 2px;padding:var(--toggle-button-group-padding)}.multi-button>button{width:100%!important;height:100%;display:flex;align-items:center;justify-content:center!important}.tab-button{width:auto;background:none;--tab-padding: var(--base-1h);--tab-shadow: transparent;--tab-bg: transparent;--tab-color: var(--text-secondary);--tab-divider-height: 12px;--tab-bg-opacity: 0;flex:0 0 auto;position:relative;z-index:0;display:flex;justify-content:center;align-items:center;display:inline-flex;min-height:var(--tab-height);margin:0;padding:0 var(--tab-padding);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none;color:var(--tab-color);box-shadow:0 1px 0 0 var(--border);transition:all .2s ease-out;font-size:var(--font-size-subhead);font-weight:500;font-variation-settings:var(--body-font-variantion-settings)}.tab-button:hover{--tab-bg: var(--surface-brand-secondary-subtle);--tab-color: var(--text-brand-secondary);--tab-bg-opacity: 1}.tab-button.active{cursor:default;--tab-bg: var(--surface-brand-secondary-strong);--tab-color: var(--text-brand-secondary);--tab-bg-opacity: 1}.tab-button:after{content:"";position:absolute;z-index:-1;inset-inline:0;inset-block-end:0;height:var(--stripe-width);opacity:var(--tab-bg-opacity);transform:scaleY(0);background-color:var(--tab-bg);transform-origin:bottom;border-radius:var(--stripe-width);transition:all .2s ease-out}.tab-button.active:after{transform:scaleY(1);box-shadow:0 -2px 4px -1px var(--tab-bg)}.fontPreview{margin-top:0rem!important;max-width:100%;font-size:8vmin;line-height:1em;transition:.3s;outline:none;word-wrap:break-word;inline-size:var(--size);border:1px solid var(--border-shiny);border-radius:var(--radius-2);padding:var(--base-2);background-color:var(--surface-main-variant);display:none}.wrapper{display:grid;grid-template-columns:subgrid;grid-column:1/-1;grid-row-start:1;padding:var(--theme-builder-padding);background-color:var(--theme-preview-bg);min-block-size:calc(100vb - var(--sl-nav-height))}h1{font-variation-settings:"wdth" 100,"opsz" 40;text-align:left;max-width:100%;margin-right:auto;word-wrap:break-word}.buttonwrapperr{position:sticky;display:flex;flex-direction:column;row-gap:var(--base-2);padding:var(--base-3);inset-block-start:calc(var(--sl-nav-height) + var(--base-2));background-color:var(--surface-main);border-inline-start:1px solid var(--border-shiny);box-shadow:var(--elevation-03);border-radius:0rem 0rem 0rem 1rem;block-size:calc(100vb - var(--sl-nav-height) - var(--base-4));overflow:auto;container:inspector / inline-size;max-height:90%}.settingswrapper{font-size:var(--font-size-body);font-weight:400;font-variation-settings:var(--body-font-variantion-settings);grid-row-start:1;grid-row-end:3;grid-column-start:2;position:sticky;flex-direction:column;inset-block-start:calc(var(--sl-nav-height) + var(--base-2));max-height:100%;border-radius:0rem 0rem 0rem 1rem;block-size:calc(100vb - var(--sl-nav-height) - var(--base-4))}#buttonswrapper{display:flex;flex-direction:row;gap:1rem}#upload{padding-top:.2rem}.fontinfo{margin-bottom:0rem;margin-top:2rem}.textwrapper{display:flex;padding:var(--fake-app-container-padding);border-radius:var(--fake-app-container-radius);min-block-size:80vb;background-color:var(--surface-main);color:var(--sl-color-text);box-shadow:var(--elevation-01);border:1px solid var(--border-shiny)}.fontero-config{display:grid;grid-template-columns:min-content 1fr;align-items:baseline;gap:var(--base)}.fake-app{display:grid;grid-template-areas:"menu nav" "menu form";grid-template-columns:72px 1fr;grid-template-rows:56px 1fr;align-content:start;border-radius:calc(var(--fake-app-container-radius) - calc(var(--fake-app-container-padding) / 2));background-color:var(--surface-base);flex:1;border:1px solid var(--border-strong);overflow:hidden;container-name:fake-app;container-type:inline-size;row-gap:0px}.fake-form{display:grid;grid-area:form;padding:var(--base-2);gap:var(--base-2);row-gap:0px}.fake-nav{grid-area:nav;display:flex;align-items:end;padding-inline:var(--base-2)}.fake-menu{grid-area:menu;justify-self:stretch;background-color:var(--surface-main-dim);margin-block:var(--base-2);border-start-end-radius:var(--radius-2);border-end-end-radius:var(--radius-2);box-shadow:var(--elevation-00);border:1px solid var(--border-shiny);border-inline-start-width:0;display:flex;flex-direction:column;padding:var(--base-4) var(--base);align-items:center;margin-bottom:0rem;--s: 200px;--c: var(--surface-main-dim);--_g: #0000 8%, var(--c) 0 17%, #0000 0 58%;background:linear-gradient(135deg,#0000 20.5%,var(--c) 0 29.5%,#0000 0) 0 calc(var(--s)/4),linear-gradient(45deg,var(--_g)) calc(var(--s)/2) 0,linear-gradient(135deg,var(--_g),var(--c) 0 67%,#0000 0),linear-gradient(45deg,var(--_g),var(--c) 0 67%,#0000 0 83%,var(--c) 0 92%,#0000 0),linear-gradient(90deg,var(--surface-brand-primary-subtle),var(--surface-brand-secondary-subtle),var(--surface-brand-secondary-subtle));background-size:var(--s) var(--s)}[type=range]{width:inherit}[href="../.."]{background:#ffffff38;color:#fff;border-radius:5px;margin:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}[href="../.."]:hover{background:#ffffff38;color:#f9dc7d;border-radius:5px;margin:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.labelslider{display:flex;justify-content:space-between}#baseFontSize,#upload{text-indent:10px;cursor:pointer;border:1px solid var(--divider);border-radius:calc(var(--radius-2) * 1.5);background-color:var(--grey--80);position:relative;color:#fff}details[open] summary:after{content:""}details:not([open]) summary:after{content:""}input[type=range]{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:linear-gradient(to right,var(--surface-brand-secondary-subtle) 0%,var(--surface-brand-primary-subtle) 100%);outline:none;opacity:.7;transition:opacity .2s}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 3px 8px #0006}.hidden{display:none}.active{display:block}.settingstabs{gap:0px!important;background-color:var(--surface-main);box-shadow:var(--elevation-03);overflow:auto;flex:none;display:inline-flex;--tab-bg-offset: 4px;--tab-height: var(--base-5);--tabs-radius: calc(var(--radius) + var(--tab-bg-offset));display:flex;flex-wrap:wrap;border-radius:15px 0 0}.onetab{border-radius:5px 0 0!important;border:none}.twotab{border-radius:0!important;border:none}.threetab{border-radius:0 5px 0 0!important;border:none}.fontero-config>b{grid-column:1/-1}.disabled-text{color:var(--text-secondary)!important;padding-top:1rem}.color-palette{grid-column:1/-1;display:grid;grid-auto-flow:row;justify-items:stretch;gap:5px}.color-row{display:grid;grid-auto-flow:column;justify-content:space-between}.color-square{border:1px solid var(--surface-black-strong);border-radius:var(--radius);cursor:pointer;display:inline-block;background-color:var(--_select-tag-bg);flex:0;width:10px;height:10px}.color-square.selected{border:2px solid #000}@media screen and (width<1280px){theme-builder-overlay{opacity:1;display:flex}.main-wrapper{display:none}}@media screen and (max-width:1200px){.buttonwrapper{grid-template-columns:repeat(2,1fr)}.wrapper{flex-direction:column;overflow:auto;flex-basis:min-content}.textwrapper,.buttonwrapper,.fontPreview{max-width:580px}}@media screen and (max-width:990px){.textwrapper,.buttonwrapper{max-width:500px}.fontPreview{max-width:400px}}@media screen and (max-width:768px){.textwrapper{max-width:350px;margin-left:0}.buttonwrapper{max-width:350px}.fontPreview{max-width:2500px}}