@carbon/web-components 2.53.0 → 2.54.0-rc.0

package/es/components/grid/column-hang.scss.js

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

package/es/components/grid/grid.d.ts

@@ -31,6 +31,11 @@ export { GRID_ALIGNMENT } from './defs';
      * Remove the default max width that the grid has set
      */
     fullWidth: boolean;
+    /**
+     * Add a row gap to the grid that matches the current gutter size.
+     * This is useful when you want consistent vertical spacing between rows.
+     */
+    withRowGap: boolean;
     gridContextIn?: GridContext;
     gridContext: GridContext;
     render(): import("lit-html").TemplateResult<1>;

package/es/components/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAK1D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC;;;;GAIG,CAAC,cACE,OAAQ,SAAQ,UAAU;IAC9B;;OAEG;IAEH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,SAAS,UAAS;IAIX,aAAa,CAAC,EAAE,WAAW,CAAC;IAI5B,WAAW,EAAE,WAAW,CAE7B;IAEF,MAAM;IAsBN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/grid.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAK1D,OAAO,EAAE,iBAAiB,EAAiB,MAAM,QAAQ,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC;;;;GAIG,CAAC,cACE,OAAQ,SAAQ,UAAU;IAC9B;;OAEG;IAEH,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAE1B;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,UAAU,UAAS;IAIZ,aAAa,CAAC,EAAE,WAAW,CAAC;IAI5B,WAAW,EAAE,WAAW,CAE7B;IAEF,MAAM;IA0BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,OAAO,CAAC"}

package/es/components/grid/grid.js

@@ -31,6 +31,7 @@ import { consume, provide } from "@lit/context";
 		this.condensed = false;
 		this.narrow = false;
 		this.fullWidth = false;
