@opentiny/vue-theme 3.21.2 → 3.22.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/action-menu/index.css +1 -1
- package/alert/index.css +1 -1
- package/amount/index.css +1 -1
- package/anchor/index.css +1 -1
- package/aurora-theme-index.css +1 -1
- package/aurora-theme-index.js +1 -1
- package/autocomplete/index.css +1 -1
- package/badge/index.css +1 -1
- package/base/index.css +1 -1
- package/base-select/index.css +1 -1
- package/breadcrumb/index.css +1 -1
- package/bulletin-board/index.css +1 -1
- package/button/index.css +1 -1
- package/button-group/index.css +1 -1
- package/calendar/index.css +1 -1
- package/calendar-view/index.css +1 -1
- package/card/index.css +1 -1
- package/card-template/index.css +1 -1
- package/carousel/index.css +1 -1
- package/carousel-item/index.css +1 -1
- package/cascader/index.css +1 -1
- package/cascader-menu/index.css +1 -1
- package/cascader-node/index.css +1 -1
- package/chart-core/index.css +1 -1
- package/checkbox/index.css +1 -1
- package/checkbox-button/index.css +1 -1
- package/collapse/index.css +1 -1
- package/collapse-item/index.css +1 -1
- package/color-picker/index.css +1 -1
- package/color-select-panel/index.css +1 -1
- package/crop/index.css +1 -1
- package/dark-theme-index.css +1 -0
- package/dark-theme-index.js +7 -0
- package/date-panel/index.css +1 -1
- package/date-table/index.css +1 -1
- package/dept/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/dialog-select/index.css +1 -1
- package/divider/index.css +1 -1
- package/drawer/index.css +1 -1
- package/drop-times/index.css +1 -1
- package/dropdown/index.css +1 -1
- package/dropdown-item/index.css +1 -1
- package/dropdown-menu/index.css +1 -1
- package/espace/index.css +1 -1
- package/fall-menu/index.css +1 -1
- package/file-upload/index.css +1 -1
- package/filter-box/index.css +1 -1
- package/filter-panel/index.css +1 -1
- package/floatbar/index.css +1 -1
- package/fluent-editor/index.css +1 -1
- package/form/index.css +1 -1
- package/form-item/index.css +1 -1
- package/grid/index.css +1 -1
- package/guide/index.css +1 -1
- package/hrapprover/index.css +1 -1
- package/image/index.css +1 -1
- package/image-viewer/index.css +1 -1
- package/images/grid-dark-no-data.svg +20 -0
- package/images/grid-light-no-data.svg +20 -0
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/ip-address/index.css +1 -1
- package/link/index.css +1 -1
- package/link-menu/index.css +1 -1
- package/loading/index.css +1 -1
- package/milestone/index.css +1 -1
- package/modal/index.css +1 -1
- package/month-table/index.css +1 -1
- package/nav-menu/index.css +1 -1
- package/notify/index.css +1 -1
- package/numeric/index.css +1 -1
- package/old-theme-index.css +1 -1
- package/old-theme-index.js +1 -1
- package/option/index.css +1 -1
- package/package.json +1 -1
- package/pager/index.css +1 -1
- package/picker/index.css +1 -1
- package/pop-upload/index.css +1 -1
- package/popconfirm/index.css +1 -1
- package/popeditor/index.css +1 -1
- package/popover/index.css +1 -1
- package/popup/index.css +1 -0
- package/progress/index.css +1 -1
- package/qr-code/index.css +1 -1
- package/quarter-panel/index.css +1 -1
- package/query-builder/index.css +1 -1
- package/radio/index.css +1 -1
- package/radio-button/index.css +1 -1
- package/rate/index.css +1 -1
- package/rich-text-editor/index.css +1 -1
- package/roles/index.css +1 -1
- package/scroll-text/index.css +1 -1
- package/scrollbar/index.css +1 -1
- package/search/index.css +1 -1
- package/select/index.css +1 -1
- package/select-dropdown/index.css +1 -1
- package/skeleton-item/index.css +1 -1
- package/slider/index.css +1 -1
- package/split/index.css +1 -1
- package/statistic/index.css +1 -1
- package/steps/index.css +1 -1
- package/svgs/check.svg +7 -6
- package/svgs/checked-sur.svg +7 -6
- package/svgs/ellipsis.svg +3 -3
- package/svgs/error.svg +20 -15
- package/svgs/grid-no-data.svg +20 -0
- package/svgs/halfselect.svg +9 -6
- package/svgs/help.svg +20 -15
- package/svgs/lightning-line.svg +15 -0
- package/svgs/lightning.svg +15 -0
- package/svgs/loading-shadow.svg +11 -10
- package/svgs/success.svg +20 -14
- package/svgs/warning-triangle.svg +20 -14
- package/svgs/warning.svg +20 -14
- package/switch/index.css +1 -1
- package/table/index.css +1 -1
- package/tabs/index.css +1 -1
- package/tag/index.css +1 -1
- package/tag-group/index.css +1 -1
- package/tall-storage/index.css +1 -1
- package/text-popup/index.css +1 -1
- package/textarea/index.css +1 -1
- package/theme-tool.d.ts +2 -1
- package/theme-tool.js +3 -2
- package/time-panel/index.css +1 -1
- package/time-select/index.css +1 -1
- package/time-spinner/index.css +1 -1
- package/toggle-menu/index.css +1 -1
- package/tooltip/index.css +1 -1
- package/top-box/index.css +1 -1
- package/transfer/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
- package/upload/index.css +1 -1
- package/upload-dragger/index.css +1 -1
- package/upload-list/index.css +1 -1
- package/user/index.css +1 -1
- package/user-card/index.css +1 -1
- package/user-contact/index.css +1 -1
- package/user-head/index.css +1 -1
- package/user-link/index.css +1 -1
- package/wizard/index.css +1 -1
- package/year-table/index.css +1 -1
package/svgs/warning.svg
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="
|
|
2
|
-
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
|
|
3
|
+
<defs>
|
|
4
|
+
<style>
|
|
5
|
+
.cls-1 {
|
|
6
|
+
fill: var(--tv-color-warn-icon);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.cls-1, .cls-2 {
|
|
10
|
+
fill-rule: evenodd;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.cls-2 {
|
|
14
|
+
fill: #fff;
|
|
15
|
+
}
|
|
16
|
+
</style>
|
|
17
|
+
</defs>
|
|
18
|
+
<path id="_三角形" data-name="三角形" class="cls-1" d="m8.84,1.5l6.04,11.13c.25.45.07,1.02-.39,1.26-.14.08-.29.12-.45.12H1.95c-.53,0-.95-.42-.95-.94,0-.16.03-.31.11-.44L7.15,1.5c.25-.46.83-.63,1.29-.38.17.08.31.22.4.38Z"/>
|
|
19
|
+
<path id="_形状结合" data-name="形状结合" class="cls-2" d="m8,12.01c-.42,0-.75-.34-.75-.75s.33-.75.75-.75.75.33.75.75-.34.75-.75.75Zm0-7c.28,0,.5.22.5.5v3.5c0,.28-.22.5-.5.5s-.5-.22-.5-.5v-3.5c0-.28.22-.5.5-.5Z"/>
|
|
20
|
+
</svg>
|
package/switch/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-switch{--tv-Switch-on-bg-color:var(--tv-color-bg-active-control);--tv-Switch-off-bg-color:var(--tv-color-bg-control);--tv-Switch-disabled-bg-color:var(--tv-color-bg-disabled-control-unactive);--tv-Switch-checked-disabled-bg-color:var(--tv-color-bg-disabled-control-active);--tv-Switch-disabled-text-color:var(--tv-color-text-disabled);--tv-Switch-disabled-dot-bg-color:var(--tv-color-bg-secondary);--tv-Switch-dot-bg-color:var(--tv-color-bg-
|
|
1
|
+
.tiny-switch{--tv-Switch-on-bg-color:var(--tv-color-bg-active-control, #1476ff);--tv-Switch-off-bg-color:var(--tv-color-bg-control-unactive, #c2c2c2);--tv-Switch-disabled-bg-color:var(--tv-color-bg-disabled-control-unactive, #dbdbdb);--tv-Switch-checked-disabled-bg-color:var(--tv-color-bg-disabled-control-active, #AEAEAE);--tv-Switch-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Switch-disabled-dot-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Switch-dot-bg-color:var(--tv-color-bg-inverse, #ffffff);--tv-Switch-dot-size:16px;--tv-Switch-dot-position-left:2px;--tv-Switch-dot-position-top:2px;--tv-Switch-dot-offset:calc(var(--tv-Switch-dot-size) + 2px);--tv-Switch-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Switch-width:40px;--tv-Switch-height:20px;--tv-Switch-border-radius:15px;--tv-Switch-inner-font-size:var(--tv-font-size-sm, 12px);--tv-Switch-inner-border-radius:var(--tv-border-radius-round, 999px);--tv-Switch-text-width:46px;--tv-Switch-mini-height:16px;--tv-Switch-mini-width:32px;--tv-Switch-mini-button-height:12px;--tv-Switch-mini-button-width:12px;--tv-Switch-mini-button-left:18px;--tv-Switch-on-loading-font-size:var(--tv-font-size-sm, 12px);--tv-Switch-on-loading-fill:var(--tv-color-bg-disabled-control-active, #AEAEAE);--tv-Switch-off-loading-font-size:var(--tv-font-size-sm, 12px);--tv-Switch-off-loading-fill:var(--tv-color-bg-disabled-control-unactive, #dbdbdb);--tv-Switch-loading-mini-font-size:8px;display:inline-block;width:var(--tv-Switch-width);height:var(--tv-Switch-height);line-height:var(--tv-Switch-height);border-radius:var(--tv-Switch-border-radius);vertical-align:middle;background-color:var(--tv-Switch-off-bg-color);position:relative;cursor:pointer;outline:0;-webkit-transition:border .2s ease-in-out,background-color .2s ease-in-out;transition:border .2s ease-in-out,background-color .2s ease-in-out}.tiny-switch:focus-visible{outline:2px solid var(--tv-Switch-on-bg-color);outline-offset:1px}.tiny-switch .tiny-switch-inner{color:var(--tv-Switch-text-color);font-size:var(--tv-Switch-inner-font-size);position:absolute}.tiny-switch__text{width:var(--tv-Switch-text-width)}.tiny-switch__text .tiny-switch-inner{left:calc(var(--tv-Switch-dot-size));width:calc(100% - var(--tv-Switch-dot-size));text-align:center;overflow:hidden}.tiny-switch__on-loading{font-size:var(--tv-Switch-on-loading-font-size);fill:var(--tv-Switch-on-loading-fill)}.tiny-switch__off-loading{font-size:var(--tv-Switch-off-loading-font-size);fill:var(--tv-Switch-off-loading-fill)}.tiny-switch__loading-mini{font-size:var(--tv-Switch-loading-mini-font-size)}.tiny-switch.mini{width:var(--tv-Switch-mini-width);height:var(--tv-Switch-mini-height)}.tiny-switch.disabled,.tiny-switch.tiny-switch-checked.disabled{cursor:not-allowed;background:var(--tv-Switch-disabled-bg-color);border-color:var(--tv-Switch-disabled-bg-color)}.tiny-switch.disabled:after,.tiny-switch.tiny-switch-checked.disabled:after{cursor:not-allowed}.tiny-switch.tiny-switch-checked.disabled{background:var(--tv-Switch-checked-disabled-bg-color)}.tiny-switch__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;content:'';width:var(--tv-Switch-dot-size);height:var(--tv-Switch-dot-size);border-radius:50%;background-color:var(--tv-Switch-dot-bg-color);position:absolute;left:var(--tv-Switch-dot-position-left);top:var(--tv-Switch-dot-position-top);cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.tiny-switch.mini .tiny-switch__button{height:var(--tv-Switch-mini-button-height);width:var(--tv-Switch-mini-button-width)}.tiny-switch.tiny-switch-checked{background-color:var(--tv-Switch-on-bg-color)}.tiny-switch.tiny-switch-checked .tiny-switch-inner{left:2px;width:calc(100% - var(--tv-Switch-dot-size));text-align:center;overflow:hidden}.tiny-switch.tiny-switch-checked .tiny-switch__button{left:calc(100% - var(--tv-Switch-dot-offset))}.tiny-switch.tiny-switch-checked.tiny-switch.mini .tiny-switch__button{left:var(--tv-Switch-mini-button-left)}.disabled .tiny-switch__button{background-color:var(--tv-color-bg-inverse-disabled)}
|
package/table/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-table{--tv-Table-text-color:var(--tv-color-text);--tv-Table-bg-color:var(--tv-color-bg-secondary);--tv-Table-hover-bg-color:var(--tv-color-bg-hover);--tv-Table-disabled-text-color:var(--tv-color-text-disabled);--tv-Table-disabled-bg-color:var(--tv-color-bg-disabled);--tv-Table-nodata-text-color:var(--tv-color-text-weaken);--tv-Table-td-height:var(--tv-size-height-lg);--tv-Table-td-font-size:var(--tv-font-size-default);--tv-Table-border-color:var(--tv-color-border);--tv-Table-thead-bg-color:var(--tv-color-bg-header);--tv-Table-icon-font-size:var(--tv-font-size-lg);--tv-Table-check-icon-color:var(--tv-color-icon-control-active)}.tiny-table.simple table{table-layout:fixed}.tiny-table.simple table tr{display:table-row;vertical-align:inherit;border-color:inherit}.tiny-table.simple table tbody tr{color:var(--tv-Table-text-color);background:var(--tv-Table-bg-color)}.tiny-table.simple table tbody tr:hover{background:var(--tv-Table-hover-bg-color)}.tiny-table.simple table tbody tr.is-disabled{background:var(--tv-Table-disabled-bg-color);color:var(--tv-Table-disabled-text-color);cursor:not-allowed}.tiny-table.simple table tbody .noData:hover{background:0 0}.tiny-table.simple table tbody .noData td{height:160px;text-align:center;vertical-align:middle;color:var(--tv-Table-nodata-text-color);background-color:transparent}.tiny-table.simple table th{padding:2px 0 2px 8px;height:var(--tv-Table-td-height);vertical-align:middle;border-left:none}.tiny-table.simple table td{padding:2px 0 2px 8px;height:var(--tv-Table-td-height);vertical-align:middle;font-size:var(--tv-Table-td-font-size)}.tiny-table.simple table td .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple table thead{border-bottom:1px solid var(--tv-Table-border-color);text-align:left;background:var(--tv-Table-thead-bg-color);color:var(--tv-Table-text-color)}.tiny-table.simple table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--tv-Table-td-font-size);color:var(--tv-Table-text-color);line-height:1.7em}.tiny-table.simple table thead th .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple .tiny-table-header__line{float:right;border-left:1px solid var(--tv-Table-border-color);height:20px}.tiny-table.simple .tiny-table-cell .tiny-svg{font-size:var(--tv-Table-icon-font-size);fill:var(--tv-Table-border-color)}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check{fill:var(--tv-Table-check-icon-color)}
|
|
1
|
+
.tiny-table{--tv-Table-text-color:var(--tv-color-text, #191919);--tv-Table-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Table-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Table-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Table-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-Table-nodata-text-color:var(--tv-color-text-weaken, #808080);--tv-Table-td-height:var(--tv-size-height-lg, 40px);--tv-Table-td-font-size:var(--tv-font-size-default, 14px);--tv-Table-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-Table-thead-bg-color:var(--tv-color-bg-header, #f5f5f5);--tv-Table-icon-font-size:var(--tv-font-size-lg, 16px);--tv-Table-check-icon-color:var(--tv-color-icon-control-active, #1476ff);--tv-Table-half-check-icon-color:var(--tv-color-text-inverse, #ffffff);--tv-Table-check-icon-border-radius:var(--tv-border-radius-sm, 4px)}.tiny-table.simple table{table-layout:fixed}.tiny-table.simple table tr{display:table-row;vertical-align:inherit;border-color:inherit;border-bottom:1px solid var(--tv-Table-border-color)}.tiny-table.simple table tbody tr{color:var(--tv-Table-text-color);background:var(--tv-Table-bg-color)}.tiny-table.simple table tbody tr:hover{background:var(--tv-Table-hover-bg-color)}.tiny-table.simple table tbody tr.is-disabled{background:var(--tv-Table-disabled-bg-color);color:var(--tv-Table-disabled-text-color);cursor:not-allowed}.tiny-table.simple table tbody .noData:hover{background:0 0}.tiny-table.simple table tbody .noData td{height:160px;text-align:center;vertical-align:middle;color:var(--tv-Table-nodata-text-color);background-color:transparent}.tiny-table.simple table th{padding:2px 0 2px 8px;height:var(--tv-Table-td-height);vertical-align:middle;border-left:none}.tiny-table.simple table td{padding:2px 0 2px 8px;height:var(--tv-Table-td-height);vertical-align:middle;font-size:var(--tv-Table-td-font-size)}.tiny-table.simple table td .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple table thead{border-bottom:1px solid var(--tv-Table-border-color);text-align:left;background:var(--tv-Table-thead-bg-color);color:var(--tv-Table-text-color)}.tiny-table.simple table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--tv-Table-td-font-size);color:var(--tv-Table-text-color);line-height:1.7em}.tiny-table.simple table thead th .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple .tiny-table-header__line{float:right;border-left:1px solid var(--tv-Table-border-color);height:20px}.tiny-table.simple .tiny-table-cell .tiny-svg{font-size:var(--tv-Table-icon-font-size);border-radius:var(--tv-Table-check-icon-border-radius)}.tiny-table.simple .tiny-table-cell .tiny-svg path:last-child{fill:var(--tv-Table-border-color)}.tiny-table.simple .tiny-table-cell .tiny-svg path:first-child{fill:transparent}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check path:last-child{fill:var(--tv-Table-half-check-icon-color)}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check path:first-child{fill:var(--tv-Table-check-icon-color)}
|
package/tabs/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tabs__more-dropdown{--tv-Tabs-header-font-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-header-font-weight-active:var(--tv-font-weight-bold, 600);--tv-Tabs-header-font-active-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-header-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-Tabs-new-height:18px;--tv-Tabs-new-width:18px;--tv-Tabs-new-svg-text-color:var(--tv-color-text-weaken, #808080);--tv-Tabs-more-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-new-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-dropdown-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-height:var(--tv-size-height-xl, 48px);--tv-Tabs-header-font-normal-text-color:var(--tv-color-info-text-primary, #191919);--tv-Tabs-header-separator-normal-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-header-separator-height:var(--tv-font-size-lg, 16px);--tv-Tabs-header-separator-padding-horizontal:var(--tv-space-xl, 16px);--tv-Tabs-header-separator-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-header-separator-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-Tabs-header-top-bar-active-bg-color:var(--tv-color-bg-active-primary, #191919);--tv-Tabs-small-height:var(--tv-size-height-lg, 40px);--tv-Tabs-small-separator-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-font-size:var(--tv-font-size-sm, 12px);--tv-Tabs-small-item-margin-right:24px;--tv-Tabs-small-separator-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-small-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-item-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-item-top-right-border-weight:var(--tv-border-width, 1px);--tv-Tabs-item-card-active-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-item-card-border-color:transparent;--tv-Tabs-dark-border-radius:var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0;--tv-Tabs-dark-text-color-active:var(--tv-color-info-text-primary, #191919);--tv-Tabs-dark-bg-color-active:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Tabs-dark-text-color-hover:var(--tv-color-act-info-text-white-hover, #ffffff);--tv-Tabs-dark-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-dark-margin-top:5px;--tv-Tabs-dark-first-margin-left:20px;--tv-Tabs-dark-border-weight:0px;--tv-Tabs-header-dark-bg-color:var(--tv-color-bg-dark, #191919);--tv-Tabs-dark-item-height:47px;--tv-Tabs-prev-next-btn-icon-size:var(--tv-font-size-default, 14px);--tv-Tabs-item-margin-right:32px;--tv-Tabs-item-active-border-style:solid;--tv-Tabs-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-header-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-font-size-base:var(--tv-font-size-default, 14px);--tv-Tabs-item-vertical-padding-horizontal:var(--tv-font-size-xxl, 20px);--tv-Tabs-item-active-border-weight:2px;--tv-Tabs-item-active-border-color:var(--tv-Tabs-header-font-active-border-color);--tv-Tabs-icon-close-hover-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-icon-close-default-bg-color:transparent;--tv-Tabs-icon-close-default-text-color:var(--tv-color-info-text-primary, #191919);--tv-Tabs-icon-close-hover-text-color:var(--tv-color-icon-hover, #191919);--tv-Tabs-icon-size-close:var(--tv-font-size-default, 14px);--tv-Tabs-icon-close-margin-vertical:0px;--tv-Tabs-icon-close-margin-right:0px;--tv-Tabs-icon-close-margin-left:5px;--tv-Tabs-dropdown-more-margin-top:var(--tv-space-base, 4px);--tv-Tabs-dropdown-more-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Tabs-dropdown-more-item-hover-font-weight:500;--tv-Tabs-more-icon-padding-horizontal:13.5px;--tv-Tabs-more-icon-height:52px;--tv-Tabs-more-icon-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-more-left-box-height:52px;--tv-Tabs-content-margin-vertical:var(--tv-space-lg, 12px);--tv-Tabs-content-margin-horizontal:0;--tv-Tabs-button-card-nav-bg-color:var(--tv-color-bg, #f5f5f5);--tv-Tabs-button-card-item-text-color:#595959;--tv-Tabs-button-card-item-hover-text-color:#191919;--tv-Tabs-button-card-item-font-size:var(--tv-font-size-default, 14px);--tv-Tabs-button-card-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-button-card-item-active-bg-color:var(--tv-color-success-bg-white, #ffffff);--tv-Tabs-button-card-item-active-text-color:var(--tv-color-act-primary-text, #191919);--tv-Tabs-button-card-item-active-border-color:#191919;--tv-Tabs-button-card-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-button-card-title-padding-horizontal:24px;--tv-Tabs-button-card-font-weight:var(--tv-font-weight-bold, bold)}.tiny-tabs{--tv-Tabs-header-font-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-header-font-weight-active:var(--tv-font-weight-bold, 600);--tv-Tabs-header-font-active-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-header-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-border-color:var(--tv-color-border-divider, #f0f0f0);--tv-Tabs-new-height:18px;--tv-Tabs-new-width:18px;--tv-Tabs-new-svg-text-color:var(--tv-color-text-weaken, #808080);--tv-Tabs-more-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-new-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-dropdown-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-height:var(--tv-size-height-xl, 48px);--tv-Tabs-header-font-normal-text-color:var(--tv-color-info-text-primary, #191919);--tv-Tabs-header-separator-normal-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-header-separator-height:var(--tv-font-size-lg, 16px);--tv-Tabs-header-separator-padding-horizontal:var(--tv-space-xl, 16px);--tv-Tabs-header-separator-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-header-separator-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-Tabs-header-top-bar-active-bg-color:var(--tv-color-bg-active-primary, #191919);--tv-Tabs-small-height:var(--tv-size-height-lg, 40px);--tv-Tabs-small-separator-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-font-size:var(--tv-font-size-sm, 12px);--tv-Tabs-small-item-margin-right:24px;--tv-Tabs-small-separator-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-small-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-item-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-item-top-right-border-weight:var(--tv-border-width, 1px);--tv-Tabs-item-card-active-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-item-card-border-color:transparent;--tv-Tabs-dark-border-radius:var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0;--tv-Tabs-dark-text-color-active:var(--tv-color-info-text-primary, #191919);--tv-Tabs-dark-bg-color-active:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Tabs-dark-text-color-hover:var(--tv-color-act-info-text-white-hover, #ffffff);--tv-Tabs-dark-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-dark-margin-top:5px;--tv-Tabs-dark-first-margin-left:20px;--tv-Tabs-dark-border-weight:0px;--tv-Tabs-header-dark-bg-color:var(--tv-color-bg-dark, #191919);--tv-Tabs-dark-item-height:47px;--tv-Tabs-prev-next-btn-icon-size:var(--tv-font-size-default, 14px);--tv-Tabs-item-margin-right:32px;--tv-Tabs-item-active-border-style:solid;--tv-Tabs-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-header-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-font-size-base:var(--tv-font-size-default, 14px);--tv-Tabs-item-vertical-padding-horizontal:var(--tv-font-size-xxl, 20px);--tv-Tabs-item-active-border-weight:2px;--tv-Tabs-item-active-border-color:var(--tv-Tabs-header-font-active-border-color);--tv-Tabs-icon-close-hover-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-icon-close-default-bg-color:transparent;--tv-Tabs-icon-close-default-text-color:var(--tv-color-info-text-primary, #191919);--tv-Tabs-icon-close-hover-text-color:var(--tv-color-icon-hover, #191919);--tv-Tabs-icon-size-close:var(--tv-font-size-default, 14px);--tv-Tabs-icon-close-margin-vertical:0px;--tv-Tabs-icon-close-margin-right:0px;--tv-Tabs-icon-close-margin-left:5px;--tv-Tabs-dropdown-more-margin-top:var(--tv-space-base, 4px);--tv-Tabs-dropdown-more-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Tabs-dropdown-more-item-hover-font-weight:500;--tv-Tabs-more-icon-padding-horizontal:13.5px;--tv-Tabs-more-icon-height:52px;--tv-Tabs-more-icon-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-more-left-box-height:52px;--tv-Tabs-content-margin-vertical:var(--tv-space-lg, 12px);--tv-Tabs-content-margin-horizontal:0;--tv-Tabs-button-card-nav-bg-color:var(--tv-color-bg, #f5f5f5);--tv-Tabs-button-card-item-text-color:#595959;--tv-Tabs-button-card-item-hover-text-color:#191919;--tv-Tabs-button-card-item-font-size:var(--tv-font-size-default, 14px);--tv-Tabs-button-card-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-button-card-item-active-bg-color:var(--tv-color-success-bg-white, #ffffff);--tv-Tabs-button-card-item-active-text-color:var(--tv-color-act-primary-text, #191919);--tv-Tabs-button-card-item-active-border-color:#191919;--tv-Tabs-button-card-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-button-card-title-padding-horizontal:24px;--tv-Tabs-button-card-font-weight:var(--tv-font-weight-bold, bold)}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__nav-scroll{margin-right:16px}.tiny-tabs__header{position:relative;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:var(--tv-Tabs-item-active-border-weight);list-style:none;z-index:1;background-color:var(--tv-Tabs-item-active-border-color);-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)}.tiny-tabs__header .tiny-tabs__new-tab{float:right;margin:12px 0 9px 10px;height:var(--tv-Tabs-new-height);line-height:var(--tv-Tabs-new-height);width:var(--tv-Tabs-new-width);font-size:var(--tv-Tabs-font-size-base);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:1px solid var(--tv-Tabs-border-color);border-radius:var(--tv-Tabs-new-border-radius);-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(--tv-Tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--tv-Tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{position:relative;margin-bottom:-1px;width:100%}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tiny-tabs__nav-wrap-not-separator::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;z-index:1;background-color:var(--tv-Tabs-border-color)}.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs__header .tiny-tabs__nav-prev{position:absolute;line-height:var(--tv-Tabs-height);font-size:var(--tv-Tabs-prev-next-btn-icon-size);cursor:pointer;color:var(--tv-Tabs-header-font-normal-text-color)}.tiny-tabs__header .tiny-tabs__nav-next{right:0}.tiny-tabs__header .tiny-tabs__nav-prev{left:0}.tiny-tabs__header .tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__header .tiny-tabs__nav{float:left;position:relative;white-space:nowrap;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:2}.tiny-tabs__header .tiny-tabs__nav.is-stretch{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%}.tiny-tabs__header .tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__header .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--tv-Tabs-item-margin-right)}.tiny-tabs__header .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.tiny-tabs__item-separator-space{margin-right:0}.tiny-tabs .tiny-tabs__item-separator-space{padding-left:calc(var(--tv-Tabs-header-separator-padding-horizontal) + 1px);padding-right:var(--tv-Tabs-header-separator-padding-horizontal);height:var(--tv-Tabs-header-separator-item-height)}.tiny-tabs .tiny-tabs__item-separator-space:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs__item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;height:var(--tv-Tabs-height);line-height:var(--tv-Tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--tv-Tabs-item-font-size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--tv-Tabs-header-font-normal-text-color)}.tiny-tabs__item-title{display:inline-block;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tabs__item-separator-space{color:var(--tv-Tabs-header-separator-normal-text-color)}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--tv-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(--tv-Tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-active{font-weight:var(--tv-Tabs-header-font-weight-active)}.tiny-tabs__item.is-active.is-disabled:hover{font-weight:var(--tv-Tabs-header-font-weight-active)}.tiny-tabs__item.is-disabled{cursor:not-allowed;color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs__item.is-disabled:hover{font-weight:400}.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(--tv-Tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item.is-closable .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:var(--tv-Tabs-icon-size-close);height:var(--tv-Tabs-icon-size-close);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--tv-Tabs-icon-close-margin-vertical) var(--tv-Tabs-icon-close-margin-right) var(--tv-Tabs-icon-close-margin-vertical) var(--tv-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(--tv-Tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--tv-Tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--tv-Tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--tv-Tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--tv-Tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;margin:var(--tv-Tabs-content-margin-vertical) var(--tv-Tabs-content-margin-horizontal)}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--tv-Tabs-font-size-base);color:var(--tv-Tabs-header-font-normal-text-color);line-height:var(--tv-Tabs-height)}.tiny-tabs__more-container .tiny-dropdown__suffix-inner{display:none}.tiny-tabs__more-container .tiny-tabs__more{padding:0 var(--tv-Tabs-more-icon-padding-horizontal);font-size:var(--tv-Tabs-item-font-size);cursor:pointer;color:var(--tv-Tabs-header-text-color);outline:0}.tiny-tabs__more-container .tiny-tabs__more:hover{color:var(--tv-Tabs-more-hover-text-color)}.tiny-tabs__more-container .tiny-tabs__more-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 var(--tv-Tabs-more-icon-padding-horizontal);height:var(--tv-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-container .tiny-tabs__more-icon::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:4px;height:var(--tv-Tabs-more-left-box-height);-webkit-box-shadow:-3px 0 4px 0 rgba(0,0,0,.08);box-shadow:-3px 0 4px 0 rgba(0,0,0,.08)}.tiny-tabs__more-container .tiny-tabs__more-icon .tiny-svg.icon{font-size:var(--tv-Tabs-more-icon-size);vertical-align:middle}.tiny-tabs__more-dropdown__more-item{outline:0}.tiny-tabs__more-dropdown__more-item:hover{font-weight:var(--tv-Tabs-dropdown-more-item-hover-font-weight);background:var(--tv-Tabs-dropdown-more-item-hover-bg-color)}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper{margin-top:var(--tv-Tabs-dropdown-more-margin-top);overflow:auto}.tiny-tabs.tiny-tabs--large .tiny-tabs__item{font-size:16px}.tiny-tabs.tiny-tabs--large .tiny-tabs__item.is-active{font-size:16px}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--tv-Tabs-small-height);line-height:var(--tv-Tabs-small-height);font-size:var(--tv-Tabs-small-item-font-size)}.tiny-tabs.tiny-tabs--small .tiny-tabs__item.tiny-tabs__item-separator-space{height:var(--tv-Tabs-small-separator-height);line-height:var(--tv-Tabs-small-separator-height)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-prev{line-height:var(--tv-Tabs-small-height);font-size:var(--tv-Tabs-prev-next-btn-icon-size)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item:not(.tiny-tabs__item-separator-space){margin-right:var(--tv-Tabs-small-item-margin-right)}.tiny-tabs.tiny-tabs--small.tiny-tabs--top .tiny-tabs__item-separator{left:calc(var(--tv-Tabs-small-separator-padding-horizontal) + 1px)}.tiny-tabs.tiny-tabs--small.tiny-tabs--button-card .tiny-tabs__item{height:var(--tv-Tabs-small-button-card-height);line-height:var(--tv-Tabs-small-button-card-height);font-size:var(--tv-Tabs-small-button-card-font-size)}.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(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-top:var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color);border-left:1px solid var(--tv-Tabs-border-color);border-right:var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color);background-color:var(--tv-Tabs-item-card-active-bg-color);border-radius:0}.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(--tv-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(--tv-Tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--tv-Tabs-item-card-border-color);border-right:var(--tv-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(--tv-Tabs-item-card-border-color);border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--tv-Tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--tv-Tabs-header-dark-bg-color);border:none;margin:0;border-right:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-bottom:var(--tv-Tabs-dark-border-weight) solid var(--tv-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(--tv-Tabs-dark-text-color);padding:0 24px;border:none;height:var(--tv-Tabs-dark-item-height);margin:var(--tv-Tabs-dark-margin-top) 4px 0 0;line-height:var(--tv-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(--tv-Tabs-dark-text-color-active);background-color:var(--tv-Tabs-dark-bg-color-active);border-top:none;border-left:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-right:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-bottom-color:#fff;border-radius:var(--tv-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(--tv-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(--tv-Tabs-border-color);color:var(--tv-Tabs-dark-text-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:var(--tv-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:#fff}.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(--tv-Tabs-button-card-nav-bg-color);border-radius:var(--tv-Tabs-button-card-border-radius)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item{color:var(--tv-Tabs-button-card-item-text-color);font-size:var(--tv-Tabs-button-card-item-font-size);height:var(--tv-Tabs-button-card-item-height);line-height:var(--tv-Tabs-button-card-item-height);border:1px solid transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__icon-close{margin-left:-20px;margin-right:24px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__item-separator{left:1px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-disabled{color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-disabled:hover{font-weight:400;color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:hover{color:var(--tv-Tabs-button-card-item-hover-text-color);font-weight:var(--tv-Tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active{background-color:var(--tv-Tabs-button-card-item-active-bg-color);color:var(--tv-Tabs-button-card-item-active-text-color);border:1px solid var(--tv-Tabs-button-card-item-active-border-color);border-radius:var(--tv-Tabs-button-card-border-radius);font-weight:var(--tv-Tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item__title{padding:0 var(--tv-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(--tv-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;vertical-align:middle;-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--left .tiny-tabs__header{float:left;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left;padding:0 var(--tv-Tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{border-left:1px solid var(--tv-Tabs-border-color);border-right:1px solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--tv-Tabs-item-active-border-weight) var(--tv-Tabs-item-active-border-style) var(--tv-Tabs-item-active-border-color);border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__nav{border-right:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--tv-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(--tv-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(--tv-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__header{float:right;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__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-bottom:none;padding:0 var(--tv-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(--tv-Tabs-item-active-border-weight) var(--tv-Tabs-item-active-border-style) var(--tv-Tabs-item-active-border-color)}.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.is-bottom{border-top:0;border-right:0;border-left-color:var(--tv-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(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--tv-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(--tv-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(--tv-Tabs-border-color)}.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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-Tabs-border-color);border-bottom:1px solid var(--tv-Tabs-border-color);border-right:3px solid var(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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%;margin-bottom:0}.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--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--tv-Tabs-border-color);background-color:var(--tv-Tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:last-child,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-left:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--tv-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(--tv-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(--tv-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(--tv-Tabs-header-bg-color);border-bottom:1px solid var(--tv-Tabs-border-color);border-right:1px solid var(--tv-Tabs-border-color);border-top:1px solid var(--tv-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(--tv-Tabs-dropdown-bg-color);border-right-color:var(--tv-Tabs-border-color);border-left-color:var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--top .tiny-tabs__item-separator{width:1px;height:var(--tv-Tabs-header-separator-height);display:inline-block;position:relative;left:calc(var(--tv-Tabs-header-separator-padding-horizontal) + 1px);top:2px;background-color:var(--tv-Tabs-header-separator-bg-color)}.tiny-tabs.tiny-tabs--top .tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__item-separator{height:16px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active .tiny-tabs__item-separator,.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs.tiny-tabs--top .tiny-tabs--button-card .tiny-tabs__item:not(.is-active) .tiny-tabs__item-separator{left:1px}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{padding:0 var(--tv-Tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--small:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top.tiny-tabs--small:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:var(--tv-Tabs-small-separator-padding-horizontal);padding-right:var(--tv-Tabs-small-separator-padding-horizontal);margin-right:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:var(--tv-Tabs-header-separator-padding-horizontal);padding-right:var(--tv-Tabs-header-separator-padding-horizontal);margin-right:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2){margin-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)){margin-left:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs .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{--tv-Tabs-header-font-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-header-font-weight-active:var(--tv-font-weight-bold, 600);--tv-Tabs-header-font-active-text-color:var(--tv-color-text-active-3, #191919);--tv-Tabs-header-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-header-icon-color:var(--tv-color-icon, #808080);--tv-Tabs-header-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-Tabs-header-icon-color-bg-hover:var(--tv-color-bg-hover, #191919);--tv-Tabs-border-color:var(--tv-color-border-divider, #1f1414);--tv-Tabs-new-height:18px;--tv-Tabs-new-width:18px;--tv-Tabs-new-svg-text-color:var(--tv-color-text-weaken, #808080);--tv-Tabs-more-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-new-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-dropdown-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-height:var(--tv-size-height-xl, 48px);--tv-Tabs-header-font-normal-text-color:var(--tv-color-text, #595959);--tv-Tabs-header-separator-normal-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-header-separator-height:var(--tv-font-size-lg, 16px);--tv-Tabs-header-separator-padding-horizontal:var(--tv-space-xl, 16px);--tv-Tabs-header-separator-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-header-separator-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-Tabs-header-top-bar-active-bg-color:var(--tv-color-bg-active-primary, #191919);--tv-Tabs-small-height:var(--tv-size-height-lg, 40px);--tv-Tabs-small-separator-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-font-size:var(--tv-font-size-sm, 12px);--tv-Tabs-small-item-margin-right:24px;--tv-Tabs-small-separator-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-small-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-item-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-item-top-right-border-weight:var(--tv-border-width, 1px);--tv-Tabs-item-card-active-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-item-card-border-color:transparent;--tv-Tabs-dark-border-radius:var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0;--tv-Tabs-dark-text-color-active:var(--tv-color-info-text-primary, #191919);--tv-Tabs-dark-bg-color-active:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Tabs-dark-text-color-hover:var(--tv-color-act-info-text-white-hover, #ffffff);--tv-Tabs-dark-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-dark-margin-top:4px;--tv-Tabs-dark-first-margin-left:20px;--tv-Tabs-dark-border-weight:0px;--tv-Tabs-header-dark-bg-color:var(--tv-color-bg-dark, #191919);--tv-Tabs-dark-item-height:47px;--tv-Tabs-prev-next-btn-icon-size:var(--tv-font-size-default, 14px);--tv-Tabs-item-margin-right:32px;--tv-Tabs-item-active-border-style:solid;--tv-Tabs-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-header-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-font-size-base:var(--tv-font-size-default, 14px);--tv-Tabs-item-vertical-padding-horizontal:var(--tv-font-size-xxl, 20px);--tv-Tabs-item-active-border-weight:2px;--tv-Tabs-item-active-border-color:var(--tv-Tabs-header-font-active-border-color);--tv-Tabs-icon-close-hover-bg-color:var(--tv-color-bg-hover, #f0f0f0);--tv-Tabs-icon-close-default-bg-color:transparent;--tv-Tabs-icon-close-icon-color:var(--tv-color-icon, #191919);--tv-Tabs-icon-close-hover-text-color:var(--tv-color-icon-hover, #191919);--tv-Tabs-icon-size-close:var(--tv-font-size-default, 14px);--tv-Tabs-icon-close-margin-vertical:0px;--tv-Tabs-icon-close-margin-right:0px;--tv-Tabs-icon-close-margin-left:5px;--tv-Tabs-dropdown-more-margin-top:var(--tv-space-base, 4px);--tv-Tabs-dropdown-more-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Tabs-dropdown-more-item-hover-font-weight:500;--tv-Tabs-more-icon-padding-horizontal:13.5px;--tv-Tabs-more-icon-height:52px;--tv-Tabs-more-icon-size:var(--tv-font-size-heading-lg, 24px);--tv-Tabs-more-icon-color:var(--tv-color-icon-control, #191919);--tv-Tabs-more-left-box-height:52px;--tv-Tabs-content-margin-vertical:var(--tv-space-lg, 12px);--tv-Tabs-content-margin-horizontal:0;--tv-Tabs-button-card-nav-bg-color:var(--tv-color-bg, #f5f5f5);--tv-Tabs-button-card-item-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-button-card-item-hover-text-color:var(--tv-color-text-hover, #191919);--tv-Tabs-button-card-item-font-size:var(--tv-font-size-default, 14px);--tv-Tabs-button-card-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-button-card-item-active-bg-color:var(--tv-color-bg-active-emphasize-1, #ffffff);--tv-Tabs-button-card-item-active-text-color:var(--tv-color-text, #191919);--tv-Tabs-button-card-item-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-button-card-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-button-card-title-padding-horizontal:24px;--tv-Tabs-button-card-font-weight:var(--tv-font-weight-bold, bold)}.tiny-tabs{--tv-Tabs-header-font-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-header-font-weight-active:var(--tv-font-weight-bold, 600);--tv-Tabs-header-font-active-text-color:var(--tv-color-text-active-3, #191919);--tv-Tabs-header-text-color:var(--tv-color-act-primary-text-active, #191919);--tv-Tabs-header-icon-color:var(--tv-color-icon, #808080);--tv-Tabs-header-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-Tabs-header-icon-color-bg-hover:var(--tv-color-bg-hover, #191919);--tv-Tabs-border-color:var(--tv-color-border-divider, #1f1414);--tv-Tabs-new-height:18px;--tv-Tabs-new-width:18px;--tv-Tabs-new-svg-text-color:var(--tv-color-text-weaken, #808080);--tv-Tabs-more-hover-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-new-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-dropdown-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-height:var(--tv-size-height-xl, 48px);--tv-Tabs-header-font-normal-text-color:var(--tv-color-text, #595959);--tv-Tabs-header-separator-normal-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-header-separator-height:var(--tv-font-size-lg, 16px);--tv-Tabs-header-separator-padding-horizontal:var(--tv-space-xl, 16px);--tv-Tabs-header-separator-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-header-separator-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-Tabs-header-top-bar-active-bg-color:var(--tv-color-bg-active-primary, #191919);--tv-Tabs-small-height:var(--tv-size-height-lg, 40px);--tv-Tabs-small-separator-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-height:var(--tv-size-height-xs, 24px);--tv-Tabs-small-button-card-font-size:var(--tv-font-size-sm, 12px);--tv-Tabs-small-item-margin-right:24px;--tv-Tabs-small-separator-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-small-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-item-padding-horizontal:var(--tv-space-lg, 12px);--tv-Tabs-item-top-right-border-weight:var(--tv-border-width, 1px);--tv-Tabs-item-card-active-bg-color:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Tabs-item-card-border-color:transparent;--tv-Tabs-dark-border-radius:var(--tv-border-radius-md, 6px) var(--tv-border-radius-md, 6px) 0 0;--tv-Tabs-dark-text-color-active:var(--tv-color-info-text-primary, #191919);--tv-Tabs-dark-bg-color-active:var(--tv-color-bg-active-dark, #f5f5f5);--tv-Tabs-dark-text-color-hover:var(--tv-color-act-info-text-white-hover, #ffffff);--tv-Tabs-dark-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Tabs-dark-margin-top:4px;--tv-Tabs-dark-first-margin-left:20px;--tv-Tabs-dark-border-weight:0px;--tv-Tabs-header-dark-bg-color:var(--tv-color-bg-dark, #191919);--tv-Tabs-dark-item-height:47px;--tv-Tabs-prev-next-btn-icon-size:var(--tv-font-size-default, 14px);--tv-Tabs-item-margin-right:32px;--tv-Tabs-item-active-border-style:solid;--tv-Tabs-item-font-size:var(--tv-font-size-heading-xs, 16px);--tv-Tabs-header-bg-color:var(--tv-color-bg-header, #f0f0f0);--tv-Tabs-font-size-base:var(--tv-font-size-default, 14px);--tv-Tabs-item-vertical-padding-horizontal:var(--tv-font-size-xxl, 20px);--tv-Tabs-item-active-border-weight:2px;--tv-Tabs-item-active-border-color:var(--tv-Tabs-header-font-active-border-color);--tv-Tabs-icon-close-hover-bg-color:var(--tv-color-bg-hover, #f0f0f0);--tv-Tabs-icon-close-default-bg-color:transparent;--tv-Tabs-icon-close-icon-color:var(--tv-color-icon, #191919);--tv-Tabs-icon-close-hover-text-color:var(--tv-color-icon-hover, #191919);--tv-Tabs-icon-size-close:var(--tv-font-size-default, 14px);--tv-Tabs-icon-close-margin-vertical:0px;--tv-Tabs-icon-close-margin-right:0px;--tv-Tabs-icon-close-margin-left:5px;--tv-Tabs-dropdown-more-margin-top:var(--tv-space-base, 4px);--tv-Tabs-dropdown-more-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-Tabs-dropdown-more-item-hover-font-weight:500;--tv-Tabs-more-icon-padding-horizontal:13.5px;--tv-Tabs-more-icon-height:52px;--tv-Tabs-more-icon-size:var(--tv-font-size-heading-lg, 24px);--tv-Tabs-more-icon-color:var(--tv-color-icon-control, #191919);--tv-Tabs-more-left-box-height:52px;--tv-Tabs-content-margin-vertical:var(--tv-space-lg, 12px);--tv-Tabs-content-margin-horizontal:0;--tv-Tabs-button-card-nav-bg-color:var(--tv-color-bg, #f5f5f5);--tv-Tabs-button-card-item-text-color:var(--tv-color-text-secondary, #595959);--tv-Tabs-button-card-item-hover-text-color:var(--tv-color-text-hover, #191919);--tv-Tabs-button-card-item-font-size:var(--tv-font-size-default, 14px);--tv-Tabs-button-card-item-height:var(--tv-size-height-md, 32px);--tv-Tabs-button-card-item-active-bg-color:var(--tv-color-bg-active-emphasize-1, #ffffff);--tv-Tabs-button-card-item-active-text-color:var(--tv-color-text, #191919);--tv-Tabs-button-card-item-active-border-color:var(--tv-color-border-active, #191919);--tv-Tabs-button-card-border-radius:var(--tv-border-radius-md, 6px);--tv-Tabs-button-card-title-padding-horizontal:24px;--tv-Tabs-button-card-font-weight:var(--tv-font-weight-bold, bold)}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{position:relative;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:var(--tv-Tabs-item-active-border-weight);list-style:none;z-index:1;background-color:var(--tv-Tabs-item-active-border-color);-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)}.tiny-tabs__header .tiny-tabs__new-tab{margin-top:3px;height:16px;padding-left:12px;font-size:var(--tv-Tabs-header-separator-height);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border-left:1px solid var(--tv-Tabs-border-color);-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(--tv-Tabs-header-icon-color);font-size:var(--tv-Tabs-more-icon-size);padding:4px}.tiny-tabs__header .tiny-tabs__new-tab svg:hover{fill:var(--tv-Tabs-header-icon-color-hover);border-radius:4px;background-color:var(--tv-Tabs-header-icon-color-bg-hover)}.tiny-tabs__header .tiny-tabs__nav-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tiny-tabs__nav-wrap-not-separator::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;z-index:1;background-color:var(--tv-Tabs-border-color)}.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs__header .tiny-tabs__nav-prev{position:absolute;line-height:var(--tv-Tabs-height);font-size:var(--tv-Tabs-prev-next-btn-icon-size);cursor:pointer;color:var(--tv-Tabs-header-font-normal-text-color);fill:var(--tv-Tabs-header-font-normal-text-color)}.tiny-tabs__header .tiny-tabs__nav-next{right:0}.tiny-tabs__header .tiny-tabs__nav-prev{left:0}.tiny-tabs__header .tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__header .tiny-tabs__nav{float:left;position:relative;white-space:nowrap;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;z-index:2}.tiny-tabs__header .tiny-tabs__nav.is-stretch{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:100%}.tiny-tabs__header .tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__header .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--tv-Tabs-item-margin-right)}.tiny-tabs__header .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.tiny-tabs__item-separator-space{margin-right:0}.tiny-tabs .tiny-tabs__item-separator-space{padding-left:calc(var(--tv-Tabs-header-separator-padding-horizontal) + 1px);padding-right:var(--tv-Tabs-header-separator-padding-horizontal);height:var(--tv-Tabs-header-separator-item-height)}.tiny-tabs .tiny-tabs__item-separator-space:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs__item{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;height:var(--tv-Tabs-height);line-height:var(--tv-Tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--tv-Tabs-item-font-size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--tv-Tabs-header-font-normal-text-color)}.tiny-tabs__item-title{display:inline-block;vertical-align:bottom;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-tabs__item-separator-space{color:var(--tv-Tabs-header-separator-normal-text-color)}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--tv-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(--tv-Tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-active{font-weight:var(--tv-Tabs-header-font-weight-active)}.tiny-tabs__item.is-active.is-disabled:hover{font-weight:var(--tv-Tabs-header-font-weight-active)}.tiny-tabs__item.is-disabled{cursor:not-allowed;color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs__item.is-disabled:hover{font-weight:400}.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(--tv-Tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item.is-closable .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:var(--tv-Tabs-icon-size-close);height:var(--tv-Tabs-icon-size-close);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:4px;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--tv-Tabs-icon-close-margin-vertical) var(--tv-Tabs-icon-close-margin-right) var(--tv-Tabs-icon-close-margin-vertical) var(--tv-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(--tv-Tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--tv-Tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--tv-Tabs-icon-close-icon-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--tv-Tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;margin:var(--tv-Tabs-content-margin-vertical) var(--tv-Tabs-content-margin-horizontal);color:var(--tv-Tabs-header-font-normal-text-color)}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--tv-Tabs-font-size-base);color:var(--tv-Tabs-header-font-normal-text-color);line-height:var(--tv-Tabs-height);padding-top:5px}.tiny-tabs__more-container .tiny-dropdown__suffix-inner{display:none}.tiny-tabs__more-container .tiny-tabs__more{padding:0 var(--tv-Tabs-more-icon-padding-horizontal);font-size:var(--tv-Tabs-item-font-size);cursor:pointer;color:var(--tv-Tabs-header-text-color);outline:0}.tiny-tabs__more-container .tiny-tabs__more:hover{color:var(--tv-Tabs-more-hover-text-color)}.tiny-tabs__more-container .tiny-tabs__more-icon{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 var(--tv-Tabs-more-icon-padding-horizontal);height:var(--tv-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-container .tiny-tabs__more-icon::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:4px;height:var(--tv-Tabs-more-left-box-height);-webkit-box-shadow:-3px 0 4px 0 rgba(0,0,0,.08);box-shadow:-3px 0 4px 0 rgba(0,0,0,.08)}.tiny-tabs__more-container .tiny-tabs__more-icon .tiny-svg{font-size:var(--tv-Tabs-more-icon-size);padding:4px;vertical-align:middle;fill:var(--tv-Tabs-more-icon-color)}.tiny-tabs__more-container .tiny-tabs__more-icon .tiny-svg:hover{border-radius:4px;background-color:var(--tv-Tabs-header-icon-color-bg-hover)}.tiny-tabs__more-dropdown__more-item{outline:0}.tiny-tabs__more-dropdown__more-item:hover{font-weight:var(--tv-Tabs-dropdown-more-item-hover-font-weight);background:var(--tv-Tabs-dropdown-more-item-hover-bg-color)}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper{margin-top:var(--tv-Tabs-dropdown-more-margin-top);overflow:auto}.tiny-tabs__more-dropdown.tiny-dropdown-menu.tiny-popper::-webkit-scrollbar{width:0}.tiny-tabs.tiny-tabs--large .tiny-tabs__item{font-size:16px}.tiny-tabs.tiny-tabs--large .tiny-tabs__item.is-active{font-size:16px}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--tv-Tabs-small-height);line-height:var(--tv-Tabs-small-height);font-size:var(--tv-Tabs-small-item-font-size)}.tiny-tabs.tiny-tabs--small .tiny-tabs__item.tiny-tabs__item-separator-space{height:var(--tv-Tabs-small-separator-height);line-height:var(--tv-Tabs-small-separator-height)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--small .tiny-tabs__nav-prev{line-height:var(--tv-Tabs-small-height);font-size:var(--tv-Tabs-prev-next-btn-icon-size)}.tiny-tabs.tiny-tabs--small .tiny-tabs__nav.is-show-active-bar .tiny-tabs__item:not(.tiny-tabs__item-separator-space){margin-right:var(--tv-Tabs-small-item-margin-right)}.tiny-tabs.tiny-tabs--small.tiny-tabs--top .tiny-tabs__item-separator{left:calc(var(--tv-Tabs-small-separator-padding-horizontal) + 1px)}.tiny-tabs.tiny-tabs--small.tiny-tabs--button-card .tiny-tabs__item{height:var(--tv-Tabs-small-button-card-height);line-height:var(--tv-Tabs-small-button-card-height);font-size:var(--tv-Tabs-small-button-card-font-size)}.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(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{border-top:var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color);border-left:1px solid var(--tv-Tabs-border-color);border-right:var(--tv-Tabs-item-top-right-border-weight) solid var(--tv-Tabs-border-color);border-radius:0}.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(--tv-Tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:none;box-shadow:none}.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(--tv-Tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid var(--tv-Tabs-item-card-border-color);border-right:var(--tv-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(--tv-Tabs-item-card-border-color);border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:inherit;border-top:1px solid var(--tv-Tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--tv-Tabs-header-dark-bg-color);border:none;margin:0;border-right:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-bottom:var(--tv-Tabs-dark-border-weight) solid var(--tv-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(--tv-Tabs-dark-text-color);padding:0 24px;border:none;height:var(--tv-Tabs-dark-item-height);margin:var(--tv-Tabs-dark-margin-top) 4px 0 0;line-height:var(--tv-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(--tv-Tabs-dark-text-color-active);background-color:var(--tv-Tabs-dark-bg-color-active);border-top:none;border-left:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-right:var(--tv-Tabs-dark-border-weight) solid var(--tv-Tabs-border-color);border-bottom-color:#fff;border-radius:var(--tv-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(--tv-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(--tv-Tabs-border-color);color:var(--tv-Tabs-dark-text-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:var(--tv-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:#fff}.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(--tv-Tabs-button-card-nav-bg-color);border-radius:var(--tv-Tabs-button-card-border-radius)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item{color:var(--tv-Tabs-button-card-item-text-color);font-size:var(--tv-Tabs-button-card-item-font-size);height:var(--tv-Tabs-button-card-item-height);line-height:var(--tv-Tabs-button-card-item-height);border:1px solid transparent}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__icon-close{margin-left:-20px;margin-right:24px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__item-separator{left:1px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-disabled{color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-disabled:hover{font-weight:400;color:var(--tv-Tabs-item-disabled-text-color)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:hover{color:var(--tv-Tabs-button-card-item-hover-text-color)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active{background-color:var(--tv-Tabs-button-card-item-active-bg-color);color:var(--tv-Tabs-button-card-item-active-text-color);border:1px solid var(--tv-Tabs-button-card-item-active-border-color);border-radius:var(--tv-Tabs-button-card-border-radius);font-weight:var(--tv-Tabs-button-card-font-weight)}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item__title{padding:0 var(--tv-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(--tv-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;vertical-align:middle;-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--left .tiny-tabs__header{float:left;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left;padding:0 var(--tv-Tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{border-left:1px solid var(--tv-Tabs-border-color);border-right:1px solid var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--tv-Tabs-item-active-border-weight) var(--tv-Tabs-item-active-border-style) var(--tv-Tabs-item-active-border-color);border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__nav{border-right:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--tv-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(--tv-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(--tv-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__header{float:right;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__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-bottom:none;padding:0 var(--tv-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(--tv-Tabs-item-active-border-weight) var(--tv-Tabs-item-active-border-style) var(--tv-Tabs-item-active-border-color)}.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.is-bottom{border-top:0;border-right:0;border-left-color:var(--tv-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(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--tv-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(--tv-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(--tv-Tabs-border-color)}.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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-Tabs-border-color);border-bottom:1px solid var(--tv-Tabs-border-color);border-right:3px solid var(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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(--tv-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%;margin-bottom:0}.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--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--tv-Tabs-border-color);background-color:var(--tv-Tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:last-child,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-left:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--tv-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(--tv-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(--tv-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(--tv-Tabs-header-bg-color);border-bottom:1px solid var(--tv-Tabs-border-color);border-right:1px solid var(--tv-Tabs-border-color);border-top:1px solid var(--tv-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(--tv-Tabs-dropdown-bg-color);border-right-color:var(--tv-Tabs-border-color);border-left-color:var(--tv-Tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--top .tiny-tabs__item-separator{width:1px;height:var(--tv-Tabs-header-separator-height);display:inline-block;position:relative;left:calc(var(--tv-Tabs-header-separator-padding-horizontal) + 1px);background-color:var(--tv-Tabs-header-separator-bg-color)}.tiny-tabs.tiny-tabs--top .tiny-tabs--button-card .tiny-tabs__item .tiny-tabs__item-separator{height:16px}.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item.is-active .tiny-tabs__item-separator,.tiny-tabs.tiny-tabs--button-card .tiny-tabs__item:last-child .tiny-tabs__item-separator{display:none}.tiny-tabs.tiny-tabs--top .tiny-tabs--button-card .tiny-tabs__item:not(.is-active) .tiny-tabs__item-separator{left:1px}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{padding:0 var(--tv-Tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--small:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top.tiny-tabs--small:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:var(--tv-Tabs-small-separator-padding-horizontal);padding-right:var(--tv-Tabs-small-separator-padding-horizontal);margin-right:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space{padding-left:var(--tv-Tabs-header-separator-padding-horizontal);padding-right:var(--tv-Tabs-header-separator-padding-horizontal);margin-right:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:nth-child(2){margin-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item-separator-space:not(:nth-child(2)){margin-left:1px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs .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/tag/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tag{--tv-Tag-line-height:var(--tv-line-height-number);--tv-Tag-font-size-mini:var(--tv-font-size-sm);--tv-Tag-padding-x-mini:3px;--tv-Tag-padding-y-mini:0;--tv-Tag-border-radius-mini:var(--tv-border-radius-xs);--tv-Tag-only-icon-font-size-mini:12px;--tv-Tag-only-icon-padding-mini:2px;--tv-Tag-font-size-small:var(--tv-font-size-sm);--tv-Tag-padding-x-small:3px;--tv-Tag-padding-y-small:0;--tv-Tag-border-radius-small:var(--tv-border-radius-xs);--tv-Tag-only-icon-font-size-small:12px;--tv-Tag-only-icon-padding-small:2px;--tv-Tag-font-size:var(--tv-font-size-sm);--tv-Tag-padding-x:7px;--tv-Tag-padding-y:2px;--tv-Tag-border-radius:var(--tv-border-radius-sm);--tv-Tag-only-icon-font-size:14px;--tv-Tag-only-icon-padding:4px;--tv-Tag-font-size-medium:var(--tv-font-size-default);--tv-Tag-padding-x-medium:11px;--tv-Tag-padding-y-medium:4.5px;--tv-Tag-border-radius-medium:var(--tv-border-radius-md);--tv-Tag-only-icon-font-size-medium:16px;--tv-Tag-only-icon-padding-medium:7px;--tv-Tag-text-color-light:var(--tv-color-text);--tv-Tag-bg-color-light:var(--tv-color-bg);--tv-Tag-border-color-light:var(--tv-color-bg);--tv-Tag-text-color-dark:var(--tv-color-text-white);--tv-Tag-bg-color-dark:var(--tv-color-bg-primary);--tv-Tag-border-color-dark:var(--tv-color-bg-primary);--tv-Tag-text-color-plain:var(--tv-color-text);--tv-Tag-bg-color-plain:var(--tv-color-bg-secondary);--tv-Tag-border-color-plain:var(--tv-color-border-hover);--tv-Tag-text-color-light-success:var(--tv-color-success-text);--tv-Tag-bg-color-light-success:var(--tv-color-success-bg-light);--tv-Tag-border-color-light-success:var(--tv-color-success-border-light);--tv-Tag-text-color-dark-success:var(--tv-color-success-text-white);--tv-Tag-bg-color-dark-success:var(--tv-color-success-bg);--tv-Tag-border-color-dark-success:var(--tv-color-success-bg);--tv-Tag-text-color-plain-success:var(--tv-color-success-text);--tv-Tag-bg-color-plain-success:var(--tv-color-success-text-white);--tv-Tag-border-color-plain-success:var(--tv-color-success-border);--tv-Tag-text-color-light-danger:var(--tv-color-error-text);--tv-Tag-bg-color-light-danger:var(--tv-color-error-bg-light);--tv-Tag-border-color-light-danger:var(--tv-color-error-border-light);--tv-Tag-text-color-dark-danger:var(--tv-color-error-text-white);--tv-Tag-bg-color-dark-danger:var(--tv-color-error-bg);--tv-Tag-border-color-dark-danger:var(--tv-color-error-border);--tv-Tag-text-color-plain-danger:var(--tv-color-error-text);--tv-Tag-bg-color-plain-danger:var(--tv-color-error-bg-white);--tv-Tag-border-color-plain-danger:var(--tv-color-error-border);--tv-Tag-text-color-light-warning:var(--tv-color-warn-text);--tv-Tag-bg-color-light-warning:var(--tv-color-warn-bg-light);--tv-Tag-border-color-light-warning:var(--tv-color-warn-border-light);--tv-Tag-text-color-dark-warning:var(--tv-color-warn-text-white);--tv-Tag-bg-color-dark-warning:var(--tv-color-warn-bg);--tv-Tag-border-color-dark-warning:var(--tv-color-warn-border);--tv-Tag-text-color-plain-warning:var(--tv-color-warn-text);--tv-Tag-bg-color-plain-warning:var(--tv-color-warn-text-white);--tv-Tag-border-color-plain-warning:var(--tv-color-warn-border);--tv-Tag-text-color-light-info:var(--tv-color-info-text);--tv-Tag-bg-color-light-info:var(--tv-color-info-bg-light);--tv-Tag-border-color-light-info:var(--tv-color-info-border-light);--tv-Tag-text-color-dark-info:var(--tv-color-info-bg-white);--tv-Tag-bg-color-dark-info:var(--tv-color-info-bg);--tv-Tag-border-color-dark-info:var(--tv-color-info-border);--tv-Tag-text-color-plain-info:var(--tv-color-info-text);--tv-Tag-bg-color-plain-info:var(--tv-color-info-bg-white);--tv-Tag-border-color-plain-info:var(--tv-color-info-border);--tv-Tag-text-color-red:#f23030;--tv-Tag-bg-color-red:#fce3e0;--tv-Tag-text-color-orange:#d96900;--tv-Tag-bg-color-orange:#ffebd1;--tv-Tag-text-color-green:#029931;--tv-Tag-bg-color-green:#d5f2dc;--tv-Tag-text-color-blue:#1476ff;--tv-Tag-bg-color-blue:#deecff;--tv-Tag-text-color-purple:#832fd6;--tv-Tag-bg-color-purple:#f4e0fc;--tv-Tag-text-color-brown:#a64d00;--tv-Tag-bg-color-brown:#ffebd1;--tv-Tag-text-color-grey:#191919;--tv-Tag-bg-color-grey:#e6e6e6;--tv-Tag-text-color-gold:#8f3c00;--tv-Tag-bg-color-gold:linear-gradient(to right, #e8cda4, #f8eddb);--tv-Tag-text-color-disabled:var(--tv-color-text-disabled);--tv-Tag-bg-color-disabled:var(--tv-color-bg-disabled);--tv-Tag-close-icon-size:var(--tv-icon-size);--tv-Tag-close-icon-color:var(--tv-color-icon);--tv-Tag-close-icon-color-hover:var(--tv-color-icon-hover);--tv-Tag-close-icon-color-disabled:var(--tv-color-icon-disabled);--tv-Tag-close-icon-margin-left:var(--tv-space-sm);--tv-Tag-slot-icon-margin-right:var(--tv-space-sm);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--tv-Tag-line-height);border:1px solid;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--tv-Tag-font-size);padding:var(--tv-Tag-padding-y) var(--tv-Tag-padding-x);border-radius:var(--tv-Tag-border-radius)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size);margin-right:0}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size);margin-right:0}.tiny-tag.tiny-tag--mini{font-size:var(--tv-Tag-font-size-mini);padding:var(--tv-Tag-padding-y-mini) var(--tv-Tag-padding-x-mini);border-radius:var(--tv-Tag-border-radius-mini)}.tiny-tag.tiny-tag--mini.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-mini)}.tiny-tag.tiny-tag--mini.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-mini);margin-right:0}.tiny-tag.tiny-tag--small{font-size:var(--tv-Tag-font-size-small);padding:var(--tv-Tag-padding-y-small) var(--tv-Tag-padding-x-small);border-radius:var(--tv-Tag-border-radius-small)}.tiny-tag.tiny-tag--small.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-small)}.tiny-tag.tiny-tag--small.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-small);margin-right:0}.tiny-tag.tiny-tag--medium{font-size:var(--tv-Tag-font-size-medium);padding:var(--tv-Tag-padding-y-medium) var(--tv-Tag-padding-x-medium);border-radius:var(--tv-Tag-border-radius-medium)}.tiny-tag.tiny-tag--medium.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-medium)}.tiny-tag.tiny-tag--medium.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-medium);margin-right:0}.tiny-tag.tiny-tag--light{color:var(--tv-Tag-text-color-light);background-color:var(--tv-Tag-bg-color-light);border-color:var(--tv-Tag-border-color-light)}.tiny-tag.tiny-tag--dark{color:var(--tv-Tag-text-color-dark);background-color:var(--tv-Tag-bg-color-dark);border-color:var(--tv-Tag-border-color-dark)}.tiny-tag.tiny-tag--plain{color:var(--tv-Tag-text-color-plain);background-color:var(--tv-Tag-bg-color-plain);border-color:var(--tv-Tag-border-color-plain)}.tiny-tag.tiny-tag--success.tiny-tag--light{color:var(--tv-Tag-text-color-light-success);background-color:var(--tv-Tag-bg-color-light-success);border-color:var(--tv-Tag-border-color-light-success)}.tiny-tag.tiny-tag--success.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-success);background-color:var(--tv-Tag-bg-color-dark-success);border-color:var(--tv-Tag-border-color-dark-success)}.tiny-tag.tiny-tag--success.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-success);background-color:var(--tv-Tag-bg-color-plain-success);border-color:var(--tv-Tag-border-color-plain-success)}.tiny-tag.tiny-tag--danger.tiny-tag--light{color:var(--tv-Tag-text-color-light-danger);background-color:var(--tv-Tag-bg-color-light-danger);border-color:var(--tv-Tag-border-color-light-danger)}.tiny-tag.tiny-tag--danger.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-danger);background-color:var(--tv-Tag-bg-color-dark-danger);border-color:var(--tv-Tag-border-color-dark-danger)}.tiny-tag.tiny-tag--danger.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-danger);background-color:var(--tv-Tag-bg-color-plain-danger);border-color:var(--tv-Tag-border-color-plain-danger)}.tiny-tag.tiny-tag--warning.tiny-tag--light{color:var(--tv-Tag-text-color-light-warning);background-color:var(--tv-Tag-bg-color-light-warning);border-color:var(--tv-Tag-border-color-light-warning)}.tiny-tag.tiny-tag--warning.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-warning);background-color:var(--tv-Tag-bg-color-dark-warning);border-color:var(--tv-Tag-border-color-dark-warning)}.tiny-tag.tiny-tag--warning.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-warning);background-color:var(--tv-Tag-bg-color-plain-warning);border-color:var(--tv-Tag-border-color-plain-warning)}.tiny-tag.tiny-tag--info.tiny-tag--light{color:var(--tv-Tag-text-color-light-info);background-color:var(--tv-Tag-bg-color-light-info);border-color:var(--tv-Tag-border-color-light-info)}.tiny-tag.tiny-tag--info.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-info);background-color:var(--tv-Tag-bg-color-dark-info);border-color:var(--tv-Tag-border-color-dark-info)}.tiny-tag.tiny-tag--info.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-info);background-color:var(--tv-Tag-bg-color-plain-info);border-color:var(--tv-Tag-border-color-plain-info)}.tiny-tag.tiny-tag--red{color:var(--tv-Tag-text-color-red);background:var(--tv-Tag-bg-color-red)}.tiny-tag.tiny-tag--orange{color:var(--tv-Tag-text-color-orange);background:var(--tv-Tag-bg-color-orange)}.tiny-tag.tiny-tag--green{color:var(--tv-Tag-text-color-green);background:var(--tv-Tag-bg-color-green)}.tiny-tag.tiny-tag--blue{color:var(--tv-Tag-text-color-blue);background:var(--tv-Tag-bg-color-blue)}.tiny-tag.tiny-tag--purple{color:var(--tv-Tag-text-color-purple);background:var(--tv-Tag-bg-color-purple)}.tiny-tag.tiny-tag--brown{color:var(--tv-Tag-text-color-brown);background:var(--tv-Tag-bg-color-brown)}.tiny-tag.tiny-tag--grey{color:var(--tv-Tag-text-color-grey);background:var(--tv-Tag-bg-color-grey)}.tiny-tag.tiny-tag--gold{color:var(--tv-Tag-text-color-gold);background:var(--tv-Tag-bg-color-gold)}.tiny-tag.is-disabled.is-disabled.is-disabled.is-disabled{color:var(--tv-Tag-text-color-disabled);background-color:var(--tv-Tag-bg-color-disabled);cursor:not-allowed}.tiny-tag .tiny-tag__close{font-size:var(--tv-Tag-close-icon-size);fill:var(--tv-Tag-close-icon-color);margin-left:var(--tv-Tag-close-icon-margin-left)}.tiny-tag .tiny-tag__close:hover{fill:var(--tv-Tag-close-icon-color-hover)}.tiny-tag.is-disabled.is-disabled .tiny-tag__close{fill:var(--tv-Tag-close-icon-color-disabled)}.tiny-tag svg:not(.tiny-tag__close){margin-right:var(--tv-Tag-slot-icon-margin-right);fill:currentColor}
|
|
1
|
+
.tiny-tag{--tv-Tag-line-height:var(--tv-line-height-number, 1.5);--tv-Tag-font-size-mini:var(--tv-font-size-sm, 12px);--tv-Tag-padding-x-mini:3px;--tv-Tag-padding-y-mini:0;--tv-Tag-border-radius-mini:var(--tv-border-radius-xs, 2px);--tv-Tag-only-icon-font-size-mini:12px;--tv-Tag-only-icon-padding-mini:2px;--tv-Tag-font-size-small:var(--tv-font-size-sm, 12px);--tv-Tag-padding-x-small:3px;--tv-Tag-padding-y-small:0;--tv-Tag-border-radius-small:var(--tv-border-radius-xs, 2px);--tv-Tag-only-icon-font-size-small:12px;--tv-Tag-only-icon-padding-small:2px;--tv-Tag-font-size:var(--tv-font-size-sm, 12px);--tv-Tag-padding-x:7px;--tv-Tag-padding-y:2px;--tv-Tag-border-radius:var(--tv-border-radius-sm, 4px);--tv-Tag-only-icon-font-size:14px;--tv-Tag-only-icon-padding:4px;--tv-Tag-font-size-medium:var(--tv-font-size-default, 14px);--tv-Tag-padding-x-medium:11px;--tv-Tag-padding-y-medium:4.5px;--tv-Tag-border-radius-medium:var(--tv-border-radius-md, 6px);--tv-Tag-only-icon-font-size-medium:16px;--tv-Tag-only-icon-padding-medium:7px;--tv-Tag-text-color-light:var(--tv-color-text, #191919);--tv-Tag-bg-color-light:var(--tv-color-bg, #f5f5f5);--tv-Tag-border-color-light:transparent;--tv-Tag-text-color-dark:var(--tv-color-text-inverse-tint, #ffffff);--tv-Tag-bg-color-dark:var(--tv-color-bg-primary, #191919);--tv-Tag-border-color-dark:var(--tv-color-bg-primary, #191919);--tv-Tag-text-color-plain:var(--tv-color-text, #191919);--tv-Tag-bg-color-plain:transparent;--tv-Tag-border-color-plain:var(--tv-color-border-hover, #191919);--tv-Tag-text-color-light-success:var(--tv-color-success-text, #5cb300);--tv-Tag-bg-color-light-success:var(--tv-color-success-bg-1, #e6f2d5);--tv-Tag-border-color-light-success:var(--tv-color-success-border-1, #e6f2d5);--tv-Tag-text-color-dark-success:var(--tv-color-text-inverse, #ffffff);--tv-Tag-bg-color-dark-success:var(--tv-color-success-bg, #5cb300);--tv-Tag-border-color-dark-success:var(--tv-color-success-bg, #5cb300);--tv-Tag-text-color-plain-success:var(--tv-color-success-text, #5cb300);--tv-Tag-bg-color-plain-success:transparent;--tv-Tag-border-color-plain-success:var(--tv-color-success-border, #5cb300);--tv-Tag-text-color-light-danger:var(--tv-color-error-text, #f23030);--tv-Tag-bg-color-light-danger:var(--tv-color-error-bg-1, #fce3e1);--tv-Tag-border-color-light-danger:var(--tv-color-error-border-1, #fce3e1);--tv-Tag-text-color-dark-danger:var(--tv-color-text-inverse, #ffffff);--tv-Tag-bg-color-dark-danger:var(--tv-color-error-bg, #f23030);--tv-Tag-border-color-dark-danger:var(--tv-color-error-border, #f23030);--tv-Tag-text-color-plain-danger:var(--tv-color-error-text, #f23030);--tv-Tag-bg-color-plain-danger:transparent;--tv-Tag-border-color-plain-danger:var(--tv-color-error-border, #f23030);--tv-Tag-text-color-light-warning:var(--tv-color-warn-text, #ff8800);--tv-Tag-bg-color-light-warning:var(--tv-color-warn-bg-1, #ffebd1);--tv-Tag-border-color-light-warning:var(--tv-color-warn-border-1, #ffebd1);--tv-Tag-text-color-dark-warning:var(--tv-color-text-inverse, #ffffff);--tv-Tag-bg-color-dark-warning:var(--tv-color-warn-bg, #ff8800);--tv-Tag-border-color-dark-warning:var(--tv-color-warn-border, #ff8800);--tv-Tag-text-color-plain-warning:var(--tv-color-warn-text, #ff8800);--tv-Tag-bg-color-plain-warning:transparent;--tv-Tag-border-color-plain-warning:var(--tv-color-warn-border, #ff8800);--tv-Tag-text-color-light-info:var(--tv-color-info-text-1, #1476ff);--tv-Tag-bg-color-light-info:var(--tv-color-info-bg-1, #deecff);--tv-Tag-border-color-light-info:var(--tv-color-info-border-1, #deecff);--tv-Tag-text-color-dark-info:var(--tv-color-text-inverse, #ffffff);--tv-Tag-bg-color-dark-info:var(--tv-color-info-bg, #1476ff);--tv-Tag-border-color-dark-info:var(--tv-color-info-border, #1476ff);--tv-Tag-text-color-plain-info:var(--tv-color-info-text, #1476ff);--tv-Tag-bg-color-plain-info:transparent;--tv-Tag-border-color-plain-info:var(--tv-color-info-border, #1476ff);--tv-Tag-text-color-red:#f23030;--tv-Tag-bg-color-red:#fce3e0;--tv-Tag-text-color-orange:#d96900;--tv-Tag-bg-color-orange:#ffebd1;--tv-Tag-text-color-green:#029931;--tv-Tag-bg-color-green:#d5f2dc;--tv-Tag-text-color-blue:#1476ff;--tv-Tag-bg-color-blue:#deecff;--tv-Tag-text-color-purple:#832fd6;--tv-Tag-bg-color-purple:#f4e0fc;--tv-Tag-text-color-brown:#a64d00;--tv-Tag-bg-color-brown:#ffebd1;--tv-Tag-text-color-grey:#191919;--tv-Tag-bg-color-grey:#e6e6e6;--tv-Tag-text-color-gold:#8f3c00;--tv-Tag-bg-color-gold:linear-gradient(to right, #e8cda4, #f8eddb);--tv-Tag-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Tag-bg-color-disabled:var(--tv-color-bg-disabled, #f0f0f0);--tv-Tag-close-icon-size:var(--tv-icon-size, 16px);--tv-Tag-close-icon-color:var(--tv-color-icon, #808080);--tv-Tag-close-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-Tag-close-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);--tv-Tag-close-icon-margin-left:var(--tv-space-sm, 4px);--tv-Tag-slot-icon-margin-right:var(--tv-space-sm, 4px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:var(--tv-Tag-line-height);border:1px solid;max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:var(--tv-Tag-font-size);padding:var(--tv-Tag-padding-y) var(--tv-Tag-padding-x);border-radius:var(--tv-Tag-border-radius)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size);margin-right:0}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding)}.tiny-tag.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size);margin-right:0}.tiny-tag.tiny-tag--mini{font-size:var(--tv-Tag-font-size-mini);padding:var(--tv-Tag-padding-y-mini) var(--tv-Tag-padding-x-mini);border-radius:var(--tv-Tag-border-radius-mini)}.tiny-tag.tiny-tag--mini.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-mini)}.tiny-tag.tiny-tag--mini.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-mini);margin-right:0}.tiny-tag.tiny-tag--small{font-size:var(--tv-Tag-font-size-small);padding:var(--tv-Tag-padding-y-small) var(--tv-Tag-padding-x-small);border-radius:var(--tv-Tag-border-radius-small)}.tiny-tag.tiny-tag--small.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-small)}.tiny-tag.tiny-tag--small.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-small);margin-right:0}.tiny-tag.tiny-tag--medium{font-size:var(--tv-Tag-font-size-medium);padding:var(--tv-Tag-padding-y-medium) var(--tv-Tag-padding-x-medium);border-radius:var(--tv-Tag-border-radius-medium)}.tiny-tag.tiny-tag--medium.tiny-tag--only-icon.tiny-tag--only-icon{padding:var(--tv-Tag-only-icon-padding-medium)}.tiny-tag.tiny-tag--medium.tiny-tag--only-icon.tiny-tag--only-icon svg{font-size:var(--tv-Tag-only-icon-font-size-medium);margin-right:0}.tiny-tag.tiny-tag--light{color:var(--tv-Tag-text-color-light);background-color:var(--tv-Tag-bg-color-light);border-color:var(--tv-Tag-border-color-light)}.tiny-tag.tiny-tag--dark{color:var(--tv-Tag-text-color-dark);background-color:var(--tv-Tag-bg-color-dark);border-color:var(--tv-Tag-border-color-dark)}.tiny-tag.tiny-tag--plain{color:var(--tv-Tag-text-color-plain);background-color:var(--tv-Tag-bg-color-plain);border-color:var(--tv-Tag-border-color-plain)}.tiny-tag.tiny-tag--success.tiny-tag--light{color:var(--tv-Tag-text-color-light-success);background-color:var(--tv-Tag-bg-color-light-success);border-color:var(--tv-Tag-border-color-light-success)}.tiny-tag.tiny-tag--success.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-success);background-color:var(--tv-Tag-bg-color-dark-success);border-color:var(--tv-Tag-border-color-dark-success)}.tiny-tag.tiny-tag--success.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-success);background-color:var(--tv-Tag-bg-color-plain-success);border-color:var(--tv-Tag-border-color-plain-success)}.tiny-tag.tiny-tag--danger.tiny-tag--light{color:var(--tv-Tag-text-color-light-danger);background-color:var(--tv-Tag-bg-color-light-danger);border-color:var(--tv-Tag-border-color-light-danger)}.tiny-tag.tiny-tag--danger.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-danger);background-color:var(--tv-Tag-bg-color-dark-danger);border-color:var(--tv-Tag-border-color-dark-danger)}.tiny-tag.tiny-tag--danger.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-danger);background-color:var(--tv-Tag-bg-color-plain-danger);border-color:var(--tv-Tag-border-color-plain-danger)}.tiny-tag.tiny-tag--warning.tiny-tag--light{color:var(--tv-Tag-text-color-light-warning);background-color:var(--tv-Tag-bg-color-light-warning);border-color:var(--tv-Tag-border-color-light-warning)}.tiny-tag.tiny-tag--warning.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-warning);background-color:var(--tv-Tag-bg-color-dark-warning);border-color:var(--tv-Tag-border-color-dark-warning)}.tiny-tag.tiny-tag--warning.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-warning);background-color:var(--tv-Tag-bg-color-plain-warning);border-color:var(--tv-Tag-border-color-plain-warning)}.tiny-tag.tiny-tag--info.tiny-tag--light{color:var(--tv-Tag-text-color-light-info);background-color:var(--tv-Tag-bg-color-light-info);border-color:var(--tv-Tag-border-color-light-info)}.tiny-tag.tiny-tag--info.tiny-tag--dark{color:var(--tv-Tag-text-color-dark-info);background-color:var(--tv-Tag-bg-color-dark-info);border-color:var(--tv-Tag-border-color-dark-info)}.tiny-tag.tiny-tag--info.tiny-tag--plain{color:var(--tv-Tag-text-color-plain-info);background-color:var(--tv-Tag-bg-color-plain-info);border-color:var(--tv-Tag-border-color-plain-info)}.tiny-tag.tiny-tag--red{color:var(--tv-Tag-text-color-red);background:var(--tv-Tag-bg-color-red)}.tiny-tag.tiny-tag--orange{color:var(--tv-Tag-text-color-orange);background:var(--tv-Tag-bg-color-orange)}.tiny-tag.tiny-tag--green{color:var(--tv-Tag-text-color-green);background:var(--tv-Tag-bg-color-green)}.tiny-tag.tiny-tag--blue{color:var(--tv-Tag-text-color-blue);background:var(--tv-Tag-bg-color-blue)}.tiny-tag.tiny-tag--purple{color:var(--tv-Tag-text-color-purple);background:var(--tv-Tag-bg-color-purple)}.tiny-tag.tiny-tag--brown{color:var(--tv-Tag-text-color-brown);background:var(--tv-Tag-bg-color-brown)}.tiny-tag.tiny-tag--grey{color:var(--tv-Tag-text-color-grey);background:var(--tv-Tag-bg-color-grey)}.tiny-tag.tiny-tag--gold{color:var(--tv-Tag-text-color-gold);background:var(--tv-Tag-bg-color-gold)}.tiny-tag.is-disabled.is-disabled.is-disabled.is-disabled{color:var(--tv-Tag-text-color-disabled);background-color:var(--tv-Tag-bg-color-disabled);cursor:not-allowed}.tiny-tag .tiny-tag__close{font-size:var(--tv-Tag-close-icon-size);fill:var(--tv-Tag-close-icon-color);margin-left:var(--tv-Tag-close-icon-margin-left);cursor:pointer}.tiny-tag .tiny-tag__close:hover{fill:var(--tv-Tag-close-icon-color-hover)}.tiny-tag.is-disabled.is-disabled .tiny-tag__close{fill:var(--tv-Tag-close-icon-color-disabled)}.tiny-tag svg:not(.tiny-tag__close){margin-right:var(--tv-Tag-slot-icon-margin-right);fill:currentColor}
|
package/tag-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tag-group{--tv-TagGroup-margin-bottom:var(--tv-space-lg);--tv-TagGroup-item-margin-right:var(--tv-space-md);--tv-TagGroup-item-margin-bottom:var(--tv-space-md);--tv-TagGroup-more-icon-safe-space:32px;overflow:hidden;position:relative;margin-bottom:var(--tv-TagGroup-margin-bottom)}.tiny-tag-group .tiny-tag{margin-right:var(--tv-TagGroup-item-margin-right);margin-bottom:var(--tv-TagGroup-item-margin-bottom)}.tiny-tag-group .tiny-tag:last-child{margin-right:0}.tiny-tag-group.tiny-tag-group-has-more{padding-right:var(--tv-TagGroup-more-icon-safe-space)}.tiny-tag-group.tiny-tag-group-has-more .tiny-tag-group_icon{position:absolute;right:0;top:0}.tiny-tag-group.tiny-tag-group-has-more .tiny-tag-group_icon svg{height:
|
|
1
|
+
.tiny-tag-group{--tv-TagGroup-margin-bottom:var(--tv-space-lg, 12px);--tv-TagGroup-item-margin-right:var(--tv-space-md, 8px);--tv-TagGroup-item-margin-bottom:var(--tv-space-md, 8px);--tv-TagGroup-more-icon-safe-space:32px;overflow:hidden;position:relative;margin-bottom:var(--tv-TagGroup-margin-bottom)}.tiny-tag-group .tiny-tag{margin-right:var(--tv-TagGroup-item-margin-right);margin-bottom:var(--tv-TagGroup-item-margin-bottom)}.tiny-tag-group .tiny-tag:last-child{margin-right:0}.tiny-tag-group.tiny-tag-group-has-more{padding-right:var(--tv-TagGroup-more-icon-safe-space)}.tiny-tag-group.tiny-tag-group-has-more .tiny-tag-group_icon{position:absolute;right:0;top:0}.tiny-tag-group.tiny-tag-group-has-more .tiny-tag-group_icon svg{height:21px}.tiny-tag-group-popper{--tv-TagGroup-margin-bottom:var(--tv-space-lg, 12px);--tv-TagGroup-item-margin-right:var(--tv-space-md, 8px);--tv-TagGroup-item-margin-bottom:var(--tv-space-md, 8px);--tv-TagGroup-more-icon-safe-space:32px}.tiny-tag-group-popper .tiny-tag{margin-right:var(--tv-TagGroup-item-margin-right);margin-bottom:var(--tv-TagGroup-item-margin-bottom)}.tiny-tag-group-popper .tiny-tag:last-child{margin-right:0}
|
package/tall-storage/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tall-storage{--tv-TallStorage-bg-color:var(--tv-color-bg-
|
|
1
|
+
.tiny-tall-storage{--tv-TallStorage-bg-color:var(--tv-color-bg-2, #ffffff);--tv-TallStorage-border-radius:var(--tv-border-radius-md, 6px);--tv-TallStorage-item-height:var(--tv-size-height-md, 32px);--tv-TallStorage-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);--tv-TallStorage-box-shadow:var(--tv-shadow-2-down, 0 2px 12px 0 rgba(0, 0, 0, 0.16));position:relative}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--tv-TallStorage-bg-color);-webkit-box-shadow:var(--tv-TallStorage-box-shadow);box-shadow:var(--tv-TallStorage-box-shadow);border-radius:var(--tv-TallStorage-border-radius);overflow:hidden;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none;overflow-y:auto;max-height:calc(var(--tv-TallStorage-item-height) * 5)}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--tv-TallStorage-item-height);line-height:var(--tv-TallStorage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--tv-TallStorage-item-bg-color-hover)}
|
package/text-popup/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-text-popup{--tv-TextPopup-border-radius:var(--tv-border-radius-md);--tv-TextPopup-height:var(--tv-size-height-md);--tv-TextPopup-font-size:var(--tv-font-size-default);--tv-TextPopup-border-color:var(--tv-color-border);--tv-TextPopup-box-shadow:var(--tv-shadow-1);--tv-TextPopup-hover-border-color:var(--tv-color-border-hover);--tv-TextPopup-focus-border-color:var(--tv-color-border-active);display:inline-block}.tiny-text-popup.show-auto-width{width:100%}.tiny-text-popup .area{font-size:var(--tv-TextPopup-font-size);font-family:var(--tv-TextPopup-font-family);padding:5px 12px;width:100%;border-radius:var(--tv-TextPopup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-text-popup .text{border:1px solid var(--tv-TextPopup-border-color);line-height:1;height:var(--tv-TextPopup-height)}.tiny-text-popup .text:hover{border-color:var(--tv-TextPopup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--tv-TextPopup-box-shadow);box-shadow:var(--tv-TextPopup-box-shadow);border:1px solid var(--tv-TextPopup-focus-border-color)}
|
|
1
|
+
.tiny-text-popup{--tv-TextPopup-border-radius:var(--tv-border-radius-md, 6px);--tv-TextPopup-height:var(--tv-size-height-md, 32px);--tv-TextPopup-font-size:var(--tv-font-size-default, 14px);--tv-TextPopup-border-color:var(--tv-color-border, #c2c2c2);--tv-TextPopup-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-TextPopup-text-color:var(--tv-color-text, #191919);--tv-TextPopup-box-shadow:var(--tv-shadow-1, 0 0 0 0 rgba(0, 0, 0, 0));--tv-TextPopup-hover-border-color:var(--tv-color-border-hover, #191919);--tv-TextPopup-focus-border-color:var(--tv-color-border-active, #191919);display:inline-block}.tiny-text-popup.show-auto-width{width:100%}.tiny-text-popup .area{font-size:var(--tv-TextPopup-font-size);font-family:var(--tv-TextPopup-font-family);padding:5px 12px;width:100%;border-radius:var(--tv-TextPopup-border-radius,2px);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--tv-TextPopup-bg-color);color:var(--tv-TextPopup-text-color)}.tiny-text-popup .text{border:1px solid var(--tv-TextPopup-border-color);line-height:1;height:var(--tv-TextPopup-height);background-color:var(--tv-TextPopup-bg-color);color:var(--tv-TextPopup-text-color)}.tiny-text-popup .text:hover{border-color:var(--tv-TextPopup-hover-border-color)}.tiny-text-popup .popup{resize:none;-webkit-box-shadow:var(--tv-TextPopup-box-shadow);box-shadow:var(--tv-TextPopup-box-shadow);border:1px solid var(--tv-TextPopup-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:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-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)}}@-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{--tv-Textarea-text-color:var(--tv-color-text);--tv-Textarea-more-btn-text-color:var(--tv-color-text-link);--tv-Textarea-bg-color:var(--tv-color-bg-secondary);--tv-Textarea-font-size:var(--tv-font-size-default);--tv-Textarea-count-font-size:var(--tv-font-size-sm);--tv-Textarea-height:var(--tv-size-height-md);--tv-Textarea-border-radius:var(--tv-border-radius-md);--tv-Textarea-border-color:var(--tv-color-border);--tv-Textarea-inner-hover-border-color:var(--tv-color-border-hover);--tv-Textarea-inner-active-border-color:var(--tv-color-border-active);--tv-Textarea-placeholder-text-color:var(--tv-color-text-placeholder);--tv-Textarea-disabled-text-color:var(--tv-color-text-disabled);--tv-Textarea-disabled-border-color:var(--tv-color-border-disabled);--tv-Textarea-disabled-bg-color:var(--tv-color-bg-disabled);--tv-Textarea-exceed-text-color:var(--tv-color-error-text);--tv-Textarea-count-color:var(--tv-color-text-weaken);--tv-Textarea-padding-y:var(--tv-space-md);--tv-Textarea-padding-x:var(--tv-space-lg);--tv-Textarea-padding-right:var(--tv-space-sm);--tv-Textarea-padding-bottom:var(--tv-space-xl);--tv-Textarea-count-right:var(--tv-space-xl);--tv-Textarea-active-border-color:var(--tv-color-border-active);--tv-Textarea-count-border-radius:var(--tv-border-radius-md);--tv-Textarea-count-text-length-color:var(--tv-color-text);--tv-Textarea-count-padding-right:var(--tv-space-sm);--tv-Textarea-count-line-height:var(--tv-Textarea-count-font-size);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--tv-Textarea-font-size)}.tiny-textarea
|
|
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:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-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)}}@-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{--tv-Textarea-text-color:var(--tv-color-text, #191919);--tv-Textarea-more-btn-text-color:var(--tv-color-text-link, #1476ff);--tv-Textarea-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-Textarea-font-size:var(--tv-font-size-default, 14px);--tv-Textarea-count-font-size:var(--tv-font-size-sm, 12px);--tv-Textarea-height:var(--tv-size-height-md, 32px);--tv-Textarea-border-radius:var(--tv-border-radius-md, 6px);--tv-Textarea-border-color:var(--tv-color-border, #c2c2c2);--tv-Textarea-inner-hover-border-color:var(--tv-color-border-hover, #191919);--tv-Textarea-inner-active-border-color:var(--tv-color-border-active, #191919);--tv-Textarea-placeholder-text-color:var(--tv-color-text-placeholder, #808080);--tv-Textarea-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-Textarea-disabled-border-color:var(--tv-color-border-disabled, #dbdbdb);--tv-Textarea-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-Textarea-exceed-text-color:var(--tv-color-error-text, #f23030);--tv-Textarea-count-color:var(--tv-color-text-weaken, #808080);--tv-Textarea-padding-y:var(--tv-space-md, 8px);--tv-Textarea-padding-x:var(--tv-space-lg, 12px);--tv-Textarea-padding-right:var(--tv-space-sm, 4px);--tv-Textarea-padding-bottom:var(--tv-space-xl, 16px);--tv-Textarea-count-right:var(--tv-space-xl, 16px);--tv-Textarea-active-border-color:var(--tv-color-border-active, #191919);--tv-Textarea-count-border-radius:var(--tv-border-radius-md, 6px);--tv-Textarea-count-text-length-color:var(--tv-color-text, #191919);--tv-Textarea-count-padding-right:var(--tv-space-sm, 4px);--tv-Textarea-count-line-height:var(--tv-Textarea-count-font-size);position:relative;display:inline-block;width:100%;vertical-align:bottom;font-size:var(--tv-Textarea-font-size)}.tiny-textarea.is-disabled .tiny-textarea__inner{background-color:var(--tv-Textarea-disabled-bg-color);border-color:var(--tv-Textarea-disabled-border-color);color:var(--tv-Textarea-disabled-text-color);cursor:not-allowed}.tiny-textarea.is-disabled .tiny-textarea__inner::-moz-placeholder{color:var(--tv-Textarea-placeholder-text-color);opacity:1}.tiny-textarea.is-disabled .tiny-textarea__inner:-ms-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-webkit-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::-ms-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea.is-disabled .tiny-textarea__inner::placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea.is-disabled:hover{border-color:var(--tv-Textarea-disabled-border-color)}.tiny-textarea.is-exceed .tiny-textarea__inner{border-color:var(--tv-Textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count{color:var(--tv-Textarea-exceed-text-color)}.tiny-textarea.is-exceed .tiny-input__count-text-length{color:var(--tv-Textarea-exceed-text-color)}.tiny-textarea .tiny-input__count{color:var(--tv-Textarea-count-color);font-size:var(--tv-Textarea-count-font-size);text-align:right;position:absolute;z-index:2;line-height:1.5;bottom:1px;right:var(--tv-Textarea-count-right);width:calc(100% - 17px);border-bottom-left-radius:var(--tv-Textarea-count-border-radius);padding-right:var(--tv-Textarea-count-padding-right)}.tiny-textarea .tiny-input__count-text-length{color:var(--tv-Textarea-count-text-length-color)}.tiny-textarea__inner{display:block;width:100%;min-height:60px;min-height:calc(var(--tv-Textarea-height,30px) * 2);color:var(--tv-Textarea-text-color);border:1px solid var(--tv-Textarea-border-color);border-radius:var(--tv-Textarea-border-radius);background:var(--tv-Textarea-bg-color);padding:var(--tv-Textarea-padding-y) var(--tv-Textarea-padding-x);padding-bottom:var(--tv-Textarea-padding-bottom);line-height:1.5;font-size:var(--tv-Textarea-font-size);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(--tv-Textarea-placeholder-text-color);opacity:1}.tiny-textarea__inner:-ms-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea__inner::-webkit-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea__inner::-ms-input-placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea__inner::placeholder{color:var(--tv-Textarea-placeholder-text-color)}.tiny-textarea__inner:hover{border-color:var(--tv-Textarea-inner-hover-border-color)}.tiny-textarea__inner:focus{border-color:var(--tv-Textarea-inner-active-border-color)}.tiny-textarea:has(.tiny-textarea__inner:focus){border-color:var(--tv-Textarea-active-border-color)}.tiny-textarea__inner:focus,.tiny-textarea__inner:hover{outline:0}.tiny-textarea__inner.tiny-textarea__fix-height{min-height:30px;height:30px;padding:0 8px;line-height:30px;overflow:hidden}.tiny-textarea .tiny-textarea__inner::-webkit-scrollbar{width:16px}.tiny-textarea .tiny-textarea__inner::-webkit-scrollbar-thumb{border-radius:8px;background-clip:content-box;border:4px solid transparent}.tiny-textarea .tiny-textarea__inner-con{position:relative;display:block;height:30px;width:100%}.tiny-textarea .tiny-textarea__inner-con .tiny-textarea__inner{min-width:160px;position:absolute;z-index:2000;top:0;left:0}.tiny-textarea.is-display-only .tiny-textarea__inner-con{height:auto}.tiny-textarea.is-display-only .tiny-textarea__inner-con .tiny-textarea__inner{display:none}.tiny-textarea.is-display-only .tiny-textarea-display-only .tiny-textarea-display-only__wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-textarea.is-display-only .tiny-textarea-display-only .tiny-textarea-display-only__content{left:0;color:var(--tv-Textarea-text-color);max-width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-wrap:break-word;white-space:pre-wrap;line-height:1.5}.tiny-textarea.is-display-only .tiny-textarea-display-only .tiny-textarea-display-only__content:before{content:'';float:right;height:100%;margin-bottom:-14px}.tiny-textarea.is-display-only .tiny-textarea-display-only .tiny-textarea-display-only__content .more-btn{float:right;clear:both;color:var(--tv-Textarea-more-btn-text-color);font-size:12px;line-height:12px;cursor:pointer}.tiny-textarea.is-display-only .tiny-textarea__inner{height:0;padding:0;border-style:none;visibility:hidden}
|
package/theme-tool.d.ts
CHANGED
|
@@ -19,8 +19,9 @@ interface ThemeData {
|
|
|
19
19
|
|
|
20
20
|
declare const tinyOldTheme: ThemeData
|
|
21
21
|
declare const tinyAuroraTheme: ThemeData
|
|
22
|
+
declare const tinyDarkTheme: ThemeData
|
|
22
23
|
|
|
23
|
-
export { tinyOldTheme, tinyAuroraTheme }
|
|
24
|
+
export { tinyOldTheme, tinyAuroraTheme, tinyDarkTheme }
|
|
24
25
|
/**
|
|
25
26
|
* 动态切换文档或影子根节点的样式类
|
|
26
27
|
* @example
|
package/theme-tool.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import tinyOldTheme from './old-theme-index.js'
|
|
2
2
|
import tinyAuroraTheme from './aurora-theme-index.js'
|
|
3
|
+
import tinyDarkTheme from './dark-theme-index.js'
|
|
3
4
|
|
|
4
|
-
export { tinyOldTheme, tinyAuroraTheme }
|
|
5
|
+
export { tinyOldTheme, tinyAuroraTheme, tinyDarkTheme }
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* 动态切换文档或影子根节点的样式类
|
|
@@ -29,7 +30,7 @@ export default class TinyThemeTool {
|
|
|
29
30
|
.map((key) => `--${key}: ${theme.data[key]}; `)
|
|
30
31
|
.join('')
|
|
31
32
|
|
|
32
|
-
cssContent = `:root{${cssContent}}`
|
|
33
|
+
cssContent = `:root, :host{${cssContent}}`
|
|
33
34
|
}
|
|
34
35
|
if (theme.css && typeof theme.css === 'string') {
|
|
35
36
|
cssContent += theme.css
|
package/time-panel/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-time-panel{--tv-TimePanel-font-size:var(--tv-font-size-default, 14px);--tv-TimePanel-width:220px;--tv-TimePanel-margin:var(--tv-space-sm, 4px) 0;--tv-TimePanel-padding:0 14px;--tv-TimePanel-bg-color:var(--tv-color-bg-
|
|
1
|
+
.tiny-time-panel{--tv-TimePanel-font-size:var(--tv-font-size-default, 14px);--tv-TimePanel-width:220px;--tv-TimePanel-margin:var(--tv-space-sm, 4px) 0;--tv-TimePanel-padding:0 14px;--tv-TimePanel-bg-color:var(--tv-color-bg-2, #ffffff);--tv-TimePanel-border-radius:var(--tv-border-radius-md, 6px);--tv-TimePanel-box-shadow:var(--tv-shadow-3-down, 0 4px 16px 0 rgba(0, 0, 0, 0.08));--tv-TimePanel-border-color-divider:var(--tv-color-border-divider, #f0f0f0);--tv-TimePanel-header-margin:var(--tv-space-xl, 16px) 2px 0 2px;--tv-TimePanel-header-text-color:var(--tv-color-text-weaken, #808080);--tv-TimePanel-content-padding-bottom:var(--tv-space-lg, 12px);--tv-TimePanel-btn-height:var(--tv-size-height-sm, 28px);--tv-TimePanel-btn-border-radius:var(--tv-border-radius-md, 6px);--tv-TimePanel-btn-font-weight:var(--tv-font-weight-bold, 600);--tv-TimePanel-btn-padding:0 var(--tv-space-sm, 4px);--tv-TimePanel-confirm-text-color:var(--tv-color-text-link, #1476ff);--tv-TimePanel-footer-padding:var(--tv-space-xl, 16px);--tv-TimePanel-footer-margin:0 calc(-1 * var(--tv-space-xl, 16px));margin:var(--tv-TimePanel-margin);font-size:var(--tv-TimePanel-font-size);background-color:var(--tv-TimePanel-bg-color);-webkit-box-shadow:var(--tv-TimePanel-box-shadow);box-shadow:var(--tv-TimePanel-box-shadow);border-radius:var(--tv-TimePanel-border-radius);position:absolute;width:var(--tv-TimePanel-width);left:0;z-index:1000;-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--tv-TimePanel-padding);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-time-panel__header{display:block}.tiny-time-panel__header-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:var(--tv-TimePanel-header-margin);color:var(--tv-TimePanel-header-text-color);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-time-panel__content{font-size:0;position:relative;overflow:hidden;padding-bottom:var(--tv-TimePanel-content-padding-bottom)}.tiny-time-panel__content:after,.tiny-time-panel__content:before{display:none;content:'';top:50%;position:absolute;margin-top:-19px;height:32px;z-index:-1;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:6px;text-align:left;border-top:1px solid var(--tv-TimePanel-border-color-divider);border-bottom:1px solid var(--tv-TimePanel-border-color-divider)}.tiny-time-panel__content:after{left:50%;margin-left:12%;margin-right:12%}.tiny-time-panel__content:before{padding-left:50%;margin-right:12%;margin-left:12%}.tiny-time-panel__content.has-seconds:after{left:calc(100% / 3 * 2)}.tiny-time-panel__content.has-seconds:before{padding-left:calc(100% / 3)}.tiny-time-panel__footer{border-top:1px solid var(--tv-TimePanel-border-color-divider);text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--tv-TimePanel-footer-padding);margin:var(--tv-TimePanel-footer-margin)}.tiny-time-panel__btn.tiny-button{min-width:inherit;border:none;height:var(--tv-TimePanel-btn-height);padding:var(--tv-TimePanel-btn-padding);margin:0 5px;cursor:pointer;background-color:transparent;outline:0;font-size:12px;border-radius:var(--tv-TimePanel-btn-border-radius);-webkit-transition:background-color .3s cubic-bezier(.645,.045,.355,1);transition:background-color .3s cubic-bezier(.645,.045,.355,1)}.tiny-time-panel__btn.tiny-button.confirm{font-weight:var(--tv-TimePanel-btn-font-weight);color:var(--tv-TimePanel-confirm-text-color)}
|
package/time-select/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-time-select{--tv-TimeSelect-item-text-color:var(--tv-color-text);--tv-TimeSelect-item-font-size:var(--tv-font-size-default);--tv-TimeSelect-item-padding-horizontal:var(--tv-space-xl);--tv-TimeSelect-item-disabled-text-color:var(--tv-color-text-disabled);--tv-TimeSelect-item-hover-bg-color:var(--tv-color-bg-hover);--tv-TimeSelect-item-selected-text-color:var(--tv-color-text-active);--tv-TimeSelect-content-padding-top:var(--tv-space-md);height:242px;padding-top:var(--tv-TimeSelect-content-padding-top)}.tiny-time-select.not-match-height{height:36px}.tiny-time-select .tiny-scrollbar{height:100%}.tiny-time-select .tiny-scrollbar .tiny-scrollbar__wrap{max-height:unset}.tiny-time-select .tiny-time-select__item{color:var(--tv-TimeSelect-item-text-color);font-size:var(--tv-TimeSelect-item-font-size);padding:0 var(--tv-TimeSelect-item-padding-horizontal);line-height:32px;height:32px}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){color:var(--tv-TimeSelect-item-selected-text-color)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--tv-TimeSelect-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.disabled{color:var(--tv-TimeSelect-item-disabled-text-color);cursor:not-allowed}.tiny-time-select .tiny-picker-panel__content{padding-left:0;padding-right:0}.tiny-time-select .tiny-picker-panel__content .no-match{text-align:center}
|
|
1
|
+
.tiny-time-select{--tv-TimeSelect-item-text-color:var(--tv-color-text, #191919);--tv-TimeSelect-item-font-size:var(--tv-font-size-default, 14px);--tv-TimeSelect-item-padding-horizontal:var(--tv-space-xl, 16px);--tv-TimeSelect-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-TimeSelect-item-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-TimeSelect-item-selected-text-color:var(--tv-color-text-active, #1476ff);--tv-TimeSelect-content-padding-top:var(--tv-space-md, 8px);height:242px;padding-top:var(--tv-TimeSelect-content-padding-top)}.tiny-time-select.not-match-height{height:36px}.tiny-time-select .tiny-scrollbar{height:100%}.tiny-time-select .tiny-scrollbar .tiny-scrollbar__wrap{max-height:unset}.tiny-time-select .tiny-time-select__item{color:var(--tv-TimeSelect-item-text-color);font-size:var(--tv-TimeSelect-item-font-size);padding:0 var(--tv-TimeSelect-item-padding-horizontal);line-height:32px;height:32px}.tiny-time-select .tiny-time-select__item.selected:not(.disabled){color:var(--tv-TimeSelect-item-selected-text-color)}.tiny-time-select .tiny-time-select__item:not(.disabled):hover{background-color:var(--tv-TimeSelect-item-hover-bg-color);cursor:pointer}.tiny-time-select .tiny-time-select__item.disabled{color:var(--tv-TimeSelect-item-disabled-text-color);cursor:not-allowed}.tiny-time-select .tiny-picker-panel__content{padding-left:0;padding-right:0}.tiny-time-select .tiny-picker-panel__content .no-match{text-align:center}
|
package/time-spinner/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-time-spinner{--tv-TimeSpinner-font-size:var(--tv-font-size-default, 14px);--tv-TimeSpinner-text-color:var(--tv-color-text, #191919);--tv-TimeSpinner-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-TimeSpinner-wrapper-max-height:252px;--tv-TimeSpinner-line-height:var(--tv-line-height-number, 1.5);--tv-TimeSpinner-icon-color:var(--tv-color-icon, #808088);--tv-TimeSpinner-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-TimeSpinner-icon-size:var(--tv-icon-size, 16px);--tv-TimeSpinner-list-margin:10px 0 30px 0;--tv-TimeSpinner-item-margin:var(--tv-space-lg, 12px) 10px 0 10px;--tv-TimeSpinner-item-padding:3.5px 0;--tv-TimeSpinner-item-border-radius:var(--tv-border-radius-brand, 999px);--tv-TimeSpinner-item-bg-color-hover:var(--tv-color-bg-hover-
|
|
1
|
+
.tiny-time-spinner{--tv-TimeSpinner-font-size:var(--tv-font-size-default, 14px);--tv-TimeSpinner-text-color:var(--tv-color-text, #191919);--tv-TimeSpinner-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-TimeSpinner-wrapper-max-height:252px;--tv-TimeSpinner-line-height:var(--tv-line-height-number, 1.5);--tv-TimeSpinner-icon-color:var(--tv-color-icon, #808088);--tv-TimeSpinner-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-TimeSpinner-icon-size:var(--tv-icon-size, 16px);--tv-TimeSpinner-list-margin:10px 0 30px 0;--tv-TimeSpinner-item-margin:var(--tv-space-lg, 12px) 10px 0 10px;--tv-TimeSpinner-item-padding:3.5px 0;--tv-TimeSpinner-item-border-radius:var(--tv-border-radius-brand, 999px);--tv-TimeSpinner-item-bg-color-hover:var(--tv-color-bg-hover-3, #deecff);--tv-TimeSpinner-item-bg-color-active:var(--tv-color-bg-active-emphasize, #deecff);--tv-TimeSpinner-item-bg-color-disabled:var(--tv-color-bg-disabled, #f0f0f0)}.tiny-time-spinner__wrapper{max-height:var(--tv-TimeSpinner-wrapper-max-height);overflow:hidden;display:inline-block;width:50%;vertical-align:top;position:relative}.tiny-time-spinner__wrapper.tiny-scrollbar{overflow:hidden}.tiny-time-spinner__wrapper .tiny-scrollbar__wrap:not(.tiny-scrollbar__wrap--hidden-default){padding-bottom:15px}.tiny-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list::after,.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list::before{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tv-TimeSpinner-item-bg-color-hover);cursor:default}.tiny-time-spinner__wrapper .tiny-time-spinner__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-6px);transform:translateY(-6px);margin:var(--tv-TimeSpinner-list-margin)}.tiny-time-spinner__wrapper:last-child .tiny-time-spinner__list{border-right:0}.tiny-time-spinner__wrapper.is-arrow{height:220px}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list{height:200px}.tiny-time-spinner__arrow{height:30px;line-height:30px;position:absolute;left:0;width:100%;z-index:1;text-align:center;cursor:pointer}.tiny-time-spinner__arrow .tiny-svg{fill:var(--tv-TimeSpinner-icon-color);font-size:var(--tv-TimeSpinner-icon-size)}.tiny-time-spinner__arrow:hover .tiny-svg{fill:var(--tv-TimeSpinner-icon-color-hover)}.tiny-time-spinner__arrow.tiny-icon-arrow-up{top:10px}.tiny-time-spinner__arrow.tiny-icon-arrow-down{bottom:10px}.tiny-time-spinner__arrow.tiny-input{width:70%}.tiny-time-spinner__arrow.tiny-input .tiny-input__inner{padding:0;text-align:center}.tiny-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center}.tiny-time-spinner__list::after,.tiny-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.tiny-time-spinner .tiny-time-spinner__item{text-align:center;margin:var(--tv-TimeSpinner-item-margin);padding:var(--tv-TimeSpinner-item-padding);font-size:var(--tv-TimeSpinner-font-size);line-height:var(--tv-TimeSpinner-line-height);color:var(--tv-TimeSpinner-text-color);border-radius:var(--tv-TimeSpinner-item-border-radius);width:52px}.tiny-time-spinner .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--tv-TimeSpinner-item-bg-color-hover);cursor:pointer}.tiny-time-spinner .tiny-time-spinner__item.active:not(.disabled){background-color:var(--tv-TimeSpinner-item-bg-color-active)}.tiny-time-spinner .tiny-time-spinner__item.disabled{color:var(--tv-TimeSpinner-text-color-disabled);cursor:not-allowed;background:var(--tv-TimeSpinner-item-bg-color-disabled)}.tiny-time-spinner.has-seconds .tiny-time-spinner__wrapper{width:33.3%}
|
package/toggle-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-toggle-menu{--tv-ToggleMenu-width:200px;--tv-ToggleMenu-font-size:var(--tv-font-size-default);--tv-ToggleMenu-name-text-color:var(--tv-color-text);--tv-ToggleMenu-tree-node-height:32px;--tv-ToggleMenu-filter-search-size:28px;--tv-ToggleMenu-filter-search-svg-size:var(--tv-icon-size);--tv-ToggleMenu-filter-search-icon-color:var(--tv-color-icon);--tv-ToggleMenu-toggle-icon-color:var(--tv-color-icon);--tv-ToggleMenu-toggle-icon-color-hover:var(--tv-color-icon-hover);--tv-ToggleMenu-toggle-bg-color:var(--tv-color-bg-gray-2);--tv-ToggleMenu-toggle-font-weight:var(--tv-font-weight-bold);--tv-ToggleMenu-toggle-bg-hover-color:var(--tv-color-bg-hover);width:var(--tv-ToggleMenu-width);position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--tv-ToggleMenu-name-text-color);font-size:var(--tv-ToggleMenu-font-size)}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:8px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:var(--tv-ToggleMenu-filter-search-size);height:var(--tv-ToggleMenu-filter-search-size);line-height:var(--tv-ToggleMenu-filter-search-size);display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--tv-ToggleMenu-filter-search-icon-color);font-size:var(--tv-ToggleMenu-filter-search-svg-size)}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:var(--tv-ToggleMenu-filter-search-size);line-height:var(--tv-ToggleMenu-filter-search-size);background:var(--tv-ToggleMenu-toggle-bg-color);cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color-hover)}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color-hover)}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree .is-current:not(.show-checkbox)>.tiny-tree-node__content>.tiny-tree-node__content-left{font-weight:var(--tv-ToggleMenu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content-right:hover,.tiny-toggle-menu .tiny-tree :not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__label:hover{background-color:var(--tv-ToggleMenu-toggle-bg-hover-color);font-weight:var(--tv-ToggleMenu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__expand-icon{font-size:16px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:var(--tv-ToggleMenu-font-size);padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:var(--tv-ToggleMenu-tree-node-height);line-height:var(--tv-ToggleMenu-tree-node-height);font-size:var(--tv-ToggleMenu-font-size);padding-left:0;margin-left:0}
|
|
1
|
+
.tiny-toggle-menu{--tv-ToggleMenu-width:200px;--tv-ToggleMenu-font-size:var(--tv-font-size-default, 14px);--tv-ToggleMenu-name-text-color:var(--tv-color-text, #191919);--tv-ToggleMenu-tree-node-height:32px;--tv-ToggleMenu-filter-search-size:28px;--tv-ToggleMenu-filter-search-svg-size:var(--tv-icon-size, 16px);--tv-ToggleMenu-filter-search-icon-color:var(--tv-color-icon, #808080);--tv-ToggleMenu-toggle-icon-color:var(--tv-color-icon, #808080);--tv-ToggleMenu-toggle-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-ToggleMenu-toggle-bg-color:var(--tv-color-bg-gray-2, #e6e6e6);--tv-ToggleMenu-toggle-font-weight:var(--tv-font-weight-bold, 600);--tv-ToggleMenu-toggle-bg-hover-color:var(--tv-color-bg-hover, #f5f5f5);width:var(--tv-ToggleMenu-width);position:relative}.tiny-toggle-menu .tiny-toggle-menu__body{cursor:pointer;line-height:1;padding-left:4px;width:100%}.tiny-toggle-menu .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-toggle-menu__body:hover{text-decoration:none}.tiny-toggle-menu .tiny-toggle-menu__name{color:var(--tv-ToggleMenu-name-text-color);font-size:var(--tv-ToggleMenu-font-size)}.tiny-toggle-menu .tiny-toggle-menu__tree{position:relative}.tiny-toggle-menu .tiny-toggle-menu__filter{position:relative;margin-bottom:8px;width:calc(100% - 16px)}.tiny-toggle-menu .tiny-toggle-menu__filter-search{width:var(--tv-ToggleMenu-filter-search-size);height:var(--tv-ToggleMenu-filter-search-size);line-height:var(--tv-ToggleMenu-filter-search-size);display:block;text-align:center;position:absolute;right:0;top:0}.tiny-toggle-menu .tiny-toggle-menu__filter-search .tiny-svg{fill:var(--tv-ToggleMenu-filter-search-icon-color);font-size:var(--tv-ToggleMenu-filter-search-svg-size)}.tiny-toggle-menu .tiny-toggle-menu__toggle{position:absolute;top:0;left:calc(100% - 14px);z-index:2;width:14px;height:var(--tv-ToggleMenu-filter-search-size);line-height:var(--tv-ToggleMenu-filter-search-size);background:var(--tv-ToggleMenu-toggle-bg-color);cursor:pointer;-webkit-transition:.2s linear;transition:.2s linear}.tiny-toggle-menu .tiny-toggle-menu__toggle .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color)}.tiny-toggle-menu .tiny-toggle-menu__toggle:hover .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color-hover)}.tiny-toggle-menu .tiny-toggle-menu__link{width:100%}.tiny-toggle-menu.is-toggle-right{width:80px}.tiny-toggle-menu.is-toggle-right .tiny-tree-node.is-current .tiny-tree-node__content{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover{background:0 0}.tiny-toggle-menu.is-toggle-right .tiny-tree-node__content:hover .tiny-svg{fill:var(--tv-ToggleMenu-toggle-icon-color-hover)}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__toggle{position:relative;left:0}.tiny-toggle-menu.is-toggle-right .tiny-toggle-menu__filter{display:none}.tiny-toggle-menu .tiny-tree .is-current:not(.show-checkbox)>.tiny-tree-node__content>.tiny-tree-node__content-left{font-weight:var(--tv-ToggleMenu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree .tiny-tree-node__content-right:hover,.tiny-toggle-menu .tiny-tree :not(.show-checkbox)>.tiny-tree-node__content .tiny-tree-node__label:hover{background-color:var(--tv-ToggleMenu-toggle-bg-hover-color);font-weight:var(--tv-ToggleMenu-toggle-font-weight)}.tiny-toggle-menu .tiny-tree .tiny-tree-node__expand-icon{font-size:16px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-tree-node__content{height:32px}.tiny-toggle-menu .tiny-tree.is-wrap .tiny-toggle-menu__name{display:inline-block;white-space:normal;line-height:normal;word-break:break-word}.tiny-toggle-menu .tiny-tree.is-overflow .tiny-toggle-menu__name{width:calc(100% - 18px);vertical-align:middle;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-toggle-menu__body,.tiny-toggle-menu .tiny-tree.is-node-hide .tiny-tree-node__children{display:none}.tiny-toggle-menu .tiny-input__inner{font-size:var(--tv-ToggleMenu-font-size);padding-right:30px;border-radius:0;border-top:0;border-left:0;border-right:0}.tiny-toggle-menu .tiny-tree-node__content{height:var(--tv-ToggleMenu-tree-node-height);line-height:var(--tv-ToggleMenu-tree-node-height);font-size:var(--tv-ToggleMenu-font-size);padding-left:0;margin-left:0}
|
package/tooltip/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tooltip{--tv-Tooltip-popper-font-line-height:var(--tv-line-height-number);--tv-Tooltip-popper-border-radius:var(--tv-border-radius-lg);--tv-Tooltip-popper-font-size:var(--tv-font-size-default);--tv-Tooltip-popper-normal-bg-color:var(--tv-color-bg-
|
|
1
|
+
.tiny-tooltip{--tv-Tooltip-popper-font-line-height:var(--tv-line-height-number, 1.5);--tv-Tooltip-popper-border-radius:var(--tv-border-radius-lg, 8px);--tv-Tooltip-popper-font-size:var(--tv-font-size-default, 14px);--tv-Tooltip-popper-normal-bg-color:var(--tv-color-bg-2, #ffffff);--tv-Tooltip-popper-normal-text-color:var(--tv-color-text, #191919);--tv-Tooltip-popper-normal-border-color:var(--tv-Tooltip-popper-normal-bg-color);--tv-Tooltip-popper-info-bg-color:var(--tv-color-info-bg, #1476ff);--tv-Tooltip-popper-info-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Tooltip-popper-info-border-color:var(--tv-color-info-border, #1476ff);--tv-Tooltip-popper-error-bg-color:var(--tv-color-error-bg, #f23030);--tv-Tooltip-popper-error-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Tooltip-popper-error-border-color:var(--tv-color-error-border, #f23030);--tv-Tooltip-popper-warning-bg-color:var(--tv-color-warn-bg, #ff8800);--tv-Tooltip-popper-warning-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Tooltip-popper-warning-border-color:var(--tv-color-warn-border, #ff8800);--tv-Tooltip-popper-success-bg-color:var(--tv-color-success-bg, #5cb300);--tv-Tooltip-popper-success-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Tooltip-popper-success-border-color:var(--tv-color-success-border, #5cb300);--tv-Tooltip-popper-dark-bg-color:var(--tv-color-bg-dark-1, #191919);--tv-Tooltip-popper-dark-text-color:var(--tv-color-text-inverse, #ffffff);--tv-Tooltip-popper-dark-border-color:var(--tv-color-border-hover, #191919);--tv-Tooltip-popper-light-bg-color:var(--tv-color-bg-2, #ffffff);--tv-Tooltip-popper-light-text-color:var(--tv-color-text, #191919);--tv-Tooltip-popper-light-border-color:var(--tv-Tooltip-popper-normal-bg-color);--tv-Tooltip-box-shadow:var(--tv-shadow-2-down, 0 2px 12px 0 rgba(0, 0, 0, 0.16));--tv-Tooltip-padding-y:var(--tv-space-lg, 12px);--tv-Tooltip-padding-x:var(--tv-space-xl, 16px);--tv-Tooltip-validate-icon-color:var(--tv-color-error-icon, #f23030);white-space:pre-wrap}.tiny-tooltip:focus:hover,.tiny-tooltip:focus:not(.focusing){outline-width:0}.tiny-tooltip__content-wrapper{overflow:auto}.tiny-tooltip.tiny-tooltip__popper{position:absolute;left:-9999px;border-radius:var(--tv-Tooltip-popper-border-radius);padding:var(--tv-Tooltip-padding-y) var(--tv-Tooltip-padding-x);font-size:var(--tv-Tooltip-popper-font-size);line-height:var(--tv-Tooltip-popper-font-line-height);min-width:10px;max-width:450px;z-index:2000;word-wrap:break-word;-webkit-box-shadow:var(--tv-Tooltip-box-shadow);box-shadow:var(--tv-Tooltip-box-shadow)}.tiny-tooltip.tiny-tooltip__popper.is-normal{background:var(--tv-Tooltip-popper-normal-bg-color);color:var(--tv-Tooltip-popper-normal-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-normal .popper__arrow{background-color:var(--tv-Tooltip-popper-normal-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-info{background:var(--tv-Tooltip-popper-info-bg-color);color:var(--tv-Tooltip-popper-info-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-info .popper__arrow{background-color:var(--tv-Tooltip-popper-info-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error{background:var(--tv-Tooltip-popper-error-bg-color);color:var(--tv-Tooltip-popper-error-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-error .popper__arrow{background-color:var(--tv-Tooltip-popper-error-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-error .tooltip-validate-icon{fill:var(--tv-Tooltip-validate-icon-color);margin-right:8px}.tiny-tooltip.tiny-tooltip__popper.is-warning{background:var(--tv-Tooltip-popper-warning-bg-color);color:var(--tv-Tooltip-popper-warning-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-warning .popper__arrow{background-color:var(--tv-Tooltip-popper-warning-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-success{background:var(--tv-Tooltip-popper-success-bg-color);color:var(--tv-Tooltip-popper-success-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-success .popper__arrow{background-color:var(--tv-Tooltip-popper-success-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-dark{background:var(--tv-Tooltip-popper-dark-bg-color);color:var(--tv-Tooltip-popper-dark-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-dark .popper__arrow{background-color:var(--tv-Tooltip-popper-dark-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-light{background:var(--tv-Tooltip-popper-light-bg-color);color:var(--tv-Tooltip-popper-light-text-color)}.tiny-tooltip.tiny-tooltip__popper.is-light .popper__arrow{background-color:var(--tv-Tooltip-popper-light-bg-color)}.tiny-tooltip.tiny-tooltip__popper.is-blank-content{display:none}
|
package/top-box/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-top-box{--tv-TopBox-bg-color:var(--tv-color-bg-secondary);--tv-TopBox-icon-font-size:24px;--tv-TopBox-success-icon-color:var(--tv-color-success-icon);--tv-TopBox-error-icon-color:var(--tv-color-error-icon);--tv-TopBox-warning-icon-color:var(--tv-color-warn-icon);--tv-TopBox-help-icon-color:var(--tv-color-icon-control);--tv-TopBox-info-icon-color:var(--tv-color-info-icon);position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;max-height:600px;background:var(--tv-TopBox-bg-color);padding:24px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s}.tiny-top-box .tiny-top-box__icon{font-size:var(--tv-TopBox-icon-font-size);vertical-align:middle}.tiny-top-box .tiny-top-box__content{display:inline-block;padding:0 16px;vertical-align:middle}.tiny-top-box .tiny-top-box__closeBtn{position:absolute;top:14px;right:12px;cursor:pointer;fill:rgba(51,51,51,.5);display:none}.tiny-top-box .tiny-top-box__closeBtn:hover{fill:#333}.tiny-top-box .tiny-top-box__toolbar{float:right;margin-top:24px}.tiny-top-box.is-closable .tiny-top-box__closeBtn{display:inline-block}.tiny-top-box.is-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-top-box--success .tiny-top-box__icon{fill:var(--tv-TopBox-success-icon-color)}.tiny-top-box--error .tiny-top-box__icon{fill:var(--tv-TopBox-error-icon-color)}.tiny-top-box--warning .tiny-top-box__icon{fill:var(--tv-TopBox-warning-icon-color)}.tiny-top-box--help .tiny-top-box__icon{fill:var(--tv-TopBox-help-icon-color)}.tiny-top-box--info .tiny-top-box__icon{fill:var(--tv-TopBox-info-icon-color)}.tiny-top-box-fade-enter,.tiny-top-box-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
|
|
1
|
+
.tiny-top-box{--tv-TopBox-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-TopBox-icon-font-size:24px;--tv-TopBox-success-icon-color:var(--tv-color-success-icon, #5cb300);--tv-TopBox-error-icon-color:var(--tv-color-error-icon, #f23030);--tv-TopBox-warning-icon-color:var(--tv-color-warn-icon, #ff8800);--tv-TopBox-help-icon-color:var(--tv-color-icon-control, #191919);--tv-TopBox-info-icon-color:var(--tv-color-info-icon, #1476ff);position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;max-height:600px;background:var(--tv-TopBox-bg-color);padding:24px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);box-shadow:0 0 5px 0 rgba(0,0,0,.2);-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s}.tiny-top-box .tiny-top-box__icon{font-size:var(--tv-TopBox-icon-font-size);vertical-align:middle}.tiny-top-box .tiny-top-box__content{display:inline-block;padding:0 16px;vertical-align:middle}.tiny-top-box .tiny-top-box__closeBtn{position:absolute;top:14px;right:12px;cursor:pointer;fill:rgba(51,51,51,.5);display:none}.tiny-top-box .tiny-top-box__closeBtn:hover{fill:#333}.tiny-top-box .tiny-top-box__toolbar{float:right;margin-top:24px}.tiny-top-box.is-closable .tiny-top-box__closeBtn{display:inline-block}.tiny-top-box.is-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-top-box--success .tiny-top-box__icon{fill:var(--tv-TopBox-success-icon-color)}.tiny-top-box--error .tiny-top-box__icon{fill:var(--tv-TopBox-error-icon-color)}.tiny-top-box--warning .tiny-top-box__icon{fill:var(--tv-TopBox-warning-icon-color)}.tiny-top-box--help .tiny-top-box__icon{fill:var(--tv-TopBox-help-icon-color)}.tiny-top-box--info .tiny-top-box__icon{fill:var(--tv-TopBox-info-icon-color)}.tiny-top-box-fade-enter,.tiny-top-box-fade-leave-active{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}
|