@opentiny/vue-theme 3.8.5 → 3.9.0
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/README.md +1 -11
- package/action-menu/aurora-theme.js +4 -0
- package/button-group/aurora-theme.js +13 -0
- package/button-group/index.css +1 -1
- package/button-group/smb-theme.js +32 -28
- package/cascader/index.css +1 -1
- package/cascader-node/aurora-theme.js +2 -2
- package/cascader-node/index.css +1 -1
- package/checkbox/index.css +1 -1
- package/checkbox-group/index.css +1 -1
- package/collapse-item/index.css +1 -1
- package/container/aurora-theme.js +10 -0
- package/container/index.css +1 -1
- package/container/index.js +1 -0
- package/date-table/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/drawer/index.css +1 -0
- package/dropdown/aurora-theme.js +5 -0
- package/dropdown-item/aurora-theme.js +4 -0
- package/dropdown-item/index.css +1 -1
- package/dropdown-menu/aurora-theme.js +9 -0
- package/dropdown-menu/index.css +1 -1
- package/fall-menu/aurora-theme.js +3 -0
- package/fall-menu/index.css +1 -1
- package/form-item/index.css +1 -1
- package/grid/index.css +1 -1
- package/guide/aurora-theme.js +40 -0
- package/guide/index.css +1 -1
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/layout/aurora-theme.js +14 -0
- package/layout/index.css +1 -0
- package/link/aurora-theme.js +5 -0
- package/link/index.css +1 -1
- package/lowcode.css +1 -1
- package/milestone/index.css +1 -1
- package/month-table/index.css +1 -1
- package/numeric/index.css +1 -1
- package/option/aurora-theme.js +4 -0
- package/option/index.css +1 -1
- package/package.json +8 -1
- package/pager/smb-theme.js +1 -0
- package/picker/index.css +1 -1
- package/popconfirm/index.css +1 -0
- package/popconfirm/smb-theme.js +7 -0
- package/popover/aurora-theme.js +3 -0
- package/search/aurora-theme.js +2 -1
- package/search/index.css +1 -1
- package/select/aurora-theme.js +4 -0
- package/select/index.css +1 -1
- package/select/smb-theme.js +0 -1
- package/select-dropdown/aurora-theme.js +6 -0
- package/split/aurora-theme.js +2 -1
- package/steps/index.css +1 -1
- package/svgs/arrow-bottom.svg +1 -1
- package/svgs/check.svg +7 -15
- package/svgs/checked-sur.svg +7 -16
- package/svgs/eyeopen.svg +1 -1
- package/svgs/halfselect.svg +7 -15
- package/svgs/radio.svg +9 -15
- package/svgs/radioselected.svg +9 -15
- package/tabs/index.css +1 -1
- package/text-popup/index.css +1 -1
- package/textarea/index.css +1 -1
- package/theme/aurora-theme/component.js +315 -30
- package/theme/aurora-theme/index.js +2 -2
- package/theme/index.d.ts +15 -0
- package/theme/infinity-theme/index.js +2 -2
- package/theme/smb-theme/component.js +600 -43
- package/theme-tool.d.ts +15 -0
- package/theme-tool.js +14 -15
- package/theme.config.js +2 -0
- package/tooltip/aurora-theme.js +7 -1
- package/year-table/index.css +1 -1
- package/pop-upload/index.js +0 -21
- package/popeditor/index.js +0 -21
package/svgs/radioselected.svg
CHANGED
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="
|
|
2
|
-
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
c2.8,0,5-2.2,5-5s-2.2-5-5-5s-5,2.2-5,5S9.2,17,12,17z"/>
|
|
11
|
-
</g>
|
|
12
|
-
</g>
|
|
13
|
-
</g>
|
|
14
|
-
</g>
|
|
15
|
-
</svg>
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
3
|
+
<g id="Radiobutton单选框/中尺寸/无文本/选中/正常" stroke="none" stroke-width="1">
|
|
4
|
+
<g id="radiobutton/on">
|
|
5
|
+
<path d="M3.05025253,12.9497475 C0.316582489,10.2160774 0.316582489,5.78392257 3.05025253,3.05025253 C5.78392257,0.316582489 10.2160774,0.316582489 12.9497475,3.05025253 C15.6834175,5.78392257 15.6834175,10.2160774 12.9497475,12.9497475 C10.2160774,15.6834175 5.78392257,15.6834175 3.05025253,12.9497475 Z" id="Shape"></path>
|
|
6
|
+
<circle id="Oval" fill="#FFFFFF" cx="8" cy="8" r="3"></circle>
|
|
7
|
+
</g>
|
|
8
|
+
</g>
|
|
9
|
+
</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);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--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);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--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) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--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);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--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-3);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-4)}.tiny-tabs{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--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);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--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) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--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);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--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-3);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-4)}.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:2px;background-color:var(--ti-tabs-header-text-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::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 .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.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-common-font-size-base);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.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.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.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>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;padding:var(--ti-tabs-content-padding-vertical) var(--ti-tabs-content-padding-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{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-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--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}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{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--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.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}}
|
|
1
|
+
.tiny-tabs__more-dropdown{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--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);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--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) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--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);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--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);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7)}.tiny-tabs{--ti-tabs-header-font-active-border-color:var(--ti-common-color-line-active);--ti-tabs-header-font-weight-active:var(--ti-common-font-weight-5);--ti-tabs-header-font-active-text-color:var(--ti-common-color-primary-normal);--ti-tabs-header-text-color:var(--ti-common-color-primary-normal);--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-new-height:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-width:calc(var(--ti-common-space-base) * 4.5);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-more-hover-text-color:var(--ti-common-color-primary-hover);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-new-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-info-normal);--ti-tabs-content-font-size:var(--ti-common-font-size-2);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-header-font-normal-text-color:var(--ti-common-color-text-primary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-header-top-bar-active-bg-color:var(--ti-common-color-line-active);--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-bottom-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-bottom-border-color:var(--ti-common-color-light);--ti-tabs-item-top-right-border-weight:var(--ti-common-border-weight-normal);--ti-tabs-item-card-active-bg-color:var(--ti-common-color-bg-white-normal);--ti-tabs-item-card-border-radius:var(--ti-common-border-radius-0);--ti-tabs-item-card-border-color:var(--ti-common-color-transparent);--ti-tabs-item-card-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tabs-dark-text-color-active:var(--ti-common-color-text-primary);--ti-tabs-dark-bg-color-active:var(--ti-common-color-bg-normal);--ti-tabs-dark-text-color-hover:var(--ti-common-color-text-white);--ti-tabs-dark-bg-color-hover:var(--ti-common-color-bg-dark-emphasize);--ti-tabs-dark-text-color:var(--ti-common-color-text-darkbg);--ti-tabs-dark-margin-top:calc(var(--ti-common-space-base) + 1px);--ti-tabs-dark-first-margin-left:var(--ti-common-space-5x);--ti-tabs-dark-border-weight:var(--ti-common-size-0);--ti-tabs-header-dark-bg-color:var(--ti-common-color-bg-dark-normal);--ti-tabs-dark-item-height:calc(var(--ti-common-space-base) * 9.25);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-active-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-bottom-border-style:var(--ti-common-border-style-solid);--ti-tabs-item-font-size:var(--ti-common-font-size-1);--ti-tabs-header-bg-color:var(--ti-common-color-bg-disabled);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:var(--ti-common-border-weight-2);--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);--ti-tabs-icon-close-default-bg-color:var(--ti-common-color-transparent);--ti-tabs-icon-close-default-text-color:var(--ti-common-color-text-primary);--ti-tabs-icon-close-hover-text-color:var(--ti-common-color-icon-active);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:var(--ti-common-space-0);--ti-tabs-icon-close-margin-right:var(--ti-common-space-0);--ti-tabs-icon-close-margin-left:5px;--ti-tabs-dropdown-more-margin-top:var(--ti-common-space-3x);--ti-tabs-dropdown-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-more-item-hover-font-weight:var(--ti-common-font-weight-5);--ti-tabs-more-icon-padding-horizontal:8.5px;--ti-tabs-more-icon-height:calc(var(--ti-common-size-base) * 10.25);--ti-tabs-more-left-box-height:var(--ti-common-size-10x);--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) * 3.75);--ti-tabs-content-padding-horizontal:var(--ti-common-space-6x);--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);--ti-tabs-button-card-item-height:var(--ti-common-size-8x);--ti-tabs-button-card-item-active-bg-color:var(--ti-common-color-bg-white-normal);--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);--ti-tabs-button-card-title-padding-horizontal:var(--ti-common-space-6x);--ti-tabs-button-card-font-weight:var(--ti-common-font-weight-7)}.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:2px;background-color:var(--ti-tabs-header-text-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::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 .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.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-common-font-size-base);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.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.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.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>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;padding:var(--ti-tabs-content-padding-vertical) var(--ti-tabs-content-padding-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{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-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--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}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{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--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.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/text-popup/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-height:var(--ti-common-size-7x);--ti-text-popup-font-size:var(--ti-common-font-size-base);--ti-text-popup-font-family:var(--ti-common-font-family);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-common-color-line-hover);--ti-text-popup-focus-border-color:var(--ti-common-color-line-active);--ti-text-popup-padding-vertical:calc(var(--ti-common-space-2x) - 2px);--ti-text-popup-padding-horizontal:calc(var(--ti-common-space-2x) + 2px);display:inline-block}.tiny-text-popup .area{font-size:var(--ti-text-popup-font-size);font-family:var(--ti-text-popup-font-family);padding:var(--ti-text-popup-padding-vertical) var(--ti-text-popup-padding-horizontal);width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1;height:var(--ti-text-popup-height)}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-focus-border-color)}
|
|
1
|
+
.tiny-text-popup{--ti-text-popup-border-radius:var(--ti-common-border-radius-normal);--ti-text-popup-height:var(--ti-common-size-7x);--ti-text-popup-font-size:var(--ti-common-font-size-base);--ti-text-popup-font-family:var(--ti-common-font-family);--ti-text-popup-border-color:var(--ti-common-color-border);--ti-text-popup-box-shadow:0 0 1px 1px rgba(175, 175, 175, 0.3);--ti-text-popup-hover-border-color:var(--ti-common-color-line-hover);--ti-text-popup-focus-border-color:var(--ti-common-color-line-active);--ti-text-popup-padding-vertical:calc(var(--ti-common-space-2x) - 2px);--ti-text-popup-padding-horizontal:calc(var(--ti-common-space-2x) + 2px);display:inline-block}.tiny-text-popup.show-auto-width{width:100%}.tiny-text-popup .area{font-size:var(--ti-text-popup-font-size);font-family:var(--ti-text-popup-font-family);padding:var(--ti-text-popup-padding-vertical) var(--ti-text-popup-padding-horizontal);width:100%;border-radius:var(--ti-text-popup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-text-popup .text{border:1px solid var(--ti-text-popup-border-color);line-height:1;height:var(--ti-text-popup-height)}.tiny-text-popup .text:hover{border-color:var(--ti-text-popup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--ti-text-popup-box-shadow);box-shadow:var(--ti-text-popup-box-shadow);border:1px solid var(--ti-text-popup-focus-border-color)}
|
package/textarea/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-textarea{--ti-textarea-text-color:var(--ti-common-color-text-primary);--ti-textarea-bg-color:var(--ti-common-color-icon-white);--ti-textarea-font-size:var(--ti-common-font-size-base);--ti-textarea-count-font-size:var(--ti-common-font-size-base);--ti-textarea-height:var(--ti-common-size-height-normal);--ti-textarea-border-radius:var(--ti-common-border-radius-normal);--ti-textarea-border-color:var(--ti-common-color-border);--ti-textarea-inner-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-inner-active-border-color:var(--ti-common-color-line-active);--ti-textarea-placeholder-text-color:var(--ti-common-color-placeholder);--ti-textarea-disabled-text-color:var(--ti-common-color-text-disabled);--ti-textarea-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-textarea-exceed-text-color:var(--ti-common-bg-primary);--ti-textarea-count-color:var(--ti-common-color-text-weaken);--ti-textarea-padding-vertical:var(--ti-common-space-2x);--ti-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-textarea-padding-right:var(--ti-common-space-2x);--ti-textarea-padding-bottom:var(--ti-common-space-2x);--ti-textarea-count-bottom:5px;--ti-textarea-count-right:16px;--ti-textarea-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-active-border-color:var(--ti-common-color-line-active);--ti-textarea-count-width:auto;--ti-textarea-inner-width:100%;--ti-textarea-count-border-radius:0;--ti-textarea-count-text-length-color:var(--ti-common-color-text-weaken);--ti-textarea-count-padding-right:var(--ti-common-space-0);--ti-textarea-font-family:var(--ti-common-font-family);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-textarea-font-size);border:1px solid var(--ti-textarea-border-color);border-radius:var(--ti-textarea-border-radius)}.tiny-textarea:hover{border-color:var(--ti-textarea-hover-border-color)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-textarea-disabled-bg-color);border-color:var(--ti-textarea-border-color);color:var(--ti-textarea-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled{background-color:var(--ti-textarea-disabled-bg-color)}.tiny-textarea.is-disabled:hover{border-color:var(--ti-textarea-border-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count-text-length{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea .tiny-input__count{color:var(--ti-textarea-count-color);background:var(--ti-textarea-bg-color);font-size:var(--ti-textarea-count-font-size);text-align:right;position:absolute;bottom:var(--ti-textarea-count-bottom);right:var(--ti-textarea-count-right);width:var(--ti-textarea-count-width);border-bottom-left-radius:var(--ti-textarea-count-border-radius);padding-right:var(--ti-textarea-count-padding-right)}.tiny-textarea .tiny-input__count-text-length{color:var(--ti-textarea-count-text-length-color)}.tiny-textarea__inner{display:block;width:var(--ti-textarea-inner-width);min-height:60px;min-height:calc(var(--ti-textarea-height,30px) * 2);color:var(--ti-textarea-text-color);border:none;border-radius:var(--ti-textarea-border-radius);background:var(--ti-textarea-bg-color);padding:var(--ti-textarea-padding-vertical) var(--ti-textarea-padding-horizontal);padding-right:var(--ti-textarea-padding-right);padding-bottom:var(--ti-textarea-padding-bottom);line-height:1.5;font-size:var(--ti-textarea-font-size);font-family:var(--ti-textarea-font-family);resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-textarea-inner-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-textarea-inner-active-border-color)}.tiny-textarea:has(.tiny-textarea__inner:focus){border-color:var(--ti-textarea-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}
|
|
1
|
+
.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-textarea{--ti-textarea-text-color:var(--ti-common-color-text-primary);--ti-textarea-bg-color:var(--ti-common-color-icon-white);--ti-textarea-font-size:var(--ti-common-font-size-base);--ti-textarea-count-font-size:var(--ti-common-font-size-base);--ti-textarea-height:var(--ti-common-size-height-normal);--ti-textarea-border-radius:var(--ti-common-border-radius-normal);--ti-textarea-border-color:var(--ti-common-color-border);--ti-textarea-inner-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-inner-active-border-color:var(--ti-common-color-line-active);--ti-textarea-placeholder-text-color:var(--ti-common-color-placeholder);--ti-textarea-disabled-text-color:var(--ti-common-color-text-disabled);--ti-textarea-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-textarea-exceed-text-color:var(--ti-common-bg-primary);--ti-textarea-count-color:var(--ti-common-color-text-weaken);--ti-textarea-padding-vertical:var(--ti-common-space-2x);--ti-textarea-padding-horizontal:var(--ti-common-space-2x);--ti-textarea-padding-right:var(--ti-common-space-2x);--ti-textarea-padding-bottom:var(--ti-common-space-2x);--ti-textarea-count-bottom:5px;--ti-textarea-count-right:16px;--ti-textarea-hover-border-color:var(--ti-common-color-border-hover);--ti-textarea-active-border-color:var(--ti-common-color-line-active);--ti-textarea-count-width:auto;--ti-textarea-inner-width:100%;--ti-textarea-count-border-radius:0;--ti-textarea-count-text-length-color:var(--ti-common-color-text-weaken);--ti-textarea-count-padding-right:var(--ti-common-space-0);--ti-textarea-font-family:var(--ti-common-font-family);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--ti-textarea-font-size);border:1px solid var(--ti-textarea-border-color);border-radius:var(--ti-textarea-border-radius)}.tiny-textarea:hover{border-color:var(--ti-textarea-hover-border-color)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--ti-textarea-disabled-bg-color);border-color:var(--ti-textarea-border-color);color:var(--ti-textarea-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea.is-disabled{background-color:var(--ti-textarea-disabled-bg-color)}.tiny-textarea.is-disabled:hover{border-color:var(--ti-textarea-border-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count-text-length{color:var(--ti-textarea-exceed-text-color)}.tiny-textarea .tiny-input__count{color:var(--ti-textarea-count-color);background:var(--ti-textarea-bg-color);font-size:var(--ti-textarea-count-font-size);text-align:right;position:absolute;bottom:var(--ti-textarea-count-bottom);right:var(--ti-textarea-count-right);width:var(--ti-textarea-count-width);border-bottom-left-radius:var(--ti-textarea-count-border-radius);padding-right:var(--ti-textarea-count-padding-right)}.tiny-textarea .tiny-input__count-text-length{color:var(--ti-textarea-count-text-length-color)}.tiny-textarea__inner{display:block;width:var(--ti-textarea-inner-width);min-height:60px;min-height:calc(var(--ti-textarea-height,30px) * 2);color:var(--ti-textarea-text-color);border:none;border-radius:var(--ti-textarea-border-radius);background:var(--ti-textarea-bg-color);padding:var(--ti-textarea-padding-vertical) var(--ti-textarea-padding-horizontal);padding-right:var(--ti-textarea-padding-right);padding-bottom:var(--ti-textarea-padding-bottom);line-height:1.5;font-size:var(--ti-textarea-font-size);font-family:var(--ti-textarea-font-family);resize:vertical;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.tiny-textarea__inner::-moz-placeholder{color:var(--ti-textarea-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--ti-textarea-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--ti-textarea-inner-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--ti-textarea-inner-active-border-color)}.tiny-textarea:has(.tiny-textarea__inner:focus){border-color:var(--ti-textarea-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}.tiny-textarea.is-display-only .tiny-textarea-display-only{@apply relative;}.tiny-textarea.is-display-only .tiny-textarea-display-only__content{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:100%;-webkit-line-clamp:5;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.tiny-textarea.is-display-only .tiny-textarea__inner{visibility:hidden}
|