@opentiny/vue-theme 3.12.1 → 3.13.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/action-menu/index.css +1 -1
- package/action-menu/smb-theme.js +13 -0
- package/alert/index.css +1 -1
- package/aurora-theme/action-menu/index.css +1 -1
- package/aurora-theme/alert/index.css +1 -1
- package/aurora-theme/base/index.css +1 -1
- package/aurora-theme/button/index.css +1 -1
- package/aurora-theme/button-group/index.css +1 -1
- package/aurora-theme/calendar/index.css +1 -1
- package/aurora-theme/carousel/index.css +1 -1
- package/aurora-theme/color-picker/index.css +1 -1
- package/aurora-theme/divider/index.css +1 -1
- package/aurora-theme/dropdown/index.css +1 -1
- package/aurora-theme/dropdown-item/index.css +1 -1
- package/aurora-theme/form-item/index.css +1 -1
- package/aurora-theme/index.css +1 -1
- package/aurora-theme/input/index.css +1 -1
- package/aurora-theme/link/index.css +1 -1
- package/aurora-theme/option/index.css +1 -1
- package/aurora-theme/option-group/index.css +1 -1
- package/aurora-theme/pager/index.css +1 -0
- package/aurora-theme/popconfirm/index.css +1 -1
- package/aurora-theme/popover/index.css +1 -0
- package/aurora-theme/progress/index.css +1 -0
- package/aurora-theme/radio/index.css +1 -0
- package/aurora-theme/search/index.css +1 -0
- package/aurora-theme/select/index.css +1 -0
- package/aurora-theme/select-dropdown/index.css +1 -0
- package/aurora-theme/slider/index.css +1 -0
- package/aurora-theme/split/index.css +1 -0
- package/aurora-theme/steps/index.css +1 -0
- package/aurora-theme/switch/index.css +1 -0
- package/aurora-theme/tabs/index.css +1 -0
- package/aurora-theme/tag/index.css +1 -0
- package/aurora-theme/tall-storage/index.css +1 -1
- package/aurora-theme/text-popup/index.css +1 -0
- package/aurora-theme/tooltip/index.css +1 -0
- package/aurora-theme/transfer/index.css +1 -0
- package/aurora-theme/tree/index.css +1 -0
- package/aurora-theme/tree-menu/index.css +1 -0
- package/aurora-theme/upload-list/index.css +1 -1
- package/aurora-theme/wizard/index.css +1 -1
- package/button/index.css +1 -1
- package/button/smb-theme.js +4 -2
- package/button-group/index.css +1 -1
- package/calendar/index.css +1 -1
- package/carousel/index.css +1 -1
- package/carousel/smb-theme.js +22 -0
- package/carousel-item/smb-theme.js +4 -0
- package/color-picker/index.css +1 -1
- package/divider/index.css +1 -1
- package/divider/smb-theme.js +7 -0
- package/dropdown/index.css +1 -1
- package/dropdown/smb-theme.js +7 -1
- package/dropdown-item/index.css +1 -1
- package/dropdown-item/smb-theme.js +8 -1
- package/form-item/index.css +1 -1
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/link/index.css +1 -1
- package/lowcode.css +1 -1
- package/option/index.css +1 -1
- package/option/smb-theme.js +2 -1
- package/option-group/index.css +1 -1
- package/option-group/smb-theme.js +6 -1
- package/package.json +1 -1
- package/pager/index.css +1 -1
- package/popconfirm/index.css +1 -1
- package/progress/index.css +1 -1
- package/select/smb-theme.js +3 -3
- package/select-dropdown/index.css +1 -1
- package/select-dropdown/smb-theme.js +8 -8
- package/smb-theme/action-menu/index.css +1 -1
- package/smb-theme/alert/index.css +1 -1
- package/smb-theme/base/index.css +1 -1
- package/smb-theme/button/index.css +1 -1
- package/smb-theme/button-group/index.css +1 -1
- package/smb-theme/calendar/index.css +1 -1
- package/smb-theme/carousel/index.css +1 -1
- package/smb-theme/carousel-item/index.css +1 -1
- package/smb-theme/color-picker/index.css +1 -1
- package/smb-theme/divider/index.css +1 -1
- package/smb-theme/dropdown/index.css +1 -1
- package/smb-theme/dropdown-item/index.css +1 -1
- package/smb-theme/form-item/index.css +1 -1
- package/smb-theme/index.css +1 -1
- package/smb-theme/input/index.css +1 -1
- package/smb-theme/link/index.css +1 -1
- package/smb-theme/option/index.css +1 -1
- package/smb-theme/option-group/index.css +1 -1
- package/smb-theme/pager/index.css +1 -1
- package/smb-theme/popconfirm/index.css +1 -0
- package/smb-theme/popover/index.css +1 -0
- package/smb-theme/progress/index.css +1 -0
- package/smb-theme/radio/index.css +1 -0
- package/smb-theme/scrollbar/index.css +1 -0
- package/smb-theme/search/index.css +1 -0
- package/smb-theme/select/index.css +1 -0
- package/smb-theme/select-dropdown/index.css +1 -0
- package/smb-theme/slider/index.css +1 -0
- package/smb-theme/steps/index.css +1 -0
- package/smb-theme/switch/index.css +1 -0
- package/smb-theme/tabs/index.css +1 -0
- package/smb-theme/tag/index.css +1 -0
- package/smb-theme/tall-storage/index.css +1 -1
- package/smb-theme/text-popup/index.css +1 -0
- package/smb-theme/textarea/index.css +1 -0
- package/smb-theme/tooltip/index.css +1 -0
- package/smb-theme/transfer/index.css +1 -1
- package/smb-theme/tree/index.css +1 -0
- package/smb-theme/tree-menu/index.css +1 -0
- package/smb-theme/upload/index.css +1 -0
- package/smb-theme/upload-dragger/index.css +1 -0
- package/smb-theme/upload-list/index.css +1 -0
- package/smb-theme/wizard/index.css +1 -1
- package/steps/index.css +1 -1
- package/svgs/add-picture.svg +4 -0
- package/tabs/index.css +1 -1
- package/tabs/smb-theme.js +2 -2
- package/tall-storage/index.css +1 -1
- package/theme/aurora-theme/index.js +133 -2
- package/theme/index.js +2 -2
- package/theme/infinity-theme/component-vars.js +382 -0
- package/theme/infinity-theme/index.js +119 -362
- package/theme/smb-theme/component.js +83 -18
- package/theme/smb-theme/index.js +177 -71
- package/transfer/smb-theme.js +9 -0
- package/tree-menu/index.css +1 -1
- package/upload-list/index.css +1 -1
- package/upload-list/smb-theme.js +1 -1
- package/wizard/index.css +1 -1
package/steps/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-steps-senior{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;color:#161e26;font-size:12px;line-height:16px}.tiny-steps-senior .tiny-steps-slide-bar{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main::-webkit-scrollbar{width:0;height:0}.tiny-steps-senior .tiny-steps-slide-bar .more-button{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none;height:32px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-steps-senior .tiny-steps-slide-bar .more-button.display-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .more-button .content{width:16px;height:100%;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;background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-slide-bar .more-button .icon{height:12px;width:12px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.left .content{margin-right:6px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.right .content{margin-left:6px}.tiny-steps-senior .more-button-con{width:16px;height:100%;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;margin-right:6px;color:#c9c9c9;background-color:#f5f6f8}.tiny-steps-senior .more-button-con.left{margin-right:6px}.tiny-steps-senior .more-button-con.right{margin-left:6px}.tiny-steps-senior .more-button-con.bar-visible{color:#161e26}.tiny-steps-senior .more-button-con.bar-visible:hover{background-color:#b0bffd;color:#1890ff}.tiny-steps-senior .more-button-con .icon{width:12px;height:12px;fill:currentColor}.tiny-steps-senior .tiny-steps-block{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px;position:relative;cursor:pointer;color:#777;margin:0 1px;overflow:hidden;background-color:#f3f3f3}.tiny-steps-senior .tiny-steps-block .right-arrow.hide{display:none}.tiny-steps-senior .tiny-steps-block:hover{background-color:#dfdfdf}.tiny-steps-senior .tiny-steps-block.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.not-flex{width:176px}.tiny-steps-senior .tiny-steps-block.done{color:#191919;background-color:#eef3fe}.tiny-steps-senior .tiny-steps-block.done:hover{background-color:#d0d8fd}.tiny-steps-senior .tiny-steps-block.done.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.done.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.doing{color:#191919;background-color:#eef3fe}.tiny-steps-senior .tiny-steps-block.doing:hover{color:#fff;background-color:#2e8bde}.tiny-steps-senior .tiny-steps-block.doing.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.doing.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.fault{background-color:#fee7e8;color:#191919}.tiny-steps-senior .tiny-steps-block.fault:hover{background-color:#fabdc1;color:#191919}.tiny-steps-senior .tiny-steps-block.fault.active{background-color:#e02128}.tiny-steps-senior .tiny-steps-block.fault.active:hover{background-color:#e02128}.tiny-steps-senior .tiny-steps-block.disabled{color:#c9c9c9}.tiny-steps-senior .tiny-steps-block.disabled:hover{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block.disabled.active{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block.disabled.active:hover{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block .arrow{height:0;width:0;position:absolute;border-top-width:16px;border-bottom-width:16px;border-left-width:6px;border-right-width:0;border-color:#fff;border-style:solid}.tiny-steps-senior .tiny-steps-block .left-arrow{left:0;border-top-color:transparent;border-bottom-color:transparent}.tiny-steps-senior .tiny-steps-block .left-arrow.hide{display:none}.tiny-steps-senior .tiny-steps-block .right-arrow{right:0;border-left-color:transparent}.tiny-steps-senior .tiny-steps-content{font-size:14px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px;overflow:hidden;height:32px}.tiny-steps-senior .tiny-steps-content:hover .tiny-steps-icon.doing{background-color:#fff;color:#1890ff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon{width:16px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;margin-right:8px;background-color:#c9c9c9;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.doing,.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.done{background-color:#1890ff;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.active:not(.disabled){color:#1890ff;background-color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault{background-color:#e02128;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault.active{color:#e02128;background-color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon .icon{width:10px;height:10px;fill:currentColor}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot .prefix{margin-right:-8px}.tiny-steps-senior .tiny-steps-content .tiny-steps-text{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-senior .tiny-steps-content .tiny-steps-text.active:not(.disabled){color:#fff}.tiny-steps-line{display:-webkit-box;display:-ms-flexbox;display:flex;color:#191919}.tiny-steps-line .tiny-steps-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;max-width:320px;margin-right:16px}.tiny-steps-line .tiny-steps-left.vertical{text-align:center;margin-right:0;max-width:initial}.tiny-steps-line .tiny-steps-left .left-line{border-top:1px solid;-webkit-box-flex:1;-ms-flex:auto;flex:auto;opacity:0}.tiny-steps-line .tiny-steps-left .left-line.not-vertical{display:none;margin-right:16px;min-width:24px}.tiny-steps-line .tiny-steps-left .right-line{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-top:1px solid}.tiny-steps-line .tiny-steps-left .right-line.not-vertical{min-width:24px;margin-right:16px}.tiny-steps-line .item-number{width:100%;height:100%;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;border-radius:9999px;border:1px solid #1890ff;color:#1890ff;background-color:#fff;position:relative;z-index:10}.tiny-steps-line .item-circle{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid #1890ff;background-color:#fff;font-weight:500;position:absolute}.tiny-steps-line .tiny-steps-icon{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:10}.tiny-steps-line .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-steps-line .tiny-steps-main .line.line-brand{border-color:#1890ff}.tiny-steps-line .tiny-steps-block{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;text-align:center}.tiny-steps-line .tiny-steps-block.not-vertical{min-width:128px;max-width:320px;margin-right:16px;text-align:left}.tiny-steps-line .tiny-steps-block .tiny-steps-icon{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border:1px solid currentColor;background-color:#f3f3f3;color:#aeaeae;font-size:14px}.tiny-steps-line .tiny-steps-block .tiny-steps-icon:hover{background-color:#dfdfdf}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active{background-color:#aeaeae;color:#fff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.fault{color:#e02128;border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.disabled{background-color:#c9c9c9;color:#fff;border-color:#c9c9c9}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish{fill:#1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish.active{fill:#fff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-warn{fill:#e02128}.tiny-steps-line .tiny-steps-block.flex-non{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-line .tiny-steps-block.normal:hover{color:#2e86de}.tiny-steps-line .tiny-steps-block.active{color:#1890ff}.tiny-steps-line .tiny-steps-block.active .description:not(.disabled){color:#1890ff}.tiny-steps-line .tiny-steps-block.disabled{color:#c9c9c9}.tiny-steps-line .tiny-steps-block.fault{color:#e02128}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon{color:#e02128;border-color:#e02128;background-color:#fff}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon:hover{color:#e02128;border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon{border:1px solid currentColor;background-color:#eef3fe;color:#1890ff}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon:hover{border:none;background-color:#2e8bde;color:#fff}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon.active{border:none;background-color:#1890ff;color:#fff}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon{background-color:#eef3fe;border-color:#1890ff}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon:hover{border-color:#2e8bde}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon.active{border-color:#1890ff;background-color:#1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.disabled{color:#c9c9c9;background-color:#f3f3f3;border-color:#dfdfdf}.tiny-steps-line .tiny-steps-block .title{font-size:14px;margin-left:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-line .tiny-steps-block .line{border-top:1px solid #c9c9c9;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.tiny-steps-line .tiny-steps-block .left-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .left-line.not-vertical{display:none;min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-block .right-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .right-line.hide{display:none}.tiny-steps-line .tiny-steps-block .right-line.not-vertical{min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-block .title-vertical{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:12px 20px 0 20px}.tiny-steps-line .tiny-steps-block .title-vertical.not-vertical{display:none;margin:0}.tiny-steps-line .tiny-steps-block .description{font-size:12px;color:#777;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:20px;margin-right:20px;word-break:break-all}.tiny-steps-line .tiny-steps-block .description .disabled{color:#c9c9c9}.tiny-steps-line .tiny-steps-block .description .fault{color:#e02128}.tiny-steps-line .tiny-steps-block .description .not-vertical{margin-left:32px}.tiny-steps-line .tiny-steps-block.done .left-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block.done .right-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block.doing .left-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon{width:8px;height:8px;font-size:12px}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon.fault{border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon.fault.active{background-color:#e02128}.tiny-steps-line .tiny-steps-block.mini .title,.tiny-steps-line .tiny-steps-block.mini .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon{width:16px;height:16px;font-size:12px}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon .icon{width:10px;height:10px}.tiny-steps-line .tiny-steps-block.small .title,.tiny-steps-line .tiny-steps-block.small .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon{width:24px;height:24px;font-size:14px}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon .icon{width:14px;height:14px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon{width:32px;height:32px;font-size:16px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon .icon{width:18px;height:18px}.tiny-steps-line .tiny-steps-block.large .title,.tiny-steps-line .tiny-steps-block.large .title-vertical{font-size:16px}.tiny-steps-line.medium .left-line{margin-right:8px}.tiny-steps-line.medium .right-line{margin-left:8px}.tiny-steps-line.small .left-line{margin-right:8px}.tiny-steps-line.small .right-line{margin-left:8px}.tiny-steps-line.mini .left-line{margin-right:4px}.tiny-steps-line.mini .right-line{margin-left:4px}.tiny-steps-line.large .left-line{margin-right:12px}.tiny-steps-line.large .right-line{margin-left:12px}.tiny-steps-line .tiny-steps-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;text-align:center}.tiny-steps-line .tiny-steps-right.not-vertical{min-width:128px;max-width:320px;text-align:left}.tiny-steps-line .tiny-steps-right .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-steps-line .tiny-steps-right .line{border-top:1px solid #c9c9c9;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.tiny-steps-line .tiny-steps-right .line.right-line{opacity:0}.tiny-steps-line .tiny-steps-right .line.not-vertical{display:none;min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-right .tiny-steps-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:10}.tiny-steps-line .tiny-steps-right .item-number{width:100%;height:100%;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;border-radius:9999px;border:1px solid #1890ff;color:#1890ff;background-color:#fff;position:relative;z-index:9999}.tiny-steps-line .tiny-steps-right .item-circle{-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid #1890ff;background-color:#fff;font-weight:500;position:absolute}.tiny-steps-line.mini .tiny-steps-icon{width:8px;height:8px;font-size:12px}.tiny-steps-line.small .tiny-steps-icon{width:16px;height:16px;font-size:12px}.tiny-steps-line.medium .tiny-steps-icon{width:24px;height:24px;font-size:14px}.tiny-steps-line.large .tiny-steps-icon{width:32px;height:32px;font-size:16px}.tiny-steps-line.mini .item-number{font-size:12px}.tiny-steps-line.mini .item-circle{width:8px;height:8px}.tiny-steps-line.small .item-number{font-size:12px}.tiny-steps-line.small .item-circle{width:16px;height:16px}.tiny-steps-line.medium .item-number{font-size:14px}.tiny-steps-line.medium .item-circle{width:24px;height:24px}.tiny-steps-line.large .item-number{font-size:16px}.tiny-steps-line.large .item-circle{width:32px;height:32px}.tiny-steps{--ti-steps-circle-width-height:var(--ti-common-size-5x, 20px);--ti-steps-number-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-font-size-base:var(--ti-common-font-size-base, 12px);--ti-steps-font-size-hover:var(--ti-common-font-weight-4, normal);--ti-steps-text-color-hover:var(--ti-common-color-primary-normal, #5e7ce0);--ti-steps-icon-size:var(--ti-common-size-5x, 20px);--ti-steps-font-size-7:var(--ti-common-font-size-7, 36px);--ti-steps-line-height:var(--ti-common-border-weight-normal, 1px);--ti-steps-line-margin-horizontal:var(--ti-common-space-2x, 8px);--ti-steps-line-min-width:var(--ti-common-space-4x, 16px);--ti-steps-text-margin-left:var(--ti-common-space-base, 4px);--ti-steps-line-width:var(--ti-common-size-16x, 64px);--ti-steps-content-max-width:calc(var(--ti-common-space-10, 10px) * 25);--ti-steps-content-margin-top:var(--ti-common-space-6, 6px);--ti-steps-bottom-divider-height:var(--ti-common-space-1, 1px);--ti-steps-bottom-divider-margin-top:var(--ti-common-space-4x, 16px);--ti-steps-bottom-divider-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-description-min-width:calc(var(--ti-common-space-10, 10px) * 10);--ti-steps-advanced-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-steps-active-font-weight:var(--ti-common-font-weight-4, normal);--ti-steps-advanced-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-steps-done-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-steps-line-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-steps-done-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-steps-done-icon-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-steps-done-icon-size:var(--ti-common-font-size-1, 14px);--ti-steps-done-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-line-bg-color:var(--ti-common-color-bg-secondary, #adb0b8);--ti-steps-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-unselected-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-steps-unselected-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-steps-unselected-border-color:var(--ti-steps-unselected-icon-color);--ti-steps-unselected-hover-border-color:var(--ti-steps-unselected-hover-icon-color);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-steps-error-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-error-icon-color:var(--ti-common-color-error-text, #de504e);--ti-steps-error-icon-size:var(--ti-common-font-size-1, 14px);--ti-steps-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-steps-error-text-color:var(--ti-common-color-error-text, #de504e);--ti-steps-disabled-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-disabled-icon-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-steps-disabled-border-color:var(--ti-steps-disabled-icon-color);--ti-steps-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-steps-mini-icon-size:var(--ti-common-font-size-5, 24px);--ti-steps-mini-number-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-mini-font-size-base:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-steps-advanced-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-steps-advanced-line-height:var(--ti-common-size-7x, 28px);--ti-steps-advanced-border-radius:calc(var(--ti-common-space-1, 1px) * 3);--ti-steps-advanced-li-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-advanced-li-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-steps-advanced-li-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-dot-height:var(--ti-common-size-3x, 12px);--ti-steps-advanced-dot-width:var(--ti-common-size-3x, 12px);--ti-steps-advanced-count-bg-color:var(--ti-common-bg-primary, #c7000b);--ti-steps-advanced-count-border-radius:var(--ti-common-space-10, 10px);--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-count-height:calc(var(--ti-common-space-6, 6px) * 3);--ti-steps-advanced-border-weight:calc(var(--ti-common-space-base, 4px) * 3.5);--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-dot-doing-bg-color:var(--ti-common-color-warn, #fa9841);--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1, 14px);--ti-steps-timeline-vertical-time-width:var(--ti-common-size-25x, 100px);--ti-steps-timeline-line-margin-vertical:0;--ti-steps-timeline-vertical-line-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-vertical-line-margin-left:var(--ti-common-size-3x, 12px);--ti-steps-timeline-vertical-line-margin-right:var(--ti-steps-timeline-vertical-line-margin-left);--ti-steps-timeline-dot-width:var(--ti-common-size-2x, 8px);--ti-steps-timeline-dot-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-dot-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-item-padding-bottom:var(--ti-common-size-5x, 20px);--ti-steps-timeline-item-secondary-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-steps-timeline-item-secondary-text-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-timeline-item-title-margin-bottom:var(--ti-common-size-base, 4px);--ti-steps-timeline-dot-primary-bg-color:var(--ti-steps-timeline-dot-bg-color);--ti-steps-timeline-dot-success-bg-color:var(--ti-common-color-success, #50d4ab);--ti-steps-timeline-dot-warning-bg-color:var(--ti-common-color-warn, #fa9841);--ti-steps-timeline-dot-danger-bg-color:var(--ti-common-color-error, #f66f6a);--ti-steps-timeline-dot-info-bg-color:var(--ti-common-color-prompt, #5e7ce0);--ti-steps-time-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-steps-time-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-time-margin-bottom:var(--ti-common-space-6, 6px);position:relative;font-size:0;color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;white-space:nowrap;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:var(--ti-steps-advanced-border-radius);border-bottom-left-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:var(--ti-steps-advanced-border-radius);border-bottom-right-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-number-font-size);text-align:center;left:calc(50% - var(--ti-steps-icon-size)/ 2);top:0;border:1px solid var(--ti-steps-unselected-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-icon-color);cursor:pointer;z-index:15}.tiny-steps .icon .tiny-svg,.tiny-steps .icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1}.tiny-steps .date-time{text-align:center;color:var(--ti-steps-time-text-color);font-size:var(--ti-steps-time-font-size);margin-bottom:var(--ti-steps-time-margin-bottom)}.tiny-steps__node{position:relative}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-color);fill:var(--ti-steps-done-icon-color);border-color:var(--ti-steps-done-active-border-color)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-color);font-size:var(--ti-steps-done-icon-size);border-radius:50%}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{border:none;background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-steps-error-icon-color);border-color:var(--ti-steps-error-border-color);cursor:not-allowed}.tiny-steps .process-error .icon .icon-wrap{font-size:0}.tiny-steps .process-error .icon svg{fill:var(--ti-steps-error-icon-color);font-size:var(--ti-steps-error-icon-size)}.tiny-steps .process-error .node-description .name{color:var(--ti-steps-error-text-color)}.tiny-steps .process-disabled .icon{color:var(--ti-steps-disabled-icon-color);border-color:var(--ti-steps-disabled-border-color);background-color:var(--ti-steps-disabled-icon-bg-color);cursor:not-allowed}.tiny-steps .process-disabled .node-description .name{color:var(--ti-steps-disabled-text-color)}.tiny-steps .process-current .node-description .name:hover,.tiny-steps .process-done .node-description .name:hover,.tiny-steps .process-error .node-description .name:hover,.tiny-steps .process-wait .node-description .name:hover{font-weight:var(--ti-steps-font-size-hover)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .normal{display:block;position:relative;font-size:var(--ti-steps-font-size-base)}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-normal .name{color:var(--ti-steps-timeline-date-time-text-color);cursor:pointer}.tiny-steps .tiny-steps-normal.text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;margin:0}.tiny-steps .tiny-steps-normal.text-right .normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tiny-steps .tiny-steps-normal.text-right .normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-steps .tiny-steps-normal.text-right .normal .node-description{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:var(--ti-steps-text-margin-left);-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps .tiny-steps-normal.text-right .normal .node-description .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;text-align:left;max-width:var(--ti-steps-content-max-width)}.tiny-steps .tiny-steps-normal.text-right .normal .line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:var(--ti-steps-line-height);margin-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal .line.line-end{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-normal.text-right .normal:not(:first-child){padding-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-normal.text-right .normal.no-flex{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps .tiny-steps-normal.text-bottom{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps .tiny-steps-normal.text-bottom .node-description{position:relative;text-align:center;margin-top:var(--ti-steps-content-margin-top)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%;cursor:pointer}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name:hover{color:var(--ti-steps-text-color-hover)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .tiny-steps-normal.text-bottom .line{width:calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);height:var(--ti-steps-line-height);left:calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));top:calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);position:absolute}.tiny-steps .tiny-steps-normal.text-bottom .line.line-end{width:0}.tiny-steps .tiny-steps-normal .tiny-timeline-item__description{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);min-width:var(--ti-steps-description-min-width);text-align:left}.tiny-steps .tiny-steps-normal .process-current .node-description .name{color:var(--ti-steps-advanced-active-text-color);font-weight:var(--ti-steps-active-font-weight)}.tiny-steps .tiny-steps-normal .process-wait .tiny-steps__node .icon:hover,.tiny-steps .tiny-steps-normal .process-wait:hover .icon{border-color:var(--ti-steps-unselected-hover-border-color);color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .tiny-steps-normal .process-wait:hover .name{color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .show-divider .tiny-timeline-item{padding-bottom:calc(var(--ti-steps-bottom-divider-margin-top) + var(--ti-steps-bottom-divider-height))}.tiny-steps .show-divider .tiny-timeline-item.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-line-margin-horizontal) + var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider .tiny-timeline-item:first-child.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider+.tiny-steps__bottom-divider{position:absolute;bottom:0;width:100%;height:var(--ti-steps-bottom-divider-height);margin-top:calc(var(--ti-steps-bottom-divider-margin-top) - 4px);background-color:var(--ti-steps-bottom-divider-bg-color)}.tiny-steps .tiny-steps-timeline{font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot{padding-top:4px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__pillar .line{margin-block:var(--ti-steps-timeline-line-margin-vertical);background-color:var(--ti-steps-timeline-vertical-line-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--primary .dot{border-color:var(--ti-steps-timeline-dot-primary-bg-color);background-color:var(--ti-steps-timeline-dot-primary-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--success .dot{border-color:var(--ti-steps-timeline-dot-success-bg-color);background-color:var(--ti-steps-timeline-dot-success-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--warning .dot{border-color:var(--ti-steps-timeline-dot-warning-bg-color);background-color:var(--ti-steps-timeline-dot-warning-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--danger .dot{border-color:var(--ti-steps-timeline-dot-danger-bg-color);background-color:var(--ti-steps-timeline-dot-danger-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--info .dot{border-color:var(--ti-steps-timeline-dot-info-bg-color);background-color:var(--ti-steps-timeline-dot-info-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content{margin-top:-5px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .name{margin-bottom:var(--ti-steps-timeline-item-title-margin-bottom)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .time{color:var(--ti-steps-timeline-item-secondary-text-color);font-size:var(--ti-steps-timeline-item-secondary-text-font-size)}.tiny-steps .tiny-steps-timeline .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-text-color)}.tiny-steps .tiny-steps-timeline .timeline:last-child .tiny-timeline-item__pillar .line{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar{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-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line{width:var(--ti-steps-line-height);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:var(--ti-steps-timeline-vertical-left-width);padding-right:var(--ti-steps-timeline-vertical-line-margin-left);padding-bottom:var(--ti-steps-timeline-item-padding-bottom);text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline .dot-container{padding:var(--ti-steps-timeline-dot-margin-bottom)}.tiny-steps .tiny-steps-timeline .timeline .dot-container .dot{display:block;width:var(--ti-steps-timeline-dot-width);height:var(--ti-steps-timeline-dot-width);border:1px solid var(--ti-steps-timeline-dot-border-color);border-radius:50%;background-color:var(--ti-steps-timeline-dot-bg-color)}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__content{padding-bottom:var(--ti-steps-timeline-item-padding-bottom);margin-left:var(--ti-steps-timeline-vertical-line-margin-right)}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}.tiny-steps--mini .icon{width:var(--ti-steps-mini-icon-size);height:var(--ti-steps-mini-icon-size)}.tiny-steps--mini .process-done .icon .tiny-svg,.tiny-steps--mini .process-done .icon span,.tiny-steps--mini .process-error .icon .tiny-svg,.tiny-steps--mini .tiny-svg,.tiny-steps--mini span{font-size:var(--ti-steps-mini-number-font-size)}.tiny-steps--mini .node-description .name,.tiny-steps--mini .node-description .status{font-size:var(--ti-steps-mini-font-size-base)}
|
|
1
|
+
.tiny-steps-senior{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;color:#161e26;font-size:12px;line-height:16px}.tiny-steps-senior .tiny-steps-slide-bar{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow:auto}.tiny-steps-senior .tiny-steps-slide-bar .slide-main>div{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .slide-main::-webkit-scrollbar{width:0;height:0}.tiny-steps-senior .tiny-steps-slide-bar .more-button{display:none;-webkit-box-flex:0;-ms-flex:none;flex:none;height:32px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-steps-senior .tiny-steps-slide-bar .more-button.display-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps-senior .tiny-steps-slide-bar .more-button .content{width:16px;height:100%;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;background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-slide-bar .more-button .icon{height:12px;width:12px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.left .content{margin-right:6px}.tiny-steps-senior .tiny-steps-slide-bar .more-button.right .content{margin-left:6px}.tiny-steps-senior .more-button-con{width:16px;height:100%;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;margin-right:6px;color:#c9c9c9;background-color:#f5f6f8}.tiny-steps-senior .more-button-con.left{margin-right:6px}.tiny-steps-senior .more-button-con.right{margin-left:6px}.tiny-steps-senior .more-button-con.bar-visible{color:#161e26}.tiny-steps-senior .more-button-con.bar-visible:hover{background-color:#b0bffd;color:#1890ff}.tiny-steps-senior .more-button-con .icon{width:12px;height:12px;fill:currentColor}.tiny-steps-senior .tiny-steps-block{height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:2px;position:relative;cursor:pointer;color:#777;margin:0 1px;overflow:hidden;background-color:#f3f3f3}.tiny-steps-senior .tiny-steps-block .right-arrow.hide{display:none}.tiny-steps-senior .tiny-steps-block:hover{background-color:#dfdfdf}.tiny-steps-senior .tiny-steps-block.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.not-flex{width:176px}.tiny-steps-senior .tiny-steps-block.done{color:#191919;background-color:#eef3fe}.tiny-steps-senior .tiny-steps-block.done:hover{background-color:#d0d8fd}.tiny-steps-senior .tiny-steps-block.done.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.done.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.doing{color:#191919;background-color:#eef3fe}.tiny-steps-senior .tiny-steps-block.doing:hover{color:#fff;background-color:#2e8bde}.tiny-steps-senior .tiny-steps-block.doing.active{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.doing.active:hover{background-color:#1890ff}.tiny-steps-senior .tiny-steps-block.fault{background-color:#fee7e8;color:#191919}.tiny-steps-senior .tiny-steps-block.fault:hover{background-color:#fabdc1;color:#191919}.tiny-steps-senior .tiny-steps-block.fault.active{background-color:#e02128}.tiny-steps-senior .tiny-steps-block.fault.active:hover{background-color:#e02128}.tiny-steps-senior .tiny-steps-block.disabled{color:#c9c9c9}.tiny-steps-senior .tiny-steps-block.disabled:hover{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block.disabled.active{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block.disabled.active:hover{background-color:#f5f6f8}.tiny-steps-senior .tiny-steps-block .arrow{height:0;width:0;position:absolute;border-top-width:16px;border-bottom-width:16px;border-left-width:6px;border-right-width:0;border-color:#fff;border-style:solid}.tiny-steps-senior .tiny-steps-block .left-arrow{left:0;border-top-color:transparent;border-bottom-color:transparent}.tiny-steps-senior .tiny-steps-block .left-arrow.hide{display:none}.tiny-steps-senior .tiny-steps-block .right-arrow{right:0;border-left-color:transparent}.tiny-steps-senior .tiny-steps-content{font-size:14px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 24px;overflow:hidden;height:32px}.tiny-steps-senior .tiny-steps-content:hover .tiny-steps-icon.doing{background-color:#fff;color:#1890ff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon{width:16px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;margin-right:8px;background-color:#c9c9c9;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.doing,.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.done{background-color:#1890ff;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.active:not(.disabled){color:#1890ff;background-color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault{background-color:#e02128;color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon.fault.active{color:#e02128;background-color:#fff}.tiny-steps-senior .tiny-steps-content .tiny-steps-icon .icon{width:10px;height:10px;fill:currentColor}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-senior .tiny-steps-content .tiny-steps-prefixslot .prefix{margin-right:-8px}.tiny-steps-senior .tiny-steps-content .tiny-steps-text{-webkit-box-flex:1;-ms-flex:auto;flex:auto;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-senior .tiny-steps-content .tiny-steps-text.active:not(.disabled){color:#fff}.tiny-steps-line{display:-webkit-box;display:-ms-flexbox;display:flex;color:#191919}.tiny-steps-line .tiny-steps-left{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;max-width:320px;margin-right:16px}.tiny-steps-line .tiny-steps-left.vertical{text-align:center;margin-right:0;max-width:initial}.tiny-steps-line .tiny-steps-left .left-line{border-top:1px solid;-webkit-box-flex:1;-ms-flex:auto;flex:auto;opacity:0}.tiny-steps-line .tiny-steps-left .left-line.not-vertical{display:none;margin-right:16px;min-width:24px}.tiny-steps-line .tiny-steps-left .right-line{-webkit-box-flex:1;-ms-flex:auto;flex:auto;border-top:1px solid}.tiny-steps-line .tiny-steps-left .right-line.not-vertical{min-width:24px;margin-right:16px}.tiny-steps-line .item-number{width:100%;height:100%;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;border-radius:9999px;border:1px solid #1890ff;color:#1890ff;background-color:#fff;position:relative;z-index:10}.tiny-steps-line .item-circle{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid #1890ff;background-color:#fff;font-weight:500;position:absolute}.tiny-steps-line .tiny-steps-icon{width:24px;height:24px;-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:10}.tiny-steps-line .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-steps-line .tiny-steps-main .line.line-brand{border-color:#1890ff}.tiny-steps-line .tiny-steps-block{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;text-align:center}.tiny-steps-line .tiny-steps-block.not-vertical{min-width:128px;max-width:320px;margin-right:16px;text-align:left}.tiny-steps-line .tiny-steps-block .tiny-steps-icon{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border:1px solid currentColor;background-color:#f3f3f3;color:#aeaeae;font-size:14px}.tiny-steps-line .tiny-steps-block .tiny-steps-icon:hover{background-color:#dfdfdf}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active{background-color:#aeaeae;color:#fff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.fault{color:#e02128;border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.active.disabled{background-color:#c9c9c9;color:#fff;border-color:#c9c9c9}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish{fill:#1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-finish.active{fill:#fff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon .icon-warn{fill:#e02128}.tiny-steps-line .tiny-steps-block.flex-non{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps-line .tiny-steps-block.normal:hover{color:#2e86de}.tiny-steps-line .tiny-steps-block.active{color:#1890ff}.tiny-steps-line .tiny-steps-block.active .description:not(.disabled){color:#1890ff}.tiny-steps-line .tiny-steps-block.disabled{color:#c9c9c9}.tiny-steps-line .tiny-steps-block.fault{color:#e02128}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon{color:#e02128;border-color:#e02128;background-color:#fff}.tiny-steps-line .tiny-steps-block.fault .tiny-steps-icon:hover{color:#e02128;border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon{border:1px solid currentColor;background-color:#eef3fe;color:#1890ff}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon:hover{border:none;background-color:#2e8bde;color:#fff}.tiny-steps-line .tiny-steps-block.doing .tiny-steps-icon.active{border:none;background-color:#1890ff;color:#fff}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon{background-color:#eef3fe;border-color:#1890ff}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon:hover{border-color:#2e8bde}.tiny-steps-line .tiny-steps-block.done .tiny-steps-icon.active{border-color:#1890ff;background-color:#1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-icon.disabled{color:#c9c9c9;background-color:#f3f3f3;border-color:#dfdfdf}.tiny-steps-line .tiny-steps-block .title{font-size:14px;margin-left:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-steps-line .tiny-steps-block .line{border-top:1px solid #c9c9c9;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.tiny-steps-line .tiny-steps-block .left-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .left-line.not-vertical{display:none;min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-block .right-line.acetate{opacity:0}.tiny-steps-line .tiny-steps-block .right-line.hide{display:none}.tiny-steps-line .tiny-steps-block .right-line.not-vertical{min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-block .title-vertical{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:12px 20px 0 20px}.tiny-steps-line .tiny-steps-block .title-vertical.not-vertical{display:none;margin:0}.tiny-steps-line .tiny-steps-block .description{font-size:12px;color:#777;margin-top:8px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-left:20px;margin-right:20px;word-break:break-all}.tiny-steps-line .tiny-steps-block .description .disabled{color:#c9c9c9}.tiny-steps-line .tiny-steps-block .description .fault{color:#e02128}.tiny-steps-line .tiny-steps-block .description .not-vertical{margin-left:32px}.tiny-steps-line .tiny-steps-block.done .left-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block.done .right-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block.doing .left-line{border-top:1px solid #1890ff}.tiny-steps-line .tiny-steps-block .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon{width:8px;height:8px;font-size:12px}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon.fault{border:1px solid #e02128;background-color:#fee7e8}.tiny-steps-line .tiny-steps-block.mini .tiny-steps-icon.fault.active{background-color:#e02128}.tiny-steps-line .tiny-steps-block.mini .title,.tiny-steps-line .tiny-steps-block.mini .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon{width:16px;height:16px;font-size:12px}.tiny-steps-line .tiny-steps-block.small .tiny-steps-icon .icon{width:10px;height:10px}.tiny-steps-line .tiny-steps-block.small .title,.tiny-steps-line .tiny-steps-block.small .title-vertical{font-size:12px}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon{width:24px;height:24px;font-size:14px}.tiny-steps-line .tiny-steps-block.medium .tiny-steps-icon .icon{width:14px;height:14px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon{width:32px;height:32px;font-size:16px}.tiny-steps-line .tiny-steps-block.large .tiny-steps-icon .icon{width:18px;height:18px}.tiny-steps-line .tiny-steps-block.large .title,.tiny-steps-line .tiny-steps-block.large .title-vertical{font-size:16px}.tiny-steps-line.medium .left-line{margin-right:8px}.tiny-steps-line.medium .right-line{margin-left:8px}.tiny-steps-line.small .left-line{margin-right:8px}.tiny-steps-line.small .right-line{margin-left:8px}.tiny-steps-line.mini .left-line{margin-right:4px}.tiny-steps-line.mini .right-line{margin-left:4px}.tiny-steps-line.large .left-line{margin-right:12px}.tiny-steps-line.large .right-line{margin-left:12px}.tiny-steps-line .tiny-steps-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;text-align:center}.tiny-steps-line .tiny-steps-right.not-vertical{min-width:128px;max-width:320px;text-align:left}.tiny-steps-line .tiny-steps-right .tiny-steps-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-steps-line .tiny-steps-right .line{border-top:1px solid #c9c9c9;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.tiny-steps-line .tiny-steps-right .line.right-line{opacity:0}.tiny-steps-line .tiny-steps-right .line.not-vertical{display:none;min-width:24px;margin-left:16px}.tiny-steps-line .tiny-steps-right .tiny-steps-icon{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:10}.tiny-steps-line .tiny-steps-right .item-number{width:100%;height:100%;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;border-radius:9999px;border:1px solid #1890ff;color:#1890ff;background-color:#fff;position:relative;z-index:9999}.tiny-steps-line .tiny-steps-right .item-circle{-webkit-box-flex:0;-ms-flex:none;flex:none;border-radius:9999px;border:1px solid #1890ff;background-color:#fff;font-weight:500;position:absolute}.tiny-steps-line.mini .tiny-steps-icon{width:8px;height:8px;font-size:12px}.tiny-steps-line.small .tiny-steps-icon{width:16px;height:16px;font-size:12px}.tiny-steps-line.medium .tiny-steps-icon{width:24px;height:24px;font-size:14px}.tiny-steps-line.large .tiny-steps-icon{width:32px;height:32px;font-size:16px}.tiny-steps-line.mini .item-number{font-size:12px}.tiny-steps-line.mini .item-circle{width:8px;height:8px}.tiny-steps-line.small .item-number{font-size:12px}.tiny-steps-line.small .item-circle{width:16px;height:16px}.tiny-steps-line.medium .item-number{font-size:14px}.tiny-steps-line.medium .item-circle{width:24px;height:24px}.tiny-steps-line.large .item-number{font-size:16px}.tiny-steps-line.large .item-circle{width:32px;height:32px}.tiny-steps{--ti-steps-circle-width-height:var(--ti-common-size-5x, 20px);--ti-steps-number-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-font-size-base:var(--ti-common-font-size-base, 12px);--ti-steps-font-size-hover:var(--ti-common-font-weight-4, normal);--ti-steps-text-color-hover:var(--ti-common-color-primary-normal, #5e7ce0);--ti-steps-icon-size:var(--ti-common-size-5x, 20px);--ti-steps-font-size-7:var(--ti-common-font-size-7, 36px);--ti-steps-line-height:var(--ti-common-border-weight-normal, 1px);--ti-steps-line-margin-horizontal:var(--ti-common-space-2x, 8px);--ti-steps-line-min-width:var(--ti-common-space-4x, 16px);--ti-steps-text-margin-left:var(--ti-common-space-base, 4px);--ti-steps-line-width:var(--ti-common-size-16x, 64px);--ti-steps-content-max-width:calc(var(--ti-common-space-10, 10px) * 25);--ti-steps-content-margin-top:var(--ti-common-space-6, 6px);--ti-steps-bottom-divider-height:var(--ti-common-space-1, 1px);--ti-steps-bottom-divider-margin-top:var(--ti-common-space-4x, 16px);--ti-steps-bottom-divider-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-description-min-width:calc(var(--ti-common-space-10, 10px) * 10);--ti-steps-advanced-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-steps-active-font-weight:var(--ti-common-font-weight-4, normal);--ti-steps-advanced-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-steps-done-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-steps-line-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-steps-done-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-steps-done-icon-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-steps-done-icon-size:var(--ti-common-font-size-1, 14px);--ti-steps-done-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-line-bg-color:var(--ti-common-color-bg-secondary, #adb0b8);--ti-steps-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-unselected-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-steps-unselected-hover-icon-color:var(--ti-common-color-icon-hover, #5e7ce0);--ti-steps-unselected-border-color:var(--ti-steps-unselected-icon-color);--ti-steps-unselected-hover-border-color:var(--ti-steps-unselected-hover-icon-color);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-steps-error-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-error-icon-color:var(--ti-common-color-error-text, #de504e);--ti-steps-error-icon-size:var(--ti-common-font-size-1, 14px);--ti-steps-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-steps-error-text-color:var(--ti-common-color-error-text, #de504e);--ti-steps-disabled-icon-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-disabled-icon-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-steps-disabled-border-color:var(--ti-steps-disabled-icon-color);--ti-steps-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-steps-mini-icon-size:var(--ti-common-font-size-5, 24px);--ti-steps-mini-number-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-mini-font-size-base:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-steps-advanced-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-steps-advanced-line-height:var(--ti-common-size-7x, 28px);--ti-steps-advanced-border-radius:calc(var(--ti-common-space-1, 1px) * 3);--ti-steps-advanced-li-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-steps-advanced-li-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-text-secondary, #575d6c);--ti-steps-advanced-li-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-dot-height:var(--ti-common-size-3x, 12px);--ti-steps-advanced-dot-width:var(--ti-common-size-3x, 12px);--ti-steps-advanced-count-bg-color:var(--ti-common-bg-primary, #c7000b);--ti-steps-advanced-count-border-radius:var(--ti-common-space-10, 10px);--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-count-height:calc(var(--ti-common-space-6, 6px) * 3);--ti-steps-advanced-border-weight:calc(var(--ti-common-space-base, 4px) * 3.5);--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-advanced-dot-doing-bg-color:var(--ti-common-color-warn, #fa9841);--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1, 14px);--ti-steps-timeline-vertical-time-width:var(--ti-common-size-25x, 100px);--ti-steps-timeline-line-margin-vertical:0;--ti-steps-timeline-vertical-line-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-vertical-line-margin-left:var(--ti-common-size-3x, 12px);--ti-steps-timeline-vertical-line-margin-right:var(--ti-steps-timeline-vertical-line-margin-left);--ti-steps-timeline-dot-width:var(--ti-common-size-2x, 8px);--ti-steps-timeline-dot-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-dot-bg-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-steps-timeline-item-padding-bottom:var(--ti-common-size-5x, 20px);--ti-steps-timeline-item-secondary-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-steps-timeline-item-secondary-text-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-timeline-item-title-margin-bottom:var(--ti-common-size-base, 4px);--ti-steps-timeline-dot-primary-bg-color:var(--ti-steps-timeline-dot-bg-color);--ti-steps-timeline-dot-success-bg-color:var(--ti-common-color-success, #50d4ab);--ti-steps-timeline-dot-warning-bg-color:var(--ti-common-color-warn, #fa9841);--ti-steps-timeline-dot-danger-bg-color:var(--ti-common-color-error, #f66f6a);--ti-steps-timeline-dot-info-bg-color:var(--ti-common-color-prompt, #5e7ce0);--ti-steps-time-text-color:var(--ti-common-color-text-weaken, #8a8e99);--ti-steps-time-font-size:var(--ti-common-font-size-base, 12px);--ti-steps-time-margin-bottom:var(--ti-common-space-6, 6px);position:relative;font-size:0;color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current .label{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current .label::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li .label{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;white-space:nowrap;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li .label::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li .label::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li .label:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li .label:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child .label{border-top-left-radius:var(--ti-steps-advanced-border-radius);border-bottom-left-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:first-child .label::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child .label{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:var(--ti-steps-advanced-border-radius);border-bottom-right-radius:var(--ti-steps-advanced-border-radius)}.tiny-steps .tiny-steps-advanced li:last-child .label::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-number-font-size);text-align:center;left:calc(50% - var(--ti-steps-icon-size)/ 2);top:0;border:1px solid var(--ti-steps-unselected-border-color);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-icon-color);cursor:pointer;z-index:15}.tiny-steps .icon .tiny-svg,.tiny-steps .icon span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1}.tiny-steps .date-time{text-align:center;color:var(--ti-steps-time-text-color);font-size:var(--ti-steps-time-font-size);margin-bottom:var(--ti-steps-time-margin-bottom)}.tiny-steps__node{position:relative}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-color);fill:var(--ti-steps-done-icon-color);border-color:var(--ti-steps-done-active-border-color)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-color);font-size:var(--ti-steps-done-icon-size);border-radius:50%}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{border:none;background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .process-error .icon{-ms-flex-negative:0;flex-shrink:0;color:var(--ti-steps-error-icon-color);border-color:var(--ti-steps-error-border-color);cursor:not-allowed}.tiny-steps .process-error .icon .icon-wrap{font-size:0}.tiny-steps .process-error .icon svg{fill:var(--ti-steps-error-icon-color);font-size:var(--ti-steps-error-icon-size)}.tiny-steps .process-error .node-description .name{color:var(--ti-steps-error-text-color)}.tiny-steps .process-disabled .icon{color:var(--ti-steps-disabled-icon-color);border-color:var(--ti-steps-disabled-border-color);background-color:var(--ti-steps-disabled-icon-bg-color);cursor:not-allowed}.tiny-steps .process-disabled .node-description .name{color:var(--ti-steps-disabled-text-color)}.tiny-steps .process-current .node-description .name:hover,.tiny-steps .process-done .node-description .name:hover,.tiny-steps .process-error .node-description .name:hover,.tiny-steps .process-wait .node-description .name:hover{font-weight:var(--ti-steps-font-size-hover)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .normal{display:block;position:relative;font-size:var(--ti-steps-font-size-base)}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-normal .name{color:var(--ti-steps-timeline-date-time-text-color);cursor:pointer}.tiny-steps .tiny-steps-normal.text-right{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;margin:0}.tiny-steps .tiny-steps-normal.text-right .normal{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.tiny-steps .tiny-steps-normal.text-right .normal .step-icon{top:0;left:0;-ms-flex-negative:0;flex-shrink:0}.tiny-steps .tiny-steps-normal.text-right .normal .node-description{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-left:var(--ti-steps-text-margin-left);-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-steps .tiny-steps-normal.text-right .normal .node-description .name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:normal;text-align:left;max-width:var(--ti-steps-content-max-width)}.tiny-steps .tiny-steps-normal.text-right .normal .line{-webkit-box-flex:1;-ms-flex:1;flex:1;height:var(--ti-steps-line-height);margin-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal .line.line-end{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-normal.text-right .normal:not(:first-child){padding-left:var(--ti-steps-line-margin-horizontal)}.tiny-steps .tiny-steps-normal.text-right .normal:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-normal.text-right .normal.no-flex{-webkit-box-flex:0;-ms-flex:none;flex:none}.tiny-steps .tiny-steps-normal.text-bottom{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-steps .tiny-steps-normal.text-bottom .node-description{position:relative;text-align:center;margin-top:var(--ti-steps-content-margin-top)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%;cursor:pointer}.tiny-steps .tiny-steps-normal.text-bottom .node-description .name:hover{color:var(--ti-steps-text-color-hover)}.tiny-steps .tiny-steps-normal.text-bottom .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .tiny-steps-normal.text-bottom .line{width:calc(100% - var(--ti-steps-icon-size) - var(--ti-steps-line-margin-horizontal) * 2);height:var(--ti-steps-line-height);left:calc(50% + var(--ti-steps-icon-size)/ 2 + var(--ti-steps-line-margin-horizontal));top:calc((var(--ti-steps-icon-size) - var(--ti-steps-line-height))/ 2);position:absolute}.tiny-steps .tiny-steps-normal.text-bottom .line.line-end{width:0}.tiny-steps .tiny-steps-normal .tiny-timeline-item__description{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);min-width:var(--ti-steps-description-min-width);text-align:left}.tiny-steps .tiny-steps-normal .process-current .node-description .name{color:var(--ti-steps-advanced-active-text-color);font-weight:var(--ti-steps-active-font-weight)}.tiny-steps .tiny-steps-normal .process-wait .tiny-steps__node .icon:hover,.tiny-steps .tiny-steps-normal .process-wait:hover .icon{border-color:var(--ti-steps-unselected-hover-border-color);color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .tiny-steps-normal .process-wait:hover .name{color:var(--ti-steps-unselected-hover-icon-color)}.tiny-steps .show-divider .tiny-timeline-item{padding-bottom:calc(var(--ti-steps-bottom-divider-margin-top) + var(--ti-steps-bottom-divider-height))}.tiny-steps .show-divider .tiny-timeline-item.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-line-margin-horizontal) + var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider .tiny-timeline-item:first-child.process-current::after{content:'';display:inline-block;position:absolute;bottom:0;left:calc(var(--ti-steps-icon-size)/ 2 - 7px);border:7px solid transparent;border-top:none;border-bottom-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .show-divider+.tiny-steps__bottom-divider{position:absolute;bottom:0;width:100%;height:var(--ti-steps-bottom-divider-height);margin-top:calc(var(--ti-steps-bottom-divider-margin-top) - 4px);background-color:var(--ti-steps-bottom-divider-bg-color)}.tiny-steps .tiny-steps-timeline{font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot{padding-top:4px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__pillar .line{margin-block:var(--ti-steps-timeline-line-margin-vertical);background-color:var(--ti-steps-timeline-vertical-line-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--primary .dot{border-color:var(--ti-steps-timeline-dot-primary-bg-color);background-color:var(--ti-steps-timeline-dot-primary-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--success .dot{border-color:var(--ti-steps-timeline-dot-success-bg-color);background-color:var(--ti-steps-timeline-dot-success-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--warning .dot{border-color:var(--ti-steps-timeline-dot-warning-bg-color);background-color:var(--ti-steps-timeline-dot-warning-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--danger .dot{border-color:var(--ti-steps-timeline-dot-danger-bg-color);background-color:var(--ti-steps-timeline-dot-danger-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline.timeline-item--info .dot{border-color:var(--ti-steps-timeline-dot-info-bg-color);background-color:var(--ti-steps-timeline-dot-info-bg-color)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content{margin-top:-5px}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .name{margin-bottom:var(--ti-steps-timeline-item-title-margin-bottom)}.tiny-steps .tiny-steps-timeline.tiny-timeline__shape-dot .timeline .tiny-timeline-item__content .time{color:var(--ti-steps-timeline-item-secondary-text-color);font-size:var(--ti-steps-timeline-item-secondary-text-font-size)}.tiny-steps .tiny-steps-timeline .timeline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-text-color)}.tiny-steps .tiny-steps-timeline .timeline:last-child .tiny-timeline-item__pillar .line{-webkit-box-flex:0;-ms-flex:0;flex:0}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar{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-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line{width:var(--ti-steps-line-height);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__pillar .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:var(--ti-steps-timeline-vertical-left-width);padding-right:var(--ti-steps-timeline-vertical-line-margin-left);padding-bottom:var(--ti-steps-timeline-item-padding-bottom);text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline .dot-container{padding:var(--ti-steps-timeline-dot-margin-bottom)}.tiny-steps .tiny-steps-timeline .timeline .dot-container .dot{display:block;width:var(--ti-steps-timeline-dot-width);height:var(--ti-steps-timeline-dot-width);border:1px solid var(--ti-steps-timeline-dot-border-color);border-radius:50%;background-color:var(--ti-steps-timeline-dot-bg-color)}.tiny-steps .tiny-steps-timeline .timeline .tiny-timeline-item__content{padding-bottom:var(--ti-steps-timeline-item-padding-bottom);margin-left:var(--ti-steps-timeline-vertical-line-margin-right)}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}.tiny-steps--mini .icon{width:var(--ti-steps-mini-icon-size);height:var(--ti-steps-mini-icon-size)}.tiny-steps--mini .process-done .icon .tiny-svg,.tiny-steps--mini .process-done .icon span,.tiny-steps--mini .process-error .icon .tiny-svg,.tiny-steps--mini .tiny-svg,.tiny-steps--mini span{font-size:var(--ti-steps-mini-number-font-size)}.tiny-steps--mini .node-description .name,.tiny-steps--mini .node-description .status{font-size:var(--ti-steps-mini-font-size-base)}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
3
|
+
<path d="m13.28,5.14c-.46.46-.71,1.07-.71,1.72s.25,1.26.71,1.72c.46.46,1.07.71,1.72.71s1.26-.25,1.72-.71c.46-.46.71-1.07.71-1.72s-.25-1.26-.71-1.72c-.92-.92-2.52-.92-3.43,0Zm2.38,1.06c.17.17.27.41.27.66s-.1.48-.27.66c-.35.35-.96.35-1.31,0-.18-.18-.27-.41-.27-.66s.1-.48.27-.66c.18-.18.41-.27.66-.27s.48.1.66.27Zm-.95,7.31l-1.22,1.24c-.33.33-.76.5-1.2.5s-.86-.16-1.18-.48l-4.37-4.29c-.07-.07-.19-.07-.27,0l-3.71,3.69v2.41c0,1.37,1.25,2.49,2.78,2.49h6.24c.41,0,.75.34.75.75s-.34.75-.75.75h-6.24c-2.36,0-4.28-1.79-4.28-3.99v-2.73h0V5.24c0-2.2,1.92-3.99,4.28-3.99h12.37c2.36,0,4.28,1.79,4.28,3.99v5.75c0,.41-.34.75-.75.75s-.75-.34-.75-.75v-5.75c0-1.37-1.25-2.49-2.78-2.49H5.53c-1.53,0-2.78,1.12-2.78,2.49v6.81l2.66-2.64c.65-.65,1.72-.65,2.38,0l4.37,4.29c.08.07.19.07.27,0l1.23-1.24c.29-.29.77-.3,1.06,0,.29.29.3.77,0,1.06Zm8.04,4.44c0,.41-.34.75-.75.75h-2.49v2.49c0,.41-.34.75-.75.75s-.75-.34-.75-.75v-2.49h-2.49c-.41,0-.75-.34-.75-.75s.34-.75.75-.75h2.49v-2.49c0-.41.34-.75.75-.75s.75.34.75.75v2.49h2.49c.41,0,.75.34.75.75Z"/>
|
|
4
|
+
</svg>
|
package/tabs/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tabs__more-dropdown{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5, 500);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tabs-new-height:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder, #adb0b8);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-tabs-content-font-size:var(--ti-common-font-size-2, 16px);--ti-tabs-height:var(--ti-common-size-10x, 40px);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-small-height:var(--ti-common-size-9x, 36px);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x, 12px);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light, #fff);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0, 0px);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent, transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal, 2px) var(--ti-common-border-radius-normal, 2px) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal, #eef0f5);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white, #fff);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize, #5c6173);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg, #adb0b8);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base, 4px) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x, 20px);--ti-tabs-dark-border-weight:var(--ti-common-size-0, 0px);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base, 4px) * 9.25);--ti-tabs-prev-next-btn-icon-size:var(--ti-common-font-size-base, 12px);--ti-tabs-item-margin-right:var(--ti-common-space-10x, 40px);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-tabs-font-size-base:var(--ti-common-font-size-base, 12px);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2, 3px);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover, #ffffff);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent, transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-tabs-icon-size-close:var(--ti-common-font-size-1, 14px);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x, 12px);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base, 4px) * 10.25);--ti-tabs-more-icon-size:var(--ti-common-font-size-2, 16px);--ti-tabs-more-left-box-height:var(--ti-common-size-10x, 40px);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-padding-vertical:calc(var(--ti-common-space-base, 4px) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-button-card-item-height:var(--ti-common-size-8x, 32px);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7, bold)}.tiny-tabs{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5, 500);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tabs-new-height:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder, #adb0b8);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-tabs-content-font-size:var(--ti-common-font-size-2, 16px);--ti-tabs-height:var(--ti-common-size-10x, 40px);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-small-height:var(--ti-common-size-9x, 36px);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x, 12px);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light, #fff);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0, 0px);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent, transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal, 2px) var(--ti-common-border-radius-normal, 2px) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal, #eef0f5);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white, #fff);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize, #5c6173);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg, #adb0b8);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base, 4px) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x, 20px);--ti-tabs-dark-border-weight:var(--ti-common-size-0, 0px);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base, 4px) * 9.25);--ti-tabs-prev-next-btn-icon-size:var(--ti-common-font-size-base, 12px);--ti-tabs-item-margin-right:var(--ti-common-space-10x, 40px);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-tabs-font-size-base:var(--ti-common-font-size-base, 12px);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2, 3px);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover, #ffffff);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent, transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-tabs-icon-size-close:var(--ti-common-font-size-1, 14px);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x, 12px);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base, 4px) * 10.25);--ti-tabs-more-icon-size:var(--ti-common-font-size-2, 16px);--ti-tabs-more-left-box-height:var(--ti-common-size-10x, 40px);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-padding-vertical:calc(var(--ti-common-space-base, 4px) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-button-card-item-height:var(--ti-common-size-8x, 32px);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7, bold)}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:var(--ti-tabs-item-active-border-weight);background-color:var(--ti-tabs-item-active-border-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative;width:100%}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tiny-tabs__nav-wrap-not-separator::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-item-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-tabs-prev-next-btn-icon-size);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav .tiny-tabs__item-separator-space:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.tiny-tabs__item-separator-space{margin-right:0}.tiny-tabs__item-separator-space{padding-left:14px;padding-right:14px}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-item-font-size);color:var(--ti-tabs-header-font-normal-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-text-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-active{font-weight:var(--ti-tabs-header-font-weight-active)}.tiny-tabs__item:hover{font-weight:var(--ti-tabs-item-card-hover-font-weight)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item.is-closable .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:14px;height:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;font-size:var(--ti-tabs-content-font-size)}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more-container .tiny-dropdown__suffix-inner{display:none}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-item-font-size);outline:0;padding:0 var(--ti-tabs-more-icon-padding-horizontal)}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 var(--ti-tabs-more-icon-padding-horizontal);height:var(--ti-tabs-more-icon-height);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.tiny-tabs__more-icon::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:4px;height:var(--ti-tabs-more-left-box-height);-webkit-box-shadow:var(--ti-tabs-more-left-box-shadow);box-shadow:var(--ti-tabs-more-left-box-shadow)}.tiny-tabs__more-icon .tiny-svg{font-size:var(--ti-tabs-more-icon-size)}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper{margin-top:var(--ti-tabs-dropdown-more-margin-top)}.tiny-tabs__more-dropdown .tiny-tabs__more-item{outline:0}.tiny-tabs__more-dropdown .tiny-tabs__more-item:hover{font-weight:var(--ti-tabs-dropdown-more-item-hover-font-weight);background:var(--ti-tabs-dropdown-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-left:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--ti-tabs-item-card-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border:1px solid var(--ti-tabs-item-card-border-color);border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content{padding:0 24px 15px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content .tiny-tabs__content{padding:15px 0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0;border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tabs-dark-text-color);padding:0 24px;border:none;height:var(--ti-tabs-dark-item-height);margin:var(--ti-tabs-dark-margin-top) 4px 0 0;line-height:var(--ti-tabs-dark-item-height)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tabs-dark-text-color-active);background-color:var(--ti-tabs-dark-bg-color-active);border-top:none;border-left:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom-color:#fff;border-radius:var(--ti-tabs-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{border-color:var(--ti-tabs-border-color);color:var(--ti-tabs-dark-text-color-hover);background:var(--ti-tabs-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:var(--ti-tabs-dark-first-margin-left);border-left:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav-wrap::after{background-color:transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav{background-color:var(--ti-tabs-button-card-nav-bg-color);border-radius:var(--ti-tabs-button-card-border-radius)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item{color:var(--ti-tabs-button-card-item-text-color);font-size:var(--ti-tabs-button-card-item-font-size);height:var(--ti-tabs-button-card-item-height);line-height:var(--ti-tabs-button-card-item-height);border:1px solid transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:hover{color:var(--ti-tabs-button-card-item-hover-text-color);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-button-card-item-active-bg-color);color:var(--ti-tabs-button-card-item-active-text-color);border:1px solid var(--ti-tabs-button-card-item-active-border-color);border-radius:var(--ti-tabs-button-card-border-radius);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item__title{padding:0 var(--ti-tabs-button-card-title-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:3px;background:var(--ti-tabs-header-top-bar-active-bg-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-prev{line-height:var(--ti-tabs-small-height);font-size:var(--ti-tabs-prev-next-btn-icon-size)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left;padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--top .tiny-tabs__item-separator{width:1px;height:12px;display:inline-block;position:relative;left:14px;top:2px;background-color:#dfdfdf}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:14px;padding-right:14px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2){margin-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)){margin-left:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .tiny-tab-pane{padding:var(--ti-tabs-content-padding-vertical) var(--ti-tabs-content-padding-horizontal)}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
|
|
1
|
+
.tiny-tabs__more-dropdown{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5, 500);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tabs-new-height:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder, #adb0b8);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-tabs-content-font-size:var(--ti-common-font-size-2, 16px);--ti-tabs-height:var(--ti-common-size-10x, 40px);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-small-height:var(--ti-common-size-9x, 36px);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x, 12px);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light, #fff);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0, 0px);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent, transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal, 2px) var(--ti-common-border-radius-normal, 2px) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal, #eef0f5);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white, #fff);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize, #5c6173);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg, #adb0b8);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base, 4px) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x, 20px);--ti-tabs-dark-border-weight:var(--ti-common-size-0, 0px);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base, 4px) * 9.25);--ti-tabs-prev-next-btn-icon-size:var(--ti-common-font-size-base, 12px);--ti-tabs-item-margin-right:var(--ti-common-space-10x, 40px);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-tabs-font-size-base:var(--ti-common-font-size-base, 12px);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2, 3px);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover, #ffffff);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent, transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-tabs-icon-size-close:var(--ti-common-font-size-1, 14px);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x, 12px);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base, 4px) * 10.25);--ti-tabs-more-icon-size:var(--ti-common-font-size-2, 16px);--ti-tabs-more-left-box-height:var(--ti-common-size-10x, 40px);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-margin-vertical:calc(var(--ti-common-space-base, 4px) * 3.75);--ti-tabs-content-margin-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-button-card-item-height:var(--ti-common-size-8x, 32px);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7, bold)}.tiny-tabs{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5, 500);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-tabs-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-tabs-new-height:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base, 4px) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder, #adb0b8);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-tabs-content-font-size:var(--ti-common-font-size-2, 16px);--ti-tabs-height:var(--ti-common-size-10x, 40px);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active, #5e7ce0);--ti-tabs-small-height:var(--ti-common-size-9x, 36px);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x, 12px);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light, #fff);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0, 0px);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent, transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal, 2px) var(--ti-common-border-radius-normal, 2px) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal, #eef0f5);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white, #fff);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize, #5c6173);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg, #adb0b8);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base, 4px) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x, 20px);--ti-tabs-dark-border-weight:var(--ti-common-size-0, 0px);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal, #464c59);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base, 4px) * 9.25);--ti-tabs-prev-next-btn-icon-size:var(--ti-common-font-size-base, 12px);--ti-tabs-item-margin-right:var(--ti-common-space-10x, 40px);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid, solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-tabs-font-size-base:var(--ti-common-font-size-base, 12px);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2, 3px);--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-close-hover-bg-color:var(--ti-common-bg-minor-hover, #ffffff);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent, transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active, #5e7ce0);--ti-tabs-icon-size-close:var(--ti-common-font-size-1, 14px);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0, 0px);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x, 12px);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5, 500);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base, 4px) * 10.25);--ti-tabs-more-icon-size:var(--ti-common-font-size-2, 16px);--ti-tabs-more-left-box-height:var(--ti-common-size-10x, 40px);--ti-tabs-more-left-box-shadow:-3px 0px 4px 0px rgba(0, 0, 0, 0.08);--ti-tabs-content-margin-vertical:calc(var(--ti-common-space-base, 4px) * 3.75);--ti-tabs-content-margin-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-nav-bg-color:rgba(0, 0, 0, 0.05);--ti-tabs-button-card-item-text-color:#595959;--ti-tabs-button-card-item-hover-text-color:#191919;--ti-tabs-button-card-item-font-size:var(--ti-common-font-size-1, 14px);--ti-tabs-button-card-item-height:var(--ti-common-size-8x, 32px);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-tabs-button-card-item-active-text-color:#191919;--ti-tabs-button-card-item-active-border-color:#191919;--ti-tabs-button-card-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x, 24px);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7, bold)}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:var(--ti-tabs-item-active-border-weight);background-color:var(--ti-tabs-item-active-border-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative;width:100%}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tiny-tabs__nav-wrap-not-separator::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-item-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-tabs-prev-next-btn-icon-size);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav .tiny-tabs__item-separator-space:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.tiny-tabs__item-separator-space{margin-right:0}.tiny-tabs__item-separator-space{padding-left:14px;padding-right:14px}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-item-font-size);color:var(--ti-tabs-header-font-normal-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-text-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-active{font-weight:var(--ti-tabs-header-font-weight-active)}.tiny-tabs__item:hover{font-weight:var(--ti-tabs-item-card-hover-font-weight)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item.is-closable .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:14px;height:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;margin:var(--ti-tabs-content-margin-vertical) var(--ti-tabs-content-margin-horizontal);font-size:var(--ti-tabs-content-font-size)}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more-container .tiny-dropdown__suffix-inner{display:none}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-item-font-size);outline:0;padding:0 var(--ti-tabs-more-icon-padding-horizontal)}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 var(--ti-tabs-more-icon-padding-horizontal);height:var(--ti-tabs-more-icon-height);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px}.tiny-tabs__more-icon::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:4px;height:var(--ti-tabs-more-left-box-height);-webkit-box-shadow:var(--ti-tabs-more-left-box-shadow);box-shadow:var(--ti-tabs-more-left-box-shadow)}.tiny-tabs__more-icon .tiny-svg{font-size:var(--ti-tabs-more-icon-size)}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper{margin-top:var(--ti-tabs-dropdown-more-margin-top)}.tiny-tabs__more-dropdown .tiny-tabs__more-item{outline:0}.tiny-tabs__more-dropdown .tiny-tabs__more-item:hover{font-weight:var(--ti-tabs-dropdown-more-item-hover-font-weight);background:var(--ti-tabs-dropdown-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-left:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--ti-tabs-item-card-border-color);border-right:var(--ti-tabs-item-top-right-border-weight) solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border:1px solid var(--ti-tabs-item-card-border-color);border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0;border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tabs-dark-text-color);padding:0 24px;border:none;height:var(--ti-tabs-dark-item-height);margin:var(--ti-tabs-dark-margin-top) 4px 0 0;line-height:var(--ti-tabs-dark-item-height)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tabs-dark-text-color-active);background-color:var(--ti-tabs-dark-bg-color-active);border-top:none;border-left:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-right:var(--ti-tabs-dark-border-weight) solid var(--ti-tabs-border-color);border-bottom-color:#fff;border-radius:var(--ti-tabs-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{border-color:var(--ti-tabs-border-color);color:var(--ti-tabs-dark-text-color-hover);background:var(--ti-tabs-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:var(--ti-tabs-dark-first-margin-left);border-left:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav-wrap::after{background-color:transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__nav{background-color:var(--ti-tabs-button-card-nav-bg-color);border-radius:var(--ti-tabs-button-card-border-radius)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item{color:var(--ti-tabs-button-card-item-text-color);font-size:var(--ti-tabs-button-card-item-font-size);height:var(--ti-tabs-button-card-item-height);line-height:var(--ti-tabs-button-card-item-height);border:1px solid transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:hover{color:var(--ti-tabs-button-card-item-hover-text-color);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-button-card-item-active-bg-color);color:var(--ti-tabs-button-card-item-active-text-color);border:1px solid var(--ti-tabs-button-card-item-active-border-color);border-radius:var(--ti-tabs-button-card-border-radius);font-weight:var(--ti-tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item__title{padding:0 var(--ti-tabs-button-card-title-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:3px;background:var(--ti-tabs-header-top-bar-active-bg-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-prev{line-height:var(--ti-tabs-small-height);font-size:var(--ti-tabs-prev-next-btn-icon-size)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left;padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--top .tiny-tabs__item-separator{width:1px;height:12px;display:inline-block;position:relative;left:14px;top:2px;background-color:#dfdfdf}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:14px;padding-right:14px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2){margin-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)){margin-left:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
|
package/tabs/smb-theme.js
CHANGED
|
@@ -10,6 +10,6 @@ export const tinyTabsSmbTheme = {
|
|
|
10
10
|
'ti-tabs-more-icon-height': 'calc(var(--ti-common-space-base) * 13)',
|
|
11
11
|
'ti-tabs-more-left-box-height': 'calc(var(--ti-common-size-base) * 13)',
|
|
12
12
|
'ti-tabs-dropdown-more-margin-top': 'var(--ti-common-space-base)',
|
|
13
|
-
'ti-tabs-content-
|
|
14
|
-
'ti-tabs-content-
|
|
13
|
+
'ti-tabs-content-margin-vertical': 'var(--ti-common-space-3x)',
|
|
14
|
+
'ti-tabs-content-margin-horizontal': 'var(--ti-common-space-0)'
|
|
15
15
|
}
|
package/tall-storage/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light, #fff);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tall-storage-item-height:var(--ti-common-size-height-normal, 28px);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background, #f2f5fc);position:relative
|
|
1
|
+
.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light, #fff);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-tall-storage-item-height:var(--ti-common-size-height-normal, 28px);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background, #f2f5fc);position:relative}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none;overflow-y:auto;max-height:calc(var(--ti-tall-storage-item-height) * 5)}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}
|
|
@@ -424,7 +424,138 @@ export const tinyBaseAuroraTheme = {
|
|
|
424
424
|
'ti-common-size-height-medium': 'var(--ti-common-size-10x)', // NewCssVar
|
|
425
425
|
'ti-common-size-height-small': 'var(--ti-common-size-8x)', // NewCssVar
|
|
426
426
|
'ti-common-size-height-normal': '30px', // NewCssVar 基本高度值(Button、Input)
|
|
427
|
-
'ti-common-size-height-mini': 'var(--ti-common-size-6x)' // NewCssVar
|
|
427
|
+
'ti-common-size-height-mini': 'var(--ti-common-size-6x)', // NewCssVar
|
|
428
|
+
|
|
429
|
+
// 以下皆为新增变量
|
|
430
|
+
// 新增saurora缺少的basic-var.less变量
|
|
431
|
+
'ti-common-color-primary-hover': 'var(--ti-base-color-brand-5)',
|
|
432
|
+
'ti-common-color-primary-normal': 'var(--ti-base-color-brand-6)',
|
|
433
|
+
|
|
434
|
+
// aurora适配过程中产生的新变量如下
|
|
435
|
+
// 文本色
|
|
436
|
+
'ti-base-text-color-1': '#333d48',
|
|
437
|
+
'ti-base-text-color-2': '#161e26',
|
|
438
|
+
'ti-base-text-color-3': '#c4c4c4',
|
|
439
|
+
'ti-base-text-color-4': '#3eaf7c',
|
|
440
|
+
'ti-base-text-color-5': '#1F2D3D',
|
|
441
|
+
'ti-base-text-color-6': '#c0c4cc',
|
|
442
|
+
|
|
443
|
+
// 图标色
|
|
444
|
+
'ti-base-icon-color-1': '#939599',
|
|
445
|
+
'ti-base-icon-color-2': '#78828d',
|
|
446
|
+
|
|
447
|
+
// 文本或图标色带透明度
|
|
448
|
+
'ti-base-text-color-transparent-10': 'rgba(22, 30, 38, 0.1)',
|
|
449
|
+
'ti-base-text-color-transparent-30': 'rgba(22, 30, 38, 0.3)',
|
|
450
|
+
'ti-base-icon-color-transparent-75': 'rgba(0, 0, 0, 0.75)',
|
|
451
|
+
|
|
452
|
+
// 边框色
|
|
453
|
+
'ti-base-border-color-1': '#e4e7ed',
|
|
454
|
+
'ti-base-border-color-2': '#69c0ff',
|
|
455
|
+
'ti-base-border-color-3': '#b3d8ff',
|
|
456
|
+
'ti-base-border-color-4': '#c2e7b0',
|
|
457
|
+
'ti-base-border-color-5': '#fbc4c4',
|
|
458
|
+
'ti-base-border-color-6': '#f5dab1',
|
|
459
|
+
|
|
460
|
+
// 边框色带透明度
|
|
461
|
+
'ti-base-border-color-transparent-15': 'rgba(24,144,255,.15)',
|
|
462
|
+
'ti-base-border-color-transparent-30': 'rgba(57, 57, 57, 0.3)',
|
|
463
|
+
'ti-base-border-color-warn-transparent-6': 'rgba(250,173,20,.06)',
|
|
464
|
+
'ti-base-border-color-warn-transparent-15': 'rgba(250,173,20,.15)',
|
|
465
|
+
'ti-base-border-color-success-transparent-15': 'rgba(82,196,26,.15)',
|
|
466
|
+
'ti-base-border-color-danger-transparent-15': 'rgba(245,34,45,.15)',
|
|
467
|
+
|
|
468
|
+
// 背景色
|
|
469
|
+
'ti-base-bg-color-1': '#303133',
|
|
470
|
+
'ti-base-bg-color-2': '#0067d1', // 常用于聚焦背景色
|
|
471
|
+
'ti-base-bg-color-3': '#005bba',
|
|
472
|
+
'ti-base-bg-color-4': '#67c23a',
|
|
473
|
+
'ti-base-bg-color-5': '#e6a23c',
|
|
474
|
+
'ti-base-bg-color-6': '#f1f1f1',
|
|
475
|
+
'ti-base-bg-color-7': '#d8d8d8',
|
|
476
|
+
'ti-base-bg-color-8': '#0072e8', // 用于鼠标悬浮
|
|
477
|
+
'ti-base-bg-color-9': '#fa8c16', // 警告背景色
|
|
478
|
+
'ti-base-bg-color-10': '#dbdbdb',
|
|
479
|
+
|
|
480
|
+
// 背景色带透明度
|
|
481
|
+
'ti-base-bg-color-transparent-5': 'rgba(22, 30, 38, 0.05)',
|
|
482
|
+
'ti-base-bg-color-transparent-6': 'rgba(24,144,255,.06)',
|
|
483
|
+
'ti-base-bg-color-transparent-20': 'rgba(22, 30, 38, 0.2)',
|
|
484
|
+
'ti-base-bg-color-transparent-30': 'rgba(0, 103, 209, 0.3)',
|
|
485
|
+
'ti-base-bg-color-warn-transparent-6': 'rgba(24,144,255,.06)',
|
|
486
|
+
'ti-base-bg-color-danger-transparent-6': 'rgba(245,34,45,.06)',
|
|
487
|
+
'ti-base-bg-color-success-transparent-6': 'rgba(82,196,26,.06)',
|
|
488
|
+
|
|
489
|
+
// 阴影
|
|
490
|
+
'ti-base-box-shadow': '0 0 4px 0 #d9d9d9',
|
|
491
|
+
|
|
492
|
+
// 新属性
|
|
493
|
+
'ti-base-text-decoration-underline': 'underline',
|
|
494
|
+
'ti-base-rotate-0': 'rotate(0)',
|
|
495
|
+
'ti-base-rotate-90': 'rotate(90deg)',
|
|
496
|
+
'ti-base-percent-30': '30%',
|
|
497
|
+
'ti-base-percent-60': '60%',
|
|
498
|
+
'ti-base-text-align': 'center',
|
|
499
|
+
'ti-base-opacity-8': '0.8',
|
|
500
|
+
|
|
501
|
+
'ti-common-text-color-normal': 'var(--ti-base-text-color-1)', // 默认文本色2
|
|
502
|
+
'ti-common-text-color-secondary': 'var(--ti-base-text-color-2)', // 次要文本色
|
|
503
|
+
'ti-common-text-color-3': 'var(--ti-base-text-color-3)', // 次要文本色
|
|
504
|
+
'ti-common-text-color-4': 'var(--ti-base-text-color-4)',
|
|
505
|
+
'ti-common-text-color-5': 'var(--ti-base-text-color-5)',
|
|
506
|
+
'ti-common-text-color-6': 'var(--ti-base-text-color-6)',
|
|
507
|
+
'ti-common-text-color-transparent-10': 'var(--ti-base-text-color-transparent-10)',
|
|
508
|
+
'ti-common-text-color-transparent-30': 'var(--ti-base-text-color-transparent-30)',
|
|
509
|
+
|
|
510
|
+
'ti-common-icon-color-1': 'var(--ti-base-icon-color-1)',
|
|
511
|
+
'ti-common-icon-color-2': 'var(--ti-base-icon-color-2)',
|
|
512
|
+
'ti-common-icon-color-transparent-75': 'var(--ti-base-icon-color-transparent-75)', // 图标色
|
|
513
|
+
|
|
514
|
+
'ti-common-border-color-normal': 'var(--ti-base-border-color-1)',
|
|
515
|
+
'ti-common-border-color-info': 'var(--ti-base-border-color-2)', // 提示边框色
|
|
516
|
+
'ti-common-border-color-plain': 'var(--ti-base-border-color-3)',
|
|
517
|
+
'ti-common-border-color-success': 'var(--ti-base-border-color-4)',
|
|
518
|
+
'ti-common-border-color-danger': 'var(--ti-base-border-color-5)',
|
|
519
|
+
'ti-common-border-color-warn': 'var(--ti-base-border-color-6)',
|
|
520
|
+
'ti-common-border-color-transparent-15': 'var(--ti-base-border-color-transparent-15)',
|
|
521
|
+
'ti-common-border-color-transparent-30': 'var(--ti-base-border-color-transparent-30)',
|
|
522
|
+
'ti-common-border-color-warn-transparent-6': 'var(--ti-base-border-color-warn-transparent-6)',
|
|
523
|
+
'ti-common-border-color-warn-transparent-15': 'var(--ti-base-border-color-warn-transparent-15)',
|
|
524
|
+
'ti-common-border-color-success-transparent-15': 'var(--ti-base-border-color-success-transparent-15)',
|
|
525
|
+
'ti-common-border-color-danger-transparent-15': 'var(--ti-base-border-color-danger-transparent-15)',
|
|
526
|
+
|
|
527
|
+
'ti-common-bg-color-transparent-5': 'var(--ti-base-bg-color-transparent-5)', // 次要禁用背景色
|
|
528
|
+
'ti-common-bg-color-transparent-6': 'var(--ti-base-bg-color-transparent-6)', // 次要禁用背景色
|
|
529
|
+
'ti-common-bg-color-transparent-20': 'var(--ti-base-bg-color-transparent-20)',
|
|
530
|
+
'ti-common-bg-color-transparent-30': 'var(--ti-base-bg-color-transparent-30)', // 禁用背景色
|
|
531
|
+
'ti-common-bg-color-warn-transparent-6': 'var(--ti-base-bg-color-warn-transparent-6)',
|
|
532
|
+
'ti-common-bg-color-danger-transparent-6': 'var(--ti-base-bg-color-danger-transparent-6)',
|
|
533
|
+
'ti-common-bg-color-success-transparent-6': 'var(--ti-base-bg-color-success-transparent-6)',
|
|
534
|
+
'ti-common-bg-color-normal': 'var(--ti-base-bg-color-1)', // 弹框背景色
|
|
535
|
+
'ti-common-bg-color-focus': 'var(--ti-base-bg-color-2)', // 聚焦背景色
|
|
536
|
+
'ti-common-bg-color-active': 'var(--ti-base-bg-color-3)', // hover或点击背景色
|
|
537
|
+
'ti-common-bg-color-success': 'var(--ti-base-bg-color-4)', // 成功背景色
|
|
538
|
+
'ti-common-bg-color-warn': 'var(--ti-base-bg-color-5)', // 警告背景色
|
|
539
|
+
'ti-common-bg-color-header-1': 'var(--ti-base-bg-color-6)',
|
|
540
|
+
'ti-common-bg-color-header-2': 'var(--ti-base-bg-color-7)',
|
|
541
|
+
'ti-common-bg-color-hover': 'var(--ti-base-bg-color-8)',
|
|
542
|
+
'ti-common-bg-color-warn-1': 'var(--ti-base-bg-color-9)',
|
|
543
|
+
'ti-common-bg-color-10': 'var(--ti-base-bg-color-10)',
|
|
544
|
+
|
|
545
|
+
'ti-common-box-shadow': 'var(--ti-base-box-shadow)',
|
|
546
|
+
|
|
547
|
+
// 新属性变量
|
|
548
|
+
'ti-common-text-decoration-underline': 'var(--ti-base-text-decoration-underline)',
|
|
549
|
+
|
|
550
|
+
'ti-common-rotate-0': 'var(--ti-base-rotate-0)',
|
|
551
|
+
'ti-common-rotate-90': 'var(--ti-base-rotate-90)',
|
|
552
|
+
|
|
553
|
+
'ti-common-percent-30': 'var(--ti-base-percent-30)',
|
|
554
|
+
'ti-common-percent-60': 'var(--ti-base-percent-60)',
|
|
555
|
+
'ti-common-opacity-8': 'var(--ti-base-opacity-8)', // 透明度
|
|
556
|
+
|
|
557
|
+
// 文本居中
|
|
558
|
+
'ti-common-text-align': 'var(--ti-base-text-align)'
|
|
428
559
|
}
|
|
429
560
|
|
|
430
|
-
export * from './component'
|
|
561
|
+
export * from './component.js'
|
package/theme/index.js
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { impressionTheme } from './impression-theme'
|
|
14
|
-
import {
|
|
14
|
+
import { tinyBaseInfinityTheme, infinityConcat } from './infinity-theme'
|
|
15
15
|
import { deepTheme } from './deep-theme'
|
|
16
16
|
import { galaxyTheme } from './galaxy-theme'
|
|
17
17
|
import { tinyBaseAuroraTheme, concatTheme as auroraConcat } from './aurora-theme'
|
|
@@ -28,7 +28,7 @@ export const tinyInfinityTheme = {
|
|
|
28
28
|
id: 'tiny-infinity-theme',
|
|
29
29
|
name: 'Infinity',
|
|
30
30
|
cnName: '无限',
|
|
31
|
-
data:
|
|
31
|
+
data: { ...tinyBaseInfinityTheme, ...infinityConcat }
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
export const tinyDeepTheme = {
|