@central-design-system/components 2.17.0 → 2.18.0-beta.2

package/dist/CdsDataTable/styles.css

@@ -1,5 +1,5 @@
 /*!
-  * CDS v2.16.0 (https://cds.b2b-center.ru/)
+  * CDS v2.18.0-beta.1 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
@@ -11,11 +11,11 @@
 
 .cds-ico,.cds-ico svg{width:1rem;height:1rem}
 
-.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);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-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--cds-wprefix input{padding-left:2.5rem}.cds-input--cds-wsuffix input{padding-right:2.5rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;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:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;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%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);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:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);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-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
+.cds-input{position:relative;display:block}.cds-input input{display:block;outline:none !important;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding:0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);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-input input::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-input input:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-input input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-input input:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-input input:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-input input:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-input__prefix{display:flex;align-items:center;position:absolute;left:.5rem;top:0;bottom:0}.cds-input__suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-input__suffix i+button,.cds-input__suffix i+i{margin-left:.5rem}.cds-input--wprefix input{padding-left:2.5rem}.cds-input--wsuffix input{padding-right:2.5rem}.cds-input--max-suffix input{padding-right:4rem}.cds-input__alert-icon{fill:var(--cds-color-feedback-error-100)}.cds-input__counter{position:absolute;top:-1.25rem;right:0;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:auto}.cds-input__description{color:var(--cds-color-text-description);margin-bottom:.5rem;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%}.cds-input__error{margin-top:.25rem;color:var(--cds-color-feedback-error-100);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:28rem;width:75%}.cds-input__label{display:block;cursor:pointer;margin-bottom:.25rem;color:var(--cds-color-text-label);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-state-invalid input{border-color:var(--cds-color-feedback-error-100)}.cds-state-invalid input:hover,.cds-state-invalid input:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__label{color:var(--cds-color-disabled-02);cursor:default}.cds-state-disabled .cds-input__suffix i:not(.cds-input__alert-icon),.cds-state-disabled .cds-input__prefix i:not(.cds-input__alert-icon){fill:var(--cds-color-disabled-02)}
 
 .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
 
-.cds-checkbox__label{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-checkbox__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-checkbox__label:after,.cds-checkbox__label:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-checkbox__label:before{width:1rem;height:1rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01);border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-checkbox__description{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-checkbox__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-checkbox__input:focus ~ .cds-checkbox__label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-checkbox__group-label{margin-bottom:.75rem;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-checkbox__group-description{margin-top:-.5rem;margin-bottom:1rem;width:100%}.cds-checkbox__group .cds-checkbox{margin-bottom:.5rem}.cds-checkbox__group .cds-checkbox:last-child{margin-bottom:0}.cds-checkbox.cds-state-checked .cds-checkbox__label:before{border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-checked .cds-checkbox__label:after{width:.375rem;height:.625rem;top:-.125rem;bottom:0;margin:auto;left:.3125rem;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom:var(--cds-border-element-02) var(--cds-color-background-element-primary);transform:rotate(33deg);transform-origin:center}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:before{background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:after{width:0;height:.625rem;top:0;bottom:0;margin:auto;left:7px;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom-width:0;transform:rotate(90deg);transform-origin:center}.cds-checkbox:hover:not(.cds-state-disabled) .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox:hover:not(.cds-state-disabled).cds-state-checked .cds-checkbox__label:before,.cds-checkbox:hover:not(.cds-state-disabled).cds-state-indeterminate .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox.cds-state-disabled .cds-checkbox__label,.cds-checkbox.cds-state-disabled .cds-checkbox__input{cursor:not-allowed;color:var(--cds-color-disabled-02) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:before{border-color:var(--cds-color-disabled-02) !important;background-color:var(--cds-color-disabled-01) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:after{border-color:var(--cds-color-disabled-02) !important}.cds-checkbox__skeleton .cds-checkbox__label:before,.cds-checkbox__skeleton .cds-checkbox__label:after{content:none}.cds-checkbox__skeleton .cds-checkbox__input--skeleton{position:absolute;left:0}
+.cds-checkbox__label{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-checkbox__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-checkbox__label:after,.cds-checkbox__label:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-checkbox__label:before{width:1rem;height:1rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01);border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-checkbox__description{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-checkbox__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-checkbox__input:focus ~ .cds-checkbox__label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-checkbox__group-label{margin-bottom:.75rem;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-checkbox__group-description{margin-top:-.5rem;margin-bottom:1rem;width:100%}.cds-checkbox__group .cds-checkbox{margin-bottom:.5rem}.cds-checkbox__group .cds-checkbox:last-child{margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox__container{position:relative;display:flex;align-items:flex-start}.cds-checkbox__group--horizontal .cds-checkbox{margin-right:1rem;margin-bottom:0}.cds-checkbox__group--horizontal .cds-checkbox input{left:0}.cds-checkbox__group--horizontal .cds-checkbox:last-child{margin-right:0}.cds-checkbox.cds-state-checked .cds-checkbox__label:before{border-color:var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-checked .cds-checkbox__label:after{width:.375rem;height:.625rem;top:-.125rem;bottom:0;margin:auto;left:.3125rem;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom:var(--cds-border-element-02) var(--cds-color-background-element-primary);transform:rotate(33deg);transform-origin:center}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:before{background-color:var(--cds-color-background-field-primary)}.cds-checkbox.cds-state-indeterminate:not(.cds-state-checked) .cds-checkbox__label:after{width:0;height:.625rem;top:0;bottom:0;margin:auto;left:7px;border-right:var(--cds-border-element-02) var(--cds-color-background-element-primary);border-bottom-width:0;transform:rotate(90deg);transform-origin:center}.cds-checkbox:hover:not(.cds-state-disabled) .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox:hover:not(.cds-state-disabled).cds-state-checked .cds-checkbox__label:before,.cds-checkbox:hover:not(.cds-state-disabled).cds-state-indeterminate .cds-checkbox__label:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-checkbox.cds-state-disabled .cds-checkbox__label,.cds-checkbox.cds-state-disabled .cds-checkbox__input{cursor:not-allowed;color:var(--cds-color-disabled-02) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:before{border-color:var(--cds-color-disabled-02) !important;background-color:var(--cds-color-disabled-01) !important}.cds-checkbox.cds-state-disabled .cds-checkbox__label:after{border-color:var(--cds-color-disabled-02) !important}.cds-checkbox__skeleton .cds-checkbox__label:before,.cds-checkbox__skeleton .cds-checkbox__label:after{content:none}.cds-checkbox__skeleton .cds-checkbox__input--skeleton{position:absolute;left:0}
 
 .cds-data-table{display:inline-flex;flex-direction:column;width:100%;overflow:inherit}.cds-data-table__horizontal-scroll{overflow-x:auto}.cds-data-table__auto-width{width:initial}.cds-data-table__auto-width .cds-data-table__table{width:auto}.cds-data-table__heading{padding:.5rem 0 1rem 1rem}.cds-data-table__heading h4,.cds-data-table__heading p{margin:0}.cds-data-table__heading p{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:none;width:75%}.cds-data-table__toolbar{margin-bottom:1rem}.cds-data-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-data-table__table tbody:first-of-type tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-data-table__table tr{background-color:var(--cds-color-background-container-primary);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table tr.expandable-row td{padding:0 1rem;height:0;transition:height 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table tr.expandable-row td .expandable-content{transition:padding-top,padding-bottom 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table td,.cds-data-table__table th{text-align:left;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table td.right,.cds-data-table__table th.right{text-align:right}.cds-data-table__table td.center,.cds-data-table__table th.center{text-align:center}.cds-data-table__table td.expand,.cds-data-table__table th.expand{padding:.5rem 0 .5rem .5rem;width:2.5rem}.cds-data-table__table td.expand i,.cds-data-table__table th.expand i{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table td.selection,.cds-data-table__table th.selection{padding:1.5rem 1rem 1rem;width:2rem}.cds-data-table__table td.selection label,.cds-data-table__table th.selection label{padding-left:0}.cds-data-table__table th{position:relative;height:2rem;padding:0.375rem 1rem .5rem;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-data-table__table th.selection{padding-top:1rem}.cds-data-table__table td{position:relative;border:none;padding:0.875rem 1rem 1rem;height:3rem;vertical-align:top;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-data-table__table td.nowrap{white-space:nowrap}.cds-data-table__table td.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100px}.cds-data-table__table td:before{position:absolute;content:'';top:0;left:0;right:0;height:1px;background-color:var(--cds-color-border-element-secondary);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-data-table__table--short td{padding-top:0.375rem;padding-bottom:.5rem;height:2rem}.cds-data-table__table--short td.selection{padding-top:1rem}.cds-data-table__table td.no-vertical-pad{padding-top:0;padding-bottom:0}.cds-data-table__table--expandable tr.cds-state-active .expand i{transform:rotateZ(180deg)}.cds-data-table__table--expandable tr.cds-state-active+tr td{height:100%}.cds-data-table__table--expandable tr.cds-state-active+tr .expandable-content{padding:.5rem 0;max-height:100%}.cds-data-table__table--hoverable tbody tr,.cds-data-table__table--selectable tbody tr,.cds-data-table__table--multiselectable tbody tr{cursor:pointer}.cds-data-table__table--hoverable tbody tr:hover,.cds-data-table__table--selectable tbody tr:hover,.cds-data-table__table--multiselectable tbody tr:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-data-table__table--hoverable tbody tr:focus,.cds-data-table__table--selectable tbody tr:focus,.cds-data-table__table--multiselectable tbody tr:focus{border-color:var(--cds-color-interactive-01-focus);outline:none}.cds-data-table__table--hoverable tbody tr:focus td:first-child,.cds-data-table__table--selectable tbody tr:focus td:first-child,.cds-data-table__table--multiselectable tbody tr: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)}.cds-data-table__table--hoverable tbody tr:focus td:last-child,.cds-data-table__table--selectable tbody tr:focus td:last-child,.cds-data-table__table--multiselectable tbody tr: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-data-table__table--hoverable tbody tr:focus td:not(:first-child):not(:last-child),.cds-data-table__table--selectable tbody tr:focus td:not(:first-child):not(:last-child),.cds-data-table__table--multiselectable tbody tr:focus td:not(:first-child):not(: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)}.cds-data-table__table--hoverable tbody tr:focus td:before,.cds-data-table__table--selectable tbody tr:focus td:before,.cds-data-table__table--multiselectable tbody tr:focus td:before{height:0}.cds-data-table__table--hoverable tbody tr:focus+tr td:before,.cds-data-table__table--selectable tbody tr:focus+tr td:before,.cds-data-table__table--multiselectable tbody tr:focus+tr td:before{background-color:transparent}.cds-data-table__table--selectable tbody tr.cds-state-checked,.cds-data-table__table--multiselectable tbody tr.cds-state-checked{background-color:var(--cds-color-interactive-02-active);border-left-color:var(--cds-color-interactive-01-active)}.cds-data-table__table--selectable tbody tr.cds-state-checked:not(:focus) td:first-child,.cds-data-table__table--multiselectable tbody tr.cds-state-checked:not(:focus) td:first-child{box-shadow:inset 2px 0 0 0 var(--cds-color-interactive-01-focus)}.cds-data-table__table--sortable th{white-space:nowrap}.cds-data-table__table--sortable th .sortable-icon{position:relative;top:2px;opacity:0}.cds-data-table__table--sortable th.asc .sortable-icon,.cds-data-table__table--sortable th.desc .sortable-icon,.cds-data-table__table--sortable th:hover .sortable-icon{opacity:1}.cds-data-table__table--sortable th:hover{cursor:pointer;background-color:var(--cds-color-interactive-02-hover)}.cds-data-table__table--sortable th:focus{outline:none}.cds-data-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-data-table__table--borderless td:before{display:none}.cds-data-table__table--ellipsis td,.cds-data-table__table--ellipsis th{max-width:6.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-data-table__table--group td:before{background-color:transparent}.cds-data-table__table--group tr:first-child td:before{background-color:var(--cds-color-border-element-primary)}.cds-data-table .expandable-content{max-height:0;overflow:hidden}.cds-data-table__empty-message{padding-left:1rem;align-self:center}