@ptcwebops/ptcw-design 6.3.13 → 6.3.14

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.
Files changed (33) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/ptc-bio-card.cjs.entry.js +20 -3
  3. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +10 -0
  4. package/dist/cjs/ptc-white-paper.cjs.entry.js +3 -6
  5. package/dist/cjs/ptcw-design.cjs.js +1 -1
  6. package/dist/cjs/tab-header.cjs.entry.js +1 -1
  7. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +4 -0
  8. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +19 -2
  9. package/dist/collection/components/ptc-modal/ptc-modal.js +27 -0
  10. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +3 -6
  11. package/dist/collection/components/tab-header/tab-header.js +1 -1
  12. package/dist/custom-elements/index.js +35 -11
  13. package/dist/esm/loader.js +1 -1
  14. package/dist/esm/ptc-bio-card.entry.js +20 -3
  15. package/dist/esm/ptc-close-icon_2.entry.js +10 -0
  16. package/dist/esm/ptc-white-paper.entry.js +4 -7
  17. package/dist/esm/ptcw-design.js +1 -1
  18. package/dist/esm/tab-header.entry.js +1 -1
  19. package/dist/ptcw-design/p-352e87c0.entry.js +1 -0
  20. package/dist/ptcw-design/p-b7fa9f2c.entry.js +1 -0
  21. package/dist/ptcw-design/p-d6845e91.entry.js +1 -0
  22. package/dist/ptcw-design/p-fbd9c8fc.entry.js +1 -0
  23. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  24. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +1 -1
  25. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -0
  26. package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -0
  27. package/dist/types/components.d.ts +2 -0
  28. package/package.json +1 -1
  29. package/readme.md +1 -1
  30. package/dist/ptcw-design/p-54f6e1a5.entry.js +0 -1
  31. package/dist/ptcw-design/p-8038bf31.entry.js +0 -1
  32. package/dist/ptcw-design/p-ab3d2934.entry.js +0 -1
  33. package/dist/ptcw-design/p-d7536bff.entry.js +0 -1
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host, g as getElement } from './index-c83db688.js';
2
2
 
