@ptcwebops/ptcw-design 6.4.36-beta → 6.5.0-upgrade

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1,1839 +0,0 @@
-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;
-    /* For Safari */
-    -webkit-hyphenate-limit-after: 3;
-    /* For Safari */
-    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%;
-}
-
-.u-para-sm {
-  font-size: var(--ptc-font-size-small) !important;
-}
-
-.u-para-md {
-  font-size: var(--ptc-font-size-medium) !important;
-}
-
-.u-para-lg {
-  font-size: var(--ptc-font-size-large) !important;
-}
-
-.u-para-xl {
-  font-size: var(--ptc-font-size-x-large) !important;
-}
-
-.u-para-xxl {
-  font-size: var(--ptc-font-size-xx-large) !important;
-}
-
-.u-para-xxxl {
-  font-size: var(--ptc-font-size-xxx-large) !important;
-}
-
-@media only screen and (min-width: 768px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.05vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.05vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.05vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.05vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.05vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.1vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.1vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.1vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.1vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.1vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.15vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.15vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.15vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.15vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.15vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.2vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.2vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.2vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.2vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.2vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important;
-  }
-}
-@media only screen and (min-width: 1600px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.25vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.25vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.25vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.25vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.25vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important;
-  }
-}
-@media only screen and (min-width: 1980px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.3vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.3vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.3vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.3vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.3vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important;
-  }
-}
-@media only screen and (min-width: 2600px) {
-  .u-para-sm {
-    font-size: calc(var(--ptc-font-size-small) + 0.35vw) !important;
-  }
-
-  .u-para-md {
-    font-size: calc(var(--ptc-font-size-medium) + 0.35vw) !important;
-  }
-
-  .u-para-lg {
-    font-size: calc(var(--ptc-font-size-large) + 0.35vw) !important;
-  }
-
-  .u-para-xl {
-    font-size: calc(var(--ptc-font-size-x-large) + 0.35vw) !important;
-  }
-
-  .u-para-xxl {
-    font-size: calc(var(--ptc-font-size-xx-large) + 0.35vw) !important;
-  }
-
-  .u-para-xxxl {
-    font-size: calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important;
-  }
-}
-.u-para-body {
-  font-size: var(--ptc-font-size-medium) !important;
-}
-
-.u-color-white {
-  color: var(--color-white) !important;
-}
-
-.u-uppercase {
-  text-transform: uppercase !important;
-}
-
-.u-margin-flush {
-  margin: 0 !important;
-}
-
-.u-marginTop-flush {
-  margin-top: 0 !important;
-}
-
-.u-marginLeft-flush {
-  margin-left: 0 !important;
-}
-
-.u-marginRight-flush {
-  margin-right: 0 !important;
-}
-
-.u-marginBottom-flush {
-  margin-bottom: 0 !important;
-}
-
-.u-padding-flush {
-  padding: 0 !important;
-}
-
-.u-paddingTop-flush {
-  padding-top: 0 !important;
-}
-
-.u-paddingLeft-flush {
-  padding-left: 0 !important;
-}
-
-.u-paddingRight-flush {
-  padding-right: 0 !important;
-}
-
-.u-paddingBottom-flush {
-  padding-bottom: 0 !important;
-}
-
-.u-margin-xs {
-  margin: var(--ptc-element-spacing-01) !important;
-}
-
-.u-marginTop-xs {
-  margin-top: var(--ptc-element-spacing-01) !important;
-}
-
-.u-marginLeft-xs {
-  margin-left: var(--ptc-element-spacing-01) !important;
-}
-
-.u-marginRight-xs {
-  margin-right: var(--ptc-element-spacing-01) !important;
-}
-
-.u-marginBottom-xs {
-  margin-bottom: var(--ptc-element-spacing-01) !important;
-}
-
-.u-margin-sm {
-  margin: var(--ptc-element-spacing-02) !important;
-}
-
-.u-marginTop-sm {
-  margin-top: var(--ptc-element-spacing-02) !important;
-}
-
-.u-marginLeft-sm {
-  margin-left: var(--ptc-element-spacing-02) !important;
-}
-
-.u-marginRight-sm {
-  margin-right: var(--ptc-element-spacing-02) !important;
-}
-
-.u-marginBottom-sm {
-  margin-bottom: var(--ptc-element-spacing-02) !important;
-}
-
-.u-margin-md {
-  margin: var(--ptc-element-spacing-03) !important;
-}
-
-.u-marginTop-md {
-  margin-top: var(--ptc-element-spacing-03) !important;
-}
-
-.u-marginLeft-md {
-  margin-left: var(--ptc-element-spacing-03) !important;
-}
-
-.u-marginRight-md {
-  margin-right: var(--ptc-element-spacing-03) !important;
-}
-
-.u-marginBottom-md {
-  margin-bottom: var(--ptc-element-spacing-03) !important;
-}
-
-.u-margin-lg {
-  margin: var(--ptc-element-spacing-04) !important;
-}
-
-.u-marginTop-lg {
-  margin-top: var(--ptc-element-spacing-04) !important;
-}
-
-.u-marginLeft-lg {
-  margin-left: var(--ptc-element-spacing-04) !important;
-}
-
-.u-marginRight-lg {
-  margin-right: var(--ptc-element-spacing-04) !important;
-}
-
-.u-marginBottom-lg {
-  margin-bottom: var(--ptc-element-spacing-04) !important;
-}
-
-.u-margin-xl {
-  margin: var(--ptc-element-spacing-05) !important;
-}
-
-.u-marginTop-xl {
-  margin-top: var(--ptc-element-spacing-05) !important;
-}
-
-.u-marginLeft-xl {
-  margin-left: var(--ptc-element-spacing-05) !important;
-}
-
-.u-marginRight-xl {
-  margin-right: var(--ptc-element-spacing-05) !important;
-}
-
-.u-marginBottom-xl {
-  margin-bottom: var(--ptc-element-spacing-05) !important;
-}
-
-.u-margin-xxl {
-  margin: var(--ptc-element-spacing-06) !important;
-}
-
-.u-marginTop-xxl {
-  margin-top: var(--ptc-element-spacing-06) !important;
-}
-
-.u-marginLeft-xxl {
-  margin-left: var(--ptc-element-spacing-06) !important;
-}
-
-.u-marginRight-xxl {
-  margin-right: var(--ptc-element-spacing-06) !important;
-}
-
-.u-marginBottom-xxl {
-  margin-bottom: var(--ptc-element-spacing-06) !important;
-}
-
-.u-margin-xxxl {
-  margin: var(--ptc-element-spacing-07) !important;
-}
-
-.u-marginTop-xxxl {
-  margin-top: var(--ptc-element-spacing-07) !important;
-}
-
-.u-marginLeft-xxxl {
-  margin-left: var(--ptc-element-spacing-07) !important;
-}
-
-.u-marginRight-xxxl {
-  margin-right: var(--ptc-element-spacing-07) !important;
-}
-
-.u-marginBottom-xxxl {
-  margin-bottom: var(--ptc-element-spacing-07) !important;
-}
-
-.u-margin-4xl {
-  margin: var(--ptc-element-spacing-08) !important;
-}
-
-.u-marginTop-4xl {
-  margin-top: var(--ptc-element-spacing-08) !important;
-}
-
-.u-marginLeft-4xl {
-  margin-left: var(--ptc-element-spacing-08) !important;
-}
-
-.u-marginRight-4xl {
-  margin-right: var(--ptc-element-spacing-08) !important;
-}
-
-.u-marginBottom-4xl {
-  margin-bottom: var(--ptc-element-spacing-08) !important;
-}
-
-.u-textAlign-ctr {
-  text-align: center !important;
-}
-
-.u-textAlign-right {
-  text-align: right !important;
-}
-
-.u-textAlign-left {
-  text-align: left !important;
-}
-
-.u-textWhite {
-  color: var(--color-white) !important;
-}
-
-.u-textGreen1 {
-  color: var(--color-green-07) !important;
-}
-
-.u-textGreen2 {
-  color: var(--color-green-06) !important;
-}
-
-.u-text-nowrap {
-  white-space: nowrap;
-}
-
-.u-text-medium {
-  font-weight: var(--ptc-font-weight-medium);
-}
-
-.u-text-semibold {
-  font-weight: var(--ptc-font-weight-semibold);
-}
-
-.u-text-bold {
-  font-weight: var(--ptc-font-weight-bold);
-}
-
-.u-text-thin {
-  font-weight: var(--ptc-font-weight-thin);
-}
-
-.u-textStyle-normal {
-  font-style: normal !important;
-}
-
-.u-no-scroll {
-  overflow: hidden;
-}
-
-.overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.u-background-white {
-  background-color: var(--color-white);
-}
-
-.u-background-reset {
-  background-color: transparent !important;
-}
-
-.u-white-overylay {
-  background: rgba(242, 242, 242, 0.9);
-}
-
-.u-cursor-pointer {
-  cursor: pointer;
-}
-
-.u-clear {
-  clear: both;
-}
-
-.u-border-radius-standard {
-  border-radius: var(--ptc-border-radius-standard);
-}
-
-.u-border-radius-large {
-  border-radius: var(--ptc-border-radius-large);
-}
-
-.u-border-radius-pill {
-  border-radius: var(--ptc-border-radius-pill);
-}
-
-.u-border-radius-circle {
-  border-radius: var(--ptc-border-radius-circle);
-}
-
-.u-border-none {
-  border: none;
-}
-
-.u-shadow-x-small {
-  box-shadow: var(--ptc-shadow-x-small);
-}
-
-.u-shadow-small {
-  box-shadow: var(--ptc-shadow-small);
-}
-
-.u-shadow-medium {
-  box-shadow: var(--ptc-shadow-medium);
-}
-
-.u-shadow-large {
-  box-shadow: var(--ptc-shadow-large);
-}
-
-.u-shadow-x-large {
-  box-shadow: var(--ptc-shadow-x-large);
-}
-
-@media only screen and (min-width: 768px) {
-  .u-hero-width {
-    width: 525px;
-  }
-
-  .u-margin-center {
-    margin: 0 auto;
-  }
-
-  .u-justify-self-end {
-    justify-self: flex-end;
-  }
-}
-.u-hero-pushup {
-  transform: translateY(-120px);
-}
-@media only screen and (min-width: 768px) {
-  .u-hero-pushup {
-    transform: translateY(-144px);
-  }
-}
-
-@media only screen and (min-width: 768px) {
-  .grid-order-1-md {
-    order: 1;
-  }
-
-  .grid-order-2-md {
-    order: 2;
-  }
-
-  .grid-order-3-md {
-    order: 3;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .grid-order-1-lg {
-    order: 1;
-  }
-
-  .grid-order-2-lg {
-    order: 2;
-  }
-
-  .grid-order-3-lg {
-    order: 3;
-  }
-}
-.standard-list {
-  list-style: none;
-  margin-left: 0;
-  margin-bottom: 20px;
-  padding: 0;
-}
-
-.is-spaced-between {
-  justify-content: space-between;
-}
-
-.h-100 {
-  height: 100%;
-}
-
-.w-100 {
-  width: 100%;
-}
-
-.grid-large-col-gap-md {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 992px) {
-  .grid-large-col-gap-md {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-}
-
-.grid-large-col-gap-sm {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 768px) {
-  .grid-large-col-gap-sm {
-    -moz-column-gap: 3rem;
-         column-gap: 3rem;
-  }
-}
-
-.grid-x-large-col-gap-md {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 992px) {
-  .grid-x-large-col-gap-md {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-}
-
-.grid-x-large-col-gap-sm {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 768px) {
-  .grid-x-large-col-gap-sm {
-    -moz-column-gap: 4rem;
-         column-gap: 4rem;
-  }
-}
-
-.grid-medium-col-gap-md {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 992px) {
-  .grid-medium-col-gap-md {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-}
-
-.grid-medium-col-gap-sm {
-  -moz-column-gap: 0;
-       column-gap: 0;
-}
-@media only screen and (min-width: 768px) {
-  .grid-medium-col-gap-sm {
-    -moz-column-gap: 2rem;
-         column-gap: 2rem;
-  }
-}
-
-/* Floating Content */
-.is-float-left {
-  float: left;
-}
-
-.is-float-right {
-  float: right;
-}
-
-/* Hiding Content by Breakpoint */
-.is-mobile {
-  display: block;
-}
-
-.is-desktop {
-  display: none;
-}
-
-@media only screen and (min-width: 992px) {
-  .is-mobile {
-    display: none;
-  }
-
-  .is-desktop {
-    display: block;
-  }
-}
-.ptc-section {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.ptc-section-standard {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.ptc-section-half {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
-}
-
-.ptc-section-large {
-  padding-top: 2.25rem;
-  padding-bottom: 2.25rem;
-}
-@media only screen and (min-width: 992px) {
-  .ptc-section-large {
-    padding-top: 3.5rem;
-    padding-bottom: 3.5rem;
-  }
-}
-
-.ptc-section-hp {
-  padding-bottom: calc(2.25rem - 32px);
-}
-@media only screen and (min-width: 992px) {
-  .ptc-section-hp {
-    padding-bottom: calc(3.5rem - 32px);
-  }
-}
-
-.u-flex {
-  display: flex;
-}
-
-@media only screen and (min-width: 480px) {
-  .u-flex-xs {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .u-flex-sm {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .u-flex-md {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .u-flex-lg {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .u-flex-xl {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 1600px) {
-  .u-flex-xxl {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 1980px) {
-  .u-flex-2k {
-    display: flex;
-  }
-}
-@media only screen and (min-width: 2600px) {
-  .u-flex-4k {
-    display: flex;
-  }
-}
-.u-align-center {
-  margin: auto;
-  align-self: center;
-}
-
-.u-align-left {
-  margin-right: auto;
-  align-self: center;
-}
-
-.u-align-right {
-  margin-left: auto;
-  align-self: center;
-}
-
-.u-align-x-center {
-  margin-right: auto;
-  margin-left: auto;
-}
-
-.u-align-x-left {
-  margin-right: auto;
-}
-
-.u-align-x-right {
-  margin-left: auto;
-}
-
-.u-align-y-center {
-  align-self: center;
-}
-
-.u-align-y-top {
-  align-self: flex-start;
-}
-
-.u-align-y-bottom {
-  align-self: flex-end;
-}
-
-.is-flex-column {
-  flex-direction: column;
-}
-
-.flex-align-items {
-  align-items: flex-end;
-}
-
-.flex-align-items-center {
-  align-items: center;
-}
-
-.u-flex-nowrap {
-  flex-wrap: nowrap;
-}
-
-.u-flex-wrap {
-  flex-wrap: wrap;
-}
-
-.u-align-self-start {
-  align-self: start;
-}
-
-.u-align-self-center {
-  align-self: center;
-}
-
-.u-align-self-stretch {
-  align-self: stretch;
-}
-
-.u-justify-self-start {
-  justify-self: start;
-}
-
-.u-justify-self-center {
-  justify-self: center;
-}
-
-.u-justify-self-stretch {
-  justify-self: stretch;
-}
-
-.u-flex-justify-center {
-  justify-content: center;
-}
-
-.u-flex-justify-flexend {
-  justify-content: flex-end;
-}
-
-.u-section-heading-wrapper {
-  max-width: 768px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.embed-responsive {
-  position: relative;
-  display: block;
-  height: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-.embed-responsive-16by9 {
-  padding-bottom: 56.25%;
-}
-
-.embed-responsive .embed-responsive-item,
-.embed-responsive embed,
-.embed-responsive iframe,
-.embed-responsive object,
-.embed-responsive video {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: 0;
-}
-
-@media only screen and (min-width: 768px) {
-  .is-grid.grid-large-col-gap-xs-0 {
-    row-gap: 0;
-  }
-}
-.max-content {
-  max-width: 90%;
-  margin: auto;
-}
-@media only screen and (min-width: 480px) {
-  .max-content {
-    max-width: 80%;
-  }
-}
-
-.u-justify-space-between {
-  justify-content: space-between;
-}
-
-.all-product-banner {
-  padding: 50px 0 44px 0px;
-}
-@media only screen and (min-width: 992px) {
-  .all-product-banner {
-    padding: 50px 0 72px 0px;
-    display: flex;
-    min-height: 300px;
-    justify-content: center;
-    align-items: center;
-  }
-}
-
-.all-product-gradient {
-  background: linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3);
-}
-
-.menu-right ptc-nav-submenu {
-  position: relative;
-}
-
-.media-thumb-feature {
-  display: block;
-}
-@media only screen and (min-width: 992px) {
-  .media-thumb-feature {
-    display: flex;
-    justify-content: space-between;
-  }
-}
-.media-thumb-feature .media-thumb {
-  width: 100%;
-  margin-bottom: 2rem;
-}
-@media only screen and (min-width: 992px) {
-  .media-thumb-feature .media-thumb {
-    width: 340px;
-    flex: 0 0 340px;
-  }
-}
-.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type),
-.media-thumb-feature .media-thumb > img:not(:last-of-type) {
-  margin-bottom: 1.5rem;
-}
-.media-thumb-feature .media-feature {
-  width: 100%;
-  margin-bottom: 2rem;
-}
-@media only screen and (min-width: 992px) {
-  .media-thumb-feature .media-feature {
-    width: auto;
-    flex: 1 1 auto;
-  }
-}
-
-.partner-card-desc h5.description {
-  font-family: var(--ptc-font-latin);
-  color: var(--color-gray-10);
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-medium);
-  letter-spacing: var(--ptc-letter-spacing-normal);
-  line-height: var(--ptc-line-height-medium);
-  margin: 0 0 10px 0;
-}
-.partner-card-desc .tags {
-  margin-bottom: 0.75rem;
-}
-.partner-card-desc .tags .tag:not(:first-child) {
-  border-left: 2px solid var(--color-green-07);
-  padding: 0 8px;
-}
-.partner-card-desc .tags .tag:first-child {
-  padding: 0 8px 0 0;
-}
-.partner-card-desc .tags .tag {
-  color: var(--color-gray-10);
-  display: inline;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-bold);
-  letter-spacing: var(--ptc-letter-spacing-loose);
-  margin: 0 0 10px 0;
-  padding: 0 8px;
-}
-
-.u-3-col-grid {
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  grid-row-gap: 1rem;
-  grid-column-gap: 1rem;
-}
-.u-3-col-grid .u-3-col {
-  width: 100%;
-}
-@media only screen and (min-width: 768px) {
-  .u-3-col-grid .u-3-col {
-    width: calc(50% - 10.66666666px);
-  }
-}
-@media only screen and (min-width: 992px) {
-  .u-3-col-grid .u-3-col {
-    width: calc(33.3333333333% - 10.66666666px);
-  }
-}
-.u-3-col-grid.u-col-space-lg {
-  grid-row-gap: 2rem;
-  grid-column-gap: 2rem;
-}
-.u-3-col-grid.u-col-space-lg .u-3-col {
-  width: 100%;
-}
-@media only screen and (min-width: 768px) {
-  .u-3-col-grid.u-col-space-lg .u-3-col {
-    width: calc(50% - 21.3333333px);
-  }
-}
-@media only screen and (min-width: 992px) {
-  .u-3-col-grid.u-col-space-lg .u-3-col {
-    width: calc(33.3333333333% - 21.3333333px);
-  }
-}
-
-.u-display-none {
-  display: none;
-}
-
-ptc-preloader-section.min-height {
-  min-height: 150vh;
-}
-
-@media only screen and (min-width: 1200px) {
-  .ms-mobile-select {
-    display: none;
-  }
-}
-.ms-mobile-select.ms-show {
-  position: fixed;
-}
-
-.light-font {
-  color: var(--color-white);
-}
-.light-font * {
-  color: var(--color-white);
-}
-
-ptc-nav-submenu {
-  margin-top: 6px;
-  border-left: 2px solid transparent;
-  border-right: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-ptc-nav-submenu:focus-visible, ptc-nav-submenu:focus {
-  margin-top: 4px;
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-
-ptc-nav-link {
-  margin-top: 6px;
-  border-left: 2px solid transparent;
-  border-right: 2px solid transparent;
-  border-bottom: 2px solid transparent;
-}
-
-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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):active,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):active,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section a,
-.vjs-social-share-links a):hover,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form a,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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,
-.podcast-cta-section 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);
-}
-
-.white-links a {
-  color: var(--color-white) !important;
-}
-
-.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;
-}
-
-@media only screen and (min-width: 992px) {
-  :host(:not(.png-jumbotron):not(.text-jumbotron):not(.gif-jumbotron):not(.blog-jumbotron)) .content-container {
-    padding-top: 20px;
-    padding-bottom: 16px;
-  }
-}
-
-.parent {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto 1fr;
-  grid-column-gap: 0px;
-  grid-row-gap: 0px;
-  position: relative;
-  z-index: 1;
-}
-
-.logo-frame {
-  background-color: transparent;
-  margin-top: 24px;
-  display: flex;
-  width: 152px;
-  height: -moz-max-content;
-  height: max-content;
-}
-.logo-frame img {
-  box-sizing: border-box;
-  max-width: 100%;
-  height: 100%;
-  max-height: 64.02px;
-}
-
-.hp-adjustments {
-  background-color: var(--color-black);
-  height: auto;
-  min-height: 640px !important;
-  max-height: -webkit-fill-available;
-}
-@media (min-height: 640px) {
-  .hp-adjustments {
-    min-height: 72vh !important;
-  }
-}
-.hp-adjustments .div1 {
-  grid-area: 1/1/3/2;
-  min-height: 300px;
-}
-.hp-adjustments .div1.hidden {
-  display: none;
-}
-.hp-adjustments .div2 {
-  display: flex;
-}
-.hp-adjustments .bg-overlay {
-  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
-}
-@media only screen and (min-width: 992px) {
-  .hp-adjustments .div1 {
-    grid-area: 1/1/2/2;
-    min-height: unset;
-  }
-  .hp-adjustments .bg-overlay {
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(90deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%) !important;
-  }
-}
-.hp-adjustments .div1,
-.hp-adjustments .main-content-items {
-  transition: opacity ease-out 250ms;
-  opacity: 1;
-}
-.hp-adjustments.transitioning .div1,
-.hp-adjustments.transitioning .main-content-items {
-  opacity: 0;
-}
-
-.div1 {
-  grid-area: 1/1/2/2;
-  min-height: 300px;
-}
-.div1.hidden {
-  display: none;
-}
-
-.mobile-media-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-@media only screen and (min-width: 992px) {
-  .mobile-media-image {
-    display: none;
-  }
-}
-
-.gif-bg {
-  background-color: #f3f3f3;
-}
-.gif-bg img {
-  width: 100%;
-  height: auto;
-}
-@media only screen and (min-width: 768px) {
-  .gif-bg img {
-    width: auto;
-  }
-}
-
-.video-ratio {
-  position: relative;
-  overflow: hidden;
-  height: 100%;
-}
-
-.div2 {
-  grid-area: 2/1/3/2;
-  position: relative;
-}
-
-.bg-overlay {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-}
-
-.content-layout {
-  display: flex;
-  flex-direction: column;
-}
-@media only screen and (min-width: 992px) {
-  .content-layout {
-    flex-direction: row;
-  }
-}
-.content-layout.hp-container {
-  width: 100%;
-  margin-top: 120px;
-  margin-bottom: 120px;
-}
-@media screen and (min-width: 768px) and (max-width: 992px) {
-  .content-layout.hp-container {
-    max-width: 720px;
-    margin-left: unset;
-    margin-top: 160px;
-    margin-bottom: 160px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .content-layout.hp-container {
-    width: 1136px;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .content-layout.hp-container {
-    width: 1200px;
-  }
-}
-.content-layout.hp-container .gap-adjustment {
-  margin-bottom: unset;
-}
-.content-layout.blog-container {
-  padding-bottom: 48px;
-}
-@media only screen and (min-width: 768px) {
-  .content-layout.blog-container {
-    padding-bottom: 100px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .content-layout.blog-container {
-    gap: 43px;
-    padding-top: 75px;
-  }
-  .content-layout.blog-container max-width-container {
-    width: 50%;
-  }
-  .content-layout.blog-container div.desktop-media-image {
-    width: 50%;
-  }
-}
-.content-layout.blog-container .gap-adjustment {
-  gap: var(--ptc-element-spacing-07);
-  margin-bottom: unset;
-}
-
-.gap-adjustment {
-  gap: var(--ptc-element-spacing-04);
-  margin-bottom: var(--ptc-element-spacing-07);
-}
-@media only screen and (min-width: 992px) {
-  .gap-adjustment {
-    gap: var(--ptc-element-spacing-07);
-  }
-}
-
-.text-adjustment {
-  justify-content: center;
-}
-
-.desktop-media-image {
-  width: 40%;
-  display: none;
-}
-@media only screen and (min-width: 992px) {
-  .desktop-media-image {
-    display: block;
-  }
-}
-
-.desk-gif-adjustment {
-  z-index: 3;
-  display: none;
-  justify-content: center;
-  align-items: center;
-}
-@media only screen and (min-width: 992px) {
-  .desk-gif-adjustment {
-    display: flex;
-  }
-}
-.desk-gif-adjustment img {
-  width: 100%;
-}
-
-@media only screen and (min-width: 992px) {
-  .parent {
-    grid-template-columns: 1fr;
-    grid-template-rows: 1fr;
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-    min-height: 500px;
-    position: relative;
-  }
-
-  .div1 {
-    grid-area: 1/1/2/2;
-    min-height: unset;
-  }
-
-  .div2 {
-    grid-area: 1/1/2/2;
-    align-self: center;
-    position: unset;
-  }
-}
-:host(.text-jumbotron) .parent {
-  min-height: 120px;
-  padding: 48px 0 24px 0;
-}
-:host(.text-jumbotron) .parent .text-adjustment {
-  margin-bottom: 0;
-  margin-top: 20px;
-}
-:host(.text-jumbotron) .parent .logo-frame {
-  justify-self: center;
-  justify-content: center;
-}
-
-:host(.png-jumbotron) .desktop-media-image,
-:host(.png-jumbotron) .mobile-media-image {
-  position: relative;
-}
-:host(.png-jumbotron) .desktop-media-image .media-image-wrapper,
-:host(.png-jumbotron) .mobile-media-image .media-image-wrapper {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-:host(.png-jumbotron) ::slotted(ptc-svg-btn) {
-  position: absolute;
-  left: 50% !important;
-  top: 50% !important;
-  transform: translate(-50%, -50%) !important;
-}
-@media only screen and (min-width: 992px) {
-  :host(.png-jumbotron) max-width-container {
-    box-sizing: border-box;
-    padding-right: 2rem;
-  }
-}
-
-:host(.blog-jumbotron) #header-blog-author {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: var(--ptc-layout-spacing-04);
-}
-:host(.blog-jumbotron) #header-blog-author .image {
-  width: 48px;
-  height: 48px;
-  border-radius: var(--ptc-border-radius-circle);
-}
-:host(.blog-jumbotron) #header-blog-author .image img {
-  width: 100%;
-  height: 100%;
-  border-radius: var(--ptc-border-radius-circle);
-  -o-object-fit: cover;
-     object-fit: cover;
-  -o-object-position: center;
-     object-position: center;
-}
-:host(.blog-jumbotron) .blog-author-name {
-  color: inherit;
-  text-decoration: none;
-  font-size: inherit;
-  font-weight: inherit;
-  position: relative;
-}
-:host(.blog-jumbotron) .blog-author-name:before {
-  content: "";
-  position: absolute;
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  padding: 16px;
-  margin: -16px;
-}
-:host(.blog-jumbotron) .blog-author-name:hover {
-  color: inherit;
-  cursor: pointer;
-  text-decoration-line: underline;
-  text-decoration-style: solid;
-  text-decoration-color: var(--color-green-07);
-  text-decoration-thickness: 2px;
-  text-underline-offset: 4px;
-}
-:host(.blog-jumbotron) .blog-author-name:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.blog-jumbotron) .image-container {
-  background: white;
-}
-@media only screen and (min-width: 992px) {
-  :host(.blog-jumbotron) .image-container {
-    display: none;
-  }
-}
-:host(.blog-jumbotron) .desktop-media-image,
-:host(.blog-jumbotron) .mobile-media-image {
-  position: relative;
-}
-:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper,
-:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper {
-  height: 100%;
-  max-height: 360px;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-:host(.blog-jumbotron) .desktop-media-image .media-image-wrapper ptc-picture,
-:host(.blog-jumbotron) .mobile-media-image .media-image-wrapper ptc-picture {
-  width: 100%;
-  border-radius: var(--ptc-border-radius-standard);
-}
-:host(.blog-jumbotron) .desktop-media-image {
-  display: none;
-}
-:host(.blog-jumbotron) .desktop-media-image ptc-picture {
-  height: 100%;
-  max-height: 360px;
-}
-@media only screen and (min-width: 992px) {
-  :host(.blog-jumbotron) .desktop-media-image {
-    display: flex;
-    align-items: center;
-  }
-}
-:host(.blog-jumbotron) .mobile-media-image {
-  margin: 75px 24px 32px 24px;
-  display: flex;
-}
-:host(.blog-jumbotron) .mobile-media-image ptc-picture {
-  height: 360px;
-}
-@media only screen and (min-width: 992px) {
-  :host(.blog-jumbotron) .mobile-media-image {
-    display: none;
-  }
-}
-
-.dl-img-wrap {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
-:host(.dark-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),
-:host(.light-video-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),
-:host(.light-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn),
-:host(.dark-jumbotron) .mobile-modal-play-btn ::slotted(ptc-svg-btn) {
-  left: 50% !important;
-  top: 50% !important;
-  transform: translate(-50%, -50%) !important;
-}
-
-ptc-info-tile:focus-visible {
-  outline: 3px solid var(--color-blue-07);
-  outline-offset: 2px;
-}
-
-:host(.light-video-jumbotron) .bg-overlay,
-:host(.light-jumbotron) .bg-overlay {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  box-sizing: border-box;
-}