@ptcwebops/ptcw-design 2.7.4 → 2.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/fl-tab-content_3.cjs.entry.js +6 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +2 -2
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +57 -0
- package/dist/cjs/ptc-featured-list.cjs.entry.js +7 -1
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +249 -0
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +63 -0
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +88 -0
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +65 -7
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +1 -1
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.css +18 -0
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css +9 -0
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +11 -2
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +13 -10
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +6 -0
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +118 -0
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +134 -0
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +222 -0
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +98 -0
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +68 -0
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +140 -0
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +5705 -0
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +123 -0
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.css +12 -0
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +99 -0
- package/dist/custom-elements/index.d.ts +36 -0
- package/dist/custom-elements/index.js +391 -8
- package/dist/esm/fl-tab-content_3.entry.js +6 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +2 -2
- package/dist/esm/ptc-brightcov-video.entry.js +53 -0
- package/dist/esm/ptc-featured-list.entry.js +7 -1
- package/dist/esm/ptc-filter-dropdown_4.entry.js +242 -0
- package/dist/esm/ptc-filter-level-theater.entry.js +59 -0
- package/dist/esm/ptc-theater-video-modal.entry.js +84 -0
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/ptcw-design/p-17a5ae95.entry.js +1 -0
- package/dist/ptcw-design/p-553505a6.entry.js +1 -0
- package/dist/ptcw-design/p-565dd14e.entry.js +1 -0
- package/dist/ptcw-design/p-6449b769.entry.js +1 -0
- package/dist/ptcw-design/p-739ab9b5.entry.js +1 -0
- package/dist/ptcw-design/p-cf70a004.entry.js +1 -0
- package/dist/ptcw-design/p-fb88e7a6.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -0
- package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +2 -0
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +24 -0
- package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +14 -0
- package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +11 -0
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +15 -0
- package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +12 -0
- package/dist/types/components.d.ts +107 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/ptc-social-share.cjs.entry.js +0 -80
- package/dist/esm/ptc-social-share.entry.js +0 -76
- package/dist/ptcw-design/p-12acb46f.entry.js +0 -1
- package/dist/ptcw-design/p-515f4332.entry.js +0 -1
- package/dist/ptcw-design/p-ac63caae.entry.js +0 -1
- package/dist/ptcw-design/p-f1ea577b.entry.js +0 -1
|
@@ -564,17 +564,17 @@ const FlTabContent$1 = class extends HTMLElement$1 {
|
|
|
564
564
|
static get style() { return flTabContentCss; }
|
|
565
565
|
};
|
|
566
566
|
|
|
567
|
-
const flTabHeaderCss = "
|
|
567
|
+
const flTabHeaderCss = ".sc-fl-tab-header-h{display:block}.sc-fl-tab-header-h p.sc-fl-tab-header{color:var(--color-gray-10);font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin:0;padding:0}@media only screen and (min-width: 992px){.sc-fl-tab-header-h p.sc-fl-tab-header{font-size:var(--ptc-font-size-small);padding:4px 8px;border-radius:var(--ptc-border-radius-standard);display:inline-block}.sc-fl-tab-header-h p.sc-fl-tab-header:hover{background-color:var(--color-gray-02)}.sc-fl-tab-header-h p.selected-p.sc-fl-tab-header,.sc-fl-tab-header-h p.selected-p-init.sc-fl-tab-header{background-color:var(--color-gray-03)}}";
|
|
568
568
|
|
|
569
569
|
const FlTabHeader$1 = class extends HTMLElement$1 {
|
|
570
570
|
constructor() {
|
|
571
571
|
super();
|
|
572
572
|
this.__registerHost();
|
|
573
|
-
this.__attachShadow();
|
|
574
573
|
this.flTabClicked = createEvent(this, "flTabClicked", 7);
|
|
575
574
|
this.tabTitle = undefined;
|
|
576
575
|
this.nameKey = undefined;
|
|
577
576
|
this.selected = false;
|
|
577
|
+
this.initialHeader = false;
|
|
578
578
|
}
|
|
579
579
|
handleClick(event) {
|
|
580
580
|
this.flTabClicked.emit({
|
|
@@ -583,8 +583,11 @@ const FlTabHeader$1 = class extends HTMLElement$1 {
|
|
|
583
583
|
'name': this.nameKey
|
|
584
584
|
});
|
|
585
585
|
}
|
|
586
|
+
componentWillLoad() {
|
|
587
|
+
this.initialHeader = this.el.classList.contains('init-active');
|
|
588
|
+
}
|
|
586
589
|
render() {
|
|
587
|
-
return (h$1(Host, { class: `fl-header ${this.selected ? 'selected' : ''}`, onClick: this.handleClick.bind(this) }, h$1("slot", null), h$1("p",
|
|
590
|
+
return (h$1(Host, { class: `fl-header ${this.selected ? 'selected' : ''}`, onClick: this.handleClick.bind(this) }, h$1("slot", null), h$1("p", { class: `${this.selected ? 'selected-p' : ''} ${this.initialHeader ? 'selected-p-init' : ''}` }, h$1("ptc-tooltip", { "text-display": "inline", "text-lines": "2", description: this.tabTitle, position: "bottom", width: "full-width", theme: "standard", "hide-on-mobile": "false" }))));
|
|
588
591
|
}
|
|
589
592
|
get el() { return this; }
|
|
590
593
|
static get style() { return flTabHeaderCss; }
|
|
@@ -1006,7 +1009,7 @@ const PtcAccordionItem$1 = class extends HTMLElement$1 {
|
|
|
1006
1009
|
static get style() { return ptcAccordionItemCss; }
|
|
1007
1010
|
};
|
|
1008
1011
|
|
|
1009
|
-
const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:var(--ptc-element-spacing-03)
|
|
1012
|
+
const ptcAnnouncementCss = ".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%}:host{display:block}.announcement{width:100%;position:relative;background-color:var(--color-gray-02);z-index:860;background-size:cover;background-repeat:repeat-x;border-top:3px solid var(--color-green-07);box-shadow:var(--ptc-shadow-medium);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);margin:0 auto;align-items:center;justify-content:space-between}@media only screen and (min-width: 768px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}@media only screen and (min-width: 1200px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03);box-sizing:border-box}}@media screen and (min-width: 1400px){.content-wrapper{padding-top:var(--ptc-element-spacing-03);padding-bottom:var(--ptc-element-spacing-03)}}.left-content{max-width:calc(100% - 76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative}.title{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-dense);text-align:left;color:var(--color-gray-10);margin-bottom:var(--ptc-element-spacing-02);max-width:100%}.description{font-family:Raleway;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-regular);line-height:var(--ptc-line-height-densest);letter-spacing:var(--ptc-letter-spacing-normal);text-align:left;color:var(--color-gray-10);max-width:100%}.cta-link{color:var(--color-blue-07);font-size:var(--ptc-font-size-x-small);-webkit-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);-o-transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);transition:color var(--ptc-transition-slow) var(--ptc-ease-inout);font-weight:var(--ptc-font-weight-bold);text-decoration:underline;display:inline-block;vertical-align:middle;cursor:pointer}.cta-link::before{content:\"\";position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}.cta-link:link{color:var(--color-blue-07)}.cta-link:hover{color:var(--color-blue-08)}.cta-link:active{color:var(--color-gray-09)}.cta-link:focus{outline:2px solid var(--color-blue-07);outline-offset:0.25rem}.bar-close{max-width:36px;cursor:pointer;margin-left:var(--ptc-element-spacing-08);position:relative}.bar-close::before{content:\"\";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1}@media only screen and (min-width: 992px){.left-content{flex-direction:row;max-width:calc(100% - 58px);flex:1 1 1032px}.bar-close{max-width:18px}.bar-close::before{width:34px;height:34px}.title{margin-right:var(--ptc-element-spacing-04);margin-bottom:0;flex:0 1 auto;max-width:248px}.title.max-title{max-width:unset !important;flex:2 1 560px}.description{flex:1 1 768px}}";
|
|
1010
1013
|
|
|
1011
1014
|
const PtcAnnouncement$1 = class extends HTMLElement$1 {
|
|
1012
1015
|
constructor() {
|
|
@@ -1050,7 +1053,7 @@ const PtcAnnouncement$1 = class extends HTMLElement$1 {
|
|
|
1050
1053
|
render() {
|
|
1051
1054
|
var _a, _b;
|
|
1052
1055
|
const classMap = this.getCssClassMap();
|
|
1053
|
-
return (h$1(Host, null, h$1("div", { class: classMap, part: "part-announcement" }, h$1("div", { class:
|
|
1056
|
+
return (h$1(Host, null, h$1("div", { class: classMap, part: "part-announcement" }, h$1("div", { class: "content-wrapper ptc-container" }, h$1("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? (h$1("div", { class: `title${this.isMaxWidthTitle()}` }, this.windowSize === 'mobile' ? (this.barTitle) : (h$1("ptc-tooltip", { "text-display": "inline", "max-length": "60", "z-index": "z-2", description: this.barTitle, position: "bottom" })))) : null, this.windowSize === 'mobile' ? ( //mobile view
|
|
1054
1057
|
Object.assign({}, (!!this.description || !!this.linkUrl ? (h$1("ptc-readmore", { "visible-lines-custom": this.customMaxLines, "z-index": "z-3", "more-text": this.moreText }, h$1("div", { style: { display: 'inline' } }, !!this.description ? `${this.description + ' '}` : null, !!this.linkText ? (h$1("a", { class: "cta-link", href: this.linkUrl, title: (_a = this.linkTitle) !== null && _a !== void 0 ? _a : this.linkText, target: this.target }, this.linkText, console.log('rending link'))) : null))) : null))) : (
|
|
1055
1058
|
//desktop view
|
|
1056
1059
|
h$1("div", { class: "description" }, !!this.description ? (h$1("ptc-tooltip", { "text-display": "inline", "max-length": "165", "z-index": "z-2", description: this.description + ' ', position: "bottom" })) : null, !!this.linkText ? (h$1("a", { class: "cta-link", href: this.linkUrl, title: (_b = this.linkTitle) !== null && _b !== void 0 ? _b : this.linkText, target: this.target }, h$1("ptc-tooltip", { "text-display": "inline", "max-length": "25", "z-index": "z-2", description: this.linkText, position: "bottom" }))) : null))), h$1("icon-asset", { color: "inherit", name: "close-button-flat", type: "ptc", size: this.getIconSize(), onClick: this.closeClick, class: "bar-close" })))));
|
|
@@ -1223,6 +1226,57 @@ const PtcBreadcrumb$1 = class extends HTMLElement$1 {
|
|
|
1223
1226
|
static get style() { return ptcBreadcrumbCss; }
|
|
1224
1227
|
};
|
|
1225
1228
|
|
|
1229
|
+
const ptcBrightcovVideoCss = ".sc-ptc-brightcov-video-h{display:block}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video{position:relative;width:100%;padding-top:56.25%;max-height:500px;background-color:var(--color-gray-10)}.sc-ptc-brightcov-video-h .aspect-ratio-container.sc-ptc-brightcov-video .video-container.sc-ptc-brightcov-video{position:absolute;top:0;left:0;width:100%;height:100%}";
|
|
1230
|
+
|
|
1231
|
+
const PtcBrightcovVideo$1 = class extends HTMLElement$1 {
|
|
1232
|
+
constructor() {
|
|
1233
|
+
super();
|
|
1234
|
+
this.__registerHost();
|
|
1235
|
+
this.videoId = undefined;
|
|
1236
|
+
}
|
|
1237
|
+
componentDidLoad() {
|
|
1238
|
+
// this.loadBrightcovePlayer();
|
|
1239
|
+
}
|
|
1240
|
+
// loadBrightcovePlayer() {
|
|
1241
|
+
// // Load the Brightcove Player library
|
|
1242
|
+
// const script = document.createElement('script');
|
|
1243
|
+
// script.src = 'https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js'; // Replace with your actual account and player IDs
|
|
1244
|
+
// script.async = true;
|
|
1245
|
+
// script.onerror = (error) => {
|
|
1246
|
+
// console.error('Error loading Brightcove Player:', error);
|
|
1247
|
+
// };
|
|
1248
|
+
// this.el.appendChild(script);
|
|
1249
|
+
// script.onload = () => this.initializeVideo();
|
|
1250
|
+
// const bcStyle = document.createElement('link');
|
|
1251
|
+
// bcStyle.href = 'https://players.brightcove.net/videojs-bc-playlist-ui/3/videojs-bc-playlist-ui.css';
|
|
1252
|
+
// bcStyle.onerror = (error) => {
|
|
1253
|
+
// console.error('Error loading Brightcove styles:', error);
|
|
1254
|
+
// };
|
|
1255
|
+
// this.el.appendChild(bcStyle);
|
|
1256
|
+
// bcStyle.onload = () => this.initializeVideo();
|
|
1257
|
+
// }
|
|
1258
|
+
// initializeVideo() {
|
|
1259
|
+
// console.log('Initializing video with ID:', this.videoId);
|
|
1260
|
+
// const videoContainer = this.el.querySelector('.video-container');
|
|
1261
|
+
// if (videoContainer && this.videoId) {
|
|
1262
|
+
// videoContainer.innerHTML = `<video-js
|
|
1263
|
+
// id="bcPlayer"
|
|
1264
|
+
// data-account="1532789042001"
|
|
1265
|
+
// data-player="dNyUv9zZ6_default"
|
|
1266
|
+
// data-embed="default"
|
|
1267
|
+
// data-video-id="${this.videoId}"
|
|
1268
|
+
// controls
|
|
1269
|
+
// class="vjs-fill"
|
|
1270
|
+
// ></video-js>`;
|
|
1271
|
+
// }
|
|
1272
|
+
// }
|
|
1273
|
+
render() {
|
|
1274
|
+
return (h$1("div", { class: 'aspect-ratio-container' }, h$1("div", { class: "video-container" }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "dNyUv9zZ6", "data-embed": "default", "data-video-id": "6337173859112", controls: "", "data-application-id": "", class: "vjs-fill" }), h$1("script", { src: "https://players.brightcove.net/1532789042001/dNyUv9zZ6_default/index.min.js" }))));
|
|
1275
|
+
}
|
|
1276
|
+
get el() { return this; }
|
|
1277
|
+
static get style() { return ptcBrightcovVideoCss; }
|
|
1278
|
+
};
|
|
1279
|
+
|
|
1226
1280
|
const ptcButtonCss = "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{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{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}";
|
|
1227
1281
|
|
|
1228
1282
|
const PtcButton$1 = class extends HTMLElement$1 {
|
|
@@ -8209,7 +8263,7 @@ const PtcEmbeddedQuiz$1 = class extends HTMLElement$1 {
|
|
|
8209
8263
|
static get style() { return ptcEmbeddedQuizCss; }
|
|
8210
8264
|
};
|
|
8211
8265
|
|
|
8212
|
-
const ptcFeaturedListCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a,.light-links a.light-link,.background-grey-10 a,.background-grey-10 a.light-link,.background-plm-grey a,.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:visited,.light-links a.light-link:visited,.background-grey-10 a:visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:active,.light-links a:visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:active,.background-grey-10 a:visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:active,.background-plm-grey a:visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:hover,.light-links a:visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:hover,.background-grey-10 a:visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:hover,.background-plm-grey a:visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a.disabled,.light-links a.light-link.disabled,.background-grey-10 a.disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a.disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{
|
|
8266
|
+
const ptcFeaturedListCss = "a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-blue-07);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a,.light-links a.light-link,.background-grey-10 a,.background-grey-10 a.light-link,.background-plm-grey a,.background-plm-grey a.light-link{color:var(--color-blue-04)}.light-links a:visited,.light-links a.light-link:visited,.background-grey-10 a:visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:active,.light-links a:visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:active,.background-grey-10 a:visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:active,.background-plm-grey a:visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{color:var(--color-blue-07)}.light-links a:hover,.light-links a:visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:hover,.background-grey-10 a:visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:hover,.background-plm-grey a:visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a.disabled,.light-links a.light-link.disabled,.background-grey-10 a.disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a.disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}:host{display:block;box-sizing:border-box}:host ptc-background-video{height:240px}@media only screen and (min-width: 480px){:host ptc-background-video{height:320px}}@media only screen and (min-width: 768px){:host ptc-background-video{height:450px}}@media only screen and (min-width: 992px){:host ptc-background-video{height:500px}}:host .fl-header{cursor:pointer}:host .non-mobile-wrapper{box-sizing:border-box}@media only screen and (min-width: 992px){:host .non-mobile-wrapper{margin:-40px auto 0 auto;display:flex;align-items:center;width:100%;background:var(--color-white);box-shadow:var(--ptc-shadow-small);padding:24px 32px;z-index:1;position:relative;min-height:350px}}@media only screen and (min-width: 1200px){:host .non-mobile-wrapper{max-width:1136px}}@media (min-width: 1300px){:host .non-mobile-wrapper{margin:-75px auto 0 auto}}@media only screen and (min-width: 1440px){:host .non-mobile-wrapper{max-width:1200px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .header-list-wrap{padding-right:16px;margin-right:64px;min-width:270px;max-width:270px;box-sizing:border-box;display:flex;flex-direction:column;align-items:baseline}:host .non-mobile-wrapper .header-list-wrap::after{content:\"\";width:1px;height:calc(100% - 48px);background-color:var(--color-gray-05);position:absolute;left:297px;top:24px;bottom:24px}}@media only screen and (min-width: 992px){:host .non-mobile-wrapper .content-wrap{padding-right:72px}}:host .non-mobile-wrapper .fl-header{margin:0;padding:12px 0;width:100%}:host .mobile-wrapper .acc-item{border-bottom:1px solid var(--color-gray-03);padding:14px 30px}:host .mobile-wrapper .acc-item fl-tab-header{padding-left:34px;position:relative}:host .mobile-wrapper .acc-item fl-tab-header::before{content:\"\";display:inline-block;width:16px;height:16px;background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_91_790)\"><path d=\"M15.9001 6.29998H9.7001V0.0999756H6.3001V6.29998H0.100098V9.69998H6.3001V15.9H9.7001V9.69998H15.9001V6.29998Z\" fill=\"%23006E09\"/></g><defs><clipPath id=\"clip0_91_790\"><rect width=\"16\" height=\"16\" fill=\"white\"/></clipPath></defs></svg>');vertical-align:middle;position:absolute;left:0;top:4.5px}:host .mobile-wrapper .acc-item fl-tab-header.selected::before,:host .mobile-wrapper .acc-item fl-tab-header.init-active::before{background-image:url('data:image/svg+xml,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><g clip-path=\"url(%23clip0_113_741)\"><path d=\"M0 7.05566V10.8637H13.913V7.05566H0Z\" fill=\"%23323B42\"/></g><defs><clipPath id=\"clip0_113_741\"><rect width=\"13.913\" height=\"17.92\" fill=\"white\"/></clipPath></defs></svg>')}:host .mobile-wrapper .acc-item fl-tab-content{padding-left:34px;padding-bottom:18px}";
|
|
8213
8267
|
|
|
8214
8268
|
const PtcFeaturedList$1 = class extends HTMLElement$1 {
|
|
8215
8269
|
constructor() {
|
|
@@ -8242,6 +8296,9 @@ const PtcFeaturedList$1 = class extends HTMLElement$1 {
|
|
|
8242
8296
|
headerBlocks.forEach(header => {
|
|
8243
8297
|
if (header.classList.contains("init-active")) {
|
|
8244
8298
|
header.classList.remove("init-active");
|
|
8299
|
+
if (header.querySelector('p')) {
|
|
8300
|
+
header.querySelector('p').classList.remove('selected-p-init');
|
|
8301
|
+
}
|
|
8245
8302
|
}
|
|
8246
8303
|
header.getAttribute('name-key') === name ? (header.setAttribute('selected', 'selected')) : (header.removeAttribute('selected'));
|
|
8247
8304
|
});
|
|
@@ -8289,6 +8346,9 @@ const PtcFeaturedList$1 = class extends HTMLElement$1 {
|
|
|
8289
8346
|
}
|
|
8290
8347
|
if (tabName.classList.contains("init-active")) {
|
|
8291
8348
|
tabName.classList.remove("init-active");
|
|
8349
|
+
if (tabName.querySelector('p')) {
|
|
8350
|
+
tabName.querySelector('p').classList.remove('selected-p-init');
|
|
8351
|
+
}
|
|
8292
8352
|
}
|
|
8293
8353
|
}
|
|
8294
8354
|
render() {
|
|
@@ -8304,6 +8364,130 @@ const PtcFeaturedList$1 = class extends HTMLElement$1 {
|
|
|
8304
8364
|
static get style() { return ptcFeaturedListCss; }
|
|
8305
8365
|
};
|
|
8306
8366
|
|
|
8367
|
+
const ptcFilterDropdownCss = ":host{display:block;box-sizing:border-box}:host .hidden{display:none}:host .dropdown{position:relative;display:inline-block;font-size:16px;color:var(--color-gray-10)}:host .dropdown .dropdown-toggle{padding:0.5rem;border:1px solid var(--color-gray-05);background-color:var(--color-white);cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:34px;border-radius:4px}:host .dropdown .caret{display:inline-block;vertical-align:middle;margin-left:5px}:host .dropdown .dropdown-menu{position:absolute;top:100%;left:0;left:8px;border:1px solid var(--color-gray-03);background-color:var(--color-white);overflow-y:auto;width:100%;border-radius:4px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;margin-top:8px;min-width:278px;overflow:hidden;position:absolute;transition:max-height 0.25s ease-out;z-index:2000;max-height:1000px}:host .dropdown .dropdown-menu .filter-list{padding:24px 24px 16px 24px;margin:0;list-style:none;border-bottom:1px solid var(--color-gray-02)}:host .dropdown .dropdown-menu .filter-btns{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}:host .dropdown .dropdown-menu .filter-btns .clear-btn{cursor:pointer}:host .dropdown .dropdown-menu .filter-btns .clear-btn:hover{text-decoration:underline}:host .dropdown::-webkit-scrollbar{width:5px}:host .dropdown::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3)}:host .dropdown::-webkit-scrollbar-thumb{background-color:var(--color-gray-05);outline:1px solid var(--color-gray-05)}:host .radio-label{margin-bottom:16px;font-size:16px;font-weight:500;cursor:pointer;display:block;font-weight:500;position:relative;user-select:none;line-height:1.5;display:flex;align-items:baseline}:host .radio-label input{margin-right:10px}:host .radio-label .checkmark{width:20px;height:20px;background-color:#fff;border:1px solid #1f2024;border-radius:0.4rem;margin-right:8px;position:absolute;left:0;top:0}:host .radio-label .checkmark::after{background-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"10\" viewBox=\"0 0 14 10\" fill=\"none\"><path d=\"M1.5 4L5.5 8L12.5 1\" stroke=\"white\" stroke-width=\"2\"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:75% 100%;content:\"\";height:20px;width:20px;position:absolute;left:0;top:0;display:none}";
|
|
8368
|
+
|
|
8369
|
+
const PtcFilterDropdown$1 = class extends HTMLElement$1 {
|
|
8370
|
+
constructor() {
|
|
8371
|
+
super();
|
|
8372
|
+
this.__registerHost();
|
|
8373
|
+
this.__attachShadow();
|
|
8374
|
+
this.selectedFilterValues = createEvent(this, "selectedFilterValues", 7);
|
|
8375
|
+
this.internalOptions = [];
|
|
8376
|
+
this.selectedOptions = [];
|
|
8377
|
+
this.placeholder = undefined;
|
|
8378
|
+
this.selectedTag = undefined;
|
|
8379
|
+
this.isOpen = false;
|
|
8380
|
+
}
|
|
8381
|
+
parseOptions() {
|
|
8382
|
+
let options = Array.from(this.hostElement.querySelectorAll('span'));
|
|
8383
|
+
if (options) {
|
|
8384
|
+
this.internalOptions = options.map((option) => ({
|
|
8385
|
+
tabId: option.getAttribute('tab-id'),
|
|
8386
|
+
value: option.textContent,
|
|
8387
|
+
tagName: option.getAttribute('tag-name'), // Store tag name in the options
|
|
8388
|
+
}));
|
|
8389
|
+
}
|
|
8390
|
+
//console.log(this.internalOptions);
|
|
8391
|
+
}
|
|
8392
|
+
toggleDropdown() {
|
|
8393
|
+
this.isOpen = !this.isOpen;
|
|
8394
|
+
}
|
|
8395
|
+
clearFilter() {
|
|
8396
|
+
this.selectedOptions = [];
|
|
8397
|
+
const radioList = this.hostElement.shadowRoot.querySelectorAll('.filter-list input[type="radio"]');
|
|
8398
|
+
radioList.forEach((radioItem) => {
|
|
8399
|
+
if (radioItem instanceof HTMLInputElement) {
|
|
8400
|
+
radioItem.checked = false;
|
|
8401
|
+
}
|
|
8402
|
+
});
|
|
8403
|
+
this.emitSelectedOptions();
|
|
8404
|
+
}
|
|
8405
|
+
emitSelectedOptions() {
|
|
8406
|
+
// debugger
|
|
8407
|
+
this.selectedOptions = this.internalOptions
|
|
8408
|
+
.filter((option) => {
|
|
8409
|
+
const id = option.tabId;
|
|
8410
|
+
return this.hostElement.shadowRoot.querySelector(`input[tab-id="${id}"]:checked`) !== null;
|
|
8411
|
+
})
|
|
8412
|
+
.map((option) => ({
|
|
8413
|
+
tabId: option.tabId,
|
|
8414
|
+
value: option.value,
|
|
8415
|
+
tagName: option.tagName
|
|
8416
|
+
}));
|
|
8417
|
+
this.selectedFilterValues.emit({
|
|
8418
|
+
sender: this,
|
|
8419
|
+
selectedOptions: this.selectedOptions,
|
|
8420
|
+
});
|
|
8421
|
+
this.toggleDropdown();
|
|
8422
|
+
}
|
|
8423
|
+
componentWillLoad() {
|
|
8424
|
+
this.parseOptions();
|
|
8425
|
+
}
|
|
8426
|
+
render() {
|
|
8427
|
+
return (h$1(Host, null, h$1("div", { class: "dropdown" }, h$1("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h$1("span", { class: "dropdown-placeholder" }, h$1("strong", null, "Filter: "), this.placeholder), h$1("span", { class: "caret" }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h$1("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h$1("div", { class: "dropdown-menu" }, h$1("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h$1("li", { key: option.tabId }, h$1("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h$1("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h$1("div", { class: "filter-btns" }, h$1("span", { class: "clear-btn", onClick: () => this.clearFilter() }, "Clear"), h$1("ptc-button", { type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions(), styles: ' a span { font-size: 16px !important; } a{ padding: 10px 16px !important; }' }, "Apply"))))), h$1("div", { class: "hidden" }, h$1("slot", null))));
|
|
8428
|
+
}
|
|
8429
|
+
get hostElement() { return this; }
|
|
8430
|
+
static get style() { return ptcFilterDropdownCss; }
|
|
8431
|
+
};
|
|
8432
|
+
|
|
8433
|
+
const ptcFilterLevelTheaterCss = ".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%}:host{display:block;position:relative;background-color:var(--color-gray-12);color:var(--color-white);box-sizing:border-box}:host .filter-section{max-width:400px}:host .filter-section ptc-product-dropdown{color:var(--color-gray-10)}:host .flt-bg-image-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0}:host .flt-bg-image-wrapper .flt-bg-img{width:100%;height:100%;display:none}:host .flt-bg-image-wrapper .flt-bg-img.active-tab{display:block}:host .flt-bg-image-wrapper .bg-img-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(40, 47, 53, 0.7)}:host .flt-wrapper{padding-top:44px;padding-bottom:44px;position:relative}:host .flt-wrapper .filter-section{padding-bottom:36px}:host .flt-wrapper .content-tab-wrapper{width:100%}@media only screen and (min-width: 768px){:host .flt-wrapper .content-tab-wrapper{display:flex;justify-content:space-between}}@media only screen and (min-width: 768px){:host .flt-wrapper .content-tab-wrapper .flt-content-wrap{order:1;max-width:700px;padding-right:24px}}:host .flt-wrapper .content-tab-wrapper .flt-content-wrap .flt-content{display:none}:host .flt-wrapper .content-tab-wrapper .flt-content-wrap .flt-content p,:host .flt-wrapper .content-tab-wrapper .flt-content-wrap .flt-content ul li{font-size:18px;line-height:1.5}:host .flt-wrapper .content-tab-wrapper .flt-content-wrap .flt-content.active-tab{display:block}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper{margin-bottom:32px}@media only screen and (min-width: 768px){:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper{order:2;max-width:304px;margin-bottom:0}}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list{min-width:223px;display:flex;overflow-x:auto;align-items:center;padding-bottom:24px}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list::-webkit-scrollbar{height:3px;border-radius:4px}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list::-webkit-scrollbar-track{background-color:#3E4A52;border-radius:4px}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}@media only screen and (min-width: 768px){:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list{display:block;overflow-x:hidden;padding-bottom:0}}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .tab-box,:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list ptc-button,:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .flt-social-icon-list{max-width:304px;min-width:223px;margin-right:24px;margin-bottom:0}@media only screen and (min-width: 768px){:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .tab-box,:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list ptc-button,:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .flt-social-icon-list{min-width:auto;margin-bottom:24px;margin-right:0}}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .tab-box{border-radius:4px;box-sizing:border-box;border:2px solid #33A13C;padding:16px 24px;background-color:#323B42;cursor:pointer}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .tab-box.active-box,:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .tab-box:hover{border-color:#C37729;background-color:#20262A}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list ptc-button{width:100%;display:block}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .flt-social-icon-list{border-radius:4px;padding:12px;text-align:center;background:#BEC6CA;box-sizing:border-box}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .flt-social-icon-list ptc-social-share{margin-right:24px}:host .flt-wrapper .content-tab-wrapper .flt-tab-wrapper .tab-list .flt-social-icon-list ptc-social-share:last-child{margin-right:0}:host ptc-theater-video-playlist{padding-top:26px;clear:both}:host ptc-theater-video-playlist ptc-theater-video{margin-right:32px;display:inline-block;margin-bottom:28px}@media only screen and (min-width: 1200px){:host ptc-theater-video-playlist ptc-theater-video{margin-right:40px}}";
|
|
8434
|
+
|
|
8435
|
+
const PtcFilterLevelTheater$1 = class extends HTMLElement$1 {
|
|
8436
|
+
constructor() {
|
|
8437
|
+
super();
|
|
8438
|
+
this.__registerHost();
|
|
8439
|
+
this.__attachShadow();
|
|
8440
|
+
this.filterCliked = createEvent(this, "filterCliked", 7);
|
|
8441
|
+
this.selectedTab = 1;
|
|
8442
|
+
this.lastSelectedTab = 1;
|
|
8443
|
+
this.lastSelectedTabGroup = undefined;
|
|
8444
|
+
this.selectedTabGroup = 'landing-tab';
|
|
8445
|
+
}
|
|
8446
|
+
selectTab(tabNumber, tabGroup) {
|
|
8447
|
+
this.lastSelectedTab = this.selectedTab; // Store the last selected tab before updating
|
|
8448
|
+
this.lastSelectedTabGroup = this.selectedTabGroup;
|
|
8449
|
+
this.selectedTab = tabNumber;
|
|
8450
|
+
this.selectedTabGroup = tabGroup;
|
|
8451
|
+
}
|
|
8452
|
+
handleSelectedFilterValues(event) {
|
|
8453
|
+
const { sender, selectedOptions } = event.detail;
|
|
8454
|
+
// console.log(selectedOptions[0].tagName);
|
|
8455
|
+
if (sender) {
|
|
8456
|
+
// debugger
|
|
8457
|
+
if (selectedOptions.length > 0) {
|
|
8458
|
+
const tabId = parseInt(selectedOptions[0].tabId);
|
|
8459
|
+
this.selectTab(tabId, 'filter-tabs');
|
|
8460
|
+
this.filterCliked.emit({
|
|
8461
|
+
'sender': this,
|
|
8462
|
+
'selected-tag': selectedOptions[0].tagName
|
|
8463
|
+
});
|
|
8464
|
+
}
|
|
8465
|
+
else {
|
|
8466
|
+
this.selectTab(this.lastSelectedTab, this.lastSelectedTabGroup);
|
|
8467
|
+
this.filterCliked.emit({
|
|
8468
|
+
'sender': this,
|
|
8469
|
+
'selected-tag': 'reset'
|
|
8470
|
+
});
|
|
8471
|
+
}
|
|
8472
|
+
}
|
|
8473
|
+
}
|
|
8474
|
+
render() {
|
|
8475
|
+
return (h$1(Host, null, this.renderBackgroundImage(), h$1("div", { class: "ptc-container flt-wrapper" }, this.renderFilterSection(), h$1("div", { class: "content-tab-wrapper" }, h$1("div", { class: "flt-tab-wrapper" }, h$1("div", { class: "tab-list" }, h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(1, 'side-tabs') }, "Manufacturing excellence through insight"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(2, 'side-tabs') }, "Deliver transformational impact"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(3, 'side-tabs') }, "Aligning to your business strategy"), h$1("div", { class: { 'tab-box': true, 'active-box': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') }, onClick: () => this.selectTab(4, 'side-tabs') }, "Prove and scale value"), h$1("ptc-button", { type: "button", color: "ptc-quaternary", "link-href": "#form-section", "text-align": 'center', styles: "a{display:block}" }, "Get Started"), this.renderSocialMediaIcon())), h$1("div", { class: "flt-content-wrap" }, h$1("div", { class: { 'flt-content': true, 'landing-slide': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') } }, h$1("ptc-title", { type: 'h1', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with more production time? Drive revenue? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"), h$1("li", null, "Action Tracker"), h$1("li", null, "Scorecard"))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Accelerate operational impact and sustain excellence"), h$1("p", null, "What if you could use your existing data to improve performance throughput by up to 20%? Depending on your business, this might drive your site capacity by up to 50%\u2014which you could use to increase revenue or reduce operating costs. You might also reinvest that capacity to further drive flexibility or focus on additional continuous improvement."), h$1("p", null, "Digital Performance Management provides manufacturers with the solution for closed-loop operational excellence. It can help your team realize the promise of Industry 4.0 to deliver true transformational impact, and enable you to identify and resolve manufacturing constraints more rapidly\u2014all to rapidly advance your productivity."), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Accelerate Operational Impact and Sustain Excellence", "card-number": 0, "video-id": "6275116780001", "card-description": "Learn about Digital Performance Management" }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Accelerate Operational Impact and Sustain Excellence"), h$1("ptc-spacer", null), h$1("p", { class: "dpm-v-p" }, "Since the beginning of manufacturing, companies have pursued world-class performance through continuous improvement. Digital is the paradigm shift that offers a huge new advantage."), h$1("p", null, "Manufacturing environments are extraordinarily complex with a multitude of variables and disparate data sources. There are functionally siloed people, shared and dedicated processes, and multiple products\u2014and they all need to be harmoniously synchronized to effectively problem solve."), h$1("p", null, "These challenges often mean that thousands of variables are managed through inefficient, incomplete, and\u2014unfortunately\u2014out-of-date reporting efforts."), h$1("p", null, "These realities make world class performance difficult to attain. While best in class factories can operate at 85% ", h$1("a", { href: "/en/solutions/improving-efficiency/increasing-asset-efficiency/capacity-utilization", tabindex: "0" }, "capacity utilization"), ", or ", h$1("a", { href: "/en/solutions/digital-manufacturing/overall-equipment-effectiveness", tabindex: "0" }, "OEE (overall equipment effectiveness)"), ", most companies still fall short of this performance level. Instead, they operate closer to an average of 40\u201360% OEE."), h$1("h3", { class: "dpm-v-h3" }, "Digital Performance Management provides manufacturers with an industry solution for closed-loop operational excellence. "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Achieve true transformational impact by capturing and sustaining double-digit efficiency improvements at scale. "), h$1("li", null, "Identify and resolve manufacturing constraints more rapidly, understanding the dynamics between bottlenecks and the prioritized order of bottlenecks to address. "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew1.jpg", "card-title": "Introduction to Digital Performance Management", "card-number": 1, "video-id": "6275114763001", "card-description": "Identify, prioritize, and resolve the biggest bottlenecks that constrain manufacturing productivity." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Introduction to Digital Performance Management"), h$1("ptc-spacer", null), h$1("p", { class: "dpm-v-p" }, "Digital Performance Management replaces out-of-date, siloed reporting tools with a closed-loop solution that drives operational excellence, by helping to identify, prioritize, and solve the biggest issues that constrain production efficiency. The solution systematically identifies bottlenecks and prioritizes actions for improvement. It collects and normalizes production data to a standard metric: time lost. This helps customers engage every level of the organization to help solve problems and regain lost hours of production."), h$1("p", null, "The solution creates a closed-loop cycle that manufacturers can use to monitor current performance, prioritize areas to improve production, analyze production losses to determine root cause loss reasons, improve performance with prescriptive, targeted actions, and confirm performance levels within and across facilities."), h$1("p", null, "For the first time, Digital Performance Management links frontline, operational data to bottom line financial impact."), h$1("h3", { class: "dpm-v-h3" }, "Digital Performance Management closed loop approach to operational excellence"), h$1("ul", { class: "dpm-v-ul" }, h$1("ul", null, h$1("li", null, "Prioritize production improvement with Bottleneck Analysis"), h$1("li", null, "Analyze production losses with Performance Analysis"), h$1("li", null, "Track performance improvements with Action Tracker"), h$1("li", null, "View site-level performance and compare across similar manufacturing sites with Scorecard"), h$1("li", null, "Monitor current performance with Production Dashboard")))))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Deliver transformational impact ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew5.jpg", "card-title": "Deliver transformational impact ThingWorx from PTC 1", "card-number": 0, "video-id": "6275116783001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Deliver transformational impact ThingWorx Digital Drive improvement from the ground up to engage the full organization"), h$1("ptc-spacer", null), h$1("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h$1("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h$1("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h$1("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h$1("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Planned and unplanned downtime "), h$1("li", null, "Changeover time "), h$1("li", null, "Speed losses based on best demonstrated speeds by SKU "), h$1("li", null, "Small stops or micro stops "), h$1("li", null, "Scrap losses "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideoNew3.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 2 ", "card-number": 1, "video-id": "6275111939001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, " Deliver transformational impact ThingWorx Digitaltest 2", h$1("a", { href: "#" }, " link test 2"), " Some test content")), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/imagebc.jpg", "card-title": "Deliver transformational impact ThingWorx Digital PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "Deliver transformational impact ThingWorx Digital test 3", h$1("a", { href: "#" }, " link test 3"), " Some test content")))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Aligning to your business strategy ThingWorx Digital Performance Management"), h$1("p", null, "Drive revenue? Reduce costs?"), h$1("p", null, "We invite you to discover more with the videos and material in this microsite. Simply click on the options to the right to get started."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"), h$1("li", null, "Action Tracker"), h$1("li", null, "Scorecard")), h$1("ptc-theater-video-playlist", null, h$1("ptc-theater-video", { "vtag-name": 'manager-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Test Why Digital Performance Management from PTC 1", "card-number": 0, "video-id": "6275116780001", "card-description": "Test Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("ptc-title", { type: 'h3', upperline: 'no-upperline', "title-color": "white", "title-size": "x-large", "title-margin": 'margin-flush' }, "Drive improvement from the ground up to engage the full organization"), h$1("ptc-spacer", null), h$1("p", null, "As a large manufacturer, with 30+ sites, what would it mean if you could unlock up to 20% additional productivity time at each of these sites?"), h$1("p", null, "How would you take advantage of this opportunity? You could drive more revenue but hold costs the same, reduce costs but maintain your current output, increase service levels, decrease lead times\u2014or some combination to drive measurable and sustainable P&L impact for your company. Time truly is the universal language of value in manufacturing."), h$1("p", null, "A $5 billion company with 50 sites that adopts Digital Performance Management can fulfill an additional $2 million in orders with the additional capacity without additional CapEx. Or the company could cut $2 million in operating costs. Either way, margins improve while the costs per unit decrease. While these numbers sound good on their own, at enterprise scale across 50 sites this yields an additional $100 million to the bottom line that can be reinvested in any number of ways including R&D, employee training, or capital improvements."), h$1("p", null, "PTC\u2019s customers have utilized additional capacity to improve their product mix, drive down order backlogs, increase service levels, improve morale, and even drive down inventories to lower their working capital. With PTC\u2019s Digital Performance Management solution, manufacturers can realize the true value of time across their enterprise. "), h$1("h3", { class: "dpm-v-h3" }, "Operationally, these improvements are driven by reductions in: "), h$1("ul", { class: "dpm-v-ul" }, h$1("li", null, "Planned and unplanned downtime "), h$1("li", null, "Changeover time "), h$1("li", null, "Speed losses based on best demonstrated speeds by SKU "), h$1("li", null, "Small stops or micro stops "), h$1("li", null, "Scrap losses "))), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 2 ", "card-number": 1, "video-id": "6275114763001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "test 2", h$1("a", { href: "#" }, " link test 2"), " Some test content")), h$1("ptc-theater-video", { "vtag-name": 'leader-tag, vp-tag', "thumb-img": "https://www.ptc.com/-/media/Images/dpm/posterVideo1.jpg", "card-title": "Why Digital Performance Management from PTC 3", "card-number": 2, "video-id": "6275114998001", "card-description": "Industry 4.0 technology can help drive true transformational impact, but leading manufacturers let business and financial impact prioritize the transformation." }, h$1("h3", null, "test 3", h$1("a", { href: "#" }, " link test 3"), " Some test content")))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, " Prove and scale value ThingWorx Digital Performance Management"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem-solving which empowers your team with timely insights about bottlenecks, root causes, and the improvements that your initiatives actually deliver."), h$1("p", null, "Key Features:"), h$1("ul", null, h$1("li", null, "Real-time Production Dashboard"), h$1("li", null, "Bottleneck Analytics"))), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem")), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 2"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem")), h$1("div", { class: { 'flt-content': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'filter-tabs') } }, h$1("ptc-title", { type: 'h2', upperline: "no-upperline", "title-margin": "margin-flush", "title-color": "white" }, "Landing slide from filter option 3"), h$1("p", null, "What could you do with more production time? Reduce costs?"), h$1("p", null, "Gaining the insight to key initiatives that remove production constraints can be challenging. Data is spread across systems and bottleneck reporting is manual, late, and error-prone. ThingWorx delivers the insight you need to make digital transformation possible. It provides real-time, closed-loop problem")))))));
|
|
8476
|
+
}
|
|
8477
|
+
renderFilterSection() {
|
|
8478
|
+
return (h$1("div", { class: "filter-section" }, h$1("ptc-filter-dropdown", { placeholder: "Job Title" }, h$1("span", { "tab-id": '1', "tag-name": "leader-tag" }, "Continuous Improvement Leader"), h$1("span", { "tab-id": '2', "tag-name": "manager-tag" }, "Plant Manager"), h$1("span", { "tab-id": '3', "tag-name": "vp-tag" }, "VP of Global Manufacturing"))));
|
|
8479
|
+
}
|
|
8480
|
+
renderBackgroundImage() {
|
|
8481
|
+
return (h$1("div", { class: "flt-bg-image-wrapper" }, h$1("div", { class: {
|
|
8482
|
+
'flt-bg-img': true, 'active-tab': ((this.selectedTab === 1 && this.selectedTabGroup === 'landing-tab') || (this.selectedTabGroup === 'filter-tabs'))
|
|
8483
|
+
} }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": "https://www.ptc.com/-/media/Images/dpm/slts-digital-performance-management-manufacturing-automation-factory-machines.jpg" })), h$1("div", { class: { 'flt-bg-img': true, 'active-tab': (this.selectedTab === 1 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": "https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-manufacturing-excellence-through-insight-diversity-machine-efficiency-industrial-machinery.jpg" })), h$1("div", { class: { 'flt-bg-img': true, 'active-tab': (this.selectedTab === 2 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": "https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-robot-arm-business-strategy-machine-efficiency-industrial-machinery.jpg" })), h$1("div", { class: { 'flt-bg-img': true, 'active-tab': (this.selectedTab === 3 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": "https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-deliver-transformational-impact-diversity-machine-efficiency-industrial-machinery.jpg" })), h$1("div", { class: { 'flt-bg-img': true, 'active-tab': (this.selectedTab === 4 && this.selectedTabGroup === 'side-tabs') } }, h$1("ptc-img", { "image-type": "smart-bg", "img-url": "https://www.ptc.com/-/media/Images/new-org/1920x1080/DPM/iiot-thingworx-dpm-scaling-value-machine-efficiency-industrial-machinery-diversity-female.jpg" })), h$1("div", { class: "bg-img-overlay" })));
|
|
8484
|
+
}
|
|
8485
|
+
renderSocialMediaIcon() {
|
|
8486
|
+
return (h$1("div", { class: "flt-social-icon-list" }, h$1("ptc-social-share", { "icon-color": "black", "icon-hover-color": "ptc-green", display: "inline-block", "share-type": "facebook", text: "summary", url: "https://www.ptc.com", title: "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h$1("ptc-social-share", { "icon-color": "black", "icon-hover-color": "ptc-green", display: "inline-block", "share-type": "twitter", text: "summary", url: "https://www.ptc.com", title: "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h$1("ptc-social-share", { "icon-color": "black", "icon-hover-color": "ptc-green", display: "inline-block", "share-type": "linkedin", text: "summary", url: "https://www.ptc.com", title: "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" }), h$1("ptc-social-share", { "icon-color": "black", "icon-hover-color": "ptc-green", display: "inline-block", "share-type": "mail", text: "summary", url: "https://www.ptc.com", title: "title goes here", source: "linkedin source", recipient: "yqiantest@ptc.com" })));
|
|
8487
|
+
}
|
|
8488
|
+
static get style() { return ptcFilterLevelTheaterCss; }
|
|
8489
|
+
};
|
|
8490
|
+
|
|
8307
8491
|
const ptcFilterTagCss = ".ptc-filter-tag{display:block;cursor:pointer;position:relative;margin:0.25rem}.ptc-filter-tag.bubble{margin:0 0.25rem;display:inline-block;color:var(--color-gray-12);font-family:Raleway;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:1.125rem;text-align:left;align-items:center;transition:border-color ease-out 250ms;border:1px solid var(--color-gray-05);border-radius:999px;padding:0.375rem 1.875rem 0.375rem 0.875rem;background:var(--color-white)}.ptc-filter-tag.bubble:hover{border:1px solid var(--color-gray-12)}.ptc-filter-tag.bubble .cls{display:block;position:absolute;top:0.35rem;right:0.8rem}.ptc-filter-tag.link,.ptc-filter-tag.link-lg{display:inline-block;font-family:Raleway;color:var(--color-gray-12);font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-denser);letter-spacing:var(--ptc-letter-spacing-normal);text-align:right;border-bottom:1px solid transparent;background:var(--color-white)}.ptc-filter-tag.link:hover,.ptc-filter-tag.link-lg:hover{text-decoration:underline}.ptc-filter-tag.link .cls,.ptc-filter-tag.link-lg .cls{display:none}.ptc-filter-tag.link-lg{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold)}.ptc-filter-tag.button{display:inline-block;background-color:var(--color-gray-12);border-radius:var(--ptc-border-radius-standard);padding:0.625rem 1rem;font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-denser);color:var(--color-white);transition:border-color ease-out 250ms}.ptc-filter-tag.button:hover{background-color:var(--color-gray-10)}.ptc-filter-tag.button:active{background-color:var(--color-black)}.ptc-filter-tag.button .cls{display:none}.ptc-filter-tag.standard{display:inline-flex;background:var(--color-gray-12);font-family:\"Raleway\";font-style:normal;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-denser);color:var(--color-green-07);background-color:transparent}.ptc-filter-tag.standard .cls{display:block;margin-left:0.25rem}";
|
|
8308
8492
|
|
|
8309
8493
|
const PtcFilterTag$1 = class extends HTMLElement$1 {
|
|
@@ -23787,6 +23971,193 @@ const PtcTextfield$1 = class extends HTMLElement$1 {
|
|
|
23787
23971
|
static get style() { return ptcTextfieldCss; }
|
|
23788
23972
|
};
|
|
23789
23973
|
|
|
23974
|
+
const ptcTheaterVideoCss = ".sc-ptc-theater-video-h{display:block;max-width:205px;min-width:205px;color:var(--color-white)}.hide.sc-ptc-theater-video-h{display:none}.show.sc-ptc-theater-video-h{display:inline-block}@media only screen and (min-width: 768px){.sc-ptc-theater-video-h{min-width:auto}}@media only screen and (min-width: 1200px){.sc-ptc-theater-video-h{max-width:260px}}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video{position:relative;border-radius:12px;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.24);cursor:pointer}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video img.sc-ptc-theater-video{max-width:100%;border-radius:12px}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video svg.sc-ptc-theater-video{fill:#FFF;filter:drop-shadow(0px 8px 12px rgba(0, 0, 0, 0.5));position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.sc-ptc-theater-video-h .img-wrap.sc-ptc-theater-video .card-number.sc-ptc-theater-video{position:absolute;left:6px;top:6px;width:32px;height:32px;background-color:var(--color-gray-09);border-radius:50%;border:2px solid var(--color-green-05);text-align:center;color:#FFF;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:3px}.sc-ptc-theater-video-h h4.sc-ptc-theater-video{margin:12px 0 0 0;font-size:16px;font-weight:700;color:var(--color-white)}.sc-ptc-theater-video-h .hidden.sc-ptc-theater-video{display:none}";
|
|
23975
|
+
|
|
23976
|
+
const PtcTheaterVideo$1 = class extends HTMLElement$1 {
|
|
23977
|
+
constructor() {
|
|
23978
|
+
super();
|
|
23979
|
+
this.__registerHost();
|
|
23980
|
+
this.cardTitle = undefined;
|
|
23981
|
+
this.cardDescription = undefined;
|
|
23982
|
+
this.thumbImg = undefined;
|
|
23983
|
+
this.cardNumber = undefined;
|
|
23984
|
+
this.videoId = undefined;
|
|
23985
|
+
this.vtagName = undefined;
|
|
23986
|
+
}
|
|
23987
|
+
render() {
|
|
23988
|
+
return (h$1(Host, { "video-id": this.videoId, "vtag-name": this.vtagName }, h$1("div", { class: "img-wrap", onClick: () => this.showCardDetails() }, h$1("img", { src: this.thumbImg, alt: "" }), h$1("span", { class: 'card-number' }, this.cardNumber + 1), h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "54", height: "56", viewBox: "0 0 54 56", fill: "none" }, h$1("g", { filter: "url(#filter0_d_214_969)" }, h$1("path", { d: "M42 20L12 36V4L42 20Z", fill: "white" })), h$1("defs", null, h$1("filter", { id: "filter0_d_214_969", x: "0", y: "0", width: "54", height: "56", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "s-rGB" }, h$1("feFlood", { "flood-opacity": "0", result: "BackgroundImageFix" }), h$1("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), h$1("feOffset", { dy: "8" }), h$1("feGaussianBlur", { stdDeviation: "6" }), h$1("feComposite", { in2: "hardAlpha", operator: "out" }), h$1("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0" }), h$1("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_214_969" }), h$1("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_214_969", result: "shape" }))))), h$1("h4", { class: 'vcard-title' }, this.cardTitle), h$1("div", { class: "hidden description" }, h$1("slot", null))));
|
|
23989
|
+
}
|
|
23990
|
+
showCardDetails() {
|
|
23991
|
+
// Emit a custom event to signal that the card was clicked
|
|
23992
|
+
const cardClickEvent = new CustomEvent('cardClicked', {
|
|
23993
|
+
detail: this.cardTitle,
|
|
23994
|
+
});
|
|
23995
|
+
this.ele.dispatchEvent(cardClickEvent);
|
|
23996
|
+
}
|
|
23997
|
+
get ele() { return this; }
|
|
23998
|
+
static get style() { return ptcTheaterVideoCss; }
|
|
23999
|
+
};
|
|
24000
|
+
|
|
24001
|
+
const ptcTheaterVideoModalCss = ".ptc-container.sc-ptc-theater-video-modal{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg.sc-ptc-theater-video-modal{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg.sc-ptc-theater-video-modal{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid.sc-ptc-theater-video-modal{width:100%}.is-grid.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal{display:grid;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.is-grid.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal,.is-grid-inline.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.is-grid.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-row.sc-ptc-theater-video-modal{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-row.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-col.sc-ptc-theater-video-modal{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense.sc-ptc-theater-video-modal,.is-grid-inline.has-wrapped-col.is-dense.sc-ptc-theater-video-modal{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline.sc-ptc-theater-video-modal{display:inline-grid !important}.has-row-1.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr)}.has-row-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr)}.has-row-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr)}.has-row-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr)}.has-row-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr)}.has-row-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr)}.has-row-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr)}.has-row-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr)}.has-row-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr)}.has-row-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr)}.has-row-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr)}.has-row-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr)}.has-row-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-row-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl.sc-ptc-theater-video-modal{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr)}.has-col-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr)}.has-col-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr)}.has-col-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr)}.has-col-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr)}.has-col-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr)}.has-col-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr)}.has-col-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr)}.has-col-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr)}.has-col-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr)}.has-col-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr)}.has-col-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr)}.has-col-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}.has-col-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl.sc-ptc-theater-video-modal>*.sc-ptc-theater-video-modal{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl.sc-ptc-theater-video-modal{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-row-1.sc-ptc-theater-video-modal{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl.sc-ptc-theater-video-modal{grid-row:span 1 !important}}.is-row-2.sc-ptc-theater-video-modal{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl.sc-ptc-theater-video-modal{grid-row:span 2 !important}}.is-row-3.sc-ptc-theater-video-modal{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl.sc-ptc-theater-video-modal{grid-row:span 3 !important}}.is-row-4.sc-ptc-theater-video-modal{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl.sc-ptc-theater-video-modal{grid-row:span 4 !important}}.is-row-5.sc-ptc-theater-video-modal{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl.sc-ptc-theater-video-modal{grid-row:span 5 !important}}.is-row-6.sc-ptc-theater-video-modal{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl.sc-ptc-theater-video-modal{grid-row:span 6 !important}}.is-row-7.sc-ptc-theater-video-modal{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl.sc-ptc-theater-video-modal{grid-row:span 7 !important}}.is-row-8.sc-ptc-theater-video-modal{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl.sc-ptc-theater-video-modal{grid-row:span 8 !important}}.is-row-9.sc-ptc-theater-video-modal{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl.sc-ptc-theater-video-modal{grid-row:span 9 !important}}.is-row-10.sc-ptc-theater-video-modal{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl.sc-ptc-theater-video-modal{grid-row:span 10 !important}}.is-row-11.sc-ptc-theater-video-modal{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl.sc-ptc-theater-video-modal{grid-row:span 11 !important}}.is-row-12.sc-ptc-theater-video-modal{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl.sc-ptc-theater-video-modal{grid-row:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.is-col-1.sc-ptc-theater-video-modal{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl.sc-ptc-theater-video-modal{grid-column:span 1 !important}}.is-col-2.sc-ptc-theater-video-modal{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl.sc-ptc-theater-video-modal{grid-column:span 2 !important}}.is-col-3.sc-ptc-theater-video-modal{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl.sc-ptc-theater-video-modal{grid-column:span 3 !important}}.is-col-4.sc-ptc-theater-video-modal{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl.sc-ptc-theater-video-modal{grid-column:span 4 !important}}.is-col-5.sc-ptc-theater-video-modal{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl.sc-ptc-theater-video-modal{grid-column:span 5 !important}}.is-col-6.sc-ptc-theater-video-modal{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl.sc-ptc-theater-video-modal{grid-column:span 6 !important}}.is-col-7.sc-ptc-theater-video-modal{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl.sc-ptc-theater-video-modal{grid-column:span 7 !important}}.is-col-8.sc-ptc-theater-video-modal{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl.sc-ptc-theater-video-modal{grid-column:span 8 !important}}.is-col-9.sc-ptc-theater-video-modal{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl.sc-ptc-theater-video-modal{grid-column:span 9 !important}}.is-col-10.sc-ptc-theater-video-modal{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl.sc-ptc-theater-video-modal{grid-column:span 10 !important}}.is-col-11.sc-ptc-theater-video-modal{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl.sc-ptc-theater-video-modal{grid-column:span 11 !important}}.is-col-12.sc-ptc-theater-video-modal{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.has-row-gap.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing)}.has-row-gap-md.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-md)}.has-row-gap-lg.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}.has-no-row-gap.sc-ptc-theater-video-modal{grid-row-gap:0}.has-col-gap.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing)}.has-col-gap-md.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-md)}.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}.has-no-col-gap.sc-ptc-theater-video-modal{grid-column-gap:0}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl.sc-ptc-theater-video-modal{direction:ltr}}.is-ltr.sc-ptc-theater-video-modal{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl.sc-ptc-theater-video-modal{direction:ltr}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl.sc-ptc-theater-video-modal{direction:rtl}}.is-rtl.sc-ptc-theater-video-modal{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl.sc-ptc-theater-video-modal{direction:rtl}}.is-placed-left.sc-ptc-theater-video-modal{place-self:left}.is-placed-right.sc-ptc-theater-video-modal{place-self:right}.is-placed-center.sc-ptc-theater-video-modal{place-self:center}.is-placed-start.sc-ptc-theater-video-modal{place-self:start}.is-placed-normal.sc-ptc-theater-video-modal{place-self:normal}.is-order-1.sc-ptc-theater-video-modal{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 576px){.is-order-1-sm.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 768px){.is-order-1-md.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 992px){.is-order-1-lg.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl.sc-ptc-theater-video-modal{order:1}}.is-order-2.sc-ptc-theater-video-modal{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 576px){.is-order-2-sm.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 768px){.is-order-2-md.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 992px){.is-order-2-lg.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl.sc-ptc-theater-video-modal{order:2}}.is-order-3.sc-ptc-theater-video-modal{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 576px){.is-order-3-sm.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 768px){.is-order-3-md.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 992px){.is-order-3-lg.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl.sc-ptc-theater-video-modal{order:3}}.is-order-4.sc-ptc-theater-video-modal{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 576px){.is-order-4-sm.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 768px){.is-order-4-md.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 992px){.is-order-4-lg.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl.sc-ptc-theater-video-modal{order:4}}.is-order-5.sc-ptc-theater-video-modal{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 576px){.is-order-5-sm.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 768px){.is-order-5-md.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 992px){.is-order-5-lg.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl.sc-ptc-theater-video-modal{order:5}}.is-order-6.sc-ptc-theater-video-modal{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 576px){.is-order-6-sm.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 768px){.is-order-6-md.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 992px){.is-order-6-lg.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl.sc-ptc-theater-video-modal{order:6}}.is-order-7.sc-ptc-theater-video-modal{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 576px){.is-order-7-sm.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 768px){.is-order-7-md.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 992px){.is-order-7-lg.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl.sc-ptc-theater-video-modal{order:7}}.is-order-8.sc-ptc-theater-video-modal{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 576px){.is-order-8-sm.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 768px){.is-order-8-md.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 992px){.is-order-8-lg.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl.sc-ptc-theater-video-modal{order:8}}.is-order-9.sc-ptc-theater-video-modal{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 576px){.is-order-9-sm.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 768px){.is-order-9-md.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 992px){.is-order-9-lg.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl.sc-ptc-theater-video-modal{order:9}}.is-order-10.sc-ptc-theater-video-modal{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 576px){.is-order-10-sm.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 768px){.is-order-10-md.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 992px){.is-order-10-lg.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl.sc-ptc-theater-video-modal{order:10}}.is-order-11.sc-ptc-theater-video-modal{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 576px){.is-order-11-sm.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 768px){.is-order-11-md.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 992px){.is-order-11-lg.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl.sc-ptc-theater-video-modal{order:11}}.is-order-12.sc-ptc-theater-video-modal{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 576px){.is-order-12-sm.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 768px){.is-order-12-md.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 992px){.is-order-12-lg.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl.sc-ptc-theater-video-modal{order:12}}.is-order-1.sc-ptc-theater-video-modal{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 576px){.is-order-1-sm.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 768px){.is-order-1-md.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 992px){.is-order-1-lg.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl.sc-ptc-theater-video-modal{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl.sc-ptc-theater-video-modal{order:1}}.is-order-2.sc-ptc-theater-video-modal{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 576px){.is-order-2-sm.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 768px){.is-order-2-md.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 992px){.is-order-2-lg.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl.sc-ptc-theater-video-modal{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl.sc-ptc-theater-video-modal{order:2}}.is-order-3.sc-ptc-theater-video-modal{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 576px){.is-order-3-sm.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 768px){.is-order-3-md.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 992px){.is-order-3-lg.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl.sc-ptc-theater-video-modal{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl.sc-ptc-theater-video-modal{order:3}}.is-order-4.sc-ptc-theater-video-modal{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 576px){.is-order-4-sm.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 768px){.is-order-4-md.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 992px){.is-order-4-lg.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl.sc-ptc-theater-video-modal{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl.sc-ptc-theater-video-modal{order:4}}.is-order-5.sc-ptc-theater-video-modal{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 576px){.is-order-5-sm.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 768px){.is-order-5-md.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 992px){.is-order-5-lg.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl.sc-ptc-theater-video-modal{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl.sc-ptc-theater-video-modal{order:5}}.is-order-6.sc-ptc-theater-video-modal{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 576px){.is-order-6-sm.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 768px){.is-order-6-md.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 992px){.is-order-6-lg.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl.sc-ptc-theater-video-modal{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl.sc-ptc-theater-video-modal{order:6}}.is-order-7.sc-ptc-theater-video-modal{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 576px){.is-order-7-sm.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 768px){.is-order-7-md.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 992px){.is-order-7-lg.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl.sc-ptc-theater-video-modal{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl.sc-ptc-theater-video-modal{order:7}}.is-order-8.sc-ptc-theater-video-modal{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 576px){.is-order-8-sm.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 768px){.is-order-8-md.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 992px){.is-order-8-lg.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl.sc-ptc-theater-video-modal{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl.sc-ptc-theater-video-modal{order:8}}.is-order-9.sc-ptc-theater-video-modal{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 576px){.is-order-9-sm.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 768px){.is-order-9-md.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 992px){.is-order-9-lg.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl.sc-ptc-theater-video-modal{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl.sc-ptc-theater-video-modal{order:9}}.is-order-10.sc-ptc-theater-video-modal{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 576px){.is-order-10-sm.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 768px){.is-order-10-md.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 992px){.is-order-10-lg.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl.sc-ptc-theater-video-modal{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl.sc-ptc-theater-video-modal{order:10}}.is-order-11.sc-ptc-theater-video-modal{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 576px){.is-order-11-sm.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 768px){.is-order-11-md.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 992px){.is-order-11-lg.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl.sc-ptc-theater-video-modal{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl.sc-ptc-theater-video-modal{order:11}}.is-order-12.sc-ptc-theater-video-modal{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 576px){.is-order-12-sm.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 768px){.is-order-12-md.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 992px){.is-order-12-lg.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl.sc-ptc-theater-video-modal{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl.sc-ptc-theater-video-modal{order:12}}.sc-ptc-theater-video-modal:root{--col-gap-sm:0.5rem;--col-gap:1rem;--col-gap-md:1.5rem;--col-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--row-gap-sm:0.5rem;--row-gap:1rem;--row-gap-md:1.5rem;--row-gap-lg:2rem;--col-gap-xl:2.5rem;--col-gap-xxl:3rem;--spacing-sm:0.5rem;--spacing-sml:0.75rem;--spacing:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:2.5rem;--spacing-xxl:3rem}.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-col-gap-default.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xl)}}.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-row-gap-default.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xl)}}.has-col-gap-sm.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-sm)}.has-col-gap-sml.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-sml)}.has-row-gap-sml.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-sml)}.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-lg.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-lg)}}.has-row-gap-lg.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-lg)}.has-col-gap-xl.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xl.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xl)}}.has-row-gap-xl.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xl)}.has-col-gap-xxl.sc-ptc-theater-video-modal{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xxl.sc-ptc-theater-video-modal{grid-column-gap:var(--spacing-xxl)}}.has-row-gap-xxl.sc-ptc-theater-video-modal{grid-row-gap:var(--spacing-xxl)}.has-no-row.sc-ptc-theater-video-modal{grid-row-gap:0}.has-m-sm.sc-ptc-theater-video-modal{margin:var(--spacing-sm)}.has-m-top-sm.sc-ptc-theater-video-modal{margin-top:var(--spacing-sm)}.has-m-right-sm.sc-ptc-theater-video-modal{margin-right:var(--spacing-sm)}.has-m-bottom-sm.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-sm)}.has-m-left-sm.sc-ptc-theater-video-modal{margin-left:var(--spacing-sm)}.has-m.sc-ptc-theater-video-modal{margin:var(--spacing)}.has-m-top.sc-ptc-theater-video-modal{margin-top:var(--spacing)}.has-m-right.sc-ptc-theater-video-modal{margin-right:var(--spacing)}.has-m-bottom.sc-ptc-theater-video-modal{margin-bottom:var(--spacing)}.has-m-left.sc-ptc-theater-video-modal{margin-left:var(--spacing)}.has-m-md.sc-ptc-theater-video-modal{margin:var(--spacing-md)}.has-m-top-md.sc-ptc-theater-video-modal{margin-top:var(--spacing-md)}.has-m-right-md.sc-ptc-theater-video-modal{margin-right:var(--spacing-md)}.has-m-bottom-md.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-md)}.has-m-left-md.sc-ptc-theater-video-modal{margin-left:var(--spacing-md)}.has-m-lg.sc-ptc-theater-video-modal{margin:var(--spacing-lg)}.has-m-top-lg.sc-ptc-theater-video-modal{margin-top:var(--spacing-lg)}.has-m-right-lg.sc-ptc-theater-video-modal{margin-right:var(--spacing-lg)}.has-m-bottom-lg.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-lg)}.has-m-left-lg.sc-ptc-theater-video-modal{margin-left:var(--spacing-lg)}.has-m-xl.sc-ptc-theater-video-modal{margin:var(--spacing-xl)}.has-m-top-xl.sc-ptc-theater-video-modal{margin-top:var(--spacing-xl)}.has-m-right-xl.sc-ptc-theater-video-modal{margin-right:var(--spacing-xl)}.has-m-bottom-xl.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-xl)}.has-m-left-xl.sc-ptc-theater-video-modal{margin-left:var(--spacing-xl)}.has-m-xxl.sc-ptc-theater-video-modal{margin:var(--spacing-xxl)}.has-m-top-xxl.sc-ptc-theater-video-modal{margin-top:var(--spacing-xxl)}.has-m-right-xxl.sc-ptc-theater-video-modal{margin-right:var(--spacing-xxl)}.has-m-bottom-xxl.sc-ptc-theater-video-modal{margin-bottom:var(--spacing-xxl)}.has-m-left-xxl.sc-ptc-theater-video-modal{margin-left:var(--spacing-xxl)}.has-no-m.sc-ptc-theater-video-modal{margin:0}.has-no-top-m.sc-ptc-theater-video-modal{margin-top:0}.has-no-right-m.sc-ptc-theater-video-modal{margin-right:0}.has-no-bottom-m.sc-ptc-theater-video-modal{margin-bottom:0}.has-no-left-m.sc-ptc-theater-video-modal{margin-left:0}.has-p-sm.sc-ptc-theater-video-modal{padding:var(--spacing-sm)}.has-p-top-sm.sc-ptc-theater-video-modal{padding-top:var(--spacing-sm)}.has-p-right-sm.sc-ptc-theater-video-modal{padding-right:var(--spacing-sm)}.has-p-bottom-sm.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-sm)}.has-p-left-sm.sc-ptc-theater-video-modal{padding-left:var(--spacing-sm)}.has-p.sc-ptc-theater-video-modal{padding:var(--spacing)}.has-p-top.sc-ptc-theater-video-modal{padding-top:var(--spacing)}.has-p-right.sc-ptc-theater-video-modal{padding-right:var(--spacing)}.has-p-bottom.sc-ptc-theater-video-modal{padding-bottom:var(--spacing)}.has-p-left.sc-ptc-theater-video-modal{padding-left:var(--spacing)}.has-p-md.sc-ptc-theater-video-modal{padding:var(--spacing-md)}.has-p-top-md.sc-ptc-theater-video-modal{padding-top:var(--spacing-md)}.has-p-right-md.sc-ptc-theater-video-modal{padding-right:var(--spacing-md)}.has-p-bottom-md.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-md)}.has-p-left-md.sc-ptc-theater-video-modal{padding-left:var(--spacing-md)}.has-p-lg.sc-ptc-theater-video-modal{padding:var(--spacing-lg)}.has-p-top-lg.sc-ptc-theater-video-modal{padding-top:var(--spacing-lg)}.has-p-right-lg.sc-ptc-theater-video-modal{padding-right:var(--spacing-lg)}.has-p-bottom-lg.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-lg)}.has-p-left-lg.sc-ptc-theater-video-modal{padding-left:var(--spacing-lg)}.has-p-xl.sc-ptc-theater-video-modal{padding:var(--spacing-xl)}.has-p-top-xl.sc-ptc-theater-video-modal{padding-top:var(--spacing-xl)}.has-p-right-xl.sc-ptc-theater-video-modal{padding-right:var(--spacing-xl)}.has-p-bottom-xl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-xl)}.has-p-left-xl.sc-ptc-theater-video-modal{padding-left:var(--spacing-xl)}.has-p-xxl.sc-ptc-theater-video-modal{padding:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-xxl.sc-ptc-theater-video-modal{padding:var(--spacing-xxl)}}.has-p-top-xxl.sc-ptc-theater-video-modal{padding-top:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-top-xxl.sc-ptc-theater-video-modal{padding-top:var(--spacing-xxl)}}.has-p-right-xxl.sc-ptc-theater-video-modal{padding-right:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-right-xxl.sc-ptc-theater-video-modal{padding-right:var(--spacing-xxl)}}.has-p-bottom-xxl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-bottom-xxl.sc-ptc-theater-video-modal{padding-bottom:var(--spacing-xxl)}}.has-p-left-xxl.sc-ptc-theater-video-modal{padding-left:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-left-xxl.sc-ptc-theater-video-modal{padding-left:var(--spacing-xxl)}}.has-no-p.sc-ptc-theater-video-modal{margin:0}.has-no-top-p.sc-ptc-theater-video-modal{padding-top:0}.has-no-right-p.sc-ptc-theater-video-modal{padding-right:0}.has-no-bottom-p.sc-ptc-theater-video-modal{padding-bottom:0}.has-no-left-p.sc-ptc-theater-video-modal{padding-left:0}.is-centered.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically.sc-ptc-theater-video-modal{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block.sc-ptc-theater-video-modal{display:block}@media screen and (min-width: 575.5px){.is-block-xs.sc-ptc-theater-video-modal{display:block}}@media screen and (min-width: 576px){.is-block-sm.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 768px){.is-block-md.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 992px){.is-block-lg.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 1200px){.is-block-xl.sc-ptc-theater-video-modal{display:block}}@media only screen and (min-width: 1440px){.is-block-xxl.sc-ptc-theater-video-modal{display:block}}.is-inline-block.sc-ptc-theater-video-modal{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs.sc-ptc-theater-video-modal{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 768px){.is-inline-block-md.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 992px){.is-inline-block-lg.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 1200px){.is-inline-block-xl.sc-ptc-theater-video-modal{display:inline-block}}@media only screen and (min-width: 1440px){.is-inline-block-xxl.sc-ptc-theater-video-modal{display:inline-block}}.is-flex.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 768px){.is-flex-md.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 992px){.is-flex-lg.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 1200px){.is-flex-xl.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}@media only screen and (min-width: 1440px){.is-flex-xxl.sc-ptc-theater-video-modal{display:-webkit-box;display:flex}}.is-inline-flex.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 768px){.is-inline-flex-md.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 992px){.is-inline-flex-lg.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1200px){.is-inline-flex-xl.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1440px){.is-inline-flex-xxl.sc-ptc-theater-video-modal{display:-webkit-inline-box;display:inline-flex}}.is-device.sc-ptc-theater-video-modal{display:none}.is-screen.sc-ptc-theater-video-modal{display:block}.is-medium.sc-ptc-theater-video-modal{display:block !important}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device.sc-ptc-theater-video-modal{display:block}.is-screen.sc-ptc-theater-video-modal{display:none}}@media only screen and (min-width: 992px){.is-medium.sc-ptc-theater-video-modal{display:none !important}}.is-flexBasis-half.sc-ptc-theater-video-modal{flex-basis:50%}.is-table.sc-ptc-theater-video-modal{display:table !important}.is-tableCell.sc-ptc-theater-video-modal{display:table-cell !important}.is-widthFull.sc-ptc-theater-video-modal{width:100% !important}@media only screen and (min-width: 2600px){.is-grid.sc-ptc-theater-video-modal .is-col-1-xxxl.sc-ptc-theater-video-modal{grid-column:span 1 !important}.is-grid.sc-ptc-theater-video-modal .is-col-2-xxxl.sc-ptc-theater-video-modal{grid-column:span 2 !important}.is-grid.sc-ptc-theater-video-modal .is-col-3-xxxl.sc-ptc-theater-video-modal{grid-column:span 3 !important}.is-grid.sc-ptc-theater-video-modal .is-col-4-xxxl.sc-ptc-theater-video-modal{grid-column:span 4 !important}.is-grid.sc-ptc-theater-video-modal .is-col-5-xxxl.sc-ptc-theater-video-modal{grid-column:span 6 !important}.is-grid.sc-ptc-theater-video-modal .is-col-7-xxxl.sc-ptc-theater-video-modal{grid-column:span 7 !important}.is-grid.sc-ptc-theater-video-modal .is-col-8-xxxl.sc-ptc-theater-video-modal{grid-column:span 8 !important}.is-grid.sc-ptc-theater-video-modal .is-col-9-xxxl.sc-ptc-theater-video-modal{grid-column:span 9 !important}.is-grid.sc-ptc-theater-video-modal .is-col-10-xxxl.sc-ptc-theater-video-modal{grid-column:span 10 !important}.is-grid.sc-ptc-theater-video-modal .is-col-11-xxxl.sc-ptc-theater-video-modal{grid-column:span 11 !important}.is-grid.sc-ptc-theater-video-modal .is-col-12-xxxl.sc-ptc-theater-video-modal{grid-column:span 12 !important}}.media-gutter.sc-ptc-theater-video-modal{grid-column-gap:10px;grid-row-gap:10px}.bio-grid.sc-ptc-theater-video-modal{grid-row-gap:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){.bio-grid.sc-ptc-theater-video-modal{grid-column-gap:var(--ptc-layout-spacing-04);grid-row-gap:var(--ptc-layout-spacing-04)}}@media (max-width: 480px){.column-gap-mobile.sc-ptc-theater-video-modal{grid-column-gap:1rem}}.hr-1.sc-ptc-theater-video-modal{background-color:var(--color-gray-01)}.hr-2.sc-ptc-theater-video-modal{background-color:var(--color-gray-02)}.hr-3.sc-ptc-theater-video-modal{background-color:var(--color-gray-03)}.hr-4.sc-ptc-theater-video-modal{background-color:var(--color-gray-04)}.hr-5.sc-ptc-theater-video-modal{background-color:var(--color-gray-05)}.hr-6.sc-ptc-theater-video-modal{background-color:var(--color-gray-06)}.sc-ptc-theater-video-modal-h{display:block}.modal.sc-ptc-theater-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-gray-12);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{position:relative;width:100%;padding-top:56.25%;max-height:500px;background-color:var(--color-gray-10)}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal .video-container.sc-ptc-theater-video-modal,.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal video-js.sc-ptc-theater-video-modal{position:absolute;top:0;left:0;width:100%;height:100%}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{position:relative;padding-top:100px;padding-bottom:100px;height:100vh;overflow-y:auto;overflow-x:hidden;color:var(--color-white)}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{width:100%;min-height:400px;height:auto}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal::-webkit-scrollbar{width:0px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{background-color:#323B42;padding:24px;margin:0 -24px}@media only screen and (min-width: 992px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-modal-left.sc-ptc-theater-video-modal{padding:0;margin:0;background-color:transparent}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{position:absolute;right:24px;top:24px;cursor:pointer;padding:10px}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{right:-10px;top:0}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal{background-color:transparent;color:white;padding:0;margin:0;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-size:18px;font-weight:400;line-height:1.5}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal:disabled{color:var(--color-gray-06)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .card-description-content.sc-ptc-theater-video-modal p.sc-ptc-theater-video-modal{color:var(--color-white)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{max-height:460px;overflow-y:auto;padding-right:13px;color:#FFF}@media only screen and (min-width: 1200px){.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal{padding-top:28px}}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal .sc-ptc-title.sc-ptc-theater-video-modal::before{content:none !important}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar{width:3px;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-track{background-color:#3E4A52;border-radius:4px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .video-modal-description.sc-ptc-theater-video-modal::-webkit-scrollbar-thumb{background-color:#819099;border-radius:4px}";
|
|
24002
|
+
|
|
24003
|
+
const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
|
|
24004
|
+
constructor() {
|
|
24005
|
+
super();
|
|
24006
|
+
this.__registerHost();
|
|
24007
|
+
this.cards = undefined;
|
|
24008
|
+
this.showModal = false;
|
|
24009
|
+
this.currentCardIndex = 0;
|
|
24010
|
+
this.filteredTagName = undefined;
|
|
24011
|
+
}
|
|
24012
|
+
// @Listen('filterCliked', { target: 'document' })
|
|
24013
|
+
// handleFilterClick(event: CustomEvent) {
|
|
24014
|
+
// const filters = event.detail;
|
|
24015
|
+
// this.filteredTagName = filters['selected-tag'].trim();
|
|
24016
|
+
// }
|
|
24017
|
+
async updateData(data, currentModalIndex) {
|
|
24018
|
+
// debugger
|
|
24019
|
+
console.log(data);
|
|
24020
|
+
console.log(this.filteredTagName);
|
|
24021
|
+
this.cards = data;
|
|
24022
|
+
// this.cards = data.filter((item) => {
|
|
24023
|
+
// const videoTagArr = item.vtagName.split(",").map((j) => j.trim());
|
|
24024
|
+
// if (this.filteredTagName !== undefined && this.filteredTagName !== 'reset') {
|
|
24025
|
+
// return videoTagArr.includes(this.filteredTagName);
|
|
24026
|
+
// } else {
|
|
24027
|
+
// return true;
|
|
24028
|
+
// }
|
|
24029
|
+
// });
|
|
24030
|
+
console.log(this.cards);
|
|
24031
|
+
console.log(currentModalIndex);
|
|
24032
|
+
this.currentCardIndex = currentModalIndex;
|
|
24033
|
+
this.showModal = true;
|
|
24034
|
+
}
|
|
24035
|
+
closeCardModal() {
|
|
24036
|
+
this.showModal = false;
|
|
24037
|
+
this.cards = [];
|
|
24038
|
+
}
|
|
24039
|
+
showNextCard() {
|
|
24040
|
+
if (this.currentCardIndex < this.cards.length - 1) {
|
|
24041
|
+
this.currentCardIndex++;
|
|
24042
|
+
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
24043
|
+
}
|
|
24044
|
+
}
|
|
24045
|
+
showPrevCard() {
|
|
24046
|
+
if (this.currentCardIndex > 0) {
|
|
24047
|
+
this.currentCardIndex--;
|
|
24048
|
+
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
24049
|
+
}
|
|
24050
|
+
}
|
|
24051
|
+
componentDidUpdate() {
|
|
24052
|
+
this.initializeVideo();
|
|
24053
|
+
}
|
|
24054
|
+
initializeVideo() {
|
|
24055
|
+
const videoTag = this.hostEl.querySelector(`#bcPlayer`);
|
|
24056
|
+
if (videoTag) {
|
|
24057
|
+
if (globalThis.bc) {
|
|
24058
|
+
new globalThis.bc(videoTag, {
|
|
24059
|
+
/* your player options */
|
|
24060
|
+
});
|
|
24061
|
+
}
|
|
24062
|
+
}
|
|
24063
|
+
}
|
|
24064
|
+
updateVideoPlayer(vId) {
|
|
24065
|
+
// debugger
|
|
24066
|
+
globalThis.videojs.getPlayer('bcPlayer').ready(function () {
|
|
24067
|
+
const myPlayer = this;
|
|
24068
|
+
if (vId) {
|
|
24069
|
+
myPlayer.catalog.getVideo(vId, function (error, video) {
|
|
24070
|
+
myPlayer.catalog.load(video);
|
|
24071
|
+
console.log('Video Modal' + error);
|
|
24072
|
+
});
|
|
24073
|
+
}
|
|
24074
|
+
});
|
|
24075
|
+
}
|
|
24076
|
+
render() {
|
|
24077
|
+
return (h$1(Host, null, h$1("slot", null), this.showModal && (h$1("div", { class: "modal" }, h$1("div", { class: "modal-container ptc-container" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close' }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" }))))), h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h$1("div", { class: 'is-col is-col-7-lg' }, h$1("div", { class: "v-modal-left" }, h$1("div", { class: 'v-nav' }, h$1("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h$1("div", { class: 'v-number' }, " ", this.currentCardIndex + 1, " of ", this.cards.length), h$1("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex} video-js vjs-fills` }))), h$1("div", { class: "card-description-content" }, h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-shadow": "", "title-height": "densest", "title-margin": "margin-top-1", "title-weight": "w-7" }, this.cards[this.currentCardIndex].title), h$1("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-line-h": "line-height-p" }, this.cards[this.currentCardIndex].cardDescription)))), h$1("div", { class: 'is-col is-col-5-lg' }, h$1("div", { class: "video-modal-description" }, h$1("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal })))))))));
|
|
24078
|
+
}
|
|
24079
|
+
get hostEl() { return this; }
|
|
24080
|
+
static get style() { return ptcTheaterVideoModalCss; }
|
|
24081
|
+
};
|
|
24082
|
+
|
|
24083
|
+
const ptcTheaterVideoPlaylistCss = ":host{display:block}:host .card-list{display:flex;overflow-x:auto}@media only screen and (min-width: 768px){:host .card-list{display:block}}";
|
|
24084
|
+
|
|
24085
|
+
const PtcTheaterVideoPlaylist$1 = class extends HTMLElement$1 {
|
|
24086
|
+
constructor() {
|
|
24087
|
+
super();
|
|
24088
|
+
this.__registerHost();
|
|
24089
|
+
this.__attachShadow();
|
|
24090
|
+
this.cards = [];
|
|
24091
|
+
this.currentCardIndex = 0;
|
|
24092
|
+
this.filteredTagName = undefined;
|
|
24093
|
+
}
|
|
24094
|
+
componentDidLoad() {
|
|
24095
|
+
this.setupCards();
|
|
24096
|
+
this.sortCards('');
|
|
24097
|
+
}
|
|
24098
|
+
handleFilterClick(event) {
|
|
24099
|
+
const filters = event.detail;
|
|
24100
|
+
this.filteredTagName = filters['selected-tag'];
|
|
24101
|
+
this.sortCards(this.filteredTagName);
|
|
24102
|
+
this.setupCards();
|
|
24103
|
+
}
|
|
24104
|
+
sortCards(filterVideo) {
|
|
24105
|
+
const cardElements = this.host.querySelectorAll('ptc-theater-video');
|
|
24106
|
+
cardElements.forEach((cardElement) => {
|
|
24107
|
+
const tagNames = cardElement.getAttribute('vtag-name').split(",").map((item) => {
|
|
24108
|
+
return item.trim();
|
|
24109
|
+
});
|
|
24110
|
+
const trimFilterVideo = filterVideo.trim();
|
|
24111
|
+
if (trimFilterVideo !== "" && trimFilterVideo !== 'reset') {
|
|
24112
|
+
if (tagNames.includes(trimFilterVideo)) {
|
|
24113
|
+
cardElement.classList.add('show');
|
|
24114
|
+
cardElement.classList.remove('hide');
|
|
24115
|
+
}
|
|
24116
|
+
else {
|
|
24117
|
+
cardElement.classList.add('hide');
|
|
24118
|
+
cardElement.classList.remove('show');
|
|
24119
|
+
}
|
|
24120
|
+
}
|
|
24121
|
+
else {
|
|
24122
|
+
cardElement.classList.add('show');
|
|
24123
|
+
cardElement.classList.remove('hide');
|
|
24124
|
+
}
|
|
24125
|
+
});
|
|
24126
|
+
}
|
|
24127
|
+
setupCards() {
|
|
24128
|
+
let cardData = {};
|
|
24129
|
+
const cardElements = this.host.querySelectorAll('ptc-theater-video');
|
|
24130
|
+
cardElements.forEach((cardElement, index) => {
|
|
24131
|
+
cardData = {
|
|
24132
|
+
title: cardElement.querySelector('.vcard-title').textContent,
|
|
24133
|
+
cardDescription: cardElement.cardDescription,
|
|
24134
|
+
descriptionModal: cardElement.querySelector('.description').innerHTML,
|
|
24135
|
+
videoId: cardElement.getAttribute('video-id'),
|
|
24136
|
+
vtagName: cardElement.getAttribute('vtag-name'),
|
|
24137
|
+
cardNumber: cardElement.getAttribute('card-number'),
|
|
24138
|
+
index: index
|
|
24139
|
+
};
|
|
24140
|
+
cardElement.addEventListener('click', () => {
|
|
24141
|
+
this.showCardDetails(index);
|
|
24142
|
+
});
|
|
24143
|
+
this.cards.push(cardData);
|
|
24144
|
+
});
|
|
24145
|
+
}
|
|
24146
|
+
showCardDetails(index) {
|
|
24147
|
+
this.currentCardIndex = index;
|
|
24148
|
+
// this.showModal = true;
|
|
24149
|
+
const modalElement = document.querySelector('ptc-theater-video-modal');
|
|
24150
|
+
if (modalElement) {
|
|
24151
|
+
modalElement.updateData(this.cards, this.currentCardIndex);
|
|
24152
|
+
}
|
|
24153
|
+
}
|
|
24154
|
+
render() {
|
|
24155
|
+
return (h$1("div", { class: "card-list" }, h$1("slot", null)));
|
|
24156
|
+
}
|
|
24157
|
+
get host() { return this; }
|
|
24158
|
+
static get style() { return ptcTheaterVideoPlaylistCss; }
|
|
24159
|
+
};
|
|
24160
|
+
|
|
23790
24161
|
const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}";
|
|
23791
24162
|
|
|
23792
24163
|
const PtcTitle$1 = class extends HTMLElement$1 {
|
|
@@ -24317,7 +24688,7 @@ const DynamicBoxBundle = /*@__PURE__*/proxyCustomElement(DynamicBoxBundle$1, [1,
|
|
|
24317
24688
|
const EmbeddedForm = /*@__PURE__*/proxyCustomElement(EmbeddedForm$1, [0,"embedded-form",{"formData":[32]}]);
|
|
24318
24689
|
const FeaturedList = /*@__PURE__*/proxyCustomElement(FeaturedList$1, [1,"featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
|
|
24319
24690
|
const FlTabContent = /*@__PURE__*/proxyCustomElement(FlTabContent$1, [1,"fl-tab-content",{"nameKey":[1,"name-key"],"selected":[4]}]);
|
|
24320
|
-
const FlTabHeader = /*@__PURE__*/proxyCustomElement(FlTabHeader$1, [
|
|
24691
|
+
const FlTabHeader = /*@__PURE__*/proxyCustomElement(FlTabHeader$1, [6,"fl-tab-header",{"tabTitle":[1,"tab-title"],"nameKey":[1,"name-key"],"selected":[4],"initialHeader":[32]}]);
|
|
24321
24692
|
const FlTabImage = /*@__PURE__*/proxyCustomElement(FlTabImage$1, [1,"fl-tab-image",{"nameKey":[1,"name-key"],"selected":[4]}]);
|
|
24322
24693
|
const IconAsset = /*@__PURE__*/proxyCustomElement(IconAsset$1, [2,"icon-asset",{"name":[1],"size":[1],"type":[1],"spin":[1],"pulse":[1],"color":[1],"isMobileSelect":[4,"is-mobile-select"],"injectedStyle":[1,"injected-style"]}]);
|
|
24323
24694
|
const InnovatorToggleContainer = /*@__PURE__*/proxyCustomElement(InnovatorToggleContainer$1, [1,"innovator-toggle-container",{"sectionTitle":[1,"section-title"],"description":[1],"backgroundImage":[1,"background-image"]}]);
|
|
@@ -24331,6 +24702,7 @@ const PtcBackToTop = /*@__PURE__*/proxyCustomElement(PtcBackToTop$1, [1,"ptc-bac
|
|
|
24331
24702
|
const PtcBackgroundVideo = /*@__PURE__*/proxyCustomElement(PtcBackgroundVideo$1, [1,"ptc-background-video",{"videoSrc":[1,"video-src"],"posterSrc":[1,"poster-src"],"overlay":[4],"playButtonTitle":[1,"play-button-title"],"pauseButtonTitle":[1,"pause-button-title"],"type":[1],"isIframe":[4,"is-iframe"],"paused":[32]}]);
|
|
24332
24703
|
const PtcBioCard = /*@__PURE__*/proxyCustomElement(PtcBioCard$1, [1,"ptc-bio-card",{"name":[1],"jobTitle":[1,"job-title"],"image":[1],"linkedin":[1],"twitter":[1],"showModal":[32]}]);
|
|
24333
24704
|
const PtcBreadcrumb = /*@__PURE__*/proxyCustomElement(PtcBreadcrumb$1, [1,"ptc-breadcrumb",{"position":[1],"removeTopMargin":[4,"remove-top-margin"],"color":[1],"styles":[1]}]);
|
|
24705
|
+
const PtcBrightcovVideo = /*@__PURE__*/proxyCustomElement(PtcBrightcovVideo$1, [2,"ptc-brightcov-video",{"videoId":[1,"video-id"]}]);
|
|
24334
24706
|
const PtcButton = /*@__PURE__*/proxyCustomElement(PtcButton$1, [1,"ptc-button",{"disabled":[516],"active":[516],"type":[1],"color":[1],"iconAnimation":[1,"icon-animation"],"iconPosition":[1,"icon-position"],"linkHref":[1,"link-href"],"linkTitle":[1,"link-title"],"target":[1],"rel":[1],"tabNav":[2,"tab-nav"],"styles":[1],"textAlign":[1,"text-align"]}]);
|
|
24335
24707
|
const PtcCard = /*@__PURE__*/proxyCustomElement(PtcCard$1, [1,"ptc-card",{"cardType":[1,"card-type"],"cardHref":[1,"card-href"],"target":[1],"rel":[1],"hasImage":[4,"has-image"],"hasVideo":[4,"has-video"],"hasLottie":[4,"has-lottie"],"heading":[1],"headingTransform":[1,"heading-transform"],"cardDate":[1,"card-date"],"country":[1],"styles":[1],"ribbonText":[1,"ribbon-text"],"eventType":[1,"event-type"],"cardLogo":[1,"card-logo"],"titleLineCutOff":[2,"title-line-cut-off"],"maxChars":[2,"max-chars"],"maxLines":[2,"max-lines"],"cardOverflow":[1,"card-overflow"],"isCreoCard":[4,"is-creo-card"]}]);
|
|
24336
24708
|
const PtcCardBottom = /*@__PURE__*/proxyCustomElement(PtcCardBottom$1, [1,"ptc-card-bottom",{"cardType":[1,"card-type"],"styles":[1]}]);
|
|
@@ -24346,6 +24718,8 @@ const PtcDynamicCard = /*@__PURE__*/proxyCustomElement(PtcDynamicCard$1, [1,"ptc
|
|
|
24346
24718
|
const PtcEllipsisDropdown = /*@__PURE__*/proxyCustomElement(PtcEllipsisDropdown$1, [1,"ptc-ellipsis-dropdown",{"dataItems":[16],"selectedTab":[1,"selected-tab"],"isDropdownOpen":[32],"isMobile":[32]},[[4,"click","offClick"],[9,"resize","handleResize"]]]);
|
|
24347
24719
|
const PtcEmbeddedQuiz = /*@__PURE__*/proxyCustomElement(PtcEmbeddedQuiz$1, [1,"ptc-embedded-quiz",{"getQuizEndpoint":[1,"get-quiz-endpoint"],"quiz":[32],"slide":[32],"traversal":[32]}]);
|
|
24348
24720
|
const PtcFeaturedList = /*@__PURE__*/proxyCustomElement(PtcFeaturedList$1, [1,"ptc-featured-list",{"isMobile":[32],"selectedTabGloble":[32]},[[9,"resize","handleResize"],[4,"flTabClicked","handleflTabClicked"]]]);
|
|
24721
|
+
const PtcFilterDropdown = /*@__PURE__*/proxyCustomElement(PtcFilterDropdown$1, [1,"ptc-filter-dropdown",{"placeholder":[1],"selectedTag":[1,"selected-tag"],"internalOptions":[32],"selectedOptions":[32],"isOpen":[32]}]);
|
|
24722
|
+
const PtcFilterLevelTheater = /*@__PURE__*/proxyCustomElement(PtcFilterLevelTheater$1, [1,"ptc-filter-level-theater",{"selectedTab":[32],"lastSelectedTab":[32],"lastSelectedTabGroup":[32],"selectedTabGroup":[32]},[[4,"selectedFilterValues","handleSelectedFilterValues"]]]);
|
|
24349
24723
|
const PtcFilterTag = /*@__PURE__*/proxyCustomElement(PtcFilterTag$1, [1,"ptc-filter-tag",{"theme":[1],"iconColorMap":[32]}]);
|
|
24350
24724
|
const PtcForm = /*@__PURE__*/proxyCustomElement(PtcForm$1, [0,"ptc-form",{"formData":[32]}]);
|
|
24351
24725
|
const PtcFormCheckbox = /*@__PURE__*/proxyCustomElement(PtcFormCheckbox$1, [0,"ptc-form-checkbox",{"checkboxId":[1,"checkbox-id"],"label":[1],"required":[4],"isChecked":[1028,"is-checked"],"name":[1],"helpertext":[1],"hasError":[32]}]);
|
|
@@ -24413,6 +24787,9 @@ const PtcTabList = /*@__PURE__*/proxyCustomElement(PtcTabList$1, [4,"ptc-tab-lis
|
|
|
24413
24787
|
const PtcTabs = /*@__PURE__*/proxyCustomElement(Tabs, [1,"ptc-tabs",{"tabs":[32]}]);
|
|
24414
24788
|
const PtcTextCopyWithBackground = /*@__PURE__*/proxyCustomElement(PtcTextCopyWithBackground$1, [1,"ptc-text-copy-with-background",{"type":[1],"backgroundImage":[1,"background-image"],"ImageAltText":[1,"image-alt-text"],"topSlitBackgroundColor":[1,"top-slit-background-color"],"slitPosition":[1,"slit-position"],"isBackgroundBlur":[4,"is-background-blur"],"overlay":[4],"styles":[1]}]);
|
|
24415
24789
|
const PtcTextfield = /*@__PURE__*/proxyCustomElement(PtcTextfield$1, [0,"ptc-textfield",{"fieldId":[1,"field-id"],"type":[1],"required":[4],"ptcMaxLength":[2,"ptc-max-length"],"labelText":[1025,"label-text"],"helpertext":[1025],"disabled":[4],"name":[1],"ptcDataEloquaName":[1,"ptc-data-eloqua-name"],"inputValue":[1025,"input-value"]},[[0,"input","handleInput"],[2,"blur","inputBlurHandler"]]]);
|
|
24790
|
+
const PtcTheaterVideo = /*@__PURE__*/proxyCustomElement(PtcTheaterVideo$1, [6,"ptc-theater-video",{"cardTitle":[1,"card-title"],"cardDescription":[1,"card-description"],"thumbImg":[1,"thumb-img"],"cardNumber":[2,"card-number"],"videoId":[2,"video-id"],"vtagName":[1,"vtag-name"]}]);
|
|
24791
|
+
const PtcTheaterVideoModal = /*@__PURE__*/proxyCustomElement(PtcTheaterVideoModal$1, [6,"ptc-theater-video-modal",{"cards":[32],"showModal":[32],"currentCardIndex":[32],"filteredTagName":[32]}]);
|
|
24792
|
+
const PtcTheaterVideoPlaylist = /*@__PURE__*/proxyCustomElement(PtcTheaterVideoPlaylist$1, [1,"ptc-theater-video-playlist",{"currentCardIndex":[32],"filteredTagName":[32]},[[4,"filterCliked","handleFilterClick"]]]);
|
|
24416
24793
|
const PtcTitle = /*@__PURE__*/proxyCustomElement(PtcTitle$1, [6,"ptc-title",{"isPlmHub":[4,"is-plm-hub"],"type":[1],"textAlign":[1,"text-align"],"upperline":[1],"titleShadow":[1,"title-shadow"],"titleColor":[1,"title-color"],"titleMargin":[1,"title-margin"],"titleWeight":[1,"title-weight"],"titleSize":[1,"title-size"],"titleHeight":[1,"title-height"],"styles":[1],"ellipsisLineCutoff":[2,"ellipsis-line-cutoff"],"titleDisplay":[1,"title-display"]}]);
|
|
24417
24794
|
const PtcTooltip = /*@__PURE__*/proxyCustomElement(PtcTooltip$1, [6,"ptc-tooltip",{"textDisplay":[1,"text-display"],"maxLength":[2,"max-length"],"textLines":[2,"text-lines"],"description":[1],"zIndex":[1,"z-index"],"position":[1],"styles":[1],"mode":[1],"theme":[1],"width":[1],"hideOnMobile":[4,"hide-on-mobile"],"isSmallScreen":[4,"is-small-screen"]},[[9,"resize","addTruncatedClass"],[9,"resize","windowResize"]]]);
|
|
24418
24795
|
const PtcTwoColumnMedia = /*@__PURE__*/proxyCustomElement(PtcTwoColumnMedia$1, [1,"ptc-two-column-media",{"componentType":[1,"component-type"]}]);
|
|
@@ -24446,6 +24823,7 @@ const defineCustomElements = (opts) => {
|
|
|
24446
24823
|
PtcBackgroundVideo,
|
|
24447
24824
|
PtcBioCard,
|
|
24448
24825
|
PtcBreadcrumb,
|
|
24826
|
+
PtcBrightcovVideo,
|
|
24449
24827
|
PtcButton,
|
|
24450
24828
|
PtcCard,
|
|
24451
24829
|
PtcCardBottom,
|
|
@@ -24461,6 +24839,8 @@ const defineCustomElements = (opts) => {
|
|
|
24461
24839
|
PtcEllipsisDropdown,
|
|
24462
24840
|
PtcEmbeddedQuiz,
|
|
24463
24841
|
PtcFeaturedList,
|
|
24842
|
+
PtcFilterDropdown,
|
|
24843
|
+
PtcFilterLevelTheater,
|
|
24464
24844
|
PtcFilterTag,
|
|
24465
24845
|
PtcForm,
|
|
24466
24846
|
PtcFormCheckbox,
|
|
@@ -24528,6 +24908,9 @@ const defineCustomElements = (opts) => {
|
|
|
24528
24908
|
PtcTabs,
|
|
24529
24909
|
PtcTextCopyWithBackground,
|
|
24530
24910
|
PtcTextfield,
|
|
24911
|
+
PtcTheaterVideo,
|
|
24912
|
+
PtcTheaterVideoModal,
|
|
24913
|
+
PtcTheaterVideoPlaylist,
|
|
24531
24914
|
PtcTitle,
|
|
24532
24915
|
PtcTooltip,
|
|
24533
24916
|
PtcTwoColumnMedia,
|
|
@@ -24544,4 +24927,4 @@ const defineCustomElements = (opts) => {
|
|
|
24544
24927
|
}
|
|
24545
24928
|
};
|
|
24546
24929
|
|
|
24547
|
-
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|
|
24930
|
+
export { AuthorListingExample, BundleExample, BundleJumbotronExample, DropdownItem, DynamicBoxBundle, EmbeddedForm, FeaturedList, FlTabContent, FlTabHeader, FlTabImage, IconAsset, InnovatorToggleContainer, ListItem, MaxWidthContainer, MyComponent, PtcAccordion, PtcAccordionItem, PtcAnnouncement, PtcBackToTop, PtcBackgroundVideo, PtcBioCard, PtcBreadcrumb, PtcBrightcovVideo, PtcButton, PtcCard, PtcCardBottom, PtcCardContent, PtcCardWrapper, PtcCaseStudiesSlider, PtcCheckbox, PtcCollapseList, PtcContainer, PtcDate, PtcDropdown, PtcDynamicCard, PtcEllipsisDropdown, PtcEmbeddedQuiz, PtcFeaturedList, PtcFilterDropdown, PtcFilterLevelTheater, PtcFilterTag, PtcForm, PtcFormCheckbox, PtcHero, PtcHeroFooterCta, PtcIconComponent, PtcIconList, PtcIconMinimize, PtcImageDownloadStrip, PtcImg, PtcJumbotron, PtcLink, PtcList, PtcMediaCard, PtcMinimizedNav, PtcMobileSelect, PtcModal, PtcModalQuiz, PtcNavCard, PtcNavLink, PtcNavPills, PtcNavSlider, PtcNavSubmenu, PtcNews, PtcOverlay, PtcPagenation, PtcPara, PtcPicture, PtcPodcastCard, PtcPreviousUrl, PtcPricingAddOnCard, PtcPricingAddOnSection, PtcPricingBlock, PtcPricingTable, PtcPricingTabs, PtcProductCard, PtcProductCategory, PtcProductDropdown, PtcProductHighlightCard, PtcProductList, PtcProductSidebar, PtcProgressBar, PtcQuote, PtcReadmore, PtcReadmoreChar, PtcRelatedCardRail, PtcResponsiveWrapper, PtcSearchField, PtcSelect, PtcShoppingCart, PtcSkeleton, PtcSlitCard, PtcSocialShare, PtcSpacer, PtcSpan, PtcSquareCard, PtcStickyIcons, PtcStickySection, PtcStickyTitle, PtcSubnav, PtcSubnavCard, PtcSvgBtn, PtcTab, PtcTabList, PtcTabs, PtcTextCopyWithBackground, PtcTextfield, PtcTheaterVideo, PtcTheaterVideoModal, PtcTheaterVideoPlaylist, PtcTitle, PtcTooltip, PtcTwoColumnMedia, PtcValuePropCard, SequentialBundle, SequentialBundleExample, TabContent, TabHeader, defineCustomElements };
|