@ptcwebops/ptcw-design 6.3.46-beta → 6.3.47-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +21 -7
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +21 -7
- package/dist/custom-elements/index.js +20 -7
- package/dist/esm/ptc-theater-video-modal.entry.js +21 -7
- package/dist/ptcw-design/p-310934a4.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +2 -0
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-d9ee43ba.entry.js +0 -1
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-63ddc79c.js');
|
|
6
|
+
const focusTrap_esm = require('./focus-trap.esm-8c5a8938.js');
|
|
6
7
|
|
|
7
8
|
const ptcTheaterVideoModalCss = "h1.sc-ptc-theater-video-modal,h2.sc-ptc-theater-video-modal,h3.sc-ptc-theater-video-modal,h4.sc-ptc-theater-video-modal,h5.sc-ptc-theater-video-modal,h6.sc-ptc-theater-video-modal,p.sc-ptc-theater-video-modal,ul.sc-ptc-theater-video-modal,li.sc-ptc-theater-video-modal,ptc-subnav.sc-ptc-theater-video-modal,ptc-tab-list.sc-ptc-theater-video-modal,ptc-link.sc-ptc-theater-video-modal,ptc-square-card.sc-ptc-theater-video-modal,.hyphenate-text.sc-ptc-theater-video-modal,ptc-footer.sc-ptc-theater-video-modal{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-theater-video-modal,h2.sc-ptc-theater-video-modal,h3.sc-ptc-theater-video-modal,h4.sc-ptc-theater-video-modal,h5.sc-ptc-theater-video-modal,h6.sc-ptc-theater-video-modal,p.sc-ptc-theater-video-modal,ul.sc-ptc-theater-video-modal,li.sc-ptc-theater-video-modal,ptc-subnav.sc-ptc-theater-video-modal,ptc-tab-list.sc-ptc-theater-video-modal,ptc-link.sc-ptc-theater-video-modal,ptc-square-card.sc-ptc-theater-video-modal,.hyphenate-text.sc-ptc-theater-video-modal,ptc-footer.sc-ptc-theater-video-modal{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container.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:rgba(78, 93, 102, 0.6);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}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal .video-container.sc-ptc-theater-video-modal{position:absolute;top:0;left:0;width:100%;height:100%;max-height:80vh}.modal.sc-ptc-theater-video-modal .aspect-ratio-container.sc-ptc-theater-video-modal video-js.sc-ptc-theater-video-modal{width:100%;height:100%}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal{position:relative;padding:24px;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);background-color:var(--color-gray-12)}@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-container.sc-ptc-theater-video-modal{width:100%;display:flex;justify-content:right;margin-bottom:8px}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal{width:max-content;cursor:pointer;padding:8px;transform:translateX(8px)}.modal.sc-ptc-theater-video-modal .modal-container.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}@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 .v-nav.sc-ptc-theater-video-modal button.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.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:100vw;position:relative;padding:40px;background-color:var(--color-gray-12)}@media only screen and (min-width: 992px){.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal{width:75vw}}.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:0;padding:var(--ptc-element-spacing-02);cursor:pointer;margin-right:var(--ptc-element-spacing-04);margin-top:var(--ptc-element-spacing-04)}.modal.modal-only-video.sc-ptc-theater-video-modal .modal-wrapper.sc-ptc-theater-video-modal .vm-close.sc-ptc-theater-video-modal:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.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%;margin-top:16px}";
|
|
8
9
|
|
|
@@ -17,11 +18,6 @@ const PtcTheaterVideoModal = class {
|
|
|
17
18
|
this.modalType = undefined;
|
|
18
19
|
this.focusCardElement = undefined;
|
|
19
20
|
}
|
|
20
|
-
// @Listen('filterCliked', { target: 'document' })
|
|
21
|
-
// handleFilterClick(event: CustomEvent) {
|
|
22
|
-
// const filters = event.detail;
|
|
23
|
-
// this.filteredTagName = filters['selected-tag'].trim();
|
|
24
|
-
// }
|
|
25
21
|
async updateData(data, currentModalIndex, cardElement) {
|
|
26
22
|
// debugger
|
|
27
23
|
this.cards = data;
|
|
@@ -33,6 +29,24 @@ const PtcTheaterVideoModal = class {
|
|
|
33
29
|
const closebtn = this.hostEl.querySelector('.vm-close');
|
|
34
30
|
closebtn === null || closebtn === void 0 ? void 0 : closebtn.focus();
|
|
35
31
|
}, 200);
|
|
32
|
+
setTimeout(() => {
|
|
33
|
+
this.trap = focusTrap_esm.createFocusTrap(this.modalPopUpRef, {
|
|
34
|
+
escapeDeactivates: true,
|
|
35
|
+
clickOutsideDeactivates: true,
|
|
36
|
+
returnFocusOnDeactivate: true,
|
|
37
|
+
onActivate: () => {
|
|
38
|
+
this.trap.pause();
|
|
39
|
+
},
|
|
40
|
+
onDeactivate: () => {
|
|
41
|
+
this.closeCardModal();
|
|
42
|
+
this.trap.deactivate();
|
|
43
|
+
},
|
|
44
|
+
tabbableOptions: {
|
|
45
|
+
getShadowRoot: true,
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
this.trap.activate();
|
|
49
|
+
}, 200);
|
|
36
50
|
}
|
|
37
51
|
closeCardModal() {
|
|
38
52
|
this.showModal = false;
|
|
@@ -81,10 +95,10 @@ const PtcTheaterVideoModal = class {
|
|
|
81
95
|
}
|
|
82
96
|
render() {
|
|
83
97
|
return (index.h(index.Host, null, index.h("slot", null), this.showModal &&
|
|
84
|
-
(this.modalType != 'only-video' ? (index.h("div", { class: "modal" }, index.h("div", { class: "modal-container ptc-container" }, index.h("div", { class: "vm-close-container" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
98
|
+
(this.modalType != 'only-video' ? (index.h("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-container ptc-container" }, index.h("div", { class: "vm-close-container" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
85
99
|
if (e.key === 'Enter')
|
|
86
100
|
this.closeCardModal();
|
|
87
|
-
} }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" })))))), index.h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, index.h("div", { class: 'is-col is-col-7-lg' }, index.h("div", { class: "v-modal-left" }, index.h("div", { class: 'v-nav' }, index.h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), index.h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), index.h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), index.h("div", { class: 'aspect-ratio-container ' }, index.h("div", { class: 'video-container' }, index.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` }))), index.h("div", { class: "card-description-content" }, index.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), index.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 })))), index.h("div", { class: 'is-col is-col-5-lg' }, index.h("div", { class: "video-modal-description" }, index.h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (index.h("div", { class: "modal modal-only-video" }, index.h("div", { class: "modal-wrapper" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
101
|
+
} }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" })))))), index.h("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, index.h("div", { class: 'is-col is-col-7-lg' }, index.h("div", { class: "v-modal-left" }, index.h("div", { class: 'v-nav' }, index.h("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), index.h("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), index.h("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), index.h("div", { class: 'aspect-ratio-container ' }, index.h("div", { class: 'video-container' }, index.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` }))), index.h("div", { class: "card-description-content" }, index.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), index.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 })))), index.h("div", { class: 'is-col is-col-5-lg' }, index.h("div", { class: "video-modal-description" }, index.h("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (index.h("div", { class: "modal modal-only-video", ref: el => (this.modalPopUpRef = el) }, index.h("div", { class: "modal-wrapper" }, index.h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
88
102
|
if (e.key === 'Enter')
|
|
89
103
|
this.closeCardModal();
|
|
90
104
|
} }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, index.h("g", { "clip-path": "url(#clip0_214_927)" }, index.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" })), index.h("defs", null, index.h("clipPath", { id: "clip0_214_927" }, index.h("rect", { width: "18", height: "18", fill: "white" }))))), index.h("div", { class: 'aspect-ratio-container ' }, index.h("div", { class: 'video-container' }, index.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` })))))))));
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
|
+
import { createFocusTrap } from 'focus-trap';
|
|
2
3
|
export class PtcTheaterVideoModal {
|
|
3
4
|
constructor() {
|
|
4
5
|
this.cards = undefined;
|
|
@@ -8,11 +9,6 @@ export class PtcTheaterVideoModal {
|
|
|
8
9
|
this.modalType = undefined;
|
|
9
10
|
this.focusCardElement = undefined;
|
|
10
11
|
}
|
|
11
|
-
// @Listen('filterCliked', { target: 'document' })
|
|
12
|
-
// handleFilterClick(event: CustomEvent) {
|
|
13
|
-
// const filters = event.detail;
|
|
14
|
-
// this.filteredTagName = filters['selected-tag'].trim();
|
|
15
|
-
// }
|
|
16
12
|
async updateData(data, currentModalIndex, cardElement) {
|
|
17
13
|
// debugger
|
|
18
14
|
this.cards = data;
|
|
@@ -24,6 +20,24 @@ export class PtcTheaterVideoModal {
|
|
|
24
20
|
const closebtn = this.hostEl.querySelector('.vm-close');
|
|
25
21
|
closebtn === null || closebtn === void 0 ? void 0 : closebtn.focus();
|
|
26
22
|
}, 200);
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
this.trap = createFocusTrap(this.modalPopUpRef, {
|
|
25
|
+
escapeDeactivates: true,
|
|
26
|
+
clickOutsideDeactivates: true,
|
|
27
|
+
returnFocusOnDeactivate: true,
|
|
28
|
+
onActivate: () => {
|
|
29
|
+
this.trap.pause();
|
|
30
|
+
},
|
|
31
|
+
onDeactivate: () => {
|
|
32
|
+
this.closeCardModal();
|
|
33
|
+
this.trap.deactivate();
|
|
34
|
+
},
|
|
35
|
+
tabbableOptions: {
|
|
36
|
+
getShadowRoot: true,
|
|
37
|
+
},
|
|
38
|
+
});
|
|
39
|
+
this.trap.activate();
|
|
40
|
+
}, 200);
|
|
27
41
|
}
|
|
28
42
|
closeCardModal() {
|
|
29
43
|
this.showModal = false;
|
|
@@ -72,10 +86,10 @@ export class PtcTheaterVideoModal {
|
|
|
72
86
|
}
|
|
73
87
|
render() {
|
|
74
88
|
return (h(Host, null, h("slot", null), this.showModal &&
|
|
75
|
-
(this.modalType != 'only-video' ? (h("div", { class: "modal" }, h("div", { class: "modal-container ptc-container" }, h("div", { class: "vm-close-container" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
89
|
+
(this.modalType != 'only-video' ? (h("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, h("div", { class: "modal-container ptc-container" }, h("div", { class: "vm-close-container" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
76
90
|
if (e.key === 'Enter')
|
|
77
91
|
this.closeCardModal();
|
|
78
|
-
} }, 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 mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
92
|
+
} }, 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", ref: el => (this.modalPopUpRef = el) }, h("div", { class: "modal-wrapper" }, h("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
79
93
|
if (e.key === 'Enter')
|
|
80
94
|
this.closeCardModal();
|
|
81
95
|
} }, 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` })))))))));
|
|
@@ -33588,11 +33588,6 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
|
|
|
33588
33588
|
this.modalType = undefined;
|
|
33589
33589
|
this.focusCardElement = undefined;
|
|
33590
33590
|
}
|
|
33591
|
-
// @Listen('filterCliked', { target: 'document' })
|
|
33592
|
-
// handleFilterClick(event: CustomEvent) {
|
|
33593
|
-
// const filters = event.detail;
|
|
33594
|
-
// this.filteredTagName = filters['selected-tag'].trim();
|
|
33595
|
-
// }
|
|
33596
33591
|
async updateData(data, currentModalIndex, cardElement) {
|
|
33597
33592
|
// debugger
|
|
33598
33593
|
this.cards = data;
|
|
@@ -33604,6 +33599,24 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
|
|
|
33604
33599
|
const closebtn = this.hostEl.querySelector('.vm-close');
|
|
33605
33600
|
closebtn === null || closebtn === void 0 ? void 0 : closebtn.focus();
|
|
33606
33601
|
}, 200);
|
|
33602
|
+
setTimeout(() => {
|
|
33603
|
+
this.trap = createFocusTrap(this.modalPopUpRef, {
|
|
33604
|
+
escapeDeactivates: true,
|
|
33605
|
+
clickOutsideDeactivates: true,
|
|
33606
|
+
returnFocusOnDeactivate: true,
|
|
33607
|
+
onActivate: () => {
|
|
33608
|
+
this.trap.pause();
|
|
33609
|
+
},
|
|
33610
|
+
onDeactivate: () => {
|
|
33611
|
+
this.closeCardModal();
|
|
33612
|
+
this.trap.deactivate();
|
|
33613
|
+
},
|
|
33614
|
+
tabbableOptions: {
|
|
33615
|
+
getShadowRoot: true,
|
|
33616
|
+
},
|
|
33617
|
+
});
|
|
33618
|
+
this.trap.activate();
|
|
33619
|
+
}, 200);
|
|
33607
33620
|
}
|
|
33608
33621
|
closeCardModal() {
|
|
33609
33622
|
this.showModal = false;
|
|
@@ -33652,10 +33665,10 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
|
|
|
33652
33665
|
}
|
|
33653
33666
|
render() {
|
|
33654
33667
|
return (h$1(Host, null, h$1("slot", null), this.showModal &&
|
|
33655
|
-
(this.modalType != 'only-video' ? (h$1("div", { class: "modal" }, h$1("div", { class: "modal-container ptc-container" }, h$1("div", { class: "vm-close-container" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
33668
|
+
(this.modalType != 'only-video' ? (h$1("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, h$1("div", { class: "modal-container ptc-container" }, h$1("div", { class: "vm-close-container" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
33656
33669
|
if (e.key === 'Enter')
|
|
33657
33670
|
this.closeCardModal();
|
|
33658
|
-
} }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" })))))), h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h$1("div", { class: 'is-col is-col-7-lg' }, h$1("div", { class: "v-modal-left" }, h$1("div", { class: 'v-nav' }, h$1("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h$1("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h$1("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex} video-js vjs-fills` }))), h$1("div", { class: "card-description-content" }, h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h$1("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$1("div", { class: 'is-col is-col-5-lg' }, h$1("div", { class: "video-modal-description" }, h$1("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h$1("div", { class: "modal modal-only-video" }, h$1("div", { class: "modal-wrapper" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
33671
|
+
} }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" })))))), h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h$1("div", { class: 'is-col is-col-7-lg' }, h$1("div", { class: "v-modal-left" }, h$1("div", { class: 'v-nav' }, h$1("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h$1("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h$1("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex} video-js vjs-fills` }))), h$1("div", { class: "card-description-content" }, h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h$1("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$1("div", { class: 'is-col is-col-5-lg' }, h$1("div", { class: "video-modal-description" }, h$1("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h$1("div", { class: "modal modal-only-video", ref: el => (this.modalPopUpRef = el) }, h$1("div", { class: "modal-wrapper" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
|
|
33659
33672
|
if (e.key === 'Enter')
|
|
33660
33673
|
this.closeCardModal();
|
|
33661
33674
|
} }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" }))))), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex} video-js vjs-fills` })))))))));
|