npm - @carbon/web-components - Versions diffs - 2.62.0 → 2.63.0 - Mend

@carbon/web-components 2.62.0 → 2.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (955) hide show

package/es-custom/components/form-group/form-group.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/form-group/form-group.scss?lit
-var form_group_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset,:host(cds-custom-form-group) fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before,:host(cds-custom-form-group) fieldset *,:host(cds-custom-form-group) fieldset :after,:host(cds-custom-form-group) fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-custom-form-group) fieldset{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}"]);
+var form_group_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--fieldset,:host(cds-custom-form-group) fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before,:host(cds-custom-form-group) fieldset *,:host(cds-custom-form-group) fieldset :after,:host(cds-custom-form-group) fieldset :before{box-sizing:inherit}.cds-custom--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{position:absolute;animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-custom-form-group) fieldset{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}"]);
 //#endregion
 export { form_group_default as default };

package/es-custom/components/grid/column-hang.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/grid/column-hang.scss?lit
-var column_hang_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}.cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap{row-gap:calc(var(--cds-grid-gutter)/2)}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--subgrid--with-row-gap{row-gap:2rem}.cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap{row-gap:1rem}.cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap{row-gap:.0625rem}.cds-custom--grid-column-hang,:host(cds-custom-column-hang){margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang,[dir=rtl] :host(cds-custom-column-hang){margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-column-hang){display:block}"]);
+var column_hang_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid{--cds-grid-gutter-start:calc(.5 * var(--cds-grid-gutter));--cds-grid-gutter-end:calc(.5 * var(--cds-grid-gutter));--cds-grid-column-hang:calc(.5 * var(--cds-grid-gutter));display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width{max-inline-size:100%}.cds-custom--css-grid-column{--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}.cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap{row-gap:calc(.5 * var(--cds-grid-gutter))}.cds-custom--css-grid--start{margin-inline-start:0}.cds-custom--css-grid--end{margin-inline-end:0}.cds-custom--subgrid{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(-1 * var(--cds-grid-mode-start)) calc(-1 * var(--cds-grid-mode-end))}[dir=rtl] .cds-custom--subgrid{margin-inline:calc(-1 * var(--cds-grid-mode-end)) calc(-1 * var(--cds-grid-mode-start))}.cds-custom--subgrid--wide{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--subgrid--with-row-gap{row-gap:2rem}.cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap{row-gap:1rem}.cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap{row-gap:.0625rem}.cds-custom--grid-column-hang,:host(cds-custom-column-hang){margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang,[dir=rtl] :host(cds-custom-column-hang){margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0{display:none}.cds-custom--sm\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100{grid-column:1/-1}.cds-custom--sm\\:col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0{display:none}.cds-custom--md\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--md\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--md\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--md\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--md\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--md\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--md\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--md\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100{grid-column:1/-1}.cds-custom--md\\:col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0{display:none}.cds-custom--lg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--lg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--lg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--lg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--lg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--lg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--lg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--lg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--lg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--lg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--lg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--lg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--lg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--lg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100{grid-column:1/-1}.cds-custom--lg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0{display:none}.cds-custom--xlg\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--xlg\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--xlg\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--xlg\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--xlg\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--xlg\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--xlg\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--xlg\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--xlg\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--xlg\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--xlg\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--xlg\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--xlg\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--xlg\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100{grid-column:1/-1}.cds-custom--xlg\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0{display:none}.cds-custom--max\\:col-span-1{--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--max\\:col-span-2{--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--max\\:col-span-3{--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--max\\:col-span-4{--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--max\\:col-span-5{--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--max\\:col-span-6{--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--max\\:col-span-7{--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--max\\:col-span-8{--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--max\\:col-span-9{--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--max\\:col-span-10{--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--max\\:col-span-11{--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--max\\:col-span-12{--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--max\\:col-span-13{--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--max\\:col-span-14{--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--max\\:col-span-15{--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--max\\:col-span-16{--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100{grid-column:1/-1}.cds-custom--max\\:col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100{grid-column:1/-1}.cds-custom--col-span-75{--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75{--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75{--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50{--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50{--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50{--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25{--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25{--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25{--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1{grid-column-start:1}.cds-custom--sm\\:col-start-2{grid-column-start:2}.cds-custom--sm\\:col-start-3{grid-column-start:3}.cds-custom--sm\\:col-start-4{grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2{grid-column-end:2}.cds-custom--sm\\:col-end-3{grid-column-end:3}.cds-custom--sm\\:col-end-4{grid-column-end:4}.cds-custom--sm\\:col-end-5{grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1{grid-column-start:1}.cds-custom--md\\:col-start-2{grid-column-start:2}.cds-custom--md\\:col-start-3{grid-column-start:3}.cds-custom--md\\:col-start-4{grid-column-start:4}.cds-custom--md\\:col-start-5{grid-column-start:5}.cds-custom--md\\:col-start-6{grid-column-start:6}.cds-custom--md\\:col-start-7{grid-column-start:7}.cds-custom--md\\:col-start-8{grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2{grid-column-end:2}.cds-custom--md\\:col-end-3{grid-column-end:3}.cds-custom--md\\:col-end-4{grid-column-end:4}.cds-custom--md\\:col-end-5{grid-column-end:5}.cds-custom--md\\:col-end-6{grid-column-end:6}.cds-custom--md\\:col-end-7{grid-column-end:7}.cds-custom--md\\:col-end-8{grid-column-end:8}.cds-custom--md\\:col-end-9{grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1{grid-column-start:1}.cds-custom--lg\\:col-start-2{grid-column-start:2}.cds-custom--lg\\:col-start-3{grid-column-start:3}.cds-custom--lg\\:col-start-4{grid-column-start:4}.cds-custom--lg\\:col-start-5{grid-column-start:5}.cds-custom--lg\\:col-start-6{grid-column-start:6}.cds-custom--lg\\:col-start-7{grid-column-start:7}.cds-custom--lg\\:col-start-8{grid-column-start:8}.cds-custom--lg\\:col-start-9{grid-column-start:9}.cds-custom--lg\\:col-start-10{grid-column-start:10}.cds-custom--lg\\:col-start-11{grid-column-start:11}.cds-custom--lg\\:col-start-12{grid-column-start:12}.cds-custom--lg\\:col-start-13{grid-column-start:13}.cds-custom--lg\\:col-start-14{grid-column-start:14}.cds-custom--lg\\:col-start-15{grid-column-start:15}.cds-custom--lg\\:col-start-16{grid-column-start:16}.cds-custom--lg\\:col-end-2{grid-column-end:2}.cds-custom--lg\\:col-end-3{grid-column-end:3}.cds-custom--lg\\:col-end-4{grid-column-end:4}.cds-custom--lg\\:col-end-5{grid-column-end:5}.cds-custom--lg\\:col-end-6{grid-column-end:6}.cds-custom--lg\\:col-end-7{grid-column-end:7}.cds-custom--lg\\:col-end-8{grid-column-end:8}.cds-custom--lg\\:col-end-9{grid-column-end:9}.cds-custom--lg\\:col-end-10{grid-column-end:10}.cds-custom--lg\\:col-end-11{grid-column-end:11}.cds-custom--lg\\:col-end-12{grid-column-end:12}.cds-custom--lg\\:col-end-13{grid-column-end:13}.cds-custom--lg\\:col-end-14{grid-column-end:14}.cds-custom--lg\\:col-end-15{grid-column-end:15}.cds-custom--lg\\:col-end-16{grid-column-end:16}.cds-custom--lg\\:col-end-17{grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1{grid-column-start:1}.cds-custom--xlg\\:col-start-2{grid-column-start:2}.cds-custom--xlg\\:col-start-3{grid-column-start:3}.cds-custom--xlg\\:col-start-4{grid-column-start:4}.cds-custom--xlg\\:col-start-5{grid-column-start:5}.cds-custom--xlg\\:col-start-6{grid-column-start:6}.cds-custom--xlg\\:col-start-7{grid-column-start:7}.cds-custom--xlg\\:col-start-8{grid-column-start:8}.cds-custom--xlg\\:col-start-9{grid-column-start:9}.cds-custom--xlg\\:col-start-10{grid-column-start:10}.cds-custom--xlg\\:col-start-11{grid-column-start:11}.cds-custom--xlg\\:col-start-12{grid-column-start:12}.cds-custom--xlg\\:col-start-13{grid-column-start:13}.cds-custom--xlg\\:col-start-14{grid-column-start:14}.cds-custom--xlg\\:col-start-15{grid-column-start:15}.cds-custom--xlg\\:col-start-16{grid-column-start:16}.cds-custom--xlg\\:col-end-2{grid-column-end:2}.cds-custom--xlg\\:col-end-3{grid-column-end:3}.cds-custom--xlg\\:col-end-4{grid-column-end:4}.cds-custom--xlg\\:col-end-5{grid-column-end:5}.cds-custom--xlg\\:col-end-6{grid-column-end:6}.cds-custom--xlg\\:col-end-7{grid-column-end:7}.cds-custom--xlg\\:col-end-8{grid-column-end:8}.cds-custom--xlg\\:col-end-9{grid-column-end:9}.cds-custom--xlg\\:col-end-10{grid-column-end:10}.cds-custom--xlg\\:col-end-11{grid-column-end:11}.cds-custom--xlg\\:col-end-12{grid-column-end:12}.cds-custom--xlg\\:col-end-13{grid-column-end:13}.cds-custom--xlg\\:col-end-14{grid-column-end:14}.cds-custom--xlg\\:col-end-15{grid-column-end:15}.cds-custom--xlg\\:col-end-16{grid-column-end:16}.cds-custom--xlg\\:col-end-17{grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1{grid-column-start:1}.cds-custom--max\\:col-start-2{grid-column-start:2}.cds-custom--max\\:col-start-3{grid-column-start:3}.cds-custom--max\\:col-start-4{grid-column-start:4}.cds-custom--max\\:col-start-5{grid-column-start:5}.cds-custom--max\\:col-start-6{grid-column-start:6}.cds-custom--max\\:col-start-7{grid-column-start:7}.cds-custom--max\\:col-start-8{grid-column-start:8}.cds-custom--max\\:col-start-9{grid-column-start:9}.cds-custom--max\\:col-start-10{grid-column-start:10}.cds-custom--max\\:col-start-11{grid-column-start:11}.cds-custom--max\\:col-start-12{grid-column-start:12}.cds-custom--max\\:col-start-13{grid-column-start:13}.cds-custom--max\\:col-start-14{grid-column-start:14}.cds-custom--max\\:col-start-15{grid-column-start:15}.cds-custom--max\\:col-start-16{grid-column-start:16}.cds-custom--max\\:col-end-2{grid-column-end:2}.cds-custom--max\\:col-end-3{grid-column-end:3}.cds-custom--max\\:col-end-4{grid-column-end:4}.cds-custom--max\\:col-end-5{grid-column-end:5}.cds-custom--max\\:col-end-6{grid-column-end:6}.cds-custom--max\\:col-end-7{grid-column-end:7}.cds-custom--max\\:col-end-8{grid-column-end:8}.cds-custom--max\\:col-end-9{grid-column-end:9}.cds-custom--max\\:col-end-10{grid-column-end:10}.cds-custom--max\\:col-end-11{grid-column-end:11}.cds-custom--max\\:col-end-12{grid-column-end:12}.cds-custom--max\\:col-end-13{grid-column-end:13}.cds-custom--max\\:col-end-14{grid-column-end:14}.cds-custom--max\\:col-end-15{grid-column-end:15}.cds-custom--max\\:col-end-16{grid-column-end:16}.cds-custom--max\\:col-end-17{grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-column-hang){display:block}"]);
 //#endregion
 export { column_hang_default as default };

package/es-custom/components/grid/grid.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/grid/grid.scss?lit
-var grid_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid,:host(cds-custom-grid) [grid]{--cds-grid-gutter-start:calc(var(--cds-grid-gutter)/2);--cds-grid-gutter-end:calc(var(--cds-grid-gutter)/2);--cds-grid-column-hang:calc(var(--cds-grid-gutter)/2);display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width,:host(cds-custom-grid[full-width]) [grid]{max-inline-size:100%}.cds-custom--css-grid-column,:host(cds-custom-grid) ::slotted(cds-custom-column){--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}:host(cds-custom-grid) [dir=rtl] ::slotted(cds-custom-column),[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow,:host(cds-custom-grid[narrow]) [grid]{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed,:host(cds-custom-grid[condensed]) [grid]{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}.cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(cds-custom-grid[narrow]) .cds-custom--css-grid--with-row-gap[grid]{row-gap:calc(var(--cds-grid-gutter)/2)}.cds-custom--css-grid--start,:host(cds-custom-grid[align=start]) [grid]{margin-inline-start:0}.cds-custom--css-grid--end,:host(cds-custom-grid[align=end]) [grid]{margin-inline-end:0}.cds-custom--subgrid,:host(cds-custom-grid) [subgrid]{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(var(--cds-grid-mode-start)*-1) calc(var(--cds-grid-mode-end)*-1)}:host(cds-custom-grid) [dir=rtl] [subgrid],[dir=rtl] .cds-custom--subgrid{margin-inline:calc(var(--cds-grid-mode-end)*-1) calc(var(--cds-grid-mode-start)*-1)}.cds-custom--subgrid--wide,:host(cds-custom-grid) [subgrid][mode=wide]{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow,:host(cds-custom-grid) [subgrid][mode=narrow]{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed,:host(cds-custom-grid) [subgrid][mode=condensed]{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--subgrid--with-row-gap{row-gap:2rem}.cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(cds-custom-grid) .cds-custom--subgrid--with-row-gap[subgrid][mode=narrow]{row-gap:1rem}.cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(cds-custom-grid) .cds-custom--subgrid--with-row-gap[subgrid][mode=condensed]{row-gap:.0625rem}.cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"0\"]){display:none}.cds-custom--sm\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"100%\"]){grid-column:1/-1}.cds-custom--sm\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"0\"]){display:none}}@media (min-width:42rem){.cds-custom--md\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){.cds-custom--md\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){.cds-custom--md\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){.cds-custom--md\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){.cds-custom--md\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){.cds-custom--md\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){.cds-custom--md\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){.cds-custom--md\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"100%\"]){grid-column:1/-1}.cds-custom--md\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"0\"]){display:none}}@media (min-width:66rem){.cds-custom--lg\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){.cds-custom--lg\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){.cds-custom--lg\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--lg\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){.cds-custom--lg\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--lg\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){.cds-custom--lg\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){.cds-custom--lg\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){.cds-custom--lg\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){.cds-custom--lg\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){.cds-custom--lg\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){.cds-custom--lg\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){.cds-custom--lg\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){.cds-custom--lg\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){.cds-custom--lg\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"100%\"]){grid-column:1/-1}.cds-custom--lg\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"0\"]){display:none}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"100%\"]){grid-column:1/-1}.cds-custom--xlg\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"0\"]){display:none}}@media (min-width:99rem){.cds-custom--max\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){.cds-custom--max\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){.cds-custom--max\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){.cds-custom--max\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){.cds-custom--max\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){.cds-custom--max\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){.cds-custom--max\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){.cds-custom--max\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){.cds-custom--max\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){.cds-custom--max\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){.cds-custom--max\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){.cds-custom--max\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){.cds-custom--max\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){.cds-custom--max\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){.cds-custom--max\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"100%\"]){grid-column:1/-1}.cds-custom--max\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"100%\"]){grid-column:1/-1}.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:1\"]){grid-column-start:1}.cds-custom--sm\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:2\"]){grid-column-start:2}.cds-custom--sm\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:3\"]){grid-column-start:3}.cds-custom--sm\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:4\"]){grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:2\"]){grid-column-end:2}.cds-custom--sm\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:3\"]){grid-column-end:3}.cds-custom--sm\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:4\"]){grid-column-end:4}.cds-custom--sm\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:5\"]){grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:1\"]){grid-column-start:1}.cds-custom--md\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:2\"]){grid-column-start:2}.cds-custom--md\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:3\"]){grid-column-start:3}.cds-custom--md\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:4\"]){grid-column-start:4}.cds-custom--md\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:5\"]){grid-column-start:5}.cds-custom--md\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:6\"]){grid-column-start:6}.cds-custom--md\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:7\"]){grid-column-start:7}.cds-custom--md\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:8\"]){grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:2\"]){grid-column-end:2}.cds-custom--md\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:3\"]){grid-column-end:3}.cds-custom--md\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:4\"]){grid-column-end:4}.cds-custom--md\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:5\"]){grid-column-end:5}.cds-custom--md\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:6\"]){grid-column-end:6}.cds-custom--md\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:7\"]){grid-column-end:7}.cds-custom--md\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:8\"]){grid-column-end:8}.cds-custom--md\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:9\"]){grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:1\"]){grid-column-start:1}.cds-custom--lg\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:2\"]){grid-column-start:2}.cds-custom--lg\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:3\"]){grid-column-start:3}.cds-custom--lg\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:4\"]){grid-column-start:4}.cds-custom--lg\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:5\"]){grid-column-start:5}.cds-custom--lg\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:6\"]){grid-column-start:6}.cds-custom--lg\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:7\"]){grid-column-start:7}.cds-custom--lg\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:8\"]){grid-column-start:8}.cds-custom--lg\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:9\"]){grid-column-start:9}.cds-custom--lg\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:10\"]){grid-column-start:10}.cds-custom--lg\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:11\"]){grid-column-start:11}.cds-custom--lg\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:12\"]){grid-column-start:12}.cds-custom--lg\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:13\"]){grid-column-start:13}.cds-custom--lg\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:14\"]){grid-column-start:14}.cds-custom--lg\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:15\"]){grid-column-start:15}.cds-custom--lg\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:16\"]){grid-column-start:16}.cds-custom--lg\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:2\"]){grid-column-end:2}.cds-custom--lg\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:3\"]){grid-column-end:3}.cds-custom--lg\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:4\"]){grid-column-end:4}.cds-custom--lg\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:5\"]){grid-column-end:5}.cds-custom--lg\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:6\"]){grid-column-end:6}.cds-custom--lg\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:7\"]){grid-column-end:7}.cds-custom--lg\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:8\"]){grid-column-end:8}.cds-custom--lg\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:9\"]){grid-column-end:9}.cds-custom--lg\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:10\"]){grid-column-end:10}.cds-custom--lg\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:11\"]){grid-column-end:11}.cds-custom--lg\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:12\"]){grid-column-end:12}.cds-custom--lg\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:13\"]){grid-column-end:13}.cds-custom--lg\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:14\"]){grid-column-end:14}.cds-custom--lg\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:15\"]){grid-column-end:15}.cds-custom--lg\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:16\"]){grid-column-end:16}.cds-custom--lg\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:17\"]){grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:1\"]){grid-column-start:1}.cds-custom--xlg\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:2\"]){grid-column-start:2}.cds-custom--xlg\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:3\"]){grid-column-start:3}.cds-custom--xlg\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:4\"]){grid-column-start:4}.cds-custom--xlg\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:5\"]){grid-column-start:5}.cds-custom--xlg\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:6\"]){grid-column-start:6}.cds-custom--xlg\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:7\"]){grid-column-start:7}.cds-custom--xlg\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:8\"]){grid-column-start:8}.cds-custom--xlg\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:9\"]){grid-column-start:9}.cds-custom--xlg\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:10\"]){grid-column-start:10}.cds-custom--xlg\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:11\"]){grid-column-start:11}.cds-custom--xlg\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:12\"]){grid-column-start:12}.cds-custom--xlg\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:13\"]){grid-column-start:13}.cds-custom--xlg\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:14\"]){grid-column-start:14}.cds-custom--xlg\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:15\"]){grid-column-start:15}.cds-custom--xlg\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:16\"]){grid-column-start:16}.cds-custom--xlg\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:2\"]){grid-column-end:2}.cds-custom--xlg\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:3\"]){grid-column-end:3}.cds-custom--xlg\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:4\"]){grid-column-end:4}.cds-custom--xlg\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:5\"]){grid-column-end:5}.cds-custom--xlg\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:6\"]){grid-column-end:6}.cds-custom--xlg\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:7\"]){grid-column-end:7}.cds-custom--xlg\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:8\"]){grid-column-end:8}.cds-custom--xlg\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:9\"]){grid-column-end:9}.cds-custom--xlg\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:10\"]){grid-column-end:10}.cds-custom--xlg\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:11\"]){grid-column-end:11}.cds-custom--xlg\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:12\"]){grid-column-end:12}.cds-custom--xlg\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:13\"]){grid-column-end:13}.cds-custom--xlg\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:14\"]){grid-column-end:14}.cds-custom--xlg\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:15\"]){grid-column-end:15}.cds-custom--xlg\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:16\"]){grid-column-end:16}.cds-custom--xlg\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:17\"]){grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:1\"]){grid-column-start:1}.cds-custom--max\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:2\"]){grid-column-start:2}.cds-custom--max\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:3\"]){grid-column-start:3}.cds-custom--max\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:4\"]){grid-column-start:4}.cds-custom--max\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:5\"]){grid-column-start:5}.cds-custom--max\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:6\"]){grid-column-start:6}.cds-custom--max\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:7\"]){grid-column-start:7}.cds-custom--max\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:8\"]){grid-column-start:8}.cds-custom--max\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:9\"]){grid-column-start:9}.cds-custom--max\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:10\"]){grid-column-start:10}.cds-custom--max\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:11\"]){grid-column-start:11}.cds-custom--max\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:12\"]){grid-column-start:12}.cds-custom--max\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:13\"]){grid-column-start:13}.cds-custom--max\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:14\"]){grid-column-start:14}.cds-custom--max\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:15\"]){grid-column-start:15}.cds-custom--max\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:16\"]){grid-column-start:16}.cds-custom--max\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:2\"]){grid-column-end:2}.cds-custom--max\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:3\"]){grid-column-end:3}.cds-custom--max\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:4\"]){grid-column-end:4}.cds-custom--max\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:5\"]){grid-column-end:5}.cds-custom--max\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:6\"]){grid-column-end:6}.cds-custom--max\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:7\"]){grid-column-end:7}.cds-custom--max\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:8\"]){grid-column-end:8}.cds-custom--max\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:9\"]){grid-column-end:9}.cds-custom--max\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:10\"]){grid-column-end:10}.cds-custom--max\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:11\"]){grid-column-end:11}.cds-custom--max\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:12\"]){grid-column-end:12}.cds-custom--max\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:13\"]){grid-column-end:13}.cds-custom--max\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:14\"]){grid-column-end:14}.cds-custom--max\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:15\"]){grid-column-end:15}.cds-custom--max\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:16\"]){grid-column-end:16}.cds-custom--max\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:17\"]){grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-grid) [grid]{box-sizing:border-box}:host(cds-custom-grid[with-row-gap]) [grid]{row-gap:var(--cds-grid-gutter)}:host(cds-custom-grid[narrow][with-row-gap]) [grid]{row-gap:calc(var(--cds-grid-gutter)/2)}:host(cds-custom-grid) [subgrid]{box-sizing:border-box}:host(cds-custom-grid) [subgrid][with-row-gap]{row-gap:calc(var(--cds-grid-gutter-start) + var(--cds-grid-gutter-end))}:host(cds-custom-grid) [subgrid][mode=narrow][with-row-gap]{row-gap:var(--cds-grid-gutter-end)}:host(cds-custom-grid) [subgrid][mode=condensed][with-row-gap]{row-gap:var(--cds-grid-gutter-start)}"]);
+var grid_default = css([":root{--cds-grid-gutter:2rem;--cds-grid-columns:4;--cds-grid-margin:0}@media (min-width:42rem){:root{--cds-grid-columns:8;--cds-grid-margin:1rem}}@media (min-width:66rem){:root{--cds-grid-columns:16}}@media (min-width:99rem){:root{--cds-grid-margin:1.5rem}}.cds-custom--css-grid,:host(cds-custom-grid) [grid]{--cds-grid-gutter-start:calc(.5 * var(--cds-grid-gutter));--cds-grid-gutter-end:calc(.5 * var(--cds-grid-gutter));--cds-grid-column-hang:calc(.5 * var(--cds-grid-gutter));display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));inline-size:100%;margin-inline:auto;max-inline-size:99rem;padding-inline:var(--cds-grid-margin)}.cds-custom--css-grid--full-width,:host(cds-custom-grid[full-width]) [grid]{max-inline-size:100%}.cds-custom--css-grid-column,:host(cds-custom-grid) ::slotted(cds-custom-column){--cds-grid-mode-start:var(--cds-grid-gutter-start);--cds-grid-mode-end:var(--cds-grid-gutter-end);margin-inline:var(--cds-grid-gutter-start) var(--cds-grid-gutter-end)}:host(cds-custom-grid) [dir=rtl] ::slotted(cds-custom-column),[dir=rtl] .cds-custom--css-grid-column{margin-inline:var(--cds-grid-gutter-end) var(--cds-grid-gutter-start)}.cds-custom--css-grid--narrow,:host(cds-custom-grid[narrow]) [grid]{--cds-grid-gutter-start:0rem}.cds-custom--css-grid--condensed,:host(cds-custom-grid[condensed]) [grid]{--cds-grid-gutter:0.0625rem;--cds-grid-column-hang:0.96875rem}.cds-custom--css-grid--with-row-gap{row-gap:var(--cds-grid-gutter)}.cds-custom--css-grid--narrow.cds-custom--css-grid--with-row-gap,:host(cds-custom-grid[narrow]) .cds-custom--css-grid--with-row-gap[grid]{row-gap:calc(.5 * var(--cds-grid-gutter))}.cds-custom--css-grid--start,:host(cds-custom-grid[align=start]) [grid]{margin-inline-start:0}.cds-custom--css-grid--end,:host(cds-custom-grid[align=end]) [grid]{margin-inline-end:0}.cds-custom--subgrid,:host(cds-custom-grid) [subgrid]{display:grid;grid-template-columns:repeat(var(--cds-grid-columns),minmax(0,1fr));margin-inline:calc(-1 * var(--cds-grid-mode-start)) calc(-1 * var(--cds-grid-mode-end))}:host(cds-custom-grid) [dir=rtl] [subgrid],[dir=rtl] .cds-custom--subgrid{margin-inline:calc(-1 * var(--cds-grid-mode-end)) calc(-1 * var(--cds-grid-mode-start))}.cds-custom--subgrid--wide,:host(cds-custom-grid) [subgrid][mode=wide]{--cds-grid-gutter-start:1rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:0}.cds-custom--subgrid--narrow,:host(cds-custom-grid) [subgrid][mode=narrow]{--cds-grid-gutter-start:0rem;--cds-grid-gutter-end:1rem;--cds-grid-column-hang:1rem}.cds-custom--subgrid--condensed,:host(cds-custom-grid) [subgrid][mode=condensed]{--cds-grid-gutter:0.0625rem;--cds-grid-gutter-start:0.03125rem;--cds-grid-gutter-end:0.03125rem;--cds-grid-column-hang:0.96875rem}.cds-custom--subgrid--with-row-gap{row-gap:2rem}.cds-custom--subgrid--narrow.cds-custom--subgrid--with-row-gap,:host(cds-custom-grid) .cds-custom--subgrid--with-row-gap[subgrid][mode=narrow]{row-gap:1rem}.cds-custom--subgrid--condensed.cds-custom--subgrid--with-row-gap,:host(cds-custom-grid) .cds-custom--subgrid--with-row-gap[subgrid][mode=condensed]{row-gap:.0625rem}.cds-custom--grid-column-hang{margin-inline-start:var(--cds-grid-column-hang)}[dir=rtl] .cds-custom--grid-column-hang{margin-inline:initial var(--cds-grid-column-hang)}.cds-custom--col-span-0{display:none}.cds-custom--col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}.cds-custom--col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}.cds-custom--col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}.cds-custom--col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}.cds-custom--col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}.cds-custom--col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}.cds-custom--col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}.cds-custom--col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}.cds-custom--col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}.cds-custom--col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}.cds-custom--col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}.cds-custom--col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}.cds-custom--sm\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"0\"]){display:none}.cds-custom--sm\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}.cds-custom--sm\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}.cds-custom--sm\\:col-span-auto{grid-column:auto}.cds-custom--sm\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"100%\"]){grid-column:1/-1}.cds-custom--sm\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}.cds-custom--sm\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}.cds-custom--sm\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[sm=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--md\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"0\"]){display:none}}@media (min-width:42rem){.cds-custom--md\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:42rem){.cds-custom--md\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:42rem){.cds-custom--md\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:42rem){.cds-custom--md\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:42rem){.cds-custom--md\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:42rem){.cds-custom--md\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:42rem){.cds-custom--md\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:42rem){.cds-custom--md\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:42rem){.cds-custom--md\\:col-span-auto{grid-column:auto}.cds-custom--md\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"100%\"]){grid-column:1/-1}.cds-custom--md\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}.cds-custom--md\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}.cds-custom--md\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[md=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"0\"]){display:none}}@media (min-width:66rem){.cds-custom--lg\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:66rem){.cds-custom--lg\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--lg\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:66rem){.cds-custom--lg\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--lg\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:66rem){.cds-custom--lg\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--lg\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:66rem){.cds-custom--lg\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:66rem){.cds-custom--lg\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:66rem){.cds-custom--lg\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:66rem){.cds-custom--lg\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:66rem){.cds-custom--lg\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:66rem){.cds-custom--lg\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:66rem){.cds-custom--lg\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:66rem){.cds-custom--lg\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:66rem){.cds-custom--lg\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:66rem){.cds-custom--lg\\:col-span-auto{grid-column:auto}.cds-custom--lg\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"100%\"]){grid-column:1/-1}.cds-custom--lg\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--lg\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--lg\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[lg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"0\"]){display:none}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:82rem){.cds-custom--xlg\\:col-span-auto{grid-column:auto}.cds-custom--xlg\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"100%\"]){grid-column:1/-1}.cds-custom--xlg\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--xlg\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--xlg\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[xlg=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-0,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:0\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"0\"]){display:none}}@media (min-width:99rem){.cds-custom--max\\:col-span-1,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:1\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"1\"]){--cds-grid-columns:1;display:block;grid-column:span 1/span 1}}@media (min-width:99rem){.cds-custom--max\\:col-span-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:2\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"2\"]){--cds-grid-columns:2;display:block;grid-column:span 2/span 2}}@media (min-width:99rem){.cds-custom--max\\:col-span-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:3\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"3\"]){--cds-grid-columns:3;display:block;grid-column:span 3/span 3}}@media (min-width:99rem){.cds-custom--max\\:col-span-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:4\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"4\"]){--cds-grid-columns:4;display:block;grid-column:span 4/span 4}}@media (min-width:99rem){.cds-custom--max\\:col-span-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:5\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"5\"]){--cds-grid-columns:5;display:block;grid-column:span 5/span 5}}@media (min-width:99rem){.cds-custom--max\\:col-span-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:6\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"6\"]){--cds-grid-columns:6;display:block;grid-column:span 6/span 6}}@media (min-width:99rem){.cds-custom--max\\:col-span-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:7\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"7\"]){--cds-grid-columns:7;display:block;grid-column:span 7/span 7}}@media (min-width:99rem){.cds-custom--max\\:col-span-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:8\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"8\"]){--cds-grid-columns:8;display:block;grid-column:span 8/span 8}}@media (min-width:99rem){.cds-custom--max\\:col-span-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:9\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"9\"]){--cds-grid-columns:9;display:block;grid-column:span 9/span 9}}@media (min-width:99rem){.cds-custom--max\\:col-span-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:10\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"10\"]){--cds-grid-columns:10;display:block;grid-column:span 10/span 10}}@media (min-width:99rem){.cds-custom--max\\:col-span-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:11\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"11\"]){--cds-grid-columns:11;display:block;grid-column:span 11/span 11}}@media (min-width:99rem){.cds-custom--max\\:col-span-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:12\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"12\"]){--cds-grid-columns:12;display:block;grid-column:span 12/span 12}}@media (min-width:99rem){.cds-custom--max\\:col-span-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:13\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"13\"]){--cds-grid-columns:13;display:block;grid-column:span 13/span 13}}@media (min-width:99rem){.cds-custom--max\\:col-span-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:14\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"14\"]){--cds-grid-columns:14;display:block;grid-column:span 14/span 14}}@media (min-width:99rem){.cds-custom--max\\:col-span-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:15\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"15\"]){--cds-grid-columns:15;display:block;grid-column:span 15/span 15}}@media (min-width:99rem){.cds-custom--max\\:col-span-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:16\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"16\"]){--cds-grid-columns:16;display:block;grid-column:span 16/span 16}}@media (min-width:99rem){.cds-custom--max\\:col-span-auto{grid-column:auto}.cds-custom--max\\:col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:100%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"100%\"]){grid-column:1/-1}.cds-custom--max\\:col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:75%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}.cds-custom--max\\:col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:50%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}.cds-custom--max\\:col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"span:25%\"]),:host(cds-custom-grid) ::slotted(cds-custom-column[max=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-span-auto{grid-column:auto}.cds-custom--col-span-100,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"100%\"]){grid-column:1/-1}.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:3;grid-column:span 3/span 3}@media (min-width:42rem){.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:6;grid-column:span 6/span 6}}@media (min-width:66rem){.cds-custom--col-span-75,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"75%\"]){--cds-grid-columns:12;grid-column:span 12/span 12}}.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}@media (min-width:42rem){.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}@media (min-width:66rem){.cds-custom--col-span-50,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"50%\"]){--cds-grid-columns:8;grid-column:span 8/span 8}}.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:1;grid-column:span 1/span 1}@media (min-width:42rem){.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:2;grid-column:span 2/span 2}}@media (min-width:66rem){.cds-custom--col-span-25,:host(cds-custom-grid) ::slotted(cds-custom-column[span=\"25%\"]){--cds-grid-columns:4;grid-column:span 4/span 4}}.cds-custom--col-start-1{grid-column-start:1}.cds-custom--col-start-2{grid-column-start:2}.cds-custom--col-start-3{grid-column-start:3}.cds-custom--col-start-4{grid-column-start:4}.cds-custom--col-start-5{grid-column-start:5}.cds-custom--col-start-6{grid-column-start:6}.cds-custom--col-start-7{grid-column-start:7}.cds-custom--col-start-8{grid-column-start:8}.cds-custom--col-start-9{grid-column-start:9}.cds-custom--col-start-10{grid-column-start:10}.cds-custom--col-start-11{grid-column-start:11}.cds-custom--col-start-12{grid-column-start:12}.cds-custom--col-start-13{grid-column-start:13}.cds-custom--col-start-14{grid-column-start:14}.cds-custom--col-start-15{grid-column-start:15}.cds-custom--col-start-16{grid-column-start:16}.cds-custom--col-end-2{grid-column-end:2}.cds-custom--col-end-3{grid-column-end:3}.cds-custom--col-end-4{grid-column-end:4}.cds-custom--col-end-5{grid-column-end:5}.cds-custom--col-end-6{grid-column-end:6}.cds-custom--col-end-7{grid-column-end:7}.cds-custom--col-end-8{grid-column-end:8}.cds-custom--col-end-9{grid-column-end:9}.cds-custom--col-end-10{grid-column-end:10}.cds-custom--col-end-11{grid-column-end:11}.cds-custom--col-end-12{grid-column-end:12}.cds-custom--col-end-13{grid-column-end:13}.cds-custom--col-end-14{grid-column-end:14}.cds-custom--col-end-15{grid-column-end:15}.cds-custom--col-end-16{grid-column-end:16}.cds-custom--col-end-17{grid-column-end:17}.cds-custom--col-start-auto{grid-column-start:auto}.cds-custom--col-end-auto{grid-column-end:auto}.cds-custom--sm\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:1\"]){grid-column-start:1}.cds-custom--sm\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:2\"]){grid-column-start:2}.cds-custom--sm\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:3\"]){grid-column-start:3}.cds-custom--sm\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"start:4\"]){grid-column-start:4}.cds-custom--sm\\:col-start-5{grid-column-start:5}.cds-custom--sm\\:col-start-6{grid-column-start:6}.cds-custom--sm\\:col-start-7{grid-column-start:7}.cds-custom--sm\\:col-start-8{grid-column-start:8}.cds-custom--sm\\:col-start-9{grid-column-start:9}.cds-custom--sm\\:col-start-10{grid-column-start:10}.cds-custom--sm\\:col-start-11{grid-column-start:11}.cds-custom--sm\\:col-start-12{grid-column-start:12}.cds-custom--sm\\:col-start-13{grid-column-start:13}.cds-custom--sm\\:col-start-14{grid-column-start:14}.cds-custom--sm\\:col-start-15{grid-column-start:15}.cds-custom--sm\\:col-start-16{grid-column-start:16}.cds-custom--sm\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:2\"]){grid-column-end:2}.cds-custom--sm\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:3\"]){grid-column-end:3}.cds-custom--sm\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:4\"]){grid-column-end:4}.cds-custom--sm\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[sm*=\"end:5\"]){grid-column-end:5}.cds-custom--sm\\:col-end-6{grid-column-end:6}.cds-custom--sm\\:col-end-7{grid-column-end:7}.cds-custom--sm\\:col-end-8{grid-column-end:8}.cds-custom--sm\\:col-end-9{grid-column-end:9}.cds-custom--sm\\:col-end-10{grid-column-end:10}.cds-custom--sm\\:col-end-11{grid-column-end:11}.cds-custom--sm\\:col-end-12{grid-column-end:12}.cds-custom--sm\\:col-end-13{grid-column-end:13}.cds-custom--sm\\:col-end-14{grid-column-end:14}.cds-custom--sm\\:col-end-15{grid-column-end:15}.cds-custom--sm\\:col-end-16{grid-column-end:16}.cds-custom--sm\\:col-end-17{grid-column-end:17}.cds-custom--sm\\:col-start-auto{grid-column-start:auto}.cds-custom--sm\\:col-end-auto{grid-column-end:auto}@media (min-width:42rem){.cds-custom--md\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:1\"]){grid-column-start:1}.cds-custom--md\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:2\"]){grid-column-start:2}.cds-custom--md\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:3\"]){grid-column-start:3}.cds-custom--md\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:4\"]){grid-column-start:4}.cds-custom--md\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:5\"]){grid-column-start:5}.cds-custom--md\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:6\"]){grid-column-start:6}.cds-custom--md\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:7\"]){grid-column-start:7}.cds-custom--md\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"start:8\"]){grid-column-start:8}.cds-custom--md\\:col-start-9{grid-column-start:9}.cds-custom--md\\:col-start-10{grid-column-start:10}.cds-custom--md\\:col-start-11{grid-column-start:11}.cds-custom--md\\:col-start-12{grid-column-start:12}.cds-custom--md\\:col-start-13{grid-column-start:13}.cds-custom--md\\:col-start-14{grid-column-start:14}.cds-custom--md\\:col-start-15{grid-column-start:15}.cds-custom--md\\:col-start-16{grid-column-start:16}.cds-custom--md\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:2\"]){grid-column-end:2}.cds-custom--md\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:3\"]){grid-column-end:3}.cds-custom--md\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:4\"]){grid-column-end:4}.cds-custom--md\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:5\"]){grid-column-end:5}.cds-custom--md\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:6\"]){grid-column-end:6}.cds-custom--md\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:7\"]){grid-column-end:7}.cds-custom--md\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:8\"]){grid-column-end:8}.cds-custom--md\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[md*=\"end:9\"]){grid-column-end:9}.cds-custom--md\\:col-end-10{grid-column-end:10}.cds-custom--md\\:col-end-11{grid-column-end:11}.cds-custom--md\\:col-end-12{grid-column-end:12}.cds-custom--md\\:col-end-13{grid-column-end:13}.cds-custom--md\\:col-end-14{grid-column-end:14}.cds-custom--md\\:col-end-15{grid-column-end:15}.cds-custom--md\\:col-end-16{grid-column-end:16}.cds-custom--md\\:col-end-17{grid-column-end:17}.cds-custom--md\\:col-start-auto{grid-column-start:auto}.cds-custom--md\\:col-end-auto{grid-column-end:auto}}@media (min-width:66rem){.cds-custom--lg\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:1\"]){grid-column-start:1}.cds-custom--lg\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:2\"]){grid-column-start:2}.cds-custom--lg\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:3\"]){grid-column-start:3}.cds-custom--lg\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:4\"]){grid-column-start:4}.cds-custom--lg\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:5\"]){grid-column-start:5}.cds-custom--lg\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:6\"]){grid-column-start:6}.cds-custom--lg\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:7\"]){grid-column-start:7}.cds-custom--lg\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:8\"]){grid-column-start:8}.cds-custom--lg\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:9\"]){grid-column-start:9}.cds-custom--lg\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:10\"]){grid-column-start:10}.cds-custom--lg\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:11\"]){grid-column-start:11}.cds-custom--lg\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:12\"]){grid-column-start:12}.cds-custom--lg\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:13\"]){grid-column-start:13}.cds-custom--lg\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:14\"]){grid-column-start:14}.cds-custom--lg\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:15\"]){grid-column-start:15}.cds-custom--lg\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"start:16\"]){grid-column-start:16}.cds-custom--lg\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:2\"]){grid-column-end:2}.cds-custom--lg\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:3\"]){grid-column-end:3}.cds-custom--lg\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:4\"]){grid-column-end:4}.cds-custom--lg\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:5\"]){grid-column-end:5}.cds-custom--lg\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:6\"]){grid-column-end:6}.cds-custom--lg\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:7\"]){grid-column-end:7}.cds-custom--lg\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:8\"]){grid-column-end:8}.cds-custom--lg\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:9\"]){grid-column-end:9}.cds-custom--lg\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:10\"]){grid-column-end:10}.cds-custom--lg\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:11\"]){grid-column-end:11}.cds-custom--lg\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:12\"]){grid-column-end:12}.cds-custom--lg\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:13\"]){grid-column-end:13}.cds-custom--lg\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:14\"]){grid-column-end:14}.cds-custom--lg\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:15\"]){grid-column-end:15}.cds-custom--lg\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:16\"]){grid-column-end:16}.cds-custom--lg\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[lg*=\"end:17\"]){grid-column-end:17}.cds-custom--lg\\:col-start-auto{grid-column-start:auto}.cds-custom--lg\\:col-end-auto{grid-column-end:auto}}@media (min-width:82rem){.cds-custom--xlg\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:1\"]){grid-column-start:1}.cds-custom--xlg\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:2\"]){grid-column-start:2}.cds-custom--xlg\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:3\"]){grid-column-start:3}.cds-custom--xlg\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:4\"]){grid-column-start:4}.cds-custom--xlg\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:5\"]){grid-column-start:5}.cds-custom--xlg\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:6\"]){grid-column-start:6}.cds-custom--xlg\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:7\"]){grid-column-start:7}.cds-custom--xlg\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:8\"]){grid-column-start:8}.cds-custom--xlg\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:9\"]){grid-column-start:9}.cds-custom--xlg\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:10\"]){grid-column-start:10}.cds-custom--xlg\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:11\"]){grid-column-start:11}.cds-custom--xlg\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:12\"]){grid-column-start:12}.cds-custom--xlg\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:13\"]){grid-column-start:13}.cds-custom--xlg\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:14\"]){grid-column-start:14}.cds-custom--xlg\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:15\"]){grid-column-start:15}.cds-custom--xlg\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"start:16\"]){grid-column-start:16}.cds-custom--xlg\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:2\"]){grid-column-end:2}.cds-custom--xlg\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:3\"]){grid-column-end:3}.cds-custom--xlg\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:4\"]){grid-column-end:4}.cds-custom--xlg\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:5\"]){grid-column-end:5}.cds-custom--xlg\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:6\"]){grid-column-end:6}.cds-custom--xlg\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:7\"]){grid-column-end:7}.cds-custom--xlg\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:8\"]){grid-column-end:8}.cds-custom--xlg\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:9\"]){grid-column-end:9}.cds-custom--xlg\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:10\"]){grid-column-end:10}.cds-custom--xlg\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:11\"]){grid-column-end:11}.cds-custom--xlg\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:12\"]){grid-column-end:12}.cds-custom--xlg\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:13\"]){grid-column-end:13}.cds-custom--xlg\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:14\"]){grid-column-end:14}.cds-custom--xlg\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:15\"]){grid-column-end:15}.cds-custom--xlg\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:16\"]){grid-column-end:16}.cds-custom--xlg\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[xlg*=\"end:17\"]){grid-column-end:17}.cds-custom--xlg\\:col-start-auto{grid-column-start:auto}.cds-custom--xlg\\:col-end-auto{grid-column-end:auto}}@media (min-width:99rem){.cds-custom--max\\:col-start-1,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:1\"]){grid-column-start:1}.cds-custom--max\\:col-start-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:2\"]){grid-column-start:2}.cds-custom--max\\:col-start-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:3\"]){grid-column-start:3}.cds-custom--max\\:col-start-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:4\"]){grid-column-start:4}.cds-custom--max\\:col-start-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:5\"]){grid-column-start:5}.cds-custom--max\\:col-start-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:6\"]){grid-column-start:6}.cds-custom--max\\:col-start-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:7\"]){grid-column-start:7}.cds-custom--max\\:col-start-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:8\"]){grid-column-start:8}.cds-custom--max\\:col-start-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:9\"]){grid-column-start:9}.cds-custom--max\\:col-start-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:10\"]){grid-column-start:10}.cds-custom--max\\:col-start-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:11\"]){grid-column-start:11}.cds-custom--max\\:col-start-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:12\"]){grid-column-start:12}.cds-custom--max\\:col-start-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:13\"]){grid-column-start:13}.cds-custom--max\\:col-start-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:14\"]){grid-column-start:14}.cds-custom--max\\:col-start-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:15\"]){grid-column-start:15}.cds-custom--max\\:col-start-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"start:16\"]){grid-column-start:16}.cds-custom--max\\:col-end-2,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:2\"]){grid-column-end:2}.cds-custom--max\\:col-end-3,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:3\"]){grid-column-end:3}.cds-custom--max\\:col-end-4,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:4\"]){grid-column-end:4}.cds-custom--max\\:col-end-5,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:5\"]){grid-column-end:5}.cds-custom--max\\:col-end-6,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:6\"]){grid-column-end:6}.cds-custom--max\\:col-end-7,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:7\"]){grid-column-end:7}.cds-custom--max\\:col-end-8,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:8\"]){grid-column-end:8}.cds-custom--max\\:col-end-9,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:9\"]){grid-column-end:9}.cds-custom--max\\:col-end-10,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:10\"]){grid-column-end:10}.cds-custom--max\\:col-end-11,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:11\"]){grid-column-end:11}.cds-custom--max\\:col-end-12,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:12\"]){grid-column-end:12}.cds-custom--max\\:col-end-13,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:13\"]){grid-column-end:13}.cds-custom--max\\:col-end-14,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:14\"]){grid-column-end:14}.cds-custom--max\\:col-end-15,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:15\"]){grid-column-end:15}.cds-custom--max\\:col-end-16,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:16\"]){grid-column-end:16}.cds-custom--max\\:col-end-17,:host(cds-custom-grid) ::slotted(cds-custom-column[max*=\"end:17\"]){grid-column-end:17}.cds-custom--max\\:col-start-auto{grid-column-start:auto}.cds-custom--max\\:col-end-auto{grid-column-end:auto}}:host(cds-custom-grid) [grid]{box-sizing:border-box}:host(cds-custom-grid[with-row-gap]) [grid]{row-gap:var(--cds-grid-gutter)}:host(cds-custom-grid[narrow][with-row-gap]) [grid]{row-gap:calc(.5 * var(--cds-grid-gutter))}:host(cds-custom-grid) [subgrid]{box-sizing:border-box}:host(cds-custom-grid) [subgrid][with-row-gap]{row-gap:calc(var(--cds-grid-gutter-start) + var(--cds-grid-gutter-end))}:host(cds-custom-grid) [subgrid][mode=narrow][with-row-gap]{row-gap:var(--cds-grid-gutter-end)}:host(cds-custom-grid) [subgrid][mode=condensed][with-row-gap]{row-gap:var(--cds-grid-gutter-start)}"]);
 //#endregion
 export { grid_default as default };

package/es-custom/components/icon-button/icon-button.d.ts CHANGED Viewed

@@ -43,7 +43,7 @@ declare class CDSIconButton extends CDSButton {
      */
     leaveDelayMs: number;
     /**
-     * Specify the size of the Button. Defaults to `md`.
+     * Specify the size of the Button. Defaults to `lg`.
      */
     size?: ICON_BUTTON_SIZE | string;
     connectedCallback(): void;

package/es-custom/components/icon-button/icon-button.js CHANGED Viewed

@@ -38,7 +38,7 @@ let CDSIconButton = class CDSIconButton extends button_default$1 {
 		this.defaultOpen = false;
 		this.enterDelayMs = 100;
 		this.leaveDelayMs = 100;
-		this.size = "md";
+		this.size = "lg";
 	}
 	connectedCallback() {
 		super.connectedCallback();

package/es-custom/components/icon-button/icon-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/\n Icon Button\n \n @element cds-custom-icon-button\n /\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /\n Checks if a badge indicator is being used with incorrect properties\n /\n\n /\n Specify how the trigger should align with the tooltip\n /\n @property({ reflect: true, type: String })\n align = 'top';\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n /\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /\n Specify whether the tooltip should be open when it first renders\n /\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /\n Specify the duration in milliseconds to delay before displaying the tooltip\n /\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /\n Specify the duration in milliseconds to delay before hiding the tooltip\n /\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 100;\n\n /\n Specify the size of the Button. Defaults to `md`.\n */\n @property({ reflect: true })\n size?: ICON_BUTTON_SIZE \| string = 'md';\n\n connectedCallback() {\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [\n tooltipStyles,\n buttonStyles,\n styles,\n ]);\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n protected _renderTooltipContent() {\n return html`\n <cds-custom-tooltip-content ?hidden=${this.disabled}>\n <slot name=\"tooltip-content\"></slot>\n </cds-custom-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-custom-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n ?closeOnActivation=${closeOnActivation}\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}\n .dropShadow=${false}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-custom-tooltip>\n `;\n }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,gBAAA,MACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;cAMoB;;CAEnC,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;EACF,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,mBAAmB;GACrB,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,YAAY,cAAc,eAAqB,CAAC,EAChD,UAAU,IAAI,mBAAyB;GAE3C,MAAM,iBAAiB,KAAK,cAC1B,wBACF,CAAC,EAAE;GACH,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,cAAc,QAAQ,CAAC,EACvB,aAAa,cAAc,OAAO,cAAc,CAAC;EACvD;CACF;CAEA,wBAAkC;EAChC,OAAO,IAAI;qCACsB,KAAK,SAAS;;;;CAIjD;CAEA,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;EACJ,OAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,OAAO,EAAE,GAAG,KAAK,sBAAsB,EAAE;;;CAGvD;AACF;YAjGG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,qBAAA,KAAA,CAAA;YAM3E,SAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,eAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;4BA7C5BC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA4GtC,IAAA,sBAAe"}
1	+ {"version":3,"file":"icon-button.js","names":["CDSButton","tooltipStyles","buttonStyles","styles","customElement"],"sources":["../../../src/components/icon-button/icon-button.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2019, 2026\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport '../tooltip/index';\nimport '../button/index';\nimport CDSButton from '../button/button';\nimport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT } from './defs';\nimport tooltipStyles from '../tooltip/tooltip.scss?lit';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './icon-button.scss?lit';\n\nexport { ICON_BUTTON_SIZE, ICON_BUTTON_TOOLTIP_ALIGNMENT };\n\n/\n Icon Button\n \n @element cds-custom-icon-button\n /\n@customElement(`${prefix}-icon-button`)\nclass CDSIconButton extends CDSButton {\n /\n Checks if a badge indicator is being used with incorrect properties\n /\n\n /\n Specify how the trigger should align with the tooltip\n /\n @property({ reflect: true, type: String })\n align = 'top';\n\n /\n Specify whether a auto align functionality should be applied\n /\n @property({ type: Boolean, reflect: true })\n autoalign = false;\n\n /\n Determines whether the tooltip should close when inner content is activated (click, Enter or Space)\n /\n @property({ attribute: 'close-on-activation', reflect: true, type: Boolean })\n closeOnActivation = true;\n\n /\n Specify whether the tooltip should be open when it first renders\n /\n @property({ reflect: true, type: Boolean })\n defaultOpen = false;\n\n /\n Specify the duration in milliseconds to delay before displaying the tooltip\n /\n @property({ attribute: 'enter-delay-ms', type: Number })\n enterDelayMs = 100;\n\n /\n Specify the duration in milliseconds to delay before hiding the tooltip\n /\n @property({ attribute: 'leave-delay-ms', type: Number })\n leaveDelayMs = 100;\n\n /\n Specify the size of the Button. Defaults to `lg`.\n */\n @property({ reflect: true })\n size?: ICON_BUTTON_SIZE \| string = 'lg';\n\n connectedCallback() {\n super.connectedCallback();\n\n adoptStyles(this.renderRoot as ShadowRoot, [\n tooltipStyles,\n buttonStyles,\n styles,\n ]);\n }\n\n updated(changedProperties) {\n super.updated?.(changedProperties);\n if (changedProperties) {\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.shadowRoot?.querySelector(`.${prefix}--tooltip`)\n ?.classList.add(`${prefix}--icon-tooltip`);\n\n const tooltipContent = this.querySelector(\n '[slot=tooltip-content]'\n )?.textContent;\n this.shadowRoot\n ?.querySelector(`${prefix}-tooltip`)\n ?.querySelector(`button`)\n ?.setAttribute('aria-label', String(tooltipContent));\n }\n }\n\n protected _renderTooltipContent() {\n return html`\n <cds-custom-tooltip-content ?hidden=${this.disabled}>\n <slot name=\"tooltip-content\"></slot>\n </cds-custom-tooltip-content>\n `;\n }\n\n render() {\n const {\n align,\n autoalign,\n closeOnActivation,\n defaultOpen,\n enterDelayMs,\n leaveDelayMs,\n } = this;\n return html`\n <cds-custom-tooltip\n ?autoalign=${autoalign}\n align=${align}\n ?defaultOpen=${defaultOpen}\n ?closeOnActivation=${closeOnActivation}\n enter-delay-ms=${enterDelayMs}\n leave-delay-ms=${leaveDelayMs}\n .dropShadow=${false}>\n ${super.render()} ${this._renderTooltipContent()}\n </cds-custom-tooltip>\n `;\n }\n}\n\nexport default CDSIconButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,gBAAA,MACM,sBAAsBA,iBAAU;;;eAS5B;mBAMI;2BAMQ;qBAMN;sBAMC;sBAMA;cAMoB;;CAEnC,oBAAoB;EAClB,MAAM,kBAAkB;EAExB,YAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;EACF,CAAC;CACH;CAEA,QAAQ,mBAAmB;EACzB,MAAM,UAAU,iBAAiB;EACjC,IAAI,mBAAmB;GACrB,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,YAAY,cAAc,eAAqB,CAAC,EAChD,UAAU,IAAI,mBAAyB;GAE3C,MAAM,iBAAiB,KAAK,cAC1B,wBACF,CAAC,EAAE;GACH,KAAK,YACD,cAAc,aAAmB,CAAC,EAClC,cAAc,QAAQ,CAAC,EACvB,aAAa,cAAc,OAAO,cAAc,CAAC;EACvD;CACF;CAEA,wBAAkC;EAChC,OAAO,IAAI;qCACsB,KAAK,SAAS;;;;CAIjD;CAEA,SAAS;EACP,MAAM,EACJ,OACA,WACA,mBACA,aACA,cACA,iBACE;EACJ,OAAO,IAAI;;qBAEM,UAAU;gBACf,MAAM;uBACC,YAAY;6BACN,kBAAkB;yBACtB,aAAa;yBACb,aAAa;sBAChB,MAAM;UAClB,MAAM,OAAO,EAAE,GAAG,KAAK,sBAAsB,EAAE;;;CAGvD;AACF;YAjGG,SAAS;CAAE,SAAS;CAAM,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,SAAA,KAAA,CAAA;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,aAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAuB,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,qBAAA,KAAA,CAAA;YAM3E,SAAS;CAAE,SAAS;CAAM,MAAM;AAAQ,CAAC,CAAA,GAAA,cAAA,WAAA,eAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS;CAAE,WAAW;CAAkB,MAAM;AAAO,CAAC,CAAA,GAAA,cAAA,WAAA,gBAAA,KAAA,CAAA;YAMtD,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,cAAA,WAAA,QAAA,KAAA,CAAA;4BA7C5BC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AA4GtC,IAAA,sBAAe"}

package/es-custom/components/inline-loading/inline-loading.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/inline-loading/inline-loading.scss?lit
-var inline_loading_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--loading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--loading *,.cds-custom--loading :after,.cds-custom--loading :before{box-sizing:inherit}.cds-custom--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds-custom--rotate;animation-timing-function:linear}.cds-custom--loading svg circle{animation-duration:10ms;animation-name:cds-custom--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading svg circle{animation:none}}.cds-custom--loading{block-size:5.5rem;inline-size:5.5rem}.cds-custom--loading__svg{fill:transparent}.cds-custom--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds-custom--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds-custom--loading--small .cds-custom--loading__stroke{stroke-dashoffset:143.759616}.cds-custom--loading--stop{animation:cds-custom--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds-custom--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds-custom--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds-custom--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading--stop svg circle{animation:none}}.cds-custom--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds-custom--loading--small circle{stroke-width:16}.cds-custom--loading--small .cds-custom--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds-custom--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds-custom--loading-overlay{position:fixed;z-index:6000;display:flex;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;transition:background-color .7s cubic-bezier(.4,.14,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--loading-overlay--stop{display:none}@keyframes cds-custom--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds-custom--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds-custom--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds-custom--inline-loading,:host(cds-custom-inline-loading){display:flex;align-items:center;color:var(--cds-text-secondary,#525252);inline-size:100%;min-block-size:2rem}.cds-custom--inline-loading__text{font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);line-height:var(--cds-label-02-line-height,1.28572);letter-spacing:var(--cds-label-02-letter-spacing,.16px)}.cds-custom--inline-loading__animation{position:relative;display:flex;align-items:center;justify-content:center;margin-inline-end:.5rem}.cds-custom--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds-custom--inline-loading__checkmark-container.cds-custom--inline-loading__svg{position:absolute;inline-size:.75rem;inset-block-start:.75rem}.cds-custom--inline-loading__checkmark-container[hidden]{display:none}.cds-custom--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds-custom--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds-custom--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds-custom--inline-loading--error[hidden]{display:none}.cds-custom--loading--small .cds-custom--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--btn .cds-custom--inline-loading--btn{min-block-size:0}.cds-custom--btn .cds-custom--inline-loading--btn .cds-custom--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds-custom--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds-custom--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);
+var inline_loading_default = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--loading{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds-custom--loading *,.cds-custom--loading :after,.cds-custom--loading :before{box-sizing:inherit}.cds-custom--loading{animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:cds-custom--rotate;animation-timing-function:linear}.cds-custom--loading svg circle{animation-duration:10ms;animation-name:cds-custom--init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading svg circle{animation:none}}.cds-custom--loading{block-size:5.5rem;inline-size:5.5rem}.cds-custom--loading__svg{fill:transparent}.cds-custom--loading__svg circle{stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.cds-custom--loading__stroke{stroke:var(--cds-interactive,#0f62fe);stroke-dashoffset:52.527552}.cds-custom--loading--small .cds-custom--loading__stroke{stroke-dashoffset:143.759616}.cds-custom--loading--stop{animation:cds-custom--rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,cds-custom--rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.cds-custom--loading--stop svg circle{animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:cds-custom--stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--loading--stop svg circle{animation:none}}.cds-custom--loading--small{block-size:1rem;inline-size:1rem;line-height:1rem}.cds-custom--loading--small circle{stroke-width:16}.cds-custom--loading--small .cds-custom--loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--loading__background{stroke:var(--cds-layer-accent);stroke-dashoffset:-22}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){circle.cds-custom--loading__background{stroke-dasharray:265;stroke-dashoffset:0}}.cds-custom--loading-overlay{position:fixed;z-index:6000;display:flex;align-items:center;justify-content:center;background-color:var(--cds-overlay,rgba(0,0,0,.6));block-size:100%;inline-size:100%;inset-block-start:0;inset-inline-start:0;transition:background-color .7s cubic-bezier(.4,.14,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--loading-overlay--stop{display:none}@keyframes cds-custom--rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p1{to{transform:rotate(1turn)}}@keyframes cds-custom--rotate-end-p2{to{transform:rotate(-1turn)}}@keyframes cds-custom--init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes cds-custom--stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}@keyframes prefix--stroke{to{stroke-dashoffset:0}}.cds-custom--inline-loading,:host(cds-custom-inline-loading){display:flex;align-items:center;color:var(--cds-text-secondary,#525252);inline-size:100%;min-block-size:2rem}.cds-custom--inline-loading__text{font-size:var(--cds-label-02-font-size,.875rem);font-weight:var(--cds-label-02-font-weight,400);line-height:var(--cds-label-02-line-height,1.28572);letter-spacing:var(--cds-label-02-letter-spacing,.16px)}.cds-custom--inline-loading__animation{position:relative;display:flex;align-items:center;justify-content:center;margin-inline-end:.5rem}.cds-custom--inline-loading__checkmark-container{fill:var(--cds-support-success,#24a148)}.cds-custom--inline-loading__checkmark-container.cds-custom--inline-loading__svg{position:absolute;inline-size:.75rem;inset-block-start:.75rem}.cds-custom--inline-loading__checkmark-container[hidden]{display:none}.cds-custom--inline-loading__checkmark{animation-duration:.25s;animation-fill-mode:forwards;animation-name:cds-custom--stroke;fill:none;stroke:var(--cds-interactive,#0f62fe);stroke-dasharray:12;stroke-dashoffset:12;stroke-width:1.8;transform-origin:50% 50%}.cds-custom--inline-loading--error{block-size:1rem;fill:var(--cds-support-error,#da1e28);inline-size:1rem}.cds-custom--inline-loading--error[hidden]{display:none}.cds-custom--loading--small .cds-custom--inline-loading__svg{stroke:var(--cds-interactive,#0f62fe)}.cds-custom--btn .cds-custom--inline-loading--btn{min-block-size:0}.cds-custom--btn .cds-custom--inline-loading--btn .cds-custom--inline-loading__text{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.cds-custom--inline-loading__checkmark-container{inset-block-start:1px;inset-inline-end:.5rem}.cds-custom--inline-loading__checkmark{animation:none;stroke-dasharray:0;stroke-dashoffset:0}}"]);
 //#endregion
 export { inline_loading_default as default };

package/es-custom/components/layer/layer.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/layer/layer.scss?lit
-var layer_default = css([":root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-one,:host(cds-custom-layer[level=\"0\"]){--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two,:host(cds-custom-layer[level=\"1\"]){--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three,:host(cds-custom-layer[level=\"2\"]){--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"0\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-two.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"1\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-three.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"2\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-custom-layer){display:block}"]);
+var layer_default = css([":root{--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-one,:host(cds-custom-layer[level=\"0\"]){--cds-layer:var(--cds-layer-01, #f4f4f4);--cds-layer-active:var(--cds-layer-active-01, #c6c6c6);--cds-layer-background:var(--cds-layer-background-01, #fff);--cds-layer-hover:var(--cds-layer-hover-01, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01, #a8a8a8);--cds-field:var(--cds-field-01, #f4f4f4);--cds-field-hover:var(--cds-field-hover-01, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01, #c6c6c6);--cds-border-strong:var(--cds-border-strong-01, #8d8d8d);--cds-border-tile:var(--cds-border-tile-01, #c6c6c6)}.cds-custom--layer-two,:host(cds-custom-layer[level=\"1\"]){--cds-layer:var(--cds-layer-02, #fff);--cds-layer-active:var(--cds-layer-active-02, #c6c6c6);--cds-layer-background:var(--cds-layer-background-02, #f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02, #a8a8a8);--cds-field:var(--cds-field-02, #fff);--cds-field-hover:var(--cds-field-hover-02, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01, #c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02, #c6c6c6);--cds-border-strong:var(--cds-border-strong-02, #8d8d8d);--cds-border-tile:var(--cds-border-tile-02, #a8a8a8)}.cds-custom--layer-three,:host(cds-custom-layer[level=\"2\"]){--cds-layer:var(--cds-layer-03, #f4f4f4);--cds-layer-active:var(--cds-layer-active-03, #c6c6c6);--cds-layer-background:var(--cds-layer-background-03, #fff);--cds-layer-hover:var(--cds-layer-hover-03, #e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03, #e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03, #d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03, #e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03, #d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03, #a8a8a8);--cds-field:var(--cds-field-03, #f4f4f4);--cds-field-hover:var(--cds-field-hover-03, #e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02, #e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03, #c6c6c6);--cds-border-strong:var(--cds-border-strong-03, #8d8d8d);--cds-border-tile:var(--cds-border-tile-03, #c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"0\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-two.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"1\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}.cds-custom--layer-three.cds-custom--layer__with-background,:host(cds-custom-layer[level=\"2\"]):host(cds-custom-layer[with-background]){background-color:var(--cds-layer-background)}:host(cds-custom-layer){display:block}"]);
 //#endregion
 export { layer_default as default };

package/es-custom/components/layout/layout.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from "lit";
 //#region src/components/layout/layout.scss?lit
-var layout_default = css([":host(cds-custom-layout){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:contents}:host(cds-custom-layout[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-custom-layout[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
+var layout_default = css([":host(cds-custom-layout){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;display:contents}:host(cds-custom-layout[size=xs]){--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=sm]){--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=md]){--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=lg]){--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=xl]){--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[size=\"2xl\"]){--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}:host(cds-custom-layout[density=condensed]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}:host(cds-custom-layout[density=normal]){--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}"]);
 //#endregion
 export { layout_default as default };

package/es-custom/components/link/link.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+import { classMap } from 'lit/directives/class-map.js';
 import { LitElement } from 'lit';
 /**
  * Link size.
@@ -36,7 +37,7 @@ declare class CDSLink extends CDSLink_base {
     /**
      * The CSS class list for the link node.
      */
-    protected get _classes(): any;
+    protected get _classes(): ReturnType<typeof classMap>;
     /**
      * @returns The inner content.
      */