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

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

@@ -1,1580 +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;
-  }
-}
-
-:host {
-  display: block;
-}
-
-::slotted([slot=seo-content]) {
-  display: none;
-}
-
-:host(.lottie-card) .card-border {
-  box-shadow: var(--ptc-shadow-small);
-  border: 1px solid var(--color-gray-03);
-  border-radius: var(--ptc-border-radius-large);
-  position: relative;
-  overflow: hidden;
-  transition: box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.lottie-card) .card-border::after {
-  content: "";
-  height: 40%;
-  width: 4px;
-  position: absolute;
-  top: 30%;
-  right: -2px;
-  background-color: var(--color-green-06);
-  z-index: 2;
-  display: block;
-}
-:host(.lottie-card) .card-border .card-body h3 {
-  transition: border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.lottie-card) .card-border:hover {
-  box-shadow: var(--ptc-shadow-x-large);
-}
-:host(.lottie-card) .card-border:hover .card-body h3 {
-  border-bottom: 2px solid var(--color-green-07);
-}
-:host(.lottie-card) .card-layout {
-  display: block;
-}
-@media only screen and (min-width: 768px) {
-  :host(.lottie-card) .card-layout {
-    display: flex;
-    flex-flow: nowrap row;
-    justify-content: center;
-  }
-}
-:host(.lottie-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-  color: var(--color-gray-10);
-}
-:host(.lottie-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.lottie-card) .card-media {
-  flex-basis: 40%;
-  border-right: 1px solid var(--color-gray-03);
-  display: flex;
-}
-:host(.lottie-card) .card-body {
-  flex-basis: 60%;
-  align-self: center;
-  padding: 0 30px 10px;
-}
-:host(.lottie-card) .card-body h3 {
-  display: inline-block;
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-10);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-x-small);
-  border-bottom: 2px solid transparent;
-  margin-bottom: var(--ptc-element-spacing-02);
-}
-
-:host(.simple-card) .card-layout {
-  display: block;
-}
-:host(.simple-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.simple-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.simple-card) .link-wrapper:hover .card-body h3 {
-  color: var(--color-green-06);
-}
-:host(.simple-card) .link-wrapper:hover .card-body h3::before {
-  width: 100%;
-}
-:host(.simple-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]) {
-  margin-left: var(--ptc-element-spacing-04);
-}
-:host(.simple-card) .card-body h3 {
-  color: var(--color-gray-10);
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-black);
-  line-height: var(--ptc-line-height-dense);
-  position: relative;
-  margin-bottom: var(--ptc-element-spacing-02);
-  display: inline-block;
-}
-:host(.simple-card) .card-body h3::before {
-  display: block;
-  position: absolute;
-  content: "";
-  width: 100%;
-  border-bottom: 2px solid var(--color-green-06);
-  bottom: 1px;
-  transition: width var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.simple-card) ::slotted([slot=slot-after-heading]) {
-  margin-left: var(--ptc-element-spacing-01);
-  transition: margin-left var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-
-:host(.clip-edge-card) .card-border {
-  overflow: hidden;
-  filter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 3px 6px);
-  width: 100%;
-  transition: filter var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.clip-edge-card) .card-border:hover {
-  filter: drop-shadow(rgba(0, 0, 0, 0.32) 0px 6px 12px);
-}
-:host(.clip-edge-card) .card-layout {
-  display: block;
-}
-:host(.clip-edge-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.clip-edge-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.clip-edge-card) .card-media {
-  position: relative;
-  width: 100%;
-  height: 124px;
-  overflow: hidden;
-  border-radius: var(--ptc-border-radius-standard);
-}
-:host(.clip-edge-card) .card-body {
-  transform: translateY(calc(-1 * var(--ptc-element-spacing-04)));
-  overflow: hidden;
-  width: calc(95% - var(--ptc-element-spacing-04) - var(--ptc-element-spacing-04));
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-medium);
-  line-height: var(--ptc-line-height-dense);
-  color: var(--color-gray-10);
-  clip-path: var(--ptc-clip-path-bottom-right);
-  background-color: var(--color-white);
-  border-radius: var(--ptc-border-radius-standard);
-  padding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-04) var(--ptc-element-spacing-03) var(--ptc-element-spacing-04);
-}
-:host(.clip-edge-card) .card-body h3 {
-  display: inline-block;
-  margin: 0px;
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-dense);
-  color: var(--color-gray-10);
-  text-decoration: none;
-  border-bottom: 2px solid transparent;
-  transition: border-bottom var(--ptc-transition-medium) var(--ptc-ease-inout), margin var(--ptc-transition-medium) var(--ptc-ease-inout);
-  margin: var(--ptc-element-spacing-03) 0 var(--ptc-element-spacing-03) 0;
-}
-:host(.clip-edge-card) ::slotted([slot=slot-description]) {
-  height: 0;
-  opacity: 0;
-  transition: height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.clip-edge-card) ::slotted([slot=slot-image]) {
-  display: block;
-  width: 100%;
-  height: 100%;
-  transform: scale(1);
-  transition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);
-  transform-origin: top center;
-}
-:host(.clip-edge-card) ::slotted([slot=slot-after-heading]) {
-  position: absolute;
-  top: var(--ptc-element-spacing-03);
-  left: var(--ptc-element-spacing-04);
-  opacity: 1;
-  transform: scale(1);
-  height: 44px;
-  transform-origin: bottom center;
-  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.clip-edge-card) ::slotted([slot=slot-before-heading]) {
-  display: block;
-  opacity: 0;
-  height: 24px;
-  transition: all var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.clip-edge-card) .link-wrapper:hover .card-body h3 {
-  border-bottom: 2px solid var(--color-green-06);
-}
-:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-description]) {
-  height: 60px;
-  opacity: 1;
-}
-:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-image]) {
-  transform: scale(1.1);
-}
-:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-after-heading]) {
-  opacity: 0;
-  transform: scale(0);
-  height: 0;
-}
-:host(.clip-edge-card) .link-wrapper:hover ::slotted([slot=slot-before-heading]) {
-  opacity: 1;
-}
-
-:host(.hightlight-card) .card-border {
-  width: 100%;
-  border-radius: var(--ptc-border-radius-standard);
-  overflow: hidden;
-}
-:host(.hightlight-card) .card-border .card-media {
-  transition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.hightlight-card) .card-border:hover .card-media {
-  transform: scale(1.1);
-}
-:host(.hightlight-card) .card-layout {
-  display: block;
-  position: relative;
-}
-:host(.hightlight-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.hightlight-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]) {
-  height: 96px;
-  opacity: 1;
-}
-@media only screen and (min-width: 768px) {
-  :host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]) {
-    height: var(--ptc-layout-spacing-05);
-  }
-}
-@media only screen and (min-width: 992px) {
-  :host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]) {
-    height: var(--ptc-layout-spacing-06);
-  }
-}
-@media only screen and (min-width: 1440px) {
-  :host(.hightlight-card) .link-wrapper:hover ::slotted([slot=slot-description]) {
-    height: var(--ptc-layout-spacing-05);
-  }
-}
-:host(.hightlight-card) .card-media {
-  width: 100%;
-  height: auto;
-  min-height: 450px;
-  position: relative;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-ease-inout);
-  transition-delay: var(--ptc-delay-5);
-}
-:host(.hightlight-card) .card-body {
-  position: absolute;
-  bottom: 0;
-  top: auto;
-  left: 0;
-  right: auto;
-  padding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-07);
-  background-color: var(--color-white);
-  box-sizing: border-box;
-}
-:host(.hightlight-card) .card-body h3 {
-  font-size: var(--ptc-font-size-x-large);
-  line-height: var(--ptc-line-height-densest);
-  font-weight: var(--ptc-font-weight-bold);
-  color: var(--color-gray-10);
-  margin: var(--ptc-element-spacing-04) 0;
-}
-:host(.hightlight-card) .card-body h2 {
-  width: 100%;
-  font-size: var(--ptc-font-size-xx-large);
-  line-height: var(--ptc-line-height-densest);
-  font-weight: var(--ptc-font-weight-extrabold);
-  color: var(--color-gray-10);
-}
-@media (max-width: 768px) {
-  :host(.hightlight-card) .card-body h2 {
-    font-size: var(--ptc-font-size-x-large);
-    line-height: var(--ptc-line-height-densest);
-  }
-}
-:host(.hightlight-card) ::slotted([slot=slot-description]) {
-  height: 0;
-  opacity: 0;
-  transition: height var(--ptc-transition-medium) var(--ptc-ease-inout), opacity var(--ptc-transition-fast) var(--ptc-ease-inout);
-  transition-delay: var(--ptc-delay-5);
-}
-
-:host(.horizontal-card) {
-  margin-bottom: var(--ptc-layout-spacing-02);
-}
-:host(.horizontal-card) .card-layout {
-  position: relative;
-  display: block;
-}
-@media only screen and (min-width: 768px) {
-  :host(.horizontal-card) .card-layout {
-    display: grid;
-    grid-template-columns: 42% 58%;
-    direction: ltr;
-    grid-auto-rows: 1fr;
-  }
-}
-:host(.horizontal-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-  transition: var(--ptc-transition-slow) linear;
-}
-:host(.horizontal-card) .link-wrapper:hover {
-  box-shadow: var(--ptc-shadow-large);
-  transition: var(--ptc-transition-slow) linear;
-  background-color: var(--color-white);
-}
-:host(.horizontal-card) .link-wrapper:hover h3 {
-  border-color: var(--color-green-06);
-  transition: var(--ptc-transition-slow) linear;
-}
-:host(.horizontal-card) .link-wrapper:focus-visible {
-  transition: none;
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.horizontal-card) .card-media {
-  display: flex;
-  align-self: center;
-}
-@media only screen and (min-width: 768px) {
-  :host(.horizontal-card) .card-media {
-    align-self: flex-start;
-    padding-top: 24px;
-    padding-bottom: 24px;
-  }
-}
-:host(.horizontal-card) .card-body {
-  padding: var(--ptc-element-spacing-05) var(--ptc-element-spacing-04);
-}
-@media only screen and (min-width: 768px) {
-  :host(.horizontal-card) .card-body {
-    padding: var(--ptc-element-spacing-06) var(--ptc-element-spacing-07);
-  }
-}
-:host(.horizontal-card) .card-body h3 {
-  margin-top: 0;
-  font-size: var(--ptc-font-size-x-small);
-  color: var(--color-gray-10);
-  border-bottom: 1px solid transparent;
-  padding-bottom: var(--ptc-element-spacing-01);
-  margin-bottom: var(--ptc-element-spacing-02);
-  transition: var(--ptc-transition-slow) linear;
-}
-:host(.horizontal-card) ::slotted([slot=slot-image]) {
-  box-shadow: var(--ptc-shadow-medium);
-  width: 100%;
-}
-
-:host(.listing-card) {
-  height: 100%;
-}
-:host(.listing-card) .card-border {
-  width: 100%;
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.listing-card) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.listing-card) .card-border:hover .card-media {
-  background: var(--color-white);
-}
-:host(.listing-card) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.listing-card) .card-layout {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host(.listing-card) .card-layout .ribbon-text {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin-top: 24px;
-  background-color: var(--color-white);
-  padding: 4px 24px;
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  color: var(--color-gray-11);
-  border-radius: 0px 4px 4px 0px;
-  box-shadow: var(--ptc-shadow-small);
-  max-width: 70%;
-  max-height: 30px;
-  line-height: 30px;
-  overflow: hidden;
-}
-:host(.listing-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.listing-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.listing-card) .link-wrapper:focus-visible {
-  border-radius: var(--ptc-border-radius-standard) !important;
-  box-shadow: 0 0 0 5px var(--keyboard-nav-outline);
-}
-:host(.listing-card) .card-media {
-  width: 100%;
-  height: 288px;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-}
-:host(.listing-card) .card-media .smart-img {
-  height: 288px;
-}
-@media (min-width: 768px) {
-  :host(.listing-card) .card-media .smart-img {
-    height: 232px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.listing-card) .card-media .smart-img {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.listing-card) .card-media .smart-img {
-    height: 170px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.listing-card) .card-media {
-    height: 232px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.listing-card) .card-media {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.listing-card) .card-media {
-    height: 170px;
-  }
-}
-:host(.listing-card) .creo-card .card-media {
-  width: 100%;
-  height: auto !important;
-  padding-top: 66.66%;
-}
-:host(.listing-card) .card-body {
-  padding: 16px 20px 0px 20px;
-}
-:host(.listing-card) .card-body .card-date-text {
-  display: flex;
-  flex-direction: row;
-}
-:host(.listing-card) .card-body .card-date-text p {
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-  margin-top: 0rem;
-}
-:host(.listing-card) .card-body .small {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-}
-:host(.listing-card) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 14px;
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.listing-card) ::slotted([slot=slot-date]) {
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-}
-:host(.listing-card) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 1rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-
-:host(.listing-card-horizontal) {
-  height: 100%;
-}
-:host(.listing-card-horizontal) .card-border {
-  overflow: hidden;
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  width: 100%;
-  height: 100%;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-@media (min-width: 1200px) and (max-width: 1439) {
-  :host(.listing-card-horizontal) .card-border {
-    margin-left: 16px;
-  }
-}
-:host(.listing-card-horizontal) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.listing-card-horizontal) .card-border:hover .card-media {
-  background: var(--color-white);
-}
-:host(.listing-card-horizontal) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.listing-card-horizontal) .card-layout {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-:host(.listing-card-horizontal) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.listing-card-horizontal) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.listing-card-horizontal) .card-media {
-  width: 100%;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-  display: none;
-  max-width: 260px;
-}
-@media only screen and (min-width: 768px) {
-  :host(.listing-card-horizontal) .card-media {
-    display: block;
-    min-width: 260px;
-  }
-}
-:host(.listing-card-horizontal) .card-body {
-  padding: 16px 24px 0px 24px;
-}
-@media (min-width: 768px) {
-  :host(.listing-card-horizontal) .card-body {
-    padding: 24px 32px 0px 32px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.listing-card-horizontal) .card-body {
-    padding: 8px 16px 0px 16px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.listing-card-horizontal) .card-body {
-    padding: 14px 32px 0px 32px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  :host(.listing-card-horizontal) .card-body {
-    min-width: 505px;
-  }
-}
-:host(.listing-card-horizontal) .card-body .card-date-text {
-  display: flex;
-  flex-direction: row;
-}
-:host(.listing-card-horizontal) .card-body .card-date-text p {
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 12px;
-  display: inline-block;
-  margin-top: 0rem;
-  margin-block-start: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-@media only screen and (min-width: 1200px) {
-  :host(.listing-card-horizontal) .card-body .card-date-text p {
-    margin-bottom: 20px;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  :host(.listing-card-horizontal) .card-body .card-date-text p {
-    margin-bottom: 24px;
-  }
-}
-@media only screen and (min-width: 1600px) {
-  :host(.listing-card-horizontal) .card-body .card-date-text p {
-    margin-bottom: 32px;
-  }
-}
-:host(.listing-card-horizontal) .card-body .small {
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-}
-@media (min-width: 992px) {
-  :host(.listing-card-horizontal) .card-body .small {
-    margin-bottom: 12px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.listing-card-horizontal) .card-body .small {
-    margin-bottom: 16px;
-  }
-}
-:host(.listing-card-horizontal) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 8px;
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-@media (min-width: 768px) {
-  :host(.listing-card-horizontal) .card-body h3 {
-    margin-bottom: 16px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.listing-card-horizontal) .card-body h3 {
-    margin-bottom: 12px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.listing-card-horizontal) .card-body h3 {
-    margin-bottom: 16px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  :host(.listing-card-horizontal) .card-body h3 {
-    font-family: var(--ptc-font-latin);
-    font-style: var(--ptc-font-style-normal);
-    font-weight: var(--ptc-font-weight-bold);
-    font-size: var(--ptc-font-size-small);
-    line-height: var(--ptc-line-height-densest);
-    color: var(--color-gray-11);
-    margin-bottom: 8px;
-    margin-top: 0rem;
-    word-break: break-word;
-    hyphens: auto;
-  }
-}
-:host(.listing-card-horizontal) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 19px;
-  margin-top: 0rem;
-  margin-block-start: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.listing-card-horizontal) ::slotted([slot=slot-description]) p {
-  margin-block-start: 0rem;
-}
-@media (max-width: 767px) {
-  :host(.listing-card-horizontal) ::slotted([slot=slot-description]) {
-    font-weight: var(--ptc-font-weight-regular);
-    font-size: var(--ptc-font-size-xx-small);
-    line-height: var(--ptc-line-height-densest);
-  }
-}
-
-:host(.resource-center-card) {
-  height: 100%;
-}
-:host(.resource-center-card) .card-border {
-  height: 100%;
-  width: 100%;
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  display: flex;
-  flex-direction: row;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.resource-center-card) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.resource-center-card) .card-border:hover .card-media {
-  background: var(--color-white);
-}
-:host(.resource-center-card) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.resource-center-card) .card-layout {
-  display: block;
-  position: relative;
-}
-:host(.resource-center-card) .card-layout .ribbon-text {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin-top: 24px;
-  background-color: var(--color-white);
-  padding: 4px 24px;
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  color: var(--color-gray-11);
-  border-radius: 0px 4px 4px 0px;
-  box-shadow: var(--ptc-shadow-small);
-  max-width: 70%;
-  max-height: 30px;
-  line-height: 30px;
-  overflow: hidden;
-}
-:host(.resource-center-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.resource-center-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.resource-center-card) .link-wrapper:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.resource-center-card) .card-media {
-  width: 100%;
-  height: 250px;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-}
-:host(.resource-center-card) .card-media .smart-img {
-  height: 250px;
-}
-@media (min-width: 480px) {
-  :host(.resource-center-card) .card-media .smart-img {
-    height: 285px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.resource-center-card) .card-media .smart-img {
-    height: 221px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.resource-center-card) .card-media .smart-img {
-    height: 189px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.resource-center-card) .card-media .smart-img {
-    height: 173px;
-  }
-}
-@media (min-width: 1440px) {
-  :host(.resource-center-card) .card-media .smart-img {
-    height: 173px;
-  }
-}
-@media (min-width: 480px) {
-  :host(.resource-center-card) .card-media {
-    height: 285px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.resource-center-card) .card-media {
-    height: 221px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.resource-center-card) .card-media {
-    height: 189px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.resource-center-card) .card-media {
-    height: 173px;
-  }
-}
-@media (min-width: 1440px) {
-  :host(.resource-center-card) .card-media {
-    height: 173px;
-  }
-}
-:host(.resource-center-card) .card-body {
-  padding: 16px 24px 0px 24px;
-}
-@media (min-width: 768px) {
-  :host(.resource-center-card) .card-body {
-    padding: 14px 24px 0px 24px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.resource-center-card) .card-body {
-    padding: 14px 20px 0px 21px;
-  }
-}
-:host(.resource-center-card) .card-body .small {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 24px;
-  display: inline-block;
-}
-:host(.resource-center-card) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 12px;
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: manual;
-}
-:host(.resource-center-card) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 1rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.resource-center-card) ::slotted([slot=slot-description]) p {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 39px;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.resource-center-card) ::slotted([slot=slot-description]) span {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 39px;
-}
-
-:host(.case-studies-card) {
-  height: 100%;
-}
-:host(.case-studies-card) .card-border {
-  width: 100%;
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  display: flex;
-  flex-direction: row;
-  height: 100%;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.case-studies-card) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.case-studies-card) .card-border:hover .card-media {
-  background: var(--color-white);
-}
-:host(.case-studies-card) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.case-studies-card) .card-layout {
-  display: block;
-  position: relative;
-  width: 100%;
-}
-:host(.case-studies-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.case-studies-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.case-studies-card) .link-wrapper:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.case-studies-card) .card-media {
-  width: 100%;
-  height: 200px;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-  border-top-left-radius: var(--ptc-border-radius-standard);
-  border-top-right-radius: var(--ptc-border-radius-standard);
-  overflow: hidden;
-}
-:host(.case-studies-card) .card-media .smart-img {
-  width: 100%;
-  height: 200px;
-}
-@media (min-width: 480px) {
-  :host(.case-studies-card) .card-media .smart-img {
-    height: 286px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.case-studies-card) .card-media .smart-img {
-    height: 224px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.case-studies-card) .card-media .smart-img {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.case-studies-card) .card-media .smart-img {
-    height: 173px;
-  }
-}
-@media (min-width: 1440px) {
-  :host(.case-studies-card) .card-media .smart-img {
-    height: 170px;
-  }
-}
-@media (min-width: 480px) {
-  :host(.case-studies-card) .card-media {
-    height: 286px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.case-studies-card) .card-media {
-    height: 224px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.case-studies-card) .card-media {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.case-studies-card) .card-media {
-    height: 173px;
-  }
-}
-@media (min-width: 1440px) {
-  :host(.case-studies-card) .card-media {
-    height: 170px;
-  }
-}
-:host(.case-studies-card) .card-body .card-logo-container {
-  padding: 8px 20px;
-  border-bottom: 1px solid var(--color-gray-02);
-}
-:host(.case-studies-card) .card-body .card-logo-none {
-  padding-top: 16px;
-}
-:host(.case-studies-card) .card-body .card-logo {
-  max-width: 280px;
-  width: auto;
-  height: 40px;
-  -o-object-fit: cover;
-     object-fit: cover;
-  border: 1px solid var(--color-gray-02);
-  margin-bottom: 8px;
-}
-:host(.case-studies-card) .card-body .small {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 24px;
-  display: inline-block;
-}
-:host(.case-studies-card) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin: 8px 20px 12px 20px;
-}
-:host(.case-studies-card) ::slotted([slot=slot-date]) {
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 24px;
-  display: inline-block;
-}
-:host(.case-studies-card) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin: 0px 20px 16px 20px;
-}
-
-:host(.related-card) {
-  width: 100%;
-  height: 100%;
-}
-:host(.related-card) .card-border {
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.related-card) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.related-card) .card-border:hover .card-media {
-  background: var(--color-white);
-  border-top-left-radius: var(--ptc-border-radius-standard);
-  border-top-right-radius: var(--ptc-border-radius-standard);
-  overflow: hidden;
-}
-:host(.related-card) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.related-card) .card-layout {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host(.related-card) .card-layout .ribbon-text {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin-top: var(--ptc-element-spacing-06);
-  background-color: var(--color-white);
-  padding: var(--ptc-element-spacing-01) var(--ptc-element-spacing-05);
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  color: var(--color-gray-11);
-  border-radius: 0px 4px 4px 0px;
-  box-shadow: var(--ptc-shadow-small);
-  max-height: -moz-fit-content;
-  max-height: fit-content;
-  overflow: hidden;
-  width: -moz-fit-content;
-  width: fit-content;
-  clip-path: inset(-6px -6px -6px 0px);
-  word-break: break-word;
-  hyphens: manual;
-}
-:host(.related-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.related-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.related-card) .link-wrapper:focus-visible {
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.related-card) .card-media {
-  width: 100%;
-  height: 288px;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-}
-:host(.related-card) .card-media .smart-img {
-  height: 288px;
-}
-@media only screen and (min-width: 480px) {
-  :host(.related-card) .card-media .smart-img {
-    height: 286px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  :host(.related-card) .card-media .smart-img {
-    height: 142px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  :host(.related-card) .card-media .smart-img {
-    height: 192px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  :host(.related-card) .card-media .smart-img {
-    height: 237px;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  :host(.related-card) .card-media .smart-img {
-    height: 248px;
-  }
-}
-@media only screen and (min-width: 480px) {
-  :host(.related-card) .card-media {
-    height: 286px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  :host(.related-card) .card-media {
-    height: 142px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  :host(.related-card) .card-media {
-    height: 192px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  :host(.related-card) .card-media {
-    height: 237px;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  :host(.related-card) .card-media {
-    height: 248px;
-  }
-}
-:host(.related-card) .card-body {
-  box-sizing: border-box;
-  padding: var(--ptc-layout-spacing-03);
-}
-:host(.related-card) .card-body .card-date-text {
-  display: flex;
-  flex-direction: row;
-}
-:host(.related-card) .card-body .card-date-text p {
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.related-card) .card-body .small {
-  font-size: var(--ptc-font-size-x-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-}
-:host(.related-card) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 14px;
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.related-card) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-}
-
-:host(.featured-horizontal-card) {
-  height: 100%;
-}
-:host(.featured-horizontal-card) .card-border {
-  overflow: hidden;
-  background: var(--color-white);
-  border-radius: var(--ptc-border-radius-standard);
-  width: 100%;
-  height: 100%;
-}
-:host(.featured-horizontal-card) .card-layout {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-@media (min-width: 992px) {
-  :host(.featured-horizontal-card) .card-layout {
-    flex-direction: row;
-  }
-}
-:host(.featured-horizontal-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.featured-horizontal-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.featured-horizontal-card) .link-wrapper:focus-visible {
-  display: block;
-  border-radius: var(--ptc-border-radius-standard);
-  outline: 5px solid var(--keyboard-nav-outline);
-}
-:host(.featured-horizontal-card) .card-media {
-  width: 100%;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-  display: block;
-  width: 100%;
-  height: 440px;
-  max-height: 440px;
-}
-@media (min-width: 992px) {
-  :host(.featured-horizontal-card) .card-media {
-    width: 50%;
-    height: auto;
-    max-height: initial;
-    min-height: 547px;
-  }
-}
-:host(.featured-horizontal-card) .card-body {
-  padding: 20px;
-}
-@media (min-width: 992px) {
-  :host(.featured-horizontal-card) .card-body {
-    width: 50%;
-    box-sizing: border-box;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    padding: 32px;
-  }
-}
-:host(.featured-horizontal-card) .card-body .small {
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 16px;
-  display: inline-block;
-}
-@media (min-width: 992px) {
-  :host(.featured-horizontal-card) .card-body .small {
-    margin-bottom: 12px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.featured-horizontal-card) .card-body .small {
-    margin-bottom: 16px;
-  }
-}
-:host(.featured-horizontal-card) .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-extrabold);
-  font-size: var(--ptc-font-size-x-large);
-  line-height: --ptc-line-height-densest;
-  color: var(--color-gray-11);
-  margin-top: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-  margin-bottom: 0rem;
-}
-@media (min-width: 768px) {
-  :host(.featured-horizontal-card) .card-body h3 {
-    font-weight: var(--ptc-font-weight-extrabold);
-    font-size: var(--ptc-font-size-xx-large);
-    line-height: --ptc-line-height-densest;
-  }
-}
-:host(.featured-horizontal-card) ::slotted([slot=slot-description]) {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-regular);
-  font-size: var(--ptc-font-size-x-small) !important;
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-top: 0rem;
-  margin-block-start: 0rem;
-  word-break: break-word;
-  hyphens: auto;
-}
-:host(.featured-horizontal-card) ::slotted([slot=slot-description]) p {
-  margin-block-start: 0rem;
-  font-size: var(--ptc-font-size-x-small);
-}
-@media (max-width: 992px) {
-  :host(.featured-horizontal-card) ::slotted([slot=slot-description]) {
-    font-size: var(--ptc-font-size-small) !important;
-  }
-}
-:host(.featured-horizontal-card) ::slotted([slot=slot-image]) {
-  width: 100%;
-  height: 100%;
-  max-height: 440px;
-}
-@media (min-width: 992px) {
-  :host(.featured-horizontal-card) ::slotted([slot=slot-image]) {
-    height: 547px;
-    max-height: 547px;
-  }
-}
-
-.ptc-h3.uppercase {
-  text-transform: uppercase;
-}
-.ptc-h3.capitalize {
-  text-transform: capitalize;
-}
-.ptc-h3.lowercase {
-  text-transform: lowercase;
-}
-.ptc-h3.none {
-  text-transform: none;
-}
-
-:host(.events-card) {
-  height: 100%;
-}
-:host(.events-card) .card-border {
-  width: 100%;
-  background: var(--color-white);
-  box-shadow: var(--ptc-shadow-small);
-  border-radius: var(--ptc-border-radius-standard);
-  height: 100%;
-  display: flex;
-  flex-direction: row;
-  transition: background var(--ptc-transition-medium) var(--ptc-ease-inout), box-shadow var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.events-card) .card-border:hover {
-  background: var(--color-gray-02);
-  box-shadow: var(--ptc-shadow-large);
-}
-:host(.events-card) .card-border:hover .card-media {
-  background: var(--color-white);
-}
-:host(.events-card) .card-border:hover .card-media .smart-img {
-  background: var(--color-white);
-}
-:host(.events-card) .card-layout {
-  display: block;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-:host(.events-card) .card-layout .card-body {
-  padding: 16px 20px 20px;
-}
-:host(.events-card) .card-layout .card-body h3 {
-  font-family: var(--ptc-font-latin);
-  font-style: var(--ptc-font-style-normal);
-  font-weight: var(--ptc-font-weight-bold);
-  font-size: var(--ptc-font-size-small);
-  line-height: var(--ptc-line-height-densest);
-  color: var(--color-gray-11);
-  margin-bottom: 12px;
-  margin-top: 0px;
-}
-:host(.events-card) .card-layout .card-body .events-date,
-:host(.events-card) .card-layout .card-body .events-type-class,
-:host(.events-card) .card-layout .card-body .language {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-bottom: 8px;
-}
-:host(.events-card) .card-layout .card-body .calendar-icon {
-  width: 16px;
-  height: 16px;
-}
-:host(.events-card) .card-layout .card-body .events-item-text {
-  margin-left: 12px;
-  color: var(--color-gray-10);
-  font-family: var(--ptc-font-latin);
-  font-size: 14px;
-  font-style: var(--ptc-font-style-normal);
-  font-weight: 700;
-  line-height: 21px;
-}
-:host(.events-card) .card-layout .card-body .in-person-icon {
-  width: 16px;
-  height: 16px;
-}
-:host(.events-card) .card-layout .card-body .language-icon {
-  width: 16px;
-  height: 16px;
-}
-:host(.events-card) .link-wrapper {
-  outline: none;
-  text-decoration: none;
-}
-:host(.events-card) .link-wrapper:hover {
-  outline: none;
-  text-decoration: none;
-}
-:host(.events-card) .link-wrapper:focus-visible {
-  border-radius: var(--ptc-border-radius-standard) !important;
-  box-shadow: 0 0 0 5px var(--keyboard-nav-outline);
-}
-:host(.events-card) .card-media {
-  width: 100%;
-  height: 288px;
-  transform: scale(1);
-  transform-origin: center bottom;
-  transition: transform var(--ptc-transition-medium) var(--ptc-standard-ease);
-  transition-delay: var(--ptc-delay-medium);
-}
-:host(.events-card) .card-media .smart-img {
-  height: 288px;
-}
-@media (min-width: 768px) {
-  :host(.events-card) .card-media .smart-img {
-    height: 232px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.events-card) .card-media .smart-img {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.events-card) .card-media .smart-img {
-    height: 170px;
-  }
-}
-@media (min-width: 768px) {
-  :host(.events-card) .card-media {
-    height: 232px;
-  }
-}
-@media (min-width: 992px) {
-  :host(.events-card) .card-media {
-    height: 192px;
-  }
-}
-@media (min-width: 1200px) {
-  :host(.events-card) .card-media {
-    height: 170px;
-  }
-}
-:host(.events-card) ::slotted([slot=slot-description]) {
-  margin-top: 16px;
-}