3
- const ptcBioCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:fit-content;height:100%;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:\"\";position:absolute;width:100%;height:100%;background-image:url(\"https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg\");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:\"\";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:\" \";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}";
3
+ const ptcBioCardCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:host{display:block;color:var(--color-gray-10);height:100%}:host ::slotted([slot=seo-content]){display:none}:host .bio-card{height:100%;display:flex;box-shadow:var(--ptc-shadow-small);transition:box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;background-color:var(--color-white)}:host .bio-card:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .bio-card .bio-card__image{max-width:150px;min-width:100px;width:100px}@media only screen and (min-width: 480px){:host .bio-card .bio-card__image{min-width:140px}}@media only screen and (min-width: 768px){:host .bio-card .bio-card__image{width:35%}}:host .bio-card .bio-card__image img{max-width:100%;display:block;max-height:fit-content;height:100%;object-fit:cover;width:100%}:host .bio-card .bio-card__content{padding:12px 12px 1px 12px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;align-content:space-between}@media only screen and (min-width: 768px){:host .bio-card .bio-card__content{width:65%;padding:16px 16px 1px 16px}}:host .bio-card .bio-card__content .bio-card__name{display:inline-block;margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-black);line-height:var(--ptc-line-height-denser);letter-spacing:0.031rem;border-bottom:1px solid transparent}:host .bio-card .bio-card__content .bio-card__name a{font-weight:var(--ptc-font-weight-black)}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__name{font-size:var(--ptc-font-size-xx-small)}}:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small);font-weight:var(--ptc-font-weight-semibold);line-height:var(--ptc-line-height-p);letter-spacing:0.031rem;margin:2px 0 0 0}@media only screen and (min-width: 480px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-x-small)}}@media only screen and (min-width: 992px){:host .bio-card .bio-card__content .bio-card__job-title{font-size:var(--ptc-font-size-xxx-small)}}:host .bio-card .bio-card__content .bio-card__social-links{border-top:1px solid var(--color-gray-03);padding-top:12px}:host .bio-card .bio-card__content .bio-card__social-links .social-icon{margin-right:20px;display:inline-block;line-height:var(--ptc-line-height-denser);z-index:99999999}:host .bio-card .bio-card__content .bio-card__social-links .social-icon svg{max-width:27px;max-height:44px}:host .modal-wrap{display:flex;height:100%}@media only screen and (min-width: 768px){:host .modal-wrap{height:auto}}@media (max-height: 450px){:host .modal-wrap{height:100%}}:host .modal-wrap .bio-modal-left{width:140px;max-height:208px;display:none}:host .modal-wrap .bio-modal-left .bio-modal__image{margin-bottom:35px}:host .modal-wrap .bio-modal-left .bio-modal__image img{max-width:100%;display:block;min-width:140px}@media (max-height: 450px){:host .modal-wrap .bio-modal-left .bio-modal__image img{min-width:110px}}:host .modal-wrap .bio-modal-left .bio-card__social-links{display:flex;flex-direction:column;justify-content:center;align-items:center}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon{margin-bottom:10px;z-index:99999999}:host .modal-wrap .bio-modal-left .bio-card__social-links .social-icon:last-child{margin-bottom:0}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-left{display:block}}:host .modal-wrap .bio-modal-right{padding-left:30px;padding-right:15px}:host .modal-wrap .bio-modal-right .bio-modal-header{position:relative;width:95%}@media only screen and (min-width: 992px){:host .modal-wrap .bio-modal-right .bio-modal-header::after{content:\"\";position:absolute;width:100%;height:100%;background-image:url(\"https://www.ptc.com/dist/ptc/images/Exec-Leadership/Card-Decoration.svg\");background-size:340px;transform:rotate(180deg);z-index:-1;background-repeat:no-repeat;top:-20px;right:5%;opacity:0.4}}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__name{margin:0 0 4px 0;font-weight:var(--ptc-font-weight-black);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-denser)}:host .modal-wrap .bio-modal-right .bio-modal-header .bio-card__job-title{margin:0;font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-medium)}:host .modal-wrap .bio-modal-right .bio-modal-description{margin-top:40px;overflow-y:auto;padding-right:8%;max-height:calc(100% - 120px)}@media only screen and (min-width: 768px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:500px}}@media (max-height: 450px){:host .modal-wrap .bio-modal-right .bio-modal-description{max-height:calc(100% - 110px)}}:host .modal-wrap .bio-modal-right .bio-modal-description::before{background:var(--color-white);background:linear-gradient(0deg, var(--color-white), rgba(255, 255, 255, 0));bottom:0;content:\"\";display:block;height:25%;left:0;position:absolute;right:1rem;width:100%;border-bottom-left-radius:var(--ptc-border-radius-large);border-bottom-right-radius:var(--ptc-border-radius-large)}:host .modal-wrap .bio-modal-right .bio-modal-description::after{content:\" \";width:10px;height:120px;display:block}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar{width:0.188rem}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-track{background:var(--color-gray-03)}:host .modal-wrap .bio-modal-right .bio-modal-description::-webkit-scrollbar-thumb{background:var(--color-gray-10);border-radius:2rem}:host .social-icon{z-index:99999999}:host .social-icon .cls-1{transition:all ease-in 250ms}:host .social-icon .cls-3,:host .social-icon .cls-4{stroke:none}:host .social-icon .cls-4{transition:all ease-in 250ms;fill:var(--color-gray-03)}:host .social-icon .cls-x-1{fill:var(--color-gray-10)}:host .social-icon .cls-x-2{fill:none}:host .social-icon:hover .cls-1{transition:all ease-in 250ms;fill:var(--color-white)}:host .social-icon:hover .cls-2{fill:var(--color-green-14)}:host .social-icon:hover .cls-4,:host .social-icon:hover .cls-x-1{fill:var(--color-green-14)}:host(.card-with-modal) .bio-card{transition:box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card .bio-card__name{transition:border-bottom-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.card-with-modal) .bio-card:hover{box-shadow:var(--ptc-shadow-x-large);cursor:pointer}:host(.card-with-modal) .bio-card:hover .bio-card__name{border-bottom-color:var(--color-green-07)}";
4
4
 
5
5
  const PtcBioCard = class {
6
6
  constructor(hostRef) {
@@ -13,8 +13,11 @@ const PtcBioCard = class {
13
13
  this.twitter = undefined;
14
14
  this.isModal = true;
15
15
  }
16
- openModal() {
16
+ openModal(e) {
17
17
  if (this.isModal) {
18
+ //seting up the focus element when modal closed
19
+ let modalRefFocus = this.el.shadowRoot.querySelector("#bio-modal");
20
+ modalRefFocus.focusBackElement = e.target;
18
21
  this.showModal = true;
19
22
  }
20
23
  }
@@ -25,9 +28,23 @@ const PtcBioCard = class {
25
28
  this.showModal = false;
26
29
  });
27
30
  }
31
+ // Code for to stop opening the modal when clicked on social icons
32
+ const socialIcons = this.el.shadowRoot.querySelectorAll('.bio-card__social-links .social-icon');
33
+ const stopClickPropagation = (e) => {
34
+ e.stopPropagation();
35
+ };
36
+ const stopEnterKeyPropagation = (e) => {
37
+ if (e.key === 'Enter') {
38
+ e.stopPropagation();
39
+ }
40
+ };
41
+ socialIcons.forEach(icon => {
42
+ icon.addEventListener('click', stopClickPropagation);
43
+ icon.addEventListener('keydown', stopEnterKeyPropagation);
44
+ });
28
45
  }
29
46
  render() {
30
- return (h(Host, { type: "button", class: this.isModal ? 'card-with-modal' : '' }, h("div", { class: "bio-card", onClick: () => { this.openModal(); } }, h("slot", { name: "seo-content" }), h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin", title: "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "X", title: "X" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true, fixed: true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" })))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null))))))));
47
+ return (h(Host, { type: "button", class: this.isModal ? 'card-with-modal' : '' }, h("div", { class: "bio-card mf-listen", onClick: (e) => { this.openModal(e); }, tabIndex: 0, onKeyDown: (e) => { e.key === 'Enter' ? this.openModal(e) : null; } }, h("slot", { name: "seo-content" }), h("div", { class: "bio-card__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), h("div", { class: "bio-card__content" }, h("div", null, h("h3", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "linkedin", title: "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon mf-listen", "aria-label": "X", title: "X" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" }))))))))), this.isModal && (h("ptc-modal", { id: "bio-modal", show: this.showModal, size: "lg", "border-radius": 'large', "is-bio-modal": true, fixed: true }, h("div", { class: "modal-wrap" }, h("div", { class: "bio-modal-left" }, h("div", { class: "bio-modal__image" }, h("img", { src: this.image, alt: `${this.name} profile image` })), (this.linkedin || this.twitter) && (h("div", { class: "bio-card__social-links" }, this.linkedin && (h("a", { href: this.linkedin, target: "_blank", class: "tw social-icon", "aria-label": "linkedin" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient1-in); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient1-in", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("path", { d: "M-416.964 153.563h-2.487v-7.987h2.487zm-1.311-8.985h-.018a1.385 1.385 0 0 1-1.485-1.279v-.107a1.4 1.4 0 0 1 1.524-1.385 1.393 1.393 0 0 1 1.5 1.278v.107a1.4 1.4 0 0 1-1.521 1.386zm11.283 8.985h-2.842v-4.132c0-1.066-.441-1.819-1.421-1.819a1.422 1.422 0 0 0-1.35.977 1.82 1.82 0 0 0-.06.65v4.324h-2.778s.036-7.319 0-7.983h2.8v1.265a2.563 2.563 0 0 1 2.487-1.329c1.776 0 3.165 1.147 3.165 3.62z", class: "cls-2", "data-name": "Path 8769", transform: "translate(429.342 -128.977)" })))), this.twitter && (h("a", { href: this.twitter, target: "_blank", class: "tw social-icon", "aria-label": "twitter" }, h("style", null, `.social-icon .cls-1 { fill: url(#linear-gradient0-tw); } `), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "36.794", viewBox: "0 0 32 36.794" }, h("defs", null, h("linearGradient", { id: "linear-gradient0-tw", x1: ".5", x2: ".5", y2: "1", gradientUnits: "objectBoundingBox" }, h("stop", { offset: "0", "stop-color": "#fff" }), h("stop", { offset: "1", "stop-color": "#e5e5e5" }))), h("g", { class: "cls-1", "data-name": "Path 4255" }, h("path", { d: "M27.307 31.495H9.487L.578 15.998 9.487.5h17.82l8.91 15.498-8.91 15.497z", class: "cls-3", transform: "rotate(90 15.998 15.998)" }), h("path", { d: "M9.777 1L1.154 15.998l8.623 14.997h17.24l8.624-14.997L27.017 1H9.777M9.2 0h18.397l9.198 15.998-9.198 15.997H9.199L0 15.998 9.199 0z", class: "cls-4", transform: "rotate(90 15.998 15.998)" })), h("g", { transform: "translate(9.205 13.034) scale(0.13)", "data-name": "Group 3004" }, h("path", { class: "cls-x-1", d: "M57.95,42.55L88.66,6.86h-7.28l-26.67,31L33.42,6.86H8.86l32.21,46.87L8.86,91.16h7.28l28.16-32.73,22.49,32.73h24.56l-33.4-48.61h0ZM47.98,54.14l-3.26-4.67L18.76,12.33h11.18l20.95,29.97,3.26,4.67,27.24,38.96h-11.18l-22.23-31.79h0Z", width: "15", height: "15" }), h("rect", { class: "cls-x-2" })))))))), h("div", { class: "bio-modal-right" }, h("div", { class: "bio-modal-header" }, h("h2", { class: "bio-card__name" }, this.name), h("p", { class: "bio-card__job-title" }, this.jobTitle)), h("div", { class: "bio-modal-description" }, h("slot", null))))))));
31
48
  }
32
49
  get el() { return getElement(this); }
33
50
  };
@@ -75,6 +75,7 @@ const PtcModal = class {
75
75
  this.headerOnlyText2 = undefined;
76
76
  this.bottomCloseBtn = undefined;
77
77
  this.openedByKeyboard = false;
78
+ this.focusBackElement = undefined;
78
79
  this.bodyOverflowSetting = undefined;
79
80
  }
80
81
  onShowChange(newValue) {
@@ -230,6 +231,15 @@ const PtcModal = class {
230
231
  }
231
232
  close() {
232
233
  this.show = false;
234
+ setTimeout(() => {
235
+ var _a, _b;
236
+ if (this.focusBackElement) {
237
+ (_a = this.focusBackElement) === null || _a === void 0 ? void 0 : _a.focus();
238
+ if (this.focusBackElement.tagName === "PTC-BUTTON") {
239
+ (_b = this.focusBackElement.shadowRoot.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
240
+ }
241
+ }
242
+ }, 100);
233
243
  }
234
244
  render() {
235
245
  let content;
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host } from './index-c83db688.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c83db688.js';
2
2
 
3
3
  const ptcWhitePaperCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.ptc-container{padding-right:24px;padding-left:24px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 1200px){.ptc-container{padding-left:0;padding-right:0;max-width:1136px}}@media only screen and (min-width: 1440px){.ptc-container{padding-left:0;padding-right:0;max-width:1200px}}.ptc-container-lg{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media only screen and (min-width: 480px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-03);padding-right:var(--ptc-layout-spacing-03)}}@media only screen and (min-width: 768px){.ptc-container-lg{padding-left:var(--ptc-layout-spacing-04);padding-right:var(--ptc-layout-spacing-04)}}@media only screen and (min-width: 992px){.ptc-container-lg{padding-left:var(--ptc-element-spacing-08);padding-right:var(--ptc-element-spacing-08)}}@media only screen and (min-width: 1980px){.ptc-container-lg{padding-left:0;padding-right:0;max-width:1900px}}.ptc-container-fluid{width:100%}.is-grid,.is-grid-inline{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>*,.is-grid-inline>*{grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:inline-grid !important}.has-row-1{grid-template-rows:repeat(1, 1fr)}.has-row-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{grid-column:span 1}}.has-row-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-1-xxl{grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{grid-template-rows:repeat(2, 1fr)}.has-row-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{grid-column:span 1}}.has-row-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-2-xxl{grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{grid-template-rows:repeat(3, 1fr)}.has-row-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{grid-column:span 1}}.has-row-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-3-xxl{grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{grid-template-rows:repeat(4, 1fr)}.has-row-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{grid-column:span 1}}.has-row-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-4-xxl{grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{grid-template-rows:repeat(5, 1fr)}.has-row-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{grid-column:span 1}}.has-row-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-5-xxl{grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{grid-template-rows:repeat(6, 1fr)}.has-row-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{grid-column:span 1}}.has-row-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-6-xxl{grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{grid-template-rows:repeat(7, 1fr)}.has-row-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{grid-column:span 1}}.has-row-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-7-xxl{grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{grid-template-rows:repeat(8, 1fr)}.has-row-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{grid-column:span 1}}.has-row-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-8-xxl{grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{grid-template-rows:repeat(9, 1fr)}.has-row-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{grid-column:span 1}}.has-row-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-9-xxl{grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{grid-template-rows:repeat(10, 1fr)}.has-row-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{grid-column:span 1}}.has-row-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-10-xxl{grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{grid-template-rows:repeat(11, 1fr)}.has-row-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{grid-column:span 1}}.has-row-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-11-xxl{grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{grid-template-rows:repeat(12, 1fr)}.has-row-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{grid-column:span 1}}.has-row-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-row-12-xxl{grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{grid-template-columns:repeat(1, 1fr)}.has-col-1>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{grid-column:span 1}}.has-col-1-xs>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-1-xxl{grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{grid-template-columns:repeat(2, 1fr)}.has-col-2>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{grid-column:span 1}}.has-col-2-xs>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-2-xxl{grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{grid-template-columns:repeat(3, 1fr)}.has-col-3>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{grid-column:span 1}}.has-col-3-xs>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-3-xxl{grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{grid-template-columns:repeat(4, 1fr)}.has-col-4>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{grid-column:span 1}}.has-col-4-xs>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-4-xxl{grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{grid-template-columns:repeat(5, 1fr)}.has-col-5>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{grid-column:span 1}}.has-col-5-xs>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-5-xxl{grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{grid-template-columns:repeat(6, 1fr)}.has-col-6>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{grid-column:span 1}}.has-col-6-xs>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-6-xxl{grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{grid-template-columns:repeat(7, 1fr)}.has-col-7>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{grid-column:span 1}}.has-col-7-xs>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-7-xxl{grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{grid-template-columns:repeat(8, 1fr)}.has-col-8>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{grid-column:span 1}}.has-col-8-xs>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-8-xxl{grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{grid-template-columns:repeat(9, 1fr)}.has-col-9>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{grid-column:span 1}}.has-col-9-xs>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-9-xxl{grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{grid-template-columns:repeat(10, 1fr)}.has-col-10>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{grid-column:span 1}}.has-col-10-xs>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-10-xxl{grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{grid-template-columns:repeat(11, 1fr)}.has-col-11>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{grid-column:span 1}}.has-col-11-xs>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-11-xxl{grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{grid-template-columns:repeat(12, 1fr)}.has-col-12>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{grid-column:span 1}}.has-col-12-xs>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{grid-column:span 1}}@media screen and (min-width: 1440px){.has-col-12-xxl{grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{grid-row:span 12 !important}}.is-row-1{grid-row:span 1}@media screen and (min-width: 1440px){.is-row-1-xxl{grid-row:span 1 !important}}.is-row-2{grid-row:span 2}@media screen and (min-width: 1440px){.is-row-2-xxl{grid-row:span 2 !important}}.is-row-3{grid-row:span 3}@media screen and (min-width: 1440px){.is-row-3-xxl{grid-row:span 3 !important}}.is-row-4{grid-row:span 4}@media screen and (min-width: 1440px){.is-row-4-xxl{grid-row:span 4 !important}}.is-row-5{grid-row:span 5}@media screen and (min-width: 1440px){.is-row-5-xxl{grid-row:span 5 !important}}.is-row-6{grid-row:span 6}@media screen and (min-width: 1440px){.is-row-6-xxl{grid-row:span 6 !important}}.is-row-7{grid-row:span 7}@media screen and (min-width: 1440px){.is-row-7-xxl{grid-row:span 7 !important}}.is-row-8{grid-row:span 8}@media screen and (min-width: 1440px){.is-row-8-xxl{grid-row:span 8 !important}}.is-row-9{grid-row:span 9}@media screen and (min-width: 1440px){.is-row-9-xxl{grid-row:span 9 !important}}.is-row-10{grid-row:span 10}@media screen and (min-width: 1440px){.is-row-10-xxl{grid-row:span 10 !important}}.is-row-11{grid-row:span 11}@media screen and (min-width: 1440px){.is-row-11-xxl{grid-row:span 11 !important}}.is-row-12{grid-row:span 12}@media screen and (min-width: 1440px){.is-row-12-xxl{grid-row:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{grid-column:span 12 !important}}.is-col-1{grid-column:span 1}@media screen and (min-width: 1440px){.is-col-1-xxl{grid-column:span 1 !important}}.is-col-2{grid-column:span 2}@media screen and (min-width: 1440px){.is-col-2-xxl{grid-column:span 2 !important}}.is-col-3{grid-column:span 3}@media screen and (min-width: 1440px){.is-col-3-xxl{grid-column:span 3 !important}}.is-col-4{grid-column:span 4}@media screen and (min-width: 1440px){.is-col-4-xxl{grid-column:span 4 !important}}.is-col-5{grid-column:span 5}@media screen and (min-width: 1440px){.is-col-5-xxl{grid-column:span 5 !important}}.is-col-6{grid-column:span 6}@media screen and (min-width: 1440px){.is-col-6-xxl{grid-column:span 6 !important}}.is-col-7{grid-column:span 7}@media screen and (min-width: 1440px){.is-col-7-xxl{grid-column:span 7 !important}}.is-col-8{grid-column:span 8}@media screen and (min-width: 1440px){.is-col-8-xxl{grid-column:span 8 !important}}.is-col-9{grid-column:span 9}@media screen and (min-width: 1440px){.is-col-9-xxl{grid-column:span 9 !important}}.is-col-10{grid-column:span 10}@media screen and (min-width: 1440px){.is-col-10-xxl{grid-column:span 10 !important}}.is-col-11{grid-column:span 11}@media screen and (min-width: 1440px){.is-col-11-xxl{grid-column:span 11 !important}}.is-col-12{grid-column:span 12}@media screen and (min-width: 1440px){.is-col-12-xxl{grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1440px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1440px){.is-rtl-xxl{direction:rtl}}.is-placed-left{place-self:left}.is-placed-right{place-self:right}.is-placed-center{place-self:center}.is-placed-start{place-self:start}.is-placed-normal{place-self:normal}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}.is-order-1{order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{order:1}}@media screen and (min-width: 576px){.is-order-1-sm{order:1}}@media screen and (min-width: 768px){.is-order-1-md{order:1}}@media screen and (min-width: 992px){.is-order-1-lg{order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{order:1}}@media screen and (min-width: 1440px){.is-order-1-xxl{order:1}}.is-order-2{order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{order:2}}@media screen and (min-width: 576px){.is-order-2-sm{order:2}}@media screen and (min-width: 768px){.is-order-2-md{order:2}}@media screen and (min-width: 992px){.is-order-2-lg{order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{order:2}}@media screen and (min-width: 1440px){.is-order-2-xxl{order:2}}.is-order-3{order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{order:3}}@media screen and (min-width: 576px){.is-order-3-sm{order:3}}@media screen and (min-width: 768px){.is-order-3-md{order:3}}@media screen and (min-width: 992px){.is-order-3-lg{order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{order:3}}@media screen and (min-width: 1440px){.is-order-3-xxl{order:3}}.is-order-4{order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{order:4}}@media screen and (min-width: 576px){.is-order-4-sm{order:4}}@media screen and (min-width: 768px){.is-order-4-md{order:4}}@media screen and (min-width: 992px){.is-order-4-lg{order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{order:4}}@media screen and (min-width: 1440px){.is-order-4-xxl{order:4}}.is-order-5{order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{order:5}}@media screen and (min-width: 576px){.is-order-5-sm{order:5}}@media screen and (min-width: 768px){.is-order-5-md{order:5}}@media screen and (min-width: 992px){.is-order-5-lg{order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{order:5}}@media screen and (min-width: 1440px){.is-order-5-xxl{order:5}}.is-order-6{order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{order:6}}@media screen and (min-width: 576px){.is-order-6-sm{order:6}}@media screen and (min-width: 768px){.is-order-6-md{order:6}}@media screen and (min-width: 992px){.is-order-6-lg{order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{order:6}}@media screen and (min-width: 1440px){.is-order-6-xxl{order:6}}.is-order-7{order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{order:7}}@media screen and (min-width: 576px){.is-order-7-sm{order:7}}@media screen and (min-width: 768px){.is-order-7-md{order:7}}@media screen and (min-width: 992px){.is-order-7-lg{order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{order:7}}@media screen and (min-width: 1440px){.is-order-7-xxl{order:7}}.is-order-8{order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{order:8}}@media screen and (min-width: 576px){.is-order-8-sm{order:8}}@media screen and (min-width: 768px){.is-order-8-md{order:8}}@media screen and (min-width: 992px){.is-order-8-lg{order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{order:8}}@media screen and (min-width: 1440px){.is-order-8-xxl{order:8}}.is-order-9{order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{order:9}}@media screen and (min-width: 576px){.is-order-9-sm{order:9}}@media screen and (min-width: 768px){.is-order-9-md{order:9}}@media screen and (min-width: 992px){.is-order-9-lg{order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{order:9}}@media screen and (min-width: 1440px){.is-order-9-xxl{order:9}}.is-order-10{order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{order:10}}@media screen and (min-width: 576px){.is-order-10-sm{order:10}}@media screen and (min-width: 768px){.is-order-10-md{order:10}}@media screen and (min-width: 992px){.is-order-10-lg{order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{order:10}}@media screen and (min-width: 1440px){.is-order-10-xxl{order:10}}.is-order-11{order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{order:11}}@media screen and (min-width: 576px){.is-order-11-sm{order:11}}@media screen and (min-width: 768px){.is-order-11-md{order:11}}@media screen and (min-width: 992px){.is-order-11-lg{order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{order:11}}@media screen and (min-width: 1440px){.is-order-11-xxl{order:11}}.is-order-12{order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{order:12}}@media screen and (min-width: 576px){.is-order-12-sm{order:12}}@media screen and (min-width: 768px){.is-order-12-md{order:12}}@media screen and (min-width: 992px){.is-order-12-lg{order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{order:12}}@media screen and (min-width: 1440px){.is-order-12-xxl{order:12}}: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{grid-column-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-col-gap-default{grid-column-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-col-gap-default{grid-column-gap:var(--spacing-xl)}}.has-row-gap-default{grid-row-gap:var(--spacing-md)}@media only screen and (min-width: 1200px){.has-row-gap-default{grid-row-gap:var(--spacing-lg)}}@media only screen and (min-width: 1440px){.has-row-gap-default{grid-row-gap:var(--spacing-xl)}}.has-col-gap-sm{grid-column-gap:var(--spacing-sm)}.has-row-gap-sm{grid-row-gap:var(--spacing-sm)}.has-col-gap-sml{grid-column-gap:var(--spacing-sml)}.has-row-gap-sml{grid-row-gap:var(--spacing-sml)}.has-col-gap-lg{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-col-gap-xl{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xl{grid-column-gap:var(--spacing-xl)}}.has-row-gap-xl{grid-row-gap:var(--spacing-xl)}.has-col-gap-xxl{grid-column-gap:0px}@media only screen and (min-width: 768px){.has-col-gap-xxl{grid-column-gap:var(--spacing-xxl)}}.has-row-gap-xxl{grid-row-gap:var(--spacing-xxl)}.has-no-row{grid-row-gap:0}.has-m-sm{margin:var(--spacing-sm)}.has-m-top-sm{margin-top:var(--spacing-sm)}.has-m-right-sm{margin-right:var(--spacing-sm)}.has-m-bottom-sm{margin-bottom:var(--spacing-sm)}.has-m-left-sm{margin-left:var(--spacing-sm)}.has-m{margin:var(--spacing)}.has-m-top{margin-top:var(--spacing)}.has-m-right{margin-right:var(--spacing)}.has-m-bottom{margin-bottom:var(--spacing)}.has-m-left{margin-left:var(--spacing)}.has-m-md{margin:var(--spacing-md)}.has-m-top-md{margin-top:var(--spacing-md)}.has-m-right-md{margin-right:var(--spacing-md)}.has-m-bottom-md{margin-bottom:var(--spacing-md)}.has-m-left-md{margin-left:var(--spacing-md)}.has-m-lg{margin:var(--spacing-lg)}.has-m-top-lg{margin-top:var(--spacing-lg)}.has-m-right-lg{margin-right:var(--spacing-lg)}.has-m-bottom-lg{margin-bottom:var(--spacing-lg)}.has-m-left-lg{margin-left:var(--spacing-lg)}.has-m-xl{margin:var(--spacing-xl)}.has-m-top-xl{margin-top:var(--spacing-xl)}.has-m-right-xl{margin-right:var(--spacing-xl)}.has-m-bottom-xl{margin-bottom:var(--spacing-xl)}.has-m-left-xl{margin-left:var(--spacing-xl)}.has-m-xxl{margin:var(--spacing-xxl)}.has-m-top-xxl{margin-top:var(--spacing-xxl)}.has-m-right-xxl{margin-right:var(--spacing-xxl)}.has-m-bottom-xxl{margin-bottom:var(--spacing-xxl)}.has-m-left-xxl{margin-left:var(--spacing-xxl)}.has-no-m{margin:0}.has-no-top-m{margin-top:0}.has-no-right-m{margin-right:0}.has-no-bottom-m{margin-bottom:0}.has-no-left-m{margin-left:0}.has-p-sm{padding:var(--spacing-sm)}.has-p-top-sm{padding-top:var(--spacing-sm)}.has-p-right-sm{padding-right:var(--spacing-sm)}.has-p-bottom-sm{padding-bottom:var(--spacing-sm)}.has-p-left-sm{padding-left:var(--spacing-sm)}.has-p{padding:var(--spacing)}.has-p-top{padding-top:var(--spacing)}.has-p-right{padding-right:var(--spacing)}.has-p-bottom{padding-bottom:var(--spacing)}.has-p-left{padding-left:var(--spacing)}.has-p-md{padding:var(--spacing-md)}.has-p-top-md{padding-top:var(--spacing-md)}.has-p-right-md{padding-right:var(--spacing-md)}.has-p-bottom-md{padding-bottom:var(--spacing-md)}.has-p-left-md{padding-left:var(--spacing-md)}.has-p-lg{padding:var(--spacing-lg)}.has-p-top-lg{padding-top:var(--spacing-lg)}.has-p-right-lg{padding-right:var(--spacing-lg)}.has-p-bottom-lg{padding-bottom:var(--spacing-lg)}.has-p-left-lg{padding-left:var(--spacing-lg)}.has-p-xl{padding:var(--spacing-xl)}.has-p-top-xl{padding-top:var(--spacing-xl)}.has-p-right-xl{padding-right:var(--spacing-xl)}.has-p-bottom-xl{padding-bottom:var(--spacing-xl)}.has-p-left-xl{padding-left:var(--spacing-xl)}.has-p-xxl{padding:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-xxl{padding:var(--spacing-xxl)}}.has-p-top-xxl{padding-top:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-top-xxl{padding-top:var(--spacing-xxl)}}.has-p-right-xxl{padding-right:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-right-xxl{padding-right:var(--spacing-xxl)}}.has-p-bottom-xxl{padding-bottom:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-bottom-xxl{padding-bottom:var(--spacing-xxl)}}.has-p-left-xxl{padding-left:var(--spacing-lg)}@media screen and (min-width: 769px){.has-p-left-xxl{padding-left:var(--spacing-xxl)}}.has-no-p{margin:0}.has-no-top-p{padding-top:0}.has-no-right-p{padding-right:0}.has-no-bottom-p{padding-bottom:0}.has-no-left-p{padding-left:0}.is-centered{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.is-centered-horizontally{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.is-centered-vertically{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.is-block{display:block}@media screen and (min-width: 575.5px){.is-block-xs{display:block}}@media screen and (min-width: 576px){.is-block-sm{display:block}}@media only screen and (min-width: 768px){.is-block-md{display:block}}@media only screen and (min-width: 992px){.is-block-lg{display:block}}@media only screen and (min-width: 1200px){.is-block-xl{display:block}}@media only screen and (min-width: 1440px){.is-block-xxl{display:block}}.is-inline-block{display:inline-block}@media screen and (min-width: 575.5px){.is-inline-block-xs{display:inline-block}}@media screen and (min-width: 576px){.is-inline-block-sm{display:inline-block}}@media only screen and (min-width: 768px){.is-inline-block-md{display:inline-block}}@media only screen and (min-width: 992px){.is-inline-block-lg{display:inline-block}}@media only screen and (min-width: 1200px){.is-inline-block-xl{display:inline-block}}@media only screen and (min-width: 1440px){.is-inline-block-xxl{display:inline-block}}.is-flex{display:-webkit-box;display:flex}@media screen and (min-width: 575.5px){.is-flex-xs{display:-webkit-box;display:flex}}@media screen and (min-width: 576px){.is-flex-sm{display:-webkit-box;display:flex}}@media only screen and (min-width: 768px){.is-flex-md{display:-webkit-box;display:flex}}@media only screen and (min-width: 992px){.is-flex-lg{display:-webkit-box;display:flex}}@media only screen and (min-width: 1200px){.is-flex-xl{display:-webkit-box;display:flex}}@media only screen and (min-width: 1440px){.is-flex-xxl{display:-webkit-box;display:flex}}.is-inline-flex{display:-webkit-inline-box;display:inline-flex}@media screen and (min-width: 575.5px){.is-inline-flex-xs{display:-webkit-inline-box;display:inline-flex}}@media screen and (min-width: 576px){.is-inline-flex-sm{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 768px){.is-inline-flex-md{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 992px){.is-inline-flex-lg{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1200px){.is-inline-flex-xl{display:-webkit-inline-box;display:inline-flex}}@media only screen and (min-width: 1440px){.is-inline-flex-xxl{display:-webkit-inline-box;display:inline-flex}}.is-device{display:none}.is-screen{display:block}.is-medium{display:block !important}@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2){.is-device{display:block}.is-screen{display:none}}@media only screen and (min-width: 992px){.is-medium{display:none !important}}.is-flexBasis-half{flex-basis:50%}.is-table{display:table !important}.is-tableCell{display:table-cell !important}.is-widthFull{width:100% !important}@media only screen and (min-width: 2600px){.is-grid .is-col-1-xxxl{grid-column:span 1 !important}.is-grid .is-col-2-xxxl{grid-column:span 2 !important}.is-grid .is-col-3-xxxl{grid-column:span 3 !important}.is-grid .is-col-4-xxxl{grid-column:span 4 !important}.is-grid .is-col-5-xxxl{grid-column:span 6 !important}.is-grid .is-col-7-xxxl{grid-column:span 7 !important}.is-grid .is-col-8-xxxl{grid-column:span 8 !important}.is-grid .is-col-9-xxxl{grid-column:span 9 !important}.is-grid .is-col-10-xxxl{grid-column:span 10 !important}.is-grid .is-col-11-xxxl{grid-column:span 11 !important}.is-grid .is-col-12-xxxl{grid-column:span 12 !important}}.media-gutter{grid-column-gap:10px;grid-row-gap:10px}.bio-grid{grid-row-gap:var(--ptc-layout-spacing-04)}@media only screen and (min-width: 768px){.bio-grid{grid-column-gap:var(--ptc-layout-spacing-04);grid-row-gap:var(--ptc-layout-spacing-04)}}@media (max-width: 480px){.column-gap-mobile{grid-column-gap:1rem}}.hr-1{background-color:var(--color-gray-01)}.hr-2{background-color:var(--color-gray-02)}.hr-3{background-color:var(--color-gray-03)}.hr-4{background-color:var(--color-gray-04)}.hr-5{background-color:var(--color-gray-05)}.hr-6{background-color:var(--color-gray-06)}a{font-family:var(--ptc-font-latin);font-style:var(--ptc-font-style-normal);text-decoration-line:underline;color:var(--color-hyperlink);transition:color var(--ptc-transition-medium) var(--ptc-ease-out);font-weight:var(--ptc-font-weight-bold)}a:visited{color:var(--color-blue-10)}a:active,a:visited:active{transition:none;color:var(--color-blue-09)}a:hover,a:visited:hover{color:var(--color-blue-08)}a.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}a:focus-visible{outline:5px solid #003DD6 !important;outline-offset:0px !important;border-radius:var(--ptc-border-radius-standard)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.light-links a.light-link,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-grey-10 a.light-link,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a),.background-plm-grey a.light-link{color:var(--color-blue-04);margin:-2px;border:2px solid transparent}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.light-links a.light-link:visited,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-grey-10 a.light-link:visited,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited,.background-plm-grey a.light-link:visited{color:var(--color-blue-06)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.light-links a.light-link:active,.light-links a.light-link:visited:active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-grey-10 a.light-link:active,.background-grey-10 a.light-link:visited:active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):active,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:active,.background-plm-grey a.light-link:active,.background-plm-grey a.light-link:visited:active{transition:none;color:var(--color-blue-07)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.light-links a.light-link:hover,.light-links a.light-link:visited:hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-grey-10 a.light-link:hover,.background-grey-10 a.light-link:visited:hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):hover,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):visited:hover,.background-plm-grey a.light-link:hover,.background-plm-grey a.light-link:visited:hover{color:var(--color-blue-05)}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.light-links a.light-link.disabled,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-grey-10 a.light-link.disabled,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a).disabled,.background-plm-grey a.light-link.disabled{color:var(--color-gray-04) !important;cursor:not-allowed}.light-links a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.light-links a.light-link:focus-visible,.background-grey-10 a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-grey-10 a.light-link:focus-visible,.background-plm-grey a:not(.hero-footer-form-wrapper a,ptc-modal inline-form a,.vjs-social-share-links a):focus-visible,.background-plm-grey a.light-link:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.light-links .podcast-cta-section a,.background-grey-10 .podcast-cta-section a,.background-plm-grey .podcast-cta-section a{border:2px solid transparent}.light-links .podcast-cta-section a:focus-visible,.background-grey-10 .podcast-cta-section a:focus-visible,.background-plm-grey .podcast-cta-section a:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid white;outline:5px solid var(--keyboard-nav-outline)}.ptc-link{color:var(--color-gray-10);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link:hover{color:var(--color-green-06)}.ptc-link:visited{color:var(--color-gray-10)}.ptc-link:active,.ptc-link:visited:active{transition:none;color:var(--color-green-06)}.ptc-link:hover,.ptc-link:visited:hover{color:var(--color-green-06)}.ptc-link-dark{color:var(--color-white);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--color-green-06);text-underline-offset:5px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.ptc-link-dark:hover{color:var(--color-green-06)}.ptc-link-dark:visited{color:var(--color-white)}.ptc-link-dark:active,.ptc-link-dark:visited:active{transition:none;color:var(--color-green-06)}.ptc-link-dark:hover,.ptc-link-dark:visited:hover{color:var(--color-green-06)}.vjs-social-share-links a{color:var(--color-white)}.vjs-social-share-links a:hover{color:var(--color-white)}:root{--ptc-font-latin:\"Raleway\", sans-serif;--ptc-font-secondary-latin:\"Rajdhani\", sans-serif;--ptc-font-sans:-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--ptc-font-size-xxx-small:0.75rem;--ptc-font-size-xx-small:0.875rem;--ptc-font-size-x-small:1rem;--ptc-font-size-small:1.125rem;--ptc-font-size-medium:1.25rem;--ptc-font-size-large:1.5rem;--ptc-font-size-x-large:1.75rem;--ptc-font-size-xx-large:2rem;--ptc-font-size-xxx-large:2.25rem;--ptc-font-size-xxxx-large:3rem;--ptc-font-weight-thin:300;--ptc-font-weight-regular:400;--ptc-font-weight-medium:500;--ptc-font-weight-semibold:600;--ptc-font-weight-bold:700;--ptc-font-weight-extrabold:800;--ptc-font-weight-black:900;--ptc-letter-spacing-dense:-0.015rem;--ptc-letter-spacing-normal:normal;--ptc-letter-spacing-loose:0.075rem;--ptc-line-height-densest:1.25;--ptc-line-height-denser:1.4;--ptc-line-height-dense:1.6;--ptc-line-height-normal:1.8;--ptc-line-height-loose:2;--ptc-line-height-looser:2.2;--ptc-line-height-p:1.5;--ptc-font-style-italic:italic;--ptc-font-style-oblique:oblique;--ptc-font-style-normal:normal}h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}html,body{font-family:var(--ptc-font-latin);width:100%;height:auto;padding:0;margin:0;-moz-osx-font-smoothing:grayscale;}h1{font-size:var(--ptc-font-size-xxx-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){h1{font-size:var(--ptc-font-size-xxxx-large)}}.h1-special{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-01)}h2{font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){h2{font-size:var(--ptc-font-size-xx-large)}}h3{font-size:var(--ptc-font-size-medium);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-01)}@media only screen and (min-width: 768px){h3{font-size:var(--ptc-font-size-large)}}h4{font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);line-height:var(--ptc-line-height-densest);margin-bottom:var(--ptc-element-spacing-01)}@media only screen and (min-width: 768px){h4{font-size:var(--ptc-font-size-medium)}}p{color:var(--color-gray-10);font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-regular);margin-top:0;margin-bottom:var(--ptc-element-spacing-05)}.p-large{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-regular);margin-bottom:var(--ptc-element-spacing-05)}.p-small{font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-regular);margin-bottom:var(--ptc-element-spacing-05)}.p-x-small{font-size:var(--ptc-font-size-xx-small);line-height:var(--ptc-line-height-p);font-weight:var(--ptc-font-weight-semibold);margin-bottom:var(--ptc-element-spacing-05)}blockquote p{color:var(--color-gray-10);line-height:27px;font-size:var(--ptc-font-size-large);letter-spacing:0.6px;font-style:italic;margin-bottom:var(--ptc-element-spacing-05)}:host{display:block}:host .text-center{text-align:center}:host .hero-image{height:550px;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}:host .hero-image::after{background:var(--color-standard-gray);content:\"\";height:100%;position:absolute;right:-40%;top:90%;-webkit-transform:rotate(20deg);-ms-transform:rotate(2.5deg);transform:rotate(2.5deg);width:200%}:host .content-container{margin-top:5rem;background-color:var(--color-white)}:host .content-container .content-wrapper{padding:3rem 20px}@media only screen and (min-width: 992px){:host .content-container .content-wrapper{padding:3rem}}:host .content-container .content-wrapper .sub-heading{margin-bottom:20px}:host .pagination-wrap{display:flex;justify-content:space-between;box-sizing:border-box;margin-top:20px;position:sticky;transform:none;left:0px;top:0px;width:100%;z-index:900;transition:all 0.1s ease 0s;background-color:var(--color-standard-white);backdrop-filter:blur(22px);background-image:linear-gradient(93deg, #f4f4f4, #fff 100%);box-shadow:1px 1px 15px 0 rgba(0, 0, 0, 0.16)}:host .pagination-wrap .pagination{box-sizing:border-box;display:flex;justify-content:center;padding:1rem}:host .pagination-wrap .pagination button{box-sizing:border-box;margin:0 3px;padding:0 6px;height:28px;min-width:28px;cursor:pointer;border:none;background-color:transparent;border-radius:var(--ptc-border-radius-standard)}@media only screen and (min-width: 768px){:host .pagination-wrap .pagination button{margin:0 5px;padding:0 8px;height:34px;min-width:34px}}:host .pagination-wrap .pagination button:hover{background-color:#e4e7e9}:host .pagination-wrap .pagination button.active{background-color:#aeb8bd}:host .pagination-wrap .pagination button:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .pagination-wrap .dl-btn-wrapper{display:inline-block}:host .pagination-wrap .dl-btn{width:80px;height:52px;background-image:linear-gradient(288deg, var(--color-green-14), var(--color-green-09));border:1px solid #fff;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-left:auto;align-items:center;text-decoration:none;box-sizing:border-box;display:flex;justify-content:center;align-self:center;border-radius:var(--ptc-border-radius-standard);margin-right:5px}:host .pagination-wrap .dl-btn .dl-text{font-size:10px;text-transform:uppercase;font-weight:600;line-height:1.25;margin-bottom:1px;display:none;font-family:Rajdhani, sans-serif;font-weight:600}:host .pagination-wrap .dl-btn:hover{box-shadow:0 3px 20px 0 var(--color-green-14)}:host .pagination-wrap .dl-btn:hover .dl-text{display:block}:host .pagination-wrap .dl-btn img{max-height:18px;width:12px}:host .wp-component{margin-bottom:24px}:host .wp-component img{max-width:100%}:host .wp-media{padding:1rem}:host .wp-media .image-description{margin-bottom:1rem}:host .sub-heading,:host .wp-component{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .sub-heading p,:host .sub-heading ul li,:host .sub-heading ol li,:host .wp-component p,:host .wp-component ul li,:host .wp-component ol li{font-size:var(--ptc-font-size-small);line-height:var(--ptc-line-height-p)}:host .sub-heading h1,:host .sub-heading h2,:host .sub-heading h3,:host .sub-heading h4,:host .sub-heading h5,:host .sub-heading h6,:host .wp-component h1,:host .wp-component h2,:host .wp-component h3,:host .wp-component h4,:host .wp-component h5,:host .wp-component h6{color:var(--color-gray-10)}";
4
4
 
@@ -33,15 +33,11 @@ const PtcWhitePaper = class {
33
33
  window.scrollTo(0, 0);
34
34
  if (newPage == 2) {
35
35
  let modalForm = document.querySelector("#modal-form");
36
+ modalForm.focusBackElement = this.el.shadowRoot.querySelectorAll('.pagination button')[2];
36
37
  if (modalForm) {
37
38
  modalForm.setAttribute("show", "true");
38
39
  setTimeout(() => {
39
40
  window.scrollTo(0, 0);
40
- const closeIcon = modalForm.shadowRoot.querySelector('ptc-close-icon').shadowRoot.querySelector('.close-icon');
41
- if (closeIcon) {
42
- closeIcon.tabIndex = 0;
43
- closeIcon.focus();
44
- }
45
41
  }, 200);
46
42
  }
47
43
  }
@@ -115,8 +111,9 @@ const PtcWhitePaper = class {
115
111
  const startIndex = (this.currentPage - 1) * this.itemsPerPage;
116
112
  const endIndex = startIndex + this.itemsPerPage;
117
113
  const currentItems = JSON.parse(this.items).slice(startIndex, endIndex);
118
- return (h(Host, null, h("div", { class: "hero-image" }, h("ptc-img", { "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), h("div", { class: "ptc-container " }, h("div", { class: "content-container" }, h("div", { class: "pagination-wrap" }, h("div", { class: "pagination" }, h("button", { class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, h("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, h("g", { class: "icon_chevron_left_mini" }, h("path", { d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), h("button", { class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, h("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, h("g", { class: "icon_chevron_right_mini" }, h("path", { d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), h("div", { class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, h("a", { class: "dl-btn", tabindex: 0, onKeyPress: () => this.downloadCtaClicked.emit(), onClick: () => { this.downloadCtaClicked.emit(); } }, h("span", { class: "dl-text" }, "Download"), h("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), h("div", null, currentItems.map((item, index) => this.renderContent(item, index)))))));
114
+ return (h(Host, null, h("div", { class: "hero-image" }, h("ptc-img", { "image-type": "smart-bg", "img-url": this.topBackgroundImage, "load-mode": "lazy-bg", styles: "" })), h("div", { class: "ptc-container " }, h("div", { class: "content-container" }, h("div", { class: "pagination-wrap" }, h("div", { class: "pagination" }, h("button", { class: "mf-listen", id: "prevPageBtnID", onClick: () => this.handlePrevPage(), onKeyPress: () => this.handlePrevPage(), tabIndex: 0, disabled: this.currentPage === 1 }, h("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { id: "icon_chevron_left_mini", viewBox: "0 0 18 18" }, h("g", { class: "icon_chevron_left_mini" }, h("path", { d: "M12 12.833L8.304 9 12 5.167 10.821 4 6 9l4.821 5L12 12.833z", class: "icon_chevron_left" }))))), this.renderPaginationButtons(), h("button", { class: "mf-listen", id: "nextPageBtnID", onClick: () => this.handleNextPage(), onKeyPress: () => this.handleNextPage(), tabIndex: 0, disabled: this.currentPage === this.totalPages }, h("svg", { preserveAspectRatio: "xMidYMid meet", focusable: "false", viewBox: "0 0 18 18" }, h("g", { id: "icon_chevron_right_mini", viewBox: "0 0 18 18" }, h("g", { class: "icon_chevron_right_mini" }, h("path", { d: "M6 5.167L9.696 9 6 12.833 7.179 14 12 9 7.179 4 6 5.167z", class: "icon_chevron_right" })))))), h("div", { class: "mf-listen dl-btn-wrapper", id: "downloadBtnID" }, h("a", { class: "dl-btn", tabindex: 0, onKeyPress: (e) => this.downloadCtaClicked.emit(e), onClick: (e) => { this.downloadCtaClicked.emit(e); } }, h("span", { class: "dl-text" }, "Download"), h("img", { src: "https://www.ptc.com/dist/ptc/images/download-arrow.svg", alt: "Down Arrow" })))), h("div", null, currentItems.map((item, index) => this.renderContent(item, index)))))));
119
115
  }
116
+ get el() { return getElement(this); }
120
117
  static get watchers() { return {
121
118
  "items": ["itemsChanged"]
122
119
  }; }