.var-sticky{position:relative}.var-sticky--css-mode{position:sticky;position:-webkit-sticky}:root{--tabs-item-horizontal-height:44px;--tabs-item-vertical-height:66px;--tabs-radius:2px;--tabs-padding:12px;--tabs-indicator-size:2px;--tabs-indicator-border-radius:0;--tabs-indicator-background:var(--color-primary);--tabs-background:#fff;--tabs-indicator-inner-size:100%}.var-tabs{background:var(--tabs-background);border-radius:var(--tabs-radius);overflow:hidden;transition:background-color .25s}.var-tabs__tab-wrap{display:flex;height:100%;position:relative}.var-tabs__indicator{align-items:center;display:flex;justify-content:center;position:absolute;transition-duration:.3s;transition-property:width,transform;z-index:1}.var-tabs__indicator-inner{background:var(--tabs-indicator-background);border-radius:var(--tabs-indicator-border-radius)}.var-tabs--layout-horizontal{flex-direction:row}.var-tabs--layout-horizontal-scrollable{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.var-tabs--layout-horizontal-scrollable::-webkit-scrollbar{display:none}.var-tabs--layout-horizontal-padding{padding:0 var(--tabs-padding)}.var-tabs--layout-horizontal-indicator{bottom:0;height:var(--tabs-indicator-size);left:0}.var-tabs--layout-horizontal-reverse-indicator{height:var(--tabs-indicator-size);left:0;top:0}.var-tabs--layout-horizontal-indicator-inner{height:100%;width:var(--tabs-indicator-inner-size)}.var-tabs--layout-vertical{flex-direction:column}.var-tabs--layout-vertical-scrollable{overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.var-tabs--layout-vertical-scrollable::-webkit-scrollbar{display:none}.var-tabs--layout-vertical-padding{padding:0}.var-tabs--layout-vertical-indicator{left:0;top:0;width:var(--tabs-indicator-size)}.var-tabs--layout-vertical-reverse-indicator{right:0;top:0;width:var(--tabs-indicator-size)}.var-tabs--layout-vertical-indicator-inner{height:var(--tabs-indicator-inner-size);width:100%}.var-tabs--item-horizontal{height:var(--tabs-item-horizontal-height)}.var-tabs--item-vertical{height:var(--tabs-item-vertical-height)}.var-tabs--fixed-bottom{bottom:0;left:0;position:fixed;width:100%;z-index:99}.var-tabs--safe-area{box-sizing:content-box!important;padding-bottom:env(safe-area-inset-bottom)}:root{--tab-padding:12px;--tab-active-color:var(--color-primary);--tab-inactive-color:#646566;--tab-disabled-color:var(--color-text-disabled);--tab-font-size:var(--font-size-md);--tab-font-weight:400;--tab-active-font-size:var(--font-size-md);--tab-active-font-weight:400}.var-tab{align-items:center;cursor:pointer;display:flex;flex:1 0 auto;font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);justify-content:center;padding:0 var(--tab-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.var-tab--active{color:var(--tab-active-color);font-size:var(--tab-active-font-size);font-weight:var(--tab-active-font-weight)}.var-tab--inactive{color:var(--tab-inactive-color)}.var-tab--disabled{color:var(--tab-disabled-color);cursor:not-allowed}.var-tab--horizontal{flex-direction:row}.var-tab--vertical{flex-direction:column}