@ptcwebops/ptcw-design 0.4.4 → 0.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{icon-asset_5.cjs.entry.js → icon-asset_4.cjs.entry.js} +39 -62
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +65 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +11 -5
- package/dist/collection/components/ptc-link/ptc-link.css +1 -1
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +87 -16
- package/dist/custom-elements/index.js +41 -5
- package/dist/esm/{icon-asset_5.entry.js → icon-asset_4.entry.js} +41 -63
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-responsive-wrapper.entry.js +61 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-439c9e49.entry.js +7 -0
- package/dist/ptcw-design/p-91456c49.entry.js +1 -0
- package/dist/ptcw-design/p-ba5ae1ea.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +16 -4
- package/dist/types/components.d.ts +26 -10
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-4bacc49a.entry.js +0 -7
- package/dist/ptcw-design/p-5672aca0.entry.js +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); .is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1400px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1400px){.is-rtl-xxl{direction:rtl}}.is-placed-left{-ms-grid-row-align:left;-ms-grid-column-align:left;place-self:left}.is-placed-right{-ms-grid-row-align:right;-ms-grid-column-align:right;place-self:right}.is-placed-center{-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center}.is-placed-start{-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start}.is-placed-normal{-ms-grid-row-align:normal;-ms-grid-column-align:normal;place-self:normal}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}:root{--color-primary-uigrey:#3b4550;--color-primary-lightgrey:#d2d3d3;--color-primary-green:#6ebe4c;--color-primary-grey:#40434a;--color-secondary-turtlegreen:#74c34d;--color-secondary-tutlegreen-dark:#00783e;--color-secondary-turquoiseblue:#00acc8;--color-secondary-blue:#c3e1e9;--color-secondary-bg:#f3f3f3;--color-secondary-orange:#f38800;--color-secondary-grey:#707070;--color-black:#000000;--color-black-100:#111111;--color-white:#ffffff;--color-transparent:transparent;--button-shadow:0px 2px 4px rgba(2, 8, 20, 0.1), 0px 1px 2px rgba(2, 8, 20, 0.08);--button-shadow-hover:0 4px 6px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.08);--color-plm-grey:#20262A}:root{--color-white:#ffffff;--color-green-01:#E1F1E2;--color-green-02:#BDE1BF;--color-green-03:#97CF9B;--color-green-04:#7DC382;--color-green-05:#5CB463;--color-green-06:#33A13C;--color-green-07:#00890B;--color-green-08:#006E09;--color-green-09:#005807;--color-green-10:#004606;--color-green-11:#003805;--color-green-12:#002D04;--color-blue-01:#E1EDF6;--color-blue-02:#C3DDEE;--color-blue-03:#A1C9E5;--color-blue-04:#89BBDF;--color-blue-05:#6CAAD7;--color-blue-06:#4795CD;--color-blue-07:#197BC0;--color-blue-08:#14629A;--color-blue-09:#104E7B;--color-blue-10:#0D3E62;--color-blue-11:#0A324E;--color-blue-12:#08283E;--color-orange-01:#F8EDE3;--color-orange-02:#F0DBC7;--color-orange-03:#E7C7A7;--color-orange-04:#E1B991;--color-orange-05:#D9A876;--color-orange-06:#CF9254;--color-orange-07:#C37729;--color-orange-08:#9C5F21;--color-orange-09:#7D4C1A;--color-orange-10:#643D15;--color-orange-11:#503111;--color-orange-12:#40270E;--color-red-01:#FAE6E6;--color-red-02:#F4CDCD;--color-red-03:#EDB1B1;--color-red-04:#E99D9D;--color-red-05:#E38484;--color-red-06:#DC6565;--color-red-07:#D33E3E;--color-red-08:#A7232E;--color-red-09:#861C25;--color-red-10:#6B161E;--color-red-11:#561218;--color-red-12:#450E13;--color-gray-01:#F6F6F6;--color-gray-02:#E4E7E9;--color-gray-03:#BEC6CA;--color-gray-04:#AEB8BD;--color-gray-05:#9AA6AD;--color-gray-06:#819099;--color-gray-07:#617480;--color-gray-08:#4E5D66;--color-gray-09:#3E4A52;--color-gray-10:#323B42;--color-gray-11:#282F35;--color-gray-12:#20262A;--color-primary-green-new:var(--color-green-07);--color-primary-blue-new:var(--color-blue-07);--color-primary-orange-new:var(--color-orange-07);--color-primary-red-new:var(--color-red-07);--color-primary-gray-new:var(--color-gray-07);--color-primary-white-new:var(--color-white)}.background-plm-grey{background-color:var(--color-plm-grey)}.background-grey-10{background-color:var(--color-gray-10)}hr{height:1px;background-color:#eee;border:none}.ptc-ordered-list{margin-bottom:var(--ptc-element-spacing-03)}.ptc-ordered-list .ptc-list-item{color:var(--color-primary-uigrey);font-size:var(--ptc-font-size-small)}.ptc-unordered-list{margin-bottom:var(--ptc-element-spacing-03)}.ptc-unordered-list .ptc-list-item{color:#40434a;font-size:var(--ptc-font-size-small);line-height:20px}:root{--ptc-font-latin:"Raleway", sans-serif;--ptc-font-secondary-latin:"Rajdhani", sans-serif;--ptc-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
|
|
2
|
-
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ptc-font-size-xx-small:0.625rem;--ptc-font-size-x-small:0.75rem;--ptc-font-size-small:0.875rem;--ptc-font-size-medium:1rem;--ptc-font-size-large:1.25rem;--ptc-font-size-x-large:1.5rem;--ptc-font-size-xx-large:2.25rem;--ptc-font-size-xxx-large:3rem;--ptc-font-size-xxxx-large:4.5rem;--ptc-font-size-15:15px;--ptc-font-weight-thin:300;--ptc-font-weight-regular:400;--ptc-font-weight-medium:500;--ptc-font-weight-semibold:600;--ptc-font-weight-bold:700;--ptc-font-weight-extrabold:800;--ptc-font-weight-black:900;--ptc-letter-spacing-dense:-0.015em;--ptc-letter-spacing-normal:normal;--ptc-letter-spacing-loose:0.075em;--ptc-line-height-denser:1.4;--ptc-line-height-dense:1.6;--ptc-line-height-normal:1.8;--ptc-line-height-loose:2;--ptc-line-height-looser:2.2;--ptc-line-height-17:17px;--ptc-line-height-18:18px;--ptc-line-height-19:19px}html,body{font-family:var(--ptc-font-latin);width:100%;height:auto;padding:0;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p{color:var(--color-primary-grey);font-size:18px;line-height:21px;letter-spacing:0px;margin:14px 0px;font-weight:var(--ptc-font-weight-normal)}blockquote p{color:var(--color-primary-grey);line-height:27px;font-size:24px;letter-spacing:0.6px;font-style:italic}:root{--ptc-shadow-x-small:0 1px 0 #0d131e0d;--ptc-shadow-small:0 1px 2px #0d131e1a;--ptc-shadow-medium:0 2px 4px #0d131e1a;--ptc-shadow-large:0 2px 8px #0d131e1a;--ptc-shadow-x-large:0 4px 16px #0d131e1a}:root{--ptc-border-radius-small:0.125rem;--ptc-border-radius-medium:0.25rem;--ptc-border-radius-large:0.5rem;--ptc-border-radius-x-large:0.75rem;--ptc-border-radius-xx-large:1rem;--ptc-border-radius-circle:50%;--ptc-border-radius-pill:9999px;--ptc-clip-path-bottom-right:polygon(100% 0, 100% 70%, 84% 100%, 0 100%, 0 0)}.color-demo{width:2rem;height:2rem;border-radius:var(--ptc-border-radius-small);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-demo-2{width:2rem;height:2rem;border-radius:var(--ptc-border-radius-circle);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-palette-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.color-palette-grid .swatch-set{display:flex;flex-direction:column;flex-wrap:wrap;column-count:12;align-items:center;justify-content:space-evenly}.color-palette-grid .swatch-set .swatch{display:flex;flex-direction:row;align-items:center;align-content:center}.color-palette-grid .swatch-set .swatch .color-swatch{display:inline-block;width:3rem;height:3rem;margin:1rem;border-radius:var(--ptc-border-radius-circle);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-palette-grid .swatch-set .swatch .swatch-text span{display:block;margin-right:0.5rem;color:var(--color-primary-gray)}.border-radius-demo{width:3rem;height:3rem;background:var(--color-primary-lightgrey)}.transition-demo{position:relative;background:var(--color-primary-lightgrey);width:8rem;height:2rem}.transition-demo:after{content:"";position:absolute;background-color:var(--color-primary-lightgrey);top:0;left:0;width:0;height:100%;transition-duration:inherit;transition-property:width}.transition-demo:hover:after{width:100%}.sl-theme-dark .transition-demo{background:var(--color-primary-lightgrey)}.spacing-demo{width:100px;background:var(--color-secondary-blue)}.elevation-demo{background:var(--color-white);border-radius:var(--ptc-border-radius-small);width:4rem;height:4rem}.sl-theme-dark .elevation-demo{background-color:var(--color-primary-lightgrey)}.grid-demo-wrapper{width:500px;border:1px solid var(--color-primary-lightgrey)}.grid-demo-style>div{background-color:var(--color-primary-grey);color:var(--color-white);border-radius:var(--ptc-border-radius-medium);font-size:var(--ptc-font-size-medium);padding:var(--ptc-element-spacing-04)}.grid-demo-child-style{width:100%}.grid-demo-child-style>div{background-color:var(--color-white);border-radius:var(--ptc-border-radius-medium);color:var(--color-primary-uigrey);padding:var(--ptc-element-spacing-04)}.title-demo-wrapper{width:100%;border:1px solid var(--color-primary-lightgrey);padding:var(--ptc-element-spacing-04);height:300px}.img-demo{height:400px;width:100%}@media screen and (min-width: 768px){.img-demo{height:550px;width:100%}}@media screen and (min-width: 1200px){.img-demo{height:650px;width:100%}}.demo-with-bgcolor{width:100%;border:1px solid var(--color-primary-lightgrey);padding:var(--ptc-element-spacing-04);background-color:var(--color-gray-10);height:auto}.demo-plm-bgcolor{background-color:var(--color-plm-grey)}:root{--col-gap-sm:0.5rem;--col-gap:1rem;--col-gap-md:1.5rem;--col-gap-lg:2rem;--row-gap-sm:0.5rem;--row-gap:1rem;--row-gap-md:1.5rem;--row-gap-lg:2rem;--spacing-sm:0.5rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem}.has-col-gap-sm{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm{grid-row-gap:var(--spacing-sm)}.has-m-sm{margin:var(--spacing-sm)}.has-m-top-sm{margin-top:var(--spacing-sm)}.has-m-right-sm{margin-right:var(--spacing-sm)}.has-m-bottom-sm{margin-bottom:var(--spacing-sm)}.has-m-left-sm{margin-left:var(--spacing-sm)}.has-m{margin:var(--spacing)}.has-m-top{margin-top:var(--spacing)}.has-m-right{margin-right:var(--spacing)}.has-m-bottom{margin-bottom:var(--spacing)}.has-m-left{margin-left:var(--spacing)}.has-m-md{margin:var(--spacing-md)}.has-m-top-md{margin-top:var(--spacing-md)}.has-m-right-md{margin-right:var(--spacing-md)}.has-m-bottom-md{margin-bottom:var(--spacing-md)}.has-m-left-md{margin-left:var(--spacing-md)}.has-m-lg{margin:var(--spacing-lg)}.has-m-top-lg{margin-top:var(--spacing-lg)}.has-m-right-lg{margin-right:var(--spacing-lg)}.has-m-bottom-lg{margin-bottom:var(--spacing-lg)}.has-m-left-lg{margin-left:var(--spacing-lg)}.has-no-m{margin:0}.has-no-top-m{margin-top:0}.has-no-right-m{margin-right:0}.has-no-bottom-m{margin-bottom:0}.has-no-left-m{margin-left:0}.has-p-sm{padding:var(--spacing-sm)}.has-p-top-sm{padding-top:var(--spacing-sm)}.has-p-right-sm{padding-right:var(--spacing-sm)}.has-p-bottom-sm{padding-bottom:var(--spacing-sm)}.has-p-left-sm{padding-left:var(--spacing-sm)}.has-p{padding:var(--spacing)}.has-p-top{padding-top:var(--spacing)}.has-p-right{padding-right:var(--spacing)}.has-p-bottom{padding-bottom:var(--spacing)}.has-p-left{padding-left:var(--spacing)}.has-p-md{padding:var(--spacing-md)}.has-p-top-md{padding-top:var(--spacing-md)}.has-p-right-md{padding-right:var(--spacing-md)}.has-p-bottom-md{padding-bottom:var(--spacing-md)}.has-p-left-md{padding-left:var(--spacing-md)}.has-p-lg{padding:var(--spacing-lg)}.has-p-top-lg{padding-top:var(--spacing-lg)}.has-p-right-lg{padding-right:var(--spacing-lg)}.has-p-bottom-lg{padding-bottom:var(--spacing-lg)}.has-p-left-lg{padding-left:var(--spacing-lg)}.has-no-p{margin:0}.has-no-top-p{padding-top:0}.has-no-right-p{padding-right:0}.has-no-bottom-p{padding-bottom:0}.has-no-left-p{padding-left:0}.is-centered{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block{display:block}@media screen and (min-width: 575.5px){.is-block-xs{display:block}}@media screen and (min-width: 576px){.is-block-sm{display:block}}@media screen and (min-width: 768px){.is-block-md{display:block}}@media screen and (min-width: 992px){.is-block-lg{display:block}}@media screen and (min-width: 1200px){.is-block-xl{display:block}}@media screen and (min-width: 1400px){.is-block-xxl{display:block}}.is-inline-block{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm{display:inline-block}}@media screen and (min-width: 768px){.is-inline-block-md{display:inline-block}}@media screen and (min-width: 992px){.is-inline-block-lg{display:inline-block}}@media screen and (min-width: 1200px){.is-inline-block-xl{display:inline-block}}@media screen and (min-width: 1400px){.is-inline-block-xxl{display:inline-block}}.is-flex{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm{display:-webkit-box;display:flex}}@media screen and (min-width: 768px){.is-flex-md{display:-webkit-box;display:flex}}@media screen and (min-width: 992px){.is-flex-lg{display:-webkit-box;display:flex}}@media screen and (min-width: 1200px){.is-flex-xl{display:-webkit-box;display:flex}}@media screen and (min-width: 1400px){.is-flex-xxl{display:-webkit-box;display:flex}}.is-inline-flex{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 768px){.is-inline-flex-md{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 992px){.is-inline-flex-lg{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 1200px){.is-inline-flex-xl{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 1400px){.is-inline-flex-xxl{display:-webkit-inline-box;display:inline-flex}}.is-device{display:none}.is-screen{display:block}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device{display:block}.is-screen{display:none}}.is-flexBasis-half{flex-basis:50%}.is-table{display:table !important}.is-tableCell{display:table-cell !important}.is-widthFull{width:100% !important}:root{--ptc-element-spacing-01:0.25rem;--ptc-element-spacing-02:0.5rem;--ptc-element-spacing-03:0.75rem;--ptc-element-spacing-04:1rem;--ptc-element-spacing-05:1.5rem;--ptc-element-spacing-06:2rem;--ptc-element-spacing-07:2.5rem;--ptc-layout-spacing-01:0.5rem;--ptc-layout-spacing-02:1rem;--ptc-layout-spacing-03:1.5rem;--ptc-layout-spacing-04:2rem;--ptc-layout-spacing-05:4rem;--ptc-layout-spacing-06:5rem;}:root{--ptc-transition-x-fast:100ms;--ptc-transition-faster:150ms;--ptc-transition-fast:200ms;--ptc-transition-medium:250ms;--ptc-transition-slow:300ms;--ptc-transition-slower:500ms;--ptc-transition-x-slow:1000ms;--ptc-standard-ease:cubic-bezier(0.4, 0.0, 0.2, 1);--ptc-decelerated-ease:cubic-bezier(0.0, 0.0, 0.2, 1);--ptc-acceletated-ease:cubic-bezier(0.4, 0.0, 1, 1);--ptc-delay-medium:50ms}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}@media screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}}@media screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}}@media screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}}@media screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}}@media screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}}@media screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}}@media screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-primary-green) !important}.u-textGreen2{color:var(--color-secondary-turtlegreen) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}@media screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}:root{--min-width-xs:480px;--min-width-sm:768px;--min-width-md:992px;--min-width-lg:1200px;--min-width-xl:1440px;--min-width-xxl:1600px;--min-width-2k:1980px;--min-width-4k:2600px}.ptc-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.ptc-container{width:750px}}@media only screen and (min-width: 992px){.ptc-container{width:970px}}@media only screen and (min-width: 1200px){.ptc-container{width:1170px}}@media only screen and (min-width: 1440px){.ptc-container{width:1400px}}@media only screen and (min-width: 1600px){.ptc-container{width:1560px}}@media only screen and (min-width: 1980px){.ptc-container{width:1880px}}@media only screen and (min-width: 2600px){.ptc-container{width:1920px}}.ptc-plm-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-plm-container{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-plm-container{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-plm-container{padding-left:var(--ptc-element-spacing-07);padding-right:var(--ptc-element-spacing-07)}}@media only screen and (min-width: 1980px){.ptc-plm-container{padding-left:0px;padding-right:0px;width:1900px}}@media only screen and (min-width: 2600px){.ptc-plm-container{padding-left:0px;padding-right:0px;width:1900px}}.ptc-video-dim{height:216px;width:100%;display:block}@media only screen and (min-width: 480px){.ptc-video-dim{height:348px;width:100%}}@media only screen and (min-width: 768px){.ptc-video-dim{height:396px;width:100%}}@media only screen and (min-width: 992px){.ptc-video-dim{height:347px;width:100%}}@media only screen and (min-width: 1200px){.ptc-video-dim{height:468px;width:100%}}@media only screen and (min-width: 1440px){.ptc-video-dim{height:569px;width:100%}}@media only screen and (min-width: 1600px){.ptc-video-dim{height:764px;width:100%}}*{box-sizing:border-box}*::selection,*::-moz-selection{background:var(--color-secondary-bg)}.ptc-background-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ptc-image-container{height:100%;width:auto;position:relative;box-shadow:var(--ptc-shadow-medium)}
|
|
2
|
+
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--ptc-font-size-xx-small:0.625rem;--ptc-font-size-x-small:0.75rem;--ptc-font-size-small:0.875rem;--ptc-font-size-medium:1rem;--ptc-font-size-large:1.25rem;--ptc-font-size-x-large:1.5rem;--ptc-font-size-xx-large:2.25rem;--ptc-font-size-xxx-large:3rem;--ptc-font-size-xxxx-large:4.5rem;--ptc-font-size-15:15px;--ptc-font-weight-thin:300;--ptc-font-weight-regular:400;--ptc-font-weight-medium:500;--ptc-font-weight-semibold:600;--ptc-font-weight-bold:700;--ptc-font-weight-extrabold:800;--ptc-font-weight-black:900;--ptc-letter-spacing-dense:-0.015em;--ptc-letter-spacing-normal:normal;--ptc-letter-spacing-loose:0.075em;--ptc-line-height-denser:1.4;--ptc-line-height-dense:1.6;--ptc-line-height-normal:1.8;--ptc-line-height-loose:2;--ptc-line-height-looser:2.2;--ptc-line-height-17:17px;--ptc-line-height-18:18px;--ptc-line-height-19:19px}html,body{font-family:var(--ptc-font-latin);width:100%;height:auto;padding:0;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}p{color:var(--color-primary-grey);font-size:18px;line-height:21px;letter-spacing:0px;margin:14px 0px;font-weight:var(--ptc-font-weight-normal)}blockquote p{color:var(--color-primary-grey);line-height:27px;font-size:24px;letter-spacing:0.6px;font-style:italic}:root{--ptc-shadow-x-small:0 1px 0 #0d131e0d;--ptc-shadow-small:0 1px 2px #0d131e1a;--ptc-shadow-medium:0 2px 4px #0d131e1a;--ptc-shadow-large:0 2px 8px #0d131e1a;--ptc-shadow-x-large:0 4px 16px #0d131e1a}:root{--ptc-border-radius-small:0.125rem;--ptc-border-radius-medium:0.25rem;--ptc-border-radius-large:0.5rem;--ptc-border-radius-x-large:0.75rem;--ptc-border-radius-xx-large:1rem;--ptc-border-radius-circle:50%;--ptc-border-radius-pill:9999px;--ptc-clip-path-bottom-right:polygon(100% 0, 100% 70%, 84% 100%, 0 100%, 0 0)}.color-demo{width:2rem;height:2rem;border-radius:var(--ptc-border-radius-small);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-demo-2{width:2rem;height:2rem;border-radius:var(--ptc-border-radius-circle);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-palette-grid{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.color-palette-grid .swatch-set{display:flex;flex-direction:column;flex-wrap:wrap;column-count:12;align-items:center;justify-content:space-evenly}.color-palette-grid .swatch-set .swatch{display:flex;flex-direction:row;align-items:center;align-content:center}.color-palette-grid .swatch-set .swatch .color-swatch{display:inline-block;width:3rem;height:3rem;margin:1rem;border-radius:var(--ptc-border-radius-circle);box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.33)}.color-palette-grid .swatch-set .swatch .swatch-text span{display:block;margin-right:0.5rem;color:var(--color-primary-gray)}.border-radius-demo{width:3rem;height:3rem;background:var(--color-primary-lightgrey)}.transition-demo{position:relative;background:var(--color-primary-lightgrey);width:8rem;height:2rem}.transition-demo:after{content:"";position:absolute;background-color:var(--color-primary-lightgrey);top:0;left:0;width:0;height:100%;transition-duration:inherit;transition-property:width}.transition-demo:hover:after{width:100%}.sl-theme-dark .transition-demo{background:var(--color-primary-lightgrey)}.spacing-demo{width:100px;background:var(--color-secondary-blue)}.elevation-demo{background:var(--color-white);border-radius:var(--ptc-border-radius-small);width:4rem;height:4rem}.sl-theme-dark .elevation-demo{background-color:var(--color-primary-lightgrey)}.grid-demo-wrapper{width:500px;border:1px solid var(--color-primary-lightgrey)}.grid-demo-style>div{background-color:var(--color-primary-grey);color:var(--color-white);border-radius:var(--ptc-border-radius-medium);font-size:var(--ptc-font-size-medium);padding:var(--ptc-element-spacing-04)}.grid-demo-child-style{width:100%}.grid-demo-child-style>div{background-color:var(--color-white);border-radius:var(--ptc-border-radius-medium);color:var(--color-primary-uigrey);padding:var(--ptc-element-spacing-04)}.title-demo-wrapper{width:100%;border:1px solid var(--color-primary-lightgrey);padding:var(--ptc-element-spacing-04);height:300px}.img-demo{height:400px;width:100%}@media screen and (min-width: 768px){.img-demo{height:550px;width:100%}}@media screen and (min-width: 1200px){.img-demo{height:650px;width:100%}}.demo-with-bgcolor{width:100%;border:1px solid var(--color-primary-lightgrey);padding:var(--ptc-element-spacing-04);background-color:var(--color-gray-10);height:auto}.demo-plm-bgcolor{background-color:var(--color-plm-grey)}:root{--col-gap-sm:0.5rem;--col-gap:1rem;--col-gap-md:1.5rem;--col-gap-lg:2rem;--row-gap-sm:0.5rem;--row-gap:1rem;--row-gap-md:1.5rem;--row-gap-lg:2rem;--spacing-sm:0.5rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem}.has-col-gap-sm{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm{grid-row-gap:var(--spacing-sm)}.has-m-sm{margin:var(--spacing-sm)}.has-m-top-sm{margin-top:var(--spacing-sm)}.has-m-right-sm{margin-right:var(--spacing-sm)}.has-m-bottom-sm{margin-bottom:var(--spacing-sm)}.has-m-left-sm{margin-left:var(--spacing-sm)}.has-m{margin:var(--spacing)}.has-m-top{margin-top:var(--spacing)}.has-m-right{margin-right:var(--spacing)}.has-m-bottom{margin-bottom:var(--spacing)}.has-m-left{margin-left:var(--spacing)}.has-m-md{margin:var(--spacing-md)}.has-m-top-md{margin-top:var(--spacing-md)}.has-m-right-md{margin-right:var(--spacing-md)}.has-m-bottom-md{margin-bottom:var(--spacing-md)}.has-m-left-md{margin-left:var(--spacing-md)}.has-m-lg{margin:var(--spacing-lg)}.has-m-top-lg{margin-top:var(--spacing-lg)}.has-m-right-lg{margin-right:var(--spacing-lg)}.has-m-bottom-lg{margin-bottom:var(--spacing-lg)}.has-m-left-lg{margin-left:var(--spacing-lg)}.has-no-m{margin:0}.has-no-top-m{margin-top:0}.has-no-right-m{margin-right:0}.has-no-bottom-m{margin-bottom:0}.has-no-left-m{margin-left:0}.has-p-sm{padding:var(--spacing-sm)}.has-p-top-sm{padding-top:var(--spacing-sm)}.has-p-right-sm{padding-right:var(--spacing-sm)}.has-p-bottom-sm{padding-bottom:var(--spacing-sm)}.has-p-left-sm{padding-left:var(--spacing-sm)}.has-p{padding:var(--spacing)}.has-p-top{padding-top:var(--spacing)}.has-p-right{padding-right:var(--spacing)}.has-p-bottom{padding-bottom:var(--spacing)}.has-p-left{padding-left:var(--spacing)}.has-p-md{padding:var(--spacing-md)}.has-p-top-md{padding-top:var(--spacing-md)}.has-p-right-md{padding-right:var(--spacing-md)}.has-p-bottom-md{padding-bottom:var(--spacing-md)}.has-p-left-md{padding-left:var(--spacing-md)}.has-p-lg{padding:var(--spacing-lg)}.has-p-top-lg{padding-top:var(--spacing-lg)}.has-p-right-lg{padding-right:var(--spacing-lg)}.has-p-bottom-lg{padding-bottom:var(--spacing-lg)}.has-p-left-lg{padding-left:var(--spacing-lg)}.has-no-p{margin:0}.has-no-top-p{padding-top:0}.has-no-right-p{padding-right:0}.has-no-bottom-p{padding-bottom:0}.has-no-left-p{padding-left:0}.is-centered{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block{display:block}@media screen and (min-width: 575.5px){.is-block-xs{display:block}}@media screen and (min-width: 576px){.is-block-sm{display:block}}@media screen and (min-width: 768px){.is-block-md{display:block}}@media screen and (min-width: 992px){.is-block-lg{display:block}}@media screen and (min-width: 1200px){.is-block-xl{display:block}}@media screen and (min-width: 1400px){.is-block-xxl{display:block}}.is-inline-block{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm{display:inline-block}}@media screen and (min-width: 768px){.is-inline-block-md{display:inline-block}}@media screen and (min-width: 992px){.is-inline-block-lg{display:inline-block}}@media screen and (min-width: 1200px){.is-inline-block-xl{display:inline-block}}@media screen and (min-width: 1400px){.is-inline-block-xxl{display:inline-block}}.is-flex{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm{display:-webkit-box;display:flex}}@media screen and (min-width: 768px){.is-flex-md{display:-webkit-box;display:flex}}@media screen and (min-width: 992px){.is-flex-lg{display:-webkit-box;display:flex}}@media screen and (min-width: 1200px){.is-flex-xl{display:-webkit-box;display:flex}}@media screen and (min-width: 1400px){.is-flex-xxl{display:-webkit-box;display:flex}}.is-inline-flex{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 768px){.is-inline-flex-md{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 992px){.is-inline-flex-lg{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 1200px){.is-inline-flex-xl{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 1400px){.is-inline-flex-xxl{display:-webkit-inline-box;display:inline-flex}}.is-device{display:none}.is-screen{display:block}.is-medium{display:block !important}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device{display:block}.is-screen{display:none}}@media only screen and (min-width: 992px){.is-medium{display:none !important}}.is-flexBasis-half{flex-basis:50%}.is-table{display:table !important}.is-tableCell{display:table-cell !important}.is-widthFull{width:100% !important}:root{--ptc-element-spacing-01:0.25rem;--ptc-element-spacing-02:0.5rem;--ptc-element-spacing-03:0.75rem;--ptc-element-spacing-04:1rem;--ptc-element-spacing-05:1.5rem;--ptc-element-spacing-06:2rem;--ptc-element-spacing-07:2.5rem;--ptc-layout-spacing-01:0.5rem;--ptc-layout-spacing-02:1rem;--ptc-layout-spacing-03:1.5rem;--ptc-layout-spacing-04:2rem;--ptc-layout-spacing-05:4rem;--ptc-layout-spacing-06:5rem;}:root{--ptc-transition-x-fast:100ms;--ptc-transition-faster:150ms;--ptc-transition-fast:200ms;--ptc-transition-medium:250ms;--ptc-transition-slow:300ms;--ptc-transition-slower:500ms;--ptc-transition-x-slow:1000ms;--ptc-standard-ease:cubic-bezier(0.4, 0.0, 0.2, 1);--ptc-decelerated-ease:cubic-bezier(0.0, 0.0, 0.2, 1);--ptc-acceletated-ease:cubic-bezier(0.4, 0.0, 1, 1);--ptc-delay-medium:50ms}.u-para-sm{font-size:var(--ptc-font-size-small) !important}.u-para-md{font-size:var(--ptc-font-size-medium) !important}.u-para-lg{font-size:var(--ptc-font-size-large) !important}.u-para-xl{font-size:var(--ptc-font-size-x-large) !important}.u-para-xxl{font-size:var(--ptc-font-size-xx-large) !important}@media screen and (min-width: 768px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.05vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.05vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.05vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.05vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.05vw) !important}}@media screen and (min-width: 992px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.1vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.1vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.1vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.1vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.1vw) !important}}@media screen and (min-width: 1200px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.15vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.15vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.15vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.15vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.15vw) !important}}@media screen and (min-width: 1440px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.2vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.2vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.2vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.2vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.2vw) !important}}@media screen and (min-width: 1600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.25vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.25vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.25vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.25vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.25vw) !important}}@media screen and (min-width: 1980px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.3vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.3vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.3vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.3vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.3vw) !important}}@media screen and (min-width: 2600px){.u-para-sm{font-size:calc(var(--ptc-font-size-small) + 0.35vw) !important}.u-para-md{font-size:calc(var(--ptc-font-size-medium) + 0.35vw) !important}.u-para-lg{font-size:calc(var(--ptc-font-size-large) + 0.35vw) !important}.u-para-xl{font-size:calc(var(--ptc-font-size-x-large) + 0.35vw) !important}.u-para-xxl{font-size:calc(var(--ptc-font-size-xx-large) + 0.35vw) !important}}.u-para-body{font-size:var(--ptc-font-size-medium) !important}.u-color-white{color:var(--color-white) !important}.u-uppercase{text-transform:uppercase !important}.u-margin-flush{margin:0 !important}.u-marginTop-flush{margin-top:0 !important}.u-marginLeft-flush{margin-left:0 !important}.u-marginRight-flush{margin-right:0 !important}.u-marginBottom-flush{margin-bottom:0 !important}.u-padding-flush{padding:0 !important}.u-paddingTop-flush{padding-top:0 !important}.u-paddingLeft-flush{padding-left:0 !important}.u-paddingRight-flush{padding-right:0 !important}.u-paddingBottom-flush{padding-bottom:0 !important}.u-textAlign-ctr{text-align:center !important}.u-textAlign-right{text-align:right !important}.u-textAlign-left{text-align:left !important}.u-textWhite{color:var(--color-white) !important}.u-textGreen1{color:var(--color-primary-green) !important}.u-textGreen2{color:var(--color-secondary-turtlegreen) !important}.u-text-nowrap{white-space:nowrap}.u-text-bold{font-weight:var(--ptc-font-weight-bold)}.u-text-thin{font-weight:var(--ptc-font-weight-thin)}.u-textStyle-normal{font-style:normal !important}.u-no-scroll{overflow:hidden}.u-background-reset{background-color:transparent !important}.u-white-overylay{background:rgba(242, 242, 242, 0.9)}.u-cursor-pointer{cursor:pointer}.u-clear{clear:both}@media screen and (min-width: 768px){.u-hero-width{width:525px}.u-margin-center{margin:0 auto}.u-justify-self-end{justify-self:flex-end}}.u-hero-pushup{transform:translateY(-120px)}@media screen and (min-width: 768px){.u-hero-pushup{transform:translateY(-144px)}}:root{--min-width-xs:480px;--min-width-sm:768px;--min-width-md:992px;--min-width-lg:1200px;--min-width-xl:1440px;--min-width-xxl:1600px;--min-width-2k:1980px;--min-width-4k:2600px}.ptc-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 768px){.ptc-container{width:750px}}@media only screen and (min-width: 992px){.ptc-container{width:970px}}@media only screen and (min-width: 1200px){.ptc-container{width:1170px}}@media only screen and (min-width: 1440px){.ptc-container{width:1400px}}@media only screen and (min-width: 1600px){.ptc-container{width:1560px}}@media only screen and (min-width: 1980px){.ptc-container{width:1880px}}@media only screen and (min-width: 2600px){.ptc-container{width:1920px}}.ptc-plm-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-plm-container{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-plm-container{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-plm-container{padding-left:var(--ptc-element-spacing-07);padding-right:var(--ptc-element-spacing-07)}}@media only screen and (min-width: 1980px){.ptc-plm-container{padding-left:0px;padding-right:0px;width:1900px}}@media only screen and (min-width: 2600px){.ptc-plm-container{padding-left:0px;padding-right:0px;width:1900px}}.ptc-video-dim{height:216px;width:100%;display:block}@media only screen and (min-width: 480px){.ptc-video-dim{height:348px;width:100%}}@media only screen and (min-width: 768px){.ptc-video-dim{height:396px;width:100%}}@media only screen and (min-width: 992px){.ptc-video-dim{height:347px;width:100%}}@media only screen and (min-width: 1200px){.ptc-video-dim{height:468px;width:100%}}@media only screen and (min-width: 1440px){.ptc-video-dim{height:569px;width:100%}}@media only screen and (min-width: 1600px){.ptc-video-dim{height:764px;width:100%}}*{box-sizing:border-box}*::selection,*::-moz-selection{background:var(--color-secondary-bg)}.ptc-background-wrapper{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ptc-image-container{height:100%;width:auto;position:relative;box-shadow:var(--ptc-shadow-medium)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as t}from"./p-0e571387.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-b26e2c72",[[1,"ptc-breadcrumb"]]],["p-68bcb24d",[[1,"ptc-hero",{heroType:[1,"hero-type"],bgUrl:[1,"bg-url"]}]]],["p-87bc2b6f",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1]}]]],["p-
|
|
1
|
+
import{p as e,b as t}from"./p-0e571387.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t([["p-b26e2c72",[[1,"ptc-breadcrumb"]]],["p-68bcb24d",[[1,"ptc-hero",{heroType:[1,"hero-type"],bgUrl:[1,"bg-url"]}]]],["p-87bc2b6f",[[1,"ptc-card",{cardType:[1,"card-type"],cardHref:[1,"card-href"],target:[1],rel:[1],hasImage:[4,"has-image"],hasVideo:[4,"has-video"],hasLottie:[4,"has-lottie"],heading:[1],headingTransform:[1,"heading-transform"],cardDate:[1,"card-date"],styles:[1]}]]],["p-ba5ae1ea",[[1,"ptc-link",{disabled:[516],external:[516],href:[1],target:[1],linkTitle:[1,"link-title"],theme:[1],uppercase:[4],fontSize:[1,"font-size"]}]]],["p-aa4f80c6",[[1,"ptc-lottie",{jsonSrc:[1025,"json-src"],speed:[1026]}]]],["p-66912e75",[[1,"ptc-social-share",{display:[1],shareType:[1,"share-type"],shareTitle:[1,"share-title"],text:[1],url:[1],source:[1],recipient:[1],isHover:[32]}]]],["p-6106d579",[[1,"my-component",{first:[1],middle:[1],last:[1]}]]],["p-6402cb6d",[[1,"ptc-button",{disabled:[516],type:[1],color:[1],iconAnimation:[1,"icon-animation"],iconPosition:[1,"icon-position"],linkHref:[1,"link-href"],linkTitle:[1,"link-title"],target:[1],rel:[1],tabNav:[2,"tab-nav"],styles:[1]}]]],["p-b6757552",[[1,"ptc-card-bottom",{cardType:[1,"card-type"],styles:[1]}]]],["p-64c98ea6",[[1,"ptc-card-content",{cardType:[1,"card-type"],styles:[1]}]]],["p-c47b4ebf",[[1,"ptc-card-plm",{cardType:[1,"card-type"],cardLink:[1,"card-link"],linkTitle:[1,"link-title"],linkTarget:[1,"link-target"]}]]],["p-59a5663a",[[1,"ptc-countdown"]]],["p-9367272c",[[1,"ptc-footer"]]],["p-3a174881",[[6,"ptc-form",{value:[32],inputValue:[32],selectValue:[32]}]]],["p-525faf32",[[6,"ptc-input",{type:[1],dataEloquaName:[1,"data-eloqua-name"],inputId:[1,"input-id"],inputName:[1,"input-name"],focused:[32]}]]],["p-7cea01d0",[[2,"ptc-list",{listType:[1,"list-type"],listItems:[16]}]]],["p-75cc322d",[[1,"ptc-modal",{iframeUrl:[1025,"iframe-url"],size:[1025],show:[1028],overlay:[1028],closeOnBlur:[1028,"close-on-blur"],overlayHeight:[32],bodyOverflowSetting:[32]}]]],["p-9b5a3528",[[1,"ptc-nav"]]],["p-2f78af32",[[1,"ptc-nav-item",{url:[1025],label:[1025],ariaExpanded:[1028,"aria-expanded"],depth:[1538],hasChildren:[1028,"has-children"],parentExpanded:[1540,"parent-expanded"],navType:[1,"nav-type"]},[[0,"handleClick","handleClick"],[9,"resize","handleResize"]]]]],["p-bb7e7943",[[1,"ptc-para",{fontSize:[1,"font-size"],fontWeight:[1,"font-weight"],paraStyle:[1,"para-style"],paraColor:[1,"para-color"],paraLineH:[1,"para-line-h"],paraMargin:[1,"para-margin"]}]]],["p-1e39bc14",[[1,"ptc-picture",{src:[1],alt:[1],sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imagePosition:[1,"image-position"],borderRadius:[1,"border-radius"],height:[1],width:[1],objectFit:[1,"object-fit"],isFullHeight:[4,"is-full-height"],isFullWidth:[4,"is-full-width"],styles:[1],oldSrc:[32]},[[9,"resize","WindowResize"]]]]],["p-91456c49",[[1,"ptc-responsive-wrapper"]]],["p-4ba0046d",[[6,"ptc-select",{dataEloquaName:[1,"data-eloqua-name"],selectId:[1,"select-id"],name:[1],valueOptions:[1040]}]]],["p-ce2134e1",[[1,"ptc-spacer",{breakpoint:[1],size:[1],direction:[1]}]]],["p-a4300906",[[1,"ptc-span",{spanStyle:[1,"span-style"],display:[1],styles:[1]}]]],["p-bfe3ac5b",[[6,"ptc-title",{isPlmHub:[4,"is-plm-hub"],type:[1],textAlign:[1,"text-align"],upperline:[1],titleShadow:[1,"title-shadow"],titleMargin:[1,"title-margin"],titleWeight:[1,"title-weight"],titleSize:[1,"title-size"],titleLHeight:[1,"title-l-height"],styles:[1]}]]],["p-80c03571",[[1,"list-item",{listType:[1,"list-type"],linkHref:[1,"link-href"],flushBefore:[4,"flush-before"]}]]],["p-74a72a40",[[1,"lottie-player",{mode:[1],autoplay:[4],background:[513],controls:[4],count:[2],direction:[2],hover:[4],loop:[516],renderer:[1],speed:[2],src:[1],currentState:[1,"current-state"],seeker:[8],intermission:[2],play:[64],pause:[64],stop:[64],seek:[64],getLottie:[64],setSpeed:[64],setDirection:[64],setLooping:[64],togglePlay:[64],toggleLooping:[64]}]]],["p-7b60638a",[[1,"ptc-date",{year:[2],month:[2],day:[2],country:[1],dateString:[1,"date-string"],dateColor:[1,"date-color"],dateStyles:[1,"date-styles"],dataSize:[1,"data-size"]}]]],["p-27538cac",[[4,"ptc-img",{sizeXs:[1025,"size-xs"],sizeSm:[1025,"size-sm"],sizeMd:[1025,"size-md"],sizeLg:[1025,"size-lg"],imgUrl:[1,"img-url"],imageType:[1,"image-type"],borderRadius:[1,"border-radius"],loadMode:[1,"load-mode"]},[[9,"resize","WindowResize"]]],[1,"ptc-overlay",{filterColor:[1,"filter-color"],borderRadius:[1,"border-radius"],overlayZIndex:[1,"overlay-z-index"],styles:[1]}]]],["p-439c9e49",[[1,"ptc-announcement",{barTitle:[1,"bar-title"],Description:[1,"description"],linkText:[513,"link-text"],visible:[1540],linkUrl:[513,"link-url"],tempContainer:[4,"temp-container"]}],[0,"ptc-mobile-select",{triggerName:[1,"trigger-name"],selectedText:[1,"selected-text"],wheelData:[1040],selectedId:[1,"selected-id"],ensureBtnText:[1,"ensure-btn-text"],cancelBtnText:[1,"cancel-btn-text"],listTitle:[1,"list-title"],linkUrl:[1025,"link-url"]}],[1,"ptc-svg-btn",{svgName:[1,"svg-name"],display:[1]}],[2,"icon-asset",{name:[1],size:[1],type:[1],spin:[1],pulse:[1],color:[1]}]]]],e)));
|
|
@@ -4,15 +4,27 @@ export declare class PtcMobileSelect {
|
|
|
4
4
|
*/
|
|
5
5
|
triggerName: string;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Selected Text (Mandatory)
|
|
8
8
|
*/
|
|
9
|
-
|
|
9
|
+
selectedText: string;
|
|
10
|
+
/**
|
|
11
|
+
* Wheel Data (Mandatory)
|
|
12
|
+
* eg: data: [{ id: "1", value: "附近" }],
|
|
13
|
+
*/
|
|
14
|
+
wheelData: string[];
|
|
15
|
+
/**
|
|
16
|
+
* Selected Id
|
|
17
|
+
* - initialize the id(string) of default wheel
|
|
18
|
+
*/
|
|
19
|
+
selectedId: string;
|
|
10
20
|
/**
|
|
11
21
|
* Confirm Text
|
|
22
|
+
* - translation goes here
|
|
12
23
|
*/
|
|
13
24
|
ensureBtnText: string;
|
|
14
25
|
/**
|
|
15
26
|
* Cancel Text
|
|
27
|
+
* - translation goes here
|
|
16
28
|
*/
|
|
17
29
|
cancelBtnText: string;
|
|
18
30
|
/**
|
|
@@ -20,9 +32,9 @@ export declare class PtcMobileSelect {
|
|
|
20
32
|
*/
|
|
21
33
|
listTitle: string;
|
|
22
34
|
/**
|
|
23
|
-
*
|
|
35
|
+
* link url
|
|
24
36
|
*/
|
|
25
|
-
|
|
37
|
+
linkUrl: string;
|
|
26
38
|
render(): any;
|
|
27
39
|
componentDidRender(): void;
|
|
28
40
|
}
|
|
@@ -331,27 +331,35 @@ export namespace Components {
|
|
|
331
331
|
}
|
|
332
332
|
interface PtcMobileSelect {
|
|
333
333
|
/**
|
|
334
|
-
* Cancel Text
|
|
334
|
+
* Cancel Text - translation goes here
|
|
335
335
|
*/
|
|
336
336
|
"cancelBtnText": string;
|
|
337
337
|
/**
|
|
338
|
-
* Confirm Text
|
|
338
|
+
* Confirm Text - translation goes here
|
|
339
339
|
*/
|
|
340
340
|
"ensureBtnText": string;
|
|
341
341
|
/**
|
|
342
|
-
*
|
|
342
|
+
* link url
|
|
343
343
|
*/
|
|
344
|
-
"
|
|
344
|
+
"linkUrl": string;
|
|
345
345
|
/**
|
|
346
346
|
* Mobile select list title (Optional)
|
|
347
347
|
*/
|
|
348
348
|
"listTitle": string;
|
|
349
|
+
/**
|
|
350
|
+
* Selected Id - initialize the id(string) of default wheel
|
|
351
|
+
*/
|
|
352
|
+
"selectedId": string;
|
|
353
|
+
/**
|
|
354
|
+
* Selected Text (Mandatory)
|
|
355
|
+
*/
|
|
356
|
+
"selectedText": string;
|
|
349
357
|
/**
|
|
350
358
|
* Trigger Name (Mandatory)
|
|
351
359
|
*/
|
|
352
360
|
"triggerName": string;
|
|
353
361
|
/**
|
|
354
|
-
* Wheel Data (Mandatory)
|
|
362
|
+
* Wheel Data (Mandatory) eg: data: [{ id: "1", value: "附近" }],
|
|
355
363
|
*/
|
|
356
364
|
"wheelData": string[];
|
|
357
365
|
}
|
|
@@ -1212,27 +1220,35 @@ declare namespace LocalJSX {
|
|
|
1212
1220
|
}
|
|
1213
1221
|
interface PtcMobileSelect {
|
|
1214
1222
|
/**
|
|
1215
|
-
* Cancel Text
|
|
1223
|
+
* Cancel Text - translation goes here
|
|
1216
1224
|
*/
|
|
1217
1225
|
"cancelBtnText"?: string;
|
|
1218
1226
|
/**
|
|
1219
|
-
* Confirm Text
|
|
1227
|
+
* Confirm Text - translation goes here
|
|
1220
1228
|
*/
|
|
1221
1229
|
"ensureBtnText"?: string;
|
|
1222
1230
|
/**
|
|
1223
|
-
*
|
|
1231
|
+
* link url
|
|
1224
1232
|
*/
|
|
1225
|
-
"
|
|
1233
|
+
"linkUrl"?: string;
|
|
1226
1234
|
/**
|
|
1227
1235
|
* Mobile select list title (Optional)
|
|
1228
1236
|
*/
|
|
1229
1237
|
"listTitle"?: string;
|
|
1238
|
+
/**
|
|
1239
|
+
* Selected Id - initialize the id(string) of default wheel
|
|
1240
|
+
*/
|
|
1241
|
+
"selectedId"?: string;
|
|
1242
|
+
/**
|
|
1243
|
+
* Selected Text (Mandatory)
|
|
1244
|
+
*/
|
|
1245
|
+
"selectedText"?: string;
|
|
1230
1246
|
/**
|
|
1231
1247
|
* Trigger Name (Mandatory)
|
|
1232
1248
|
*/
|
|
1233
1249
|
"triggerName"?: string;
|
|
1234
1250
|
/**
|
|
1235
|
-
* Wheel Data (Mandatory)
|
|
1251
|
+
* Wheel Data (Mandatory) eg: data: [{ id: "1", value: "附近" }],
|
|
1236
1252
|
*/
|
|
1237
1253
|
"wheelData"?: string[];
|
|
1238
1254
|
}
|
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|

|
|
2
2
|
|
|
3
|
-
# PTC Design 0.4.
|
|
3
|
+
# PTC Design 0.4.6
|
|
4
4
|
|
|
5
5
|
The site is the place for documentation on PTC Design System
|
|
6
6
|
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{r as t,g as e,h as i,H as s,c as n,a}from"./p-0e571387.js";import{c as o}from"./p-b68038b5.js";let r=class{constructor(i){t(this,i),this.size="small",this.type="regular",this.spin="",this.pulse="",this.color="default",this.regularSprite=e("./media/regular.svg"),this.solidSprite=e("./media/solid.svg"),this.brandSprite=e("./media/brands.svg"),this.ptcSprite=e("./media/designer.svg")}render(){const t=this.getCssClassMap();return i(s,null,i("svg",{class:t},i("use","brands"==this.type?{href:`${this.brandSprite}#${this.name}`}:"solid"==this.type?{href:`${this.solidSprite}#${this.name}`}:"ptc"==this.type?{href:`${this.ptcSprite}#${this.name}`}:{href:`${this.regularSprite}#${this.name}`})))}getCssClassMap(){return{[this.size]:!0,[this.spin]:!0,[this.pulse]:!0,[this.color]:!0}}static get assetsDirs(){return["media"]}};r.style='.svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-primary-green)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.inherit.sc-icon-asset{fill:inherit}';let l=class{constructor(e){t(this,e),this.close=n(this,"close",7),this.barTitle="",this.Description="",this.linkUrl="#",this.closeClick=()=>{this.visible=!1,this.close.emit()}}render(){const t=this.getCssClassMap();return i(s,null,i("div",{class:t,part:"part-announcement"},i("div",{class:this.tempContainer?"content-wrapper temp-container":"content-wrapper"},i("div",{class:"left-content",part:"part-left-content"},this.barTitle?i("div",{class:"title"},this.barTitle):null,i("div",{class:"description"},this.Description?i("span",null,this.Description):null,this.linkText?i("a",{href:this.linkUrl,title:this.linkText},this.linkText):null)),i("ptc-svg-btn",{class:"bar-close","svg-name":"close",onClick:this.closeClick}))))}getCssClassMap(){return{announcement:!0,[this.visible?"visible":""]:!0}}};l.style=":host{display:block}.announcement{width:100%;position:relative;background-color:#e4e7e9;z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:13px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:1px;text-align:left;color:#40434a;text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:15px}.description{flex-basis:82%;font-family:Raleway;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:left;color:#40434a;}a{color:#3b4550;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;font-weight:700;border-bottom:0.15rem solid #74c34d;text-decoration:none;margin-left:16px}a:hover{color:#74c34d;text-decoration:none}@media (min-width: 768px){.bar-close{padding-right:0px}}@media (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:14px;font-weight:800;line-height:1.86;letter-spacing:1.4px}.description{font-size:16px;font-weight:500;line-height:1.6}}";var c=o((function(t){
|
|
2
|
-
/*!
|
|
3
|
-
* mobileSelect.js
|
|
4
|
-
* (c) 2017-present onlyhom
|
|
5
|
-
* Released under the MIT License.
|
|
6
|
-
*/
|
|
7
|
-
!function(){function e(t,e){return t.getElementsByClassName(e)}function i(t){this.wheelsData=t.wheels,this.jsonType=!1,this.cascadeJsonData=[],this.displayJson=[],this.curValue=[],this.curIndexArr=[],this.cascade=!1,this.offset=0,this.offsetSum=0,this.curDistance=[],this.clickStatus=!1,this.isPC=!0,this.init(t)}i.prototype={constructor:i,init:function(t){var i=this;if(0==t.wheels[0].data.length)return console.error("mobileSelect has been successfully installed, but the data is empty and cannot be initialized."),!1;if(i.keyMap=t.keyMap?t.keyMap:{id:"id",value:"value",childs:"childs"},i.checkDataType(),i.renderWheels(i.wheelsData,t.cancelBtnText,t.ensureBtnText),i.trigger=document.querySelector(t.trigger),!i.trigger)return console.error("mobileSelect has been successfully installed, but no trigger found on your page."),!1;if(i.wheel=e(i.mobileSelect,"wheel"),i.slider=e(i.mobileSelect,"selectContainer"),i.wheels=i.mobileSelect.querySelector(".wheels"),i.liHeight=i.mobileSelect.querySelector("li").offsetHeight,i.ensureBtn=i.mobileSelect.querySelector(".ensure"),i.cancelBtn=i.mobileSelect.querySelector(".cancel"),i.grayLayer=i.mobileSelect.querySelector(".grayLayer"),i.popUp=i.mobileSelect.querySelector(".content"),i.callback=t.callback||function(){},i.cancel=t.cancel||function(){},i.transitionEnd=t.transitionEnd||function(){},i.onShow=t.onShow||function(){},i.onHide=t.onHide||function(){},i.initPosition=t.position||[],i.titleText=t.title||"",i.connector=t.connector||" ",i.triggerDisplayData=void 0===t.triggerDisplayData||t.triggerDisplayData,i.trigger.style.cursor="pointer",i.setStyle(t),i.setTitle(i.titleText),i.checkIsPC(),i.checkCascade(),i.addListenerAll(),i.cascade&&i.initCascade(),i.initPosition.length<i.slider.length)for(var s=i.slider.length-i.initPosition.length,n=0;n<s;n++)i.initPosition.push(0);i.setCurDistance(i.initPosition),i.cancelBtn.addEventListener("click",(function(){i.hide(),i.cancel(i.curIndexArr,i.curValue)})),i.ensureBtn.addEventListener("click",(function(){i.hide(),i.liHeight||(i.liHeight=i.mobileSelect.querySelector("li").offsetHeight);for(var t="",e=0;e<i.wheel.length;e++)t+=e==i.wheel.length-1?i.getInnerHtml(e):i.getInnerHtml(e)+i.connector;i.triggerDisplayData&&(i.trigger.innerHTML=t),i.curIndexArr=i.getIndexArr(),i.curValue=i.getCurValue(),i.callback(i.curIndexArr,i.curValue)})),i.trigger.addEventListener("click",(function(){i.show()})),i.grayLayer.addEventListener("click",(function(){i.hide(),i.cancel(i.curIndexArr,i.curValue)})),i.popUp.addEventListener("click",(function(){event.stopPropagation()})),i.fixRowStyle()},setTitle:function(t){var e=this;e.titleText=t,e.mobileSelect.querySelector(".title").innerHTML=e.titleText},setStyle:function(t){var e=this;t.ensureBtnColor&&(e.ensureBtn.style.color=t.ensureBtnColor),t.cancelBtnColor&&(e.cancelBtn.style.color=t.cancelBtnColor),t.titleColor&&(e.title=e.mobileSelect.querySelector(".title"),e.title.style.color=t.titleColor),t.textColor&&(e.panel=e.mobileSelect.querySelector(".panel"),e.panel.style.color=t.textColor),t.titleBgColor&&(e.btnBar=e.mobileSelect.querySelector(".btnBar"),e.btnBar.style.backgroundColor=t.titleBgColor),t.bgColor&&(e.panel=e.mobileSelect.querySelector(".panel"),e.shadowMask=e.mobileSelect.querySelector(".shadowMask"),e.panel.style.backgroundColor=t.bgColor,e.shadowMask.style.background="linear-gradient(to bottom, "+t.bgColor+", rgba(255, 255, 255, 0), "+t.bgColor+")"),isNaN(t.maskOpacity)||(e.grayMask=e.mobileSelect.querySelector(".grayLayer"),e.grayMask.style.background="rgba(0, 0, 0, "+t.maskOpacity+")")},checkIsPC:function(){var t=navigator.userAgent.toLowerCase(),e="ipad"==t.match(/ipad/i),i="iphone os"==t.match(/iphone os/i),s="midp"==t.match(/midp/i),n="rv:1.2.3.4"==t.match(/rv:1.2.3.4/i),a="ucweb"==t.match(/ucweb/i),o="android"==t.match(/android/i),r="windows ce"==t.match(/windows ce/i),l="windows mobile"==t.match(/windows mobile/i);(e||i||s||n||a||o||r||l)&&(this.isPC=!1)},show:function(){this.mobileSelect.classList.add("mobileSelect-show"),"function"==typeof this.onShow&&this.onShow(this)},hide:function(){this.mobileSelect.classList.remove("mobileSelect-show"),"function"==typeof this.onHide&&this.onHide(this)},renderWheels:function(t,e,i){var s=this,n=e||"取消",a=i||"确认";s.mobileSelect=document.createElement("div"),s.mobileSelect.className="mobileSelect",s.mobileSelect.innerHTML='<div class="grayLayer"></div><div class="content"><div class="btnBar"><div class="fixWidth"><div class="cancel">'+n+'</div><div class="title"></div><div class="ensure">'+a+'</div></div></div><div class="panel"><div class="fixWidth"><div class="wheels"></div><div class="selectLine"></div><div class="shadowMask"></div></div></div></div>',document.body.appendChild(s.mobileSelect);for(var o="",r=0;r<t.length;r++){if(o+='<div class="wheel"><ul class="selectContainer">',s.jsonType)for(var l=0;l<t[r].data.length;l++)o+='<li data-id="'+t[r].data[l][s.keyMap.id]+'">'+t[r].data[l][s.keyMap.value]+"</li>";else for(l=0;l<t[r].data.length;l++)o+="<li>"+t[r].data[l]+"</li>";o+="</ul></div>"}s.mobileSelect.querySelector(".wheels").innerHTML=o},addListenerAll:function(){for(var t=this,e=0;e<t.slider.length;e++)!function(e){t.addListenerWheel(t.wheel[e],e)}(e)},addListenerWheel:function(t,e){var i=this;t.addEventListener("touchstart",(function(){i.touch(event,this.firstChild,e)}),!1),t.addEventListener("touchend",(function(){i.touch(event,this.firstChild,e)}),!1),t.addEventListener("touchmove",(function(){i.touch(event,this.firstChild,e)}),!1),i.isPC&&(t.addEventListener("mousedown",(function(){i.dragClick(event,this.firstChild,e)}),!1),t.addEventListener("mousemove",(function(){i.dragClick(event,this.firstChild,e)}),!1),t.addEventListener("mouseup",(function(){i.dragClick(event,this.firstChild,e)}),!0))},checkDataType:function(){"object"==typeof this.wheelsData[0].data[0]&&(this.jsonType=!0)},checkCascade:function(){var t=this;if(t.jsonType){for(var e=t.wheelsData[0].data,i=0;i<e.length;i++)if(t.keyMap.childs in e[i]&&e[i][t.keyMap.childs].length>0){t.cascade=!0,t.cascadeJsonData=t.wheelsData[0].data;break}}else t.cascade=!1},generateArrData:function(t){for(var e=[],i=this.keyMap.id,s=this.keyMap.value,n=0;n<t.length;n++){var a={};a[i]=t[n][this.keyMap.id],a[s]=t[n][this.keyMap.value],e.push(a)}return e},initCascade:function(){var t=this;t.displayJson.push(t.generateArrData(t.cascadeJsonData)),t.initPosition.length>0?(t.initDeepCount=0,t.initCheckArrDeep(t.cascadeJsonData[t.initPosition[0]])):t.checkArrDeep(t.cascadeJsonData[0]),t.reRenderWheels()},initCheckArrDeep:function(t){var e=this;if(t&&e.keyMap.childs in t&&t[e.keyMap.childs].length>0){e.displayJson.push(e.generateArrData(t[e.keyMap.childs])),e.initDeepCount++;var i=t[e.keyMap.childs][e.initPosition[e.initDeepCount]];i?e.initCheckArrDeep(i):e.checkArrDeep(t[e.keyMap.childs][0])}},checkArrDeep:function(t){var e=this;t&&e.keyMap.childs in t&&t[e.keyMap.childs].length>0&&(e.displayJson.push(e.generateArrData(t[e.keyMap.childs])),e.checkArrDeep(t[e.keyMap.childs][0]))},checkRange:function(t,e){for(var i,s=this,n=s.displayJson.length-1-t,a=0;a<n;a++)s.displayJson.pop();for(a=0;a<=t;a++)i=0==a?s.cascadeJsonData[e[0]]:i[s.keyMap.childs][e[a]];s.checkArrDeep(i),s.reRenderWheels(),s.fixRowStyle(),s.setCurDistance(s.resetPosition(t,e))},resetPosition:function(t,e){var i,s=this,n=e;if(s.slider.length>e.length){i=s.slider.length-e.length;for(var a=0;a<i;a++)n.push(0)}else if(s.slider.length<e.length)for(i=e.length-s.slider.length,a=0;a<i;a++)n.pop();for(a=t+1;a<n.length;a++)n[a]=0;return n},reRenderWheels:function(){var t=this;if(t.wheel.length>t.displayJson.length)for(var e=t.wheel.length-t.displayJson.length,i=0;i<e;i++)t.wheels.removeChild(t.wheel[t.wheel.length-1]);for(i=0;i<t.displayJson.length;i++)!function(e){var i="";if(t.wheel[e]){for(var s=0;s<t.displayJson[e].length;s++)i+='<li data-id="'+t.displayJson[e][s][t.keyMap.id]+'">'+t.displayJson[e][s][t.keyMap.value]+"</li>";t.slider[e].innerHTML=i}else{var n=document.createElement("div");for(n.className="wheel",i='<ul class="selectContainer">',s=0;s<t.displayJson[e].length;s++)i+='<li data-id="'+t.displayJson[e][s][t.keyMap.id]+'">'+t.displayJson[e][s][t.keyMap.value]+"</li>";n.innerHTML=i+="</ul>",t.addListenerWheel(n,e),t.wheels.appendChild(n)}}(i)},updateWheels:function(t){var e=this;if(e.cascade){if(e.cascadeJsonData=t,e.displayJson=[],e.initCascade(),e.initPosition.length<e.slider.length)for(var i=e.slider.length-e.initPosition.length,s=0;s<i;s++)e.initPosition.push(0);e.setCurDistance(e.initPosition),e.fixRowStyle()}},updateWheel:function(t,e){var i=this,s="";if(i.cascade)return console.error("级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源"),!1;if(i.jsonType){for(var n=0;n<e.length;n++)s+='<li data-id="'+e[n][i.keyMap.id]+'">'+e[n][i.keyMap.value]+"</li>";i.wheelsData[t]={data:e}}else{for(n=0;n<e.length;n++)s+="<li>"+e[n]+"</li>";i.wheelsData[t]=e}i.slider[t].innerHTML=s},fixRowStyle:function(){for(var t=this,e=(100/t.wheel.length).toFixed(2),i=0;i<t.wheel.length;i++)t.wheel[i].style.width=e+"%"},getIndex:function(t){return Math.round((2*this.liHeight-t)/this.liHeight)},getIndexArr:function(){for(var t=this,e=[],i=0;i<t.curDistance.length;i++)e.push(t.getIndex(t.curDistance[i]));return e},getCurValue:function(){var t=this,e=[],i=t.getIndexArr();if(t.cascade)for(var s=0;s<t.wheel.length;s++)e.push(t.displayJson[s][i[s]]);else if(t.jsonType)for(s=0;s<t.curDistance.length;s++)e.push(t.wheelsData[s].data[t.getIndex(t.curDistance[s])]);else for(s=0;s<t.curDistance.length;s++)e.push(t.getInnerHtml(s));return e},getValue:function(){return this.curValue},calcDistance:function(t){return 2*this.liHeight-t*this.liHeight},setCurDistance:function(t){for(var e=this,i=[],s=0;s<e.slider.length;s++)i.push(e.calcDistance(t[s])),e.movePosition(e.slider[s],i[s]);e.curDistance=i},fixPosition:function(t){return-(this.getIndex(t)-2)*this.liHeight},movePosition:function(t,e){t.style.webkitTransform="translate3d(0,"+e+"px, 0)",t.style.transform="translate3d(0,"+e+"px, 0)"},locatePosition:function(t,e){var i=this;this.curDistance[t]=this.calcDistance(e),this.movePosition(this.slider[t],this.curDistance[t]),i.cascade&&i.checkRange(t,i.getIndexArr())},updateCurDistance:function(t,e){this.curDistance[e]=t.style.transform?parseInt(t.style.transform.split(",")[1]):parseInt(t.style.webkitTransform.split(",")[1])},getDistance:function(t){return t.style.transform?parseInt(t.style.transform.split(",")[1]):parseInt(t.style.webkitTransform.split(",")[1])},getInnerHtml:function(t){var e=this,i=e.getIndex(e.curDistance[t]);return e.slider[t].getElementsByTagName("li")[i].innerHTML},touch:function(t,e,i){var s=this;switch((t=t||window.event).type){case"touchstart":s.startY=t.touches[0].clientY,s.startY=parseInt(s.startY),s.oldMoveY=s.startY;break;case"touchend":if(s.moveEndY=parseInt(t.changedTouches[0].clientY),s.offsetSum=s.moveEndY-s.startY,s.oversizeBorder=-(e.getElementsByTagName("li").length-3)*s.liHeight,0==s.offsetSum){var n=parseInt((document.documentElement.clientHeight-s.moveEndY)/40);if(2!=n){var a=s.curDistance[i]+(n-2)*s.liHeight;a<=2*s.liHeight&&a>=s.oversizeBorder&&(s.curDistance[i]=a,s.movePosition(e,s.curDistance[i]),s.transitionEnd(s.getIndexArr(),s.getCurValue()))}}else s.updateCurDistance(e,i),s.curDistance[i]=s.fixPosition(s.curDistance[i]),s.movePosition(e,s.curDistance[i]),s.curDistance[i]+s.offsetSum>2*s.liHeight?(s.curDistance[i]=2*s.liHeight,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)):s.curDistance[i]+s.offsetSum<s.oversizeBorder&&(s.curDistance[i]=s.oversizeBorder,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)),s.transitionEnd(s.getIndexArr(),s.getCurValue());s.cascade&&s.checkRange(i,s.getIndexArr());break;case"touchmove":t.preventDefault(),s.moveY=t.touches[0].clientY,s.offset=s.moveY-s.oldMoveY,s.updateCurDistance(e,i),s.curDistance[i]=s.curDistance[i]+s.offset,s.movePosition(e,s.curDistance[i]),s.oldMoveY=s.moveY}},dragClick:function(t,e,i){var s=this;switch((t=t||window.event).type){case"mousedown":s.startY=t.clientY,s.oldMoveY=s.startY,s.clickStatus=!0;break;case"mouseup":if(s.moveEndY=t.clientY,s.offsetSum=s.moveEndY-s.startY,s.oversizeBorder=-(e.getElementsByTagName("li").length-3)*s.liHeight,0==s.offsetSum){var n=parseInt((document.documentElement.clientHeight-s.moveEndY)/40);if(2!=n){var a=s.curDistance[i]+(n-2)*s.liHeight;a<=2*s.liHeight&&a>=s.oversizeBorder&&(s.curDistance[i]=a,s.movePosition(e,s.curDistance[i]),s.transitionEnd(s.getIndexArr(),s.getCurValue()))}}else s.updateCurDistance(e,i),s.curDistance[i]=s.fixPosition(s.curDistance[i]),s.movePosition(e,s.curDistance[i]),s.curDistance[i]+s.offsetSum>2*s.liHeight?(s.curDistance[i]=2*s.liHeight,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)):s.curDistance[i]+s.offsetSum<s.oversizeBorder&&(s.curDistance[i]=s.oversizeBorder,setTimeout((function(){s.movePosition(e,s.curDistance[i])}),100)),s.transitionEnd(s.getIndexArr(),s.getCurValue());s.clickStatus=!1,s.cascade&&s.checkRange(i,s.getIndexArr());break;case"mousemove":t.preventDefault(),s.clickStatus&&(s.moveY=t.clientY,s.offset=s.moveY-s.oldMoveY,s.updateCurDistance(e,i),s.curDistance[i]=s.curDistance[i]+s.offset,s.movePosition(e,s.curDistance[i]),s.oldMoveY=s.moveY)}}},t.exports=i}()}));let f=class{constructor(e){t(this,e),this.ensureBtnText="Confirm",this.cancelBtnText="Cancel",this.listTitle=void 0}render(){return i("ptc-responsive-wrapper",null,i("div",{class:"mobile-select-wrapper"},i("div",{id:this.triggerName},this.linkText),i("icon-asset",{type:"ptc",size:"x-small",name:"chevron-down",color:"white"})))}componentDidRender(){new c({trigger:`#${this.triggerName}`,title:`${this.listTitle?this.listTitle:""}`,wheels:this.wheelData?[{data:this.wheelData}]:[{data:["test1","test2"]}],position:[0],ensureBtnText:this.ensureBtnText,cancelBtnText:this.cancelBtnText,ensureBtnColor:"var(--color-gray-12)",cancelBtnColor:"var(--color-gray-12)",titleColor:"var(--color-gray-12)"})}};f.style='.mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:".";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out, -webkit-transform 0.18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background:-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity:0.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:10px;width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-15);line-height:var(--ptc-line-height-18);color:var(--color-white);height:var(--ptc-line-height-18)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px)}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}';let h=class{constructor(e){t(this,e)}componentDidLoad(){this.ro=new ResizeObserver((t=>{for(const e of t)this.applySizeClasses(e.contentRect.width)})),this.ro.observe(this.element)}disconnectedCallback(){this.ro.disconnect()}applySizeClasses(t){let e=!1,i=!1,s=!1,n=!1,a=!1,o=!1,r=!1,l=!1;t>=2600?l=!0:t>=1980?r=!0:t>=1600?o=!0:t>=1440?a=!0:t>=1200?n=!0:t>=992?s=!0:t>=768?i=!0:e=!0,this.element.classList.toggle("xsmall",e),this.element.classList.toggle("small",i),this.element.classList.toggle("medium",s),this.element.classList.toggle("large",n),this.element.classList.toggle("xlarge",a),this.element.classList.toggle("xxlarge",o),this.element.classList.toggle("large2k",r),this.element.classList.toggle("large4k",l)}render(){return i("div",null,i("slot",null))}get element(){return a(this)}};h.style=":host{display:block}";let p=class{constructor(e){t(this,e),this.display="block"}render(){const t=this.getCssClassMap();return i(s,{class:t},this.svgName&&"close"===this.svgName?i("div",{class:"svg-close",innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">\n <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">\n <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>\n <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>\n <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>\n <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>\n <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>\n <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>\n <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>\n </g>\n</svg>'}):null,this.svgName&&"slider-left"===this.svgName?i("div",{class:"slider-left",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_37)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null,this.svgName&&"slider-right"===this.svgName?i("div",{class:"slider-right",innerHTML:'<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_494_34)">\n<circle cx="24" cy="22" r="20" fill="white"/>\n<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>\n</g>\n<defs>\n<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="2"/>\n<feGaussianBlur stdDeviation="2"/>\n<feComposite in2="hardAlpha" operator="out"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>\n</filter>\n</defs>\n</svg>\n'}):null)}getCssClassMap(){return{[this.display]:!0}}};p.style=":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#40434A;stroke-linecap:square}.svg-close svg .cls-2{stroke:#40434A}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-primary-grey)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}";export{r as icon_asset,l as ptc_announcement,f as ptc_mobile_select,h as ptc_responsive_wrapper,p as ptc_svg_btn}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as e}from"./p-0e571387.js";let r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"small",name:"arrow-right"}):"","arrow-plm"==this.theme?o("icon-asset",{type:"ptc",size:"x-small",name:"button-arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-small)}.medium{font-size:var(--ptc-font-size-medium)}.large{font-size:var(--ptc-font-size-large)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}.ptc-link.arrow icon-asset svg{fill:var(--color-primary-green) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:#3DAB49 !important}.ptc-link:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid #0092d1;outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.15px;line-height:25.05px;list-style:none;margin-bottom:10px;text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:#f3f3f4;display:inline-block;font-size:15px;font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0.3px;line-height:25.95px;list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-05);padding-bottom:7px;position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-decelerated-ease)}.primary-nav-link:hover{border-radius:4px;background-color:#20262a;text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:15px;list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-secondary-turtlegreen)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:0.12px;line-height:14.4px;list-style:none;margin-bottom:12px;text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-decelerated-ease);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid #74c34d;border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-standard-ease), color var(--ptc-transition-medium) var(--ptc-standard-ease);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);line-height:1.73;letter-spacing:1.13px;text-align:left;font-size:15px}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-secondary-turtlegreen);color:var(--color-secondary-turtlegreen)}.copyright-link{color:var(--color-white);font-size:13px;font-weight:var(--ptc-font-weight-normal);line-height:2;display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-19);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-acceletated-ease)}.arrow-plm:hover{text-decoration-color:#3DAB49}';export{r as ptc_link}
|