@tendaui/theme-generator 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +289 -119
- package/dist/index.esm.js +11092 -4951
- package/dist/theme-generator.css +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.theme-generator-dock{position:fixed;bottom:24px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);z-index:9999;background-color:#ffffffe6;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;-webkit-box-shadow:0 3px 14px 2px rgba(0,0,0,.1);box-shadow:0 3px 14px 2px #0000001a}.theme-generator-dock__operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s}.generator-btn,.export-btn,.recover-btn{border-radius:32px;padding:1px;background:linear-gradient(135deg,#e7e7e7,#e7e7e7,#dd4646,#006cfc,#05c4f4,#7ee94c);background-size:400%;-webkit-transition:all .3s;transition:all .3s}.generator-btn:hover,.export-btn:hover,.recover-btn:hover{-webkit-animation:toConic .5s cubic-bezier(.38,0,.24,1) forwards;animation:toConic .5s cubic-bezier(.38,0,.24,1) forwards}.theme-generator-dock .generator-btn button,.theme-generator-dock .export-btn button,.theme-generator-dock .recover-btn button,.theme-generator-dock .generator-btn .t-button,.theme-generator-dock .export-btn .t-button,.theme-generator-dock .recover-btn .t-button{height:46px;width:100%;border-radius:24px;border:none;margin:auto;-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;transition:transform .2s,color .2s;transition:transform .2s,color .2s,-webkit-transform .2s;background-color:#fff;color:#666}.theme-generator-dock .generator-btn:hover button,.theme-generator-dock .export-btn:hover button,.theme-generator-dock .recover-btn:hover button,.theme-generator-dock .generator-btn:hover .t-button,.theme-generator-dock .export-btn:hover .t-button,.theme-generator-dock .recover-btn:hover .t-button{background-color:#fff;color:#333}.dock-button{height:46px;width:100%;border-radius:24px;border:none;background-color:#fff;color:#666;cursor:pointer;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;justify-content:center;font-size:14px;-webkit-transition:all .2s;transition:all .2s;padding:0 16px}.dock-button:hover{background-color:#f5f5f5;color:#333}.dock-icon{font-size:18px}.theme-generator-dock .t-button .t-icon+.t-button__text:not(:empty){margin-left:12px}@-webkit-keyframes toConic{0%{background-position:0 0}to{background-position:100% 50%}}@keyframes toConic{0%{background-position:0 0}to{background-position:100% 50%}}:root,:root[theme-mode=light]{--shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--shadow-inset-top: inset 0 .5px 0 #dcdcdc;--shadow-inset-right: inset .5px 0 0 #dcdcdc;--shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--shadow-inset-left: inset -.5px 0 0 #dcdcdc;--anim-time-fn-easing: cubic-bezier(.38, 0, .24, 1);--anim-time-fn-ease-out: cubic-bezier(0, 0, .15, 1);--anim-time-fn-ease-in: cubic-bezier(.82, 0, 1, .9);--anim-duration-base: .2s;--anim-duration-moderate: .24s;--anim-duration-slow: .28s;--bg-color-page: #f5f5f5;--bg-color-secondarypage: #f5f5f5;--bg-color-demo: #fff;--bg-color-demo-secondary: #eee;--bg-color-code: #f3f3f3;--bg-color-code-linear: linear-gradient(180deg, rgba(243, 243, 243, 1) 0%, rgba(243, 243, 243, 0) 100%);--bg-color-footer: #eee;--bg-color-secondaryfooter: #e7e7e7;--bg-color-docpage: #fff;--bg-color-container: #fff;--bg-color-container-transparent: rgba(255, 255, 255, .9);--bg-color-secondarycontainer: #f5f5f5;--bg-color-component: #eee;--bg-color-component-transparent: rgba(238, 238, 238, .9);--bg-color-tag: #eee;--bg-color-tab: #eee;--bg-color-table: #fff;--bg-color-thead: #dcdcdc;--bg-color-navigation: #fff;--bg-color-card: #fff;--component-stroke: #eee;--component-border: #e7e7e7;--bg-color-demo-hover: rgba(0, 0, 0, .05);--bg-color-demo-select: rgba(0, 0, 0, .1);--bg-color-code-hover: #e7e7e7;--bg-color-code-select: #dcdcdc;--bg-color-container-hover: #f3f3f3;--bg-color-container-select: #eee;--bg-color-component-hover: #dcdcdc;--bg-color-component-select: #a6a6a6;--bg-color-tab-select: #fff;--bg-color-table-hover: #f5f5f5;--bg-color-navigation-hover: #f3f3f3;--bg-color-navigation-select: #e7e7e7;--bg-color-card-hover: #f3f3f3;--bg-color-scroll: rgba(0, 0, 0, .14);--bg-color-component-disabled: #eee;--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .6);--text-placeholder: rgba(0, 0, 0, .4);--text-disabled: rgba(0, 0, 0, .26);--text-anti: #fff;--text-interactive: var(--td-brand-color);--brand-main: var(--td-brand-color);--brand-main-hover: var(--td-brand-color-hover, var(--td-brand-color-active));--brand-main-focus: var(--td-brand-color-focus);--brand-main-disabled: var(--td-brand-color-disabled);--brand-main-light: rgba(0, 82, 217, .1);--error-1: #fff0ed;--error-8: #881f1c;--error-main: #d54941;--error-main-hover: #f6685d;--error-main-disabled: #ffb9b0;--error-main-light: rgba(213, 73, 65, .1);--warning-main: #e37318;--warning-main-hover: #fa9550;--warning-main-disabled: #ffb98c;--warning-main-light: rgba(227, 115, 24, .1);--success-main: #2ba471;--success-main-disabled: rgba(43, 164, 113, .25);--success-main-light: rgba(43, 164, 113, .1);--bg-color-theme-transparent: rgba(238, 238, 238, .6);--bg-color-theme-secondary: #f3f3f3;--bg-color-theme-surface: #fff;--bg-color-theme-tertiary: #e7e7e7;--theme-component-border: rgba(0, 0, 0, .06)}:root[theme-mode=dark]{--shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--shadow-inset-top: inset 0 .5px 0 #5e5e5e;--shadow-inset-right: inset .5px 0 0 #5e5e5e;--shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--shadow-inset-left: inset -.5px 0 0 #5e5e5e;--bg-color-page: #242424;--bg-color-secondarypage: #181818;--bg-color-demo: #181818;--bg-color-demo-secondary: #181818;--bg-color-code: #2c2c2c;--bg-color-code-linear: linear-gradient(180deg, rgba(44, 44, 44, 1) 0%, rgba(44, 44, 44, 0) 100%);--bg-color-footer: #181818;--bg-color-secondaryfooter: #101010;--bg-color-docpage: #242424;--bg-color-container: #242424;--bg-color-container-transparent: rgba(44, 44, 44, .9);--bg-color-secondarycontainer: #383838;--bg-color-component: #383838;--bg-color-component-transparent: rgba(75, 75, 75, .9);--bg-color-tag: #4b4b4b;--bg-color-tab: #383838;--bg-color-table: #242424;--bg-color-thead: #4b4b4b;--bg-color-navigation: #2c2c2c;--bg-color-card: #383838;--component-stroke: #383838;--component-border: #4b4b4b;--bg-color-demo-hover: rgba(255, 255, 255, .05);--bg-color-demo-select: rgba(255, 255, 255, .1);--bg-color-code-hover: #383838;--bg-color-code-select: #4b4b4b;--bg-color-container-hover: #383838;--bg-color-container-select: #4b4b4b;--bg-color-component-hover: #5e5e5e;--bg-color-component-select: #777;--bg-color-tab-select: #4b4b4b;--bg-color-table-hover: #2c2c2c;--bg-color-navigation-hover: #383838;--bg-color-navigation-select: #4b4b4b;--bg-color-card-hover: #4b4b4b;--bg-color-scroll: rgba(255, 255, 255, .14);--bg-color-component-disabled: #242424;--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .55);--text-placeholder: rgba(255, 255, 255, .35);--text-disabled: rgba(255, 255, 255, .22);--text-anti: #fff;--brand-main-light: rgba(69, 130, 230, .2);--error-1: #472324;--error-8: #ec888e;--error-main: #c64751;--error-main-hover: #a03f46;--error-main-disabled: #951114;--warning-main: #cf6e2d;--warning-main-hover: #a75d2b;--warning-main-disabled: #733c23;--success-main: #059465;--success-main-hover: #0d7a55;--success-main-disabled: rgba(0, 168, 112, .25);--success-main-light: rgba(0, 168, 112, .1);--bg-color-theme-transparent: rgba(44, 44, 44, .6);--bg-color-theme-secondary: #424242;--bg-color-theme-surface: #4d4d4d;--bg-color-theme-tertiary: #5e5e5e;--theme-component-border: rgba(255, 255, 255, .06)}.theme-generator{position:relative}@media screen and (max-width:960px){.theme-generator{display:none}}.t-drawer__mask{background:none}.t-drawer__content-wrapper{-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}.t-drawer__content-wrapper .t-drawer__body{padding:0;background:var(--bg-color-theme-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.t-popup__content{font-size:14px;-webkit-box-shadow:var(--shadow-2),var(--shadow-inset-top),var(--shadow-inset-right),var(--shadow-inset-bottom),var(--shadow-inset-left);box-shadow:var(--shadow-2),var(--shadow-inset-top),var(--shadow-inset-right),var(--shadow-inset-bottom),var(--shadow-inset-left)}.t-popup__content:not(.t-tooltip){background:var(--bg-color-container)}.t-popup[data-popper-placement=bottom-end] .t-popup__arrow{left:calc(100% - 32px)}.t-popup[data-popper-placement=bottom-start] .t-popup__arrow{left:20px}.t-popup__content:not(.t-tooltip) .t-popup__arrow:before{background:var(--bg-color-container)}.t-select__list{padding:0}.t-button--variant-text:hover{background:var(--bg-color-container-hover)}.t-input{padding-left:4px!important}.switch-tabs{width:72px;height:100%;position:-webkit-sticky;position:sticky;top:0}.switch-tabs__panel{padding:0 8px;position:relative}.switch-tabs__panel .border{position:absolute;width:3px;height:80px;left:0;top:0;background:var(--td-brand-color);border-radius:0 9px 9px 0;-webkit-transition:top .2s;transition:top .2s}.switch-tabs__panel-content{cursor:pointer;text-align:center;height:80px;width:56px;padding:4px;border-radius:12px;margin-bottom:8px;-webkit-transition:all .2s linear;transition:all .2s linear}.switch-tabs__panel-content:hover{background-color:var(--bg-color-card)}.switch-tabs__panel-content>div:not(.border){height:48px;width:48px}.switch-tabs__panel-content>p{margin-top:4px;font-size:12px;line-height:20px;color:var(--text-primary)}.switch-tabs__panel-content svg{border-radius:9px;font-size:48px}.switch-tabs__panel-content--active{background-color:var(--bg-color-card)}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .1s;transition:opacity .1s}.fade-enter,.fade-leave-to{opacity:0}.color-content__horizontal-list{width:100%;margin:12px 0;position:relative;height:32px;-webkit-transition:height .2s;transition:height .2s}.color-content__horizontal-list>div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.color-content__horizontal-list>div>div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:32px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;cursor:pointer}.color-content__horizontal-list>div>div:first-child{border-radius:6px 0 0 6px}.color-content__horizontal-list>div>div:last-child{border-radius:0 6px 6px 0}.color-content__horizontal-list>div>div:hover{-webkit-transform:scale(1.2);transform:scale(1.2);border-radius:3px;-webkit-box-shadow:0px 1px 10px rgba(0,0,0,.05),0px 4px 5px rgba(0,0,0,.08),0px 2px 4px -1px rgba(0,0,0,.12);box-shadow:0 1px 10px #0000000d,0 4px 5px #00000014,0 2px 4px -1px #0000001f}.color-content__horizontal-list .unlink{width:100%;height:32px;background:var(--bg-color-theme-secondary);border:1px solid var(--theme-component-border);border-radius:6px;font-size:12px;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.color-content__horizontal-list .unlink .t-icon{font-size:16px;margin-right:4px}.color-content__vertical-list{width:100%;background:var(--bg-color-theme-secondary);padding:4px;font-size:12px;line-height:18px;border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;cursor:pointer;position:relative}.color-content__vertical-list-content{width:158px}.color-content__vertical-list .block{position:relative}.color-content__vertical-list .block .t-icon-edit-1{font-size:16px;color:var(--text-anti);z-index:2}.color-content__vertical-list .block:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:transparent;border-radius:5px;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}.color-content__vertical-list .block:hover:after{background-color:#0003}.color-content__vertical-list>.current-arrow{top:-6px;width:12px;height:12px;z-index:10;background:var(--bg-color-theme-secondary);position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:left .2s;transition:left .2s}.color-content__vertical-list .active-tab{position:absolute;width:calc(100% - 8px);border-radius:6px;background:var(--bg-color-theme-surface);left:4px;-webkit-transition:top .2s;transition:top .2s;height:44px;z-index:15}.color-content__vertical-list>div:not(.active-tab){width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 6px;border-radius:6px;position:relative;z-index:20}.color-content__vertical-list>div:not(.active-tab) .error-icon{position:absolute;top:0;bottom:0;margin:auto;right:8px;font-size:16px}.color-content__vertical-list>div:not(.active-tab)>div:first-child{margin-right:8px;margin-top:2px}.color-content__vertical-list>div:not(.active-tab)>p{margin-right:12px;-webkit-box-flex:1;-ms-flex:1;flex:1}.color-content__vertical-list-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:225px}.color-content__vertical-list-subtitle{color:var(--text-placeholder)}.color-column{margin-top:16px}.color-column__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px}.color-column__title{font-size:14px;font-weight:600;color:#333}.color-column__recover{padding:4px 12px;border:1px solid #e7e7e7;border-radius:4px;background:#fff;color:#666;font-size:12px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.color-column__recover:hover{background:#f5f5f5;border-color:#0052d9;color:#0052d9}.color-column__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.color-column__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.color-column__item-label{width:24px;font-size:12px;color:#666;text-align:center}.color-column__item-color{width:40px;height:32px;border:1px solid #e7e7e7;border-radius:4px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.color-column__item-input{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:6px 12px;border:1px solid #e7e7e7;border-radius:4px;font-size:12px;font-family:monospace}.color-collapse{padding:16px 4px 16px 16px;border-top:1px solid var(--theme-component-border)}.color-collapse__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-collapse__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;font-size:14px;line-height:22px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.color-collapse__title{margin-bottom:4px;font-weight:500;color:var(--text-primary)}.color-collapse__subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.color-collapse__arrow{color:var(--text-primary);-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer}.block{position:relative}.block:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:transparent;-webkit-transition:background-color .2s;transition:background-color .2s;border-radius:6px}.block:hover:after{background-color:#0000001a}.color-content__content{padding:0;overflow-y:auto}.color-content__content:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.color-content__content::-webkit-scrollbar{width:12px;background:transparent}.color-content__content::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.color-content .t-divider__horizontal{margin:16px 0}.color-content__main{padding:12px 4px 16px 16px}.color-content__title{font-size:14px;color:var(--text-primary);font-weight:600;margin:0 0 8px;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-content__subtitle{font-size:12px;margin:4px 0 10px}.color-content__subtitle button{margin-right:8px;width:30px;height:30px}.color-content__flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -2px}.color-content__flex>div{margin:2px}.color-content__block{line-height:18px;font-size:12px;text-align:center;border-radius:9px;cursor:pointer;width:56px;height:56px;-webkit-transition:background .2s;transition:background .2s}.color-content__block .recommend-block{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:top left;transform-origin:top left;position:absolute;top:0;left:0;border-radius:3px}.color-content__block>div{border-radius:9px;width:56px;height:56px;border:1px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:var(--text-secondary);-webkit-transition:all .2s cubic-bezier(.38,0,.24,1);transition:all .2s cubic-bezier(.38,0,.24,1)}.color-content__block>div:hover{color:var(--text-secondary-hover);scale:1.05}.color-content__block>div.is-active{border:1px solid var(--td-brand-color)}.color-content__block>div>div{color:var(--td-font-white-1)}.color-content__custom{margin:8px 0;padding:2px;height:106px;background:conic-gradient(from 180deg at 50% 50%,#00c3ff 0,var(--td-brand-color) 120deg,var(--td-brand-color) 180deg,#4ceb1b 290.62deg,#00c3ff 360deg);border-radius:9px;cursor:pointer;-webkit-transition:padding .2s;transition:padding .2s}.color-content__custom:hover{padding:4px}.color-content__custom-inner{background-color:var(--bg-color-card);padding:2px 2px 4px;border-radius:7px;max-height:100%}.color-content__custom-top{padding:4px 8px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.color-content__custom-top>p{color:var(--td-font-white-3);margin:0;line-height:20px;font-size:12px}.color-content__custom-bottom{padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.color-content__custom-bottom p{margin:0;line-height:22px;font-size:14px}.color-content__custom-bottom p:first-child{color:var(--text-primary);font-weight:600}.color-content__custom-bottom p:last-child{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.color-content__generate-mode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.color-content__generate-mode-btn{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:118px;border-radius:8px}.color-content__generate-mode-btn.is-active{background:conic-gradient(from 180deg at 50% 50%,#00c3ff 0,var(--td-brand-color) 120deg,var(--td-brand-color) 180deg,#4ceb1b 290.62deg,#00c3ff 360deg)}.color-content__generate-mode-btn-inner{border-radius:6px;border:2px solid var(--bg-color-card);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;justify-content:center;color:var(--text-anti);width:113px;height:36px;font-size:12px;line-height:20px}.segment-panel__round{display:-webkit-box;display:-ms-flexbox;display:flex;height:32px}.segment-panel__round>div{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:var(--bg-color-theme-secondary);margin-right:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.segment-panel__round.disabled :global(.t-slider__button){border-color:var(--bg-color-tag);background-color:var(--bg-color-theme-surface)}.segment-panel__round-tag{height:100%;width:32px;color:var(--text-primary);position:relative}.segment-panel__round-tag:first-child{border-radius:9px 0 0 9px}.segment-panel__round-tag:last-child{border-radius:0 9px 9px 0;margin-right:0}.segment-panel__round-slider{width:76px;padding:6px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}.segment-panel__round-slider .slider-split{background-color:var(--bg-color-theme-secondary);width:2px;height:8px;z-index:2}.segment-panel__round-slider :global(.t-slider__container){position:absolute;top:6px;width:60px;left:8px}.segment-panel__round-slider :global(.t-slider){padding:6px 0}.segment-panel__round-slider :global(.t-slider__rail){height:8px;background-color:var(--bg-color-theme-tertiary)}.segment-panel__round-slider :global(.t-slider__track){height:8px}.segment-panel__round-slider :global(.t-slider__button){-webkit-box-shadow:var(--shadow-1);box-shadow:var(--shadow-1)}.segment-panel__select{text-align:center;padding:0;margin-left:8px;width:82px}.segment-panel__select :global(.t-input){background:var(--bg-color-theme-secondary);border:1px solid transparent;height:32px;border-radius:9px;padding:0 8px;-webkit-transition:border-color .2s;transition:border-color .2s;font-size:14px}.segment-panel__select :global(.t-select){font-size:14px}.segment-panel__select :global(.t-select):hover{border-color:var(--component-border)}.segment-panel__select :global(.t-is-active){border-color:var(--brand-main)!important}.segment-panel__select :global(.t-select__right-icon){color:var(--text-placeholder)!important}.segment-panel__select :global(.t-select__single){margin-left:0}.panel__size-slider{border-radius:9px;padding:8px 8px 12px;font-size:14px}.panel__size-slider-op{width:108px;margin-top:4px;padding:8px;border-radius:6px;background-color:var(--bg-color-code)}.panel__size-slider :global(.t-input-number){font-size:14px!important}.radius-content__content{padding:0;overflow:auto}.radius-content__content:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.radius-content__content::-webkit-scrollbar{width:12px;background:transparent}.radius-content__content::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.radius-content__main{padding:12px 4px 16px 16px}.radius-content__title{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-top:0;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.radius-content__round-tag-left,.radius-content__round-tag-right{position:absolute;width:20px;height:20px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:var(--brand-main-light);border:1px solid var(--brand-main)}.radius-content__round-tag-left.disabled,.radius-content__round-tag-right.disabled{background:var(--bg-color-tag);border:1px solid var(--theme-component-border)}.radius-content__round-tag-left{border-radius:3px}.radius-content__round-tag-right{border-radius:8px}.radius-content__round-tag-wrapper{position:relative;width:32px;height:32px}.radius-content__list{margin-top:8px;padding:4px;border-radius:9px;background-color:var(--bg-color-theme-secondary)}.radius-content__list-item-wrapper{margin-bottom:4px;border-radius:6px}.radius-content__list-item-wrapper:last-child{margin-bottom:0}.radius-content__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:4px 6px;background:var(--bg-color-theme-surface);border-radius:6px;cursor:pointer}.radius-content__list-item-round-tag{width:32px;height:32px;background:var(--brand-main-light);border:1px solid var(--brand-main);margin-right:8px;border-radius:6px}.radius-content__list-item-text{-webkit-box-flex:1;-ms-flex:1;flex:1;width:158px}.radius-content__list-item-title{font-weight:400;font-size:12px;line-height:18px;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.radius-content__list-item-title.bottom{color:var(--text-placeholder)}.radius-content__list span{font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.common-collapse{padding:16px 4px 16px 16px;border-top:1px solid var(--component-border)}.common-collapse__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-collapse__round{position:relative;border-radius:6px}.common-collapse__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;font-size:14px;line-height:22px;-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer}.common-collapse__title{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.common-collapse__subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--text-secondary);font-size:12px;line-height:20px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.common-collapse__arrow-wrapper{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.common-collapse__arrow{color:var(--text-primary);-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.common-collapse__content{margin-top:16px}.font-panel__round-tag-left{font-size:12px;line-height:32px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-panel__round-tag-right{font-size:18px;line-height:32px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.font-panel__radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-radius:6px;text-align:center;background-color:var(--bg-color-theme-radio);margin-bottom:4px;position:relative}.font-panel__radio-button{-webkit-box-flex:1;-ms-flex:1;flex:1;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:transparent;cursor:pointer;padding:4px;color:var(--text-secondary);font-size:12px;-webkit-transition:color .2s;transition:color .2s}.font-panel__list-item{margin:4px 0;border-radius:6px;padding:4px;cursor:pointer;background-color:var(--bg-color-theme-surface);width:100%}.font-panel__round-tag-left{font-size:14px;line-height:32px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;margin:0;position:relative}.font-panel__round-tag-left:before,.font-panel__round-tag-left:after{content:"";height:3px;width:100%;background-color:#e34d5933;position:absolute;z-index:0;left:0}.font-panel__round-tag-left:before{top:8px}.font-panel__round-tag-left:after{top:21px}.font-panel__round-tag-right{font-size:14px;line-height:32px;font-weight:600;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;margin:0;position:relative}.font-panel__round-tag-right:before,.font-panel__round-tag-right:after{content:"";height:5px;width:100%;background-color:#e34d5933;position:absolute;z-index:0;left:0}.font-panel__round-tag-right:before{top:6px}.font-panel__round-tag-right:after{top:21px}.font-panel__token-list{margin-top:8px;padding:4px 4px 0;border-radius:9px;background-color:var(--bg-color-theme-secondary)}.font-panel__token-list .t-radio-group{width:100%;border-radius:6px;text-align:center;background-color:var(--bg-color-theme-radio);margin-bottom:4px}.font-panel__token-list .t-radio-button{width:50%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.font-panel__token-list .t-radio-group__bg-block{border-radius:5px;width:calc(50% - 2px)!important}.font-panel__token-list .code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;margin-bottom:8px}.font-panel__radio-group{width:100%;text-align:center;border-radius:6px;margin-bottom:4px;background-color:var(--bg-color-theme-radio);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.font-panel__radio-button{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:transparent;cursor:pointer;padding:4px;color:var(--text-secondary);font-size:12px;-webkit-transition:color .2s;transition:color .2s}.font-panel__radio-button.active{color:var(--text-primary)}.font-panel__list{overflow:hidden}.font-panel__list-item{margin-bottom:4px;border-radius:6px;padding:4px 8px;cursor:pointer;background:var(--bg-color-theme-surface);width:100%}.font-color__type-radio{margin:16px 0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border-radius:6px;background-color:var(--bg-color-theme-secondary)}.font-color__radio-button{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;width:100%;padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);font-size:12px;-webkit-transition:color .2s;transition:color .2s;border-radius:5px}.font-color__radio-button.active{color:var(--text-primary);background-color:var(--bg-color-theme-surface)}.font-color__vertical-list{width:100%;background:var(--bg-color-theme-secondary);padding:4px;font-size:14px;line-height:22px;border-radius:9px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;cursor:pointer;position:relative}.font-color__vertical-list .block{position:relative;margin-bottom:8px}.font-color__vertical-list .block:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:transparent;-webkit-transition:background-color .2s;transition:background-color .2s;border-radius:5px}.font-color__vertical-list .block:hover:after{background-color:#0003}.font-color__vertical-list>.current-arrow{top:-6px;width:12px;height:12px;z-index:10;background:var(--bg-color-theme-secondary);position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:left .2s;transition:left .2s}.font-color__vertical-list .active-tab{position:absolute;width:calc(100% - 12px);border-radius:6px;background:var(--bg-color-card);left:6px;-webkit-transition:top .2s;transition:top .2s;height:56px}.font-color__vertical-list>div:not(.active-tab){width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 6px;border-radius:6px;position:relative}.font-color__vertical-list>div:not(.active-tab)>div:first-child{margin-right:8px;margin-top:2px}.font-color__vertical-list-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:182px;font-size:12px;line-height:18px}.font-color__vertical-list-subtitle{color:var(--text-placeholder);font-size:12px;line-height:18px}.font-content__content{padding:0;overflow:auto}.font-content__content:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.font-content__content::-webkit-scrollbar{width:12px;background:transparent}.font-content__content::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.font-content__main{padding:12px 4px 16px 16px}.font-content__title{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-top:0;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.shadow-layer__card{padding:8px;width:208px;background:var(--bg-color-code);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}.shadow-layer__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px}.shadow-layer__name{font-size:12px;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.shadow-layer__remove{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:14px;line-height:1}.shadow-layer__card--item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.shadow-layer__card--x{width:50%}.shadow-layer__suffix{font-size:14px;color:var(--text-placeholder)}.shadow-layer__card--sharp{width:24px;height:24px;border:1px solid var(--bg-color-demo-select);border-radius:3px;margin-right:8px}.shadow-layer__color-text{font-size:12px;color:var(--text-primary);word-break:break-all}.shadow-layer__color-input{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border:1px solid var(--theme-component-border);border-radius:6px;background:var(--bg-color-theme-surface)}.shadow-layer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:70vh;overflow:auto;gap:8px}.shadow-layer::-webkit-scrollbar{width:12px;background:transparent}.shadow-layer::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.shadow-layer__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.shadow-layer__header--name{font-size:14px;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.shadow-layer__add{background:none;border:none;margin-right:8px;color:var(--text-primary);cursor:pointer;font-size:16px;line-height:1}.shadow-card{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px;background-color:var(--bg-color-theme-secondary);border-radius:9px}.shadow-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;border-radius:6px;padding:6px 8px;margin:16px;overflow:hidden;background-color:var(--bg-color-theme-surface)}.shadow-card__title{font-size:12px;color:var(--text-primary);line-height:20px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.shadow-card__tips{font-size:12px;color:var(--text-placeholder);line-height:20px}.shadow-card__divider{height:1px;width:100%;margin:4px 0;background:var(--theme-component-border)}.shadow-card__info{font-size:12px;color:var(--text-placeholder);line-height:20px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.shadow-card__info-item{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shadow-content__content{padding:0;overflow:auto}.shadow-content__content:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.shadow-content__content::-webkit-scrollbar{width:12px;background:transparent}.shadow-content__content::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.shadow-content__main{padding:12px 4px 16px 16px}.shadow-content__title{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-top:0;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.shadow-panel__round-box{width:20px;height:20px;background:var(--bg-color-theme-surface);border-radius:3px}.size-content__content{padding:0;overflow:auto}.size-content__content:hover::-webkit-scrollbar-thumb{background-color:var(--bg-color-scroll)}.size-content__content::-webkit-scrollbar{width:12px;background:transparent}.size-content__content::-webkit-scrollbar-thumb{border-radius:6px;border:4px solid transparent;background-clip:content-box;background-color:transparent}.size-content__main{padding:12px 4px 16px 16px}.size-content__title{font-size:14px;color:var(--text-primary);font-weight:600;margin-bottom:8px;margin-top:0;line-height:22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.size-panel__token-list{margin-top:16px;padding:4px;border-radius:9px;background-color:var(--bg-color-theme-secondary);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.size-panel__token-list span{font-size:14px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}.size-panel__list-item{margin-bottom:4px;border-radius:6px;cursor:pointer;background-color:var(--bg-color-theme-surface);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;padding:4px 6px;font-size:12px;line-height:20px}.size-panel__list-item:last-child{margin-bottom:0}
|