hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 64 kB
CSS
:root{--main-color:#36A4FF;--rgb-main-color:54,164,255;--shadow-color:62,78,106;--primary:#36A4FF;--primary-bg:#36A4FF;--primary-hover:#5eb6ff;--primary-active:#1d99ff;--primary-light:#ebf6ff;--success:#4CC09E;--success-bg:#4CC09E;--success-hover:#70cdb1;--success-active:#40b694;--success-light:#edf9f5;--danger:#FF4D4F;--danger-bg:#FF4D4F;--danger-hover:#ff7172;--danger-active:#ff3235;--danger-light:#ffeded;--warning:#FA8B16;--warning-bg:#FA8B16;--warning-hover:#fba245;--warning-active:#f58005;--warning-light:#fff3e8;--info:#4a72e5;--info-bg:#4a72e5;--info-hover:#6e8eea;--info-active:#3561e2;--info-light:#edf1fc;--rgb-primary:54,164,255;--rgb-success:76,192,158;--rgb-danger:255,77,79;--rgb-warning:250,139,22;--rgb-info:74,114,229;--rgb-bg-body:255,255,255;--rgb-bg-content:255,255,255;--rgb-bg-light:246,249,251;--rgb-bg-popup:255,255,255;--rgb-bg-element:255,255,255;--rgb-bg-hover:249,250,254;--rgb-bg-active:54,164,255;--rgb-bg-header:249,250,254;--rgb-bg-backdrop:0,0,0;--text-regular:#4B4B4B;--text-secondary:#8A8A8A;--text-light:#BDBDBD;--text-lightest:#CACFD6;--text-title:#202020;--text-link:var(--main-color);--text-hover:var(--main-color);--text-active:var(--main-color);--text-inverse:#FFFFFF;--bg-body:#ffffff;--bg-content:#FFFFFF;--bg-light:#F6F9FB;--bg-popup:#FFFFFF;--bg-element:#FFFFFF;--bg-hover:#F9FAFE;--bg-active:#36A4FF;--bg-header:#F9FAFE;--bg-backdrop:rgba(0, 0, 0, 0.3);--border-regular:#EDEDED;--border-light:#E7E7E7;--border-dark:#E7E7E7;--box-shadow-sm:0 2px 4px 0 rgba(var(--shadow-color, 62, 78, 106), 0.06);--box-shadow-md:0 4px 16px 0 rgba(var(--shadow-color, 62, 78, 106), 0.08);--box-shadow-lg:0 6px 24px rgba(var(--shadow-color, 62, 78, 106), 0.1);--box-shadow-xl:0 12px 40px 0 rgba(var(--shadow-color, 62, 78, 106), 0.24);--primary-light-5:#ebf9ff;--primary-light-4:#c7edff;--primary-light-3:#a3deff;--primary-light-2:#7ecdff;--primary-light-1:#5abaff;--primary-dark-1:#0b88ff;--primary-dark-2:#006bde;--primary-dark-3:#0050b3;--primary-dark-4:#003888;--primary-dark-5:#00235d;--success-light-5:#ecfaf3;--success-light-4:#c9f1e0;--success-light-3:#a8e6ce;--success-light-2:#88dbbd;--success-light-1:#6acead;--success-dark-1:#33b392;--success-dark-2:#269b81;--success-dark-3:#168570;--success-dark-4:#0b6b5c;--success-dark-5:#034d44;--danger-light-5:#ffedf0;--danger-light-4:#ffcdd4;--danger-light-3:#ffadb6;--danger-light-2:#ff8d96;--danger-light-1:#ff6d74;--danger-dark-1:#ff231f;--danger-dark-2:#ef0d00;--danger-dark-3:#c11100;--danger-dark-4:#921200;--danger-dark-5:#640f00;--warning-light-5:#fff0e8;--warning-light-4:#fed6bd;--warning-light-3:#fdbf93;--warning-light-2:#fcab6a;--warning-light-1:#fb9a40;--warning-dark-1:#e67f04;--warning-dark-2:#c17103;--warning-dark-3:#9c6002;--warning-dark-4:#774d01;--warning-dark-5:#513700;--info-light-5:#ecf3fd;--info-light-4:#cbddf9;--info-light-3:#aac5f5;--info-light-2:#89abf0;--info-light-1:#6a8feb;--info-dark-1:#204ce4;--info-dark-2:#1536c6;--info-dark-3:#0c24a4;--info-dark-4:#06157f;--info-dark-5:#020a59;--form-bg-color:var(--bg-element);--form-bg-color-fill:#f5f8fa;--form-border-color:var(--border-dark);--form-disabled-border-color:var(--border-light);--form-disabled-bg-color:var(--bg-light);--form-disabled-font-color:var(--text-light);--form-icon-color:var(--text-regular);--form-shadow-color:var(--rgb-primary);--hl-button-font-color:var(--text-regular);--hl-button-font-color-hover:var(--primary);--hl-button-font-color-active:var(--primary);--hl-button-bg-color:var(--bg-element);--hl-button-bg-color-hover:var(--bg-element);--hl-button-bg-color-active:var(--bg-element);--hl-button-border-color:var(--form-border-color);--hl-button-border-color-hover:#c3e4ff;--hl-button-border-color-active:var(--primary);--hl-menu-icon-color:#5281E9;--hl-menu-icon-color-hover:currentColor;--hl-menu-icon-color-active:#ffffff;--hl-menu-font-color:var(--text-regular);--hl-menu-font-color-hover:var(--text-secondary);--hl-menu-font-color-active:#ffffff;--hl-menu-bg-color:#ffffff;--hl-menu-bg-hover:#F8FAFF;--hl-menu-bg-active:#9EAECD;--hl-menu-group-title-color:rgba(#000, 0.2);--hl-menu-child-bg-color:#ffffff;--hl-menu-dropdown-shadow:var(--box-shadow-md)}.hl-row{--row-gap-x:0;--row-gap-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--row-gap-x) * -.5);margin-right:calc(var(--row-gap-x) * -.5);row-gap:var(--row-gap-y)}.hl-row>*{flex-shrink:0;width:100%;max-width:100%;padding-left:calc(var(--row-gap-x) * .5);padding-right:calc(var(--row-gap-x) * .5)}.hl-row>.col{flex-basis:0;flex-grow:1;width:auto}.hl-row.flow{display:block;margin-left:0;margin-right:0;-moz-column-gap:var(--row-gap-x);column-gap:var(--row-gap-x);row-gap:var(--row-gap-y)}.hl-row.flow>.col,.hl-row.flow>[class^=col-]{padding:0;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--row-gap-x)}.hl-row.grid{display:grid;margin-left:0;margin-right:0;-moz-column-gap:var(--row-gap-x);column-gap:var(--row-gap-x);row-gap:var(--row-gap-y)}.hl-row.grid>.col,.hl-row.grid>[class^=col-]{padding:0}.hl-row.grid-direction-vertical{grid-auto-flow:row}.hl-row.grid-direction-horizontal{grid-auto-flow:column}@media (min-width:640px){.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.sm\:offset-1{margin-left:4.1666666667%}.sm\:count-1.flow{-moz-column-count:1;column-count:1}.sm\:count-1.grid-direction-vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:count-1.grid-direction-horizontal{grid-template-rows:repeat(1,minmax(0,1fr))}.sm\:col-span-1{grid-column:span 1}.sm\:row-span-1{grid-row:span 1}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm\:offset-2{margin-left:8.3333333333%}.sm\:count-2.flow{-moz-column-count:2;column-count:2}.sm\:count-2.grid-direction-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:count-2.grid-direction-horizontal{grid-template-rows:repeat(2,minmax(0,1fr))}.sm\:col-span-2{grid-column:span 2}.sm\:row-span-2{grid-row:span 2}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-3{flex:0 0 12.5%;max-width:12.5%}.sm\:offset-3{margin-left:12.5%}.sm\:count-3.flow{-moz-column-count:3;column-count:3}.sm\:count-3.grid-direction-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:count-3.grid-direction-horizontal{grid-template-rows:repeat(3,minmax(0,1fr))}.sm\:col-span-3{grid-column:span 3}.sm\:row-span-3{grid-row:span 3}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm\:offset-4{margin-left:16.6666666667%}.sm\:count-4.flow{-moz-column-count:4;column-count:4}.sm\:count-4.grid-direction-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:count-4.grid-direction-horizontal{grid-template-rows:repeat(4,minmax(0,1fr))}.sm\:col-span-4{grid-column:span 4}.sm\:row-span-4{grid-row:span 4}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.sm\:offset-5{margin-left:20.8333333333%}.sm\:count-5.flow{-moz-column-count:5;column-count:5}.sm\:count-5.grid-direction-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:count-5.grid-direction-horizontal{grid-template-rows:repeat(5,minmax(0,1fr))}.sm\:col-span-5{grid-column:span 5}.sm\:row-span-5{grid-row:span 5}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-6{flex:0 0 25%;max-width:25%}.sm\:offset-6{margin-left:25%}.sm\:count-6.flow{-moz-column-count:6;column-count:6}.sm\:count-6.grid-direction-vertical{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:count-6.grid-direction-horizontal{grid-template-rows:repeat(6,minmax(0,1fr))}.sm\:col-span-6{grid-column:span 6}.sm\:row-span-6{grid-row:span 6}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.sm\:offset-7{margin-left:29.1666666667%}.sm\:count-7.flow{-moz-column-count:7;column-count:7}.sm\:count-7.grid-direction-vertical{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:count-7.grid-direction-horizontal{grid-template-rows:repeat(7,minmax(0,1fr))}.sm\:col-span-7{grid-column:span 7}.sm\:row-span-7{grid-row:span 7}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm\:offset-8{margin-left:33.3333333333%}.sm\:count-8.flow{-moz-column-count:8;column-count:8}.sm\:count-8.grid-direction-vertical{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:count-8.grid-direction-horizontal{grid-template-rows:repeat(8,minmax(0,1fr))}.sm\:col-span-8{grid-column:span 8}.sm\:row-span-8{grid-row:span 8}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-9{flex:0 0 37.5%;max-width:37.5%}.sm\:offset-9{margin-left:37.5%}.sm\:count-9.flow{-moz-column-count:9;column-count:9}.sm\:count-9.grid-direction-vertical{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:count-9.grid-direction-horizontal{grid-template-rows:repeat(9,minmax(0,1fr))}.sm\:col-span-9{grid-column:span 9}.sm\:row-span-9{grid-row:span 9}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm\:offset-10{margin-left:41.6666666667%}.sm\:count-10.flow{-moz-column-count:10;column-count:10}.sm\:count-10.grid-direction-vertical{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:count-10.grid-direction-horizontal{grid-template-rows:repeat(10,minmax(0,1fr))}.sm\:col-span-10{grid-column:span 10}.sm\:row-span-10{grid-row:span 10}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.sm\:offset-11{margin-left:45.8333333333%}.sm\:count-11.flow{-moz-column-count:11;column-count:11}.sm\:count-11.grid-direction-vertical{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:count-11.grid-direction-horizontal{grid-template-rows:repeat(11,minmax(0,1fr))}.sm\:col-span-11{grid-column:span 11}.sm\:row-span-11{grid-row:span 11}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-12{flex:0 0 50%;max-width:50%}.sm\:offset-12{margin-left:50%}.sm\:count-12.flow{-moz-column-count:12;column-count:12}.sm\:count-12.grid-direction-vertical{grid-template-columns:repeat(12,minmax(0,1fr))}.sm\:count-12.grid-direction-horizontal{grid-template-rows:repeat(12,minmax(0,1fr))}.sm\:col-span-12{grid-column:span 12}.sm\:row-span-12{grid-row:span 12}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.sm\:offset-13{margin-left:54.1666666667%}.sm\:count-13.flow{-moz-column-count:13;column-count:13}.sm\:count-13.grid-direction-vertical{grid-template-columns:repeat(13,minmax(0,1fr))}.sm\:count-13.grid-direction-horizontal{grid-template-rows:repeat(13,minmax(0,1fr))}.sm\:col-span-13{grid-column:span 13}.sm\:row-span-13{grid-row:span 13}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm\:offset-14{margin-left:58.3333333333%}.sm\:count-14.flow{-moz-column-count:14;column-count:14}.sm\:count-14.grid-direction-vertical{grid-template-columns:repeat(14,minmax(0,1fr))}.sm\:count-14.grid-direction-horizontal{grid-template-rows:repeat(14,minmax(0,1fr))}.sm\:col-span-14{grid-column:span 14}.sm\:row-span-14{grid-row:span 14}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-15{flex:0 0 62.5%;max-width:62.5%}.sm\:offset-15{margin-left:62.5%}.sm\:count-15.flow{-moz-column-count:15;column-count:15}.sm\:count-15.grid-direction-vertical{grid-template-columns:repeat(15,minmax(0,1fr))}.sm\:count-15.grid-direction-horizontal{grid-template-rows:repeat(15,minmax(0,1fr))}.sm\:col-span-15{grid-column:span 15}.sm\:row-span-15{grid-row:span 15}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm\:offset-16{margin-left:66.6666666667%}.sm\:count-16.flow{-moz-column-count:16;column-count:16}.sm\:count-16.grid-direction-vertical{grid-template-columns:repeat(16,minmax(0,1fr))}.sm\:count-16.grid-direction-horizontal{grid-template-rows:repeat(16,minmax(0,1fr))}.sm\:col-span-16{grid-column:span 16}.sm\:row-span-16{grid-row:span 16}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.sm\:offset-17{margin-left:70.8333333333%}.sm\:count-17.flow{-moz-column-count:17;column-count:17}.sm\:count-17.grid-direction-vertical{grid-template-columns:repeat(17,minmax(0,1fr))}.sm\:count-17.grid-direction-horizontal{grid-template-rows:repeat(17,minmax(0,1fr))}.sm\:col-span-17{grid-column:span 17}.sm\:row-span-17{grid-row:span 17}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-18{flex:0 0 75%;max-width:75%}.sm\:offset-18{margin-left:75%}.sm\:count-18.flow{-moz-column-count:18;column-count:18}.sm\:count-18.grid-direction-vertical{grid-template-columns:repeat(18,minmax(0,1fr))}.sm\:count-18.grid-direction-horizontal{grid-template-rows:repeat(18,minmax(0,1fr))}.sm\:col-span-18{grid-column:span 18}.sm\:row-span-18{grid-row:span 18}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.sm\:offset-19{margin-left:79.1666666667%}.sm\:count-19.flow{-moz-column-count:19;column-count:19}.sm\:count-19.grid-direction-vertical{grid-template-columns:repeat(19,minmax(0,1fr))}.sm\:count-19.grid-direction-horizontal{grid-template-rows:repeat(19,minmax(0,1fr))}.sm\:col-span-19{grid-column:span 19}.sm\:row-span-19{grid-row:span 19}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm\:offset-20{margin-left:83.3333333333%}.sm\:count-20.flow{-moz-column-count:20;column-count:20}.sm\:count-20.grid-direction-vertical{grid-template-columns:repeat(20,minmax(0,1fr))}.sm\:count-20.grid-direction-horizontal{grid-template-rows:repeat(20,minmax(0,1fr))}.sm\:col-span-20{grid-column:span 20}.sm\:row-span-20{grid-row:span 20}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-21{flex:0 0 87.5%;max-width:87.5%}.sm\:offset-21{margin-left:87.5%}.sm\:count-21.flow{-moz-column-count:21;column-count:21}.sm\:count-21.grid-direction-vertical{grid-template-columns:repeat(21,minmax(0,1fr))}.sm\:count-21.grid-direction-horizontal{grid-template-rows:repeat(21,minmax(0,1fr))}.sm\:col-span-21{grid-column:span 21}.sm\:row-span-21{grid-row:span 21}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm\:offset-22{margin-left:91.6666666667%}.sm\:count-22.flow{-moz-column-count:22;column-count:22}.sm\:count-22.grid-direction-vertical{grid-template-columns:repeat(22,minmax(0,1fr))}.sm\:count-22.grid-direction-horizontal{grid-template-rows:repeat(22,minmax(0,1fr))}.sm\:col-span-22{grid-column:span 22}.sm\:row-span-22{grid-row:span 22}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.sm\:offset-23{margin-left:95.8333333333%}.sm\:count-23.flow{-moz-column-count:23;column-count:23}.sm\:count-23.grid-direction-vertical{grid-template-columns:repeat(23,minmax(0,1fr))}.sm\:count-23.grid-direction-horizontal{grid-template-rows:repeat(23,minmax(0,1fr))}.sm\:col-span-23{grid-column:span 23}.sm\:row-span-23{grid-row:span 23}.sm\:col{flex-basis:0;flex-grow:1}.sm\:col-24{flex:0 0 100%;max-width:100%}.sm\:offset-24{margin-left:100%}.sm\:count-24.flow{-moz-column-count:24;column-count:24}.sm\:count-24.grid-direction-vertical{grid-template-columns:repeat(24,minmax(0,1fr))}.sm\:count-24.grid-direction-horizontal{grid-template-rows:repeat(24,minmax(0,1fr))}.sm\:col-span-24{grid-column:span 24}.sm\:row-span-24{grid-row:span 24}}@media (min-width:768px){.md\:col{flex-basis:0;flex-grow:1}.md\:col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.md\:offset-1{margin-left:4.1666666667%}.md\:count-1.flow{-moz-column-count:1;column-count:1}.md\:count-1.grid-direction-vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:count-1.grid-direction-horizontal{grid-template-rows:repeat(1,minmax(0,1fr))}.md\:col-span-1{grid-column:span 1}.md\:row-span-1{grid-row:span 1}.md\:col{flex-basis:0;flex-grow:1}.md\:col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md\:offset-2{margin-left:8.3333333333%}.md\:count-2.flow{-moz-column-count:2;column-count:2}.md\:count-2.grid-direction-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:count-2.grid-direction-horizontal{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2}.md\:row-span-2{grid-row:span 2}.md\:col{flex-basis:0;flex-grow:1}.md\:col-3{flex:0 0 12.5%;max-width:12.5%}.md\:offset-3{margin-left:12.5%}.md\:count-3.flow{-moz-column-count:3;column-count:3}.md\:count-3.grid-direction-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:count-3.grid-direction-horizontal{grid-template-rows:repeat(3,minmax(0,1fr))}.md\:col-span-3{grid-column:span 3}.md\:row-span-3{grid-row:span 3}.md\:col{flex-basis:0;flex-grow:1}.md\:col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md\:offset-4{margin-left:16.6666666667%}.md\:count-4.flow{-moz-column-count:4;column-count:4}.md\:count-4.grid-direction-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:count-4.grid-direction-horizontal{grid-template-rows:repeat(4,minmax(0,1fr))}.md\:col-span-4{grid-column:span 4}.md\:row-span-4{grid-row:span 4}.md\:col{flex-basis:0;flex-grow:1}.md\:col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.md\:offset-5{margin-left:20.8333333333%}.md\:count-5.flow{-moz-column-count:5;column-count:5}.md\:count-5.grid-direction-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:count-5.grid-direction-horizontal{grid-template-rows:repeat(5,minmax(0,1fr))}.md\:col-span-5{grid-column:span 5}.md\:row-span-5{grid-row:span 5}.md\:col{flex-basis:0;flex-grow:1}.md\:col-6{flex:0 0 25%;max-width:25%}.md\:offset-6{margin-left:25%}.md\:count-6.flow{-moz-column-count:6;column-count:6}.md\:count-6.grid-direction-vertical{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:count-6.grid-direction-horizontal{grid-template-rows:repeat(6,minmax(0,1fr))}.md\:col-span-6{grid-column:span 6}.md\:row-span-6{grid-row:span 6}.md\:col{flex-basis:0;flex-grow:1}.md\:col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.md\:offset-7{margin-left:29.1666666667%}.md\:count-7.flow{-moz-column-count:7;column-count:7}.md\:count-7.grid-direction-vertical{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:count-7.grid-direction-horizontal{grid-template-rows:repeat(7,minmax(0,1fr))}.md\:col-span-7{grid-column:span 7}.md\:row-span-7{grid-row:span 7}.md\:col{flex-basis:0;flex-grow:1}.md\:col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md\:offset-8{margin-left:33.3333333333%}.md\:count-8.flow{-moz-column-count:8;column-count:8}.md\:count-8.grid-direction-vertical{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:count-8.grid-direction-horizontal{grid-template-rows:repeat(8,minmax(0,1fr))}.md\:col-span-8{grid-column:span 8}.md\:row-span-8{grid-row:span 8}.md\:col{flex-basis:0;flex-grow:1}.md\:col-9{flex:0 0 37.5%;max-width:37.5%}.md\:offset-9{margin-left:37.5%}.md\:count-9.flow{-moz-column-count:9;column-count:9}.md\:count-9.grid-direction-vertical{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:count-9.grid-direction-horizontal{grid-template-rows:repeat(9,minmax(0,1fr))}.md\:col-span-9{grid-column:span 9}.md\:row-span-9{grid-row:span 9}.md\:col{flex-basis:0;flex-grow:1}.md\:col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md\:offset-10{margin-left:41.6666666667%}.md\:count-10.flow{-moz-column-count:10;column-count:10}.md\:count-10.grid-direction-vertical{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:count-10.grid-direction-horizontal{grid-template-rows:repeat(10,minmax(0,1fr))}.md\:col-span-10{grid-column:span 10}.md\:row-span-10{grid-row:span 10}.md\:col{flex-basis:0;flex-grow:1}.md\:col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.md\:offset-11{margin-left:45.8333333333%}.md\:count-11.flow{-moz-column-count:11;column-count:11}.md\:count-11.grid-direction-vertical{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:count-11.grid-direction-horizontal{grid-template-rows:repeat(11,minmax(0,1fr))}.md\:col-span-11{grid-column:span 11}.md\:row-span-11{grid-row:span 11}.md\:col{flex-basis:0;flex-grow:1}.md\:col-12{flex:0 0 50%;max-width:50%}.md\:offset-12{margin-left:50%}.md\:count-12.flow{-moz-column-count:12;column-count:12}.md\:count-12.grid-direction-vertical{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:count-12.grid-direction-horizontal{grid-template-rows:repeat(12,minmax(0,1fr))}.md\:col-span-12{grid-column:span 12}.md\:row-span-12{grid-row:span 12}.md\:col{flex-basis:0;flex-grow:1}.md\:col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.md\:offset-13{margin-left:54.1666666667%}.md\:count-13.flow{-moz-column-count:13;column-count:13}.md\:count-13.grid-direction-vertical{grid-template-columns:repeat(13,minmax(0,1fr))}.md\:count-13.grid-direction-horizontal{grid-template-rows:repeat(13,minmax(0,1fr))}.md\:col-span-13{grid-column:span 13}.md\:row-span-13{grid-row:span 13}.md\:col{flex-basis:0;flex-grow:1}.md\:col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md\:offset-14{margin-left:58.3333333333%}.md\:count-14.flow{-moz-column-count:14;column-count:14}.md\:count-14.grid-direction-vertical{grid-template-columns:repeat(14,minmax(0,1fr))}.md\:count-14.grid-direction-horizontal{grid-template-rows:repeat(14,minmax(0,1fr))}.md\:col-span-14{grid-column:span 14}.md\:row-span-14{grid-row:span 14}.md\:col{flex-basis:0;flex-grow:1}.md\:col-15{flex:0 0 62.5%;max-width:62.5%}.md\:offset-15{margin-left:62.5%}.md\:count-15.flow{-moz-column-count:15;column-count:15}.md\:count-15.grid-direction-vertical{grid-template-columns:repeat(15,minmax(0,1fr))}.md\:count-15.grid-direction-horizontal{grid-template-rows:repeat(15,minmax(0,1fr))}.md\:col-span-15{grid-column:span 15}.md\:row-span-15{grid-row:span 15}.md\:col{flex-basis:0;flex-grow:1}.md\:col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md\:offset-16{margin-left:66.6666666667%}.md\:count-16.flow{-moz-column-count:16;column-count:16}.md\:count-16.grid-direction-vertical{grid-template-columns:repeat(16,minmax(0,1fr))}.md\:count-16.grid-direction-horizontal{grid-template-rows:repeat(16,minmax(0,1fr))}.md\:col-span-16{grid-column:span 16}.md\:row-span-16{grid-row:span 16}.md\:col{flex-basis:0;flex-grow:1}.md\:col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.md\:offset-17{margin-left:70.8333333333%}.md\:count-17.flow{-moz-column-count:17;column-count:17}.md\:count-17.grid-direction-vertical{grid-template-columns:repeat(17,minmax(0,1fr))}.md\:count-17.grid-direction-horizontal{grid-template-rows:repeat(17,minmax(0,1fr))}.md\:col-span-17{grid-column:span 17}.md\:row-span-17{grid-row:span 17}.md\:col{flex-basis:0;flex-grow:1}.md\:col-18{flex:0 0 75%;max-width:75%}.md\:offset-18{margin-left:75%}.md\:count-18.flow{-moz-column-count:18;column-count:18}.md\:count-18.grid-direction-vertical{grid-template-columns:repeat(18,minmax(0,1fr))}.md\:count-18.grid-direction-horizontal{grid-template-rows:repeat(18,minmax(0,1fr))}.md\:col-span-18{grid-column:span 18}.md\:row-span-18{grid-row:span 18}.md\:col{flex-basis:0;flex-grow:1}.md\:col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.md\:offset-19{margin-left:79.1666666667%}.md\:count-19.flow{-moz-column-count:19;column-count:19}.md\:count-19.grid-direction-vertical{grid-template-columns:repeat(19,minmax(0,1fr))}.md\:count-19.grid-direction-horizontal{grid-template-rows:repeat(19,minmax(0,1fr))}.md\:col-span-19{grid-column:span 19}.md\:row-span-19{grid-row:span 19}.md\:col{flex-basis:0;flex-grow:1}.md\:col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md\:offset-20{margin-left:83.3333333333%}.md\:count-20.flow{-moz-column-count:20;column-count:20}.md\:count-20.grid-direction-vertical{grid-template-columns:repeat(20,minmax(0,1fr))}.md\:count-20.grid-direction-horizontal{grid-template-rows:repeat(20,minmax(0,1fr))}.md\:col-span-20{grid-column:span 20}.md\:row-span-20{grid-row:span 20}.md\:col{flex-basis:0;flex-grow:1}.md\:col-21{flex:0 0 87.5%;max-width:87.5%}.md\:offset-21{margin-left:87.5%}.md\:count-21.flow{-moz-column-count:21;column-count:21}.md\:count-21.grid-direction-vertical{grid-template-columns:repeat(21,minmax(0,1fr))}.md\:count-21.grid-direction-horizontal{grid-template-rows:repeat(21,minmax(0,1fr))}.md\:col-span-21{grid-column:span 21}.md\:row-span-21{grid-row:span 21}.md\:col{flex-basis:0;flex-grow:1}.md\:col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md\:offset-22{margin-left:91.6666666667%}.md\:count-22.flow{-moz-column-count:22;column-count:22}.md\:count-22.grid-direction-vertical{grid-template-columns:repeat(22,minmax(0,1fr))}.md\:count-22.grid-direction-horizontal{grid-template-rows:repeat(22,minmax(0,1fr))}.md\:col-span-22{grid-column:span 22}.md\:row-span-22{grid-row:span 22}.md\:col{flex-basis:0;flex-grow:1}.md\:col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.md\:offset-23{margin-left:95.8333333333%}.md\:count-23.flow{-moz-column-count:23;column-count:23}.md\:count-23.grid-direction-vertical{grid-template-columns:repeat(23,minmax(0,1fr))}.md\:count-23.grid-direction-horizontal{grid-template-rows:repeat(23,minmax(0,1fr))}.md\:col-span-23{grid-column:span 23}.md\:row-span-23{grid-row:span 23}.md\:col{flex-basis:0;flex-grow:1}.md\:col-24{flex:0 0 100%;max-width:100%}.md\:offset-24{margin-left:100%}.md\:count-24.flow{-moz-column-count:24;column-count:24}.md\:count-24.grid-direction-vertical{grid-template-columns:repeat(24,minmax(0,1fr))}.md\:count-24.grid-direction-horizontal{grid-template-rows:repeat(24,minmax(0,1fr))}.md\:col-span-24{grid-column:span 24}.md\:row-span-24{grid-row:span 24}}@media (min-width:1024px){.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.lg\:offset-1{margin-left:4.1666666667%}.lg\:count-1.flow{-moz-column-count:1;column-count:1}.lg\:count-1.grid-direction-vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:count-1.grid-direction-horizontal{grid-template-rows:repeat(1,minmax(0,1fr))}.lg\:col-span-1{grid-column:span 1}.lg\:row-span-1{grid-row:span 1}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg\:offset-2{margin-left:8.3333333333%}.lg\:count-2.flow{-moz-column-count:2;column-count:2}.lg\:count-2.grid-direction-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:count-2.grid-direction-horizontal{grid-template-rows:repeat(2,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2}.lg\:row-span-2{grid-row:span 2}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-3{flex:0 0 12.5%;max-width:12.5%}.lg\:offset-3{margin-left:12.5%}.lg\:count-3.flow{-moz-column-count:3;column-count:3}.lg\:count-3.grid-direction-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:count-3.grid-direction-horizontal{grid-template-rows:repeat(3,minmax(0,1fr))}.lg\:col-span-3{grid-column:span 3}.lg\:row-span-3{grid-row:span 3}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg\:offset-4{margin-left:16.6666666667%}.lg\:count-4.flow{-moz-column-count:4;column-count:4}.lg\:count-4.grid-direction-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:count-4.grid-direction-horizontal{grid-template-rows:repeat(4,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4}.lg\:row-span-4{grid-row:span 4}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.lg\:offset-5{margin-left:20.8333333333%}.lg\:count-5.flow{-moz-column-count:5;column-count:5}.lg\:count-5.grid-direction-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:count-5.grid-direction-horizontal{grid-template-rows:repeat(5,minmax(0,1fr))}.lg\:col-span-5{grid-column:span 5}.lg\:row-span-5{grid-row:span 5}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-6{flex:0 0 25%;max-width:25%}.lg\:offset-6{margin-left:25%}.lg\:count-6.flow{-moz-column-count:6;column-count:6}.lg\:count-6.grid-direction-vertical{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:count-6.grid-direction-horizontal{grid-template-rows:repeat(6,minmax(0,1fr))}.lg\:col-span-6{grid-column:span 6}.lg\:row-span-6{grid-row:span 6}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.lg\:offset-7{margin-left:29.1666666667%}.lg\:count-7.flow{-moz-column-count:7;column-count:7}.lg\:count-7.grid-direction-vertical{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:count-7.grid-direction-horizontal{grid-template-rows:repeat(7,minmax(0,1fr))}.lg\:col-span-7{grid-column:span 7}.lg\:row-span-7{grid-row:span 7}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg\:offset-8{margin-left:33.3333333333%}.lg\:count-8.flow{-moz-column-count:8;column-count:8}.lg\:count-8.grid-direction-vertical{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:count-8.grid-direction-horizontal{grid-template-rows:repeat(8,minmax(0,1fr))}.lg\:col-span-8{grid-column:span 8}.lg\:row-span-8{grid-row:span 8}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-9{flex:0 0 37.5%;max-width:37.5%}.lg\:offset-9{margin-left:37.5%}.lg\:count-9.flow{-moz-column-count:9;column-count:9}.lg\:count-9.grid-direction-vertical{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:count-9.grid-direction-horizontal{grid-template-rows:repeat(9,minmax(0,1fr))}.lg\:col-span-9{grid-column:span 9}.lg\:row-span-9{grid-row:span 9}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg\:offset-10{margin-left:41.6666666667%}.lg\:count-10.flow{-moz-column-count:10;column-count:10}.lg\:count-10.grid-direction-vertical{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:count-10.grid-direction-horizontal{grid-template-rows:repeat(10,minmax(0,1fr))}.lg\:col-span-10{grid-column:span 10}.lg\:row-span-10{grid-row:span 10}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.lg\:offset-11{margin-left:45.8333333333%}.lg\:count-11.flow{-moz-column-count:11;column-count:11}.lg\:count-11.grid-direction-vertical{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:count-11.grid-direction-horizontal{grid-template-rows:repeat(11,minmax(0,1fr))}.lg\:col-span-11{grid-column:span 11}.lg\:row-span-11{grid-row:span 11}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-12{flex:0 0 50%;max-width:50%}.lg\:offset-12{margin-left:50%}.lg\:count-12.flow{-moz-column-count:12;column-count:12}.lg\:count-12.grid-direction-vertical{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:count-12.grid-direction-horizontal{grid-template-rows:repeat(12,minmax(0,1fr))}.lg\:col-span-12{grid-column:span 12}.lg\:row-span-12{grid-row:span 12}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.lg\:offset-13{margin-left:54.1666666667%}.lg\:count-13.flow{-moz-column-count:13;column-count:13}.lg\:count-13.grid-direction-vertical{grid-template-columns:repeat(13,minmax(0,1fr))}.lg\:count-13.grid-direction-horizontal{grid-template-rows:repeat(13,minmax(0,1fr))}.lg\:col-span-13{grid-column:span 13}.lg\:row-span-13{grid-row:span 13}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg\:offset-14{margin-left:58.3333333333%}.lg\:count-14.flow{-moz-column-count:14;column-count:14}.lg\:count-14.grid-direction-vertical{grid-template-columns:repeat(14,minmax(0,1fr))}.lg\:count-14.grid-direction-horizontal{grid-template-rows:repeat(14,minmax(0,1fr))}.lg\:col-span-14{grid-column:span 14}.lg\:row-span-14{grid-row:span 14}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-15{flex:0 0 62.5%;max-width:62.5%}.lg\:offset-15{margin-left:62.5%}.lg\:count-15.flow{-moz-column-count:15;column-count:15}.lg\:count-15.grid-direction-vertical{grid-template-columns:repeat(15,minmax(0,1fr))}.lg\:count-15.grid-direction-horizontal{grid-template-rows:repeat(15,minmax(0,1fr))}.lg\:col-span-15{grid-column:span 15}.lg\:row-span-15{grid-row:span 15}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg\:offset-16{margin-left:66.6666666667%}.lg\:count-16.flow{-moz-column-count:16;column-count:16}.lg\:count-16.grid-direction-vertical{grid-template-columns:repeat(16,minmax(0,1fr))}.lg\:count-16.grid-direction-horizontal{grid-template-rows:repeat(16,minmax(0,1fr))}.lg\:col-span-16{grid-column:span 16}.lg\:row-span-16{grid-row:span 16}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.lg\:offset-17{margin-left:70.8333333333%}.lg\:count-17.flow{-moz-column-count:17;column-count:17}.lg\:count-17.grid-direction-vertical{grid-template-columns:repeat(17,minmax(0,1fr))}.lg\:count-17.grid-direction-horizontal{grid-template-rows:repeat(17,minmax(0,1fr))}.lg\:col-span-17{grid-column:span 17}.lg\:row-span-17{grid-row:span 17}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-18{flex:0 0 75%;max-width:75%}.lg\:offset-18{margin-left:75%}.lg\:count-18.flow{-moz-column-count:18;column-count:18}.lg\:count-18.grid-direction-vertical{grid-template-columns:repeat(18,minmax(0,1fr))}.lg\:count-18.grid-direction-horizontal{grid-template-rows:repeat(18,minmax(0,1fr))}.lg\:col-span-18{grid-column:span 18}.lg\:row-span-18{grid-row:span 18}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.lg\:offset-19{margin-left:79.1666666667%}.lg\:count-19.flow{-moz-column-count:19;column-count:19}.lg\:count-19.grid-direction-vertical{grid-template-columns:repeat(19,minmax(0,1fr))}.lg\:count-19.grid-direction-horizontal{grid-template-rows:repeat(19,minmax(0,1fr))}.lg\:col-span-19{grid-column:span 19}.lg\:row-span-19{grid-row:span 19}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg\:offset-20{margin-left:83.3333333333%}.lg\:count-20.flow{-moz-column-count:20;column-count:20}.lg\:count-20.grid-direction-vertical{grid-template-columns:repeat(20,minmax(0,1fr))}.lg\:count-20.grid-direction-horizontal{grid-template-rows:repeat(20,minmax(0,1fr))}.lg\:col-span-20{grid-column:span 20}.lg\:row-span-20{grid-row:span 20}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-21{flex:0 0 87.5%;max-width:87.5%}.lg\:offset-21{margin-left:87.5%}.lg\:count-21.flow{-moz-column-count:21;column-count:21}.lg\:count-21.grid-direction-vertical{grid-template-columns:repeat(21,minmax(0,1fr))}.lg\:count-21.grid-direction-horizontal{grid-template-rows:repeat(21,minmax(0,1fr))}.lg\:col-span-21{grid-column:span 21}.lg\:row-span-21{grid-row:span 21}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg\:offset-22{margin-left:91.6666666667%}.lg\:count-22.flow{-moz-column-count:22;column-count:22}.lg\:count-22.grid-direction-vertical{grid-template-columns:repeat(22,minmax(0,1fr))}.lg\:count-22.grid-direction-horizontal{grid-template-rows:repeat(22,minmax(0,1fr))}.lg\:col-span-22{grid-column:span 22}.lg\:row-span-22{grid-row:span 22}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.lg\:offset-23{margin-left:95.8333333333%}.lg\:count-23.flow{-moz-column-count:23;column-count:23}.lg\:count-23.grid-direction-vertical{grid-template-columns:repeat(23,minmax(0,1fr))}.lg\:count-23.grid-direction-horizontal{grid-template-rows:repeat(23,minmax(0,1fr))}.lg\:col-span-23{grid-column:span 23}.lg\:row-span-23{grid-row:span 23}.lg\:col{flex-basis:0;flex-grow:1}.lg\:col-24{flex:0 0 100%;max-width:100%}.lg\:offset-24{margin-left:100%}.lg\:count-24.flow{-moz-column-count:24;column-count:24}.lg\:count-24.grid-direction-vertical{grid-template-columns:repeat(24,minmax(0,1fr))}.lg\:count-24.grid-direction-horizontal{grid-template-rows:repeat(24,minmax(0,1fr))}.lg\:col-span-24{grid-column:span 24}.lg\:row-span-24{grid-row:span 24}}@media (min-width:1280px){.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.xl\:offset-1{margin-left:4.1666666667%}.xl\:count-1.flow{-moz-column-count:1;column-count:1}.xl\:count-1.grid-direction-vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:count-1.grid-direction-horizontal{grid-template-rows:repeat(1,minmax(0,1fr))}.xl\:col-span-1{grid-column:span 1}.xl\:row-span-1{grid-row:span 1}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xl\:offset-2{margin-left:8.3333333333%}.xl\:count-2.flow{-moz-column-count:2;column-count:2}.xl\:count-2.grid-direction-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:count-2.grid-direction-horizontal{grid-template-rows:repeat(2,minmax(0,1fr))}.xl\:col-span-2{grid-column:span 2}.xl\:row-span-2{grid-row:span 2}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-3{flex:0 0 12.5%;max-width:12.5%}.xl\:offset-3{margin-left:12.5%}.xl\:count-3.flow{-moz-column-count:3;column-count:3}.xl\:count-3.grid-direction-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:count-3.grid-direction-horizontal{grid-template-rows:repeat(3,minmax(0,1fr))}.xl\:col-span-3{grid-column:span 3}.xl\:row-span-3{grid-row:span 3}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xl\:offset-4{margin-left:16.6666666667%}.xl\:count-4.flow{-moz-column-count:4;column-count:4}.xl\:count-4.grid-direction-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:count-4.grid-direction-horizontal{grid-template-rows:repeat(4,minmax(0,1fr))}.xl\:col-span-4{grid-column:span 4}.xl\:row-span-4{grid-row:span 4}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.xl\:offset-5{margin-left:20.8333333333%}.xl\:count-5.flow{-moz-column-count:5;column-count:5}.xl\:count-5.grid-direction-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:count-5.grid-direction-horizontal{grid-template-rows:repeat(5,minmax(0,1fr))}.xl\:col-span-5{grid-column:span 5}.xl\:row-span-5{grid-row:span 5}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-6{flex:0 0 25%;max-width:25%}.xl\:offset-6{margin-left:25%}.xl\:count-6.flow{-moz-column-count:6;column-count:6}.xl\:count-6.grid-direction-vertical{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:count-6.grid-direction-horizontal{grid-template-rows:repeat(6,minmax(0,1fr))}.xl\:col-span-6{grid-column:span 6}.xl\:row-span-6{grid-row:span 6}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.xl\:offset-7{margin-left:29.1666666667%}.xl\:count-7.flow{-moz-column-count:7;column-count:7}.xl\:count-7.grid-direction-vertical{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:count-7.grid-direction-horizontal{grid-template-rows:repeat(7,minmax(0,1fr))}.xl\:col-span-7{grid-column:span 7}.xl\:row-span-7{grid-row:span 7}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xl\:offset-8{margin-left:33.3333333333%}.xl\:count-8.flow{-moz-column-count:8;column-count:8}.xl\:count-8.grid-direction-vertical{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:count-8.grid-direction-horizontal{grid-template-rows:repeat(8,minmax(0,1fr))}.xl\:col-span-8{grid-column:span 8}.xl\:row-span-8{grid-row:span 8}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-9{flex:0 0 37.5%;max-width:37.5%}.xl\:offset-9{margin-left:37.5%}.xl\:count-9.flow{-moz-column-count:9;column-count:9}.xl\:count-9.grid-direction-vertical{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:count-9.grid-direction-horizontal{grid-template-rows:repeat(9,minmax(0,1fr))}.xl\:col-span-9{grid-column:span 9}.xl\:row-span-9{grid-row:span 9}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xl\:offset-10{margin-left:41.6666666667%}.xl\:count-10.flow{-moz-column-count:10;column-count:10}.xl\:count-10.grid-direction-vertical{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:count-10.grid-direction-horizontal{grid-template-rows:repeat(10,minmax(0,1fr))}.xl\:col-span-10{grid-column:span 10}.xl\:row-span-10{grid-row:span 10}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.xl\:offset-11{margin-left:45.8333333333%}.xl\:count-11.flow{-moz-column-count:11;column-count:11}.xl\:count-11.grid-direction-vertical{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:count-11.grid-direction-horizontal{grid-template-rows:repeat(11,minmax(0,1fr))}.xl\:col-span-11{grid-column:span 11}.xl\:row-span-11{grid-row:span 11}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-12{flex:0 0 50%;max-width:50%}.xl\:offset-12{margin-left:50%}.xl\:count-12.flow{-moz-column-count:12;column-count:12}.xl\:count-12.grid-direction-vertical{grid-template-columns:repeat(12,minmax(0,1fr))}.xl\:count-12.grid-direction-horizontal{grid-template-rows:repeat(12,minmax(0,1fr))}.xl\:col-span-12{grid-column:span 12}.xl\:row-span-12{grid-row:span 12}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-13{flex:0 0 54.1666666667%;max-width:54.1666666667%}.xl\:offset-13{margin-left:54.1666666667%}.xl\:count-13.flow{-moz-column-count:13;column-count:13}.xl\:count-13.grid-direction-vertical{grid-template-columns:repeat(13,minmax(0,1fr))}.xl\:count-13.grid-direction-horizontal{grid-template-rows:repeat(13,minmax(0,1fr))}.xl\:col-span-13{grid-column:span 13}.xl\:row-span-13{grid-row:span 13}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-14{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xl\:offset-14{margin-left:58.3333333333%}.xl\:count-14.flow{-moz-column-count:14;column-count:14}.xl\:count-14.grid-direction-vertical{grid-template-columns:repeat(14,minmax(0,1fr))}.xl\:count-14.grid-direction-horizontal{grid-template-rows:repeat(14,minmax(0,1fr))}.xl\:col-span-14{grid-column:span 14}.xl\:row-span-14{grid-row:span 14}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-15{flex:0 0 62.5%;max-width:62.5%}.xl\:offset-15{margin-left:62.5%}.xl\:count-15.flow{-moz-column-count:15;column-count:15}.xl\:count-15.grid-direction-vertical{grid-template-columns:repeat(15,minmax(0,1fr))}.xl\:count-15.grid-direction-horizontal{grid-template-rows:repeat(15,minmax(0,1fr))}.xl\:col-span-15{grid-column:span 15}.xl\:row-span-15{grid-row:span 15}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-16{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xl\:offset-16{margin-left:66.6666666667%}.xl\:count-16.flow{-moz-column-count:16;column-count:16}.xl\:count-16.grid-direction-vertical{grid-template-columns:repeat(16,minmax(0,1fr))}.xl\:count-16.grid-direction-horizontal{grid-template-rows:repeat(16,minmax(0,1fr))}.xl\:col-span-16{grid-column:span 16}.xl\:row-span-16{grid-row:span 16}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-17{flex:0 0 70.8333333333%;max-width:70.8333333333%}.xl\:offset-17{margin-left:70.8333333333%}.xl\:count-17.flow{-moz-column-count:17;column-count:17}.xl\:count-17.grid-direction-vertical{grid-template-columns:repeat(17,minmax(0,1fr))}.xl\:count-17.grid-direction-horizontal{grid-template-rows:repeat(17,minmax(0,1fr))}.xl\:col-span-17{grid-column:span 17}.xl\:row-span-17{grid-row:span 17}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-18{flex:0 0 75%;max-width:75%}.xl\:offset-18{margin-left:75%}.xl\:count-18.flow{-moz-column-count:18;column-count:18}.xl\:count-18.grid-direction-vertical{grid-template-columns:repeat(18,minmax(0,1fr))}.xl\:count-18.grid-direction-horizontal{grid-template-rows:repeat(18,minmax(0,1fr))}.xl\:col-span-18{grid-column:span 18}.xl\:row-span-18{grid-row:span 18}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-19{flex:0 0 79.1666666667%;max-width:79.1666666667%}.xl\:offset-19{margin-left:79.1666666667%}.xl\:count-19.flow{-moz-column-count:19;column-count:19}.xl\:count-19.grid-direction-vertical{grid-template-columns:repeat(19,minmax(0,1fr))}.xl\:count-19.grid-direction-horizontal{grid-template-rows:repeat(19,minmax(0,1fr))}.xl\:col-span-19{grid-column:span 19}.xl\:row-span-19{grid-row:span 19}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-20{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xl\:offset-20{margin-left:83.3333333333%}.xl\:count-20.flow{-moz-column-count:20;column-count:20}.xl\:count-20.grid-direction-vertical{grid-template-columns:repeat(20,minmax(0,1fr))}.xl\:count-20.grid-direction-horizontal{grid-template-rows:repeat(20,minmax(0,1fr))}.xl\:col-span-20{grid-column:span 20}.xl\:row-span-20{grid-row:span 20}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-21{flex:0 0 87.5%;max-width:87.5%}.xl\:offset-21{margin-left:87.5%}.xl\:count-21.flow{-moz-column-count:21;column-count:21}.xl\:count-21.grid-direction-vertical{grid-template-columns:repeat(21,minmax(0,1fr))}.xl\:count-21.grid-direction-horizontal{grid-template-rows:repeat(21,minmax(0,1fr))}.xl\:col-span-21{grid-column:span 21}.xl\:row-span-21{grid-row:span 21}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-22{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xl\:offset-22{margin-left:91.6666666667%}.xl\:count-22.flow{-moz-column-count:22;column-count:22}.xl\:count-22.grid-direction-vertical{grid-template-columns:repeat(22,minmax(0,1fr))}.xl\:count-22.grid-direction-horizontal{grid-template-rows:repeat(22,minmax(0,1fr))}.xl\:col-span-22{grid-column:span 22}.xl\:row-span-22{grid-row:span 22}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-23{flex:0 0 95.8333333333%;max-width:95.8333333333%}.xl\:offset-23{margin-left:95.8333333333%}.xl\:count-23.flow{-moz-column-count:23;column-count:23}.xl\:count-23.grid-direction-vertical{grid-template-columns:repeat(23,minmax(0,1fr))}.xl\:count-23.grid-direction-horizontal{grid-template-rows:repeat(23,minmax(0,1fr))}.xl\:col-span-23{grid-column:span 23}.xl\:row-span-23{grid-row:span 23}.xl\:col{flex-basis:0;flex-grow:1}.xl\:col-24{flex:0 0 100%;max-width:100%}.xl\:offset-24{margin-left:100%}.xl\:count-24.flow{-moz-column-count:24;column-count:24}.xl\:count-24.grid-direction-vertical{grid-template-columns:repeat(24,minmax(0,1fr))}.xl\:count-24.grid-direction-horizontal{grid-template-rows:repeat(24,minmax(0,1fr))}.xl\:col-span-24{grid-column:span 24}.xl\:row-span-24{grid-row:span 24}}@media (min-width:1536px){.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-1{flex:0 0 4.1666666667%;max-width:4.1666666667%}.xxl\:offset-1{margin-left:4.1666666667%}.xxl\:count-1.flow{-moz-column-count:1;column-count:1}.xxl\:count-1.grid-direction-vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.xxl\:count-1.grid-direction-horizontal{grid-template-rows:repeat(1,minmax(0,1fr))}.xxl\:col-span-1{grid-column:span 1}.xxl\:row-span-1{grid-row:span 1}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-2{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xxl\:offset-2{margin-left:8.3333333333%}.xxl\:count-2.flow{-moz-column-count:2;column-count:2}.xxl\:count-2.grid-direction-vertical{grid-template-columns:repeat(2,minmax(0,1fr))}.xxl\:count-2.grid-direction-horizontal{grid-template-rows:repeat(2,minmax(0,1fr))}.xxl\:col-span-2{grid-column:span 2}.xxl\:row-span-2{grid-row:span 2}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-3{flex:0 0 12.5%;max-width:12.5%}.xxl\:offset-3{margin-left:12.5%}.xxl\:count-3.flow{-moz-column-count:3;column-count:3}.xxl\:count-3.grid-direction-vertical{grid-template-columns:repeat(3,minmax(0,1fr))}.xxl\:count-3.grid-direction-horizontal{grid-template-rows:repeat(3,minmax(0,1fr))}.xxl\:col-span-3{grid-column:span 3}.xxl\:row-span-3{grid-row:span 3}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-4{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xxl\:offset-4{margin-left:16.6666666667%}.xxl\:count-4.flow{-moz-column-count:4;column-count:4}.xxl\:count-4.grid-direction-vertical{grid-template-columns:repeat(4,minmax(0,1fr))}.xxl\:count-4.grid-direction-horizontal{grid-template-rows:repeat(4,minmax(0,1fr))}.xxl\:col-span-4{grid-column:span 4}.xxl\:row-span-4{grid-row:span 4}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-5{flex:0 0 20.8333333333%;max-width:20.8333333333%}.xxl\:offset-5{margin-left:20.8333333333%}.xxl\:count-5.flow{-moz-column-count:5;column-count:5}.xxl\:count-5.grid-direction-vertical{grid-template-columns:repeat(5,minmax(0,1fr))}.xxl\:count-5.grid-direction-horizontal{grid-template-rows:repeat(5,minmax(0,1fr))}.xxl\:col-span-5{grid-column:span 5}.xxl\:row-span-5{grid-row:span 5}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-6{flex:0 0 25%;max-width:25%}.xxl\:offset-6{margin-left:25%}.xxl\:count-6.flow{-moz-column-count:6;column-count:6}.xxl\:count-6.grid-direction-vertical{grid-template-columns:repeat(6,minmax(0,1fr))}.xxl\:count-6.grid-direction-horizontal{grid-template-rows:repeat(6,minmax(0,1fr))}.xxl\:col-span-6{grid-column:span 6}.xxl\:row-span-6{grid-row:span 6}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-7{flex:0 0 29.1666666667%;max-width:29.1666666667%}.xxl\:offset-7{margin-left:29.1666666667%}.xxl\:count-7.flow{-moz-column-count:7;column-count:7}.xxl\:count-7.grid-direction-vertical{grid-template-columns:repeat(7,minmax(0,1fr))}.xxl\:count-7.grid-direction-horizontal{grid-template-rows:repeat(7,minmax(0,1fr))}.xxl\:col-span-7{grid-column:span 7}.xxl\:row-span-7{grid-row:span 7}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-8{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xxl\:offset-8{margin-left:33.3333333333%}.xxl\:count-8.flow{-moz-column-count:8;column-count:8}.xxl\:count-8.grid-direction-vertical{grid-template-columns:repeat(8,minmax(0,1fr))}.xxl\:count-8.grid-direction-horizontal{grid-template-rows:repeat(8,minmax(0,1fr))}.xxl\:col-span-8{grid-column:span 8}.xxl\:row-span-8{grid-row:span 8}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-9{flex:0 0 37.5%;max-width:37.5%}.xxl\:offset-9{margin-left:37.5%}.xxl\:count-9.flow{-moz-column-count:9;column-count:9}.xxl\:count-9.grid-direction-vertical{grid-template-columns:repeat(9,minmax(0,1fr))}.xxl\:count-9.grid-direction-horizontal{grid-template-rows:repeat(9,minmax(0,1fr))}.xxl\:col-span-9{grid-column:span 9}.xxl\:row-span-9{grid-row:span 9}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-10{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xxl\:offset-10{margin-left:41.6666666667%}.xxl\:count-10.flow{-moz-column-count:10;column-count:10}.xxl\:count-10.grid-direction-vertical{grid-template-columns:repeat(10,minmax(0,1fr))}.xxl\:count-10.grid-direction-horizontal{grid-template-rows:repeat(10,minmax(0,1fr))}.xxl\:col-span-10{grid-column:span 10}.xxl\:row-span-10{grid-row:span 10}.xxl\:col{flex-basis:0;flex-grow:1}.xxl\:col-11{flex:0 0 45.8333333333%;max-width:45.8333333333%}.xxl\:offset-11{margin-left:45.8333333333%}.xxl\:count-11.flow{-moz-column-count:11;column-count:11}.xxl\:count-11.grid-direction-vertical{grid-template-columns:repeat(11,minmax(0,1fr))}.xxl\:count-11.grid-direction-horizontal{grid-template-rows:repeat(11,minmax(0,1fr))}.xxl\:col-span-11{grid-column:span 11}.xxl\:row-span-11{grid-r