tdesign-pro-component
Version:
ProComponents tdesign-vue-next + Vue3 + TS
2 lines (1 loc) • 40.4 kB
CSS
.t-input-adornment[data-v-0841641a]{width:100%}.pro-form{overflow-x:hidden}.pro-form-footer{margin-top:24px;display:flex;align-items:center;width:100%;justify-content:var(--2fd01f3a)}.pro-form-submit-button{margin-right:12px}.pro-table-form{margin-bottom:16px}.pro-table-form-actions .t-button{margin-right:12px}.pro-table-header{margin-bottom:12px}.pro-table-page{margin-top:16px}.pro-layout-header{display:flex;align-items:center;height:100%}.pro-layout-header-logo{min-width:12.2%}.pro-layout-header-body{flex-grow:1;flex-shrink:0;flex-basis:0}.pro-layout-header-actions{min-width:12%}@keyframes t-fade-in{0%{opacity:0}to{opacity:1}}@keyframes t-fade-out{0%{opacity:1}to{opacity:0}}@keyframes t-zoom-out{0%{transform:scale(.2)}to{transform:scale(1)}}.t-loading{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;color:var(--td-brand-color);font-size:var(--td-comp-size-l)}.t-loading--lock{overflow:hidden}.t-loading.t-size-s{font-size:var(--td-comp-size-xxxs)}.t-loading.t-size-l{font-size:var(--td-comp-size-xxxl)}.t-loading__parent--relative{position:relative}.t-loading__fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3500}.t-loading--center{display:inline-flex;align-items:center;vertical-align:middle;justify-content:center}.t-loading__content{position:absolute;left:48%;top:20%}.t-loading--inherit-color{color:inherit}.t-loading__parent{position:relative}.t-loading__overlay{background-color:var(--td-mask-disabled)}.t-loading--full{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3500}.t-loading--hidden{visibility:hidden}.t-loading--visible{visibility:visible}.t-loading__text{width:auto;display:inline-block;vertical-align:middle;font:var(--td-font-body-medium);margin-left:var(--td-comp-margin-xs)}.t-loading__gradient{display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.t-loading__gradient-conic{width:100%;height:100%;border-radius:var(--td-radius-circle);background:conic-gradient(from 90deg at 50% 50%,#fff 0deg,currentcolor 360deg);-webkit-mask:radial-gradient(transparent calc(50% - .5px),#fff 50%);mask:radial-gradient(transparent calc(50% - .5px),#fff 50%)}@keyframes t-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-icon{display:inline-block;vertical-align:middle;width:1em;height:1em}.t-icon:before{font-family:unset}.t-icon-loading{animation:t-spin 1s linear infinite}.t-icon{fill:currentColor}.t-icon.t-size-s,i.t-size-s{font-size:14px}.t-icon.t-size-m,i.t-size-m{font-size:16px}.t-icon.t-size-l,i.t-size-l{font-size:18px}.t-layout{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none}.t-layout,.t-layout__direction-vertical{display:flex;flex-direction:column;background:var(--td-bg-color-page);flex:auto}.t-layout--with-sider,.t-layout__direction-horizontal{flex-direction:row}.t-layout__header{height:var(--td-comp-size-xxxl);background-color:var(--td-bg-color-container)}.t-layout__content{flex:auto}.t-layout__sider{position:relative;transition:all .2s;background:var(--td-bg-color-container);width:232px}.t-layout__footer{color:var(--td-text-color-placeholder);padding:24px}.t-message{margin:0;padding:0;list-style:none;width:fit-content;outline:0;border-radius:var(--td-radius-medium);background-color:var(--td-bg-color-container);box-shadow:var(--td-shadow-3),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);box-sizing:border-box;display:flex;align-items:center;color:var(--td-text-color-primary);font:var(--td-font-body-medium);padding:var(--td-comp-paddingTB-m) var(--td-comp-paddingLR-l)}.t-message>.t-icon,.t-message>[data-t-icon]>.t-icon,.t-message .t-loading{color:var(--td-brand-color);margin-right:var(--td-comp-margin-s);flex-shrink:0;font-size:calc(var(--td-font-size-body-medium) + 6px)}.t-message.t-is-success>.t-icon,.t-message.t-is-success>[data-t-icon]>.t-icon,.t-message.t-is-success .t-loading{color:var(--td-success-color)}.t-message.t-is-warning>.t-icon,.t-message.t-is-warning>[data-t-icon]>.t-icon,.t-message.t-is-warning .t-loading{color:var(--td-warning-color)}.t-message.t-is-error>.t-icon,.t-message.t-is-error>[data-t-icon]>.t-icon,.t-message.t-is-error .t-loading{color:var(--td-error-color)}.t-message.t-is-closable .t-message__close{display:inline-flex;margin-right:0;margin-left:var(--td-comp-margin-xxl);cursor:pointer;color:var(--td-text-color-secondary)}.t-message.t-is-closable .t-message__close .t-icon-close{font-size:calc(var(--td-font-size-body-medium) + 2px);border-radius:var(--td-radius-default);transition:all .2s linear}.t-message.t-is-closable .t-message__close .t-icon-close:hover{background:var(--td-bg-color-container-hover)}.t-message.t-is-closable .t-message__close .t-icon-close:active{background:var(--td-bg-color-container-active)}.t-message__list{position:fixed;z-index:6000}.t-message__list .t-message{margin-bottom:var(--td-comp-margin-s);word-break:break-all}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.content-placement-top .t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.content-placement-bottom .t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.content-placement-left .t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.content-placement-right .t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup{font:var(--td-font-body-medium);box-sizing:border-box;margin:0;padding:0;list-style:none;color:var(--td-text-color-primary);display:inline-block;z-index:5500}.t-popup__content{position:relative;background:var(--td-bg-color-container);box-shadow:var(--td-shadow-2),var(--td-shadow-inset-top),var(--td-shadow-inset-right),var(--td-shadow-inset-bottom),var(--td-shadow-inset-left);border-radius:var(--td-radius-medium);padding:var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-s);font-size:var(--td-font-size-body-medium);line-height:var(--td-line-height-body-medium);box-sizing:border-box;word-break:break-all}.t-popup__arrow{position:absolute;z-index:1;width:8px;height:8px}.t-popup__arrow:before{position:absolute;content:"";width:8px;height:8px;transform:rotate(45deg);background:var(--td-bg-color-container)}.t-popup[data-popper-placement^=top] .t-popup__content{margin-bottom:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=top] .t-popup__content--arrow{margin-bottom:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=bottom] .t-popup__content{margin-top:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=bottom] .t-popup__content--arrow{margin-top:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content{margin-right:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=left] .t-popup__content--arrow{margin-right:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=left] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=right] .t-popup__content{margin-left:var(--td-comp-margin-s)}.t-popup[data-popper-placement^=right] .t-popup__content--arrow{margin-left:var(--td-comp-margin-l)}.t-popup[data-popper-placement^=right] .t-popup__content--text{max-width:480px}.t-popup[data-popper-placement^=top] .t-popup__arrow:before{border-top-left-radius:100%;box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=top-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=top] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=top-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=bottom] .t-popup__arrow{top:-4px}.t-popup[data-popper-placement^=bottom] .t-popup__arrow:before{border-bottom-right-radius:100%;box-shadow:var(--td-shadow-inset-top),var(--td-shadow-inset-right)}.t-popup[data-popper-placement=bottom-start] .t-popup__arrow{left:8px}.t-popup[data-popper-placement=bottom] .t-popup__arrow{left:50%;margin-left:-4px}.t-popup[data-popper-placement=bottom-end] .t-popup__arrow{left:calc(100% - 16px)}.t-popup[data-popper-placement^=left] .t-popup__arrow{right:-4px}.t-popup[data-popper-placement^=left] .t-popup__arrow:before{box-shadow:var(--td-shadow-inset-left),var(--td-shadow-inset-top)}.t-popup[data-popper-placement=left-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=left] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=left-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup[data-popper-placement^=right] .t-popup__arrow{left:-4px}.t-popup[data-popper-placement^=right] .t-popup__arrow:before{box-shadow:var(--td-shadow-inset-right),var(--td-shadow-inset-bottom)}.t-popup[data-popper-placement=right-start] .t-popup__arrow{top:8px}.t-popup[data-popper-placement=right] .t-popup__arrow{top:50%;margin-top:-4px}.t-popup[data-popper-placement=right-end] .t-popup__arrow{top:calc(100% - 16px)}.t-popup--animation-enter,.t-popup--animation-enter-from,.t-popup--animation-exiting,.t-popup--animation-leave-to{opacity:0;visibility:hidden}.t-popup--animation-enter-to,.t-popup--animation-entering,.t-popup--animation-leave-from,.t-popup--animation-leave{opacity:1;visibility:visible;transform:none}.t-popup--animation-enter-active{transition:opacity .2s linear}.t-popup--animation-leave-active{transition:opacity .2s cubic-bezier(0,0,.15,1),visibility .2s cubic-bezier(.82,0,1,.9)}.t-popup--animation-expand-enter-active[data-popper-placement^=top]{animation:t-popup-animation-expand-in-top .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=top]{animation:t-popup-animation-expand-out-top .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@keyframes t-popup-animation-expand-in-top{0%{clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}to{clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-out-top{0%{clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{clip-path:polygon(-20% 120%,120% 120%,120% 120%,-20% 120%)}}.t-popup--animation-expand-enter-active[data-popper-placement^=bottom]{animation:t-popup-animation-expand-in-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-in .2s linear}.t-popup--animation-expand-leave-active[data-popper-placement^=bottom]{animation:t-popup-animation-expand-out-bottom .2s cubic-bezier(.38,0,.24,1),t-fade-out .2s cubic-bezier(0,0,.15,1)}@keyframes t-popup-animation-expand-in-bottom{0%{clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}to{clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}}@keyframes t-popup-animation-expand-out-bottom{0%{clip-path:polygon(-20% 0,120% 0,120% 120%,-20% 120%)}to{clip-path:polygon(-20% 0,120% 0,120% 0,-20% 0)}}.t-tooltip .t-popup__content{display:inline-block;border:0;z-index:5600;margin-bottom:1px;max-width:480px;word-break:break-word;box-sizing:border-box;border-radius:var(--td-radius-medium);color:var(--td-text-color-primary)}.t-tooltip--default .t-popup__content{color:var(--td-text-color-anti);background:var(--td-gray-color-13);box-shadow:inset 0 .5px 0 var(--td-gray-color-9),inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)}.t-tooltip--default[data-popper-placement^=left] .t-popup__arrow:before{box-shadow:inset -.5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)}.t-tooltip--default[data-popper-placement^=right] .t-popup__arrow:before{box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 -.5px 0 var(--td-gray-color-9)}.t-tooltip--default[data-popper-placement^=top] .t-popup__arrow:before{box-shadow:inset 0 -.5px 0 var(--td-gray-color-9),inset -.5px 0 0 var(--td-gray-color-9)}.t-tooltip--default[data-popper-placement^=bottom] .t-popup__arrow:before{box-shadow:inset .5px 0 0 var(--td-gray-color-9),inset 0 .5px 0 var(--td-gray-color-9)}.t-tooltip--primary .t-popup__content{color:var(--td-brand-color);background:var(--td-brand-color-light)}.t-tooltip--success .t-popup__content{color:var(--td-success-color);background:var(--td-success-color-light)}.t-tooltip--danger .t-popup__content{color:var(--td-error-color);background:var(--td-error-color-light)}.t-tooltip--warning .t-popup__content{color:var(--td-warning-color);background:var(--td-warning-color-light)}.t-tooltip .t-popup__arrow{background:inherit;height:auto}.t-tooltip .t-popup__arrow:before{background:inherit}.t-tooltip--noshadow .t-popup__content,.t-tooltip--noshadow[data-popper-placement] .t-popup__arrow:before{box-shadow:none}@keyframes changeColor{0%{color:var(--td-brand-color-hover)}to{color:var(--td-brand-color-active)}}.t-breadcrumb{color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;font:var(--td-font-body-medium);display:flex;align-items:center}.t-breadcrumb__separator{margin:0 var(--td-comp-margin-xs);display:flex;align-items:center}.t-breadcrumb__separator .t-icon{color:var(--td-text-color-placeholder)}.t-breadcrumb__item{display:flex;align-items:center;color:var(--td-text-color-placeholder);text-decoration:none}.t-breadcrumb__item.t-is-current{color:var(--td-text-color-primary)}.t-breadcrumb__item.t-is-current .t-icon{color:var(--td-text-color-placeholder)}.t-breadcrumb__item:last-child{color:var(--td-text-color-primary)}.t-breadcrumb__item:last-child .t-breadcrumb__separator{display:none}.t-breadcrumb__item .t-icon{font-size:var(--td-font-size-body-large)}.t-breadcrumb__item .t-link{color:inherit;text-decoration:none}.t-breadcrumb__item .t-link:hover{color:var(--td-brand-color)}.t-breadcrumb__item .t-is-disabled{cursor:not-allowed}.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner{color:var(--td-text-color-disabled)}.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:hover{color:var(--td-text-color-disabled);cursor:not-allowed}.t-breadcrumb__item .t-is-disabled .t-breadcrumb__inner:active{animation:none}.t-breadcrumb__item--arrow,.t-breadcrumb__item--slash{margin:0 var(--td-comp-margin-xs);line-height:0;color:var(--td-text-color-placeholder);display:inline-block;vertical-align:middle}.t-breadcrumb__inner{font:var(--td-font-body-medium);word-break:break-all;display:inline-block;vertical-align:middle}.t-breadcrumb__inner .t-icon{margin:0 var(--td-comp-margin-xs)}.t-breadcrumb__select{position:relative}.t-breadcrumb__select:hover .t-breadcrumb__option{display:block}.t-breadcrumb__select-item:hover .t-icon{color:var(--td-brand-color)}.t-breadcrumb__option{display:none;position:absolute;top:28px;left:50%;transform:translate(-50%);max-width:120px;background:var(--td-bg-color-container);box-shadow:var(--td-shadow-2);z-index:20}.t-breadcrumb__option-item{padding:8px;font:var(--td-font-body-medium);color:var(--td-text-color-primary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.t-breadcrumb__option-item:hover,.t-breadcrumb__option-item.t-is-active{color:var(--td-brand-color)}.t-breadcrumb__inner-msg{display:none;position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:300px;padding:8px;color:var(--td-text-color-primary);background:var(--td-bg-color-container);border-radius:calc(var(--td-radius-default) * .5);box-shadow:var(--td-shadow-2);z-index:20}.t-breadcrumb__inner-msg:before{content:"";position:absolute;bottom:-8px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:8px 6px 0;border-color:var(--td-bg-color-container) transparent transparent transparent;z-index:20}.t-breadcrumb--text-overflow{position:relative;display:flex;align-items:center}.t-breadcrumb--text-overflow:hover .t-breadcrumb__inner-msg{display:block}.t-breadcrumb--text-overflow .t-breadcrumb__inner{max-width:120px;display:flex;align-items:center;transition:color .2s linear}.t-breadcrumb--text-overflow .t-breadcrumb__inner-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.t-breadcrumb--text-overflow .t-breadcrumb__inner:hover{color:var(--td-brand-color);cursor:pointer}.t-breadcrumb--text-overflow .t-breadcrumb__inner:active{animation:.2s linear changeColor}.t-tabs{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;overflow:hidden;background-color:var(--td-bg-color-container)}.t-tabs__header.t-is-left{float:left}.t-tabs__header.t-is-right{float:right}.t-tabs__header .t-icon{font-size:var(--td-font-size-body-large)}.t-tabs__nav{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.t-tabs__operations{display:flex;flex-direction:row;position:absolute;border-bottom:1px solid var(--td-component-stroke)}.t-tabs__operations--left{left:0;z-index:2}.t-tabs__operations--right{right:0;z-index:2}.t-tabs__operations--right .t-tabs__btn:first-child{box-shadow:-10px 0 20px 5px #0000000d}.t-tabs__operations--right .t-tabs__nav-action{display:flex;align-items:center;width:100%;flex:1}.t-tabs__btn{width:40px;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--td-bg-color-secondarycontainer);border-left:1px solid var(--td-component-stroke);cursor:pointer;color:var(--td-text-color-secondary);font:var(--td-font-body-large);transition:all .24s cubic-bezier(.38,0,.24,1);z-index:1;opacity:1}.t-tabs__btn:hover{background-color:var(--td-bg-color-secondarycontainer-hover)}.t-tabs__btn.t-size-m{height:var(--td-comp-size-xxl);line-height:var(--td-comp-size-xxl)}.t-tabs__btn.t-size-l{height:var(--td-comp-size-xxxxl);line-height:var(--td-comp-size-xxxxl)}.t-tabs__btn--left{border-right:1px solid var(--td-component-stroke);box-shadow:10px 0 20px 5px #0000000d}.t-tabs__btn--left.fade-enter,.t-tabs__btn--left.fade-enter-from,.t-tabs__btn--left.fade-leave-to{transform:translate(-50px)}.t-tabs__btn--right.fade-enter,.t-tabs__btn--right.fade-enter-from,.t-tabs__btn--right.fade-leave-to{transform:translate(50px)}.t-tabs__nav-container{position:relative}.t-tabs__nav-container.t-is-top:after{content:"";width:100%;height:1px;position:absolute;top:auto;right:auto;bottom:0;left:0;background-color:var(--td-component-stroke)}.t-tabs__nav-container.t-is-bottom:after{content:"";width:100%;height:1px;position:absolute;top:0;right:auto;bottom:auto;left:0;background-color:var(--td-component-stroke)}.t-tabs__nav-container.t-is-left:after{content:"";width:1px;height:100%;position:absolute;top:0;right:0;bottom:auto;left:auto;background-color:var(--td-component-stroke)}.t-tabs__nav-container.t-is-right:after{content:"";width:1px;height:100%;position:absolute;top:0;right:auto;bottom:auto;left:0;background-color:var(--td-component-stroke)}.t-tabs__nav-container.t-is-addable{margin-right:40px}.t-tabs__nav-container.t-tabs__nav--card:after{content:"";background-color:transparent}.t-tabs__scroll-btn{position:absolute;z-index:1;width:40px;height:100%;display:block;background-color:var(--td-bg-color-secondarycontainer);text-align:center;border-bottom:1px solid var(--td-component-stroke);cursor:pointer;color:var(--td-text-color-secondary);font:var(--td-font-body-large)}.t-tabs__scroll-btn.t-size-m{height:var(--td-comp-size-xxl);line-height:var(--td-comp-size-xxl)}.t-tabs__scroll-btn.t-size-l{height:var(--td-comp-size-xxxxl);line-height:var(--td-comp-size-xxxxl)}.t-tabs__nav-scroll{position:relative;display:inline-block;display:flex;flex:auto;align-self:stretch;overflow:hidden;white-space:nowrap;transform:translate(0);z-index:1}.t-tabs__nav-wrap{position:relative;display:flex;font-size:0}.t-tabs__nav-wrap.t-is-smooth{transition:transform .24s cubic-bezier(0,0,.15,1)}.t-tabs__nav-wrap.t-is-vertical{flex-direction:column}.t-tabs__bar{position:absolute;background-color:var(--td-brand-color);z-index:1;transition:all .24s cubic-bezier(.38,0,.24,1);border-radius:var(--td-radius-small)}.t-tabs__bar.t-is-top{bottom:0;left:0;height:3px}.t-tabs__bar.t-is-bottom{top:0;left:0;height:3px}.t-tabs__bar.t-is-left{top:0;right:0;width:3px}.t-tabs__bar.t-is-right{top:0;left:0;width:3px}.t-tabs__nav-item{display:inline-flex;align-items:center;font:var(--td-font-body-medium);color:var(--td-text-color-secondary);position:relative;overflow:hidden;z-index:0;cursor:pointer;flex-shrink:0;transition:background-color cubic-bezier(.38,0,.24,1) .2s;--ripple-color: var(--td-bg-color-container-active)}.t-tabs__nav-item-wrapper{display:flex;align-items:center;height:var(--td-comp-size-m);padding:0 var(--td-comp-paddingLR-s);margin-left:var(--td-comp-margin-s);margin-right:var(--td-comp-margin-s);border-radius:var(--td-radius-default);transition:background-color cubic-bezier(.38,0,.24,1) .2s;--ripple-color: var(--td-bg-color-container-active)}.t-tabs__nav-item.t-size-l{font:var(--td-font-body-large)}.t-tabs__nav-item.t-size-l .t-tabs__nav-item-wrapper{height:var(--td-comp-size-xxl);padding:0 var(--td-comp-paddingLR-m)}.t-tabs__nav-item-text-wrapper{position:relative;display:flex;align-items:center}.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover .t-tabs__nav-item-wrapper{background-color:var(--td-bg-color-container-hover)}.t-tabs__nav-item.t-is-left,.t-tabs__nav-item.t-is-right{display:flex;align-items:center}.t-tabs__nav-item.t-size-m{height:var(--td-comp-size-xxl);line-height:var(--td-comp-size-xxl)}.t-tabs__nav-item.t-size-l{height:var(--td-comp-size-xxxxl);line-height:var(--td-comp-size-xxxxl)}.t-tabs__nav-item.t-is-active{color:var(--td-brand-color);text-shadow:0 0 .3px currentcolor}.t-tabs__nav-item.t-is-disabled{color:var(--td-text-color-disabled);cursor:not-allowed}.t-tabs__nav-item>.remove-btn{margin-left:var(--td-comp-margin-s);transition:all .3s cubic-bezier(.645,.045,.355,1)}.t-tabs__nav--card{background-color:var(--td-bg-color-secondarycontainer)}.t-tabs__nav--card.t-tabs__nav-item{padding-right:var(--td-comp-paddingLR-l);padding-left:var(--td-comp-paddingLR-l);border-bottom:1px solid var(--td-component-stroke)}.t-tabs__nav--card.t-tabs__nav-item:after{display:none}.t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover{background-color:var(--td-bg-color-secondarycontainer-hover)}.t-tabs__nav--card.t-tabs__nav-item:not(:first-of-type){border-left:1px solid var(--td-component-stroke)}.t-tabs__nav--card.t-tabs__nav-item:last-of-type{border-right:1px solid var(--td-component-stroke)}.t-tabs__nav--card.t-tabs__nav-item.t-is-active{color:var(--td-brand-color);background-color:var(--td-bg-color-container);border-bottom-color:var(--td-bg-color-container)}.t-tabs__nav--card.t-tabs__nav-item.t-size-l{padding-left:var(--td-comp-paddingLR-xl);padding-right:var(--td-comp-paddingLR-xl)}.t-tabs__nav--card .t-icon-close{color:var(--td-text-color-secondary);transition:color cubic-bezier(.38,0,.24,1) .2s}.t-tabs__nav--card .t-icon-close:hover{color:var(--td-text-color-primary)}.t-tabs__content{overflow:hidden;position:relative}.t-tab-panel.t-is-hidden{display:none}a.t-menu__item{text-decoration:none;color:unset}a.t-menu__item:hover,a.t-menu__item:active{color:inherit}.t-menu__logo>*{margin-left:var(--td-comp-margin-xxl)}.t-head-menu{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;width:100%;background-color:var(--td-bg-color-container)}.t-head-menu__inner{display:flex;height:var(--td-comp-size-xxxl)}.t-head-menu__inner li+li{margin-left:var(--td-comp-margin-s)}.t-head-menu__inner .t-menu:first-child{margin-left:var(--td-comp-margin-xxl)}.t-head-menu .t-menu__logo:not(:empty){height:100%;margin-right:var(--td-comp-margin-xxxl)}.t-head-menu .t-menu{flex:1;display:flex;align-items:center}.t-head-menu .t-menu__operations:not(:empty){position:relative;display:flex;align-items:center;height:var(--td-comp-size-xxxl);line-height:64px;text-align:right;margin-right:var(--td-comp-margin-s);overflow:hidden}.t-head-menu .t-menu__operations-icon{width:var(--td-comp-size-m);height:var(--td-comp-size-m);padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);line-height:var(--td-comp-size-m);box-sizing:border-box}.t-head-menu .t-submenu>.t-menu__item{overflow:unset}.t-head-menu .t-submenu>.t-menu__item:before{content:"";display:block;position:absolute;bottom:-20px;left:0;right:0;height:20px}.t-head-menu .t-menu__item{height:var(--td-comp-size-m);line-height:var(--td-comp-size-m);padding:0 var(--td-comp-paddingLR-l);justify-content:center;transition:all .28s cubic-bezier(.645,.045,.355,1)}.t-head-menu__submenu{border-top:1px solid var(--td-component-stroke);padding-left:0}.t-head-menu .t-fake-arrow{margin-left:var(--td-comp-margin-m)}.t-default-menu{font:var(--td-font-body-medium);color:var(--td-text-color-primary);box-sizing:border-box;margin:0;padding:0;list-style:none;position:relative;width:232px;display:inline-block;background:var(--td-bg-color-container);transition:width .28s cubic-bezier(.645,.045,.355,1);white-space:nowrap}.t-default-menu .t-menu__item{color:var(--td-text-color-secondary)}.t-default-menu.t-is-collapsed{width:64px}.t-default-menu.t-is-collapsed .t-menu__logo>*{margin-left:var(--td-comp-margin-l)}.t-default-menu.t-is-collapsed .t-menu .t-menu__item{padding:0 14px;justify-content:center}.t-default-menu.t-is-collapsed .t-menu .t-menu__item .t-menu__item-link{margin-left:0;opacity:0;content:"";position:absolute;top:0;bottom:0;left:0;right:0}.t-default-menu.t-is-collapsed .t-fake-arrow{display:none}.t-default-menu.t-is-collapsed .t-menu__item{text-overflow:initial}.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened{color:var(--td-brand-color);background-color:var(--td-brand-color-light)}.t-default-menu.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon{color:var(--td-brand-color)}.t-default-menu.t-is-collapsed .t-menu__item.t-menu__item--plain:after{content:""}.t-default-menu.t-is-collapsed .t-menu__item span{display:none}.t-default-menu.t-is-collapsed .t-menu__item .t-icon{margin-right:initial}.t-default-menu.t-is-collapsed .t-submenu-icon{display:none}.t-default-menu.t-is-collapsed .t-submenu>.t-menu__item{min-width:initial}.t-default-menu.t-is-collapsed .t-submenu>.t-menu__item:after{content:"";display:block;position:absolute;right:-20px;top:0;bottom:0;width:20px}.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title{display:none}.t-default-menu.t-is-collapsed .t-menu-group:first-child .t-menu-group__title+*{margin-top:0}.t-default-menu.t-is-collapsed .t-menu-group__title{padding:0;font-size:0}.t-default-menu.t-is-collapsed .t-menu-group__title:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:1px;width:20px;background:var(--td-component-stroke)}.t-default-menu.t-is-collapsed .t-menu__operations{text-align:center}.t-default-menu.t-is-collapsed .t-menu__operations-icon{display:block}.t-default-menu.t-is-collapsed .t-menu__log>*{margin:0 auto}.t-default-menu__inner{display:flex;flex-direction:column;height:100%}.t-default-menu__inner .t-menu__logo:not(:empty){box-sizing:border-box;width:100%;height:var(--td-comp-size-xxxl);border-bottom:1px solid var(--td-component-stroke)}.t-default-menu__inner .t-menu{padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-s);position:relative;flex:1}.t-default-menu__inner .t-menu--scroll{overflow-y:auto;overflow-x:hidden}@-moz-document url-prefix(){.t-default-menu__inner .t-menu--scroll{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar{width:6px;height:6px}.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb{border:0px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:11px}.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:vertical:hover,.t-default-menu__inner .t-menu--scroll::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-default-menu__inner .t-menu>*:not(.t-menu-group):not(:first-child){margin-top:var(--td-comp-margin-xs)}.t-default-menu__inner .t-menu .t-menu-group>*:not(:first-child),.t-default-menu__inner .t-menu .t-menu__sub>*:not(:first-child),.t-default-menu__inner .t-menu .t-submenu>*:not(:first-child){margin-top:var(--td-comp-margin-xs)}.t-default-menu__inner .t-menu-group__title{position:relative;padding:var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l) var(--td-comp-paddingTB-xs) var(--td-comp-paddingLR-l);color:var(--td-text-color-placeholder);font-size:var(--td-font-body-small);box-sizing:border-box}.t-default-menu .t-submenu{position:relative}.t-default-menu .t-menu__operations:not(:empty){width:100%;position:relative;padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-l);top:0;left:0;text-align:left;border-top:solid 1px var(--td-component-stroke);box-sizing:border-box}.t-default-menu .t-menu__operations-icon{width:32px;height:32px;padding:var(--td-comp-paddingTB-s) var(--td-comp-paddingLR-s);cursor:pointer;color:var(--td-text-color-primary);box-sizing:border-box}.t-default-menu .t-menu__item.t-is-opened{color:var(--td-text-color-primary);background-color:unset}.t-default-menu .t-menu__item.t-is-opened .t-icon{color:var(--td-text-color-primary)}.t-default-menu .t-menu__sub{padding:0;overflow:hidden}.t-default-menu .t-menu__sub .t-menu__item{padding-left:var(--padding-left, 32px)}.t-default-menu .t-slide-down-enter-active .t-menu__sub{height:100%}.t-default-menu .t-menu__item{position:relative;padding:0 10px 0 16px;height:var(--td-comp-size-l);line-height:var(--td-comp-size-l);border-bottom:0;text-align:left;border-radius:var(--td-radius-default);transition:background-color .28s cubic-bezier(.38,0,.24,1),padding .28s cubic-bezier(.38,0,.24,1);box-sizing:border-box}.t-default-menu .t-menu__item .t-icon{width:20px;height:20px;flex-shrink:0}.t-default-menu .t-menu__item .t-fake-arrow{margin-left:auto;min-width:16px}.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened){color:var(--td-brand-color);background-color:var(--td-brand-color-light)}.t-default-menu .t-menu__item.t-is-active:not(.t-is-opened) .t-icon{color:var(--td-brand-color)}.t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--td-bg-color-secondarycontainer-hover)}.t-default-menu.t-menu--dark{background:var(--td-gray-color-13)}.t-default-menu.t-menu--dark .t-menu__item{color:var(--td-font-white-2)}.t-default-menu.t-menu--dark .t-menu__logo:not(:empty){border-bottom-color:var(--td-gray-color-10)}.t-default-menu.t-menu--dark .t-menu__operations:not(:empty){border-top-color:var(--td-gray-color-10)}.t-default-menu.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background-color:var(--td-gray-color-10)}.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened){color:var(--td-text-color-anti);background-color:var(--td-brand-color)}.t-default-menu.t-menu--dark .t-menu__item.t-is-active:not(.t-is-opened) .t-icon{color:var(--td-text-color-anti)}.t-default-menu.t-menu--dark .t-menu__item.t-is-opened.t-is-active{background-color:transparent}.t-default-menu.t-menu--dark .t-menu-group__title{color:var(--td-font-white-3)}.t-default-menu.t-menu--dark.t-is-collapsed .t-menu-group__title:after{background-color:var(--td-gray-color-10)}.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened{background-color:var(--td-brand-color);color:var(--td-text-color-anti)}.t-default-menu.t-menu--dark.t-is-collapsed .t-menu__item.t-is-active.t-is-opened .t-icon{color:var(--td-text-color-anti)}.t-menu{color:var(--td-text-color-primary);font:var(--td-font-body-medium);list-style:none;padding:0;margin:0}.t-menu--dark{color:var(--td-font-white-2)}.t-menu__logo:not(:empty){display:flex;align-items:center}.t-menu .t-submenu{position:relative}.t-menu .t-submenu.t-is-active>.t-menu__item{color:var(--td-gray-color-13)}.t-menu .t-submenu.t-is-active>.t-menu__item .t-icon{color:var(--td-gray-color-13)}.t-menu .t-submenu .t-submenu-icon{width:16px;height:16px}.t-menu .t-submenu.t-is-opened .t-submenu-icon{transform:scaleY(-1)}.t-menu__spacer:before{content:"";display:block;position:absolute;z-index:1}.t-menu__spacer--left:before{left:-16px;width:16px;top:0;bottom:0}.t-menu__spacer--top:before{top:-20px;left:0;right:0;height:20px}.t-menu__item{position:relative;display:flex;align-items:center;height:40px;line-height:40px;text-align:center;color:var(--td-text-color-primary);cursor:pointer;text-overflow:ellipsis;border-radius:var(--td-radius-default);--ripple-color: var(--td-bg-color-container-active)}.t-menu__item>.t-fake-arrow{margin-left:var(--td-comp-margin-m)}.t-menu__item ::selection{background:transparent}.t-menu__item-spacer{overflow:unset}.t-menu__item-spacer:before{content:"";display:block;position:absolute;z-index:1}.t-menu__item-spacer--right:before{right:-16px;width:16px;top:0;bottom:0}.t-menu__item-spacer--bottom:before{bottom:-20px;left:0;right:0;height:20px}.t-menu__item a{color:unset;text-decoration:none}.t-menu__item a.t-menu__item-link{color:unset;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.t-menu__item a.t-menu__item-link:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.t-menu__item.t-is-active{color:var(--td-brand-color);background-color:var(--td-brand-color-light)}.t-menu__item.t-is-opened{color:var(--td-brand-color)}.t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){background-color:var(--td-bg-color-container-hover)}.t-menu__item.t-is-disabled{color:var(--td-text-color-disabled);cursor:not-allowed}.t-menu__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-icon+.t-menu__content,.t-icon+.t-menu__item-link{margin-left:var(--td-comp-margin-s)}.t-menu--dark.t-head-menu{background-color:var(--td-gray-color-13)}.t-menu--dark .t-menu__item{color:var(--td-text-color-anti);--ripple-color: var(--td-gray-color-11)}.t-menu--dark .t-menu__item.t-is-active{color:var(--td-text-color-anti);background-color:var(--td-brand-color)}.t-menu--dark .t-menu__item.t-is-opened,.t-menu--dark .t-menu__item.t-is-opened .t-icon{color:var(--td-text-color-anti)}.t-menu--dark .t-menu__item.t-is-disabled{color:var(--td-font-white-4)}.t-menu--dark .t-menu__item:hover:not(.t-is-active):not(.t-is-opened):not(.t-is-disabled){background-color:var(--td-gray-color-10)}.t-menu--dark .t-menu__popup{background:var(--td-gray-color-13);border:solid .5px var(--td-gray-color-10)}.t-menu--dark .t-menu__popup .t-menu__item{color:var(--td-text-color-anti);border-radius:var(--td-radius-default)}.t-menu--dark .t-menu__popup .t-menu__item.t-is-active{color:var(--td-text-color-anti);background-color:var(--td-brand-color)}.t-menu--dark .t-menu__popup .t-menu__item:hover:not(.t-is-active){background-color:var(--td-gray-color-10)}.t-menu--dark .t-head-menu__submenu{border-top:1px solid transparent}.t-menu--dark .t-menu__operations-icon{color:var(--td-bg-color-container)}.t-menu--dark .t-menu__operations-icon:hover{background-color:var(--td-brand-color)}.t-menu__popup{overflow:hidden;background:var(--td-bg-color-container);z-index:1000;border-radius:var(--td-radius-medium);opacity:0;list-style:none;padding:0;margin:0}.t-menu__popup.t-popup__content{position:absolute}.t-menu__popup-wrapper{padding:var(--td-pop-padding-m);height:100%;list-style:none;margin:0}@-moz-document url-prefix(){.t-menu__popup-wrapper{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.t-menu__popup-wrapper::-webkit-scrollbar{width:8px;height:8px}.t-menu__popup-wrapper::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.t-menu__popup-wrapper::-webkit-scrollbar-thumb:vertical:hover,.t-menu__popup-wrapper::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-menu__popup .t-fake-arrow{margin-left:auto}.t-menu__popup .t-menu__item{padding-left:var(--td-comp-paddingLR-l);padding-right:var(--td-comp-paddingLR-l)}.t-menu__popup.t-is-vertical{min-width:var(--popup-width, 160px)}.t-menu__popup.t-is-horizontal .t-menu__item{white-space:nowrap}.t-menu__popup.t-is-horizontal li+li{margin-top:var(--td-comp-margin-xs)}.t-menu__popup.t-is-opened{opacity:1;box-shadow:0 5px 5px -3px #0000001a,0 8px 10px 1px #0000000f,0 3px 14px 6px #0000000d;overflow:visible}.t-menu__popup .t-menu__item{color:var(--td-text-color-primary);height:var(--td-comp-size-s);line-height:var(--td-comp-size-s)}.t-menu__popup .t-menu__item+.t-menu__item{margin-left:0}.t-menu__popup .t-menu__item:hover:not(.t-is-active){background-color:var(--td-bg-color-container-hover)}.t-menu__popup .t-is-disabled{color:var(--td-text-color-disabled)}.t-menu__operations-icon{margin-right:var(--td-comp-margin-l);border-radius:var(--td-radius-default);color:var(--td-text-color-primary);transition:background-color .24s cubic-bezier(.38,0,.24,1)}.t-menu__operations-icon:hover{background-color:var(--td-brand-color-light)}.t-opacity-transition{transition:opacity .28s cubic-bezier(.55,0,.1,1)}.horizontal-collapse-transition .t-submenu__title .t-submenu__icon-arrow{transition:.2s;opacity:0}.t-menu__popup{top:0;left:calc(100% - var(--td-pop-padding-m))}.t-menu__popup .t-menu__item:not(:first-child),.t-menu__popup .t-submenu:not(:first-child){margin-top:var(--td-comp-margin-xxs)}.t-is-head-menu .t-menu__popup{margin-top:calc((var(--td-comp-size-xxxl) - var(--td-comp-size-m)) / 2)}.t-menu-is-nested .t-menu__popup{margin-top:calc(0px - var(--td-pop-padding-m))}.page-container-header{padding-block-start:8px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px}.page-container-header-description{margin-top:12px}.page-container-header-content{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.page-container-header-breadcrumb{padding-top:18px}.page-container-header-content-title{padding-top:8px;margin-inline-end:12px;margin-block-end:0;color:#000000e0;font-weight:600;font-size:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-container-header-tablist{margin-top:16px}.page-container-body{padding-block-start:8px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px}.page-container-footer{margin-top:24px;padding-block-start:8px;padding-block-end:16px;padding-inline-start:40px;padding-inline-end:40px}.row-container{background-color:var(--td-bg-color-container);display:flex;justify-content:space-between}.row-container-content{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:12px;display:flex;flex-direction:column;justify-content:space-between}.row-container-content-header{display:flex;align-items:center;margin-bottom:12px;text-wrap:wrap;flex-wrap:wrap;justify-content:space-between}.row-container-content-header-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden;flex-wrap:wrap;text-wrap:wrap;font-size:23px;line-height:23px;max-width:70%}.row-container-content-description{margin-bottom:12px;text-wrap:wrap;flex-wrap:wrap}.row-container-content-header-actions{overflow:hidden}.tdesign-demo-image-viewer__ui-image{width:100%;height:100%;display:inline-flex;position:relative;justify-content:center;align-items:center;overflow:hidden}.tdesign-demo-image-viewer__ui-image--hover{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;opacity:0;background-color:#0009;color:var(--td-text-color-anti);line-height:22px;transition:.2s}.tdesign-demo-image-viewer__ui-image:hover .tdesign-demo-image-viewer__ui-image--hover{opacity:1;cursor:pointer}.tdesign-demo-image-viewer__ui-image--img{cursor:pointer}.tdesign-demo-image-viewer__ui-image--title{flex:1}.tdesign-demo-popup__reference{margin-left:16px}.tdesign-demo-image-viewer__ui-image--icons .tdesign-demo-icon{cursor:pointer}