@ptcwebops/ptcw-design 3.2.3 → 3.2.4
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/LICENSE +21 -21
- package/dist/cjs/author-listing-example.cjs.entry.js +232 -232
- package/dist/cjs/bundle-example.cjs.entry.js +43 -43
- package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +39 -39
- package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
- package/dist/cjs/dynamic-box-bundle.cjs.entry.js +25 -25
- package/dist/cjs/embedded-form_9.cjs.entry.js +1467 -1467
- package/dist/cjs/featured-list.cjs.entry.js +90 -90
- package/dist/cjs/fl-tab-content_3.cjs.entry.js +44 -44
- package/dist/cjs/footer-form.cjs.entry.js +55 -55
- package/dist/cjs/icon-asset.cjs.entry.js +42 -42
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +21 -21
- package/dist/cjs/{interfaces-574e6df7.js → interfaces-0ecd8027.js} +9 -9
- package/dist/cjs/list-item.cjs.entry.js +23 -23
- package/dist/cjs/my-component.cjs.entry.js +15 -15
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +84 -84
- package/dist/cjs/ptc-accordion.cjs.entry.js +39 -39
- package/dist/cjs/ptc-announcement.cjs.entry.js +52 -52
- package/dist/cjs/ptc-back-to-top.cjs.entry.js +71 -71
- package/dist/cjs/ptc-background-video.cjs.entry.js +57 -57
- package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
- package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +132 -132
- package/dist/cjs/ptc-brightcov-video.cjs.entry.js +46 -46
- package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +130 -130
- package/dist/cjs/ptc-card-content.cjs.entry.js +57 -57
- package/dist/cjs/ptc-card.cjs.entry.js +74 -74
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +77 -77
- package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +397 -397
- package/dist/cjs/ptc-container.cjs.entry.js +33 -33
- package/dist/cjs/ptc-date.cjs.entry.js +50 -50
- package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
- package/dist/cjs/ptc-dynamic-card.cjs.entry.js +48 -48
- package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +46 -46
- package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +89 -89
- package/dist/cjs/ptc-featured-list.cjs.entry.js +95 -95
- package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +277 -277
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +66 -66
- package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
- package/dist/cjs/ptc-form.cjs.entry.js +78 -78
- package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
- package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
- package/dist/cjs/ptc-icon-component.cjs.entry.js +60 -60
- package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
- package/dist/cjs/ptc-image-download-strip.cjs.entry.js +18 -18
- package/dist/cjs/ptc-img.cjs.entry.js +122 -122
- package/dist/cjs/ptc-link.cjs.entry.js +48 -48
- package/dist/cjs/ptc-list.cjs.entry.js +49 -49
- package/dist/cjs/ptc-media-card.cjs.entry.js +58 -58
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +12 -12
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +62 -62
- package/dist/cjs/ptc-modal-quiz.cjs.entry.js +115 -115
- package/dist/cjs/ptc-modal.cjs.entry.js +158 -158
- package/dist/cjs/ptc-nav-card.cjs.entry.js +36 -36
- package/dist/cjs/ptc-nav-link.cjs.entry.js +36 -36
- package/dist/cjs/ptc-nav-pills.cjs.entry.js +8 -8
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +90 -90
- package/dist/cjs/ptc-nav-submenu.cjs.entry.js +37 -37
- package/dist/cjs/ptc-news.cjs.entry.js +24 -24
- package/dist/cjs/ptc-overlay.cjs.entry.js +23 -23
- package/dist/cjs/ptc-pagenation.cjs.entry.js +306 -306
- package/dist/cjs/ptc-para.cjs.entry.js +51 -51
- package/dist/cjs/ptc-picture.cjs.entry.js +152 -152
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +11 -11
- package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
- package/dist/cjs/ptc-pricing-add-on-card.cjs.entry.js +17 -17
- package/dist/cjs/ptc-pricing-add-on-section.cjs.entry.js +38 -38
- package/dist/cjs/ptc-pricing-block.cjs.entry.js +20 -20
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +359 -359
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +124 -124
- package/dist/cjs/ptc-product-card.cjs.entry.js +22 -22
- package/dist/cjs/ptc-product-category.cjs.entry.js +10 -10
- package/dist/cjs/ptc-product-dropdown.cjs.entry.js +69 -69
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +12 -12
- package/dist/cjs/ptc-product-list.cjs.entry.js +140 -140
- package/dist/cjs/ptc-product-sidebar.cjs.entry.js +128 -128
- package/dist/cjs/ptc-progress-bar.cjs.entry.js +16 -16
- package/dist/cjs/ptc-quote.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +24 -24
- package/dist/cjs/ptc-readmore.cjs.entry.js +82 -82
- package/dist/cjs/ptc-related-card-rail.cjs.entry.js +149 -149
- package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
- package/dist/cjs/ptc-search-field.cjs.entry.js +71 -71
- package/dist/cjs/ptc-seo-title.cjs.entry.js +71 -71
- package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
- package/dist/cjs/ptc-slit-card.cjs.entry.js +25 -25
- package/dist/cjs/ptc-span.cjs.entry.js +20 -20
- package/dist/cjs/ptc-square-card.cjs.entry.js +10 -10
- package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
- package/dist/cjs/ptc-sticky-section.cjs.entry.js +30 -30
- package/dist/cjs/ptc-sticky-title.cjs.entry.js +23 -23
- package/dist/cjs/ptc-subnav-card.cjs.entry.js +16 -16
- package/dist/cjs/ptc-subnav.cjs.entry.js +24 -24
- package/dist/cjs/ptc-svg-btn.cjs.entry.js +95 -95
- package/dist/cjs/ptc-tab-list.cjs.entry.js +143 -143
- package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
- package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
- package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +44 -44
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +81 -81
- package/dist/cjs/ptc-tooltip.cjs.entry.js +96 -96
- package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
- package/dist/cjs/ptc-value-led-card.cjs.entry.js +10 -10
- package/dist/cjs/ptc-value-led-content-highlight.cjs.entry.js +8 -8
- package/dist/cjs/ptc-value-led-content.cjs.entry.js +8 -8
- package/dist/cjs/ptc-value-led-intro.cjs.entry.js +9 -9
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +103 -103
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +21 -21
- package/dist/cjs/ptc-value-prop-card.cjs.entry.js +13 -13
- package/dist/cjs/sequential-bundle-example.cjs.entry.js +108 -108
- package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
- package/dist/cjs/tab-content.cjs.entry.js +27 -27
- package/dist/cjs/tab-header.cjs.entry.js +65 -65
- package/dist/cjs/{utils-3e282dbb.js → utils-4e734752.js} +93 -93
- package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
- package/dist/collection/components/dynamic-box-bundle/dynamic-box-bundle.js +114 -114
- package/dist/collection/components/icon-asset/icon-asset.css +4 -4
- package/dist/collection/components/icon-asset/icon-asset.js +199 -199
- package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
- package/dist/collection/components/icon-asset/media/designer.svg +489 -489
- package/dist/collection/components/icon-asset/media/regular.svg +463 -463
- package/dist/collection/components/icon-asset/media/solid.svg +3016 -3016
- package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.js +89 -89
- package/dist/collection/components/list-item/list-item.js +163 -163
- package/dist/collection/components/max-width-container/max-width-container.css +11 -11
- package/dist/collection/components/max-width-container/max-width-container.js +146 -146
- package/dist/collection/components/my-component/my-component.css +3 -3
- package/dist/collection/components/my-component/my-component.js +82 -82
- package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.css +69 -69
- package/dist/collection/components/organism-bundles/author-listing-example/author-listing-example.js +282 -282
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
- package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +79 -79
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +219 -219
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.js +122 -122
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
- package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +91 -91
- package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +120 -120
- package/dist/collection/components/organism-bundles/form/footer-form/footer-form.js +72 -72
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.css +13 -13
- package/dist/collection/components/organism-bundles/form/ptc-form/ptc-form.js +94 -94
- package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +90 -90
- package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +160 -160
- package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +306 -306
- package/dist/collection/components/ptc-accordion/ptc-accordion.js +100 -100
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +274 -274
- package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +97 -97
- package/dist/collection/components/ptc-background-video/ptc-background-video.js +200 -200
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
- package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
- package/dist/collection/components/ptc-brightcov-video/ptc-brightcov-video.js +79 -79
- package/dist/collection/components/ptc-button/ptc-button.js +323 -323
- package/dist/collection/components/ptc-card/ptc-card.js +439 -439
- package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
- package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
- package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +253 -253
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +91 -91
- package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
- package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +639 -639
- package/dist/collection/components/ptc-container/ptc-container.js +138 -138
- package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.js +379 -379
- package/dist/collection/components/ptc-date/ptc-date.js +224 -224
- package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
- package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
- package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +192 -192
- package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +137 -137
- package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.js +146 -146
- package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.js +61 -61
- package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.js +114 -114
- package/dist/collection/components/ptc-featured-list/fl-tab-image/fl-tab-image.js +61 -61
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.js +128 -128
- package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +143 -143
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +124 -124
- package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +266 -266
- package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
- package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +87 -87
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
- package/dist/collection/components/ptc-image-download-strip/ptc-image-download-strip.js +51 -51
- package/dist/collection/components/ptc-img/ptc-img.js +311 -311
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +355 -355
- package/dist/collection/components/ptc-link/ptc-link.js +239 -239
- package/dist/collection/components/ptc-list/ptc-list.js +99 -99
- package/dist/collection/components/ptc-media-card/ptc-media-card.js +240 -240
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +100 -100
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +199 -199
- package/dist/collection/components/ptc-modal/ptc-modal.js +433 -433
- package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.js +191 -191
- package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +224 -224
- package/dist/collection/components/ptc-nav-pills/ptc-nav-pills.js +18 -18
- package/dist/collection/components/ptc-news/ptc-news.js +176 -176
- package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +573 -573
- package/dist/collection/components/ptc-para/ptc-para.js +242 -242
- package/dist/collection/components/ptc-picture/ptc-picture.js +500 -500
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.js +78 -78
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
- package/dist/collection/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.js +139 -139
- package/dist/collection/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.js +75 -75
- package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
- package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +501 -501
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
- package/dist/collection/components/ptc-product-card/ptc-product-card.js +162 -162
- package/dist/collection/components/ptc-product-category/ptc-product-category.js +60 -60
- package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +185 -185
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.js +96 -96
- package/dist/collection/components/ptc-product-list/ptc-product-list.js +194 -194
- package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +252 -252
- package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.js +42 -42
- package/dist/collection/components/ptc-quote/ptc-quote.js +145 -145
- package/dist/collection/components/ptc-readmore/ptc-readmore.js +326 -326
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.js +133 -133
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +190 -190
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
- package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
- package/dist/collection/components/ptc-search-field/ptc-search-field.js +247 -247
- package/dist/collection/components/ptc-select/ptc-select.js +555 -555
- package/dist/collection/components/ptc-seo-title/ptc-seo-title.js +314 -314
- package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
- package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
- package/dist/collection/components/ptc-slit-card/ptc-slit-card.js +181 -181
- package/dist/collection/components/ptc-social-share/ptc-social-share.js +267 -267
- package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
- package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
- package/dist/collection/components/ptc-span/ptc-span.js +107 -107
- package/dist/collection/components/ptc-square-card/ptc-square-card.js +60 -60
- package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
- package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +49 -49
- package/dist/collection/components/ptc-sticky-title/ptc-sticky-title.js +89 -89
- package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
- package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +214 -214
- package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
- package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
- package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +218 -218
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +489 -489
- package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +181 -181
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +128 -128
- package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +165 -165
- package/dist/collection/components/ptc-title/ptc-title.js +310 -310
- package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +361 -361
- package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
- package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js +60 -60
- package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.js +18 -18
- package/dist/collection/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.js +18 -18
- package/dist/collection/components/ptc-value-led-intro/ptc-value-led-intro.js +42 -42
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +156 -156
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.js +97 -97
- package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.js +117 -117
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +131 -131
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +133 -133
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +121 -121
- package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +78 -78
- package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +151 -151
- package/dist/collection/components/tab-content/tab-content.js +84 -84
- package/dist/collection/components/tab-header/tab-header.js +183 -183
- package/dist/collection/index.js +1 -1
- package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
- package/dist/collection/media/svg-imgs/close.svg +10 -10
- package/dist/collection/media/svg-imgs/nav-active-dotslick.svg +16 -16
- package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
- package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
- package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
- package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
- package/dist/collection/media/svg-imgs/union.svg +3 -3
- package/dist/collection/stories/Accordian.stories.js +205 -205
- package/dist/collection/stories/Announcement.stories.js +64 -64
- package/dist/collection/stories/BackgroundImage.stories.js +81 -81
- package/dist/collection/stories/Breadcrumb.stories.js +50 -50
- package/dist/collection/stories/Button.stories.js +119 -119
- package/dist/collection/stories/Card.stories.js +234 -234
- package/dist/collection/stories/CardWrapper.stories.js +270 -270
- package/dist/collection/stories/Checkbox.stories.js +52 -52
- package/dist/collection/stories/Date.stories.js +81 -81
- package/dist/collection/stories/Dropdown.stories.js +48 -48
- package/dist/collection/stories/DynamicCard.stories.js +68 -68
- package/dist/collection/stories/FilterTag.stories.js +73 -73
- package/dist/collection/stories/FormCheckbox.stories.js +57 -57
- package/dist/collection/stories/Hero.stories.js +119 -119
- package/dist/collection/stories/Icon.stories.js +71 -71
- package/dist/collection/stories/IconList.stories.js +114 -114
- package/dist/collection/stories/IconMinimize.stories.js +40 -40
- package/dist/collection/stories/Link.stories.js +107 -107
- package/dist/collection/stories/ListItem.stories.js +59 -59
- package/dist/collection/stories/MaxWidthContainer.stories.js +45 -45
- package/dist/collection/stories/MinimizedHeader.stories.js +37 -37
- package/dist/collection/stories/MobileSelect.stories.js +79 -79
- package/dist/collection/stories/Modal.stories.js +105 -105
- package/dist/collection/stories/Overlay.stories.js +48 -48
- package/dist/collection/stories/Pagination.stories.js +101 -101
- package/dist/collection/stories/Paragraph.stories.js +95 -95
- package/dist/collection/stories/Picture.stories.js +139 -139
- package/dist/collection/stories/Quote.stories.js +107 -107
- package/dist/collection/stories/ReadMore.stories.js +100 -100
- package/dist/collection/stories/Select.stories.js +81 -81
- package/dist/collection/stories/SocialShare.stories.js +66 -66
- package/dist/collection/stories/Spacer.stories.js +48 -48
- package/dist/collection/stories/Span.stories.js +57 -57
- package/dist/collection/stories/SvgButton.stories.js +34 -34
- package/dist/collection/stories/Tabs.stories.js +213 -213
- package/dist/collection/stories/TextCopyWithBackground.stories.js +237 -237
- package/dist/collection/stories/Textfield.stories.js +81 -81
- package/dist/collection/stories/Title.stories.js +115 -115
- package/dist/collection/stories/Tooltip.stories.js +112 -112
- package/dist/collection/utils/component.js +3 -3
- package/dist/collection/utils/elq-lib.js +417 -417
- package/dist/collection/utils/interfaces.js +11 -11
- package/dist/collection/utils/utils.js +94 -94
- package/dist/collection/utils/validation-messages.js +102 -102
- package/dist/custom-elements/index.js +8897 -8897
- package/dist/esm/author-listing-example.entry.js +232 -232
- package/dist/esm/bundle-example.entry.js +43 -43
- package/dist/esm/bundle-jumbotron-example.entry.js +39 -39
- package/dist/esm/dropdown-item.entry.js +10 -10
- package/dist/esm/dynamic-box-bundle.entry.js +25 -25
- package/dist/esm/embedded-form_9.entry.js +1467 -1467
- package/dist/esm/featured-list.entry.js +90 -90
- package/dist/esm/fl-tab-content_3.entry.js +44 -44
- package/dist/esm/footer-form.entry.js +55 -55
- package/dist/esm/icon-asset.entry.js +42 -42
- package/dist/esm/innovator-toggle-container.entry.js +21 -21
- package/dist/esm/{interfaces-4caedd26.js → interfaces-3cb94654.js} +9 -9
- package/dist/esm/list-item.entry.js +23 -23
- package/dist/esm/my-component.entry.js +15 -15
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/ptc-accordion-item.entry.js +84 -84
- package/dist/esm/ptc-accordion.entry.js +39 -39
- package/dist/esm/ptc-announcement.entry.js +52 -52
- package/dist/esm/ptc-back-to-top.entry.js +71 -71
- package/dist/esm/ptc-background-video.entry.js +57 -57
- package/dist/esm/ptc-bio-card.entry.js +24 -24
- package/dist/esm/ptc-breadcrumb_2.entry.js +132 -132
- package/dist/esm/ptc-brightcov-video.entry.js +46 -46
- package/dist/esm/ptc-card-bottom_3.entry.js +130 -130
- package/dist/esm/ptc-card-content.entry.js +57 -57
- package/dist/esm/ptc-card.entry.js +74 -74
- package/dist/esm/ptc-case-studies-slider.entry.js +77 -77
- package/dist/esm/ptc-checkbox.entry.js +50 -50
- package/dist/esm/ptc-collapse-list.entry.js +397 -397
- package/dist/esm/ptc-container.entry.js +33 -33
- package/dist/esm/ptc-date.entry.js +50 -50
- package/dist/esm/ptc-dropdown.entry.js +64 -64
- package/dist/esm/ptc-dynamic-card.entry.js +48 -48
- package/dist/esm/ptc-ellipsis-dropdown.entry.js +46 -46
- package/dist/esm/ptc-embedded-quiz.entry.js +89 -89
- package/dist/esm/ptc-featured-list.entry.js +95 -95
- package/dist/esm/ptc-filter-dropdown_4.entry.js +277 -277
- package/dist/esm/ptc-filter-level-theater.entry.js +66 -66
- package/dist/esm/ptc-filter-tag.entry.js +57 -57
- package/dist/esm/ptc-form.entry.js +78 -78
- package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
- package/dist/esm/ptc-hero.entry.js +18 -18
- package/dist/esm/ptc-icon-component.entry.js +60 -60
- package/dist/esm/ptc-icon-list.entry.js +21 -21
- package/dist/esm/ptc-icon-minimize.entry.js +43 -43
- package/dist/esm/ptc-image-download-strip.entry.js +18 -18
- package/dist/esm/ptc-img.entry.js +122 -122
- package/dist/esm/ptc-link.entry.js +48 -48
- package/dist/esm/ptc-list.entry.js +49 -49
- package/dist/esm/ptc-media-card.entry.js +58 -58
- package/dist/esm/ptc-minimized-nav.entry.js +12 -12
- package/dist/esm/ptc-mobile-select.entry.js +62 -62
- package/dist/esm/ptc-modal-quiz.entry.js +115 -115
- package/dist/esm/ptc-modal.entry.js +158 -158
- package/dist/esm/ptc-nav-card.entry.js +36 -36
- package/dist/esm/ptc-nav-link.entry.js +36 -36
- package/dist/esm/ptc-nav-pills.entry.js +8 -8
- package/dist/esm/ptc-nav-slider.entry.js +90 -90
- package/dist/esm/ptc-nav-submenu.entry.js +37 -37
- package/dist/esm/ptc-news.entry.js +24 -24
- package/dist/esm/ptc-overlay.entry.js +23 -23
- package/dist/esm/ptc-pagenation.entry.js +306 -306
- package/dist/esm/ptc-para.entry.js +51 -51
- package/dist/esm/ptc-picture.entry.js +152 -152
- package/dist/esm/ptc-podcast-card.entry.js +11 -11
- package/dist/esm/ptc-previous-url.entry.js +11 -11
- package/dist/esm/ptc-pricing-add-on-card.entry.js +17 -17
- package/dist/esm/ptc-pricing-add-on-section.entry.js +38 -38
- package/dist/esm/ptc-pricing-block.entry.js +20 -20
- package/dist/esm/ptc-pricing-packaging-table.entry.js +359 -359
- package/dist/esm/ptc-pricing-tabs.entry.js +124 -124
- package/dist/esm/ptc-product-card.entry.js +22 -22
- package/dist/esm/ptc-product-category.entry.js +10 -10
- package/dist/esm/ptc-product-dropdown.entry.js +69 -69
- package/dist/esm/ptc-product-highlight-card.entry.js +12 -12
- package/dist/esm/ptc-product-list.entry.js +140 -140
- package/dist/esm/ptc-product-sidebar.entry.js +128 -128
- package/dist/esm/ptc-progress-bar.entry.js +16 -16
- package/dist/esm/ptc-quote.entry.js +24 -24
- package/dist/esm/ptc-readmore-char.entry.js +24 -24
- package/dist/esm/ptc-readmore.entry.js +82 -82
- package/dist/esm/ptc-related-card-rail.entry.js +149 -149
- package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
- package/dist/esm/ptc-search-field.entry.js +71 -71
- package/dist/esm/ptc-seo-title.entry.js +71 -71
- package/dist/esm/ptc-shopping-cart.entry.js +50 -50
- package/dist/esm/ptc-slit-card.entry.js +25 -25
- package/dist/esm/ptc-span.entry.js +20 -20
- package/dist/esm/ptc-square-card.entry.js +10 -10
- package/dist/esm/ptc-sticky-icons.entry.js +32 -32
- package/dist/esm/ptc-sticky-section.entry.js +30 -30
- package/dist/esm/ptc-sticky-title.entry.js +23 -23
- package/dist/esm/ptc-subnav-card.entry.js +16 -16
- package/dist/esm/ptc-subnav.entry.js +24 -24
- package/dist/esm/ptc-svg-btn.entry.js +95 -95
- package/dist/esm/ptc-tab-list.entry.js +143 -143
- package/dist/esm/ptc-tab.entry.js +20 -20
- package/dist/esm/ptc-tabs.entry.js +47 -47
- package/dist/esm/ptc-text-copy-with-background.entry.js +44 -44
- package/dist/esm/ptc-theater-video-modal.entry.js +81 -81
- package/dist/esm/ptc-tooltip.entry.js +96 -96
- package/dist/esm/ptc-two-column-media.entry.js +15 -15
- package/dist/esm/ptc-value-led-card.entry.js +10 -10
- package/dist/esm/ptc-value-led-content-highlight.entry.js +8 -8
- package/dist/esm/ptc-value-led-content.entry.js +8 -8
- package/dist/esm/ptc-value-led-intro.entry.js +9 -9
- package/dist/esm/ptc-value-led-layout.entry.js +103 -103
- package/dist/esm/ptc-value-led-speed-bump.entry.js +21 -21
- package/dist/esm/ptc-value-prop-card.entry.js +13 -13
- package/dist/esm/sequential-bundle-example.entry.js +108 -108
- package/dist/esm/sequential-bundle.entry.js +88 -88
- package/dist/esm/tab-content.entry.js +27 -27
- package/dist/esm/tab-header.entry.js +65 -65
- package/dist/esm/{utils-ff66a908.js → utils-4cafa40c.js} +93 -93
- package/dist/ptcw-design/media/brands.svg +1381 -1381
- package/dist/ptcw-design/media/designer.svg +489 -489
- package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
- package/dist/ptcw-design/media/regular.svg +463 -463
- package/dist/ptcw-design/media/solid.svg +3016 -3016
- package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
- package/dist/ptcw-design/{p-57f91d23.entry.js → p-028f77a5.entry.js} +1 -1
- package/dist/ptcw-design/{p-9415f40e.entry.js → p-64052394.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2a8372d.entry.js → p-6c32ca0e.entry.js} +1 -1
- package/dist/ptcw-design/{p-46e3abad.entry.js → p-6ec80150.entry.js} +1 -1
- package/dist/ptcw-design/p-93b2520e.entry.js +1 -0
- package/dist/ptcw-design/{p-2c6cce6c.entry.js → p-a5716559.entry.js} +1 -1
- package/dist/ptcw-design/{p-7a8726da.entry.js → p-af91e74f.entry.js} +1 -1
- package/dist/ptcw-design/{p-c12853b9.entry.js → p-c382cb39.entry.js} +1 -1
- package/dist/ptcw-design/{p-ab16b22b.entry.js → p-d82dc830.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
- package/dist/types/components/dynamic-box-bundle/dynamic-box-bundle.d.ts +10 -10
- package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
- package/dist/types/components/innovator-toggle-container/innovator-toggle-container.d.ts +17 -17
- package/dist/types/components/list-item/list-item.d.ts +17 -17
- package/dist/types/components/max-width-container/max-width-container.d.ts +16 -16
- package/dist/types/components/my-component/my-component.d.ts +16 -16
- package/dist/types/components/organism-bundles/author-listing-example/author-listing-example.d.ts +12 -12
- package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +14 -14
- package/dist/types/components/organism-bundles/bundle-featured-list/featured-list.d.ts +12 -12
- package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +5 -5
- package/dist/types/components/organism-bundles/form/embedded-form/embedded-form.d.ts +31 -31
- package/dist/types/components/organism-bundles/form/footer-form/footer-form.d.ts +14 -14
- package/dist/types/components/organism-bundles/form/ptc-form/ptc-form.d.ts +25 -25
- package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
- package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
- package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +63 -63
- package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +17 -17
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +59 -59
- package/dist/types/components/ptc-back-to-top/ptc-back-to-top.d.ts +10 -10
- package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +45 -45
- package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
- package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
- package/dist/types/components/ptc-brightcov-video/ptc-brightcov-video.d.ts +6 -6
- package/dist/types/components/ptc-button/ptc-button.d.ts +68 -68
- package/dist/types/components/ptc-card/ptc-card.d.ts +84 -84
- package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
- package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
- package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +30 -30
- package/dist/types/components/ptc-case-studies-slider/ptc-case-studies-slider.d.ts +14 -14
- package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
- package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +60 -60
- package/dist/types/components/ptc-container/ptc-container.d.ts +13 -13
- package/dist/types/components/ptc-data-lookup/ptc-data-lookup.d.ts +27 -27
- package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
- package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
- package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +27 -27
- package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +15 -15
- package/dist/types/components/ptc-embedded-quiz/ptc-embedded-quiz.d.ts +21 -21
- package/dist/types/components/ptc-featured-list/fl-tab-content/fl-tab-content.d.ts +5 -5
- package/dist/types/components/ptc-featured-list/fl-tab-header/fl-tab-header.d.ts +12 -12
- package/dist/types/components/ptc-featured-list/fl-tab-image/fl-tab-image.d.ts +5 -5
- package/dist/types/components/ptc-featured-list/ptc-featured-list.d.ts +12 -12
- package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +26 -26
- package/dist/types/components/ptc-filter-level-theater/ptc-filter-level-theater.d.ts +17 -17
- package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
- package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +25 -25
- package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
- package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
- package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +17 -17
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
- package/dist/types/components/ptc-image-download-strip/ptc-image-download-strip.d.ts +9 -9
- package/dist/types/components/ptc-img/ptc-img.d.ts +55 -55
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +26 -26
- package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
- package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
- package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +52 -52
- package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +7 -7
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +76 -76
- package/dist/types/components/ptc-modal-quiz/ptc-modal-quiz.d.ts +36 -36
- package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
- package/dist/types/components/ptc-nav-pills/ptc-nav-pills.d.ts +3 -3
- package/dist/types/components/ptc-news/ptc-news.d.ts +36 -36
- package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +40 -40
- package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
- package/dist/types/components/ptc-picture/ptc-picture.d.ts +102 -102
- package/dist/types/components/ptc-podcast-card/ptc-podcast-card.d.ts +15 -15
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
- package/dist/types/components/ptc-pricing-add-on-card/ptc-pricing-add-on-card.d.ts +31 -31
- package/dist/types/components/ptc-pricing-add-on-section/ptc-pricing-add-on-section.d.ts +22 -22
- package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
- package/dist/types/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.d.ts +87 -87
- package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
- package/dist/types/components/ptc-product-card/ptc-product-card.d.ts +37 -37
- package/dist/types/components/ptc-product-category/ptc-product-category.d.ts +5 -5
- package/dist/types/components/ptc-product-dropdown/ptc-product-dropdown.d.ts +18 -18
- package/dist/types/components/ptc-product-highlight-card/ptc-product-highlight-card.d.ts +23 -23
- package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +18 -18
- package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +31 -31
- package/dist/types/components/ptc-progress-bar/ptc-progress-bar.d.ts +5 -5
- package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
- package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +58 -58
- package/dist/types/components/ptc-readmore-char/ptc-readmore-char.d.ts +30 -30
- package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +30 -30
- package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
- package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +23 -23
- package/dist/types/components/ptc-select/ptc-select.d.ts +29 -29
- package/dist/types/components/ptc-seo-title/ptc-seo-title.d.ts +55 -55
- package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
- package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
- package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts +36 -36
- package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +37 -37
- package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
- package/dist/types/components/ptc-span/ptc-span.d.ts +20 -20
- package/dist/types/components/ptc-square-card/ptc-square-card.d.ts +11 -11
- package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
- package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -9
- package/dist/types/components/ptc-sticky-title/ptc-sticky-title.d.ts +8 -8
- package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
- package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +23 -23
- package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
- package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
- package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +42 -42
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +35 -35
- package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts +14 -14
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +16 -16
- package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +26 -26
- package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
- package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +63 -63
- package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
- package/dist/types/components/ptc-value-led-card/ptc-value-led-card.d.ts +5 -5
- package/dist/types/components/ptc-value-led-content/ptc-value-led-content.d.ts +3 -3
- package/dist/types/components/ptc-value-led-content-highlight/ptc-value-led-content-highlight.d.ts +3 -3
- package/dist/types/components/ptc-value-led-intro/ptc-value-led-intro.d.ts +4 -4
- package/dist/types/components/ptc-value-led-layout/ptc-value-led-layout.d.ts +16 -16
- package/dist/types/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.d.ts +10 -10
- package/dist/types/components/ptc-value-prop-card/ptc-value-prop-card.d.ts +23 -23
- package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +26 -26
- package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -11
- package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +23 -23
- package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +11 -11
- package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +31 -31
- package/dist/types/components/tab-content/tab-content.d.ts +12 -12
- package/dist/types/components/tab-header/tab-header.d.ts +22 -22
- package/dist/types/components.d.ts +236 -236
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/component.d.ts +1 -1
- package/dist/types/utils/eloqua.d.ts +8 -8
- package/dist/types/utils/elq-lib.d.ts +55 -55
- package/dist/types/utils/interfaces.d.ts +32 -32
- package/dist/types/utils/utils.d.ts +6 -6
- package/dist/types/utils/validation-messages.d.ts +102 -102
- package/package.json +89 -89
- package/readme.md +19 -19
- package/dist/ptcw-design/p-b1015faf.entry.js +0 -1
- /package/dist/ptcw-design/{p-711bcdad.js → p-240733ce.js} +0 -0
- /package/dist/ptcw-design/{p-ff83c1c4.js → p-5c1c23ad.js} +0 -0
|
@@ -2,87 +2,87 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-62
|
|
|
2
2
|
|
|
3
3
|
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:99999}.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);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}@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;overflow-x:hidden;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}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:90vw;position:relative}@media only screen and (min-width: 768px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:75vw;padding:40px}}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{position:absolute;right:0;top:-40px;cursor:pointer}@media only screen and (min-width: 768px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{right:0;top:10px}}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal{width:100%;height:100%}";
|
|
4
4
|
|
|
5
|
-
const PtcTheaterVideoModal = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
this.cards = undefined;
|
|
9
|
-
this.showModal = false;
|
|
10
|
-
this.currentCardIndex = 0;
|
|
11
|
-
this.filteredTagName = undefined;
|
|
12
|
-
this.modalType = undefined;
|
|
13
|
-
}
|
|
14
|
-
// @Listen('filterCliked', { target: 'document' })
|
|
15
|
-
// handleFilterClick(event: CustomEvent) {
|
|
16
|
-
// const filters = event.detail;
|
|
17
|
-
// this.filteredTagName = filters['selected-tag'].trim();
|
|
18
|
-
// }
|
|
19
|
-
async updateData(data, currentModalIndex) {
|
|
20
|
-
// debugger
|
|
21
|
-
// console.log(data);
|
|
22
|
-
// console.log(this.filteredTagName);
|
|
23
|
-
this.cards = data;
|
|
24
|
-
console.log(this.cards);
|
|
25
|
-
// this.cards = data.filter((item) => {
|
|
26
|
-
// const videoTagArr = item.vtagName.split(",").map((j) => j.trim());
|
|
27
|
-
// if (this.filteredTagName !== undefined && this.filteredTagName !== 'reset') {
|
|
28
|
-
// return videoTagArr.includes(this.filteredTagName);
|
|
29
|
-
// } else {
|
|
30
|
-
// return true;
|
|
31
|
-
// }
|
|
32
|
-
// });
|
|
33
|
-
// console.log(this.cards);
|
|
34
|
-
console.log(currentModalIndex);
|
|
35
|
-
this.currentCardIndex = currentModalIndex;
|
|
36
|
-
this.modalType = this.cards[this.currentCardIndex].modalType;
|
|
37
|
-
this.showModal = true;
|
|
38
|
-
}
|
|
39
|
-
closeCardModal() {
|
|
40
|
-
this.showModal = false;
|
|
41
|
-
this.cards = [];
|
|
42
|
-
}
|
|
43
|
-
showNextCard() {
|
|
44
|
-
if (this.currentCardIndex < this.cards.length - 1) {
|
|
45
|
-
this.currentCardIndex++;
|
|
46
|
-
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
showPrevCard() {
|
|
50
|
-
if (this.currentCardIndex > 0) {
|
|
51
|
-
this.currentCardIndex--;
|
|
52
|
-
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
componentDidUpdate() {
|
|
56
|
-
this.initializeVideo();
|
|
57
|
-
}
|
|
58
|
-
initializeVideo() {
|
|
59
|
-
const videoTag = this.hostEl.querySelector(`#bcPlayer`);
|
|
60
|
-
if (videoTag) {
|
|
61
|
-
if (globalThis.bc) {
|
|
62
|
-
new globalThis.bc(videoTag, {
|
|
63
|
-
/* your player options */
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
updateVideoPlayer(vId) {
|
|
69
|
-
// debugger
|
|
70
|
-
globalThis.videojs.getPlayer('bcPlayer').ready(function () {
|
|
71
|
-
const myPlayer = this;
|
|
72
|
-
if (vId) {
|
|
73
|
-
myPlayer.catalog.getVideo(vId, function (error, video) {
|
|
74
|
-
myPlayer.catalog.load(video);
|
|
75
|
-
console.log('Video Modal' + error);
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
render() {
|
|
81
|
-
return (h(Host, null, h("slot", null), this.showModal &&
|
|
82
|
-
(this.modalType != 'only-video' ? (h("div", { class: "modal" }, h("div", { class: "modal-container ptc-container" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("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("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h("div", { class: 'is-col is-col-7-lg' }, h("div", { class: "v-modal-left" }, h("div", { class: 'v-nav' }, h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("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("div", { class: "card-description-content" }, h("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this.currentCardIndex].cardDescription })))), h("div", { class: 'is-col is-col-5-lg' }, h("div", { class: "video-modal-description" }, h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h("div", { class: "modal modal-only-video" }, h("div", { class: "modal-wrapper" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("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("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("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` })))))))));
|
|
83
|
-
}
|
|
84
|
-
get hostEl() { return getElement(this); }
|
|
85
|
-
};
|
|
5
|
+
const PtcTheaterVideoModal = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
this.cards = undefined;
|
|
9
|
+
this.showModal = false;
|
|
10
|
+
this.currentCardIndex = 0;
|
|
11
|
+
this.filteredTagName = undefined;
|
|
12
|
+
this.modalType = undefined;
|
|
13
|
+
}
|
|
14
|
+
// @Listen('filterCliked', { target: 'document' })
|
|
15
|
+
// handleFilterClick(event: CustomEvent) {
|
|
16
|
+
// const filters = event.detail;
|
|
17
|
+
// this.filteredTagName = filters['selected-tag'].trim();
|
|
18
|
+
// }
|
|
19
|
+
async updateData(data, currentModalIndex) {
|
|
20
|
+
// debugger
|
|
21
|
+
// console.log(data);
|
|
22
|
+
// console.log(this.filteredTagName);
|
|
23
|
+
this.cards = data;
|
|
24
|
+
console.log(this.cards);
|
|
25
|
+
// this.cards = data.filter((item) => {
|
|
26
|
+
// const videoTagArr = item.vtagName.split(",").map((j) => j.trim());
|
|
27
|
+
// if (this.filteredTagName !== undefined && this.filteredTagName !== 'reset') {
|
|
28
|
+
// return videoTagArr.includes(this.filteredTagName);
|
|
29
|
+
// } else {
|
|
30
|
+
// return true;
|
|
31
|
+
// }
|
|
32
|
+
// });
|
|
33
|
+
// console.log(this.cards);
|
|
34
|
+
console.log(currentModalIndex);
|
|
35
|
+
this.currentCardIndex = currentModalIndex;
|
|
36
|
+
this.modalType = this.cards[this.currentCardIndex].modalType;
|
|
37
|
+
this.showModal = true;
|
|
38
|
+
}
|
|
39
|
+
closeCardModal() {
|
|
40
|
+
this.showModal = false;
|
|
41
|
+
this.cards = [];
|
|
42
|
+
}
|
|
43
|
+
showNextCard() {
|
|
44
|
+
if (this.currentCardIndex < this.cards.length - 1) {
|
|
45
|
+
this.currentCardIndex++;
|
|
46
|
+
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
showPrevCard() {
|
|
50
|
+
if (this.currentCardIndex > 0) {
|
|
51
|
+
this.currentCardIndex--;
|
|
52
|
+
this.updateVideoPlayer(this.cards[this.currentCardIndex].videoId);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
componentDidUpdate() {
|
|
56
|
+
this.initializeVideo();
|
|
57
|
+
}
|
|
58
|
+
initializeVideo() {
|
|
59
|
+
const videoTag = this.hostEl.querySelector(`#bcPlayer`);
|
|
60
|
+
if (videoTag) {
|
|
61
|
+
if (globalThis.bc) {
|
|
62
|
+
new globalThis.bc(videoTag, {
|
|
63
|
+
/* your player options */
|
|
64
|
+
});
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
updateVideoPlayer(vId) {
|
|
69
|
+
// debugger
|
|
70
|
+
globalThis.videojs.getPlayer('bcPlayer').ready(function () {
|
|
71
|
+
const myPlayer = this;
|
|
72
|
+
if (vId) {
|
|
73
|
+
myPlayer.catalog.getVideo(vId, function (error, video) {
|
|
74
|
+
myPlayer.catalog.load(video);
|
|
75
|
+
console.log('Video Modal' + error);
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
render() {
|
|
81
|
+
return (h(Host, null, h("slot", null), this.showModal &&
|
|
82
|
+
(this.modalType != 'only-video' ? (h("div", { class: "modal" }, h("div", { class: "modal-container ptc-container" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("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("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h("div", { class: 'is-col is-col-7-lg' }, h("div", { class: "v-modal-left" }, h("div", { class: 'v-nav' }, h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("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("div", { class: "card-description-content" }, h("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this.currentCardIndex].cardDescription })))), h("div", { class: 'is-col is-col-5-lg' }, h("div", { class: "video-modal-description" }, h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h("div", { class: "modal modal-only-video" }, h("div", { class: "modal-wrapper" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h("g", { "clip-path": "url(#clip0_214_927)" }, h("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("defs", null, h("clipPath", { id: "clip0_214_927" }, h("rect", { width: "18", height: "18", fill: "white" }))))), h("div", { class: 'aspect-ratio-container ' }, h("div", { class: 'video-container' }, h("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` })))))))));
|
|
83
|
+
}
|
|
84
|
+
get hostEl() { return getElement(this); }
|
|
85
|
+
};
|
|
86
86
|
PtcTheaterVideoModal.style = ptcTheaterVideoModalCss;
|
|
87
87
|
|
|
88
88
|
export { PtcTheaterVideoModal as ptc_theater_video_modal };
|