@salutejs/plasma-new-hope 0.339.0-canary.2303.18841217749.0 → 0.339.1-canary.2309.18879166426.0

package/cjs/index.css

@@ -260,7 +260,7 @@
 
 .base_1sq08yf_bxoicu2__bb7a4868{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 
-.base_4ob3q5_bupjtit__17aafbe8{background-color:var(--plasma-tabs-background-color);}.base_4ob3q5_bupjtit__17aafbe8::after{content:'';position:absolute;bottom:0.125rem;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_4ob3q5_bupjtit__17aafbe8.base_4ob3q5_tabsHasLeftArrow__17aafbe8::after{left:1.5rem;}.base_4ob3q5_bupjtit__17aafbe8.base_4ob3q5_tabsHasRightArrow__17aafbe8::after{right:1.5rem;}.base_4ob3q5_bupjtit__17aafbe8.base_4ob3q5_tabsNoDivider__17aafbe8::after{height:0;}
+.base_1xhgbue_bupjtit__199b915b{background-color:var(--plasma-tabs-background-color);}.base_1xhgbue_bupjtit__199b915b::after{content:'';position:absolute;bottom:0;left:0.125rem;right:0.125rem;background:var(--plasma-tabs-divider-color);height:var(--plasma-tabs-divider-height);border-radius:var(--plasma-tabs-divider-border-radius);}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasLeftArrow__199b915b::after{left:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsHasRightArrow__199b915b::after{right:1.5rem;}.base_1xhgbue_bupjtit__199b915b.base_1xhgbue_tabsNoDivider__199b915b::after{height:0;}
 
 .base_j9bg3m_bbh58a1__de7491f9{opacity:var(--plasma-tabs-disabled-opacity);}
 
@@ -268,10 +268,10 @@
 
 .base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df{width:100%;}.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s158pfyo__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df,.base_1j9ii1x_b1eicxhd__666b97df.base_1j9ii1x_tabsStretched__666b97df .base_1j9ii1x_s191iwmt__666b97df > button{width:100%;margin-left:0;}
 
-.HorizontalTabs_styles_1un37ow_b7gl603__e71db6b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
-.HorizontalTabs_styles_1un37ow_s191iwmt__e71db6b4{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4{margin:-0.125rem;padding:0.25rem;box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipScroll__e71db6b4::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_1un37ow_s158pfyo__e71db6b4.HorizontalTabs_styles_1un37ow_tabsClipShowAll__e71db6b4{overflow:visible;}
-.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4.HorizontalTabs_styles_1un37ow_focusVisible__e71db6b4:focus::before,.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_1un37ow_s1in38wj__e71db6b4:active{color:var(--plasma-tabs-arrow-color-active);}
+.HorizontalTabs_styles_vmnj1d_b7gl603__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
+.HorizontalTabs_styles_vmnj1d_s191iwmt__11dd263e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e{box-sizing:content-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipScroll__11dd263e::-webkit-scrollbar{display:none;}.HorizontalTabs_styles_vmnj1d_s158pfyo__11dd263e.HorizontalTabs_styles_vmnj1d_tabsClipShowAll__11dd263e{overflow:visible;}
+.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;position:relative;--plasma_private-outer-padding:var(--s1in38wj-0);padding-right:var(--s1in38wj-1);padding-left:var(--s1in38wj-2);color:var(--plasma-tabs-arrow-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e.HorizontalTabs_styles_vmnj1d_focusVisible__11dd263e:focus::before,.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e[disabled]{cursor:not-allowed;}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:hover{color:var(--plasma-tabs-arrow-color-hover);}.HorizontalTabs_styles_vmnj1d_s1in38wj__11dd263e:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_og3fwf_b1vyjqk2__9bf74170{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);margin-left:var(--plasma-tab-item-margin-left-filled,var(--plasma-tab-item-margin-left));}.base_og3fwf_b1vyjqk2__9bf74170:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170:hover .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170:active{color:var(--plasma-tab-item-color-active);}.base_og3fwf_b1vyjqk2__9bf74170:active .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-value-color-active);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_tabItemAnimated__9bf74170{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170 .base_og3fwf_t1l5e9z0__9bf74170{color:var(--plasma-tab-item-selected-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170 .base_og3fwf_t1l5e9z0__9bf74170:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_og3fwf_b1vyjqk2__9bf74170.base_og3fwf_selectedTabsItem__9bf74170::after{content:'';position:absolute;bottom:0;left:0;right:0;background:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
 
@@ -281,12 +281,12 @@
 
 .base_1ogr2cm_bt431lh__e8119f61[disabled]{cursor:not-allowed;}.base_1ogr2cm_bt431lh__e8119f61[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_1ogr2cm_bt431lh__e8119f61[disabled].base_1ogr2cm_selectedTabsItem__e8119f61:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
-.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_r1nh4m12__c9e07416:hover{color:inherit;}
-.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_ohczvf_l13nweg3__c9e07416:hover{color:inherit;}
-.HorizontalTabItem_styles_ohczvf_a1iip2sx__c9e07416{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416:first-child{margin-left:0;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_focusVisible__c9e07416:focus::before,.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_skuum0w__c9e07416{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_ohczvf_bn8jkwb__c9e07416.HorizontalTabItem_styles_ohczvf_tabsTruncate__c9e07416 .HorizontalTabItem_styles_ohczvf_t1l5e9z0__c9e07416{overflow:hidden;text-overflow:ellipsis;}
+.HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
+.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_r1nh4m12__96469ed2:hover{color:inherit;}
+.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.HorizontalTabItem_styles_fkdt6v_l13nweg3__96469ed2:hover{color:inherit;}
+.HorizontalTabItem_styles_fkdt6v_a1iip2sx__96469ed2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-clear,var(--plasma-tab-item-padding));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2:first-child{margin-left:0;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_focusVisible__96469ed2:focus::before,.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_skuum0w__96469ed2{overflow:hidden;text-overflow:ellipsis;}.HorizontalTabItem_styles_fkdt6v_bn8jkwb__96469ed2.HorizontalTabItem_styles_fkdt6v_tabsTruncate__96469ed2 .HorizontalTabItem_styles_fkdt6v_t1l5e9z0__96469ed2{overflow:hidden;text-overflow:ellipsis;}
 
 .base_ktj8kt_b16uu05p__3ded821c{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_ktj8kt_b16uu05p__3ded821c:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c:active{color:var(--plasma-tab-item-color-active);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_tabItemAnimated__3ded821c{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c:hover::after{background-color:var(--plasma-tab-item-selected-hover-divider-color);}.base_ktj8kt_b16uu05p__3ded821c.base_ktj8kt_selectedTabsItem__3ded821c::after{content:'';position:absolute;bottom:0;left:0;right:0;background-color:var(--plasma-tab-item-selected-divider-color);height:var(--plasma-tab-item-selected-divider-height);border-radius:0.063rem;}
 
@@ -294,27 +294,27 @@
 
 .base_16mymb5_b1s46niw__79a84978[disabled]{cursor:not-allowed;}.base_16mymb5_b1s46niw__79a84978[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_16mymb5_b1s46niw__79a84978[disabled].base_16mymb5_selectedTabsItem__79a84978:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.HorizontalIconTabItem_styles_1yj92p8_scdozmr__fee8681e{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.HorizontalIconTabItem_styles_1yj92p8_aov4yz3__fee8681e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e:first-child{margin-left:0;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e.HorizontalIconTabItem_styles_1yj92p8_focusVisible__fee8681e:focus::before,.HorizontalIconTabItem_styles_1yj92p8_b18wsolm__fee8681e[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.HorizontalIconTabItem_styles_72iooa_scdozmr__cb32353f{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.HorizontalIconTabItem_styles_72iooa_aov4yz3__cb32353f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f:first-child{margin-left:0;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f.HorizontalIconTabItem_styles_72iooa_focusVisible__cb32353f:focus::before,.HorizontalIconTabItem_styles_72iooa_b18wsolm__cb32353f[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
 
-.VerticalTabs_styles_16pdfpo_b2r261u__e4aa67f6{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
-.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6{padding:0.125rem 0.25rem;box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6::-webkit-scrollbar{display:none;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipScroll__e4aa67f6 .VerticalTabs_styles_16pdfpo_s1tfgc53__e4aa67f6{margin-top:auto;}.VerticalTabs_styles_16pdfpo_s16g9t9z__e4aa67f6.VerticalTabs_styles_16pdfpo_tabsClipShowAll__e4aa67f6{overflow:visible;}
-.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6.VerticalTabs_styles_16pdfpo_focusVisible__e4aa67f6:focus::before,.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6[disabled]{cursor:not-allowed;}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_16pdfpo_s81cx4__e4aa67f6:active{color:var(--plasma-tabs-arrow-color-active);}
+.VerticalTabs_styles_1741mpr_b2r261u__ab348eee{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.125rem;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
+.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee{box-sizing:border-box;position:relative;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee{overflow:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee::-webkit-scrollbar{display:none;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipScroll__ab348eee .VerticalTabs_styles_1741mpr_s1tfgc53__ab348eee{margin-top:auto;}.VerticalTabs_styles_1741mpr_s16g9t9z__ab348eee.VerticalTabs_styles_1741mpr_tabsClipShowAll__ab348eee{overflow:visible;}
+.VerticalTabs_styles_1741mpr_s81cx4__ab348eee{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;border:none;background-color:transparent;padding:0;outline:none;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:relative;color:var(--plasma-tabs-arrow-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) - 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee.VerticalTabs_styles_1741mpr_focusVisible__ab348eee:focus::before,.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee[disabled]{cursor:not-allowed;}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:hover{color:var(--plasma-tabs-arrow-color-hover);}.VerticalTabs_styles_1741mpr_s81cx4__ab348eee:active{color:var(--plasma-tabs-arrow-color-active);}
 
 .base_1sekozo_b1t51iwr__491bf88c{width:var(--plasma-tabs-width);height:var(--plasma-tabs-height);--plasma_private-outline-radius:var(--plasma-tabs-border-radius);border-radius:var(--plasma-tabs-border-radius);}
 
-.base_efv11p_bljnkat__6e3b0324{background-color:var(--plasma-tabs-background-color);}.base_efv11p_bljnkat__6e3b0324::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0.25rem;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasTopArrow__6e3b0324::after{top:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsHasBottomArrow__6e3b0324::after{bottom:1.5rem;}.base_efv11p_bljnkat__6e3b0324.base_efv11p_tabsNoDivider__6e3b0324::after{width:0;}
+.base_rze03c_bljnkat__94b6c151{background-color:var(--plasma-tabs-background-color);}.base_rze03c_bljnkat__94b6c151::after{content:'';position:absolute;top:0.125rem;bottom:0.125rem;left:0;background:var(--plasma-tabs-divider-color);width:var(--plasma-tabs-divider-width);border-radius:var(--plasma-tabs-divider-border-radius);}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasTopArrow__94b6c151::after{top:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsHasBottomArrow__94b6c151::after{bottom:1.5rem;}.base_rze03c_bljnkat__94b6c151.base_rze03c_tabsNoDivider__94b6c151::after{width:0;}
 
 .base_do8935_b1vdpmya__377ce78c{opacity:var(--plasma-tabs-disabled-opacity);}
 
-.VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
-.VerticalTabItem_styles_11xtftz_t4s0t81__37326585{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
-.VerticalTabItem_styles_11xtftz_rur46hh__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_rur46hh__37326585:hover{color:inherit;}
-.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_11xtftz_l1ms3p4x__37326585:hover{color:inherit;}
-.VerticalTabItem_styles_11xtftz_a1yz2xa4__37326585{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalTabItem_styles_11xtftz_buauuob__37326585{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_11xtftz_buauuob__37326585::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_focusVisible__37326585:focus::before,.VerticalTabItem_styles_11xtftz_buauuob__37326585[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_s1vnvg8i__37326585{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_11xtftz_buauuob__37326585.VerticalTabItem_styles_11xtftz_tabsTruncate__37326585 .VerticalTabItem_styles_11xtftz_t4s0t81__37326585{overflow:hidden;text-overflow:ellipsis;}
+.VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--plasma-tab-item-content-padding-clear,var(--plasma-tab-item-content-padding));}
+.VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{white-space:nowrap;color:var(--plasma-tab-item-value-color);font-family:var(--plasma-tab-item-value-font-family,var(--plasma-tab-item-font-family));font-size:var(--plasma-tab-item-value-font-size,var(--plasma-tab-item-font-size));font-style:var(--plasma-tab-item-value-font-style,var(--plasma-tab-item-font-style));font-weight:var(--plasma-tab-item-value-font-weight,var(--plasma-tab-item-font-weight));-webkit-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-moz-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));-ms-letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));letter-spacing:var(--plasma-tab-item-value-letter-spacing,var(--plasma-tab-item-letter-spacing));line-height:var(--plasma-tab-item-value-lineheight,var(--plasma-tab-item-lineheight));}
+.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_rur46hh__54f278b7:hover{color:inherit;}
+.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:inherit;}.VerticalTabItem_styles_1epgjdn_l1ms3p4x__54f278b7:hover{color:inherit;}
+.VerticalTabItem_styles_1epgjdn_a1yz2xa4__54f278b7{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);padding:var(--plasma-tab-item-padding-orientation-vertical);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_focusVisible__54f278b7:focus::before,.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_s1vnvg8i__54f278b7{overflow:hidden;text-overflow:ellipsis;}.VerticalTabItem_styles_1epgjdn_buauuob__54f278b7.VerticalTabItem_styles_1epgjdn_tabsTruncate__54f278b7 .VerticalTabItem_styles_1epgjdn_t4s0t81__54f278b7{overflow:hidden;text-overflow:ellipsis;}
 
 .base_7aeg6y_byyhn69__0c4ed4e7{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_7aeg6y_byyhn69__0c4ed4e7:hover{color:var(--plasma-tab-item-color-hover);background-color:var(--plasma-tab-item-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:hover .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7:active{color:var(--plasma-tab-item-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7:active .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-value-color-active);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_tabItemAnimated__0c4ed4e7{-webkit-transition:var(--plasma-tab-item-background-transition);transition:var(--plasma-tab-item-background-transition);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);cursor:var(--plasma-tab-item-cursor);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-color-hover);background-color:var(--plasma-tab-item-selected-background-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7:hover::after{background:var(--plasma-tab-item-selected-hover-divider-color);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7 .base_7aeg6y_t4s0t81__0c4ed4e7:hover{color:var(--plasma-tab-item-selected-value-color-hover);}.base_7aeg6y_byyhn69__0c4ed4e7.base_7aeg6y_selectedTabsItem__0c4ed4e7::after{content:'';position:absolute;top:0;left:0;bottom:0;background:var(--plasma-tab-item-selected-divider-color);width:var(--plasma-tab-item-selected-divider-width);border-radius:0.063rem;}
 
@@ -328,9 +328,9 @@
 
 .base_am98dh_bo5ybpw__9910bfd7[disabled]{cursor:not-allowed;}.base_am98dh_bo5ybpw__9910bfd7[disabled]:hover{color:var(--plasma-tab-item-color);background-color:var(--plasma-tab-item-background-color);}.base_am98dh_bo5ybpw__9910bfd7[disabled].base_am98dh_selectedTabsItem__9910bfd7:hover{color:var(--plasma-tab-item-selected-color);background-color:var(--plasma-tab-item-selected-background-color);}
 
-.VerticalIconTabItem_styles_1vnlsyl_s1im4rc4__58e33340{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
-.VerticalIconTabItem_styles_1vnlsyl_a1djmtev__58e33340{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
-.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma_private-outline-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340.VerticalIconTabItem_styles_1vnlsyl_focusVisible__58e33340:focus::before,.VerticalIconTabItem_styles_1vnlsyl_b140xa1o__58e33340[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
+.VerticalIconTabItem_styles_hm453l_s1im4rc4__4e825401{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
+.VerticalIconTabItem_styles_hm453l_a1djmtev__4e825401{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-tab-item-action-content-margin-left);}
+.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--plasma-tab-item-content-gap);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:var(--plasma-tab-item-cursor-over-not-selected,var(--plasma-tab-item-cursor));white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;position:relative;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401::before{content:'';position:absolute;top:0.063rem;left:0.063rem;right:0.063rem;bottom:0.063rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:var(--border-radius-m ,calc(var(--plasma_private-outline-radius) + 0.063rem));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401.VerticalIconTabItem_styles_hm453l_focusVisible__4e825401:focus::before,.VerticalIconTabItem_styles_hm453l_b140xa1o__4e825401[data-focus-visible-added]::before{z-index:1;outline:none;box-shadow:0 0 0 0.063rem var(--plasma-tabs-outline-focus-color);}
 
 .CalendarHeader_styles_13bk6ms_sjaqipy__821c1ed8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--plasma-calendar-header-wrapper-padding);}
 .CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8{border:none;background-color:transparent;padding:0;outline:none;font-family:var(--plasma-calendar-header-font-family);font-size:var(--plasma-calendar-header-font-size);font-style:var(--plasma-calendar-header-font-style);font-weight:var(--plasma-calendar-header-font-weight-bold);-webkit-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-moz-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);-ms-letter-spacing:var(--plasma-calendar-header-font-letter-spacing);letter-spacing:var(--plasma-calendar-header-font-letter-spacing);line-height:var(--plasma-calendar-header-line-height);padding:var(--plasma-calendar-header-padding);color:var(--plasma-calendar-content-primary-color);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-calendar-header-date-gap);-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:hover,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8:active{color:var(--plasma-calendar-content-secondary-color);}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:0.563rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8.CalendarHeader_styles_13bk6ms_focusVisible__821c1ed8:focus::before,.CalendarHeader_styles_13bk6ms_s1k7jebr__821c1ed8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-calendar-outline-focus-color);}
@@ -369,7 +369,7 @@
 .CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
 .CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
 
-.Typography_styles_ysh8u6_b1ru04lg__63d1851b{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyBold__63d1851b{font-weight:var(--typo-font-weight-bold);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyMedium__63d1851b{font-weight:var(--typo-font-weight-medium);}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withNoWrap__63d1851b{white-space:nowrap;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_typographyIsNumeric__63d1851b{font-variant-numeric:tabular-nums;}.Typography_styles_ysh8u6_b1ru04lg__63d1851b.Typography_styles_ysh8u6_withBreakWord__63d1851b{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
+.Typography_styles_iqzojt_b1ru04lg__8656b72e{margin:0;padding:0;font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);border:0;overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.Typography_styles_iqzojt_b1ru04lg__8656b72e.Typography_styles_iqzojt_typographyBold__8656b72e{font-weight:var(--typo-font-weight-bold);}.Typography_styles_iqzojt_b1ru04lg__8656b72e.Typography_styles_iqzojt_typographyMedium__8656b72e{font-weight:var(--typo-font-weight-medium);}.Typography_styles_iqzojt_b1ru04lg__8656b72e.Typography_styles_iqzojt_withNoWrap__8656b72e{white-space:nowrap;}.Typography_styles_iqzojt_b1ru04lg__8656b72e.Typography_styles_iqzojt_typographyIsNumeric__8656b72e{font-variant-numeric:tabular-nums;}.Typography_styles_iqzojt_b1ru04lg__8656b72e.Typography_styles_iqzojt_withBreakWord__8656b72e{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
 .TypographyOld_styles_168abbx_b9p5ato__094dcd73{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:normal;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual;hyphens:manual;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withNoWrap__094dcd73{white-space:nowrap;}.TypographyOld_styles_168abbx_b9p5ato__094dcd73.TypographyOld_styles_168abbx_withBreakWord__094dcd73{overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
 
@@ -885,24 +885,32 @@
 
 .base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_e1fh2i5t__a3c52690{padding-left:var(--plasma-editable-edit-button-padding-left);}.base_54y6eh_b1x5zqph__a3c52690 .base_54y6eh_editableTextBox__a3c52690{margin-right:var(--plasma-editable-text-box-margin-right);padding-right:var(--plasma-editable-text-box-padding-right);}
 
-.base_kpo9at_b1pj1390__d0613261.base_kpo9at_horizontal__d0613261{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_vertical__d0613261{row-gap:var(--plasma-attach-vertical-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_auto__d0613261{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_kpo9at_b1pj1390__d0613261.base_kpo9at_withHelperText__d0613261{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_fssye98__d0613261{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);height:var(--plasma-attach-filename-wrapper-height);}.base_kpo9at_b1pj1390__d0613261 .base_kpo9at_sjp429d__d0613261{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
+.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachVertical__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachAuto__acafdc8a{row-gap:var(--plasma-attach-vertical-gap);-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachHorizontal__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_plasmaAttachAuto__acafdc8a{-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}.base_1x0gzlt_b1pj1390__acafdc8a.base_1x0gzlt_plasmaAttachWithHelperText__acafdc8a{row-gap:var(--plasma-attach-vertical-gap-with-helper-text);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_fssye98__acafdc8a{font-family:var(--plasma-attach-cell-title-font-family);font-size:var(--plasma-attach-cell-title-font-size);font-style:var(--plasma-attach-cell-title-font-style);font-weight:var(--plasma-attach-cell-title-font-weight);-webkit-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-moz-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);-ms-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);letter-spacing:var(--plasma-attach-cell-title-letter-spacing);line-height:var(--plasma-attach-cell-title-line-height);}.base_1x0gzlt_b1pj1390__acafdc8a .base_1x0gzlt_sjp429d__acafdc8a{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}
 
-.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_horizontal__83d45116{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_vertical__83d45116{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_1nvsg1b_b438e2d__83d45116.base_1nvsg1b_auto__83d45116{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
+.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachHorizontal__8119a832{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachVertical__8119a832{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.base_d9xz7t_b438e2d__8119a832.base_d9xz7t_plasmaAttachAuto__8119a832{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
 
 .base_1tgnvl9_b1psfq3i__8ccb119d .base_1tgnvl9_sjp429d__8ccb119d{color:var(--plasma-attach-helper-text-color);}
 
-.Attach_styles_pso18d_by826kf__6f8aab6e{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.Attach_styles_pso18d_sw7vb9c__6f8aab6e{display:none;}
-.Attach_styles_pso18d_suojwhg__6f8aab6e{position:relative;}
-.Attach_styles_pso18d_sjp429d__6f8aab6e{position:absolute;margin-top:0.25rem;}
-.Attach_styles_pso18d_fssye98__6f8aab6e{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;}
-.Attach_styles_pso18d_t1531dv__6f8aab6e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
+.Attach_styles_17eum4v_by826kf__a54172eb{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Attach_styles_17eum4v_sw7vb9c__a54172eb{display:none;}
+.Attach_styles_17eum4v_suojwhg__a54172eb{position:relative;}
+.Attach_styles_17eum4v_sjp429d__a54172eb{position:absolute;margin-top:0.25rem;}
+.Attach_styles_17eum4v_fssye98__a54172eb{display:inline-grid;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;height:var(--fssye98-0);}
+.Attach_styles_17eum4v_f1531dv__a54172eb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:var(--f1531dv-0);}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontal__a54172eb{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachVertical__a54172eb{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachAuto__a54172eb{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}.Attach_styles_17eum4v_f1531dv__a54172eb.Attach_styles_17eum4v_plasmaAttachHorizontalHidden__a54172eb{position:absolute;top:0;left:0;z-index:-999;visibility:hidden;opacity:0;max-width:100%;overflow:hidden;}
+.Attach_styles_17eum4v_t7plw5t__a54172eb{overflow:var(--t7plw5t-0);text-overflow:var(--t7plw5t-1);white-space:nowrap;}
 
 
-.Cell_styles_69w962_si1k6gv__a96d6b9b{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_69w962_si1k6gv__a96d6b9b.Cell_styles_69w962_cellHidden__a96d6b9b{visibility:hidden;}
+.HiddenWidthHelper_styles_3t6n6e_hgjzppa__f7fb7ae5{position:absolute;inset:0;z-index:-999;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);box-sizing:border-box;visibility:hidden;opacity:0;}
+.HiddenWidthHelper_styles_3t6n6e_h1ad4wty__f7fb7ae5{width:100%;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;-webkit-column-gap:var(--plasma-attach-horizontal-gap);column-gap:var(--plasma-attach-horizontal-gap);}
 
 .Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
 
+.Cell_styles_lpj30y_si1k6gv__80725697{--plasma-cell-label-color:var(--plasma-attach-cell-label-color);--plasma-cell-title-color:var(--plasma-attach-cell-title-color);--plasma-cell-subtitle-color:var(--plasma-attach-cell-subtitle-color);--plasma-cell-background-color:var(--plasma-attach-cell-background-color);--plasma-cell-width:var(--plasma-attach-cell-width);--plasma-cell-padding:var(--plasma-attach-cell-padding);--plasma-cell-padding-left-content:var(--plasma-attach-cell-padding-left-content);--plasma-cell-padding-content:var(--plasma-attach-cell-padding-content);--plasma-cell-padding-right-content:var(--plasma-attach-cell-padding-right-content);--plasma-cell-textbox-gap:var(--plasma-attach-cell-textbox-gap);--plasma-cell-gap:var(--plasma-attach-cell-gap);--plasma-cell-label-font-family:var(--plasma-attach-cell-label-font-family);--plasma-cell-label-font-size:var(--plasma-attach-cell-label-font-size);--plasma-cell-label-font-style:var(--plasma-attach-cell-label-font-style);--plasma-cell-label-font-weight:var(--plasma-attach-cell-label-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-attach-cell-label-letter-spacing);--plasma-cell-label-line-height:var(--plasma-attach-cell-label-line-height);--plasma-cell-title-font-family:var(--plasma-attach-cell-title-font-family);--plasma-cell-title-font-size:var(--plasma-attach-cell-title-font-size);--plasma-cell-title-font-style:var(--plasma-attach-cell-title-font-style);--plasma-cell-title-font-weight:var(--plasma-attach-cell-title-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-attach-cell-title-letter-spacing);--plasma-cell-title-line-height:var(--plasma-attach-cell-title-line-height);--plasma-cell-subtitle-font-family:var(--plasma-attach-cell-subtitle-font-family);--plasma-cell-subtitle-font-size:var(--plasma-attach-cell-subtitle-font-size);--plasma-cell-subtitle-font-style:var(--plasma-attach-cell-subtitle-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-attach-cell-subtitle-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-attach-cell-subtitle-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-attach-cell-subtitle-line-height);white-space:nowrap;}.Cell_styles_lpj30y_si1k6gv__80725697.Cell_styles_lpj30y_plasmaAttachCellHidden__80725697{visibility:hidden;}
+
+.MoreTrigger_styles_5yseaa_i1fc84ks__90d41151{line-height:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--plasma-attach-more-icon-padding);}
+
+.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f{--plasma-dropdown-border-width:var(--plasma-attach-dropdown-border-width);--plasma-dropdown-padding:var(--plasma-attach-dropdown-padding);--plasma-dropdown-border-radius:var(--plasma-attach-dropdown-border-radius);--plasma-dropdown-width:var(--plasma-attach-dropdown-width);--plasma-dropdown-item-padding:var(--plasma-attach-dropdown-item-padding);--plasma-dropdown-background:var(--plasma-attach-dropdown-background);--plasma-dropdown-box-shadow:var(--plasma-attach-dropdown-box-shadow);--plasma-dropdown-border-color:var(--plasma-attach-dropdown-border-color);}.Dropdown_styles_1ge65dg_s1qvmnsb__e948565f .Dropdown_styles_1ge65dg_w1jav4ek__e948565f:hover{cursor:default;}
+
 .IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
 .IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
 
@@ -1035,14 +1043,14 @@
 
 .base_15bbgfd_b3tyeuv__a7a76407[disabled]{opacity:var(--plasma-link-button-disabled-opacity);cursor:not-allowed;}.base_15bbgfd_b3tyeuv__a7a76407[disabled]:hover,.base_15bbgfd_b3tyeuv__a7a76407[disabled]:active{color:var(--plasma-link-button-color);background:var(--plasma-link-button-background-color);}
 
-.LinkButton_styles_1qokm54_b15p59s9__1c889ae1{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1qokm54_b15p59s9__1c889ae1::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1qokm54_b15p59s9__1c889ae1.LinkButton_styles_1qokm54_focusVisible__1c889ae1:focus::before,.LinkButton_styles_1qokm54_b15p59s9__1c889ae1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1qokm54_s1tk0pdn__1c889ae1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1qokm54_lwmk0e5__1c889ae1{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1qokm54_l7ptchj__1c889ae1{position:absolute;}
-.LinkButton_styles_1qokm54_s12rghuz__1c889ae1{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1qokm54_l1uogc3z__1c889ae1{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
-.LinkButton_styles_1qokm54_s176p3a0__1c889ae1{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1qokm54_slixkvc__1c889ae1{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13.LinkButton_styles_1q1p1l2_focusVisible__65d95b13:focus::before,.LinkButton_styles_1q1p1l2_b15p59s9__65d95b13[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_1q1p1l2_s1tk0pdn__65d95b13{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_1q1p1l2_lwmk0e5__65d95b13{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_1q1p1l2_l7ptchj__65d95b13{position:absolute;}
+.LinkButton_styles_1q1p1l2_s12rghuz__65d95b13{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1q1p1l2_l1uogc3z__65d95b13:hover{color:var(--plasma-link-button-text-color-hover);}
+.LinkButton_styles_1q1p1l2_s176p3a0__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
+.LinkButton_styles_1q1p1l2_slixkvc__65d95b13{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
 
 
 .ToastNew_styles_4c92hd_tvfkfgf__2b80d961{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--plasma-toast-background);color:var(--tvfkfgf-0);padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);width:var(--tvfkfgf-1);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-line-height);}

package/emotion/cjs/components/Attach/Attach.js

@@ -19,16 +19,14 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
-var _Icon = require("../_Icon");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
 var _base2 = require("./variations/_helperTextView/base");
 var _Attachstyles = require("./Attach.styles");
-var _Cell = require("./ui/Cell/Cell");
 var _utils1 = require("./utils");
 var _Attachtokens = require("./Attach.tokens");
-var _AttachButton = require("./components/AttachButton");
-var _IconButtonstyles = require("./ui/IconButton/IconButton.styles");
+var _components = require("./components");
+var _ui = require("./ui");
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -133,6 +131,30 @@ function _object_spread(target) {
     }
     return target;
 }
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
     var target = _object_without_properties_loose(source, excluded);
@@ -173,11 +195,13 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var attachRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, outerRef) {
-        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
+        var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, multiple = props.multiple, dropdownOptions = props.dropdownOptions, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
             "flow",
             "buttonType",
             "hideButtonOnAttach",
             "hasAttachment",
+            "multiple",
+            "dropdownOptions",
             "acceptedFileFormats",
             "helperText",
             "size",
@@ -197,17 +221,18 @@ var attachRoot = function(Root) {
         var innerRef = (0, _react.useRef)(null);
         var ref = (0, _plasmacore.useForkRef)(outerRef, innerRef);
         var inputRef = (0, _react.useRef)(null);
-        var cellRef = (0, _react.useRef)(null);
         var buttonRef = (0, _react.useRef)(null);
-        var _useState = _sliced_to_array((0, _react.useState)(''), 2), filename = _useState[0], setFilename = _useState[1];
+        var fileWrapperWidthRef = (0, _react.useRef)(null);
+        var fileWrapperHelperRef = (0, _react.useRef)(null);
+        var cellHelperRefs = (0, _react.useRef)({});
+        var _useState = _sliced_to_array((0, _react.useState)({}), 2), filesInfo = _useState[0], setFilesInfo = _useState[1];
+        var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), hasHiddenFiles = _useState1[0], setHasHiddenFiles = _useState1[1];
+        var filesLength = Object.keys(filesInfo).length;
         var horizontalClass = flow === 'horizontal' ? _Attachtokens.classes.horizontal : undefined;
         var verticalClass = flow === 'vertical' ? _Attachtokens.classes.vertical : undefined;
-        var withHelperTextClass = helperText ? _Attachtokens.classes.withHelperText : undefined;
         var autoClass = flow === 'auto' ? _Attachtokens.classes.auto : undefined;
+        var withHelperTextClass = helperText ? _Attachtokens.classes.withHelperText : undefined;
         var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
-        var extension = (0, _utils1.extractExtension)(filename);
-        var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
-        var cellContentLeft = customIcon || (0, _utils1.getFileIcon)(extension, size);
         var handleClick = function(e) {
             if (!inputRef.current) {
                 return;
@@ -218,24 +243,121 @@ var attachRoot = function(Root) {
             inputRef.current.click();
         };
         var handleChange = function(e) {
-            if (!e.target.files) {
+            var fileList = e.target.files;
+            if (!fileList || fileList.length === 0) {
                 return;
             }
             if (onChange) {
                 onChange(e);
             }
-            setFilename(e.target.files[0].name);
+            if (!hasAttachment) {
+                return;
+            }
+            var fileArray = Array.from(fileList);
+            var filesData = fileArray.reduce(function(acc, file, ind) {
+                var fileKey = "".concat(ind, "_").concat(file.name);
+                acc[fileKey] = (0, _utils1.getFilenameParts)(file.name, size, customIcon);
+                return acc;
+            }, {});
+            cellHelperRefs.current = {};
+            setFilesInfo(filesData);
+            setHasHiddenFiles(false);
         };
-        var handleClear = function() {
+        var handleClear = function(fileKey) {
             if (!inputRef.current) {
                 return;
             }
             if (onClear) {
                 onClear();
             }
-            inputRef.current.value = '';
-            setFilename('');
+            setFilesInfo(function(prevFileInfo) {
+                var updatedFilesInfo = _object_spread({}, prevFileInfo);
+                delete updatedFilesInfo[fileKey];
+                return updatedFilesInfo;
+            });
+            delete cellHelperRefs.current[fileKey];
+            setHasHiddenFiles(false);
+        };
+        var getCellRef = function(element, key) {
+            if (element && (cellHelperRefs === null || cellHelperRefs === void 0 ? void 0 : cellHelperRefs.current)) {
+                cellHelperRefs.current[key] = element;
+            }
         };
+        var updateHiddenFiles = function() {
+            var newFilesInfo = _object_spread({}, filesInfo);
+            if (!multiple || Object.keys(filesInfo).length === 0) {
+                setHasHiddenFiles(false);
+                return;
+            }
+            if (flow !== 'horizontal') {
+                Object.keys(newFilesInfo).forEach(function(key) {
+                    newFilesInfo[key].isVisible = true;
+                });
+                setHasHiddenFiles(false);
+                setFilesInfo(newFilesInfo);
+                return;
+            }
+            if (!fileWrapperWidthRef.current || !fileWrapperHelperRef.current || !Object.keys(cellHelperRefs.current).length) {
+                return;
+            }
+            var fileWrapper = fileWrapperWidthRef.current;
+            var fileWrapperWidth = fileWrapper.clientWidth;
+            var _window_getComputedStyle_columnGap;
+            var fileWrapperGap = parseInt((_window_getComputedStyle_columnGap = window.getComputedStyle(fileWrapper).columnGap) !== null && _window_getComputedStyle_columnGap !== void 0 ? _window_getComputedStyle_columnGap : 0, 10);
+            var totalWidth = 0;
+            var firstHidden = Object.entries(cellHelperRefs.current).findIndex(function(param) {
+                var _param = _sliced_to_array(param, 2), _ = _param[0], cell = _param[1];
+                totalWidth += cell.clientWidth + fileWrapperGap;
+                if (totalWidth > fileWrapperWidth) {
+                    setHasHiddenFiles(true);
+                    return true;
+                }
+                return false;
+            });
+            var newKeys = Object.keys(newFilesInfo);
+            var filesInfoVisibleKeys = firstHidden >= 0 ? newKeys.slice(0, firstHidden) : newKeys;
+            var filesInfoHiddenKeys = firstHidden >= 0 ? newKeys.slice(firstHidden) : [];
+            filesInfoVisibleKeys.forEach(function(key) {
+                newFilesInfo[key].isVisible = true;
+            });
+            filesInfoHiddenKeys.forEach(function(key) {
+                newFilesInfo[key].isVisible = false;
+            });
+            setFilesInfo(newFilesInfo);
+        };
+        (0, _react.useLayoutEffect)(function() {
+            updateHiddenFiles();
+        }, [
+            filesLength,
+            flow,
+            multiple
+        ]);
+        (0, _react.useEffect)(function() {
+            if (flow !== 'horizontal' || !multiple) {
+                return;
+            }
+            var observer = new ResizeObserver(function() {
+                updateHiddenFiles();
+            });
+            if (innerRef.current) {
+                observer.observe(innerRef.current);
+            }
+            return function() {
+                return observer.disconnect();
+            };
+        }, [
+            filesLength,
+            flow,
+            multiple
+        ]);
+        var RootWrapper = function(param) {
+            var children = param.children;
+            return /*#__PURE__*/ _react.default.createElement(Root, {
+                size: size,
+                view: view
+            }, children);
+        };
+        var _dropdownOptions_placement;
         return /*#__PURE__*/ _react.default.createElement(Root, {
             className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
             style: style,
@@ -249,25 +371,65 @@ var attachRoot = function(Root) {
             type: "file",
             id: id,
             name: name,
+            multiple: multiple,
             onChange: handleChange
-        }), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_AttachButton.AttachButton, _object_spread({
+        }), (!hideButtonOnAttach || !filesLength) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledAttachButtonWrapper, null, /*#__PURE__*/ _react.default.createElement(_components.AttachButton, _object_spread({
             ref: buttonRef,
             buttonType: buttonType,
             isLoading: isLoading,
             disabled: disabled,
             onClick: handleClick
-        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ _react.default.createElement(_Cell.StyledCell, {
-            stretching: "fixed",
-            ref: cellRef,
+        }, rest)), helperText && /*#__PURE__*/ _react.default.createElement(_Attachstyles.StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && Object.values(filesInfo)[0].isVisible && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilesWrapper, {
+            className: (0, _utils.cx)(horizontalClass, verticalClass, autoClass),
+            applyOverflow: multiple && flow === 'horizontal'
+        }, Object.entries(filesInfo).map(function(param) {
+            var _param = _sliced_to_array(param, 2), key = _param[0], _param_ = _param[1], extension = _param_.extension, filenameWithoutExtension = _param_.filenameWithoutExtension, cellContentLeft = _param_.cellContentLeft, isVisible = _param_.isVisible;
+            if (!isVisible) {
+                return;
+            }
+            return /*#__PURE__*/ _react.default.createElement(_ui.CellUI, {
+                key: key,
+                filenameWithoutExtension: filenameWithoutExtension,
+                extension: extension,
+                size: size,
+                cellContentLeft: cellContentLeft,
+                multiple: multiple,
+                flow: flow,
+                onClick: function() {
+                    return handleClear(key);
+                }
+            });
+        }))), (hasAttachment || hideButtonOnAttach) && hasHiddenFiles && /*#__PURE__*/ _react.default.createElement(_ui.DropdownUI, _object_spread_props(_object_spread({
+            rootWrapper: RootWrapper,
             size: size,
-            contentLeft: cellContentLeft,
-            contentRight: /*#__PURE__*/ _react.default.createElement(_IconButtonstyles.StyledIconButtonCancel, {
-                onClick: handleClear
-            }, /*#__PURE__*/ _react.default.createElement(_Icon.IconCloseCircleOutline, {
-                size: "xs",
-                color: "inherit"
-            }))
-        }, /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameWrapper, null, /*#__PURE__*/ _react.default.createElement(_Attachstyles.TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
+            filesInfo: filesInfo,
+            customIcon: customIcon,
+            handleClear: handleClear
+        }, dropdownOptions), {
+            placement: (_dropdownOptions_placement = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.placement) !== null && _dropdownOptions_placement !== void 0 ? _dropdownOptions_placement : 'bottom'
+        })), multiple && flow === 'horizontal' && /*#__PURE__*/ _react.default.createElement(_components.HiddenWidthHelper, {
+            ref: fileWrapperWidthRef,
+            hasHiddenFiles: hasHiddenFiles,
+            size: size
+        }), multiple && flow === 'horizontal' && (hasAttachment || hideButtonOnAttach) && Boolean(filesLength) && /*#__PURE__*/ _react.default.createElement(_Attachstyles.FilesWrapper, {
+            ref: fileWrapperHelperRef,
+            className: (0, _utils.cx)(horizontalClass, _Attachtokens.classes.horizontalHidden)
+        }, Object.entries(filesInfo).map(function(param) {
+            var _param = _sliced_to_array(param, 2), key = _param[0], _param_ = _param[1], extension = _param_.extension, filenameWithoutExtension = _param_.filenameWithoutExtension, cellContentLeft = _param_.cellContentLeft;
+            return /*#__PURE__*/ _react.default.createElement(_ui.CellUI, {
+                key: key,
+                ref: function(el) {
+                    return getCellRef(el, key);
+                },
+                filenameWithoutExtension: filenameWithoutExtension,
+                extension: extension,
+                size: size,
+                cellContentLeft: cellContentLeft,
+                multiple: multiple,
+                flow: flow,
+                isHelper: true
+            });
+        })));
     });
 };
 var attachConfig = {