@central-design-system/components 2.10.1-beta.0 → 2.11.0

package/dist/CdsUploader/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.10.0 (https://cds.b2b-center.ru/)
+  * CDS v2.11.0-beta.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>

package/dist/cds.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.10.0 (https://cds.b2b-center.ru/)
+  * CDS v2.11.0-beta.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -35,7 +35,7 @@
 
 .cds-combobox{position:relative}.cds-combobox__container{outline:none}.cds-combobox__container.cds-state-active .cds-combobox__field input{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus);border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-combobox__container.cds-state-active .cds-combobox__arrow{transform:rotate(180deg)}.cds-combobox__container.cds-state-active .cds-combobox__options{opacity:1;visibility:visible;max-height:calc(2rem * 5)}.cds-combobox__container.cds-state-disabled .cds-combobox__arrow,.cds-combobox__container.cds-state-disabled .cds-combobox__clear{cursor:not-allowed}.cds-combobox__container.cds-state-disabled .cds-combobox__arrow svg,.cds-combobox__container.cds-state-disabled .cds-combobox__clear svg{fill:var(--cds-color-disabled-02)}.cds-combobox__container.cds-state-disabled .cds-combobox__options{background-color:var(--cds-color-background-container-primary)}.cds-combobox__container.cds-state-disabled .cds-combobox__option{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-combobox__container.cds-state-disabled .cds-combobox__option--highlighted,.cds-combobox__container.cds-state-disabled .cds-combobox__option:hover{background-color:var(--cds-color-background-container-primary)}.cds-combobox__field input{padding-right:5rem}.cds-combobox__label{display:inline-block;color:var(--cds-color-text-label);margin-bottom:.25rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-combobox__description{width:100%}.cds-combobox__options{position:absolute;width:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;max-height:0;background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:max-height 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-combobox__option{cursor:pointer;background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:.5rem calc(1rem + 1px);height:2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-combobox__option--highlighted,.cds-combobox__option:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-combobox__option--load-more{display:flex;justify-content:center}.cds-combobox__option--load-more:hover{background-color:transparent}.cds-combobox__icon{cursor:pointer;padding:0;border:none;outline:none;font-size:0;background:transparent;margin-left:.25rem}.cds-combobox__alert{cursor:default;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-combobox__alert svg{fill:var(--cds-color-feedback-error-100)}.cds-combobox__arrow{transition:transform 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-combobox__clear{right:calc(-1rem + 1px);opacity:0;visibility:hidden;z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-combobox__clear:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-combobox__clear:focus svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-combobox__clear.cds-state-active{opacity:1;visibility:visible}.cds-combobox__added{display:flex;justify-content:space-between;align-items:center;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-combobox__added--value{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cds-combobox__added--button{text-align:right;margin-left:.5rem;color:var(--cds-color-text-description);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:25%}.cds-combobox.cds-state-disabled{cursor:not-allowed}
 
-.cds-container{display:block;padding:1rem;border-radius:var(--cds-border-radius-m);min-width:8rem;min-height:3.8125rem;transition:background-color,border-color 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-container--primary{background-color:var(--cds-color-background-container-primary);border:var(--cds-border-element-01) var(--cds-color-background-container-primary)}.cds-container--secondary{background-color:var(--cds-color-background-container-secondary);border:var(--cds-border-element-01) var(--cds-color-background-container-secondary)}.cds-container__selectable{position:relative;padding-right:3rem;outline:none;cursor:pointer}.cds-container__selectable label{cursor:pointer}.cds-container__selectable input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-container__selectable .cds-container__icon{opacity:0;visibility:hidden;position:absolute;top:1rem;right:1rem}.cds-container__selectable.cds-state-checked{border-color:var(--cds-color-interactive-01-active)}.cds-container__selectable.cds-state-checked .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-active)}.cds-container__selectable:hover{cursor:pointer;background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover)}.cds-container__selectable:hover .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-hover)}.cds-container__selectable:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);padding:calc(1rem - 1px);padding-right:calc(3rem - 1px)}.cds-container__selectable:focus .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-hover);top:calc(1rem - 1px);right:calc(1rem - 1px)}.cds-container__clickable{color:var(--cds-color-text-primary);text-decoration:none;outline:none}.cds-container__clickable:visited{color:var(--cds-color-text-primary)}.cds-container__clickable:hover{cursor:pointer;border-color:var(--cds-color-interactive-01-hover)}.cds-container__clickable:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);padding:calc(1rem - 1px)}.cds-container__expandable{display:flex;flex-direction:column;padding:.5rem 1rem;min-height:3rem;border:none}.cds-container__expandable--extended{padding-bottom:1rem}.cds-container__expandable--extended .cds-container__expandable-header{margin-bottom:.5rem}.cds-container__expandable--extended .cds-container__expandable-header-button{transform:rotate(180deg)}.cds-container__expandable-header{display:flex;justify-content:space-between;margin-bottom:0;align-items:center}.cds-container__expandable-header-content{display:flex;align-items:center}.cds-container__expandable-header-content>p,.cds-container__expandable-header-content>h1,.cds-container__expandable-header-content>h2,.cds-container__expandable-header-content>h3,.cds-container__expandable-header-content>h4,.cds-container__expandable-header-content>h5,.cds-container__expandable-header-content>h6{margin:0}.cds-container__expandable-header-button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.cds-container__expandable-header-button:active,.cds-container__expandable-header-button:focus{outline:none}.cds-container__expandable-header--arrow-before{flex-direction:row-reverse;justify-content:flex-end}.cds-container__expandable-header--arrow-before .cds-container__expandable-header-content{margin-left:.5rem}form .cds-container{margin:0 0 2rem}form .cds-container ~ .cds-container{margin-top:-1rem}
+.cds-container{display:block;padding:1rem;border-radius:var(--cds-border-radius-m);min-width:8rem;min-height:3.8125rem;transition:background-color,border-color 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-container--primary{background-color:var(--cds-color-background-container-primary);border:var(--cds-border-element-01) var(--cds-color-background-container-primary)}.cds-container--secondary{background-color:var(--cds-color-background-container-secondary);border:var(--cds-border-element-01) var(--cds-color-background-container-secondary)}.cds-container__selectable{position:relative;padding-right:3rem;outline:none;cursor:pointer}.cds-container__selectable label{cursor:pointer}.cds-container__selectable input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-container__selectable .cds-container__icon{opacity:0;visibility:hidden;position:absolute;top:1rem;right:1rem}.cds-container__selectable.cds-state-checked{border-color:var(--cds-color-interactive-01-active)}.cds-container__selectable.cds-state-checked .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-active)}.cds-container__selectable:hover{cursor:pointer;background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover)}.cds-container__selectable:hover .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-hover)}.cds-container__selectable:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);padding:calc(1rem - 1px);padding-right:calc(3rem - 1px)}.cds-container__selectable:focus .cds-container__icon{opacity:1;visibility:visible;fill:var(--cds-color-interactive-01-hover);top:calc(1rem - 1px);right:calc(1rem - 1px)}.cds-container__clickable{color:var(--cds-color-text-primary);text-decoration:none;outline:none}.cds-container__clickable:visited{color:var(--cds-color-text-primary)}.cds-container__clickable:hover{cursor:pointer;border-color:var(--cds-color-interactive-01-hover)}.cds-container__clickable:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);padding:calc(1rem - 1px)}.cds-container__expandable{display:flex;flex-direction:column;padding:.5rem 1rem;min-height:3rem;border:none}.cds-container__expandable--extended{padding-bottom:1rem}.cds-container__expandable--extended .cds-container__expandable-header{margin-bottom:.5rem}.cds-container__expandable-header{display:flex;justify-content:space-between;margin-bottom:0;align-items:center}.cds-container__expandable-header-content{display:flex;align-items:center}.cds-container__expandable-header-content>p,.cds-container__expandable-header-content>h1,.cds-container__expandable-header-content>h2,.cds-container__expandable-header-content>h3,.cds-container__expandable-header-content>h4,.cds-container__expandable-header-content>h5,.cds-container__expandable-header-content>h6{margin:0}.cds-container__expandable-header-button{background:none;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:32px;height:32px}.cds-container__expandable-header-button:active,.cds-container__expandable-header-button:focus{outline:none}.cds-container__expandable-header--arrow-before{flex-direction:row-reverse;justify-content:flex-end}.cds-container__expandable-header--arrow-before .cds-container__expandable-header-content{margin-left:.5rem}form .cds-container{margin:0 0 2rem}form .cds-container ~ .cds-container{margin-top:-1rem}
 
 .cds-content-switcher{display:grid;width:100%;height:2rem;z-index:200}.cds-content-switcher__item{display:inline-flex;justify-content:center}.cds-content-switcher__item:first-child .cds-content-switcher__button{border-left:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-left-radius:var(--cds-border-radius-s);border-bottom-left-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:first-child .cds-content-switcher__button:before{content:none}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}.cds-content-switcher__item:last-child .cds-content-switcher__button{border-right:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-right-radius:var(--cds-border-radius-s);border-bottom-right-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}+.cds-content-switcher__item .cds-content-switcher__button .cds-state-active:before{background-color:transparent}.cds-content-switcher__button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;outline:none;background-color:var(--cds-color-background-container-secondary);color:var(--cds-color-text-primary);width:100%;height:2rem;padding:0 1rem;border:none;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary);overflow:hidden;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button:before{position:absolute;z-index:2;left:0;display:block;width:.0625rem;height:1rem;background-color:var(--cds-ui-03, #e0e0e0);content:"";transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button--icon{display:flex}.cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button--icon-with-text{margin-right:.5rem}.cds-content-switcher__button--icon-after{flex-direction:row-reverse}.cds-content-switcher__button--icon-after .cds-content-switcher__button--icon-with-text{margin-right:0;margin-left:.5rem}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active){background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover);box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-hover),inset 0 0 0 1px var(--cds-color-text-inverse);color:var(--cds-color-text-primary)}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active):before{background-color:transparent}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:focus:not(:disabled){background-color:var(--cds-color-background-container-secondary);border-color:var(--cds-color-interactive-01-focus);box-shadow:inset 0 0 0 2px var(--cds-color-interactive-01-focus),inset 0 0 0 2px var(--cds-color-text-inverse);color:var(--cds-color-text-primary);z-index:3}.cds-content-switcher__button:focus:not(:disabled):before{background-color:transparent}.cds-content-switcher__button:focus:not(:disabled) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:disabled{cursor:not-allowed;background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02)}.cds-content-switcher__button:disabled .cds-content-switcher__button--icon svg{fill:var(--cds-color-disabled-02)}.cds-content-switcher__button.cds-state-active{background-color:var(--cds-color-background-inverse);border-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:before{background-color:transparent}.cds-content-switcher__button.cds-state-active .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}
 
@@ -89,7 +89,7 @@
 
 .cds-steps{display:flex;list-style:none;margin:0;padding:0;border:0}@media (max-width: 42rem){.cds-steps{align-self:baseline}}.cds-steps--vertical{display:flex;flex-direction:column}.cds-steps--full-width{width:100%}.cds-step{position:relative;min-width:6rem;width:8rem;cursor:pointer}.cds-step__icon{flex-shrink:0;margin:0 .125rem;width:1rem;height:1rem;border-radius:50%}.cds-step__indicator{width:100%;height:1px;margin-top:.5rem;background-color:var(--cds-color-border-element-primary)}.cds-step__status{display:flex;margin-bottom:.125rem}.cds-step__content{margin-right:1rem;margin-left:.125rem}.cds-step__label{margin:0;color:var(--cds-color-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-step__description{margin:0;color:var(--cds-color-text-description);word-break:break-word;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%;width:100%}.cds-step__tooltip{pointer-events:none}.cds-step__tooltip span{left:.125rem}.cds-step--tooltip-reverse .cds-step__tooltip span[role="tooltip"][class^=content]{left:auto;right:.125rem}.cds-step--tooltip-reverse.cds-step--vertical .cds-step__tooltip span[role="tooltip"][class^="content"]{left:auto;right:100%}.cds-step--vertical{display:flex;min-height:3rem}.cds-step--vertical .cds-step__indicator{height:100%;width:1px;margin-left:.625rem;margin-top:.125rem}.cds-step--vertical .cds-step__status{display:flex;flex-direction:column}.cds-step--vertical .cds-step__content{width:8rem;margin-right:0;margin-bottom:1rem}.cds-step--full-width{width:100%}.cds-step--full-width .cds-step__content{width:auto}.cds-step--full-width .cds-step__label{text-overflow:initial;white-space:initial}.cds-step--incomplete .cds-step__icon svg{fill:var(--cds-color-border-element-primary)}.cds-step--current .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__indicator{background-color:var(--cds-color-interactive-01-default)}.cds-step.cds-state-invalid .cds-step__icon svg{fill:var(--cds-color-feedback-error-100)}.cds-step.cds-state-disabled{cursor:not-allowed}.cds-step.cds-state-disabled .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled .cds-step__label,.cds-step.cds-state-disabled .cds-step__description{color:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:hover .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:focus .cds-step__icon{box-shadow:none}.cds-step:hover .cds-step__icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-step:focus{outline:0}.cds-step:focus .cds-step__icon{box-shadow:0 0 0 2px var(--cds-color-interactive-01-default)}
 
-.cds-table-wrap{background-color:var(--cds-color-background-container-primary);border-radius:var(--cds-border-radius-l)}.cds-table-wrap tr{background-color:var(--cds-color-background-container-primary)}.cds-table{display:inline-flex;flex-direction:column;width:100%;overflow:hidden;position:relative}.cds-table__horizontal-scroll{overflow-x:auto}.cds-table__scroll{width:100%;overflow-x:auto;overflow-y:hidden}.cds-table__fixed-left{position:absolute;left:0;box-shadow:4px 0 4px rgba(0,0,0,0.2);z-index:3}.cds-table__fixed-left .cds-table__table--focus td:last-child{box-shadow:inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus) !important}.cds-table__fixed-left-header{z-index:3;position:absolute}.cds-table__fixed-left-header--fixed{position:fixed;box-shadow:0 7px 15px -3px rgba(0,0,0,0.2);top:0}.cds-table__fixed-header{position:fixed;z-index:2;overflow:hidden;top:0;display:none;box-shadow:0 7px 15px -3px rgba(0,0,0,0.2)}.cds-table__fixed-header table{position:relative;width:100%}.cds-table__auto-width{width:initial}.cds-table__auto-width .cds-data-table__table{width:auto}.cds-table__heading{padding:.5rem 0 1rem 1rem}.cds-table__right-shadow{position:absolute;right:0;top:0;box-shadow:inset -25px 0 6px -22px rgba(0,0,0,0.2);width:20px;z-index:4;display:none}.cds-table__table{width:100%;border-collapse:collapse;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__table tbody:first-of-type tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-table__table--hide-header tbody:first-of-type tr:first-child td:before{background-color:var(--cds-color-border-element-secondary)}.cds-table__table--hide-header thead{visibility:collapse}.cds-table__table tr{transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td,.cds-table__table th{z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td.right,.cds-table__table th.right{text-align:right}.cds-table__table td.center,.cds-table__table th.center{text-align:center}.cds-table__table td.expand,.cds-table__table th.expand{padding:.5rem 0 .5rem .5rem;width:2.5rem}.cds-table__table td.expand i,.cds-table__table th.expand i{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td.selection,.cds-table__table th.selection{padding:1.5rem 1rem 1rem;min-width:3rem}.cds-table__table td.selection label,.cds-table__table th.selection label{padding-left:0}.cds-table__table th{height:2rem;padding:1rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-6);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold)}.cds-table__table th.selection{padding-top:1rem}.cds-table__table td{border:none;padding:0.875rem 1rem 1rem;height:3rem;vertical-align:top;border-top:1px solid var(--cds-color-border-element-secondary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__table td.nowrap{white-space:nowrap}.cds-table__table td.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.cds-table__table--short td{padding-top:0.375rem;padding-bottom:.5rem;height:2rem}.cds-table__table--short td.selection{padding-top:1rem}.cds-table__table--short th{height:2rem;padding-top:.625rem;padding-bottom:.5rem}.cds-table__table td.no-vertical-pad{padding-top:0;padding-bottom:0}.cds-table__table--expandable tr .expand i{transform:rotateZ(180deg)}.cds-table__table--expandable tr+tr>.expandable-row__sub{max-height:100%;padding-top:1rem}.cds-table__table--hover td{background-color:var(--cds-color-interactive-02-hover)}.cds-table__table--focus{border-color:var(--cds-color-interactive-01-focus);outline:none !important}.cds-table__table--focus td{box-shadow:inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--focus td:first-child{box-shadow:inset 2px 0 0 0 var(--cds-color-interactive-01-focus),inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus) !important}.cds-table__table--focus td:last-child{box-shadow:inset -2px 0 0 0 var(--cds-color-interactive-01-focus),inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--focus td:before{height:0}.cds-table__table--focus+tr td:before{background-color:transparent}.cds-table__table--select{border-left-color:var(--cds-color-interactive-01-active)}.cds-table__table--select td{background-color:var(--cds-color-interactive-02-active)}.cds-table__table--select td:first-child{box-shadow:inset 2px 0 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--borderless td:before{display:none}.cds-table__table--ellipsis td,.cds-table__table--ellipsis th{max-width:6.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-table__table--selectable td{cursor:pointer}.cds-table__table--sortable th{white-space:nowrap}.cds-table__table--sortable th .sortable-icon{position:relative;top:2px;opacity:0}.cds-table__table--sortable th.asc .sortable-icon,.cds-table__table--sortable th.desc .sortable-icon,.cds-table__table--sortable th:hover .sortable-icon{opacity:1}.cds-table__table--sortable th:hover{cursor:pointer;background-color:var(--cds-color-interactive-02-hover)}.cds-table__table--sortable th:focus{outline:none}.cds-table__table--sortable th:focus:after{position:absolute;content:'';top:0;right:0;bottom:-1px;left:0;border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);z-index:1}.cds-table__table--empty{width:100%;display:flex;flex-direction:column;align-items:center}.cds-table__table--empty-container{width:100%;height:100%;min-height:320px;display:flex;justify-content:center;align-items:center}.cds-table__table--empty thead,.cds-table__table--empty tr{width:100%}.cds-table__table--empty tr{display:flex;justify-content:space-between;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-secondary)}.cds-table__table--empty th{height:3rem;display:flex;align-items:center}.cds-table--group td:before{background-color:transparent}.cds-table--group tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-table .level-1 td.tree-leaf{padding-left:2rem}.cds-table .level-1 td.tree-leaf--last{padding-left:4rem}.cds-table .level-2 td.tree-leaf{padding-left:4rem}.cds-table .level-2 td.tree-leaf--last{padding-left:5rem}.cds-table .level-3 td.tree-leaf{padding-left:6rem}.cds-table .level-3 td.tree-leaf--last{padding-left:7rem}.cds-table .level-4 td.tree-leaf{padding-left:8rem}.cds-table .level-4 td.tree-leaf--last{padding-left:9rem}.cds-table .level-5 td.tree-leaf{padding-left:10rem}.cds-table .level-5 td.tree-leaf--last{padding-left:11rem}.cds-table .tree-open td:first-child{border-left:2px solid var(--cds-color-interactive-01-active)}.cds-table .tree-leaf{padding-left:0;padding-top:.35rem}.cds-table .tree-leaf .tree-action{align-items:flex-start;display:flex}.cds-table .tree-leaf .tree-action>i{width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.cds-table .tree-leaf .tree-action .tree-action-content{padding-top:.5rem}.cds-table .tree-leaf--last{padding-left:2rem}.cds-table .expandable-content{max-height:0;overflow:hidden}.cds-table__default-overflow{overflow:initial}.cds-table__default-overflow .cds-table__scroll{overflow:initial}.cds-table__footer{display:flex;width:100%;padding:1rem;justify-content:space-between;align-items:center;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-table__footer--summary{display:flex;align-items:center;height:100%;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__footer--summary span{margin-top:.25rem}.cds-table__footer--view{display:flex;align-items:center;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__footer--view span{margin-top:.25rem}.cds-table__footer--view .cds-select__control{width:5rem;margin-left:.5rem}.cds-table__empty-message{padding-left:1rem;align-self:center}
+.cds-table-wrap{background-color:var(--cds-color-background-container-primary);border-radius:var(--cds-border-radius-l)}.cds-table-wrap tr{background-color:var(--cds-color-background-container-primary)}.cds-table{display:inline-flex;flex-direction:column;width:100%;overflow:hidden;position:relative}.cds-table__horizontal-scroll{overflow-x:auto}.cds-table__scroll{width:100%;overflow-x:auto;overflow-y:hidden}.cds-table__fixed-left{position:absolute;left:0;box-shadow:4px 0 4px rgba(0,0,0,0.2);z-index:3}.cds-table__fixed-left .cds-table__table--focus td:last-child{box-shadow:inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus) !important}.cds-table__fixed-left-header{z-index:3;position:absolute}.cds-table__fixed-left-header--fixed{position:fixed;box-shadow:0 7px 15px -3px rgba(0,0,0,0.2);top:0}.cds-table__fixed-header{position:fixed;z-index:2;overflow:hidden;top:0;display:none;box-shadow:0 7px 15px -3px rgba(0,0,0,0.2)}.cds-table__fixed-header table{position:relative;width:100%}.cds-table__auto-width{width:initial}.cds-table__auto-width .cds-data-table__table{width:auto}.cds-table__heading{padding:.5rem 0 1rem 1rem}.cds-table__right-shadow{position:absolute;right:0;top:0;box-shadow:inset -25px 0 6px -22px rgba(0,0,0,0.2);width:20px;z-index:4;display:none}.cds-table__table{width:100%;border-collapse:collapse;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__table tbody:first-of-type tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-table__table--hide-header tbody:first-of-type tr:first-child td:before{background-color:var(--cds-color-border-element-secondary)}.cds-table__table--hide-header thead{visibility:collapse}.cds-table__table tr{transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td,.cds-table__table th{z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td.right,.cds-table__table th.right{text-align:right}.cds-table__table td.center,.cds-table__table th.center{text-align:center}.cds-table__table td.expand,.cds-table__table th.expand{padding:.5rem 0 .5rem .5rem;width:2.5rem}.cds-table__table td.expand i,.cds-table__table th.expand i{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-table__table td.selection,.cds-table__table th.selection{padding:1.5rem 1rem 1rem;min-width:3rem}.cds-table__table td.selection label,.cds-table__table th.selection label{padding-left:0}.cds-table__table th{height:2rem;padding:1rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-6);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold)}.cds-table__table th.selection{padding-top:1rem}.cds-table__table td{border:none;padding:0.875rem 1rem 1rem;height:3rem;vertical-align:top;border-top:1px solid var(--cds-color-border-element-secondary);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__table td.nowrap{white-space:nowrap}.cds-table__table td.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.cds-table__table--short td{padding-top:0.375rem;padding-bottom:.5rem;height:2rem}.cds-table__table--short td.selection{padding-top:1rem}.cds-table__table--short th{height:2rem;padding-top:.625rem;padding-bottom:.5rem}.cds-table__table td.no-vertical-pad{padding-top:0;padding-bottom:0}.cds-table__table--expandable tr .expand i{transform:rotateZ(180deg)}.cds-table__table--expandable tr+tr>.expandable-row__sub{max-height:100%;padding-top:1rem}.cds-table__table--hover td{background-color:var(--cds-color-interactive-02-hover)}.cds-table__table--focus{border-color:var(--cds-color-interactive-01-focus);outline:none !important}.cds-table__table--focus td{box-shadow:inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--focus td:first-child{box-shadow:inset 2px 0 0 0 var(--cds-color-interactive-01-focus),inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus) !important}.cds-table__table--focus td:last-child{box-shadow:inset -2px 0 0 0 var(--cds-color-interactive-01-focus),inset 0 2px 0 0 var(--cds-color-interactive-01-focus),inset 0 -2px 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--focus td:before{height:0}.cds-table__table--focus+tr td:before{background-color:transparent}.cds-table__table--select{border-left-color:var(--cds-color-interactive-01-active)}.cds-table__table--select td{background-color:var(--cds-color-interactive-02-active)}.cds-table__table--select td:first-child{box-shadow:inset 2px 0 0 0 var(--cds-color-interactive-01-focus)}.cds-table__table--borderless td:before{display:none}.cds-table__table--ellipsis td,.cds-table__table--ellipsis th{max-width:6.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-table__table--selectable td{cursor:pointer}.cds-table__table--sortable th{white-space:nowrap}.cds-table__table--sortable th .sortable-icon{position:relative;top:2px;opacity:0}.cds-table__table--sortable th.asc .sortable-icon,.cds-table__table--sortable th.desc .sortable-icon,.cds-table__table--sortable th:hover .sortable-icon{opacity:1}.cds-table__table--sortable th:hover{cursor:pointer;background-color:var(--cds-color-interactive-02-hover)}.cds-table__table--sortable th:focus{outline:none}.cds-table__table--sortable th:focus:after{position:absolute;content:'';top:0;right:0;bottom:-1px;left:0;border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);z-index:1}.cds-table__table--empty{width:100%;display:flex;flex-direction:column;align-items:center}.cds-table__table--empty-container{width:100%;height:100%;min-height:320px;display:flex;justify-content:center;align-items:center}.cds-table__table--empty thead,.cds-table__table--empty tr{width:100%}.cds-table__table--empty tr{display:flex;justify-content:space-between;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-secondary)}.cds-table__table--empty th{height:3rem;display:flex;align-items:center}.cds-table--group td:before{background-color:transparent}.cds-table--group tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-table .level-1 td.tree-leaf{padding-left:2rem}.cds-table .level-1 td.tree-leaf--last{padding-left:4rem}.cds-table .level-2 td.tree-leaf{padding-left:4rem}.cds-table .level-2 td.tree-leaf--last{padding-left:5rem}.cds-table .level-3 td.tree-leaf{padding-left:6rem}.cds-table .level-3 td.tree-leaf--last{padding-left:7rem}.cds-table .level-4 td.tree-leaf{padding-left:8rem}.cds-table .level-4 td.tree-leaf--last{padding-left:9rem}.cds-table .level-5 td.tree-leaf{padding-left:10rem}.cds-table .level-5 td.tree-leaf--last{padding-left:11rem}.cds-table .tree-open td:first-child{border-left:2px solid var(--cds-color-interactive-01-active)}.cds-table .tree-leaf{padding-left:0;padding-top:.35rem}.cds-table .tree-leaf .tree-action{align-items:flex-start;display:flex}.cds-table .tree-leaf .tree-action>i{width:2rem;height:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.cds-table .tree-leaf .tree-action .tree-action-content{padding-top:.5rem}.cds-table .tree-leaf--last{padding-left:2rem;padding-top:.85rem}.cds-table .expandable-content{max-height:0;overflow:hidden}.cds-table__default-overflow{overflow:initial}.cds-table__default-overflow .cds-table__scroll{overflow:initial}.cds-table__footer{display:flex;width:100%;padding:1rem;justify-content:space-between;align-items:center;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary)}.cds-table__footer--summary{display:flex;align-items:center;height:100%;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__footer--summary span{margin-top:.25rem}.cds-table__footer--view{display:flex;align-items:center;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-table__footer--view span{margin-top:.25rem}.cds-table__footer--view .cds-select__control{width:5rem;margin-left:.5rem}.cds-table__empty-message{padding-left:1rem;align-self:center}
 
 .cds-tabs{display:block}.cds-tabs__menu{list-style:none;padding:0;margin:0;display:none}.cds-tabs__item a{cursor:pointer;display:flex;align-items:center;text-decoration:none;position:relative;outline:none;height:2.5rem;color:var(--cds-color-text-primary);padding:0 1rem;border-bottom:var(--cds-border-element-02) var(--cds-color-interactive-02-default);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tabs__item a:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px);border:var(--cds-border-element-02) transparent;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tabs__item a:focus:not(.cds-state-disabled):before{border-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-active{cursor:default;border-bottom-color:var(--cds-color-interactive-01-focus)}.cds-tabs__item a.cds-state-disabled{cursor:not-allowed;color:var(--cds-color-disabled-02);border-bottom-color:var(--cds-color-disabled-01)}.cds-tabs__item a:hover:not(.cds-state-active):not(.cds-state-disabled){color:var(--cds-color-text-primary);border-bottom-color:var(--cds-color-interactive-01-hover)}.cds-tabs__item+.cds-tabs__item{margin-left:.125rem}.cds-tabs__breakpoint-sm .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-sm .cds-tabs__menu{display:flex}@media (min-width: 42rem){.cds-tabs__breakpoint-md .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-md .cds-tabs__menu{display:flex}}@media (min-width: 66rem){.cds-tabs__breakpoint-lg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-lg .cds-tabs__menu{display:flex}}@media (min-width: 82rem){.cds-tabs__breakpoint-xlg .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-xlg .cds-tabs__menu{display:flex}}@media (min-width: 99rem){.cds-tabs__breakpoint-max .cds-tabs__dropdown{display:none}.cds-tabs__breakpoint-max .cds-tabs__menu{display:flex}}