+		this.withRowGap = false;
 		this.gridContext = { subgrid: false };
 	}
 	render() {
@@ -39,7 +40,11 @@ import { consume, provide } from "@lit/context";
 			let subMode = "wide";
 			if (this.narrow) subMode = "narrow";
 			else if (this.condensed) subMode = "condensed";
-			return html`<div subgrid mode=${subMode} part="grid">
+			return html`<div
+        subgrid
+        mode=${subMode}
+        ?with-row-gap=${this.withRowGap}
+        part="grid">
         <slot></slot>
       </div> `;
 		} else return html`<div grid part="grid">
@@ -67,6 +72,11 @@ __decorate([property({
 	attribute: "full-width",
 	type: Boolean
 })], CDSGrid.prototype, "fullWidth", void 0);
+__decorate([property({
+	reflect: true,
+	attribute: "with-row-gap",
+	type: Boolean
+})], CDSGrid.prototype, "withRowGap", void 0);
 __decorate([consume({
 	context: gridContext,
 	subscribe: true

package/es/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\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 { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div subgrid mode=${subMode} part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,IAAA,UAAA,MACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;qBAQsB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAA;AACJ,OAAI,KAAK,OACP,WAAA;YACS,KAAK,UACd,WAAA;AAEF,UAAO,IAAI,qBAAqB,QAAQ;;;QAMxC,QAAO,IAAI;;;;;gBAMCA;;;YAvDf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAGnE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;sBAjC5BC,cAAc,WAAiB,CAAA,EAAA,QAAA;AA+DpC,IAAA,eAAe"}
+{"version":3,"file":"grid.js","names":["styles","customElement"],"sources":["../../../src/components/grid/grid.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2024\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 { LitElement, html } from 'lit';\nimport { consume, provide } from '@lit/context';\nimport { GridContext, gridContext } from './grid-context';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './grid.scss?lit';\nimport { GridAlignmentType, SUB_GRID_MODE } from './defs';\nexport { GRID_ALIGNMENT } from './defs';\n/**\n * The grid component.\n *\n * @element cds-grid\n */ @customElement(`${prefix}-grid`)\nclass CDSGrid extends LitElement {\n  /**\n   * Specify grid alignment. Default is center\n   */\n  @property({ reflect: true, type: String })\n  align?: GridAlignmentType;\n\n  /**\n   * Collapse the gutter to 1px. Useful for fluid layouts.\n   * Rows have 1px of margin between them to match gutter.\n   */\n  @property({ reflect: true, type: Boolean })\n  condensed = false;\n\n  /**\n   * Container hangs 16px into the gutter. Useful for\n   * typographic alignment with and without containers.\n   */\n  @property({ reflect: true, type: Boolean })\n  narrow = false;\n\n  /**\n   * Remove the default max width that the grid has set\n   */\n  @property({ reflect: true, attribute: 'full-width', type: Boolean })\n  fullWidth = false;\n\n  /**\n   * Add a row gap to the grid that matches the current gutter size.\n   * This is useful when you want consistent vertical spacing between rows.\n   */\n  @property({ reflect: true, attribute: 'with-row-gap', type: Boolean })\n  withRowGap = false;\n\n  @consume({ context: gridContext, subscribe: true })\n  @property({ attribute: false })\n  public gridContextIn?: GridContext;\n\n  @provide({ context: gridContext })\n  @property({ attribute: false })\n  public gridContext: GridContext = {\n    subgrid: false,\n  };\n\n  render() {\n    this.gridContext = { subgrid: true };\n\n    if (this.gridContextIn?.subgrid) {\n      let subMode = SUB_GRID_MODE.WIDE;\n      if (this.narrow) {\n        subMode = SUB_GRID_MODE.NARROW;\n      } else if (this.condensed) {\n        subMode = SUB_GRID_MODE.CONDENSED;\n      }\n      return html`<div\n        subgrid\n        mode=${subMode}\n        ?with-row-gap=${this.withRowGap}\n        part=\"grid\">\n        <slot></slot>\n      </div> `;\n    } else {\n      // Grid styling added to contained components, allowing CSS Grid\n      // to affect its own slot content.\n      return html`<div grid part=\"grid\">\n        <slot></slot>\n      </div> `;\n    }\n  }\n\n  static styles = styles;\n}\n\nexport default CDSGrid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBI,IAAA,UAAA,MACE,gBAAgB,WAAW;;;mBAYnB;gBAOH;mBAMG;oBAOC;qBAQqB,EAChC,SAAS,OACV;;CAED,SAAS;AACP,OAAK,cAAc,EAAE,SAAS,MAAM;AAEpC,MAAI,KAAK,eAAe,SAAS;GAC/B,IAAI,UAAA;AACJ,OAAI,KAAK,OACP,WAAA;YACS,KAAK,UACd,WAAA;AAEF,UAAO,IAAI;;eAEF,QAAQ;wBACC,KAAK,WAAW;;;;QAOlC,QAAO,IAAI;;;;;gBAMCA;;;YAlEf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAQ,CAAC,CAAA,EAAA,QAAA,WAAA,SAAA,KAAA,EAAA;YAOzC,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,SAAS;CAAM,WAAW;CAAc,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,aAAA,KAAA,EAAA;YAOnE,SAAS;CAAE,SAAS;CAAM,WAAW;CAAgB,MAAM;CAAS,CAAC,CAAA,EAAA,QAAA,WAAA,cAAA,KAAA,EAAA;YAGrE,QAAQ;CAAE,SAAS;CAAa,WAAW;CAAM,CAAC,EAClD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,iBAAA,KAAA,EAAA;YAG9B,QAAQ,EAAE,SAAS,aAAa,CAAC,EACjC,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,QAAA,WAAA,eAAA,KAAA,EAAA;sBAxC5BC,cAAc,WAAiB,CAAA,EAAA,QAAA;AA0EpC,IAAA,eAAe"}

package/es/components/grid/grid.scss.js

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

package/es/components/grid/grid.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.scss.js","names":[],"sources":["../../../src/components/grid/grid.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2024, 2024\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@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/grid';\n@use './mixin' as *;\n\n$css-grid: #{$prefix}--css-grid;\n:host(#{$prefix}-grid) [grid] {\n  @extend .#{$css-grid};\n\n  box-sizing: border-box; /* prevent padding leaking out */\n}\n\n:host(#{$prefix}-grid[align='start']) [grid] {\n  @extend .#{$css-grid}--start;\n}\n\n:host(#{$prefix}-grid[align='end']) [grid] {\n  @extend .#{$css-grid}--end;\n}\n\n:host(#{$prefix}-grid[condensed]) [grid] {\n  @extend .#{$css-grid}--condensed;\n}\n\n:host(#{$prefix}-grid[narrow]) [grid] {\n  @extend .#{$css-grid}--narrow;\n}\n\n:host(#{$prefix}-grid[full-width]) [grid] {\n  @extend .#{$css-grid}--full-width;\n}\n\n/* sub grid styles */\n$sub-grid: #{$prefix}--subgrid;\n:host(#{$prefix}-grid) [subgrid] {\n  @extend .#{$sub-grid};\n\n  box-sizing: border-box; /* prevent padding leaking out */\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='wide'] {\n  @extend .#{$sub-grid}--wide;\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='condensed'] {\n  @extend .#{$sub-grid}--condensed;\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='narrow'] {\n  @extend .#{$sub-grid}--narrow;\n}\n\n// Column styles\n@include grid-columns(#{$prefix}-grid);\n"],"mappings":""}
+{"version":3,"file":"grid.scss.js","names":[],"sources":["../../../src/components/grid/grid.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 2024, 2024\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@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/grid';\n@use './mixin' as *;\n\n$css-grid: #{$prefix}--css-grid;\n:host(#{$prefix}-grid) [grid] {\n  @extend .#{$css-grid};\n\n  box-sizing: border-box; /* prevent padding leaking out */\n}\n\n:host(#{$prefix}-grid[align='start']) [grid] {\n  @extend .#{$css-grid}--start;\n}\n\n:host(#{$prefix}-grid[align='end']) [grid] {\n  @extend .#{$css-grid}--end;\n}\n\n:host(#{$prefix}-grid[condensed]) [grid] {\n  @extend .#{$css-grid}--condensed;\n}\n\n:host(#{$prefix}-grid[narrow]) [grid] {\n  @extend .#{$css-grid}--narrow;\n}\n\n:host(#{$prefix}-grid[full-width]) [grid] {\n  @extend .#{$css-grid}--full-width;\n}\n\n:host(#{$prefix}-grid[with-row-gap]) [grid] {\n  row-gap: var(--cds-grid-gutter);\n}\n\n:host(#{$prefix}-grid[narrow][with-row-gap]) [grid] {\n  row-gap: calc(var(--cds-grid-gutter) / 2);\n}\n\n/* sub grid styles */\n$sub-grid: #{$prefix}--subgrid;\n:host(#{$prefix}-grid) [subgrid] {\n  @extend .#{$sub-grid};\n\n  box-sizing: border-box; /* prevent padding leaking out */\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='wide'] {\n  @extend .#{$sub-grid}--wide;\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='condensed'] {\n  @extend .#{$sub-grid}--condensed;\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='narrow'] {\n  @extend .#{$sub-grid}--narrow;\n}\n\n:host(#{$prefix}-grid) [subgrid][with-row-gap] {\n  row-gap: calc(var(--cds-grid-gutter-start) + var(--cds-grid-gutter-end));\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='narrow'][with-row-gap] {\n  row-gap: var(--cds-grid-gutter-end);\n}\n\n:host(#{$prefix}-grid) [subgrid][mode='condensed'][with-row-gap] {\n  row-gap: var(--cds-grid-gutter-start);\n}\n\n// Column styles\n@include grid-columns(#{$prefix}-grid);\n"],"mappings":""}

package/es/components/menu/menu-item.d.ts

@@ -86,6 +86,7 @@ declare class CDSmenuItem extends CDSmenuItem_base {
     disconnectedCallback(): void;
     updated(): void;
     handleClick(event: MouseEvent): void;
+    handleMouseDown(event: MouseEvent): void;
     handleMouseEnter(): void;
     handleMouseLeave(): void;
     handleKeyDown(event: KeyboardEvent): void;

package/es/components/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AACrC,eAAO,MAAM,qBAAqB,gCAAsC,CAAC;;;;;;;;;;uBAL/B,CAAC;;;;;AAO3C;;;;GAIG;AACH,cACM,WAAY,SAAQ,gBAAgD;IAExE,OAAO,MAAC;IAER,QAAQ,CAAC,gBAAgB,OAAO;IAChC,kBAAkB,MAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,WAAW,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAC,CAAmB;IAE/C;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,QAAQ,MAAC;IACT;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,iBAAiB,SAAY;IAE7B;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,iBAA0B;IAC9B;;OAEG;IAEH,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAoB;IAGrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAA4C;IAEtE;;OAEG;IAEH,YAAY,MAAC;IACb;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,UAAU,UAAS;IAEb,kBAAkB;IAaxB,OAAO,CAAC,iBAAiB;IAwBzB,YAAY;IA2BZ,oBAAoB;IAIpB,OAAO,IAAI,IAAI;IAWf,WAAW,CAAC,KAAK,EAAE,UAAU;IAK7B,gBAAgB;IAOhB,gBAAgB;IAOhB,aAAa,CAAC,KAAK,EAAE,aAAa;IAIlC,MAAM;IAuDN,YAAY,GAAI,GAAG,UAAU,GAAG,aAAa,KAAG,IAAI,CAoBlD;IACF,iBAAiB,aAIf;IACF,iBAAiB,aAMf;IACF,YAAY,aAcV;IACF,qBAAqB,aAkCnB;IACF,aAAa,aASX;IACF,cAAc,GAAI,GAAG,aAAa,UAUhC;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AACrC,eAAO,MAAM,qBAAqB,gCAAsC,CAAC;;;;;;;;;;uBAL/B,CAAC;;;;;AAO3C;;;;GAIG;AACH,cACM,WAAY,SAAQ,gBAAgD;IAExE,OAAO,MAAC;IAER,QAAQ,CAAC,gBAAgB,OAAO;IAChC,kBAAkB,MAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,WAAW,CAAwB;IAE3C;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAAC,CAAmB;IAE/C;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IAEH,QAAQ,MAAC;IACT;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,iBAAiB,SAAY;IAE7B;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,iBAA0B;IAC9B;;OAEG;IAEH,UAAU,EAAE;QACV,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC7B,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAoB;IAGrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAA4C;IAEtE;;OAEG;IAEH,YAAY,MAAC;IACb;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,UAAU,UAAS;IAEb,kBAAkB;IAaxB,OAAO,CAAC,iBAAiB;IAwBzB,YAAY;IA2BZ,oBAAoB;IAIpB,OAAO,IAAI,IAAI;IAWf,WAAW,CAAC,KAAK,EAAE,UAAU;IAK7B,eAAe,CAAC,KAAK,EAAE,UAAU;IAOjC,gBAAgB;IAOhB,gBAAgB;IAOhB,aAAa,CAAC,KAAK,EAAE,aAAa;IAIlC,MAAM;IAuDN,YAAY,GAAI,GAAG,UAAU,GAAG,aAAa,KAAG,IAAI,CAwBlD;IACF,iBAAiB,aAIf;IACF,iBAAiB,aAMf;IACF,YAAY,aAcV;IACF,qBAAqB,aAkCnB;IACF,aAAa,aASX;IACF,cAAc,GAAI,GAAG,aAAa,UAUhC;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,WAAW,CAAC"}

package/es/components/menu/menu-item.js

@@ -49,6 +49,7 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 		this.isRtl = false;
 		this.hasSubmenu = false;
 		this._handleClick = (e) => {
+			if (this.disabled) return;
 			if (this.hasSubmenu) {
 				this._openSubmenu();
 				return;
@@ -192,6 +193,9 @@ let CDSmenuItem = class CDSmenuItem extends HostListenerMixin(HostListenerMixin(
 	handleClick(event) {
 		this._handleClick(event);
 	}
+	handleMouseDown(event) {
+		if (this.disabled) event.preventDefault();
+	}
 	handleMouseEnter() {
 		if (this.hasSubmenu) this._handleMouseEnter();
 	}
@@ -255,6 +259,7 @@ __decorate([state()], CDSmenuItem.prototype, "submenuEntry", void 0);
 __decorate([state()], CDSmenuItem.prototype, "isRtl", void 0);
 __decorate([state()], CDSmenuItem.prototype, "hasSubmenu", void 0);
 __decorate([HostListener("click", { capture: true })], CDSmenuItem.prototype, "handleClick", null);
+__decorate([HostListener("mousedown")], CDSmenuItem.prototype, "handleMouseDown", null);
 __decorate([HostListener("mouseenter")], CDSmenuItem.prototype, "handleMouseEnter", null);
 __decorate([HostListener("mouseleave")], CDSmenuItem.prototype, "handleMouseLeave", null);
 __decorate([HostListener("keydown")], CDSmenuItem.prototype, "handleKeyDown", null);

package/es/components/menu/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item.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 { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { MENU_ITEM_KIND, MENU_SIZE } from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from './menu';\n\nexport { MENU_ITEM_KIND, MENU_SIZE };\nexport const MENU_CLOSE_ROOT_EVENT = `${prefix}-menu-close-root-request`;\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item\n */\n@customElement(`${prefix}-menu-item`)\nclass CDSmenuItem extends HostListenerMixin(HostListenerMixin(LitElement)) {\n  @consume({ context: MenuContext })\n  context;\n\n  readonly hoverIntentDelay = 150; // in ms\n  hoverIntentTimeout;\n\n  /**\n   * The parent cds-menu element\n   */\n  private _parentMenu: CDSMenu | null = null;\n\n  /**\n   * MutationObserver that observes the parent cds-menu element\n   */\n  private _parentMenuObserver?: MutationObserver;\n\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Shortcut for the menu item.\n   */\n  @property({ type: String })\n  shortcut;\n  /**\n   * Disabled property for the menu item.\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Specify the message read by screen readers for the danger menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * Whether the menu submen for an item is open or not.\n   */\n  @property({ type: Boolean })\n  submenuOpen = false;\n\n  @property()\n  kind = MENU_ITEM_KIND.DEFAULT;\n  /**\n   * Menu boundaries.\n   */\n  @property()\n  boundaries: {\n    x: number | [number, number];\n    y: number | [number, number];\n  } = { x: -1, y: -1 };\n\n  @property({ attribute: 'aria-checked' })\n  ariaChecked: string | null = this.getAttribute('selected') ?? 'false';\n\n  /**\n   * Entrypoint.\n   */\n  @state()\n  submenuEntry;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  isRtl = false;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  hasSubmenu = false;\n\n  async dispatchIconDetect() {\n    const hasRenderIcon = !!this.querySelector('[slot=\"render-icon\"]');\n    if (hasRenderIcon) {\n      await undefined; // this is used to replace setTimeout with 0 time out, which is much fater.\n      this.dispatchEvent(\n        new CustomEvent('icon-detect', {\n          bubbles: true, // Allows event to bubble up the DOM\n          composed: true, // Allows event to cross shadow DOM boundary\n        })\n      );\n    }\n  }\n\n  private _updateAttributes() {\n    if (this.disabled && !this.hasSubmenu) {\n      this.setAttribute('aria-disabled', this.disabled);\n      this.setAttribute('tabindex', '-1');\n    } else if (this._parentMenu && !(this._parentMenu as CDSMenu).open) {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '0');\n    }\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-haspopup', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-haspopup');\n    }\n    if (this.closest(`${prefix}-menu-item-radio-group`)) {\n      this.setAttribute('role', 'menuitemradio');\n      this.setAttribute('aria-checked', this.ariaChecked + '');\n    } else if (!this.getAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n  }\n\n  firstUpdated() {\n    this.hasSubmenu = !!this.querySelector('[slot=\"submenu\"]');\n\n    this.dispatchIconDetect();\n    this.isRtl = document.dir === 'rtl';\n    this._registerSubMenuItems();\n    this._parentMenu = this.closest(`${prefix}-menu`);\n\n    this._updateAttributes();\n\n    this.addEventListener(`${prefix}-menu-closed`, () => {\n      this.focus();\n      this._closeSubmenu();\n    });\n\n    if (this._parentMenu) {\n      this._parentMenuObserver = new MutationObserver(() => {\n        this._updateAttributes();\n      });\n\n      this._parentMenuObserver.observe(this._parentMenu, {\n        attributes: true,\n        attributeFilter: ['open'],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this._parentMenuObserver?.disconnect();\n  }\n\n  updated(): void {\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-expanded', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n    if (this.kind === MENU_ITEM_KIND.DANGER)\n      this.classList.toggle(`${prefix}--menu-item--danger`);\n  }\n\n  @HostListener('click', { capture: true })\n  handleClick(event: MouseEvent) {\n    this._handleClick(event);\n  }\n\n  @HostListener('mouseenter')\n  handleMouseEnter() {\n    if (this.hasSubmenu) {\n      this._handleMouseEnter();\n    }\n  }\n\n  @HostListener('mouseleave')\n  handleMouseLeave() {\n    if (this.hasSubmenu) {\n      this._handleMouseLeave();\n    }\n  }\n\n  @HostListener('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    this._handleKeyDown(event);\n  }\n\n  render() {\n    const {\n      label,\n      shortcut,\n      submenuOpen,\n      boundaries,\n      isRtl,\n      kind,\n      dangerDescription,\n    } = this;\n\n    const isDanger = kind === MENU_ITEM_KIND.DANGER && !this.hasSubmenu;\n\n    const menuClassName = this.context?.hasSelectableItems\n      ? `${prefix}--menu--with-selectable-items`\n      : '';\n\n    return html`\n      <div class=\"${prefix}--menu-item__selection-icon\">\n        ${this.ariaChecked === 'true' ? iconLoader(Checkmark16) : undefined}\n      </div>\n\n      <div class=\"${prefix}--menu-item__icon\">\n        <slot name=\"render-icon\"></slot>\n      </div>\n      <div class=\"${prefix}--menu-item__label\">${label}</div>\n      ${isDanger\n        ? html`<span id=\"danger-description\" class=\"${prefix}--visually-hidden\"\n            >${dangerDescription}</span\n          >`\n        : html``}\n      ${shortcut && !this.hasSubmenu\n        ? html` <div class=\"${prefix}--menu-item__shortcut\">${shortcut}</div> `\n        : html``}\n      ${this.hasSubmenu\n        ? html`\n            <div class=\"${prefix}--menu-item__shortcut\">\n              ${isRtl ? iconLoader(CaretLeft16) : iconLoader(CaretRight16)}\n            </div>\n            <cds-menu\n              className=${menuClassName}\n              size=${this.parentElement?.getAttribute('size') ??\n              MENU_SIZE.LARGE}\n              ?isChild=\"${this.hasSubmenu}\"\n              label=\"${label}\"\n              .open=\"${submenuOpen}\"\n              .x=\"${boundaries.x}\"\n              .y=\"${boundaries.y}\">\n              <slot name=\"submenu\"></slot>\n            </cds-menu>\n          `\n        : html``}\n    `;\n  }\n\n  _handleClick = (e: MouseEvent | KeyboardEvent): void => {\n    if (this.hasSubmenu) {\n      this._openSubmenu();\n      return;\n    }\n\n    if (e.type === 'keydown') {\n      this.click();\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(MENU_CLOSE_ROOT_EVENT, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          triggerEvent: e,\n        },\n      })\n    );\n  };\n  _handleMouseEnter = () => {\n    this.hoverIntentTimeout = setTimeout(() => {\n      this._openSubmenu();\n    }, this.hoverIntentDelay);\n  };\n  _handleMouseLeave = () => {\n    if (this.hoverIntentTimeout) {\n      clearTimeout(this.hoverIntentTimeout);\n      this._closeSubmenu();\n      this.focus();\n    }\n  };\n  _openSubmenu = () => {\n    const { x, y, width, height } = this.getBoundingClientRect();\n    if (this.isRtl) {\n      this.boundaries = {\n        x: [-x, x - width],\n        y: [y, y + height],\n      };\n    } else {\n      this.boundaries = {\n        x: [x, x + width],\n        y: [y, y + height],\n      };\n    }\n    this.submenuOpen = true;\n  };\n  _registerSubMenuItems = () => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          const submenuSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"submenu\"]'\n          ) as HTMLSlotElement;\n\n          const item = submenuSlot?.assignedElements?.()?.[0];\n          if (item) {\n            switch (item.tagName) {\n              case 'CDS-MENU-ITEM-RADIO-GROUP':\n                this.submenuEntry = item.querySelector(`${prefix}-menu-item`);\n                break;\n              case 'CDS-MENU-ITEM-GROUP': {\n                const slotElements = item.shadowRoot\n                  ?.querySelector('slot')\n                  ?.assignedElements();\n                const firstElement = slotElements?.length && slotElements[0];\n                this.submenuEntry = firstElement;\n                break;\n              }\n              case 'CDS-MENU-ITEM':\n                this.submenuEntry = item;\n                break;\n            }\n          }\n        }\n      }\n    });\n    observer.observe(this.shadowRoot as Node, {\n      childList: true,\n      subtree: true,\n    });\n  };\n  _closeSubmenu = () => {\n    this.boundaries = {\n      x: -1,\n      y: -1,\n    };\n    this.submenuOpen = false;\n    (\n      this.shadowRoot?.querySelector(`.${prefix}--menu-item`) as HTMLLIElement\n    )?.focus();\n  };\n  _handleKeyDown = (e: KeyboardEvent) => {\n    if (this.hasSubmenu && ['ArrowRight', 'Enter', ' '].includes(e.key)) {\n      this._openSubmenu();\n      setTimeout(() => {\n        this.submenuEntry.focus();\n      });\n      e.stopPropagation();\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      this._handleClick(e);\n    }\n  };\n\n  static styles = styles;\n}\nexport default CDSmenuItem;\n"],"mappings":"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"}
+{"version":3,"file":"menu-item.js","names":["styles","customElement"],"sources":["../../../src/components/menu/menu-item.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 { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './menu-item.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { consume } from '@lit/context';\nimport { MenuContext } from './menu-context';\nimport Checkmark16 from '@carbon/icons/es/checkmark/16.js';\nimport CaretLeft16 from '@carbon/icons/es/caret--left/16.js';\nimport CaretRight16 from '@carbon/icons/es/caret--right/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { MENU_ITEM_KIND, MENU_SIZE } from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSMenu from './menu';\n\nexport { MENU_ITEM_KIND, MENU_SIZE };\nexport const MENU_CLOSE_ROOT_EVENT = `${prefix}-menu-close-root-request`;\n\n/**\n * Menu Item.\n *\n * @element cds-menu-item\n */\n@customElement(`${prefix}-menu-item`)\nclass CDSmenuItem extends HostListenerMixin(HostListenerMixin(LitElement)) {\n  @consume({ context: MenuContext })\n  context;\n\n  readonly hoverIntentDelay = 150; // in ms\n  hoverIntentTimeout;\n\n  /**\n   * The parent cds-menu element\n   */\n  private _parentMenu: CDSMenu | null = null;\n\n  /**\n   * MutationObserver that observes the parent cds-menu element\n   */\n  private _parentMenuObserver?: MutationObserver;\n\n  /**\n   * Label for the menu item.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Shortcut for the menu item.\n   */\n  @property({ type: String })\n  shortcut;\n  /**\n   * Disabled property for the menu item.\n   */\n  @property({ type: Boolean })\n  disabled;\n\n  /**\n   * Specify the message read by screen readers for the danger menu item variant\n   */\n  @property({ type: String, attribute: 'danger-description' })\n  dangerDescription = 'danger';\n\n  /**\n   * Whether the menu submen for an item is open or not.\n   */\n  @property({ type: Boolean })\n  submenuOpen = false;\n\n  @property()\n  kind = MENU_ITEM_KIND.DEFAULT;\n  /**\n   * Menu boundaries.\n   */\n  @property()\n  boundaries: {\n    x: number | [number, number];\n    y: number | [number, number];\n  } = { x: -1, y: -1 };\n\n  @property({ attribute: 'aria-checked' })\n  ariaChecked: string | null = this.getAttribute('selected') ?? 'false';\n\n  /**\n   * Entrypoint.\n   */\n  @state()\n  submenuEntry;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  isRtl = false;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @state()\n  hasSubmenu = false;\n\n  async dispatchIconDetect() {\n    const hasRenderIcon = !!this.querySelector('[slot=\"render-icon\"]');\n    if (hasRenderIcon) {\n      await undefined; // this is used to replace setTimeout with 0 time out, which is much fater.\n      this.dispatchEvent(\n        new CustomEvent('icon-detect', {\n          bubbles: true, // Allows event to bubble up the DOM\n          composed: true, // Allows event to cross shadow DOM boundary\n        })\n      );\n    }\n  }\n\n  private _updateAttributes() {\n    if (this.disabled && !this.hasSubmenu) {\n      this.setAttribute('aria-disabled', this.disabled);\n      this.setAttribute('tabindex', '-1');\n    } else if (this._parentMenu && !(this._parentMenu as CDSMenu).open) {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('aria-disabled');\n      this.setAttribute('tabindex', '0');\n    }\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-haspopup', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-haspopup');\n    }\n    if (this.closest(`${prefix}-menu-item-radio-group`)) {\n      this.setAttribute('role', 'menuitemradio');\n      this.setAttribute('aria-checked', this.ariaChecked + '');\n    } else if (!this.getAttribute('role')) {\n      this.setAttribute('role', 'menuitem');\n    }\n  }\n\n  firstUpdated() {\n    this.hasSubmenu = !!this.querySelector('[slot=\"submenu\"]');\n\n    this.dispatchIconDetect();\n    this.isRtl = document.dir === 'rtl';\n    this._registerSubMenuItems();\n    this._parentMenu = this.closest(`${prefix}-menu`);\n\n    this._updateAttributes();\n\n    this.addEventListener(`${prefix}-menu-closed`, () => {\n      this.focus();\n      this._closeSubmenu();\n    });\n\n    if (this._parentMenu) {\n      this._parentMenuObserver = new MutationObserver(() => {\n        this._updateAttributes();\n      });\n\n      this._parentMenuObserver.observe(this._parentMenu, {\n        attributes: true,\n        attributeFilter: ['open'],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    this._parentMenuObserver?.disconnect();\n  }\n\n  updated(): void {\n    if (this.hasSubmenu) {\n      this.setAttribute('aria-expanded', this.hasSubmenu + '');\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n    if (this.kind === MENU_ITEM_KIND.DANGER)\n      this.classList.toggle(`${prefix}--menu-item--danger`);\n  }\n\n  @HostListener('click', { capture: true })\n  handleClick(event: MouseEvent) {\n    this._handleClick(event);\n  }\n\n  @HostListener('mousedown')\n  handleMouseDown(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n    }\n  }\n\n  @HostListener('mouseenter')\n  handleMouseEnter() {\n    if (this.hasSubmenu) {\n      this._handleMouseEnter();\n    }\n  }\n\n  @HostListener('mouseleave')\n  handleMouseLeave() {\n    if (this.hasSubmenu) {\n      this._handleMouseLeave();\n    }\n  }\n\n  @HostListener('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    this._handleKeyDown(event);\n  }\n\n  render() {\n    const {\n      label,\n      shortcut,\n      submenuOpen,\n      boundaries,\n      isRtl,\n      kind,\n      dangerDescription,\n    } = this;\n\n    const isDanger = kind === MENU_ITEM_KIND.DANGER && !this.hasSubmenu;\n\n    const menuClassName = this.context?.hasSelectableItems\n      ? `${prefix}--menu--with-selectable-items`\n      : '';\n\n    return html`\n      <div class=\"${prefix}--menu-item__selection-icon\">\n        ${this.ariaChecked === 'true' ? iconLoader(Checkmark16) : undefined}\n      </div>\n\n      <div class=\"${prefix}--menu-item__icon\">\n        <slot name=\"render-icon\"></slot>\n      </div>\n      <div class=\"${prefix}--menu-item__label\">${label}</div>\n      ${isDanger\n        ? html`<span id=\"danger-description\" class=\"${prefix}--visually-hidden\"\n            >${dangerDescription}</span\n          >`\n        : html``}\n      ${shortcut && !this.hasSubmenu\n        ? html` <div class=\"${prefix}--menu-item__shortcut\">${shortcut}</div> `\n        : html``}\n      ${this.hasSubmenu\n        ? html`\n            <div class=\"${prefix}--menu-item__shortcut\">\n              ${isRtl ? iconLoader(CaretLeft16) : iconLoader(CaretRight16)}\n            </div>\n            <cds-menu\n              className=${menuClassName}\n              size=${this.parentElement?.getAttribute('size') ??\n              MENU_SIZE.LARGE}\n              ?isChild=\"${this.hasSubmenu}\"\n              label=\"${label}\"\n              .open=\"${submenuOpen}\"\n              .x=\"${boundaries.x}\"\n              .y=\"${boundaries.y}\">\n              <slot name=\"submenu\"></slot>\n            </cds-menu>\n          `\n        : html``}\n    `;\n  }\n\n  _handleClick = (e: MouseEvent | KeyboardEvent): void => {\n    if (this.disabled) {\n      return;\n    }\n\n    if (this.hasSubmenu) {\n      this._openSubmenu();\n      return;\n    }\n\n    if (e.type === 'keydown') {\n      this.click();\n      return;\n    }\n\n    this.dispatchEvent(\n      new CustomEvent(MENU_CLOSE_ROOT_EVENT, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          triggerEvent: e,\n        },\n      })\n    );\n  };\n  _handleMouseEnter = () => {\n    this.hoverIntentTimeout = setTimeout(() => {\n      this._openSubmenu();\n    }, this.hoverIntentDelay);\n  };\n  _handleMouseLeave = () => {\n    if (this.hoverIntentTimeout) {\n      clearTimeout(this.hoverIntentTimeout);\n      this._closeSubmenu();\n      this.focus();\n    }\n  };\n  _openSubmenu = () => {\n    const { x, y, width, height } = this.getBoundingClientRect();\n    if (this.isRtl) {\n      this.boundaries = {\n        x: [-x, x - width],\n        y: [y, y + height],\n      };\n    } else {\n      this.boundaries = {\n        x: [x, x + width],\n        y: [y, y + height],\n      };\n    }\n    this.submenuOpen = true;\n  };\n  _registerSubMenuItems = () => {\n    const observer = new MutationObserver((mutationsList) => {\n      for (const mutation of mutationsList) {\n        if (mutation.type === 'childList') {\n          const submenuSlot = this.shadowRoot?.querySelector(\n            'slot[name=\"submenu\"]'\n          ) as HTMLSlotElement;\n\n          const item = submenuSlot?.assignedElements?.()?.[0];\n          if (item) {\n            switch (item.tagName) {\n              case 'CDS-MENU-ITEM-RADIO-GROUP':\n                this.submenuEntry = item.querySelector(`${prefix}-menu-item`);\n                break;\n              case 'CDS-MENU-ITEM-GROUP': {\n                const slotElements = item.shadowRoot\n                  ?.querySelector('slot')\n                  ?.assignedElements();\n                const firstElement = slotElements?.length && slotElements[0];\n                this.submenuEntry = firstElement;\n                break;\n              }\n              case 'CDS-MENU-ITEM':\n                this.submenuEntry = item;\n                break;\n            }\n          }\n        }\n      }\n    });\n    observer.observe(this.shadowRoot as Node, {\n      childList: true,\n      subtree: true,\n    });\n  };\n  _closeSubmenu = () => {\n    this.boundaries = {\n      x: -1,\n      y: -1,\n    };\n    this.submenuOpen = false;\n    (\n      this.shadowRoot?.querySelector(`.${prefix}--menu-item`) as HTMLLIElement\n    )?.focus();\n  };\n  _handleKeyDown = (e: KeyboardEvent) => {\n    if (this.hasSubmenu && ['ArrowRight', 'Enter', ' '].includes(e.key)) {\n      this._openSubmenu();\n      setTimeout(() => {\n        this.submenuEntry.focus();\n      });\n      e.stopPropagation();\n    } else if (e.key === 'Enter' || e.key === ' ') {\n      this._handleClick(e);\n    }\n  };\n\n  static styles = styles;\n}\nexport default CDSmenuItem;\n"],"mappings":"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"}

package/es/components/menu/menu-item.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/menu/menu-item.scss?lit
-var menu_item_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--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--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)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--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)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--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)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--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)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--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)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--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)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--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)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--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)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--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}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]) *{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
+var menu_item_default = css(["@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--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--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)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--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)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--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)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--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)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--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)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--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)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--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)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--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)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--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}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--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--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--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--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu *,.cds--menu :after,.cds--menu :before{box-sizing:inherit}.cds--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;overflow-y:auto;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds--menu--border{outline:1px solid var(--cds-border-subtle)}.cds--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds--menu--with-icons{min-inline-size:12rem}.cds--menu--open{visibility:visible}.cds--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--menu--open:focus{outline-style:dotted}}.cds--menu:not(.cds--menu--open) .cds--menu--open{visibility:hidden}.cds--menu--shown{opacity:1;overflow:visible}.cds--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--menu-item:focus{outline-style:dotted}}.cds--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds--menu--xs .cds--menu-item{block-size:1.5rem}.cds--menu--sm .cds--menu-item{block-size:2rem}.cds--menu--md .cds--menu-item{block-size:2.5rem}.cds--menu--lg .cds--menu-item{block-size:3rem}.cds--menu-item-group>ul,.cds--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--menu-item-group>ul *,.cds--menu-item-group>ul :after,.cds--menu-item-group>ul :before,.cds--menu-item-radio-group>ul *,.cds--menu-item-radio-group>ul :after,.cds--menu-item-radio-group>ul :before{box-sizing:inherit}.cds--menu--with-icons>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1fr max-content}.cds--menu--with-icons>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-icons>.cds--menu-item>.cds--menu-item__icon,.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item>.cds--menu-item__selection-icon,.cds--menu--with-selectable-items>.cds--menu-item>.cds--menu-item__selection-icon{display:flex}.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-group>ul>.cds--menu-item,.cds--menu--with-icons.cds--menu--with-selectable-items>.cds--menu-item-radio-group>ul>.cds--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--menu-item--disabled.cds--menu-item--danger:hover,.cds--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--menu-item--danger:focus,.cds--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item-divider,:host(cds-menu-item-divider){background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}:host(cds-menu-item){align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}:host(cds-menu-item) svg{color:var(--cds-icon-secondary,#525252)}:host(cds-menu-item:focus){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-menu-item:focus){outline-style:dotted}}:host(cds-menu-item:hover){background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}:host(cds-menu-item:hover) svg{color:var(--cds-icon-primary,#161616)}:host(cds-menu-item-group)>ul,:host(cds-menu-item-radio-group)>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}:host(cds-menu-item-group)>ul *,:host(cds-menu-item-group)>ul :after,:host(cds-menu-item-group)>ul :before,:host(cds-menu-item-radio-group)>ul *,:host(cds-menu-item-radio-group)>ul :after,:host(cds-menu-item-radio-group)>ul :before{box-sizing:inherit}.cds--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--menu-item__shortcut{display:flex}.cds--menu-item__icon{display:var(--child-icon-property,none)}:host([aria-disabled=true]){color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host([aria-disabled=true]) :where(*){color:inherit}:host([aria-disabled=true].cds--menu-item--danger:hover),:host([aria-disabled=true]:hover){background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}:host(.cds--menu-item--danger:focus),:host(.cds--menu-item--danger:hover){background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds--menu-item__icon,.cds--menu-item__selection-icon{display:none}:host(cds-menu-item){block-size:var(--block-size-value);grid-template-columns:var(--grid-template)}:host(cds-menu-item) .cds--menu-item__icon{display:var(--display-icon-item)}.cds--menu-item__selection-icon{display:var(--display-selection-icon)}span[slot=render-icon]{display:flex}"]);
 //#endregion
 export { menu_item_default as default };