@ptcwebops/ptcw-design 4.5.9 → 4.6.1
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/blogs-search-section.cjs.entry.js +190 -0
- package/dist/cjs/homepage-clickable-tab.cjs.entry.js +2 -2
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +118 -0
- package/dist/cjs/homepage-toggled-content.cjs.entry.js +91 -3
- package/dist/cjs/icon-asset.cjs.entry.js +53 -0
- package/dist/cjs/interfaces-574e6df7.js +15 -0
- package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +47 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/max-width-container.cjs.entry.js +54 -0
- package/dist/cjs/ptc-background-video.cjs.entry.js +70 -0
- package/dist/cjs/ptc-button.cjs.entry.js +79 -0
- package/dist/cjs/ptc-card_2.cjs.entry.js +30 -48
- package/dist/cjs/ptc-date.cjs.entry.js +61 -0
- package/dist/cjs/{ptc-pagenation.cjs.entry.js → ptc-filter-tag_2.cjs.entry.js} +63 -0
- package/dist/cjs/ptc-img.cjs.entry.js +133 -0
- package/dist/cjs/ptc-info-tile.cjs.entry.js +26 -0
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +127 -0
- package/dist/cjs/ptc-para.cjs.entry.js +70 -0
- package/dist/cjs/ptc-picture.cjs.entry.js +163 -0
- package/dist/cjs/ptc-readmore.cjs.entry.js +1 -1
- package/dist/cjs/ptc-spacer.cjs.entry.js +38 -0
- package/dist/cjs/ptc-tooltip.cjs.entry.js +107 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.css +9 -9
- package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.js +1 -1
- package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.css +100 -0
- package/dist/collection/components/organism-bundles/blogs-search-section/blogs-search-section.js +286 -0
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.css +38 -18
- package/dist/collection/components/organism-bundles/homepage-jumbotron/homepage-jumbotron.js +8 -5
- package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.css +128 -16
- package/dist/collection/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.js +95 -3
- package/dist/collection/components/ptc-card/ptc-card.js +5 -4
- package/dist/collection/components/ptc-info-tile/ptc-info-tile.css +5 -1
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +19 -1
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +1 -1
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +301 -21
- package/dist/esm/blogs-search-section.entry.js +186 -0
- package/dist/esm/homepage-clickable-tab.entry.js +2 -2
- package/dist/esm/homepage-jumbotron.entry.js +114 -0
- package/dist/esm/homepage-toggled-content.entry.js +91 -3
- package/dist/esm/icon-asset.entry.js +49 -0
- package/dist/esm/interfaces-4caedd26.js +12 -0
- package/dist/esm/jumbotron-sub-menu.entry.js +43 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/max-width-container.entry.js +50 -0
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-background-video.entry.js +66 -0
- package/dist/esm/ptc-button.entry.js +75 -0
- package/dist/esm/ptc-card_2.entry.js +31 -49
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-date.entry.js +57 -0
- package/dist/esm/{ptc-pagenation.entry.js → ptc-filter-tag_2.entry.js} +64 -2
- package/dist/esm/ptc-form-checkbox_2.entry.js +1 -1
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +129 -0
- package/dist/esm/ptc-info-tile.entry.js +22 -0
- package/dist/esm/ptc-jumbotron.entry.js +123 -0
- package/dist/esm/ptc-link.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +1 -1
- package/dist/esm/ptc-para.entry.js +66 -0
- package/dist/esm/ptc-picture.entry.js +159 -0
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- package/dist/esm/ptc-readmore.entry.js +1 -1
- package/dist/esm/ptc-spacer.entry.js +34 -0
- package/dist/esm/ptc-title.entry.js +1 -1
- package/dist/esm/ptc-tooltip.entry.js +103 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-4a9e39a7.js → utils-edb0c4d4.js} +1 -1
- package/dist/ptcw-design/p-0390c236.entry.js +1 -0
- package/dist/ptcw-design/{p-f44eeac7.entry.js → p-055e0d28.entry.js} +1 -1
- package/dist/ptcw-design/{p-48ebe929.entry.js → p-057f7b20.entry.js} +1 -1
- package/dist/ptcw-design/p-071a6109.entry.js +1 -0
- package/dist/ptcw-design/p-07a4b1ca.entry.js +1 -0
- package/dist/ptcw-design/p-0c69ea52.entry.js +1 -0
- package/dist/ptcw-design/{p-aa042737.entry.js → p-184a4cda.entry.js} +1 -1
- package/dist/ptcw-design/p-1d64a5a8.entry.js +1 -0
- package/dist/ptcw-design/{p-febec9ac.entry.js → p-25a1d8c5.entry.js} +1 -1
- package/dist/ptcw-design/p-25a25451.entry.js +1 -0
- package/dist/ptcw-design/p-260ecfef.entry.js +1 -0
- package/dist/ptcw-design/p-3885c133.entry.js +1 -0
- package/dist/ptcw-design/{p-5557df17.entry.js → p-419abbe1.entry.js} +1 -1
- package/dist/ptcw-design/p-463097da.entry.js +1 -0
- package/dist/ptcw-design/p-49639b03.entry.js +1 -0
- package/dist/ptcw-design/p-4e1088bb.entry.js +1 -0
- package/dist/ptcw-design/p-509ba999.entry.js +1 -0
- package/dist/ptcw-design/p-62a4a1e1.entry.js +1 -0
- package/dist/ptcw-design/p-711bcdad.js +1 -0
- package/dist/ptcw-design/p-742d7492.entry.js +1 -0
- package/dist/ptcw-design/{p-cdb80c67.entry.js → p-7c3aac08.entry.js} +1 -1
- package/dist/ptcw-design/p-7db71d63.entry.js +1 -0
- package/dist/ptcw-design/{p-211ece93.entry.js → p-8f5feb90.entry.js} +1 -1
- package/dist/ptcw-design/p-9113f580.entry.js +1 -0
- package/dist/ptcw-design/{p-3827fcc3.entry.js → p-a1415238.entry.js} +1 -1
- package/dist/ptcw-design/{p-e67b618c.entry.js → p-ac504f89.entry.js} +1 -1
- package/dist/ptcw-design/{p-41448acc.entry.js → p-ae62e211.entry.js} +1 -1
- package/dist/ptcw-design/{p-b8fd8532.js → p-bcbdf9a9.js} +1 -1
- package/dist/ptcw-design/p-d3b3d535.entry.js +1 -0
- package/dist/ptcw-design/{p-9953eb9e.entry.js → p-d3b615a8.entry.js} +1 -1
- package/dist/ptcw-design/p-e21f2874.entry.js +1 -0
- package/dist/ptcw-design/p-ed2be934.entry.js +1 -0
- package/dist/ptcw-design/p-ee455b1d.entry.js +1 -0
- package/dist/ptcw-design/p-f08725b9.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/blogs-search-section/blogs-search-section.d.ts +21 -0
- package/dist/types/components/organism-bundles/homepage-toggled-content/homepage-toggled-content.d.ts +27 -0
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +4 -0
- package/dist/types/components.d.ts +28 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/homepage-jumbotron_13.cjs.entry.js +0 -1017
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +0 -69
- package/dist/cjs/ptc-preloader-section.cjs.entry.js +0 -42
- package/dist/esm/homepage-jumbotron_13.entry.js +0 -1001
- package/dist/esm/ptc-filter-tag.entry.js +0 -65
- package/dist/esm/ptc-preloader-section.entry.js +0 -38
- package/dist/ptcw-design/p-0565de99.entry.js +0 -1
- package/dist/ptcw-design/p-10fe1d4f.entry.js +0 -1
- package/dist/ptcw-design/p-6491d9b9.entry.js +0 -1
- package/dist/ptcw-design/p-6f08fa33.entry.js +0 -1
- package/dist/ptcw-design/p-73bfe4e6.entry.js +0 -1
- package/dist/ptcw-design/p-8d29f34a.entry.js +0 -1
- package/dist/ptcw-design/p-9467e22b.entry.js +0 -1
- package/dist/ptcw-design/p-acfbc221.entry.js +0 -1
- package/dist/ptcw-design/p-b5d8f7d1.entry.js +0 -1
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-63ddc79c.js');
|
|
6
|
+
|
|
7
|
+
const ptcBackgroundVideoCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block;position:relative}:host video{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100;object-fit:cover}:host .video-overlay{z-index:1;display:block;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:linear-gradient(270deg, rgba(30, 38, 38, 0) 26%, #1e2626)}:host .video-overlay.dark{background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%)}:host(.legacy){display:block;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host(.legacy) video{object-fit:cover;position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden}:host .iframe-wrapper{position:absolute;top:0px;left:0px;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-100}:host .iframe-wrapper .background-video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}:host .iframe-wrapper .player .vp-video-wrapper .vp-telecine-cover video{object-fit:cover}:host .play-button{position:absolute;top:1.5rem;right:1.5rem;width:34px;height:34px;z-index:99}@media (min-width: 768px){:host .play-button.top-right{top:1.5rem;right:1.5rem}}:host .play-button.top-left{right:unset;top:1.5rem;left:1.5rem}@media (min-width: 768px){:host .play-button.top-left{bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-left{top:unset;right:unset;bottom:3.75rem;left:2rem}}@media (min-width: 768px){:host .play-button.bottom-right{top:unset;bottom:3.75rem;right:2rem}}:host .play-button.allbp-bottom-right{top:unset;bottom:3.75rem;right:2rem}:host .play-button ptc-button{display:inline-block;padding:5px;position:relative;top:-5px;left:-5px;cursor:pointer}@media only screen and (min-width: 768px){:host .play-button ptc-button{top:auto;left:auto}}@media only screen and (min-width: 992px){:host .play-button ptc-button{padding:0}}";
|
|
8
|
+
|
|
9
|
+
const PtcBackgroundVideo = class {
|
|
10
|
+
constructor(hostRef) {
|
|
11
|
+
index.registerInstance(this, hostRef);
|
|
12
|
+
this.videoSrc = undefined;
|
|
13
|
+
this.posterSrc = undefined;
|
|
14
|
+
this.overlay = true;
|
|
15
|
+
this.overlayType = 'standard';
|
|
16
|
+
this.playButtonTitle = undefined;
|
|
17
|
+
this.pauseButtonTitle = undefined;
|
|
18
|
+
this.buttonLocation = 'bottom-right';
|
|
19
|
+
this.paused = undefined;
|
|
20
|
+
this.type = 'default';
|
|
21
|
+
this.isIframe = false;
|
|
22
|
+
}
|
|
23
|
+
// componentDidLoad() {
|
|
24
|
+
// if(this.isIframe){
|
|
25
|
+
// const iframe:HTMLIFrameElement = this.el.shadowRoot.querySelector('iframe');
|
|
26
|
+
// const iframeDoc = iframe.contentDocument
|
|
27
|
+
// const iframeVideo = iframeDoc.querySelector('video');
|
|
28
|
+
// console.log("iframe ele: " + iframeDoc.querySelectorAll('video'));
|
|
29
|
+
// iframeVideo.style.objectFit = 'cover';
|
|
30
|
+
// }
|
|
31
|
+
// }
|
|
32
|
+
// @Method()
|
|
33
|
+
// async toggleVideo() {
|
|
34
|
+
// // show a prompt
|
|
35
|
+
// this.paused = !this.paused;
|
|
36
|
+
// let video = this.el.shadowRoot.querySelector('video') as HTMLVideoElement;
|
|
37
|
+
// if (video) {
|
|
38
|
+
// if (this.paused) {
|
|
39
|
+
// video.pause();
|
|
40
|
+
// } else {
|
|
41
|
+
// video.play().catch(z => console.error(z));
|
|
42
|
+
// }
|
|
43
|
+
// }
|
|
44
|
+
// console.log('Hello, I am a publish method from ptc-background-video!');
|
|
45
|
+
// }
|
|
46
|
+
componentWillLoad() {
|
|
47
|
+
this.paused = false;
|
|
48
|
+
}
|
|
49
|
+
render() {
|
|
50
|
+
const videoContent = this.isIframe ? (index.h("div", { class: "iframe-wrapper" }, index.h("iframe", { id: "jumbotron-iframe", src: this.videoSrc, frameborder: 0, allow: "autoplay", allowFullScreen: true, class: "background-video-embed" }))) : (index.h("video", { src: this.videoSrc, poster: this.posterSrc, autoplay: true, loop: true, muted: true, playsinline: true }));
|
|
51
|
+
return (index.h(index.Host, { class: this.type }, videoContent, !!this.videoSrc && this.playButtonTitle && (index.h("div", { class: `play-button ${this.buttonLocation}` }, this.paused && (index.h("ptc-tooltip", { class: "play-btn", mode: "wrapper", description: this.playButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, index.h("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), styles: "button.icon-toggle { padding :0px 8px; }", "aria-label": "Video Play button" }, index.h("icon-asset", { name: "play", size: "small", type: "ptc", color: "black" })))), !this.paused && !!this.pauseButtonTitle && (index.h("ptc-tooltip", { class: "pause-btn", mode: "wrapper", description: this.pauseButtonTitle, position: "bottom-right", styles: ".wrapper-content.sc-ptc-tooltip .tooltip.sc-ptc-tooltip{min-width:unset!important;}" }, index.h("ptc-button", { type: "button", color: "icon-toggle", onClick: e => this.toggleVideoPlay(e), "aria-label": "Video Pause button" }, index.h("icon-asset", { name: "pause", size: "small", type: "ptc", color: "black" })))))), this.overlay ? index.h("div", { class: `video-overlay ${this.overlayType}` }) : '', this.type == 'default' ? index.h("slot", null) : ''));
|
|
52
|
+
}
|
|
53
|
+
toggleVideoPlay(e) {
|
|
54
|
+
e.preventDefault();
|
|
55
|
+
this.paused = !this.paused;
|
|
56
|
+
let video = this.el.shadowRoot.querySelector('video');
|
|
57
|
+
if (video) {
|
|
58
|
+
if (this.paused) {
|
|
59
|
+
video.pause();
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
video.play().catch(z => console.error(z));
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
get el() { return index.getElement(this); }
|
|
67
|
+
};
|
|
68
|
+
PtcBackgroundVideo.style = ptcBackgroundVideoCss;
|
|
69
|
+
|
|
70
|
+
exports.ptc_background_video = PtcBackgroundVideo;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const index = require('./index-63ddc79c.js');
|
|
6
|
+
const utils = require('./utils-fe61106d.js');
|
|
7
|
+
|
|
8
|
+
const ptcButtonCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}button.disabled{pointer-events:none;opacity:0.6}button{background-color:var(--color-gray-10);display:inline-block;border-style:solid;border-width:1px;white-space:normal;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard)}button.reveal-down .content{transition:opacity var(--ptc-transition-medium) var(--ptc-ease-out);opacity:0;font-size:var(--ptc-font-size-xx-small)}button.reveal-down .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;align-content:center;height:16px}button.reveal-down .icon-wrapper .icon{transition:top var(--ptc-transition-fast) var(--ptc-ease-out);position:absolute;display:inline-block;top:-12px}button:hover.reveal-down .content{opacity:1}button:hover.reveal-down .icon-wrapper .icon{top:4px}button.animation-right ::slotted([slot=slot-after-text]),button.animation-right ::slotted([slot=slot-before-text]),button.animation-down ::slotted([slot=slot-after-text]),button.animation-down ::slotted([slot=slot-before-text]){transition:transform var(--ptc-transition-medium) var(--ptc-ease-inout);position:relative;display:inline-block}button:hover.animation-right ::slotted([slot=slot-after-text]),button:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}button:hover.animation-down ::slotted([slot=slot-after-text]),button:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}button span{font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-small);font-weight:bold;line-height:var(--ptc-line-height-densest)}button.left{text-align:left}button.right{text-align:right}button.center{text-align:center}.icon-left ::slotted([slot=slot-before-text]){margin-right:var(--ptc-element-spacing-01)}.icon-right ::slotted([slot=slot-after-text]){margin-left:var(--ptc-element-spacing-01)}.blackgrey{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(285deg, var(--color-gray-10) 155%, var(--color-gray-07) 62%)}.blackgrey:hover{box-shadow:var(--ptc-shadow-x-large)}.blackgrey span{color:var(--color-white)}.turtlegreen{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-green-07);background-image:linear-gradient(285deg, var(--color-green-07) 155%, var(--color-green-07) 62%)}.turtlegreen:hover{box-shadow:var(--ptc-shadow-x-large)}.turtlegreen span{color:var(--color-white)}.offwhite{box-shadow:var(--ptc-shadow-x-small);border:solid 1px var(--color-gray-10);background-image:linear-gradient(to right, var(--color-white), var(--color-gray-02), var(--color-gray-01))}.offwhite:hover{box-shadow:var(--ptc-shadow-x-large)}.offwhite span{color:var(--color-gray-10)}.legacy-green{margin-left:10px;padding:10px 20px;margin-bottom:var(--ptc-element-spacing-01);margin-top:var(--ptc-element-spacing-01);box-shadow:var(--ptc-shadow-large);border:solid 2.5px var(--color-green-08);background-image:linear-gradient(to right, var(--color-green-06), var(--color-green-08))}.legacy-green:after{position:absolute;content:\"\";top:-1px;left:0;bottom:0;right:0;width:100%;height:103%;background-image:linear-gradient(to right, var(--color-green-08), var(--color-green-06));opacity:0;transition:opacity var(--ptc-transition-x-slow) var(--ptc-ease-inout);border-radius:2px}.legacy-green:hover{box-shadow:var(--ptc-shadow-x-large)}.legacy-green:hover span{color:var(--color-white)}.legacy-green:hover:after{opacity:1}.legacy-green span{font-family:var(--ptc-font-secondary-latin);color:var(--color-white);z-index:100;position:relative;text-transform:uppercase;font-weight:var(--ptc-font-weight-bold);letter-spacing:var(--ptc-letter-spacing-normal);font-size:var(--ptc-font-size-x-small)}@media only screen and (min-width: 768px){.legacy-green span{font-size:var(--ptc-font-size-small);letter-spacing:var(--ptc-letter-spacing-loose)}}.legacy-green icon-asset{display:inline}a{border-style:solid;border-width:1px;position:relative;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding:9.4px 17.5px;border-radius:var(--ptc-border-radius-standard);display:inline-block;position:relative}a.animation-right ::slotted([slot=slot-after-text]),a.animation-right ::slotted([slot=slot-before-text]),a.animation-down ::slotted([slot=slot-after-text]),a.animation-down ::slotted([slot=slot-before-text]){transition:all var(--ptc-ease-inout) var(--ptc-transition-medium);position:relative;display:inline-block;margin-left:5px}a:hover.animation-right ::slotted([slot=slot-after-text]),a:hover.animation-right ::slotted([slot=slot-before-text]){transform:translateX(var(--ptc-element-spacing-02))}a:hover.animation-down ::slotted([slot=slot-after-text]),a:hover.animation-down ::slotted([slot=slot-before-text]){transform:translateY(var(--ptc-element-spacing-02))}a.left{text-align:left}a.right{text-align:right}a.center{text-align:center}.nav{font-family:var(--ptc-font-latin);background-color:var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);border:1px solid var(--color-white);border-bottom-style:solid;border-bottom-width:1px;box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-xx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-loose);list-style:none;padding:3px var(--ptc-element-spacing-04);position:relative;text-align:center;text-decoration:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.nav:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav:hover{background-color:var(--color-gray-12)}.ptc-primary,.ptc-quaternary,.ptc-secondary,.ptc-tertiary,.icon-toggle{padding:var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);transition:background-color var(--ptc-ease-inout) var(--ptc-transition-medium);line-height:20px}.ptc-primary.disabled,.ptc-quaternary.disabled,.ptc-secondary.disabled,.ptc-tertiary.disabled,.icon-toggle.disabled{pointer-events:none;border-color:var(--color-gray-03);background:var(--color-gray-02)}.ptc-primary.disabled span,.ptc-quaternary.disabled span,.ptc-secondary.disabled span,.ptc-tertiary.disabled span,.icon-toggle.disabled span{color:var(--color-gray-03)}.ptc-primary.disabled ::slotted([slot=slot-after-text]),.ptc-quaternary.disabled ::slotted([slot=slot-after-text]),.ptc-secondary.disabled ::slotted([slot=slot-after-text]),.ptc-tertiary.disabled ::slotted([slot=slot-after-text]),.icon-toggle.disabled ::slotted([slot=slot-after-text]){fill:var(--color-gray-03) !important}.ptc-primary:focus,.ptc-quaternary:focus,.ptc-secondary:focus,.ptc-tertiary:focus,.icon-toggle:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.ptc-primary span,.ptc-quaternary span,.ptc-secondary span,.ptc-tertiary span,.icon-toggle span{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-densest);letter-spacing:normal}.ptc-primary.small,.ptc-quaternary.small,.ptc-secondary.small,.ptc-tertiary.small,.icon-toggle.small{padding:var(--ptc-element-spacing-03) var(--ptc-element-spacing-04)}.ptc-primary.small span,.ptc-quaternary.small span,.ptc-secondary.small span,.ptc-tertiary.small span,.icon-toggle.small span{font-size:var(--ptc-font-size-xx-small)}.ptc-primary.medium,.ptc-quaternary.medium,.ptc-secondary.medium,.ptc-tertiary.medium,.icon-toggle.medium{padding:14px 20px}.ptc-primary.medium span,.ptc-quaternary.medium span,.ptc-secondary.medium span,.ptc-tertiary.medium span,.icon-toggle.medium span{font-size:var(--ptc-font-size-small)}.ptc-primary.large,.ptc-quaternary.large,.ptc-secondary.large,.ptc-tertiary.large,.icon-toggle.large{padding:var(--ptc-element-spacing-04) var(--ptc-element-spacing-06)}.ptc-primary.large span,.ptc-quaternary.large span,.ptc-secondary.large span,.ptc-tertiary.large span,.icon-toggle.large span{font-size:var(--ptc-font-size-large)}.ptc-primary{background:var(--color-gray-12);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-primary:hover{background-color:var(--color-gray-10)}.ptc-primary:active{background-color:var(--color-black)}.ptc-primary span{color:var(--color-white)}.ptc-primary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-secondary{background:var(--color-gray-12);border:2px solid var(--color-gray-08);border-radius:var(--ptc-border-radius-standard)}.ptc-secondary:hover{background-color:var(--color-gray-10)}.ptc-secondary:active{background-color:var(--color-black)}.ptc-secondary span{color:var(--color-white)}.ptc-secondary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.ptc-tertiary{background:var(--color-white);border:2px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard)}.ptc-tertiary:hover{background-color:var(--color-gray-02)}.ptc-tertiary:active{background-color:var(--color-gray-03)}.ptc-tertiary span{color:var(--color-gray-10)}.ptc-tertiary ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.ptc-quaternary{background:var(--color-green-07);border:2px solid var(--color-green-07);border-radius:var(--ptc-border-radius-standard)}.ptc-quaternary:hover{background-color:var(--color-green-08)}.ptc-quaternary:active{background-color:var(--color-green-09)}.ptc-quaternary span{color:var(--color-white)}.ptc-quaternary ::slotted([slot=slot-after-text]){fill:var(--color-white) !important}.icon-toggle{background:var(--color-white);border:1px solid var(--color-gray-10);border-radius:var(--ptc-border-radius-standard);padding:0;height:2.125rem;width:2.125rem;box-shadow:var(--ptc-shadow-medium)}.icon-toggle:hover{background-color:var(--color-gray-02)}.icon-toggle:active{transition:none;background-color:var(--color-gray-03)}.icon-toggle.active{background-color:var(--color-gray-04)}.icon-toggle.active:hover{background-color:var(--color-gray-05)}.icon-toggle.active:active{background-color:var(--color-gray-03)}.icon-toggle:focus{outline:2px solid var(--color-blue-07);outline-offset:1px}.icon-toggle span{color:var(--color-gray-10);padding:0}.icon-toggle ::slotted([slot=slot-after-text]){fill:var(--color-gray-10) !important}.icon-toggle ::slotted(icon-asset){display:block;margin:auto;height:18px;width:18px}.clear-search{border:none;padding:0px;line-height:var(----ptc-line-height-densest);background-color:transparent}.clear-search:hover{text-decoration:underline;text-decoration-color:var(--color-white)}.clear-search span{color:var(--color-white);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-x-small);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}";
|
|
9
|
+
|
|
10
|
+
const PtcButton = class {
|
|
11
|
+
constructor(hostRef) {
|
|
12
|
+
index.registerInstance(this, hostRef);
|
|
13
|
+
this.clickEvent = index.createEvent(this, "clickEvent", 7);
|
|
14
|
+
this.disabled = false;
|
|
15
|
+
this.active = false;
|
|
16
|
+
this.type = 'button';
|
|
17
|
+
this.color = 'ptc-primary';
|
|
18
|
+
this.iconAnimation = '';
|
|
19
|
+
this.iconPosition = 'icon-right';
|
|
20
|
+
this.linkHref = undefined;
|
|
21
|
+
this.linkTitle = undefined;
|
|
22
|
+
this.target = '_self';
|
|
23
|
+
this.rel = undefined;
|
|
24
|
+
this.tabNav = 0;
|
|
25
|
+
this.styles = undefined;
|
|
26
|
+
this.textAlign = undefined;
|
|
27
|
+
this.size = undefined;
|
|
28
|
+
this.buttonTitle = undefined;
|
|
29
|
+
this.ariaLabel = '';
|
|
30
|
+
this.seoCompatibilityMode = false;
|
|
31
|
+
this.maintainContent = false;
|
|
32
|
+
}
|
|
33
|
+
clickEventHandler() {
|
|
34
|
+
this.clickEvent.emit();
|
|
35
|
+
}
|
|
36
|
+
seoCompRender() {
|
|
37
|
+
const classMap = this.getCssClassMap();
|
|
38
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
39
|
+
const [TagType, firstChild] = utils.getSeoTagType(this.el, Tag);
|
|
40
|
+
const html = firstChild && firstChild.innerHTML;
|
|
41
|
+
if (this.el == firstChild) {
|
|
42
|
+
this.el.innerHTML = '';
|
|
43
|
+
}
|
|
44
|
+
if (this.maintainContent) {
|
|
45
|
+
this.el.innerHTML = html;
|
|
46
|
+
}
|
|
47
|
+
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h(TagType, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), index.h("span", { innerHTML: html }, index.h("slot", { name: "slot-before-text" }), index.h("slot", { name: "slot-after-text" })))));
|
|
48
|
+
}
|
|
49
|
+
standardRender() {
|
|
50
|
+
const classMap = this.getCssClassMap();
|
|
51
|
+
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
52
|
+
return (index.h(index.Host, null, this.styles && index.h("style", null, this.styles), index.h(Tag, Object.assign({ class: classMap, onClick: this.clickEventHandler.bind(this) }, (!!this.linkHref ? { href: this.linkHref } : {}), (!this.linkHref ? { type: this.type } : {}), (!!this.target && !!this.linkHref ? { target: this.target } : {}), (!!this.rel && !!this.linkHref ? { rel: this.rel } : {}), (!!this.linkHref ? { title: this.linkTitle ? this.linkTitle : this.linkHref } : {}), (!!this.tabNav ? { tabindex: -1 } : { tabindex: 0 }), { title: this.buttonTitle }, (this.ariaLabel !== '' ? { ariaLabel: this.ariaLabel } : {})), this.iconAnimation == 'reveal-down' ?
|
|
53
|
+
index.h("span", null, index.h("div", { class: "content" }, index.h("slot", null)), index.h("div", { class: "icon-wrapper" }, index.h("div", { class: "icon" }, index.h("slot", { name: "slot-after-text" })))) :
|
|
54
|
+
index.h("span", null, index.h("slot", { name: "slot-before-text" }), index.h("slot", null), index.h("slot", { name: "slot-after-text" })))));
|
|
55
|
+
}
|
|
56
|
+
render() {
|
|
57
|
+
if (this.seoCompatibilityMode) {
|
|
58
|
+
return this.seoCompRender();
|
|
59
|
+
}
|
|
60
|
+
else {
|
|
61
|
+
return this.standardRender();
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
getCssClassMap() {
|
|
65
|
+
return {
|
|
66
|
+
[this.color]: true,
|
|
67
|
+
[this.iconAnimation]: true,
|
|
68
|
+
[this.iconPosition]: true,
|
|
69
|
+
['disabled']: this.disabled ? true : false,
|
|
70
|
+
['active']: this.active ? true : false,
|
|
71
|
+
[this.textAlign]: true,
|
|
72
|
+
[this.size]: true
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
get el() { return index.getElement(this); }
|
|
76
|
+
};
|
|
77
|
+
PtcButton.style = ptcButtonCss;
|
|
78
|
+
|
|
79
|
+
exports.ptc_button = PtcButton;
|
|
@@ -31,23 +31,24 @@ const PtcCard = class {
|
|
|
31
31
|
this.isCreoCard = false;
|
|
32
32
|
}
|
|
33
33
|
render() {
|
|
34
|
-
const Tag = !!this.cardHref ? 'a' : 'div';
|
|
34
|
+
const Tag = (!!this.cardHref && this.cardType !== 'featured-horizontal-card') ? 'a' : 'div';
|
|
35
35
|
const classMap = this.getCssClassMap();
|
|
36
36
|
const cutOff = this.getLineCuttoff();
|
|
37
37
|
let cutOffTitleClass = '';
|
|
38
|
+
const BodyContainerTag = (!!this.cardHref && !!this.cardType && this.cardType === 'featured-horizontal-card') ? 'a' : index.Fragment;
|
|
38
39
|
if (this.titleLineCutOff && this.titleLineCutOff > 0) {
|
|
39
40
|
cutOffTitleClass = ' clamp-title';
|
|
40
41
|
}
|
|
41
42
|
return (index.h(index.Host, { class: {
|
|
42
43
|
[this.cardType]: !!this.cardType,
|
|
43
44
|
'creo-card-wrap': this.isCreoCard, // Add the cardType class conditionally
|
|
44
|
-
} }, this.styles && index.h("style", null, this.styles), index.h("slot", { name: "seo-content" }), index.h("div", { class: "card-border", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {}), (!!this.ribbonText ? { rel: this.ribbonText } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? index.h("slot", { name: this.getMediaSlot() }) : null)) : null, (!!this.ribbonText && this.cardType == 'resource-center-card') || (!!this.ribbonText && this.cardType == 'related-card') ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ? (index.h("div", { class: "card-date-text" }, !!this.eventType ? (index.h("span", { class: "small" }, `${this.cardDate}`, "\u00A0\u00A0\u00A0|\u00A0\u00A0\u00A0", `${this.eventType}`)) : (index.h("span", { class: "small" }, `${this.cardDate}`)))) : null, this.cardType === 'case-studies-card'
|
|
45
|
+
} }, this.styles && index.h("style", null, this.styles), index.h("slot", { name: "seo-content" }), index.h("div", { class: "card-border", part: "border-wrapper", style: { overflow: this.cardOverflow } }, index.h(Tag, Object.assign({ class: classMap, part: "card-layout" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {}), (!!this.ribbonText ? { rel: this.ribbonText } : {})), this.hasImage || this.hasLottie || this.hasVideo ? (index.h("div", { class: "card-media", part: "media-wrapper" }, this.getMediaSlot ? index.h("slot", { name: this.getMediaSlot() }) : null)) : null, (!!this.ribbonText && this.cardType == 'resource-center-card') || (!!this.ribbonText && this.cardType == 'related-card') ? (index.h("div", { class: "ribbon-text" }, `${this.ribbonText}`)) : null, index.h("div", { class: "card-body", part: "body-wrapper" }, index.h(BodyContainerTag, Object.assign({ class: "link-wrapper" }, (!!this.cardHref ? { href: this.cardHref } : {}), (!!this.target && !!this.cardHref ? { target: this.target } : {}), (!!this.rel && !!this.cardHref ? { rel: this.rel } : {})), !!this.cardDate && (this.cardType === 'listing-card' || this.cardType === 'listing-card-horizontal') ? (index.h("div", { class: "card-date-text" }, !!this.eventType ? (index.h("span", { class: "small" }, `${this.cardDate}`, "\u00A0\u00A0\u00A0|\u00A0\u00A0\u00A0", `${this.eventType}`)) : (index.h("span", { class: "small" }, `${this.cardDate}`)))) : null, this.cardType === 'case-studies-card'
|
|
45
46
|
? Object.assign({}, (!!this.cardLogo ? (index.h("div", { class: "card-logo-container" }, index.h("ptc-picture", { alt: "", "object-fit": "contain", src: this.cardLogo, height: "40" }))) : (index.h("div", { class: "card-logo-none" })))) : null, index.h("slot", { name: "slot-before-heading" }), !!this.heading
|
|
46
47
|
? [
|
|
47
48
|
this.cardType === 'listing-card' ? (index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, part: "card-heading" }, index.h("ptc-tooltip", { "text-display": "inline", "text-lines": this.maxLines, "max-length": this.maxChars, description: this.heading, position: "bottom", width: "full-width", theme: "standard", "hide-on-mobile": "true", "no-overflow": "true" }))) : this.cardType === 'hightlight-card' ? (index.h("h2", { class: `${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading)) : (index.h("h3", { class: `ptc-h3 ${this.headingTransform}${cutOffTitleClass}`, style: cutOff, part: "card-heading" }, this.heading)),
|
|
48
49
|
index.h("slot", { name: "slot-after-heading" }),
|
|
49
50
|
]
|
|
50
|
-
: null, index.h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (index.h("ptc-date", { style: { marginBottom: '20px' }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}", country: this.country })) : null)))));
|
|
51
|
+
: null, index.h("slot", { name: "slot-description" }), !!this.cardDate && this.cardType !== 'listing-card' && this.cardType !== 'listing-card-horizontal' && this.cardType !== 'hightlight-card' ? (index.h("ptc-date", { "date-string": `${this.cardDate}`, "date-styles": "span{color:#40434a;font-size:var(--ptc-font-size-x-small);margin-top:var(--ptc-element-spacing-06);display:inline-block;}" })) : null, !!this.cardDate && this.cardType === 'hightlight-card' ? (index.h("ptc-date", { style: { marginBottom: '20px' }, "format-options": '{"year":"numeric","month":"long","day":"numeric"}', "date-string": `${this.cardDate}`, "date-styles": "span{color: #a3a3a3;font-family: Raleway;font-size: 1rem !important;font-stretch: normal;font-style: normal;font-weight: 400;letter-spacing: normal;line-height: 1.03;padding-top: 15px;text-align: left;}", country: this.country })) : null))))));
|
|
51
52
|
}
|
|
52
53
|
getCssClassMap() {
|
|
53
54
|
return {
|
|
@@ -82,59 +83,40 @@ const PtcCard = class {
|
|
|
82
83
|
};
|
|
83
84
|
PtcCard.style = ptcCardCss;
|
|
84
85
|
|
|
85
|
-
const ptcDateCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}:host(.small) span{font-size:var(--ptc-font-size-xx-small)}:host(.medium) span{font-size:var(--ptc-font-size-x-small)}:host(.primary-grey){color:var(--color-primary-gray-new)}:host(.white) span{color:var(--color-white)}:host(.date-m-top){margin-top:var(--ptc-element-spacing-01)}";
|
|
86
|
+
const ptcPreloaderSectionCss = ".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}}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.preload-min-height{min-height:150vh}.has-col-gap-lg{grid-column-gap:var(--spacing)}@media only screen and (min-width: 480px){.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.icon-grid{grid-column-gap:16px;grid-row-gap:var(--spacing-xxl)}@media only screen and (min-width: 992px){.icon-grid{grid-column-gap:64px;grid-row-gap:64px}}@media (min-width: 1980px){.preload-min-height{min-height:60vh}}.cards-preload-min-height{min-height:80vh}@media (min-width: 1980px){.cards-preload-min-height{min-height:20vh}}.has-col-gap-md{grid-column-gap:16px}.has-row-gap-md{grid-row-gap:48px}@media only screen and (min-width: 768px){.has-col-gap-md{grid-column-gap:24px}}@media only screen and (min-width: 992px){.has-col-gap-md{grid-column-gap:32px}}.ptc-section-standard{padding-top:3rem;padding-bottom:3rem}.skeleton{display:flex;flex-direction:column;padding:10px}.skeleton-header{display:flex;flex-direction:column;margin-bottom:var(--ptc-element-spacing-07)}.skeleton-block{height:24px;background:linear-gradient(to right, #F6F6F6 25%, #E4E7E9 50%, #F6F6F6 75%);background-size:200% 100%;margin-bottom:8px;border-radius:4px;animation:loading 2.5s ease-in-out infinite;width:100%}.skeleton-block.long{width:80%}.skeleton-block.wide{width:70%}.skeleton-block.wide-sm{width:60%}.skeleton-block.medium{width:50%}.skeleton-block.short{width:30%}.skeleton-block.narrow{width:20%}.skeleton-block.thick{height:48px}.skeleton-block.thin{height:22px}.skeleton-block.bold{height:32px}.skeleton-block.extra-bold{height:66px}.skeleton-block.center{margin-left:auto;margin-right:auto}.skeleton-block.left{margin-right:auto}.skeleton-block.right{margin-left:auto}.skeleton-block.cta{height:55px;max-width:160px}.skeleton-image,.skeleton-card-media,.skeleton-jumbotron-image,.skeleton-long-image{width:100%;height:450px;background:linear-gradient(to right, #F6F6F6 25%, #E4E7E9 50%, #F6F6F6 75%);background-size:200% 100%;margin-bottom:var(--ptc-layout-spacing-06);border-radius:4px;animation:loading 2.5s ease-in-out infinite}.skeleton-card-media{height:230px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-long-image{height:455px;margin-bottom:var(--ptc-layout-spacing-03)}.skeleton-jumbotron-image{height:380px;margin-bottom:var(--ptc-layout-spacing-04)}.unit-col{-ms-grid-column-span:1;grid-column:span 1}.is-flex{display:flex}.skeleton-background-video-tall{width:100%;padding:160px 0;background-color:var(--color-gray-01)}.skeleton-background-video-tall .block{background:linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);background-size:200% 100%;animation:loading 2.5s linear infinite;border-radius:4px;margin-bottom:8px}.skeleton-background-video-tall .top-1{width:60%;height:37px;max-width:561px}.skeleton-background-video-tall .top-2{width:70%;height:37px;max-width:605px;margin-bottom:16px}.skeleton-background-video-tall .top-3{width:90%;height:21px;max-width:688px}.skeleton-background-video-tall .top-4{width:50%;height:21px;max-width:521px;margin-bottom:32px}.skeleton-background-video-tall .top-5{width:177px;height:49px}.skeleton-background-video-tall .bottom-1{width:200px;height:30px;margin-bottom:16px}.skeleton-background-video-tall .top-section{margin-bottom:160px}.skeleton-background-video-tall .bottom-section{overflow:hidden}.skeleton-background-video-tall .cards{overflow:hidden;white-space:nowrap}.skeleton-background-video-tall .cards .card{display:inline-block;padding:24px;width:228px;height:50px;margin:0 16px}.skeleton-background-video-tall .cards .card:first-child{margin-left:0}.skeleton-background-video-tall .cards .card:last-child{margin-right:0}.skeleton-jumbotron{padding-top:106px;padding-bottom:106px}.skeleton-jumbotron .cta-wrap{display:flex;width:50%;column-gap:14px}@media only screen and (min-width: 768px){.skeleton-jumbotron .cta-wrap{column-gap:24px}}.section-two-col{padding-top:76px;padding-bottom:76px}.section-icon-component{padding-top:50px;padding-bottom:50px}.section-icon-component .icon{width:72px;height:72px}@keyframes pulse{0%{opacity:0.5}50%{opacity:0.8}100%{opacity:0.5}}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}";
|
|
86
87
|
|
|
87
|
-
const
|
|
88
|
+
const PtcPreloaderSection = class {
|
|
88
89
|
constructor(hostRef) {
|
|
89
90
|
index.registerInstance(this, hostRef);
|
|
90
|
-
this.
|
|
91
|
-
this.
|
|
92
|
-
this.
|
|
93
|
-
this.
|
|
94
|
-
this.dateString = undefined;
|
|
95
|
-
this.dateColor = undefined;
|
|
96
|
-
this.dateStyles = undefined;
|
|
97
|
-
this.dataSize = 'small';
|
|
98
|
-
this.formatOptions = undefined;
|
|
91
|
+
this.sectionType = 'page';
|
|
92
|
+
this.numberOfCards = 6;
|
|
93
|
+
this.autoShow = true;
|
|
94
|
+
this.isLoading = true;
|
|
99
95
|
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
return (index.h(index.Host, { class: classMap }, this.dateStyles && index.h("style", null, this.dateStyles), index.h("span", { part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
|
|
104
|
-
}
|
|
105
|
-
getCssClassMap() {
|
|
106
|
-
return {
|
|
107
|
-
[this.dateColor]: !!this.dateColor ? true : false,
|
|
108
|
-
[this.dataSize]: !!this.dataSize ? true : false,
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
getOptions() {
|
|
112
|
-
let result = { year: 'numeric', month: 'short', day: 'numeric' };
|
|
113
|
-
if (this.formatOptions) {
|
|
114
|
-
try {
|
|
115
|
-
var json = JSON.parse(this.formatOptions);
|
|
116
|
-
if (json) {
|
|
117
|
-
result = json;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
catch (e) {
|
|
121
|
-
//debugger
|
|
122
|
-
console.log(e);
|
|
123
|
-
}
|
|
96
|
+
componentWillLoad() {
|
|
97
|
+
if (this.autoShow) {
|
|
98
|
+
setTimeout(() => (this.isLoading = false), 3000);
|
|
124
99
|
}
|
|
125
|
-
return result;
|
|
126
100
|
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
101
|
+
renderHTML() {
|
|
102
|
+
switch (this.sectionType) {
|
|
103
|
+
case 'home-video-background':
|
|
104
|
+
return (index.h("div", { class: "preloader-wrapper" }, index.h("div", { class: "skeleton-background-video-tall" }, index.h("div", { class: "ptc-container" }, index.h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, index.h("div", { class: "is-col-12 top-section" }, index.h("div", { class: "top-1 block" }), index.h("div", { class: "top-2 block" }), index.h("div", { class: "top-3 block" }), index.h("div", { class: "top-4 block" }), index.h("div", { class: "top-5 block" })), index.h("div", { class: "is-col-12 bottom-section" }, index.h("div", { class: "bottom-1 block" }), index.h("div", { class: "cards" }, index.h("div", { class: "card block" }), index.h("div", { class: "card block" }), index.h("div", { class: "card block" }), index.h("div", { class: "card block" }))))))));
|
|
105
|
+
case 'cards':
|
|
106
|
+
return (index.h("div", { class: "is-grid has-col-1 has-col-2-md has-col-3-lg has-col-gap-md has-row-gap-md cards-preload-min-height" }, Array.from({ length: this.numberOfCards }).map(() => (index.h("div", { class: "is-col-1" }, index.h("div", { class: "skeleton" }, index.h("div", { class: "skeleton-card-media" }), index.h("div", { class: "skeleton-text" }, index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block long" }))))))));
|
|
107
|
+
case 'case-content':
|
|
108
|
+
return (index.h("div", { class: "preloader-wrapper" }, index.h("div", { class: "skeleton-jumbotron-image" }), index.h("div", { class: "ptc-container" }, index.h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, index.h("div", { class: "is-col-12 is-col-3-lg" }, index.h("div", { class: "sekleton" }, index.h("div", { class: "skeleton-block bold" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block bold" }))), index.h("div", { class: "is-col-12 is-col-9-lg" }, index.h("div", { class: "sekleton" }, index.h("div", { class: "is-grid" }, index.h("div", { class: "left is-col-6" }, index.h("div", { class: "skeleton-block bold medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" })), index.h("div", { class: "right is-col-6" }, index.h("div", { class: "skeleton-block bold medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }))), index.h("ptc-spacer", { breakpoint: "small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "xx-large" }), index.h("div", { class: "skeleton-block bold" }), index.h("div", { class: "skeleton-block bold" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block long" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block narrow" }), index.h("div", { class: "is-grid" }, index.h("div", { class: "left is-col-6" }, index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block narrow" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block narrow" })), index.h("div", { class: "right is-col-6" }, index.h("div", { class: "skeleton-long-image" }))), index.h("div", { class: "skeleton-block bold medium" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" })))))));
|
|
109
|
+
case 'case-product-page':
|
|
110
|
+
return (index.h("div", { class: "preloader-wrapper" }, index.h("div", { class: "ptc-container skeleton-jumbotron" }, index.h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, index.h("div", { class: "is-col-12 is-col-8-lg" }, index.h("div", { class: "sekleton" }, index.h("div", { class: "skeleton-block thin short" }), index.h("div", { class: "skeleton-block thick" }), index.h("div", { class: "skeleton-block thick" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "skeleton-block thin" }), index.h("div", { class: "skeleton-block thin medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "cta-wrap" }, index.h("div", { class: "skeleton-block cta" }), index.h("div", { class: "skeleton-block cta" })))))), index.h("div", { class: "skeleton-block extra-bold" }), index.h("div", { class: "ptc-container section-two-col" }, index.h("div", { class: "skeleton-block thin short center" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "is-grid has-no-row-gap has-col-gap-lg" }, index.h("div", { class: "is-col-6" }, index.h("div", { class: "skeleton-block thin" }), index.h("div", { class: "skeleton-block thin", style: { 'width': '92%' } }), index.h("div", { class: "skeleton-block thin", style: { 'width': '87%' } }), index.h("div", { class: "skeleton-block thin", style: { 'width': '95%' } }), index.h("div", { class: "skeleton-block thin" }), index.h("div", { class: "skeleton-block thin medium" })), index.h("div", { class: "is-col-6" }, index.h("div", { class: "skeleton-jumbotron-image" })))), index.h("div", { class: "ptc-container section-icon-component" }, index.h("div", { class: "skeleton-block thick medium center" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin wide center" }), index.h("div", { class: "skeleton-block thin medium center" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "is-grid icon-grid" }, index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" })), index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" })), index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" })), index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" })), index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" })), index.h("div", { class: "is-col-6 is-col-4-lg" }, index.h("div", { class: "skeleton-block center icon" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block bold medium center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin long center" }), index.h("div", { class: "skeleton-block thin center" }), index.h("div", { class: "skeleton-block thin medium center" }))))));
|
|
111
|
+
default:
|
|
112
|
+
return (index.h("div", { class: "ptc-section-standard preload-min-height" }, index.h("div", { class: "ptc-container" }, index.h("max-width-container", { "max-width": "960", breakpoint: 1200 }, index.h("div", { class: "skeleton" }, index.h("div", { class: "skeleton-header" }, index.h("div", { class: "skeleton-block bold" }), index.h("div", { class: "skeleton-block wide bold" }), index.h("ptc-spacer", { breakpoint: "small", size: "large" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "x-large" }), index.h("div", { class: "skeleton-block medium" }), index.h("div", { class: "skeleton-block narrow" }), index.h("div", { class: "skeleton-block short" })), index.h("div", { class: "skeleton-image" }), index.h("div", { class: "skeleton-text" }, index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block long" }), index.h("div", { class: "skeleton-block narrow" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block long" }), index.h("div", { class: "skeleton-block medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block long" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block medium" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block wide" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block short bold" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block wide" }), index.h("ptc-spacer", { breakpoint: "small", size: "medium" }), index.h("ptc-spacer", { breakpoint: "x-small", size: "large" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block" }), index.h("div", { class: "skeleton-block medium" })))))));
|
|
134
113
|
}
|
|
135
114
|
}
|
|
115
|
+
render() {
|
|
116
|
+
return index.h(index.Host, null, this.isLoading ? this.renderHTML() : index.h("slot", null));
|
|
117
|
+
}
|
|
136
118
|
};
|
|
137
|
-
|
|
119
|
+
PtcPreloaderSection.style = ptcPreloaderSectionCss;
|
|
138
120
|
|
|
139
121
|
exports.ptc_card = PtcCard;
|
|
140
|
-
exports.
|
|
122
|
+
exports.ptc_preloader_section = PtcPreloaderSection;
|