@central-design-system/components 2.26.0 → 2.27.0

package/dist/CdsTable/styles.css

@@ -1,21 +1,21 @@
 /*!
-  * CDS v2.25.0 (https://cds.b2b-center.ru/)
+  * CDS v2.26.0 (https://cds.b2b-center.ru/)
   *
   * @package @central-design-system/components
   * @author  Design System Team <cds@b2b-center.ru>
   * © 2022, B2B-Center. (https://b2b-center.ru/)
   */
-.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%;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden}.cds-table__scroll-buttons{background-color:var(--cds-color-background-container-primary);padding:.75rem .5rem;display:flex;justify-content:flex-end;align-items:center;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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:800;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;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{vertical-align:middle;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--editable td{padding:0 .75rem;height:2rem;vertical-align:middle}.cds-table__table--editable td.selection{padding-top:1rem}.cds-table__table--editable th{height:2rem;padding:.625rem .75rem .5rem .75rem}.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{border: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;position:relative}.cds-table__table--sortable th .sortable-icon{position:relative;padding-left:.25rem;padding-right:.25rem;top:4px;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:active::before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:1;border:var(--cds-border-element-02) var(--cds-color-interactive-01-default)}.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-s);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-s);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:5.3125rem;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%;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden}.cds-table__scroll-buttons{background-color:var(--cds-color-background-container-primary);padding:.75rem .5rem;display:flex;justify-content:flex-end;align-items:center;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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:800;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)}@media (max-width: 42rem){.cds-table__table{font-size:var(--cds-font-body-size-xs)}}.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;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)}@media (max-width: 42rem){.cds-table__table th{font-size:var(--cds-font-body-size-xs)}}.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)}@media (max-width: 42rem){.cds-table__table td{font-size:var(--cds-font-body-size-xs)}}.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{vertical-align:middle;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--editable td{padding:0 .75rem;height:2rem;vertical-align:middle}.cds-table__table--editable td.selection{padding-top:1rem}.cds-table__table--editable th{height:2rem;padding:.625rem .75rem .5rem .75rem}.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{border: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;position:relative}.cds-table__table--sortable th .sortable-icon{position:relative;padding-left:.25rem;padding-right:.25rem;top:4px;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:active::before{width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:1;border:var(--cds-border-element-02) var(--cds-color-interactive-01-default)}.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-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-table__footer--summary{font-size:var(--cds-font-body-size-xs)}}.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-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-table__footer--view{font-size:var(--cds-font-body-size-xs)}}.cds-table__footer--view span{margin-top:.25rem}.cds-table__footer--view .cds-select__control{width:5.3125rem;margin-left:.5rem}.cds-table__empty-message{padding-left:1rem;align-self:center}
 
 .cds-ico,.cds-ico svg{width:1rem;height:1rem}
 
 .cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
 
-.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
+.cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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)}@media (max-width: 42rem){.cds-button{font-size:var(--cds-font-body-size-xs)}}.cds-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-interactive-02-above)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button__badge{position:absolute;right:-.5rem;top:-.3125rem;z-index:600}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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)}@media (max-width: 42rem){.cds-button__size--lg{font-size:var(--cds-font-body-size-s)}}.cds-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}@media (max-width: 42rem){.cds-button__size--xl{font-size:var(--cds-font-body-size-m)}}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
 
-.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-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)}@media (max-width: 42rem){.cds-input input{font-size:var(--cds-font-body-size-xs)}}.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__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-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)}@media (max-width: 42rem){.cds-checkbox__label{font-size:var(--cds-font-body-size-xs)}}.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}