@ptcwebops/ptcw-design 7.0.10-upgrade → 7.0.12-upgrade

package/dist/cjs/ptc-link.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BwfL3SN5.js');
+var index = require('./index-BtLiC7bN.js');
 var index$1 = require('./index-QQdgqPAW.js');
 
-const ptcLinkCss = "@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\");\n/*\n* Theme color tokens\n*/\n:root {\n  --color-black: #000000;\n  --color-white: #ffffff;\n  --color-white-grey: #fbfbfb;\n  --color-white-01: #c8c9c7;\n  --color-green-01: #e1f1e2;\n  --color-green-02: #bde1bf;\n  --color-green-03: #97cf9b;\n  --color-green-04: #7dc382;\n  --color-green-05: #5cb463;\n  --color-green-06: #33a13c;\n  --color-green-07: #00890b;\n  --color-green-08: #006e09;\n  --color-green-09: #005807;\n  --color-green-10: #004606;\n  --color-green-11: #003805;\n  --color-green-12: #002d04;\n  --color-green-13: #5bb73b;\n  --color-green-14: #74c34d;\n  --color-blue-01: #e1edf6;\n  --color-blue-02: #c3ddee;\n  --color-blue-03: #a1c9e5;\n  --color-blue-04: #89bbdf;\n  --color-blue-05: #6caad7;\n  --color-blue-06: #4795cd;\n  --color-blue-07: #197bc0;\n  --color-blue-08: #14629a;\n  --color-blue-09: #104e7b;\n  --color-blue-10: #0d3e62;\n  --color-blue-11: #0a324e;\n  --color-blue-12: #08283e;\n  --color-orange-01: #f8ede3;\n  --color-orange-02: #f0dbc7;\n  --color-orange-03: #e7c7a7;\n  --color-orange-04: #e1b991;\n  --color-orange-05: #d9a876;\n  --color-orange-06: #cf9254;\n  --color-orange-07: #c37729;\n  --color-orange-08: #9c5f21;\n  --color-orange-09: #7d4c1a;\n  --color-orange-10: #643d15;\n  --color-orange-11: #503111;\n  --color-orange-12: #40270e;\n  --color-red-01: #fae6e6;\n  --color-red-02: #f4cdcd;\n  --color-red-03: #edb1b1;\n  --color-red-04: #e99d9d;\n  --color-red-05: #e38484;\n  --color-red-06: #dc6565;\n  --color-red-07: #d33e3e;\n  --color-red-08: #a7232e;\n  --color-red-09: #861c25;\n  --color-red-10: #6b161e;\n  --color-red-11: #561218;\n  --color-red-12: #450e13;\n  --color-gray-01: #f6f6f6;\n  --color-gray-02: #e4e7e9;\n  --color-gray-03: #bec6ca;\n  --color-gray-04: #aeb8bd;\n  --color-gray-05: #9aa6ad;\n  --color-gray-06: #819099;\n  --color-gray-07: #617480;\n  --color-gray-08: #4e5d66;\n  --color-gray-09: #3e4a52;\n  --color-gray-10: #323b42;\n  --color-gray-11: #282f35;\n  --color-gray-12: #20262a;\n  --color-gray-13: #40434a;\n  --color-standard-gray: #f3f3f3;\n  --color-hyperlink: #1773b5;\n  --keyboard-nav-outline: rgb(0, 61, 214);\n}\n\n.background-plm-grey {\n  background-color: var(--color-gray-12);\n}\n\n.background-grey-10 {\n  background-color: var(--color-gray-10);\n}\n\n.background-white {\n  background-color: var(--color-white);\n}\n\nhr {\n  height: 1px;\n  background-color: var(--color-gray-02);\n  border: none;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n.ptc-button-focus:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\n.ptc-button-focus-dark:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  outline-offset: 2px;\n}\n\n.ptc-container {\n  padding-right: 24px;\n  padding-left: 24px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1136px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1200px;\n  }\n}\n.ptc-container-lg {\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-03);\n    padding-right: var(--ptc-layout-spacing-03);\n  }\n}\n@media only screen and (min-width: 768px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-04);\n    padding-right: var(--ptc-layout-spacing-04);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-element-spacing-08);\n    padding-right: var(--ptc-element-spacing-08);\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .ptc-container-lg {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1900px;\n  }\n}\n.ptc-container-fluid {\n  width: 100%;\n}\n\na {\n  font-family: var(--ptc-font-latin);\n  font-style: var(--ptc-font-style-normal);\n  text-decoration-line: underline;\n  color: var(--color-hyperlink);\n  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\n  font-weight: var(--ptc-font-weight-bold);\n}\na:visited {\n  color: var(--color-blue-10);\n}\na:active, a:visited:active {\n  transition: none;\n  color: var(--color-blue-09);\n}\na:hover, a:visited:hover {\n  color: var(--color-blue-08);\n}\na.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\na:focus-visible {\n  outline: 5px solid #003dd6 !important;\n  outline-offset: 0px !important;\n  border-radius: var(--ptc-border-radius-standard);\n}\n\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.light-links a.light-link,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.background-grey-10 a.light-link,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.background-plm-grey a.light-link {\n  color: var(--color-blue-06);\n  margin: -2px;\n  border: 2px solid transparent;\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.light-links a.light-link:visited,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.background-grey-10 a.light-link:visited,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.background-plm-grey a.light-link:visited {\n  color: var(--color-blue-06);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.light-links a.light-link:active,\n.light-links a.light-link:visited:active,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.background-grey-10 a.light-link:active,\n.background-grey-10 a.light-link:visited:active,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.background-plm-grey a.light-link:active,\n.background-plm-grey a.light-link:visited:active {\n  transition: none;\n  color: var(--color-blue-07);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.light-links a.light-link:hover,\n.light-links a.light-link:visited:hover,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.background-grey-10 a.light-link:hover,\n.background-grey-10 a.light-link:visited:hover,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.background-plm-grey a.light-link:hover,\n.background-plm-grey a.light-link:visited:hover {\n  color: var(--color-blue-05);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.light-links a.light-link.disabled,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.background-grey-10 a.light-link.disabled,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.background-plm-grey a.light-link.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.light-links a.light-link:focus-visible,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.background-grey-10 a.light-link:focus-visible,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.background-plm-grey a.light-link:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n.light-links .podcast-cta-section a,\n.background-grey-10 .podcast-cta-section a,\n.background-plm-grey .podcast-cta-section a {\n  border: 2px solid transparent;\n}\n.light-links .podcast-cta-section a:focus-visible,\n.background-grey-10 .podcast-cta-section a:focus-visible,\n.background-plm-grey .podcast-cta-section a:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\n.white-links a {\n  color: var(--color-white) !important;\n}\n\n.ptc-link {\n  color: var(--color-gray-10);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.ptc-link:hover {\n  color: var(--color-green-06);\n}\n.ptc-link:visited {\n  color: var(--color-gray-10);\n}\n.ptc-link:active, .ptc-link:visited:active {\n  transition: none;\n  color: var(--color-green-06);\n}\n.ptc-link:hover, .ptc-link:visited:hover {\n  color: var(--color-green-06);\n}\n\n.ptc-link-dark {\n  color: var(--color-white);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.ptc-link-dark:hover {\n  color: var(--color-green-06);\n}\n.ptc-link-dark:visited {\n  color: var(--color-white);\n}\n.ptc-link-dark:active, .ptc-link-dark:visited:active {\n  transition: none;\n  color: var(--color-green-06);\n}\n.ptc-link-dark:hover, .ptc-link-dark:visited:hover {\n  color: var(--color-green-06);\n}\n\n.vjs-social-share-links a {\n  color: var(--color-white);\n}\n.vjs-social-share-links a:hover {\n  color: var(--color-white);\n}\n\n.ptc-ordered-list {\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n.ptc-ordered-list .ptc-list-item {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-xx-small);\n}\n\n.ptc-unordered-list {\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n.ptc-unordered-list .ptc-list-item {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: 20px;\n}\n\nul.minimalist {\n  list-style: none;\n  margin: 0 0 24px;\n  padding-left: 1rem;\n  -moz-columns: 1;\n       columns: 1;\n}\n@media only screen and (min-width: 768px) {\n  ul.minimalist {\n    -moz-columns: 2;\n         columns: 2;\n  }\n}\n@media only screen and (min-width: 992px) {\n  ul.minimalist {\n    -moz-columns: 3;\n         columns: 3;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  ul.minimalist {\n    -moz-columns: 4;\n         columns: 4;\n  }\n}\nul.minimalist li {\n  position: relative;\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-regular);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  color: var(--color-gray-10);\n  max-width: 260px;\n}\nul.minimalist li::before {\n  color: var(--color-gray-12);\n  font-family: var(--ptc-font-latin);\n  content: \"•\";\n  font-size: 1rem;\n  position: absolute;\n  left: -1rem;\n  top: 0.125rem;\n}\n\nul li,\nol li {\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-regular);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  color: var(--color-gray-10);\n}\n\n.light-links ul li,\n.light-links ol li {\n  color: var(--color-white);\n}\n\n/*\n* Typography tokens\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link,\nptc-square-card,\n.hyphenate-text,\nptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  ul,\n  li,\n  ptc-subnav,\n  ptc-tab-list,\n  ptc-link,\n  ptc-square-card,\n  .hyphenate-text,\n  ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n:root {\n  /* Fonts */\n  --ptc-font-latin: \"Raleway\", sans-serif;\n  --ptc-font-secondary-latin: \"Rajdhani\", sans-serif;\n  --ptc-font-sans:\n  \t-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial,\n  \tsans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  /* Font sizes */\n  --ptc-font-size-xxx-small: 0.75rem;\n  /* 12px */\n  --ptc-font-size-xx-small: 0.875rem;\n  /* 14px */\n  --ptc-font-size-x-small: 1rem;\n  /* 16px */\n  --ptc-font-size-small: 1.125rem;\n  /* 18px */\n  --ptc-font-size-medium: 1.25rem;\n  /* 20px */\n  --ptc-font-size-large: 1.5rem;\n  /* 24px */\n  --ptc-font-size-x-large: 1.75rem;\n  /* 28px */\n  --ptc-font-size-xx-large: 2rem;\n  /* 32px */\n  --ptc-font-size-xxx-large: 2.25rem;\n  /* 36px */\n  --ptc-font-size-xxxx-large: 3rem;\n  /* 48px */\n  /* Font weights */\n  --ptc-font-weight-thin: 300;\n  --ptc-font-weight-regular: 400;\n  --ptc-font-weight-medium: 500;\n  --ptc-font-weight-semibold: 600;\n  --ptc-font-weight-bold: 700;\n  --ptc-font-weight-extrabold: 800;\n  --ptc-font-weight-black: 900;\n  /* Letter spacings */\n  --ptc-letter-spacing-dense: -0.015rem;\n  --ptc-letter-spacing-normal: normal;\n  --ptc-letter-spacing-loose: 0.075rem;\n  /* Line heights */\n  --ptc-line-height-densest: 1.25;\n  --ptc-line-height-denser: 1.4;\n  --ptc-line-height-dense: 1.6;\n  --ptc-line-height-normal: 1.8;\n  --ptc-line-height-loose: 2;\n  --ptc-line-height-looser: 2.2;\n  --ptc-line-height-p: 1.5;\n  /* Font Style*/\n  --ptc-font-style-italic: italic;\n  --ptc-font-style-oblique: oblique;\n  --ptc-font-style-normal: normal;\n}\n\nhtml,\nbody {\n  font-family: var(--ptc-font-latin);\n  width: 100%;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  -moz-osx-font-smoothing: grayscale;\n  /*(For Firefox)*/\n}\n\nh1 {\n  font-size: var(--ptc-font-size-xxx-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  h1 {\n    font-size: var(--ptc-font-size-xxxx-large);\n  }\n}\n\n.h1-special {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n\nh2 {\n  font-size: var(--ptc-font-size-x-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  h2 {\n    font-size: var(--ptc-font-size-xx-large);\n  }\n}\n\nh3 {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  h3 {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\nh4 {\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  h4 {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n\np {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-top: 0;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-large {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-small {\n  font-size: var(--ptc-font-size-x-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-x-small {\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-semibold);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\nblockquote p {\n  color: var(--color-gray-10);\n  line-height: 27px;\n  font-size: var(--ptc-font-size-large);\n  letter-spacing: 0.6px;\n  font-style: italic;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n/*\n* Elevation tokens\n*/\n:root {\n  --ptc-shadow-x-small: 0px 1px 4px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-small: 0px 2px 6px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-medium: 0px 4px 8px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-large: 0px 6px 16px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-x-large: 0px 8px 24px rgba(0, 0, 0, 0.24);\n}\n\n/*\n* Border radius tokens\n*/\n:root {\n  --ptc-border-radius-standard: 0.25rem; /* 4px Standard*/\n  --ptc-border-radius-large: 0.75rem; /* 12px Large */\n  --ptc-border-radius-pill: 9999px; /* 9999px Pill */\n  --ptc-border-radius-circle: 50%; /* 50% Circle*/\n  --ptc-clip-path-bottom-right: polygon(\n  \t100% 0,\n  \t100% 70%,\n  \t84% 100%,\n  \t0 100%,\n  \t0 0\n  );\n}\n\n/* Color demo */\n.color-demo {\n  width: 2rem;\n  height: 2rem;\n  border-radius: var(--ptc-border-radius-standard);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n\n/* Color demo */\n.color-demo-2 {\n  width: 2rem;\n  height: 2rem;\n  border-radius: var(--ptc-border-radius-circle);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n\n.color-palette-grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.color-palette-grid .swatch-set {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  -moz-column-count: 12;\n       column-count: 12;\n  align-items: center;\n  justify-content: space-evenly;\n}\n.color-palette-grid .swatch-set .swatch {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-content: center;\n}\n.color-palette-grid .swatch-set .swatch .color-swatch {\n  display: inline-block;\n  width: 3rem;\n  height: 3rem;\n  margin: 1rem;\n  border-radius: var(--ptc-border-radius-circle);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n.color-palette-grid .swatch-set .swatch .swatch-text span {\n  display: block;\n  margin-right: 0.5rem;\n  color: var(--color-primary-gray);\n}\n\n/* Border radius demo */\n.border-radius-demo {\n  width: 3rem;\n  height: 3rem;\n  background: var(--color-gray-03);\n}\n\n/* Transition demo */\n.transition-demo,\n.transition-delay-demo,\n.transition-ease-demo {\n  position: relative;\n  background: var(--color-gray-03);\n  width: 10rem;\n  height: 2rem;\n}\n\n.transition-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  transition-duration: inherit;\n  transition-property: width;\n}\n\n.transition-delay-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  transition-duration: 1s;\n  transition-property: width;\n  transition-delay: inherit;\n}\n\n.transition-ease-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 20%;\n  height: 100%;\n  transition-duration: 2s;\n  transition-property: left;\n  transition-timing-function: inherit;\n}\n\n.transition-demo:hover::after,\n.transition-delay-demo:hover::after {\n  width: 100%;\n}\n\n.transition-ease-demo:hover::after {\n  left: 80%;\n}\n\n.sl-theme-dark .transition-demo {\n  background: var(--color-gray-03);\n}\n\n/* Spacing demo */\n.spacing-demo {\n  width: 100px;\n  background: var(--color-blue-05);\n}\n\n/* Elevation dmeo */\n.elevation-demo {\n  background: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  width: 4rem;\n  height: 4rem;\n}\n\n.sl-theme-dark .elevation-demo {\n  background-color: var(--color-gray-03);\n}\n\n/* Grid Demo*/\n.grid-demo-wrapper {\n  width: 500px;\n  border: 1px solid var(--color-gray-03);\n}\n\n.grid-demo-style > div {\n  background-color: var(--color-gray-10);\n  color: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  font-size: var(--ptc-font-size-x-small);\n  padding: var(--ptc-element-spacing-04);\n}\n\n.grid-demo-child-style {\n  width: 100%;\n}\n.grid-demo-child-style > div {\n  background-color: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  color: var(--color-gray-10);\n  padding: var(--ptc-element-spacing-04);\n}\n\n.title-demo-wrapper {\n  width: 100%;\n  border: 1px solid var(--color-gray-03);\n  padding: var(--ptc-element-spacing-04);\n  height: 300px;\n}\n\n.img-demo {\n  height: 400px;\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .img-demo {\n    height: 550px;\n    width: 100%;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .img-demo {\n    height: 650px;\n    width: 100%;\n  }\n}\n\n.demo-with-bgcolor {\n  width: 100%;\n  border: 1px solid var(--color-gray-03);\n  padding: var(--ptc-element-spacing-04);\n  background-color: var(--color-gray-10);\n  height: auto;\n}\n\n.demo-plm-bgcolor {\n  background-color: var(--color-gray-12);\n}\n\n.demo-container-max {\n  max-width: 1980px;\n  margin: 0 auto;\n}\n\n.spacer-demo ptc-spacer {\n  background-color: var(--color-blue-01);\n}\n\n.motion-demo {\n  width: 100%;\n  border-radius: var(--color-gray-02);\n  background-color: var(--spectrum-global-color-gray-100);\n  min-height: 252px;\n  position: relative;\n  margin-bottom: 20px;\n  overflow: hidden;\n  border: 1px solid var(--color-gray-06);\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  align-items: center;\n}\n\n.motion-object {\n  width: 120px;\n  height: 120px;\n  border-radius: var(--ptc-border-radius-circle);\n  background-color: var(--color-green-12);\n}\n\n.fitler-check-list-demo ptc-checkbox {\n  padding: 0.25rem 0;\n}\n\n.ptc-dropdown-demo {\n  min-height: 10rem;\n}\n\n/* -------------------------------------------\n\nPTC Design System is using Griddle Grid System.\nCredits to Dave Berning\n\n------------------------------------------- */\n/* Note:\n** These must be in the same order\n----------------------------------------- */\n/* Needed for Loops - Add to this if you add color variables\n----------------------------------------------------------------- */\n/* Class Generation\n------------------------- */\n/* Grid\n------------------------ */\n.is-grid,\n.is-grid-inline {\n  display: grid;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n  direction: ltr;\n  grid-column-gap: var(--col-gap);\n  grid-row-gap: var(--row-gap);\n}\n.is-grid > *,\n.is-grid-inline > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .is-grid > *,\n  .is-grid-inline > * {\n    grid-column: span 1;\n  }\n}\n.is-grid.is-dense,\n.is-grid-inline.is-dense {\n  grid-auto-flow: dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-row,\n.is-grid-inline.has-wrapped-row {\n  grid-auto-flow: row;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-row.is-dense,\n.is-grid-inline.has-wrapped-row.is-dense {\n  grid-auto-flow: row dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-col,\n.is-grid-inline.has-wrapped-col {\n  grid-auto-flow: column;\n}\n.is-grid.has-wrapped-col.is-dense,\n.is-grid-inline.has-wrapped-col.is-dense {\n  grid-auto-flow: column dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n\n.is-grid-inline {\n  display: inline-grid !important;\n}\n\n.has-row-1 {\n  grid-template-rows: repeat(1, 1fr);\n}\n.has-row-1 > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-1-xs > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-1-xs {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-sm > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-1-sm {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-md > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-1-md {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-lg > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-lg {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-xl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-1-xl {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-xxl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-1-xxl {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-2 {\n  grid-template-rows: repeat(2, 1fr);\n}\n.has-row-2 > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-2-xs > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-2-xs {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-sm > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-2-sm {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-md > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-2-md {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-lg > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-lg {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-xl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-2-xl {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-xxl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-2-xxl {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-3 {\n  grid-template-rows: repeat(3, 1fr);\n}\n.has-row-3 > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-3-xs > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-3-xs {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-sm > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-3-sm {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-md > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-3-md {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-lg > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-lg {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-xl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-3-xl {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-xxl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-3-xxl {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-4 {\n  grid-template-rows: repeat(4, 1fr);\n}\n.has-row-4 > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-4-xs > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-4-xs {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-sm > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-4-sm {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-md > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-4-md {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-lg > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-lg {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-xl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-4-xl {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-xxl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-4-xxl {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-5 {\n  grid-template-rows: repeat(5, 1fr);\n}\n.has-row-5 > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-5-xs > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-5-xs {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-sm > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-5-sm {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-md > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-5-md {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-lg > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-lg {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-xl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-5-xl {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-xxl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-5-xxl {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-6 {\n  grid-template-rows: repeat(6, 1fr);\n}\n.has-row-6 > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-6-xs > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-6-xs {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-sm > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-6-sm {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-md > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-6-md {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-lg > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-lg {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-xl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-6-xl {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-xxl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-6-xxl {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-7 {\n  grid-template-rows: repeat(7, 1fr);\n}\n.has-row-7 > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-7-xs > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-7-xs {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-sm > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-7-sm {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-md > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-7-md {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-lg > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-lg {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-xl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-7-xl {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-xxl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-7-xxl {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-8 {\n  grid-template-rows: repeat(8, 1fr);\n}\n.has-row-8 > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-8-xs > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-8-xs {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-sm > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-8-sm {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-md > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-8-md {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-lg > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-lg {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-xl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-8-xl {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-xxl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-8-xxl {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-9 {\n  grid-template-rows: repeat(9, 1fr);\n}\n.has-row-9 > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-9-xs > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-9-xs {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-sm > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-9-sm {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-md > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-9-md {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-lg > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-lg {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-xl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-9-xl {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-xxl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-9-xxl {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-10 {\n  grid-template-rows: repeat(10, 1fr);\n}\n.has-row-10 > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-10-xs > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-10-xs {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-sm > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-10-sm {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-md > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-10-md {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-lg > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-lg {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-xl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-10-xl {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-xxl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-10-xxl {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-11 {\n  grid-template-rows: repeat(11, 1fr);\n}\n.has-row-11 > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-11-xs > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-11-xs {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-sm > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-11-sm {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-md > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-11-md {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-lg > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-lg {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-xl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-11-xl {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-xxl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-11-xxl {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-12 {\n  grid-template-rows: repeat(12, 1fr);\n}\n.has-row-12 > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-12-xs > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-12-xs {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-sm > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-12-sm {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-md > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-12-md {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-lg > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-lg {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-xl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-12-xl {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-xxl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-12-xxl {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-1 {\n  grid-template-columns: repeat(1, 1fr);\n}\n.has-col-1 > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-1-xs > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-1-xs {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-sm > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-1-sm {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-md > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-1-md {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-lg > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-lg {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-xl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-1-xl {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-xxl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-1-xxl {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-2 {\n  grid-template-columns: repeat(2, 1fr);\n}\n.has-col-2 > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-2-xs > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-2-xs {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-sm > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-2-sm {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-md > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-2-md {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-lg > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-lg {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-xl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-2-xl {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-xxl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-2-xxl {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-3 {\n  grid-template-columns: repeat(3, 1fr);\n}\n.has-col-3 > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-3-xs > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-3-xs {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-sm > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-3-sm {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-md > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-3-md {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-lg > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-lg {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-xl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-3-xl {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-xxl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-3-xxl {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n.has-col-4 > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-4-xs > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-4-xs {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-sm > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-4-sm {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-md > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-4-md {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-lg > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-lg {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-xl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-4-xl {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-xxl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-4-xxl {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-5 {\n  grid-template-columns: repeat(5, 1fr);\n}\n.has-col-5 > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-5-xs > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-5-xs {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-sm > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-5-sm {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-md > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-5-md {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-lg > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-lg {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-xl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-5-xl {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-xxl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-5-xxl {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-6 {\n  grid-template-columns: repeat(6, 1fr);\n}\n.has-col-6 > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-6-xs > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-6-xs {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-sm > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-6-sm {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-md > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-6-md {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-lg > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-lg {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-xl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-6-xl {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-xxl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-6-xxl {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-7 {\n  grid-template-columns: repeat(7, 1fr);\n}\n.has-col-7 > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-7-xs > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-7-xs {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-sm > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-7-sm {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-md > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-7-md {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-lg > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-lg {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-xl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-7-xl {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-xxl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-7-xxl {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-8 {\n  grid-template-columns: repeat(8, 1fr);\n}\n.has-col-8 > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-8-xs > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-8-xs {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-sm > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-8-sm {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-md > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-8-md {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-lg > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-lg {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-xl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-8-xl {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-xxl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-8-xxl {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-9 {\n  grid-template-columns: repeat(9, 1fr);\n}\n.has-col-9 > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-9-xs > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-9-xs {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-sm > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-9-sm {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-md > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-9-md {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-lg > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-lg {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-xl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-9-xl {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-xxl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-9-xxl {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-10 {\n  grid-template-columns: repeat(10, 1fr);\n}\n.has-col-10 > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-10-xs > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-10-xs {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-sm > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-10-sm {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-md > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-10-md {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-lg > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-lg {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-xl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-10-xl {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-xxl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-10-xxl {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-11 {\n  grid-template-columns: repeat(11, 1fr);\n}\n.has-col-11 > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-11-xs > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-11-xs {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-sm > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-11-sm {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-md > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-11-md {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-lg > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-lg {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-xl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-11-xl {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-xxl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-11-xxl {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-12 {\n  grid-template-columns: repeat(12, 1fr);\n}\n.has-col-12 > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-12-xs > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-12-xs {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-sm > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-12-sm {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-md > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-12-md {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-lg > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-lg {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-xl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-12-xl {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-xxl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-12-xxl {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-1-xs {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-2-xs {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-3-xs {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-4-xs {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-5-xs {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-6-xs {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-7-xs {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-8-xs {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-9-xs {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-10-xs {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-11-xs {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-12-xs {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-1-sm {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-2-sm {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-3-sm {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-4-sm {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-5-sm {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-6-sm {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-7-sm {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-8-sm {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-9-sm {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-10-sm {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-11-sm {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-12-sm {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-1-md {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-2-md {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-3-md {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-4-md {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-5-md {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-6-md {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-7-md {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-8-md {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-9-md {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-10-md {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-11-md {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-12-md {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-1-lg {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-2-lg {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-3-lg {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-4-lg {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-5-lg {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-6-lg {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-7-lg {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-8-lg {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-9-lg {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-10-lg {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-11-lg {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-12-lg {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-1-xl {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-2-xl {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-3-xl {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-4-xl {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-5-xl {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-6-xl {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-7-xl {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-8-xl {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-9-xl {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-10-xl {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-11-xl {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-12-xl {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-1-xxl {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-2-xxl {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-3-xxl {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-4-xxl {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-5-xxl {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-6-xxl {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-7-xxl {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-8-xxl {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-9-xxl {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-10-xxl {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-11-xxl {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-12-xxl {\n    grid-row: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-1-xs {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-2-xs {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-3-xs {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-4-xs {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-5-xs {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-6-xs {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-7-xs {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-8-xs {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-9-xs {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-10-xs {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-11-xs {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-12-xs {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-1-sm {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-2-sm {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-3-sm {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-4-sm {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-5-sm {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-6-sm {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-7-sm {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-8-sm {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-9-sm {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-10-sm {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-11-sm {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-12-sm {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-1-md {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-2-md {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-3-md {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-4-md {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-5-md {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-6-md {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-7-md {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-8-md {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-9-md {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-10-md {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-11-md {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-12-md {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-1-lg {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-2-lg {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-3-lg {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-4-lg {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-5-lg {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-6-lg {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-7-lg {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-8-lg {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-9-lg {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-10-lg {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-11-lg {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-12-lg {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-1-xl {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-2-xl {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-3-xl {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-4-xl {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-5-xl {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-6-xl {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-7-xl {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-8-xl {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-9-xl {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-10-xl {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-11-xl {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-12-xl {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-1-xxl {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-2-xxl {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-3-xxl {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-4-xxl {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-5-xxl {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-6-xxl {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-7-xxl {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-8-xxl {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-9-xxl {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-10-xxl {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-11-xxl {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-12-xxl {\n    grid-column: span 12 !important;\n  }\n}\n/* Class Generation\n------------------------- */\n.has-row-gap {\n  grid-row-gap: var(--spacing);\n}\n\n.has-row-gap-md {\n  grid-row-gap: var(--spacing-md);\n}\n\n.has-row-gap-lg {\n  grid-row-gap: var(--spacing-lg);\n}\n\n.has-no-row-gap {\n  grid-row-gap: 0;\n}\n\n.has-col-gap {\n  grid-column-gap: var(--spacing);\n}\n\n.has-col-gap-md {\n  grid-column-gap: var(--spacing-md);\n}\n\n.has-col-gap-lg {\n  grid-column-gap: var(--spacing-lg);\n}\n\n.has-no-col-gap {\n  grid-column-gap: 0;\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-ltr-xs {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 576px) {\n  .is-ltr-sm {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 768px) {\n  .is-ltr-md {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 992px) {\n  .is-ltr-lg {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-ltr-xl {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-ltr-xxl {\n    direction: ltr;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-rtl-xs {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 576px) {\n  .is-rtl-sm {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 768px) {\n  .is-rtl-md {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 992px) {\n  .is-rtl-lg {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-rtl-xl {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-rtl-xxl {\n    direction: rtl;\n  }\n}\n\n.is-placed-left {\n  place-self: left;\n}\n\n.is-placed-right {\n  place-self: right;\n}\n\n.is-placed-center {\n  place-self: center;\n}\n\n.is-placed-start {\n  place-self: start;\n}\n\n.is-placed-normal {\n  place-self: normal;\n}\n\n.is-order-1 {\n  order: 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-1-xs {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-1-sm {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-1-md {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-1-lg {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-1-xl {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-1-xxl {\n    order: 1;\n  }\n}\n\n.is-order-2 {\n  order: 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-2-xs {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-2-sm {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-2-md {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-2-lg {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-2-xl {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-2-xxl {\n    order: 2;\n  }\n}\n\n.is-order-3 {\n  order: 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-3-xs {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-3-sm {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-3-md {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-3-lg {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-3-xl {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-3-xxl {\n    order: 3;\n  }\n}\n\n.is-order-4 {\n  order: 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-4-xs {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-4-sm {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-4-md {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-4-lg {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-4-xl {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-4-xxl {\n    order: 4;\n  }\n}\n\n.is-order-5 {\n  order: 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-5-xs {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-5-sm {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-5-md {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-5-lg {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-5-xl {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-5-xxl {\n    order: 5;\n  }\n}\n\n.is-order-6 {\n  order: 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-6-xs {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-6-sm {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-6-md {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-6-lg {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-6-xl {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-6-xxl {\n    order: 6;\n  }\n}\n\n.is-order-7 {\n  order: 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-7-xs {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-7-sm {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-7-md {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-7-lg {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-7-xl {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-7-xxl {\n    order: 7;\n  }\n}\n\n.is-order-8 {\n  order: 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-8-xs {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-8-sm {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-8-md {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-8-lg {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-8-xl {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-8-xxl {\n    order: 8;\n  }\n}\n\n.is-order-9 {\n  order: 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-9-xs {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-9-sm {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-9-md {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-9-lg {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-9-xl {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-9-xxl {\n    order: 9;\n  }\n}\n\n.is-order-10 {\n  order: 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-10-xs {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-10-sm {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-10-md {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-10-lg {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-10-xl {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-10-xxl {\n    order: 10;\n  }\n}\n\n.is-order-11 {\n  order: 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-11-xs {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-11-sm {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-11-md {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-11-lg {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-11-xl {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-11-xxl {\n    order: 11;\n  }\n}\n\n.is-order-12 {\n  order: 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-12-xs {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-12-sm {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-12-md {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-12-lg {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-12-xl {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-12-xxl {\n    order: 12;\n  }\n}\n\n.is-order-1 {\n  order: 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-1-xs {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-1-sm {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-1-md {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-1-lg {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-1-xl {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-1-xxl {\n    order: 1;\n  }\n}\n\n.is-order-2 {\n  order: 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-2-xs {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-2-sm {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-2-md {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-2-lg {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-2-xl {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-2-xxl {\n    order: 2;\n  }\n}\n\n.is-order-3 {\n  order: 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-3-xs {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-3-sm {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-3-md {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-3-lg {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-3-xl {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-3-xxl {\n    order: 3;\n  }\n}\n\n.is-order-4 {\n  order: 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-4-xs {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-4-sm {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-4-md {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-4-lg {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-4-xl {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-4-xxl {\n    order: 4;\n  }\n}\n\n.is-order-5 {\n  order: 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-5-xs {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-5-sm {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-5-md {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-5-lg {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-5-xl {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-5-xxl {\n    order: 5;\n  }\n}\n\n.is-order-6 {\n  order: 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-6-xs {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-6-sm {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-6-md {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-6-lg {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-6-xl {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-6-xxl {\n    order: 6;\n  }\n}\n\n.is-order-7 {\n  order: 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-7-xs {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-7-sm {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-7-md {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-7-lg {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-7-xl {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-7-xxl {\n    order: 7;\n  }\n}\n\n.is-order-8 {\n  order: 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-8-xs {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-8-sm {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-8-md {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-8-lg {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-8-xl {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-8-xxl {\n    order: 8;\n  }\n}\n\n.is-order-9 {\n  order: 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-9-xs {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-9-sm {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-9-md {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-9-lg {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-9-xl {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-9-xxl {\n    order: 9;\n  }\n}\n\n.is-order-10 {\n  order: 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-10-xs {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-10-sm {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-10-md {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-10-lg {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-10-xl {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-10-xxl {\n    order: 10;\n  }\n}\n\n.is-order-11 {\n  order: 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-11-xs {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-11-sm {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-11-md {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-11-lg {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-11-xl {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-11-xxl {\n    order: 11;\n  }\n}\n\n.is-order-12 {\n  order: 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-12-xs {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-12-sm {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-12-md {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-12-lg {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-12-xl {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-12-xxl {\n    order: 12;\n  }\n}\n\n:root {\n  --col-gap-sm: 0.5rem;\n  --col-gap: 1rem;\n  --col-gap-md: 1.5rem;\n  --col-gap-lg: 2rem;\n  --col-gap-xl: 2.5rem;\n  --col-gap-xxl: 3rem;\n  --row-gap-sm: 0.5rem;\n  --row-gap: 1rem;\n  --row-gap-md: 1.5rem;\n  --row-gap-lg: 2rem;\n  --col-gap-xl: 2.5rem;\n  --col-gap-xxl: 3rem;\n  /* Misc */\n  --spacing-sm: 0.5rem;\n  --spacing-sml: 0.75rem;\n  --spacing: 1rem;\n  --spacing-md: 1.5rem;\n  --spacing-lg: 2rem;\n  --spacing-xl: 2.5rem;\n  --spacing-xxl: 3rem;\n}\n\n.has-col-gap-default {\n  grid-column-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 1200px) {\n  .has-col-gap-default {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .has-col-gap-default {\n    grid-column-gap: var(--spacing-xl);\n  }\n}\n\n.has-row-gap-default {\n  grid-row-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 1200px) {\n  .has-row-gap-default {\n    grid-row-gap: var(--spacing-lg);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .has-row-gap-default {\n    grid-row-gap: var(--spacing-xl);\n  }\n}\n\n.has-col-gap-sm {\n  grid-column-gap: var(--spacing-sm);\n}\n\n.has-row-gap-sm {\n  grid-row-gap: var(--spacing-sm);\n}\n\n.has-col-gap-sml {\n  grid-column-gap: var(--spacing-sml);\n}\n\n.has-row-gap-sml {\n  grid-row-gap: var(--spacing-sml);\n}\n\n.has-col-gap-lg {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-lg {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n\n.has-row-gap-lg {\n  grid-row-gap: var(--spacing-lg);\n}\n\n.has-col-gap-xl {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-xl {\n    grid-column-gap: var(--spacing-xl);\n  }\n}\n\n.has-row-gap-xl {\n  grid-row-gap: var(--spacing-xl);\n}\n\n.has-col-gap-xxl {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-xxl {\n    grid-column-gap: var(--spacing-xxl);\n  }\n}\n\n.has-row-gap-xxl {\n  grid-row-gap: var(--spacing-xxl);\n}\n\n.has-no-row {\n  grid-row-gap: 0;\n}\n\n.has-m-sm {\n  margin: var(--spacing-sm);\n}\n\n.has-m-top-sm {\n  margin-top: var(--spacing-sm);\n}\n\n.has-m-right-sm {\n  margin-right: var(--spacing-sm);\n}\n\n.has-m-bottom-sm {\n  margin-bottom: var(--spacing-sm);\n}\n\n.has-m-left-sm {\n  margin-left: var(--spacing-sm);\n}\n\n.has-m {\n  margin: var(--spacing);\n}\n\n.has-m-top {\n  margin-top: var(--spacing);\n}\n\n.has-m-right {\n  margin-right: var(--spacing);\n}\n\n.has-m-bottom {\n  margin-bottom: var(--spacing);\n}\n\n.has-m-left {\n  margin-left: var(--spacing);\n}\n\n.has-m-md {\n  margin: var(--spacing-md);\n}\n\n.has-m-top-md {\n  margin-top: var(--spacing-md);\n}\n\n.has-m-right-md {\n  margin-right: var(--spacing-md);\n}\n\n.has-m-bottom-md {\n  margin-bottom: var(--spacing-md);\n}\n\n.has-m-left-md {\n  margin-left: var(--spacing-md);\n}\n\n.has-m-lg {\n  margin: var(--spacing-lg);\n}\n\n.has-m-top-lg {\n  margin-top: var(--spacing-lg);\n}\n\n.has-m-right-lg {\n  margin-right: var(--spacing-lg);\n}\n\n.has-m-bottom-lg {\n  margin-bottom: var(--spacing-lg);\n}\n\n.has-m-left-lg {\n  margin-left: var(--spacing-lg);\n}\n\n.has-m-xl {\n  margin: var(--spacing-xl);\n}\n\n.has-m-top-xl {\n  margin-top: var(--spacing-xl);\n}\n\n.has-m-right-xl {\n  margin-right: var(--spacing-xl);\n}\n\n.has-m-bottom-xl {\n  margin-bottom: var(--spacing-xl);\n}\n\n.has-m-left-xl {\n  margin-left: var(--spacing-xl);\n}\n\n.has-m-xxl {\n  margin: var(--spacing-xxl);\n}\n\n.has-m-top-xxl {\n  margin-top: var(--spacing-xxl);\n}\n\n.has-m-right-xxl {\n  margin-right: var(--spacing-xxl);\n}\n\n.has-m-bottom-xxl {\n  margin-bottom: var(--spacing-xxl);\n}\n\n.has-m-left-xxl {\n  margin-left: var(--spacing-xxl);\n}\n\n.has-no-m {\n  margin: 0;\n}\n\n.has-no-top-m {\n  margin-top: 0;\n}\n\n.has-no-right-m {\n  margin-right: 0;\n}\n\n.has-no-bottom-m {\n  margin-bottom: 0;\n}\n\n.has-no-left-m {\n  margin-left: 0;\n}\n\n.has-p-sm {\n  padding: var(--spacing-sm);\n}\n\n.has-p-top-sm {\n  padding-top: var(--spacing-sm);\n}\n\n.has-p-right-sm {\n  padding-right: var(--spacing-sm);\n}\n\n.has-p-bottom-sm {\n  padding-bottom: var(--spacing-sm);\n}\n\n.has-p-left-sm {\n  padding-left: var(--spacing-sm);\n}\n\n.has-p {\n  padding: var(--spacing);\n}\n\n.has-p-top {\n  padding-top: var(--spacing);\n}\n\n.has-p-right {\n  padding-right: var(--spacing);\n}\n\n.has-p-bottom {\n  padding-bottom: var(--spacing);\n}\n\n.has-p-left {\n  padding-left: var(--spacing);\n}\n\n.has-p-md {\n  padding: var(--spacing-md);\n}\n\n.has-p-top-md {\n  padding-top: var(--spacing-md);\n}\n\n.has-p-right-md {\n  padding-right: var(--spacing-md);\n}\n\n.has-p-bottom-md {\n  padding-bottom: var(--spacing-md);\n}\n\n.has-p-left-md {\n  padding-left: var(--spacing-md);\n}\n\n.has-p-lg {\n  padding: var(--spacing-lg);\n}\n\n.has-p-top-lg {\n  padding-top: var(--spacing-lg);\n}\n\n.has-p-right-lg {\n  padding-right: var(--spacing-lg);\n}\n\n.has-p-bottom-lg {\n  padding-bottom: var(--spacing-lg);\n}\n\n.has-p-left-lg {\n  padding-left: var(--spacing-lg);\n}\n\n.has-p-xl {\n  padding: var(--spacing-xl);\n}\n\n.has-p-top-xl {\n  padding-top: var(--spacing-xl);\n}\n\n.has-p-right-xl {\n  padding-right: var(--spacing-xl);\n}\n\n.has-p-bottom-xl {\n  padding-bottom: var(--spacing-xl);\n}\n\n.has-p-left-xl {\n  padding-left: var(--spacing-xl);\n}\n\n.has-p-xxl {\n  padding: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-xxl {\n    padding: var(--spacing-xxl);\n  }\n}\n\n.has-p-top-xxl {\n  padding-top: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-top-xxl {\n    padding-top: var(--spacing-xxl);\n  }\n}\n\n.has-p-right-xxl {\n  padding-right: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-right-xxl {\n    padding-right: var(--spacing-xxl);\n  }\n}\n\n.has-p-bottom-xxl {\n  padding-bottom: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-bottom-xxl {\n    padding-bottom: var(--spacing-xxl);\n  }\n}\n\n.has-p-left-xxl {\n  padding-left: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-left-xxl {\n    padding-left: var(--spacing-xxl);\n  }\n}\n\n.has-no-p {\n  margin: 0;\n}\n\n.has-no-top-p {\n  padding-top: 0;\n}\n\n.has-no-right-p {\n  padding-right: 0;\n}\n\n.has-no-bottom-p {\n  padding-bottom: 0;\n}\n\n.has-no-left-p {\n  padding-left: 0;\n}\n\n.is-centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.is-centered-horizontally {\n  display: flex;\n  justify-content: center;\n}\n\n.is-centered-vertically {\n  display: flex;\n  align-items: center;\n}\n\n.is-block {\n  display: block;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-block-xs {\n    display: block;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-block-sm {\n    display: block;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-block-md {\n    display: block;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-block-lg {\n    display: block;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-block-xl {\n    display: block;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-block-xxl {\n    display: block;\n  }\n}\n.is-inline-block {\n  display: inline-block;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-inline-block-xs {\n    display: inline-block;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-inline-block-sm {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-inline-block-md {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-inline-block-lg {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-inline-block-xl {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-inline-block-xxl {\n    display: inline-block;\n  }\n}\n.is-flex {\n  display: flex;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-flex-xs {\n    display: flex;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-flex-sm {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-flex-md {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-flex-lg {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-flex-xl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-flex-xxl {\n    display: flex;\n  }\n}\n.is-inline-flex {\n  display: inline-flex;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-inline-flex-xs {\n    display: inline-flex;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-inline-flex-sm {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-inline-flex-md {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-inline-flex-lg {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-inline-flex-xl {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-inline-flex-xxl {\n    display: inline-flex;\n  }\n}\n.is-device {\n  display: none;\n}\n\n.is-screen {\n  display: block;\n}\n\n.is-medium {\n  display: block !important;\n}\n\n@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2) {\n  .is-device {\n    display: block;\n  }\n  .is-screen {\n    display: none;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-medium {\n    display: none !important;\n  }\n}\n.is-flexBasis-half {\n  flex-basis: 50%;\n}\n\n.is-table {\n  display: table !important;\n}\n\n.is-tableCell {\n  display: table-cell !important;\n}\n\n.is-widthFull {\n  width: 100% !important;\n}\n\n@media only screen and (min-width: 2600px) {\n  .is-grid .is-col-1-xxxl {\n    grid-column: span 1 !important;\n  }\n  .is-grid .is-col-2-xxxl {\n    grid-column: span 2 !important;\n  }\n  .is-grid .is-col-3-xxxl {\n    grid-column: span 3 !important;\n  }\n  .is-grid .is-col-4-xxxl {\n    grid-column: span 4 !important;\n  }\n  .is-grid .is-col-5-xxxl {\n    grid-column: span 6 !important;\n  }\n  .is-grid .is-col-7-xxxl {\n    grid-column: span 7 !important;\n  }\n  .is-grid .is-col-8-xxxl {\n    grid-column: span 8 !important;\n  }\n  .is-grid .is-col-9-xxxl {\n    grid-column: span 9 !important;\n  }\n  .is-grid .is-col-10-xxxl {\n    grid-column: span 10 !important;\n  }\n  .is-grid .is-col-11-xxxl {\n    grid-column: span 11 !important;\n  }\n  .is-grid .is-col-12-xxxl {\n    grid-column: span 12 !important;\n  }\n}\n.media-gutter {\n  grid-column-gap: 10px;\n  grid-row-gap: 10px;\n}\n\n.bio-grid {\n  grid-row-gap: var(--ptc-layout-spacing-04);\n}\n@media only screen and (min-width: 768px) {\n  .bio-grid {\n    grid-column-gap: var(--ptc-layout-spacing-04);\n    grid-row-gap: var(--ptc-layout-spacing-04);\n  }\n}\n\n@media (max-width: 480px) {\n  .column-gap-mobile {\n    grid-column-gap: 1rem;\n  }\n}\n\n.hr-1 {\n  background-color: var(--color-gray-01);\n}\n\n.hr-2 {\n  background-color: var(--color-gray-02);\n}\n\n.hr-3 {\n  background-color: var(--color-gray-03);\n}\n\n.hr-4 {\n  background-color: var(--color-gray-04);\n}\n\n.hr-5 {\n  background-color: var(--color-gray-05);\n}\n\n.hr-6 {\n  background-color: var(--color-gray-06);\n}\n\n/*\n* Element and layout spacing\n*/\n:root {\n  --ptc-element-spacing-01: 0.25rem; /* 4px */\n  --ptc-element-spacing-02: 0.5rem; /* 8px */\n  --ptc-element-spacing-03: 0.75rem; /* 12px */\n  --ptc-element-spacing-04: 1rem; /* 16px */\n  --ptc-element-spacing-05: 1.25rem; /* 20px */\n  --ptc-element-spacing-06: 1.5rem; /* 24px */\n  --ptc-element-spacing-07: 2rem; /* 32px */\n  --ptc-element-spacing-08: 2.5rem; /* 40px */\n  --ptc-element-spacing-09: 3rem; /* 48px */\n  --ptc-layout-spacing-01: 0.5rem; /* 8px */\n  --ptc-layout-spacing-02: 1rem; /* 16px */\n  --ptc-layout-spacing-03: 1.5rem; /* 24px */\n  --ptc-layout-spacing-04: 2rem; /* 32px */\n  --ptc-layout-spacing-05: 4rem; /* 64px */\n  --ptc-layout-spacing-06: 5rem; /* 80px */\n  --ptc-layout-spacing-07: 6rem; /* 96px */\n}\n\n/**\n* transaction and ease\n**/\n:root {\n  --ptc-transition-x-fast: 100ms;\n  --ptc-transition-faster: 150ms;\n  --ptc-transition-fast: 200ms;\n  --ptc-transition-medium: 250ms;\n  --ptc-transition-slow: 300ms;\n  --ptc-transition-slower: 500ms;\n  --ptc-transition-x-slow: 600ms;\n  --ptc-transition-xx-slow: 1000ms;\n  --ptc-ease-in: cubic-bezier(0.42, 0, 1, 1);\n  --ptc-ease-out: cubic-bezier(0, 0, 0.58, 1);\n  --ptc-ease-inout: cubic-bezier(0.42, 0, 0.58, 1);\n  --ptc-delay-5: 50ms;\n  --ptc-delay-10: 100ms;\n  --ptc-delay-20: 200ms;\n  --ptc-delay-25: 250ms;\n  --ptc-delay-30: 300ms;\n  --ptc-delay-40: 400ms;\n  --ptc-delay-50: 500ms;\n  --ptc-delay-60: 600ms;\n  --ptc-delay-70: 700ms;\n  --ptc-delay-80: 800ms;\n  --ptc-delay-90: 900ms;\n}\n@keyframes move-up-small {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-01)));\n  }\n}\n@keyframes move-up-medium {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-02)));\n  }\n}\n@keyframes move-up-large {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-03)));\n  }\n}\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes scale-up {\n  0% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes scale-x {\n  0% {\n    transform: scaleX(0);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n:root .ptc-anim-delay-5 {\n  animation-delay: var(--ptc-delay-5);\n}\n:root .ptc-anim-delay-10 {\n  animation-delay: var(--ptc-delay-10);\n}\n:root .ptc-anim-delay-20 {\n  animation-delay: var(--ptc-delay-20);\n}\n:root .ptc-anim-delay-25 {\n  animation-delay: var(--ptc-delay-25);\n}\n:root .ptc-anim-delay-30 {\n  animation-delay: var(--ptc-delay-30);\n}\n:root .ptc-anim-delay-40 {\n  animation-delay: var(--ptc-delay-40);\n}\n:root .ptc-anim-delay-50 {\n  animation-delay: var(--ptc-delay-50);\n}\n:root .ptc-anim-delay-60 {\n  animation-delay: var(--ptc-delay-60);\n}\n:root .ptc-anim-delay-70 {\n  animation-delay: var(--ptc-delay-70);\n}\n:root .ptc-anim-delay-80 {\n  animation-delay: var(--ptc-delay-80);\n}\n:root .ptc-anim-delay-90 {\n  animation-delay: var(--ptc-delay-90);\n}\n:root .ptc-fade-in {\n  animation-name: fade-in;\n  animation-duration: var(--ptc-transition-xx-slow);\n  animation-timing-function: var(--ptc-ease-inout);\n  animation-fill-mode: forwards;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n.u-para-sm {\n  font-size: var(--ptc-font-size-small) !important;\n}\n\n.u-para-md {\n  font-size: var(--ptc-font-size-medium) !important;\n}\n\n.u-para-lg {\n  font-size: var(--ptc-font-size-large) !important;\n}\n\n.u-para-xl {\n  font-size: var(--ptc-font-size-x-large) !important;\n}\n\n.u-para-xxl {\n  font-size: var(--ptc-font-size-xx-large) !important;\n}\n\n.u-para-xxxl {\n  font-size: var(--ptc-font-size-xxx-large) !important;\n}\n\n@media only screen and (min-width: 768px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.05vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.05vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.05vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.05vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.05vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.1vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.1vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.1vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.1vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.1vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.15vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.15vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.15vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.15vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.15vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.2vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.2vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.2vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.2vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.2vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.25vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.25vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.25vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.25vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.25vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important;\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.3vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.3vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.3vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.3vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.3vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important;\n  }\n}\n@media only screen and (min-width: 2600px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.35vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.35vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.35vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.35vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.35vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important;\n  }\n}\n.u-para-body {\n  font-size: var(--ptc-font-size-medium) !important;\n}\n\n.u-color-white {\n  color: var(--color-white) !important;\n}\n\n.u-uppercase {\n  text-transform: uppercase !important;\n}\n\n.u-margin-flush {\n  margin: 0 !important;\n}\n\n.u-marginTop-flush {\n  margin-top: 0 !important;\n}\n\n.u-marginLeft-flush {\n  margin-left: 0 !important;\n}\n\n.u-marginRight-flush {\n  margin-right: 0 !important;\n}\n\n.u-marginBottom-flush {\n  margin-bottom: 0 !important;\n}\n\n.u-padding-flush {\n  padding: 0 !important;\n}\n\n.u-paddingTop-flush {\n  padding-top: 0 !important;\n}\n\n.u-paddingLeft-flush {\n  padding-left: 0 !important;\n}\n\n.u-paddingRight-flush {\n  padding-right: 0 !important;\n}\n\n.u-paddingBottom-flush {\n  padding-bottom: 0 !important;\n}\n\n.u-margin-xs {\n  margin: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginTop-xs {\n  margin-top: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginLeft-xs {\n  margin-left: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginRight-xs {\n  margin-right: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginBottom-xs {\n  margin-bottom: var(--ptc-element-spacing-01) !important;\n}\n\n.u-margin-sm {\n  margin: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginTop-sm {\n  margin-top: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginLeft-sm {\n  margin-left: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginRight-sm {\n  margin-right: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginBottom-sm {\n  margin-bottom: var(--ptc-element-spacing-02) !important;\n}\n\n.u-margin-md {\n  margin: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginTop-md {\n  margin-top: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginLeft-md {\n  margin-left: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginRight-md {\n  margin-right: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginBottom-md {\n  margin-bottom: var(--ptc-element-spacing-03) !important;\n}\n\n.u-margin-lg {\n  margin: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginTop-lg {\n  margin-top: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginLeft-lg {\n  margin-left: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginRight-lg {\n  margin-right: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginBottom-lg {\n  margin-bottom: var(--ptc-element-spacing-04) !important;\n}\n\n.u-margin-xl {\n  margin: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginTop-xl {\n  margin-top: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginLeft-xl {\n  margin-left: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginRight-xl {\n  margin-right: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginBottom-xl {\n  margin-bottom: var(--ptc-element-spacing-05) !important;\n}\n\n.u-margin-xxl {\n  margin: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginTop-xxl {\n  margin-top: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginLeft-xxl {\n  margin-left: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginRight-xxl {\n  margin-right: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginBottom-xxl {\n  margin-bottom: var(--ptc-element-spacing-06) !important;\n}\n\n.u-margin-xxxl {\n  margin: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginTop-xxxl {\n  margin-top: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginLeft-xxxl {\n  margin-left: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginRight-xxxl {\n  margin-right: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginBottom-xxxl {\n  margin-bottom: var(--ptc-element-spacing-07) !important;\n}\n\n.u-margin-4xl {\n  margin: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginTop-4xl {\n  margin-top: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginLeft-4xl {\n  margin-left: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginRight-4xl {\n  margin-right: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginBottom-4xl {\n  margin-bottom: var(--ptc-element-spacing-08) !important;\n}\n\n.u-textAlign-ctr {\n  text-align: center !important;\n}\n\n.u-textAlign-right {\n  text-align: right !important;\n}\n\n.u-textAlign-left {\n  text-align: left !important;\n}\n\n.u-textWhite {\n  color: var(--color-white) !important;\n}\n\n.u-textGreen1 {\n  color: var(--color-green-07) !important;\n}\n\n.u-textGreen2 {\n  color: var(--color-green-06) !important;\n}\n\n.u-text-nowrap {\n  white-space: nowrap;\n}\n\n.u-text-medium {\n  font-weight: var(--ptc-font-weight-medium);\n}\n\n.u-text-semibold {\n  font-weight: var(--ptc-font-weight-semibold);\n}\n\n.u-text-bold {\n  font-weight: var(--ptc-font-weight-bold);\n}\n\n.u-text-thin {\n  font-weight: var(--ptc-font-weight-thin);\n}\n\n.u-textStyle-normal {\n  font-style: normal !important;\n}\n\n.u-no-scroll {\n  overflow: hidden;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.u-background-white {\n  background-color: var(--color-white);\n}\n\n.u-background-reset {\n  background-color: transparent !important;\n}\n\n.u-white-overylay {\n  background: hsla(0, 0%, 94.9%, 0.9);\n}\n\n.u-cursor-pointer {\n  cursor: pointer;\n}\n\n.u-clear {\n  clear: both;\n}\n\n.u-border-radius-standard {\n  border-radius: var(--ptc-border-radius-standard);\n}\n\n.u-border-radius-large {\n  border-radius: var(--ptc-border-radius-large);\n}\n\n.u-border-radius-pill {\n  border-radius: var(--ptc-border-radius-pill);\n}\n\n.u-border-radius-circle {\n  border-radius: var(--ptc-border-radius-circle);\n}\n\n.u-border-none {\n  border: none;\n}\n\n.u-shadow-x-small {\n  box-shadow: var(--ptc-shadow-x-small);\n}\n\n.u-shadow-small {\n  box-shadow: var(--ptc-shadow-small);\n}\n\n.u-shadow-medium {\n  box-shadow: var(--ptc-shadow-medium);\n}\n\n.u-shadow-large {\n  box-shadow: var(--ptc-shadow-large);\n}\n\n.u-shadow-x-large {\n  box-shadow: var(--ptc-shadow-x-large);\n}\n\n@media only screen and (min-width: 768px) {\n  .u-hero-width {\n    width: 525px;\n  }\n  .u-margin-center {\n    margin: 0 auto;\n  }\n  .u-justify-self-end {\n    justify-self: flex-end;\n  }\n}\n.u-hero-pushup {\n  transform: translateY(-120px);\n}\n@media only screen and (min-width: 768px) {\n  .u-hero-pushup {\n    transform: translateY(-144px);\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .grid-order-1-md {\n    order: 1;\n  }\n  .grid-order-2-md {\n    order: 2;\n  }\n  .grid-order-3-md {\n    order: 3;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .grid-order-1-lg {\n    order: 1;\n  }\n  .grid-order-2-lg {\n    order: 2;\n  }\n  .grid-order-3-lg {\n    order: 3;\n  }\n}\n.standard-list {\n  list-style: none;\n  margin-left: 0;\n  margin-bottom: 20px;\n  padding: 0;\n}\n\n.is-spaced-between {\n  justify-content: space-between;\n}\n\n.h-100 {\n  height: 100%;\n}\n\n.w-100 {\n  width: 100%;\n}\n\n.grid-large-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-large-col-gap-md {\n    -moz-column-gap: 3rem;\n         column-gap: 3rem;\n  }\n}\n\n.grid-large-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-large-col-gap-sm {\n    -moz-column-gap: 3rem;\n         column-gap: 3rem;\n  }\n}\n\n.grid-x-large-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-x-large-col-gap-md {\n    -moz-column-gap: 4rem;\n         column-gap: 4rem;\n  }\n}\n\n.grid-x-large-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-x-large-col-gap-sm {\n    -moz-column-gap: 4rem;\n         column-gap: 4rem;\n  }\n}\n\n.grid-medium-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-medium-col-gap-md {\n    -moz-column-gap: 2rem;\n         column-gap: 2rem;\n  }\n}\n\n.grid-medium-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-medium-col-gap-sm {\n    -moz-column-gap: 2rem;\n         column-gap: 2rem;\n  }\n}\n\n/* Floating Content */\n.is-float-left {\n  float: left;\n}\n\n.is-float-right {\n  float: right;\n}\n\n/* Hiding Content by Breakpoint */\n.is-mobile {\n  display: block;\n}\n\n.is-desktop {\n  display: none;\n}\n\n@media only screen and (min-width: 992px) {\n  .is-mobile {\n    display: none;\n  }\n  .is-desktop {\n    display: block;\n  }\n}\n.ptc-section {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.ptc-section-standard {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.ptc-section-half {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n.ptc-section-large {\n  padding-top: 2.25rem;\n  padding-bottom: 2.25rem;\n}\n@media only screen and (min-width: 992px) {\n  .ptc-section-large {\n    padding-top: 3.5rem;\n    padding-bottom: 3.5rem;\n  }\n}\n\n.ptc-section-hp {\n  padding-bottom: calc(2.25rem - 32px);\n}\n@media only screen and (min-width: 992px) {\n  .ptc-section-hp {\n    padding-bottom: calc(3.5rem - 32px);\n  }\n}\n\n.u-flex {\n  display: flex;\n}\n\n@media only screen and (min-width: 480px) {\n  .u-flex-xs {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .u-flex-sm {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-flex-md {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .u-flex-lg {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .u-flex-xl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .u-flex-xxl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .u-flex-2k {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 2600px) {\n  .u-flex-4k {\n    display: flex;\n  }\n}\n.u-align-center {\n  margin: auto;\n  align-self: center;\n}\n\n.u-align-left {\n  margin-right: auto;\n  align-self: center;\n}\n\n.u-align-right {\n  margin-left: auto;\n  align-self: center;\n}\n\n.u-align-x-center {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.u-align-x-left {\n  margin-right: auto;\n}\n\n.u-align-x-right {\n  margin-left: auto;\n}\n\n.u-align-y-center {\n  align-self: center;\n}\n\n.u-align-y-top {\n  align-self: flex-start;\n}\n\n.u-align-y-bottom {\n  align-self: flex-end;\n}\n\n.is-flex-column {\n  flex-direction: column;\n}\n\n.flex-align-items {\n  align-items: flex-end;\n}\n\n.flex-align-items-center {\n  align-items: center;\n}\n\n.u-flex-nowrap {\n  flex-wrap: nowrap;\n}\n\n.u-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.u-align-self-start {\n  align-self: start;\n}\n\n.u-align-self-center {\n  align-self: center;\n}\n\n.u-align-self-stretch {\n  align-self: stretch;\n}\n\n.u-justify-self-start {\n  justify-self: start;\n}\n\n.u-justify-self-center {\n  justify-self: center;\n}\n\n.u-justify-self-stretch {\n  justify-self: stretch;\n}\n\n.u-flex-justify-center {\n  justify-content: center;\n}\n\n.u-flex-justify-flexend {\n  justify-content: flex-end;\n}\n\n.u-section-heading-wrapper {\n  max-width: 768px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  height: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.embed-responsive-16by9 {\n  padding-bottom: 56.25%;\n}\n\n.embed-responsive .embed-responsive-item,\n.embed-responsive embed,\n.embed-responsive iframe,\n.embed-responsive object,\n.embed-responsive video {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .is-grid.grid-large-col-gap-xs-0 {\n    row-gap: 0;\n  }\n}\n.max-content {\n  max-width: 90%;\n}\n@media only screen and (min-width: 480px) {\n  .max-content {\n    max-width: 80%;\n  }\n}\n.max-content {\n  margin: auto;\n}\n\n.u-justify-space-between {\n  justify-content: space-between;\n}\n\n.all-product-banner {\n  padding: 50px 0 44px 0px;\n}\n@media only screen and (min-width: 992px) {\n  .all-product-banner {\n    padding: 50px 0 72px 0px;\n    display: flex;\n    min-height: 300px;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.all-product-gradient {\n  background: linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3);\n}\n\n.menu-right ptc-nav-submenu {\n  position: relative;\n}\n\n.media-thumb-feature {\n  display: block;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n.media-thumb-feature .media-thumb {\n  width: 100%;\n  margin-bottom: 2rem;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature .media-thumb {\n    width: 340px;\n    flex: 0 0 340px;\n  }\n}\n.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type),\n.media-thumb-feature .media-thumb > img:not(:last-of-type) {\n  margin-bottom: 1.5rem;\n}\n.media-thumb-feature .media-feature {\n  width: 100%;\n  margin-bottom: 2rem;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature .media-feature {\n    width: auto;\n    flex: 1 1 auto;\n  }\n}\n\n.partner-card-desc h5.description {\n  font-family: var(--ptc-font-latin);\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-x-small);\n  font-weight: var(--ptc-font-weight-medium);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-medium);\n  margin: 0 0 10px 0;\n}\n.partner-card-desc .tags {\n  margin-bottom: 0.75rem;\n}\n.partner-card-desc .tags .tag:not(:first-child) {\n  border-left: 2px solid var(--color-green-07);\n  padding: 0 8px;\n}\n.partner-card-desc .tags .tag:first-child {\n  padding: 0 8px 0 0;\n}\n.partner-card-desc .tags .tag {\n  color: var(--color-gray-10);\n  display: inline;\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-bold);\n  letter-spacing: var(--ptc-letter-spacing-loose);\n  margin: 0 0 10px 0;\n  padding: 0 8px;\n}\n\n.u-3-col-grid {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  grid-row-gap: 1rem;\n  grid-column-gap: 1rem;\n}\n.u-3-col-grid .u-3-col {\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .u-3-col-grid .u-3-col {\n    width: calc(50% - 10.66666666px);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-3-col-grid .u-3-col {\n    width: calc(33.3333333333% - 10.66666666px);\n  }\n}\n.u-3-col-grid.u-col-space-lg {\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n}\n.u-3-col-grid.u-col-space-lg .u-3-col {\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .u-3-col-grid.u-col-space-lg .u-3-col {\n    width: calc(50% - 21.3333333px);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-3-col-grid.u-col-space-lg .u-3-col {\n    width: calc(33.3333333333% - 21.3333333px);\n  }\n}\n\n.u-display-none {\n  display: none;\n}\n\nptc-preloader-section.min-height {\n  min-height: 150vh;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ms-mobile-select {\n    display: none;\n  }\n}\n.ms-mobile-select.ms-show {\n  position: fixed;\n}\n\n.light-font {\n  color: var(--color-white);\n}\n.light-font * {\n  color: var(--color-white);\n}\n\nptc-nav-submenu {\n  margin-top: 6px;\n  border-left: 2px solid transparent;\n  border-right: 2px solid transparent;\n  border-bottom: 2px solid transparent;\n}\nptc-nav-submenu:focus-visible, ptc-nav-submenu:focus {\n  margin-top: 4px;\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\nptc-nav-link {\n  margin-top: 6px;\n  border-left: 2px solid transparent;\n  border-right: 2px solid transparent;\n  border-bottom: 2px solid transparent;\n}\n\n.tooltip-box {\n  visibility: visible;\n  padding: 8px;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-weight: var(--ptc-font-weight-semibold);\n  background-color: var(--color-gray-09);\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n  border: none;\n  border-radius: var(--ptc-border-radius-standard);\n  width: auto;\n  height: auto;\n  text-align: left;\n  text-shadow: none;\n  white-space: normal;\n  position: absolute;\n  z-index: 999;\n  line-height: 1.5;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box {\n    width: 273px;\n  }\n}\n.tooltip-box.hide-tooltip-mobile {\n  display: none !important;\n}\n@media only screen and (min-width: 768px) {\n  .tooltip-box.hide-tooltip-mobile {\n    display: block !important;\n  }\n}\n.tooltip-box.full-width {\n  width: 100%;\n}\n.tooltip-box::after {\n  content: \"\";\n  position: absolute;\n}\n.tooltip-box.bottom {\n  bottom: -12px;\n  transform: translateY(100%);\n}\n.tooltip-box.bottom::after {\n  top: 1px;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.left {\n  bottom: -12px;\n  transform: translate(-80%, 100%);\n}\n.tooltip-box.left::after {\n  top: 1px;\n  right: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.right {\n  bottom: -12px;\n  transform: translateY(100%);\n  right: 0px;\n}\n@-moz-document url-prefix() {\n  .tooltip-box.right {\n    right: unset !important;\n    bottom: unset !important;\n    transform: translate(60%, 8px) !important;\n  }\n  @media screen and (min-width: 992px) {\n    .tooltip-box.right {\n      transform: translate(100%, 8px) !important;\n    }\n  }\n}\n.tooltip-box.right::after {\n  top: 1px;\n  left: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.top {\n  top: -8px;\n  transform: translateY(-100%);\n}\n.tooltip-box.top::after {\n  left: 50%;\n  bottom: 1px;\n  transform: translate(-50%, 100%);\n  border: 8px solid transparent;\n  border-top: 8px solid var(--color-gray-09);\n}\n.tooltip-box.bottom-right {\n  bottom: -12px;\n  transform: translate(100%, 100%);\n}\n.tooltip-box.bottom-right::after {\n  top: 1px;\n  left: 10%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.danger {\n  color: var(--color-red-07);\n  font-family: var(--ptc-font-latin);\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  border: 2px solid var(--color-red-07);\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-white);\n  padding: var(--ptc-element-spacing-06);\n}\n.tooltip-box.danger a {\n  color: var(--color-hyperlink);\n}\n\n@media (max-width: 768px) {\n  .hide-tooltip-on-mobile h1,\n  .hide-tooltip-on-mobile h2,\n  .hide-tooltip-on-mobile h3,\n  .hide-tooltip-on-mobile h4,\n  .hide-tooltip-on-mobile h5,\n  .hide-tooltip-on-mobile h6 {\n    -webkit-line-clamp: initial !important;\n  }\n}\n\ndynamic-box-bundle p {\n  margin: 0px !important;\n}\n\n.col-media-slot-text p {\n  font-size: var(--ptc-font-size-x-small);\n}\n\n.fef-two-column-two-media .has-col-gap-lg {\n  grid-column-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 992px) {\n  .fef-two-column-two-media .has-col-gap-lg {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n.fef-two-column-two-media .is-col-6-md {\n  padding-bottom: 3rem;\n}\n.fef-two-column-two-media .is-col-6-md:last-child {\n  padding-bottom: 0rem;\n}\n@media only screen and (min-width: 768px) {\n  .fef-two-column-two-media .is-col-6-md {\n    padding-bottom: 0rem;\n  }\n}\n\n.product-tab ptc-title h3 {\n  font-size: 20px !important;\n  font-weight: 900;\n}\n@media only screen and (min-width: 1200px) {\n  .product-tab ptc-title h3 {\n    font-size: 15px !important;\n    font-weight: 800;\n  }\n}\n.product-tab .is-grid {\n  grid-column-gap: 20px;\n  grid-row-gap: 12px;\n}\n\nptc-bio-card .bio-modal-open-content {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-denser);\n}\nptc-bio-card .bio-modal-open-content h3 {\n  letter-spacing: 0.08rem;\n  margin-bottom: 2px;\n  font-size: var(--ptc-font-size-small);\n}\nptc-bio-card .bio-modal-open-content ul {\n  margin-top: 0;\n}\nptc-bio-card .bio-modal-open-content ul li {\n  line-height: var(--ptc-line-height-p);\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey {\n  background-color: var(--color-gray-10);\n  display: inline-block;\n  border-style: solid;\n  border-width: 1px;\n  white-space: normal;\n  position: relative;\n  text-decoration: none;\n  -moz-osx-font-smoothing: grayscale;\n  /*(For Firefox)*/\n  -webkit-font-smoothing: antialiased;\n  /*(For Chrome and Safari)*/\n  cursor: pointer;\n  padding: 14px 20px;\n  border: 2px solid var(--color-gray-08);\n  border-radius: var(--ptc-border-radius-standard);\n  color: var(--color-white);\n  font-weight: 700;\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey:hover {\n  background-color: var(--color-gray-09);\n  border-color: var(--color-gray-08);\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey svg {\n  display: none;\n}\nptc-bio-card .bio-modal-open-content hr {\n  margin-top: 20px;\n  margin-bottom: 20px;\n  border: 0;\n  border-top: 1px solid #eee;\n}\n\nptc-nav-submenu .dropdown-content {\n  display: none;\n}\nptc-nav-submenu .dropdown-content.open {\n  display: block;\n  border-top: 1px solid var(--color-gray-08);\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu .dropdown-content.open {\n    border-top: none;\n  }\n}\nptc-nav-submenu .dropdown-content.open ptc-nav-link {\n  padding-left: 24px;\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu .dropdown-content.open ptc-nav-link {\n    padding-left: 0;\n  }\n}\nptc-nav-submenu.short-dropdown .dropdown-content.open {\n  padding: var(--ptc-layout-spacing-04);\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu.short-dropdown .dropdown-content.open {\n    padding: var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04);\n  }\n}\n\n/* // All product page specific Css,  */\n.all-product-banner {\n  padding: 50px 0 44px 0px;\n}\n@media only screen and (min-width: 992px) {\n  .all-product-banner {\n    padding: 50px 0 72px 0px;\n    display: flex;\n    min-height: 300px;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.all-product-gradient {\n  background: linear-gradient(180deg, var(--color-gray-01) 2.6%, rgba(225, 241, 226, 0.2) 40.63%, var(--color-gray-01) 82.29%), linear-gradient(0deg, var(--color-gray-01), var(--color-gray-01));\n}\n\n.flex-grid {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n}\n.flex-grid ptc-product-highlight-card {\n  margin: 0;\n  width: 100%;\n  height: auto;\n}\n@media only screen and (min-width: 992px) {\n  .flex-grid ptc-product-highlight-card {\n    width: calc(33.3333333333% - 8px);\n  }\n}\n\n.flex-grid-creo {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n  padding: 32px 0 44px 0;\n}\n.flex-grid-creo ptc-card {\n  margin: 0;\n  width: 100%;\n  height: auto;\n}\n@media only screen and (min-width: 768px) {\n  .flex-grid-creo ptc-card {\n    width: calc(33.3333333333% - 22px);\n  }\n}\n\n.min-height-300 {\n  min-height: 300px;\n}\n\n.social-share-slot ptc-social-share {\n  margin-left: var(--ptc-element-spacing-03);\n}\n\n.ic-header-margin {\n  margin-bottom: 48px;\n}\n@media only screen and (min-width: 768px) {\n  .ic-header-margin {\n    margin-bottom: 40px;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ic-header-margin {\n    margin-bottom: 36px;\n  }\n}\n\n.blog-section {\n  color: var(--color-gray-10);\n}\n.blog-section h2 {\n  margin-block-start: 0px;\n  margin-block-end: 0px;\n  margin: 20px 0px;\n}\n.blog-section ul li,\n.blog-section ol li {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: var(--ptc-element-spacing-03);\n  color: var(--color-gray-10);\n}\n.blog-section ptc-tag {\n  color: var(--color-gray-10);\n}\n\n.top-section ptc-tag {\n  color: var(--color-gray-10);\n}\n\nptc-icon-component .icon-component ptc-title {\n  max-width: 85%;\n  margin: auto;\n  display: block;\n}\nptc-icon-component .icon-component:nth-child(odd) max-width-container {\n  margin-left: auto;\n  margin-right: 0;\n}\nptc-icon-component .icon-component:nth-child(even) max-width-container {\n  margin-right: auto;\n  margin-left: 0;\n}\nptc-icon-component .icon-component:last-child:not(ptc-icon-component .icon-component:nth-child(even)) max-width-container {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.podcast-cta-section {\n  margin-bottom: 0;\n}\n.podcast-cta-section .btn {\n  padding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\n  transition: background-color var(--ptc-ease-inout) var(--ptc-transition-medium);\n  background: var(--color-gray-12);\n  border: 2px solid var(--color-gray-08);\n  border-radius: var(--ptc-border-radius-standard);\n  display: inline-block;\n  margin: 0 20px 20px 0;\n  color: var(--color-white) !important;\n  text-decoration: none;\n}\n.podcast-cta-section .btn:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n}\n.podcast-cta-section .btn:hover, .podcast-cta-section .btn:visited:hover {\n  background-color: var(--color-gray-10);\n  color: var(--color-white);\n}\n.podcast-cta-section .btn:active {\n  transition: none;\n  background-color: var(--color-black);\n}\n\nptc-background-video .aspect-ratio-container {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%;\n  /* 9 / 16 * 100% */\n  max-height: 500px;\n}\nptc-background-video .content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.max-width-768-tab {\n  max-width: 768px;\n  margin: auto;\n}\n@media only screen and (min-width: 992px) {\n  .max-width-768-tab {\n    max-width: none;\n  }\n}\n\n.creo-banner .c-banner-wrap {\n  width: 100%;\n  height: auto !important;\n  padding-top: 66.66%;\n  position: relative;\n}\n@media only screen and (min-width: 768px) {\n  .creo-banner ptc-picture {\n    margin-left: auto;\n  }\n}\n\n.creo-card-wrap .smart-img {\n  max-height: 340px;\n}\n\nptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h2.sc-ptc-title::before,\nptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h3.sc-ptc-title::before {\n  content: none;\n}\nptc-theater-video-modal .video-modal-description p,\nptc-theater-video-modal .video-modal-description ul li,\nptc-theater-video-modal .video-modal-description ol li {\n  color: var(--color-white);\n}\nptc-theater-video-modal {\n  /*Adding anchor style on dark background for filter-level-theater comp*/\n}\nptc-theater-video-modal a {\n  font-family: \"Raleway\", sans-serif;\n  font-style: normal;\n  text-decoration-line: underline;\n  color: #89bbdf;\n  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);\n  font-weight: 700;\n}\nptc-theater-video-modal a:visited {\n  color: #4795cd;\n}\nptc-theater-video-modal a:active, ptc-theater-video-modal a:visited:active {\n  transition: none;\n  color: #197bc0;\n}\nptc-theater-video-modal a:hover, ptc-theater-video-modal a:visited:hover {\n  color: #6caad7;\n}\nptc-theater-video-modal a.disabled {\n  color: #aeb8bd !important;\n  cursor: not-allowed;\n}\n\nfilter-level-theater {\n  /*Adding anchor style on dark background for filter-level-theater comp*/\n}\nfilter-level-theater a {\n  font-family: \"Raleway\", sans-serif;\n  font-style: normal;\n  text-decoration-line: underline;\n  color: #89bbdf;\n  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);\n  font-weight: 700;\n}\nfilter-level-theater a:visited {\n  color: #4795cd;\n}\nfilter-level-theater a:active, filter-level-theater a:visited:active {\n  transition: none;\n  color: #197bc0;\n}\nfilter-level-theater a:hover, filter-level-theater a:visited:hover {\n  color: #6caad7;\n}\nfilter-level-theater a.disabled {\n  color: #aeb8bd !important;\n  cursor: not-allowed;\n}\n\n.rich-text-content ul li,\n.rich-text-content ol li {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: var(--ptc-element-spacing-03);\n  color: var(--color-gray-10);\n}\n\nptc-value-led-content .vl-rich-content {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n}\nptc-value-led-content .vl-rich-content img {\n  max-width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  margin-top: 48px;\n}\nptc-value-led-content .vl-rich-content h3 {\n  margin: 0 0 12px 0;\n  color: var(--color-gray-10);\n}\nptc-value-led-content .vl-rich-content p:last-child {\n  margin-bottom: 0;\n}\nptc-value-led-content ptc-picture {\n  margin-top: 48px;\n}\n\n.showcase-section-col-gap {\n  grid-column-gap: var(--ptc-element-spacing-06);\n}\n@media only screen and (min-width: 1200px) {\n  .showcase-section-col-gap {\n    grid-column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .showcase-section-col-gap {\n    grid-column-gap: var(--ptc-element-spacing-08);\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .desktop-8px-height {\n    height: 8px;\n  }\n}\n\n.cs-top-results .cs-count,\n.events-top-results .events-count {\n  font-size: var(--ptc-font-size-x-small);\n  font-weight: var(--ptc-font-weight-medium);\n  line-height: var(--ptc-line-height-densest);\n  letter-spacing: 0.53px;\n  text-align: right;\n  color: var(--color-gray-09);\n}\n\n.tooltip-box {\n  visibility: visible;\n  padding: 8px;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-weight: var(--ptc-font-weight-semibold);\n  background-color: var(--color-gray-09);\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n  border: none;\n  border-radius: var(--ptc-border-radius-standard);\n  width: auto;\n  height: auto;\n  text-align: left;\n  text-shadow: none;\n  white-space: normal;\n  position: absolute;\n  z-index: 999;\n  line-height: 1.5;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box {\n    width: 273px;\n  }\n}\n.tooltip-box.hide-tooltip-mobile {\n  display: none !important;\n}\n@media only screen and (min-width: 768px) {\n  .tooltip-box.hide-tooltip-mobile {\n    display: block !important;\n  }\n}\n.tooltip-box.full-width .tooltip {\n  width: 100%;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box.full-width .tooltip {\n    width: 100%;\n  }\n}\n.tooltip-box::after {\n  content: \"\";\n  position: absolute;\n}\n.tooltip-box.bottom {\n  bottom: -12px;\n  transform: translateY(100%);\n}\n.tooltip-box.bottom::after {\n  top: 1px;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.left {\n  bottom: -12px;\n  transform: translate(-80%, 100%);\n}\n.tooltip-box.left::after {\n  top: 1px;\n  right: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.right {\n  bottom: -12px;\n  transform: translateY(100%);\n  right: 0px;\n}\n@-moz-document url-prefix() {\n  .tooltip-box.right {\n    right: unset !important;\n    bottom: unset !important;\n    transform: translate(60%, 8px) !important;\n  }\n  @media screen and (min-width: 992px) {\n    .tooltip-box.right {\n      transform: translate(100%, 8px) !important;\n    }\n  }\n}\n.tooltip-box.right::after {\n  top: 1px;\n  left: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.top {\n  top: -8px;\n  transform: translateY(-100%);\n}\n.tooltip-box.top::after {\n  left: 50%;\n  bottom: 1px;\n  transform: translate(-50%, 100%);\n  border: 8px solid transparent;\n  border-top: 8px solid var(--color-gray-09);\n}\n.tooltip-box.bottom-right {\n  bottom: -12px;\n  transform: translate(100%, 100%);\n}\n.tooltip-box.bottom-right::after {\n  top: 1px;\n  left: 10%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.danger {\n  color: var(--color-red-07);\n  font-family: var(--ptc-font-latin);\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  border: 2px solid var(--color-red-07);\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-white);\n  padding: var(--ptc-element-spacing-06);\n}\n.tooltip-box.danger a {\n  color: var(--color-hyperlink);\n}\n\n@media (max-width: 768px) {\n  .hide-tooltip-on-mobile h1,\n  .hide-tooltip-on-mobile h2,\n  .hide-tooltip-on-mobile h3,\n  .hide-tooltip-on-mobile h4,\n  .hide-tooltip-on-mobile h5,\n  .hide-tooltip-on-mobile h6 {\n    -webkit-line-clamp: initial !important;\n  }\n}\n\n.news-title > div {\n  margin-bottom: 12px !important;\n}\n.news-title h1 {\n  margin: 0;\n}\n\n.news-secondary-title {\n  margin: 0 0 20px 0;\n  font-size: var(--ptc-font-size-medium);\n  color: var(--color-gray-10);\n}\n@media only screen and (min-width: 768px) {\n  .news-secondary-title {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\n.news-summary {\n  font-size: var(--ptc-font-size-medium);\n  color: var(--color-gray-10);\n  font-weight: var(--ptc-font-weight-medium);\n  line-height: var(--ptc-line-height-normal);\n  margin: 0 0 20px 0;\n}\n\nptc-icon-component .ptc-link {\n  line-height: var(--ptc-line-height-densest) !important;\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-extrabold) !important;\n}\n\n.min-foot-list-item {\n  display: inline-block;\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-regular);\n  font-style: normal;\n  font-stretch: normal;\n  line-height: var(--ptc-line-height-denser);\n  letter-spacing: normal;\n  color: var(--color-white);\n  margin: 0 0.5rem;\n}\n.min-foot-list-item a {\n  color: var(--color-white-grey);\n  font-weight: var(--ptc-font-weight-regular);\n  border-bottom: 1px solid transparent;\n  display: inline-block;\n  text-decoration: none;\n  padding: 1px 0;\n}\n.min-foot-list-item a:hover, .min-foot-list-item a:focus {\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-green-06);\n  color: var(--color-white-grey);\n  transition: border var(--ptc-ease-inout) var(--ptc-transition-medium);\n}\n.min-foot-list-item a:active {\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-green-06);\n  color: var(--color-white-grey);\n}\n.min-foot-list-item a:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n  border-radius: var(--ptc-border-radius-standard);\n  text-decoration: none;\n  border-color: transparent !important;\n}\n.min-foot-list-item a:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none !important;\n  border-color: white !important;\n}\n\n.row-header-h4 {\n  text-align: left;\n  line-height: var(--ptc-line-height-p);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-small) !important;\n  color: var(--color-gray-10);\n  -webkit-font-smoothing: antialiased;\n}\n\nptc-title h1 a,\nptc-title h2 a {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\nptc-title .w-8 h1 a,\nptc-title .w-8 h2 a,\nptc-title .w-8 h3 a,\nptc-title .w-8 h4 a,\nptc-title .w-8 h5 a,\nptc-title .w-8 h6 a {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\nptc-title .w-9 h1 a,\nptc-title .w-9 h2 a,\nptc-title .w-9 h3 a,\nptc-title .w-9 h4 a,\nptc-title .w-9 h5 a,\nptc-title .w-9 h6 a {\n  font-weight: var(--ptc-font-weight-black);\n}\n\n.email-sign-up-wrapper {\n  background: linear-gradient(91deg, var(--color-green-07) 0%, var(--color-green-08) 100%);\n  padding: 40px 0;\n}\n.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {\n  flex-direction: column;\n}\n.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {\n  width: 100%;\n  padding-right: 48px;\n}\n@media only screen and (min-width: 992px) {\n  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {\n    padding-right: 0;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {\n    flex-direction: row;\n  }\n}\n.email-sign-up-wrapper .signup-form {\n  min-width: auto;\n}\n@media only screen and (min-width: 480px) {\n  .email-sign-up-wrapper .signup-form {\n    min-width: 373px;\n  }\n}\n.email-sign-up-wrapper .signup-form {\n  max-width: 100%;\n}\n\nptc-card-wrapper.card-video-intro.background-grey-10 ul li,\nptc-card-wrapper.card-video-intro.background-grey-10 ol li {\n  color: var(--color-white);\n}\n\n.three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n  -moz-column-gap: 24px;\n       column-gap: 24px;\n}\n@media only screen and (min-width: 1200px) {\n  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n    -moz-column-gap: 32px;\n         column-gap: 32px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n    -moz-column-gap: 40px;\n         column-gap: 40px;\n  }\n}\n\n.html-quote-section-wrapper ptc-readmore-v3 .description {\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: 0px;\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-small);\n  color: var(--color-gray-10);\n}\n@media only screen and (min-width: 992px) {\n  .html-quote-section-wrapper ptc-readmore-v3 .description {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\n.bulleted-list-section-v1 .bul-col-gap {\n  -moz-column-gap: var(--ptc-element-spacing-06);\n       column-gap: var(--ptc-element-spacing-06);\n  row-gap: 0;\n}\n@media only screen and (min-width: 1200px) {\n  .bulleted-list-section-v1 .bul-col-gap {\n    -moz-column-gap: var(--ptc-element-spacing-07);\n         column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .bulleted-list-section-v1 .bul-col-gap {\n    -moz-column-gap: var(--ptc-element-spacing-08);\n         column-gap: var(--ptc-element-spacing-08);\n  }\n}\n.bulleted-list-section-v1 ptc-icon-list {\n  padding-bottom: 40px;\n  width: 100%;\n}\n.bulleted-list-section-v1 ptc-icon-list p {\n  margin-bottom: 0;\n}\n.bulleted-list-section-v1 ptc-icon-list icon-asset {\n  transform: rotate(30deg);\n  margin-top: 8px;\n}\n.bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {\n  padding-bottom: 40px;\n}\n@media only screen and (min-width: 768px) {\n  .bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {\n    padding-bottom: 0px;\n  }\n}\n.bulleted-list-section-v1 .bul-col:last-child ptc-icon-list:last-child {\n  padding-bottom: 0;\n}\n\n.large-bulleted-list-v2 .grid-container {\n  display: grid;\n  grid-template-columns: 1fr; /* Default: 1 column (mobile) */\n  row-gap: var(--ptc-element-spacing-08);\n  -moz-column-gap: var(--ptc-element-spacing-06);\n       column-gap: var(--ptc-element-spacing-06);\n}\n@media only screen and (min-width: 768px) {\n  .large-bulleted-list-v2 .grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .large-bulleted-list-v2 .grid-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .large-bulleted-list-v2 .grid-container {\n    -moz-column-gap: var(--ptc-element-spacing-07);\n         column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .large-bulleted-list-v2 .grid-container {\n    -moz-column-gap: var(--ptc-element-spacing-08);\n         column-gap: var(--ptc-element-spacing-08);\n  }\n}\n.large-bulleted-list-v2 .grid-container .grid-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.large-bulleted-list-v2 .grid-container .grid-item ptc-icon-list {\n  padding-bottom: 0;\n  width: 100%;\n}\n.large-bulleted-list-v2 .grid-container .grid-item p {\n  margin-bottom: 0;\n}\n\n.text-copy-footer-cta {\n  padding-top: 48px;\n}\n\n.u-bg-black {\n  background-color: var(--color-black);\n}\n\n.u-bg-white {\n  background-color: var(--color-white);\n}\n\n.u-bg-white-grey {\n  background-color: var(--color-white-grey);\n}\n\n.u-bg-white-01 {\n  background-color: var(--color-white-01);\n}\n\n.u-bg-standard-gray {\n  background-color: var(--color-standard-gray);\n}\n\n.u-bg-green-01 {\n  background-color: var(--color-green-01);\n}\n\n.u-bg-green-02 {\n  background-color: var(--color-green-02);\n}\n\n.u-bg-green-03 {\n  background-color: var(--color-green-03);\n}\n\n.u-bg-green-04 {\n  background-color: var(--color-green-04);\n}\n\n.u-bg-green-05 {\n  background-color: var(--color-green-05);\n}\n\n.u-bg-green-06 {\n  background-color: var(--color-green-06);\n}\n\n.u-bg-green-07 {\n  background-color: var(--color-green-07);\n}\n\n.u-bg-green-08 {\n  background-color: var(--color-green-08);\n}\n\n.u-bg-green-09 {\n  background-color: var(--color-green-09);\n}\n\n.u-bg-green-10 {\n  background-color: var(--color-green-10);\n}\n\n.u-bg-green-11 {\n  background-color: var(--color-green-11);\n}\n\n.u-bg-green-12 {\n  background-color: var(--color-green-12);\n}\n\n.u-bg-green-13 {\n  background-color: var(--color-green-13);\n}\n\n.u-bg-green-14 {\n  background-color: var(--color-green-14);\n}\n\n.u-bg-blue-01 {\n  background-color: var(--color-blue-01);\n}\n\n.u-bg-blue-02 {\n  background-color: var(--color-blue-02);\n}\n\n.u-bg-blue-03 {\n  background-color: var(--color-blue-03);\n}\n\n.u-bg-blue-04 {\n  background-color: var(--color-blue-04);\n}\n\n.u-bg-blue-05 {\n  background-color: var(--color-blue-05);\n}\n\n.u-bg-blue-06 {\n  background-color: var(--color-blue-06);\n}\n\n.u-bg-blue-07 {\n  background-color: var(--color-blue-07);\n}\n\n.u-bg-blue-08 {\n  background-color: var(--color-blue-08);\n}\n\n.u-bg-blue-09 {\n  background-color: var(--color-blue-09);\n}\n\n.u-bg-blue-10 {\n  background-color: var(--color-blue-10);\n}\n\n.u-bg-blue-11 {\n  background-color: var(--color-blue-11);\n}\n\n.u-bg-blue-12 {\n  background-color: var(--color-blue-12);\n}\n\n.u-bg-orange-01 {\n  background-color: var(--color-orange-01);\n}\n\n.u-bg-orange-02 {\n  background-color: var(--color-orange-02);\n}\n\n.u-bg-orange-03 {\n  background-color: var(--color-orange-03);\n}\n\n.u-bg-orange-04 {\n  background-color: var(--color-orange-04);\n}\n\n.u-bg-orange-05 {\n  background-color: var(--color-orange-05);\n}\n\n.u-bg-orange-06 {\n  background-color: var(--color-orange-06);\n}\n\n.u-bg-orange-07 {\n  background-color: var(--color-orange-07);\n}\n\n.u-bg-orange-08 {\n  background-color: var(--color-orange-08);\n}\n\n.u-bg-orange-09 {\n  background-color: var(--color-orange-09);\n}\n\n.u-bg-orange-10 {\n  background-color: var(--color-orange-10);\n}\n\n.u-bg-orange-11 {\n  background-color: var(--color-orange-11);\n}\n\n.u-bg-orange-12 {\n  background-color: var(--color-orange-12);\n}\n\n.u-bg-red-01 {\n  background-color: var(--color-red-01);\n}\n\n.u-bg-red-02 {\n  background-color: var(--color-red-02);\n}\n\n.u-bg-red-03 {\n  background-color: var(--color-red-03);\n}\n\n.u-bg-red-04 {\n  background-color: var(--color-red-04);\n}\n\n.u-bg-red-05 {\n  background-color: var(--color-red-05);\n}\n\n.u-bg-red-06 {\n  background-color: var(--color-red-06);\n}\n\n.u-bg-red-07 {\n  background-color: var(--color-red-07);\n}\n\n.u-bg-red-08 {\n  background-color: var(--color-red-08);\n}\n\n.u-bg-red-09 {\n  background-color: var(--color-red-09);\n}\n\n.u-bg-red-10 {\n  background-color: var(--color-red-10);\n}\n\n.u-bg-red-11 {\n  background-color: var(--color-red-11);\n}\n\n.u-bg-red-12 {\n  background-color: var(--color-red-12);\n}\n\n.u-bg-gray-01 {\n  background-color: var(--color-gray-01);\n}\n\n.u-bg-gray-02 {\n  background-color: var(--color-gray-02);\n}\n\n.u-bg-gray-03 {\n  background-color: var(--color-gray-03);\n}\n\n.u-bg-gray-04 {\n  background-color: var(--color-gray-04);\n}\n\n.u-bg-gray-05 {\n  background-color: var(--color-gray-05);\n}\n\n.u-bg-gray-06 {\n  background-color: var(--color-gray-06);\n}\n\n.u-bg-gray-07 {\n  background-color: var(--color-gray-07);\n}\n\n.u-bg-gray-08 {\n  background-color: var(--color-gray-08);\n}\n\n.u-bg-gray-09 {\n  background-color: var(--color-gray-09);\n}\n\n.u-bg-gray-10 {\n  background-color: var(--color-gray-10);\n}\n\n.u-bg-gray-11 {\n  background-color: var(--color-gray-11);\n}\n\n.u-bg-gray-12 {\n  background-color: var(--color-gray-12);\n}\n\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n@layer properties;\n.collapse {\n  visibility: collapse;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.relative {\n  position: relative;\n}\n\n.static {\n  position: static;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.z-1 {\n  z-index: 1;\n}\n\n.z-2 {\n  z-index: 2;\n}\n\n.z-3 {\n  z-index: 3;\n}\n\n.z-99 {\n  z-index: 99;\n}\n\n.z-999 {\n  z-index: 999;\n}\n\n.z-auto {\n  z-index: auto;\n}\n\n.container {\n  width: 100%;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.hidden {\n  display: none;\n}\n\n.inline {\n  display: inline;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.list-item {\n  display: list-item;\n}\n\n.table {\n  display: table;\n}\n\n.table-cell {\n  display: table-cell;\n}\n\n.table-row {\n  display: table-row;\n}\n\n.flex-shrink {\n  flex-shrink: 1;\n}\n\n.transform {\n  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.border {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n}\n\n.border-none {\n  --tw-border-style: none;\n  border-style: none;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n.lowercase {\n  text-transform: lowercase;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.ring {\n  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\n.outline {\n  outline-style: var(--tw-outline-style);\n  outline-width: 1px;\n}\n\n.grayscale {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n.filter {\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n.backdrop-filter {\n  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n}\n\n.transition {\n  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n  transition-timing-function: var(--tw-ease, ease);\n  transition-duration: var(--tw-duration, 0s);\n}\n\n.select-all {\n  -webkit-user-select: all;\n  -moz-user-select: all;\n       user-select: all;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n    }\n  }\n}\n.markdown-section .table-wrapper h1,\n.markdown-section .table-wrapper h2,\n.markdown-section .table-wrapper h3,\n.markdown-section .table-wrapper h4,\n.markdown-section .table-wrapper p {\n  font-family: var(--ptc-font-latin);\n  color: var(--color-gray-10);\n  border: none;\n}\n.markdown-section .table-wrapper h1 {\n  font-size: var(--ptc-font-size-xxx-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h1 {\n    font-size: var(--ptc-font-size-xxxx-large);\n  }\n}\n.markdown-section .table-wrapper .h1-special {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n.markdown-section .table-wrapper h2 {\n  font-size: var(--ptc-font-size-x-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h2 {\n    font-size: var(--ptc-font-size-xx-large);\n  }\n}\n.markdown-section .table-wrapper h3 {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h3 {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n.markdown-section .table-wrapper h4 {\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h4 {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n.markdown-section .table-wrapper p {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-top: 0;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-large {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-small {\n  font-size: var(--ptc-font-size-x-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-x-small {\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-semibold);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.ptc-background-wrapper {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -1;\n}\n\n.ptc-image-container {\n  height: 100%;\n  width: auto;\n  position: relative;\n  box-shadow: var(--ptc-shadow-medium);\n}\n\n:host {\n  display: block;\n}\n\n.disabled {\n  pointer-events: none;\n  cursor: default;\n  text-decoration: none;\n}\n\n.ptc-link {\n  display: inline-block;\n  color: var(--color-gray-10);\n  font-weight: var(--ptc-font-weight-extrabold);\n  position: relative;\n  line-height: var(--ptc-line-height-densest);\n  outline: none;\n  text-decoration: none;\n  transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\n}\n.ptc-link.focus-state-dark-background {\n  border: 2px solid transparent;\n  margin: -2px;\n}\n.ptc-link:active {\n  transition: none;\n}\n.ptc-link:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n.ptc-link:focus-visible .focus-state-dark-background:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.simple {\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple.focus-state-dark-background {\n  border: 2px solid transparent;\n  margin: -2px;\n}\n.simple:hover {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple:active {\n  transition: none;\n}\n.simple:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple:focus-visible.focus-state-dark-background {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.global {\n  font-style: var(--ptc-letter-spacing-normal);\n  font-weight: var(--ptc-font-weight-bold);\n  font-size: var(--ptc-font-size-x-small);\n  text-decoration-line: underline;\n  color: var(--color-hyperlink);\n  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.global:visited {\n  color: var(--color-blue-10);\n}\n.global:active, .global:visited:active {\n  color: var(--color-blue-09);\n  transition: none;\n}\n.global:hover, .global:visited:hover {\n  color: var(--color-blue-08);\n}\n.global.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\n\n.product-link {\n  font-weight: var(--ptc-font-weight-extrabold);\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.product-link:hover {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.product-link:active {\n  transition: none;\n}\n\n.underline {\n  border-bottom: 2px solid var(--color-green-06);\n}\n.underline:hover {\n  color: #00890b;\n  border-bottom: 2px solid #00890b;\n}\n.underline:active {\n  transition: none;\n}\n\n.small {\n  font-size: var(--ptc-font-size-xx-small);\n}\n\n.medium {\n  font-size: var(--ptc-font-size-x-small);\n}\n\n.medium-large {\n  font-size: var(--ptc-font-size-small);\n}\n\n.large {\n  font-size: var(--ptc-font-size-medium);\n}\n\n.nav-title:focus,\n.nav-title-link:focus,\n.nav-card-link:focus,\n.primary-nav-link:focus,\n.secondary-nav-link:focus,\n.footer-nav-link:focus,\n.copyright-link:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n}\n.nav-title:active,\n.nav-title-link:active,\n.nav-card-link:active,\n.primary-nav-link:active,\n.secondary-nav-link:active,\n.footer-nav-link:active,\n.copyright-link:active {\n  transition: none;\n}\n\n.nav-title {\n  box-sizing: border-box;\n  color: var(--color-white);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-dense);\n  list-style: none;\n  margin-bottom: var(--ptc-element-spacing-02);\n  text-align: left;\n}\n\n.primary-nav-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-gray-01);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-dense);\n  list-style: none;\n  margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\n  padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\n  position: relative;\n  text-decoration: none;\n  transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.primary-nav-link:hover {\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-gray-12);\n  text-decoration: none;\n  outline: none;\n}\n.primary-nav-link:active {\n  transition: none;\n}\n\n.nav-title-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration-color: var(--color-white);\n  text-decoration: none;\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1.5px solid transparent;\n  display: inline-block;\n}\n.nav-title-link:hover {\n  color: var(--color-white);\n  border-bottom: 1.5px solid var(--color-green-06);\n}\n.nav-title-link:active {\n  transition: none;\n}\n\n.nav-card-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration: none;\n  text-decoration-color: var(--color-white);\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  display: inline-block;\n  font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 1200px) {\n  .nav-card-link {\n    font-size: var(--ptc-font-size-xxx-small);\n  }\n}\n.nav-card-link:hover {\n  color: var(--color-white);\n  -webkit-text-decoration: underline var(--color-green-06) solid 1px;\n          text-decoration: underline var(--color-green-06) solid 1px;\n  text-underline-offset: 2px;\n}\n.nav-card-link:active {\n  transition: none;\n}\n\n.secondary-nav-link {\n  display: inline-block;\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-stretch: 100%;\n  font-style: normal;\n  font-weight: var(--ptc-font-weight-semibold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  margin-bottom: var(--ptc-element-spacing-03);\n  text-align: left;\n  text-decoration: none;\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1.5px solid transparent;\n  white-space: nowrap;\n}\n.secondary-nav-link:hover {\n  color: var(--color-white);\n  border-bottom: 1.5px solid var(--color-green-06);\n  border-radius: 0;\n  text-decoration: none;\n}\n.secondary-nav-link:active {\n  transition: none;\n}\n\n.footer-nav-link {\n  color: var(--color-white);\n  transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1px solid transparent;\n  outline: none;\n  text-decoration: none;\n  font-weight: var(--ptc-font-weight-semibold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-densest);\n  text-align: left;\n  font-size: var(--ptc-font-size-x-small);\n}\n.footer-nav-link:hover {\n  outline: none;\n  text-decoration: none;\n  border-bottom: 0.1rem solid var(--color-green-06);\n  color: var(--color-green-06);\n}\n.footer-nav-link:active {\n  transition: none;\n}\n\n.copyright-link {\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-normal);\n  line-height: var(--ptc-line-height-loose);\n  display: inline-block;\n}\n\n.d-green-underline {\n  color: var(--color-white);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.d-green-underline:hover {\n  color: var(--color-green-06);\n}\n.d-green-underline:active {\n  transition: none;\n}\n.d-green-underline:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.d-green-underline:focus-visible.focus-state-dark-background {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.d-white-underline {\n  color: var(--color-white);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-white);\n  text-underline-offset: 5px;\n}\n\n.link-area-cover-parent {\n  position: static;\n}\n.link-area-cover-parent::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  z-index: 2;\n}\n\n.standard-link,\n.blog-link {\n  font-weight: 800;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  color: var(--color-gray-10);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.standard-link:hover,\n.blog-link:hover {\n  color: var(--color-green-06);\n}\n.standard-link:active,\n.blog-link:active {\n  transition: none;\n}\n\n.w-thin {\n  font-weight: var(--ptc-font-weight-thin);\n}\n\n.w-regular {\n  font-weight: var(--ptc-font-weight-regular);\n}\n\n.w-medium {\n  font-weight: var(--ptc-font-weight-medium);\n}\n\n.w-semibold {\n  font-weight: var(--ptc-font-weight-semibold);\n}\n\n.w-bold {\n  font-weight: var(--ptc-font-weight-bold);\n}\n\n.w-extrabold {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\n\n.w-black {\n  font-weight: var(--ptc-font-weight-black);\n}\n\n.utility-nav-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-gray-13);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-semibold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration: none;\n  text-decoration-color: var(--color-green-06);\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n}\n.utility-nav-link:hover {\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.utility-nav-link:active {\n  transition: none;\n}\n\n.tracker-div {\n  display: inline;\n}\n\n:host(.event-podcast) a {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}";
+const ptcLinkCss = "@charset \"UTF-8\";\n@import url(\"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\");\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n@layer properties;\n.collapse {\n  visibility: collapse;\n}\n\n.invisible {\n  visibility: hidden;\n}\n\n.visible {\n  visibility: visible;\n}\n\n.absolute {\n  position: absolute;\n}\n\n.fixed {\n  position: fixed;\n}\n\n.relative {\n  position: relative;\n}\n\n.static {\n  position: static;\n}\n\n.sticky {\n  position: sticky;\n}\n\n.z-1 {\n  z-index: 1;\n}\n\n.z-2 {\n  z-index: 2;\n}\n\n.z-3 {\n  z-index: 3;\n}\n\n.z-99 {\n  z-index: 99;\n}\n\n.z-999 {\n  z-index: 999;\n}\n\n.z-auto {\n  z-index: auto;\n}\n\n.container {\n  width: 100%;\n}\n\n.block {\n  display: block;\n}\n\n.flex {\n  display: flex;\n}\n\n.hidden {\n  display: none;\n}\n\n.inline {\n  display: inline;\n}\n\n.inline-block {\n  display: inline-block;\n}\n\n.list-item {\n  display: list-item;\n}\n\n.table {\n  display: table;\n}\n\n.table-cell {\n  display: table-cell;\n}\n\n.table-row {\n  display: table-row;\n}\n\n.flex-shrink {\n  flex-shrink: 1;\n}\n\n.transform {\n  transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );\n}\n\n.resize {\n  resize: both;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.truncate {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.border {\n  border-style: var(--tw-border-style);\n  border-width: 1px;\n}\n\n.border-none {\n  --tw-border-style: none;\n  border-style: none;\n}\n\n.text-center {\n  text-align: center;\n}\n\n.text-ellipsis {\n  text-overflow: ellipsis;\n}\n\n.capitalize {\n  text-transform: capitalize;\n}\n\n.lowercase {\n  text-transform: lowercase;\n}\n\n.uppercase {\n  text-transform: uppercase;\n}\n\n.italic {\n  font-style: italic;\n}\n\n.underline {\n  text-decoration-line: underline;\n}\n\n.ring {\n  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\n.outline {\n  outline-style: var(--tw-outline-style);\n  outline-width: 1px;\n}\n\n.grayscale {\n  --tw-grayscale: grayscale(100%);\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n.filter {\n  filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );\n}\n\n.backdrop-filter {\n  backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );\n}\n\n.transition {\n  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;\n  transition-timing-function: var(--tw-ease, ease);\n  transition-duration: var(--tw-duration, 0s);\n}\n\n.select-all {\n  -webkit-user-select: all;\n  -moz-user-select: all;\n       user-select: all;\n}\n\n@property --tw-rotate-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-rotate-z {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-x {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-skew-y {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 rgba(0, 0, 0, 0);\n}\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n@property --tw-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-color {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-drop-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n@property --tw-drop-shadow-size {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-blur {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-brightness {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-contrast {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-grayscale {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-hue-rotate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-invert {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-opacity {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-saturate {\n  syntax: \"*\";\n  inherits: false;\n}\n@property --tw-backdrop-sepia {\n  syntax: \"*\";\n  inherits: false;\n}\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, ::before, ::after, ::backdrop {\n      --tw-rotate-x: initial;\n      --tw-rotate-y: initial;\n      --tw-rotate-z: initial;\n      --tw-skew-x: initial;\n      --tw-skew-y: initial;\n      --tw-border-style: solid;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-outline-style: solid;\n      --tw-blur: initial;\n      --tw-brightness: initial;\n      --tw-contrast: initial;\n      --tw-grayscale: initial;\n      --tw-hue-rotate: initial;\n      --tw-invert: initial;\n      --tw-opacity: initial;\n      --tw-saturate: initial;\n      --tw-sepia: initial;\n      --tw-drop-shadow: initial;\n      --tw-drop-shadow-color: initial;\n      --tw-drop-shadow-alpha: 100%;\n      --tw-drop-shadow-size: initial;\n      --tw-backdrop-blur: initial;\n      --tw-backdrop-brightness: initial;\n      --tw-backdrop-contrast: initial;\n      --tw-backdrop-grayscale: initial;\n      --tw-backdrop-hue-rotate: initial;\n      --tw-backdrop-invert: initial;\n      --tw-backdrop-opacity: initial;\n      --tw-backdrop-saturate: initial;\n      --tw-backdrop-sepia: initial;\n    }\n  }\n}\n/*\n* Theme color tokens\n*/\n:root {\n  --color-black: #000000;\n  --color-white: #ffffff;\n  --color-white-grey: #fbfbfb;\n  --color-white-01: #c8c9c7;\n  --color-green-01: #e1f1e2;\n  --color-green-02: #bde1bf;\n  --color-green-03: #97cf9b;\n  --color-green-04: #7dc382;\n  --color-green-05: #5cb463;\n  --color-green-06: #33a13c;\n  --color-green-07: #00890b;\n  --color-green-08: #006e09;\n  --color-green-09: #005807;\n  --color-green-10: #004606;\n  --color-green-11: #003805;\n  --color-green-12: #002d04;\n  --color-green-13: #5bb73b;\n  --color-green-14: #74c34d;\n  --color-blue-01: #e1edf6;\n  --color-blue-02: #c3ddee;\n  --color-blue-03: #a1c9e5;\n  --color-blue-04: #89bbdf;\n  --color-blue-05: #6caad7;\n  --color-blue-06: #4795cd;\n  --color-blue-07: #197bc0;\n  --color-blue-08: #14629a;\n  --color-blue-09: #104e7b;\n  --color-blue-10: #0d3e62;\n  --color-blue-11: #0a324e;\n  --color-blue-12: #08283e;\n  --color-orange-01: #f8ede3;\n  --color-orange-02: #f0dbc7;\n  --color-orange-03: #e7c7a7;\n  --color-orange-04: #e1b991;\n  --color-orange-05: #d9a876;\n  --color-orange-06: #cf9254;\n  --color-orange-07: #c37729;\n  --color-orange-08: #9c5f21;\n  --color-orange-09: #7d4c1a;\n  --color-orange-10: #643d15;\n  --color-orange-11: #503111;\n  --color-orange-12: #40270e;\n  --color-red-01: #fae6e6;\n  --color-red-02: #f4cdcd;\n  --color-red-03: #edb1b1;\n  --color-red-04: #e99d9d;\n  --color-red-05: #e38484;\n  --color-red-06: #dc6565;\n  --color-red-07: #d33e3e;\n  --color-red-08: #a7232e;\n  --color-red-09: #861c25;\n  --color-red-10: #6b161e;\n  --color-red-11: #561218;\n  --color-red-12: #450e13;\n  --color-gray-01: #f6f6f6;\n  --color-gray-02: #e4e7e9;\n  --color-gray-03: #bec6ca;\n  --color-gray-04: #aeb8bd;\n  --color-gray-05: #9aa6ad;\n  --color-gray-06: #819099;\n  --color-gray-07: #617480;\n  --color-gray-08: #4e5d66;\n  --color-gray-09: #3e4a52;\n  --color-gray-10: #323b42;\n  --color-gray-11: #282f35;\n  --color-gray-12: #20262a;\n  --color-gray-13: #40434a;\n  --color-standard-gray: #f3f3f3;\n  --color-hyperlink: #1773b5;\n  --keyboard-nav-outline: rgb(0, 61, 214);\n}\n\n.background-plm-grey {\n  background-color: var(--color-gray-12);\n}\n\n.background-grey-10 {\n  background-color: var(--color-gray-10);\n}\n\n.background-white {\n  background-color: var(--color-white);\n}\n\nhr {\n  height: 1px;\n  background-color: var(--color-gray-02);\n  border: none;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\n.ptc-button-focus:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\n.ptc-button-focus-dark:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  outline-offset: 2px;\n}\n\n.ptc-container {\n  padding-right: 24px;\n  padding-left: 24px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1136px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .ptc-container {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1200px;\n  }\n}\n.ptc-container-lg {\n  padding-right: 15px;\n  padding-left: 15px;\n  margin-right: auto;\n  margin-left: auto;\n}\n\n@media only screen and (min-width: 480px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-03);\n    padding-right: var(--ptc-layout-spacing-03);\n  }\n}\n@media only screen and (min-width: 768px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-layout-spacing-04);\n    padding-right: var(--ptc-layout-spacing-04);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ptc-container-lg {\n    padding-left: var(--ptc-element-spacing-08);\n    padding-right: var(--ptc-element-spacing-08);\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .ptc-container-lg {\n    padding-left: 0;\n    padding-right: 0;\n    max-width: 1900px;\n  }\n}\n.ptc-container-fluid {\n  width: 100%;\n}\n\na {\n  font-family: var(--ptc-font-latin);\n  font-style: var(--ptc-font-style-normal);\n  text-decoration-line: underline;\n  color: var(--color-hyperlink);\n  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\n  font-weight: var(--ptc-font-weight-bold);\n}\na:visited {\n  color: var(--color-blue-10);\n}\na:active, a:visited:active {\n  transition: none;\n  color: var(--color-blue-09);\n}\na:hover, a:visited:hover {\n  color: var(--color-blue-08);\n}\na.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\na:focus-visible {\n  outline: 5px solid #003dd6 !important;\n  outline-offset: 0px !important;\n  border-radius: var(--ptc-border-radius-standard);\n}\n\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.light-links a.light-link,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.background-grey-10 a.light-link,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a),\n.background-plm-grey a.light-link {\n  color: var(--color-blue-06);\n  margin: -2px;\n  border: 2px solid transparent;\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.light-links a.light-link:visited,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.background-grey-10 a.light-link:visited,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited,\n.background-plm-grey a.light-link:visited {\n  color: var(--color-blue-06);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.light-links a.light-link:active,\n.light-links a.light-link:visited:active,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.background-grey-10 a.light-link:active,\n.background-grey-10 a.light-link:visited:active,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):active,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:active,\n.background-plm-grey a.light-link:active,\n.background-plm-grey a.light-link:visited:active {\n  transition: none;\n  color: var(--color-blue-07);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.light-links a.light-link:hover,\n.light-links a.light-link:visited:hover,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.background-grey-10 a.light-link:hover,\n.background-grey-10 a.light-link:visited:hover,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):hover,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):visited:hover,\n.background-plm-grey a.light-link:hover,\n.background-plm-grey a.light-link:visited:hover {\n  color: var(--color-blue-05);\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.light-links a.light-link.disabled,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.background-grey-10 a.light-link.disabled,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a).disabled,\n.background-plm-grey a.light-link.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\n.light-links a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.light-links a.light-link:focus-visible,\n.background-grey-10 a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.background-grey-10 a.light-link:focus-visible,\n.background-plm-grey a:not(.hero-footer-form-wrapper a,\nptc-modal inline-form a,\n.vjs-social-share-links a):focus-visible,\n.background-plm-grey a.light-link:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n.light-links .podcast-cta-section a,\n.background-grey-10 .podcast-cta-section a,\n.background-plm-grey .podcast-cta-section a {\n  border: 2px solid transparent;\n}\n.light-links .podcast-cta-section a:focus-visible,\n.background-grey-10 .podcast-cta-section a:focus-visible,\n.background-plm-grey .podcast-cta-section a:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\n.white-links a {\n  color: var(--color-white) !important;\n}\n\n.ptc-link {\n  color: var(--color-gray-10);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.ptc-link:hover {\n  color: var(--color-green-06);\n}\n.ptc-link:visited {\n  color: var(--color-gray-10);\n}\n.ptc-link:active, .ptc-link:visited:active {\n  transition: none;\n  color: var(--color-green-06);\n}\n.ptc-link:hover, .ptc-link:visited:hover {\n  color: var(--color-green-06);\n}\n\n.ptc-link-dark {\n  color: var(--color-white);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.ptc-link-dark:hover {\n  color: var(--color-green-06);\n}\n.ptc-link-dark:visited {\n  color: var(--color-white);\n}\n.ptc-link-dark:active, .ptc-link-dark:visited:active {\n  transition: none;\n  color: var(--color-green-06);\n}\n.ptc-link-dark:hover, .ptc-link-dark:visited:hover {\n  color: var(--color-green-06);\n}\n\n.vjs-social-share-links a {\n  color: var(--color-white);\n}\n.vjs-social-share-links a:hover {\n  color: var(--color-white);\n}\n\n.ptc-ordered-list {\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n.ptc-ordered-list .ptc-list-item {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-xx-small);\n}\n\n.ptc-unordered-list {\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n.ptc-unordered-list .ptc-list-item {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: 20px;\n}\n\nul.minimalist {\n  list-style: none;\n  margin: 0 0 24px;\n  padding-left: 1rem;\n  -moz-columns: 1;\n       columns: 1;\n}\n@media only screen and (min-width: 768px) {\n  ul.minimalist {\n    -moz-columns: 2;\n         columns: 2;\n  }\n}\n@media only screen and (min-width: 992px) {\n  ul.minimalist {\n    -moz-columns: 3;\n         columns: 3;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  ul.minimalist {\n    -moz-columns: 4;\n         columns: 4;\n  }\n}\nul.minimalist li {\n  position: relative;\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-regular);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  color: var(--color-gray-10);\n  max-width: 260px;\n}\nul.minimalist li::before {\n  color: var(--color-gray-12);\n  font-family: var(--ptc-font-latin);\n  content: \"•\";\n  font-size: 1rem;\n  position: absolute;\n  left: -1rem;\n  top: 0.125rem;\n}\n\nul li,\nol li {\n  font-family: var(--ptc-font-latin);\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-regular);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  color: var(--color-gray-10);\n}\n\n.light-links ul li,\n.light-links ol li {\n  color: var(--color-white);\n}\n\n/*\n* Typography tokens\n*/\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nul,\nli,\nptc-subnav,\nptc-tab-list,\nptc-link,\nptc-square-card,\n.hyphenate-text,\nptc-footer {\n  word-break: break-word;\n  hyphens: manual;\n  -webkit-hyphens: manual;\n  -moz-hyphens: manual;\n  -ms-hyphens: manual;\n}\n@supports (hyphenate-limit-chars: 12 3 3) {\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  p,\n  ul,\n  li,\n  ptc-subnav,\n  ptc-tab-list,\n  ptc-link,\n  ptc-square-card,\n  .hyphenate-text,\n  ptc-footer {\n    hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    /* For Safari */\n    -webkit-hyphenate-limit-after: 3;\n    /* For Safari */\n    hyphenate-limit-chars: 12 3 3;\n    hyphenate-limit-lines: 2;\n    hyphenate-limit-last: always;\n    hyphenate-limit-zone: 6%;\n    -webkit-hyphens: auto;\n    -webkit-hyphenate-limit-before: 3;\n    -webkit-hyphenate-limit-after: 3;\n    -webkit-hyphenate-limit-chars: 12 3 3;\n    -webkit-hyphenate-limit-lines: 2;\n    -moz-hyphens: auto;\n    -moz-hyphenate-limit-chars: 12 3 3;\n    -moz-hyphenate-limit-lines: 2;\n    -ms-hyphens: auto;\n    -ms-hyphenate-limit-chars: 12 3 3;\n    -ms-hyphenate-limit-lines: 2;\n  }\n}\n\n:root {\n  /* Fonts */\n  --ptc-font-latin: \"Raleway\", sans-serif;\n  --ptc-font-secondary-latin: \"Rajdhani\", sans-serif;\n  --ptc-font-sans:\n  \t-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial,\n  \tsans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  /* Font sizes */\n  --ptc-font-size-xxx-small: 0.75rem;\n  /* 12px */\n  --ptc-font-size-xx-small: 0.875rem;\n  /* 14px */\n  --ptc-font-size-x-small: 1rem;\n  /* 16px */\n  --ptc-font-size-small: 1.125rem;\n  /* 18px */\n  --ptc-font-size-medium: 1.25rem;\n  /* 20px */\n  --ptc-font-size-large: 1.5rem;\n  /* 24px */\n  --ptc-font-size-x-large: 1.75rem;\n  /* 28px */\n  --ptc-font-size-xx-large: 2rem;\n  /* 32px */\n  --ptc-font-size-xxx-large: 2.25rem;\n  /* 36px */\n  --ptc-font-size-xxxx-large: 3rem;\n  /* 48px */\n  /* Font weights */\n  --ptc-font-weight-thin: 300;\n  --ptc-font-weight-regular: 400;\n  --ptc-font-weight-medium: 500;\n  --ptc-font-weight-semibold: 600;\n  --ptc-font-weight-bold: 700;\n  --ptc-font-weight-extrabold: 800;\n  --ptc-font-weight-black: 900;\n  /* Letter spacings */\n  --ptc-letter-spacing-dense: -0.015rem;\n  --ptc-letter-spacing-normal: normal;\n  --ptc-letter-spacing-loose: 0.075rem;\n  /* Line heights */\n  --ptc-line-height-densest: 1.25;\n  --ptc-line-height-denser: 1.4;\n  --ptc-line-height-dense: 1.6;\n  --ptc-line-height-normal: 1.8;\n  --ptc-line-height-loose: 2;\n  --ptc-line-height-looser: 2.2;\n  --ptc-line-height-p: 1.5;\n  /* Font Style*/\n  --ptc-font-style-italic: italic;\n  --ptc-font-style-oblique: oblique;\n  --ptc-font-style-normal: normal;\n}\n\nhtml,\nbody {\n  font-family: var(--ptc-font-latin);\n  width: 100%;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  -moz-osx-font-smoothing: grayscale;\n  /*(For Firefox)*/\n}\n\nh1 {\n  font-size: var(--ptc-font-size-xxx-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  h1 {\n    font-size: var(--ptc-font-size-xxxx-large);\n  }\n}\n\n.h1-special {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n\nh2 {\n  font-size: var(--ptc-font-size-x-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  h2 {\n    font-size: var(--ptc-font-size-xx-large);\n  }\n}\n\nh3 {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  h3 {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\nh4 {\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  h4 {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n\np {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-top: 0;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-large {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-small {\n  font-size: var(--ptc-font-size-x-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n.p-x-small {\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-semibold);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\nblockquote p {\n  color: var(--color-gray-10);\n  line-height: 27px;\n  font-size: var(--ptc-font-size-large);\n  letter-spacing: 0.6px;\n  font-style: italic;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n/*\n* Elevation tokens\n*/\n:root {\n  --ptc-shadow-x-small: 0px 1px 4px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-small: 0px 2px 6px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-medium: 0px 4px 8px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-large: 0px 6px 16px rgba(0, 0, 0, 0.24);\n  --ptc-shadow-x-large: 0px 8px 24px rgba(0, 0, 0, 0.24);\n}\n\n/*\n* Border radius tokens\n*/\n:root {\n  --ptc-border-radius-standard: 0.25rem; /* 4px Standard*/\n  --ptc-border-radius-large: 0.75rem; /* 12px Large */\n  --ptc-border-radius-pill: 9999px; /* 9999px Pill */\n  --ptc-border-radius-circle: 50%; /* 50% Circle*/\n  --ptc-clip-path-bottom-right: polygon(\n  \t100% 0,\n  \t100% 70%,\n  \t84% 100%,\n  \t0 100%,\n  \t0 0\n  );\n}\n\n/* Color demo */\n.color-demo {\n  width: 2rem;\n  height: 2rem;\n  border-radius: var(--ptc-border-radius-standard);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n\n/* Color demo */\n.color-demo-2 {\n  width: 2rem;\n  height: 2rem;\n  border-radius: var(--ptc-border-radius-circle);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n\n.color-palette-grid {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n}\n.color-palette-grid .swatch-set {\n  display: flex;\n  flex-direction: column;\n  flex-wrap: wrap;\n  -moz-column-count: 12;\n       column-count: 12;\n  align-items: center;\n  justify-content: space-evenly;\n}\n.color-palette-grid .swatch-set .swatch {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-content: center;\n}\n.color-palette-grid .swatch-set .swatch .color-swatch {\n  display: inline-block;\n  width: 3rem;\n  height: 3rem;\n  margin: 1rem;\n  border-radius: var(--ptc-border-radius-circle);\n  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.33);\n}\n.color-palette-grid .swatch-set .swatch .swatch-text span {\n  display: block;\n  margin-right: 0.5rem;\n  color: var(--color-primary-gray);\n}\n\n/* Border radius demo */\n.border-radius-demo {\n  width: 3rem;\n  height: 3rem;\n  background: var(--color-gray-03);\n}\n\n/* Transition demo */\n.transition-demo,\n.transition-delay-demo,\n.transition-ease-demo {\n  position: relative;\n  background: var(--color-gray-03);\n  width: 10rem;\n  height: 2rem;\n}\n\n.transition-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  transition-duration: inherit;\n  transition-property: width;\n}\n\n.transition-delay-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 0;\n  height: 100%;\n  transition-duration: 1s;\n  transition-property: width;\n  transition-delay: inherit;\n}\n\n.transition-ease-demo::after {\n  content: \"\";\n  position: absolute;\n  background-color: var(--color-green-08);\n  top: 0;\n  left: 0;\n  width: 20%;\n  height: 100%;\n  transition-duration: 2s;\n  transition-property: left;\n  transition-timing-function: inherit;\n}\n\n.transition-demo:hover::after,\n.transition-delay-demo:hover::after {\n  width: 100%;\n}\n\n.transition-ease-demo:hover::after {\n  left: 80%;\n}\n\n.sl-theme-dark .transition-demo {\n  background: var(--color-gray-03);\n}\n\n/* Spacing demo */\n.spacing-demo {\n  width: 100px;\n  background: var(--color-blue-05);\n}\n\n/* Elevation dmeo */\n.elevation-demo {\n  background: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  width: 4rem;\n  height: 4rem;\n}\n\n.sl-theme-dark .elevation-demo {\n  background-color: var(--color-gray-03);\n}\n\n/* Grid Demo*/\n.grid-demo-wrapper {\n  width: 500px;\n  border: 1px solid var(--color-gray-03);\n}\n\n.grid-demo-style > div {\n  background-color: var(--color-gray-10);\n  color: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  font-size: var(--ptc-font-size-x-small);\n  padding: var(--ptc-element-spacing-04);\n}\n\n.grid-demo-child-style {\n  width: 100%;\n}\n.grid-demo-child-style > div {\n  background-color: var(--color-white);\n  border-radius: var(--ptc-border-radius-standard);\n  color: var(--color-gray-10);\n  padding: var(--ptc-element-spacing-04);\n}\n\n.title-demo-wrapper {\n  width: 100%;\n  border: 1px solid var(--color-gray-03);\n  padding: var(--ptc-element-spacing-04);\n  height: 300px;\n}\n\n.img-demo {\n  height: 400px;\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .img-demo {\n    height: 550px;\n    width: 100%;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .img-demo {\n    height: 650px;\n    width: 100%;\n  }\n}\n\n.demo-with-bgcolor {\n  width: 100%;\n  border: 1px solid var(--color-gray-03);\n  padding: var(--ptc-element-spacing-04);\n  background-color: var(--color-gray-10);\n  height: auto;\n}\n\n.demo-plm-bgcolor {\n  background-color: var(--color-gray-12);\n}\n\n.demo-container-max {\n  max-width: 1980px;\n  margin: 0 auto;\n}\n\n.spacer-demo ptc-spacer {\n  background-color: var(--color-blue-01);\n}\n\n.motion-demo {\n  width: 100%;\n  border-radius: var(--color-gray-02);\n  background-color: var(--spectrum-global-color-gray-100);\n  min-height: 252px;\n  position: relative;\n  margin-bottom: 20px;\n  overflow: hidden;\n  border: 1px solid var(--color-gray-06);\n  display: flex;\n  align-content: center;\n  justify-content: center;\n  align-items: center;\n}\n\n.motion-object {\n  width: 120px;\n  height: 120px;\n  border-radius: var(--ptc-border-radius-circle);\n  background-color: var(--color-green-12);\n}\n\n.fitler-check-list-demo ptc-checkbox {\n  padding: 0.25rem 0;\n}\n\n.ptc-dropdown-demo {\n  min-height: 10rem;\n}\n\n/* -------------------------------------------\n\nPTC Design System is using Griddle Grid System.\nCredits to Dave Berning\n\n------------------------------------------- */\n/* Note:\n** These must be in the same order\n----------------------------------------- */\n/* Needed for Loops - Add to this if you add color variables\n----------------------------------------------------------------- */\n/* Class Generation\n------------------------- */\n/* Grid\n------------------------ */\n.is-grid,\n.is-grid-inline {\n  display: grid;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n  direction: ltr;\n  grid-column-gap: var(--col-gap);\n  grid-row-gap: var(--row-gap);\n}\n.is-grid > *,\n.is-grid-inline > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .is-grid > *,\n  .is-grid-inline > * {\n    grid-column: span 1;\n  }\n}\n.is-grid.is-dense,\n.is-grid-inline.is-dense {\n  grid-auto-flow: dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-row,\n.is-grid-inline.has-wrapped-row {\n  grid-auto-flow: row;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-row.is-dense,\n.is-grid-inline.has-wrapped-row.is-dense {\n  grid-auto-flow: row dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n.is-grid.has-wrapped-col,\n.is-grid-inline.has-wrapped-col {\n  grid-auto-flow: column;\n}\n.is-grid.has-wrapped-col.is-dense,\n.is-grid-inline.has-wrapped-col.is-dense {\n  grid-auto-flow: column dense;\n  grid-template-rows: auto;\n  grid-template-columns: repeat(12, 1fr);\n}\n\n.is-grid-inline {\n  display: inline-grid !important;\n}\n\n.has-row-1 {\n  grid-template-rows: repeat(1, 1fr);\n}\n.has-row-1 > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-1-xs > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-1-xs {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-sm > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-1-sm {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-md > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-1-md {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-lg > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-lg {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-xl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-1-xl {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-1-xxl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-row-1-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-1-xxl {\n    grid-template-rows: repeat(1, 1fr) !important;\n  }\n}\n\n.has-row-2 {\n  grid-template-rows: repeat(2, 1fr);\n}\n.has-row-2 > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-2-xs > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-2-xs {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-sm > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-2-sm {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-md > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-2-md {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-lg > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-lg {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-xl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-2-xl {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-2-xxl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-row-2-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-2-xxl {\n    grid-template-rows: repeat(2, 1fr) !important;\n  }\n}\n\n.has-row-3 {\n  grid-template-rows: repeat(3, 1fr);\n}\n.has-row-3 > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-3-xs > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-3-xs {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-sm > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-3-sm {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-md > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-3-md {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-lg > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-lg {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-xl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-3-xl {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-3-xxl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-row-3-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-3-xxl {\n    grid-template-rows: repeat(3, 1fr) !important;\n  }\n}\n\n.has-row-4 {\n  grid-template-rows: repeat(4, 1fr);\n}\n.has-row-4 > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-4-xs > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-4-xs {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-sm > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-4-sm {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-md > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-4-md {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-lg > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-lg {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-xl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-4-xl {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-4-xxl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-row-4-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-4-xxl {\n    grid-template-rows: repeat(4, 1fr) !important;\n  }\n}\n\n.has-row-5 {\n  grid-template-rows: repeat(5, 1fr);\n}\n.has-row-5 > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-5-xs > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-5-xs {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-sm > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-5-sm {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-md > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-5-md {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-lg > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-lg {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-xl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-5-xl {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-5-xxl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-row-5-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-5-xxl {\n    grid-template-rows: repeat(5, 1fr) !important;\n  }\n}\n\n.has-row-6 {\n  grid-template-rows: repeat(6, 1fr);\n}\n.has-row-6 > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-6-xs > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-6-xs {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-sm > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-6-sm {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-md > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-6-md {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-lg > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-lg {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-xl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-6-xl {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-6-xxl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-row-6-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-6-xxl {\n    grid-template-rows: repeat(6, 1fr) !important;\n  }\n}\n\n.has-row-7 {\n  grid-template-rows: repeat(7, 1fr);\n}\n.has-row-7 > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-7-xs > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-7-xs {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-sm > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-7-sm {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-md > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-7-md {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-lg > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-lg {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-xl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-7-xl {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-7-xxl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-row-7-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-7-xxl {\n    grid-template-rows: repeat(7, 1fr) !important;\n  }\n}\n\n.has-row-8 {\n  grid-template-rows: repeat(8, 1fr);\n}\n.has-row-8 > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-8-xs > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-8-xs {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-sm > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-8-sm {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-md > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-8-md {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-lg > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-lg {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-xl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-8-xl {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-8-xxl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-row-8-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-8-xxl {\n    grid-template-rows: repeat(8, 1fr) !important;\n  }\n}\n\n.has-row-9 {\n  grid-template-rows: repeat(9, 1fr);\n}\n.has-row-9 > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-9-xs > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-9-xs {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-sm > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-9-sm {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-md > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-9-md {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-lg > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-lg {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-xl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-9-xl {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-9-xxl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-row-9-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-9-xxl {\n    grid-template-rows: repeat(9, 1fr) !important;\n  }\n}\n\n.has-row-10 {\n  grid-template-rows: repeat(10, 1fr);\n}\n.has-row-10 > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-10-xs > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-10-xs {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-sm > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-10-sm {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-md > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-10-md {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-lg > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-lg {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-xl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-10-xl {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-10-xxl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-row-10-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-10-xxl {\n    grid-template-rows: repeat(10, 1fr) !important;\n  }\n}\n\n.has-row-11 {\n  grid-template-rows: repeat(11, 1fr);\n}\n.has-row-11 > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-11-xs > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-11-xs {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-sm > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-11-sm {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-md > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-11-md {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-lg > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-lg {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-xl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-11-xl {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-11-xxl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-row-11-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-11-xxl {\n    grid-template-rows: repeat(11, 1fr) !important;\n  }\n}\n\n.has-row-12 {\n  grid-template-rows: repeat(12, 1fr);\n}\n.has-row-12 > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-row-12-xs > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-row-12-xs {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-sm > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-row-12-sm {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-md > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-row-12-md {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-lg > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-lg {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-xl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-row-12-xl {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-row-12-xxl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-row-12-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-row-12-xxl {\n    grid-template-rows: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-1 {\n  grid-template-columns: repeat(1, 1fr);\n}\n.has-col-1 > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-1-xs > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-1-xs {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-sm > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-1-sm {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-md > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-1-md {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-lg > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-lg {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-xl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-1-xl {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-1-xxl > * {\n  grid-column: span 1;\n}\n@media screen and (min-width: 992px) {\n  .has-col-1-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-1-xxl {\n    grid-template-columns: repeat(1, 1fr) !important;\n  }\n}\n\n.has-col-2 {\n  grid-template-columns: repeat(2, 1fr);\n}\n.has-col-2 > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-2-xs > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-2-xs {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-sm > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-2-sm {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-md > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-2-md {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-lg > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-lg {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-xl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-2-xl {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-2-xxl > * {\n  grid-column: span 2;\n}\n@media screen and (min-width: 992px) {\n  .has-col-2-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-2-xxl {\n    grid-template-columns: repeat(2, 1fr) !important;\n  }\n}\n\n.has-col-3 {\n  grid-template-columns: repeat(3, 1fr);\n}\n.has-col-3 > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-3-xs > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-3-xs {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-sm > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-3-sm {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-md > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-3-md {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-lg > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-lg {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-xl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-3-xl {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-3-xxl > * {\n  grid-column: span 3;\n}\n@media screen and (min-width: 992px) {\n  .has-col-3-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-3-xxl {\n    grid-template-columns: repeat(3, 1fr) !important;\n  }\n}\n\n.has-col-4 {\n  grid-template-columns: repeat(4, 1fr);\n}\n.has-col-4 > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-4-xs > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-4-xs {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-sm > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-4-sm {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-md > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-4-md {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-lg > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-lg {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-xl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-4-xl {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-4-xxl > * {\n  grid-column: span 4;\n}\n@media screen and (min-width: 992px) {\n  .has-col-4-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-4-xxl {\n    grid-template-columns: repeat(4, 1fr) !important;\n  }\n}\n\n.has-col-5 {\n  grid-template-columns: repeat(5, 1fr);\n}\n.has-col-5 > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-5-xs > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-5-xs {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-sm > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-5-sm {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-md > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-5-md {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-lg > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-lg {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-xl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-5-xl {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-5-xxl > * {\n  grid-column: span 5;\n}\n@media screen and (min-width: 992px) {\n  .has-col-5-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-5-xxl {\n    grid-template-columns: repeat(5, 1fr) !important;\n  }\n}\n\n.has-col-6 {\n  grid-template-columns: repeat(6, 1fr);\n}\n.has-col-6 > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-6-xs > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-6-xs {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-sm > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-6-sm {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-md > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-6-md {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-lg > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-lg {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-xl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-6-xl {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-6-xxl > * {\n  grid-column: span 6;\n}\n@media screen and (min-width: 992px) {\n  .has-col-6-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-6-xxl {\n    grid-template-columns: repeat(6, 1fr) !important;\n  }\n}\n\n.has-col-7 {\n  grid-template-columns: repeat(7, 1fr);\n}\n.has-col-7 > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-7-xs > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-7-xs {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-sm > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-7-sm {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-md > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-7-md {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-lg > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-lg {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-xl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-7-xl {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-7-xxl > * {\n  grid-column: span 7;\n}\n@media screen and (min-width: 992px) {\n  .has-col-7-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-7-xxl {\n    grid-template-columns: repeat(7, 1fr) !important;\n  }\n}\n\n.has-col-8 {\n  grid-template-columns: repeat(8, 1fr);\n}\n.has-col-8 > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-8-xs > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-8-xs {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-sm > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-8-sm {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-md > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-8-md {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-lg > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-lg {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-xl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-8-xl {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-8-xxl > * {\n  grid-column: span 8;\n}\n@media screen and (min-width: 992px) {\n  .has-col-8-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-8-xxl {\n    grid-template-columns: repeat(8, 1fr) !important;\n  }\n}\n\n.has-col-9 {\n  grid-template-columns: repeat(9, 1fr);\n}\n.has-col-9 > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-9-xs > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-9-xs {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-sm > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-9-sm {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-md > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-9-md {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-lg > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-lg {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-xl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-9-xl {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-9-xxl > * {\n  grid-column: span 9;\n}\n@media screen and (min-width: 992px) {\n  .has-col-9-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-9-xxl {\n    grid-template-columns: repeat(9, 1fr) !important;\n  }\n}\n\n.has-col-10 {\n  grid-template-columns: repeat(10, 1fr);\n}\n.has-col-10 > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-10-xs > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-10-xs {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-sm > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-10-sm {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-md > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-10-md {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-lg > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-lg {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-xl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-10-xl {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-10-xxl > * {\n  grid-column: span 10;\n}\n@media screen and (min-width: 992px) {\n  .has-col-10-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-10-xxl {\n    grid-template-columns: repeat(10, 1fr) !important;\n  }\n}\n\n.has-col-11 {\n  grid-template-columns: repeat(11, 1fr);\n}\n.has-col-11 > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-11-xs > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-11-xs {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-sm > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-11-sm {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-md > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-11-md {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-lg > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-lg {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-xl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-11-xl {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-11-xxl > * {\n  grid-column: span 11;\n}\n@media screen and (min-width: 992px) {\n  .has-col-11-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-11-xxl {\n    grid-template-columns: repeat(11, 1fr) !important;\n  }\n}\n\n.has-col-12 {\n  grid-template-columns: repeat(12, 1fr);\n}\n.has-col-12 > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12 > * {\n    grid-column: span 1;\n  }\n}\n\n.has-col-12-xs > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xs > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 575.5px) {\n  .has-col-12-xs {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-sm > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-sm > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 576px) {\n  .has-col-12-sm {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-md > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-md > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 768px) {\n  .has-col-12-md {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-lg > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-lg > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-lg {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-xl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1200px) {\n  .has-col-12-xl {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.has-col-12-xxl > * {\n  grid-column: span 12;\n}\n@media screen and (min-width: 992px) {\n  .has-col-12-xxl > * {\n    grid-column: span 1;\n  }\n}\n@media screen and (min-width: 1440px) {\n  .has-col-12-xxl {\n    grid-template-columns: repeat(12, 1fr) !important;\n  }\n}\n\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-1-xs {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-2-xs {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-3-xs {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-4-xs {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-5-xs {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-6-xs {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-7-xs {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-8-xs {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-9-xs {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-10-xs {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-11-xs {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-row-12-xs {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-1-sm {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-2-sm {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-3-sm {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-4-sm {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-5-sm {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-6-sm {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-7-sm {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-8-sm {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-9-sm {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-10-sm {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-11-sm {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 576px) {\n  .is-row-12-sm {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-1-md {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-2-md {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-3-md {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-4-md {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-5-md {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-6-md {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-7-md {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-8-md {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-9-md {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-10-md {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-11-md {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 768px) {\n  .is-row-12-md {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-1-lg {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-2-lg {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-3-lg {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-4-lg {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-5-lg {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-6-lg {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-7-lg {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-8-lg {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-9-lg {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-10-lg {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-11-lg {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 992px) {\n  .is-row-12-lg {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-1-xl {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-2-xl {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-3-xl {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-4-xl {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-5-xl {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-6-xl {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-7-xl {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-8-xl {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-9-xl {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-10-xl {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-11-xl {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-row-12-xl {\n    grid-row: span 12 !important;\n  }\n}\n.is-row-1 {\n  grid-row: span 1;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-1-xxl {\n    grid-row: span 1 !important;\n  }\n}\n.is-row-2 {\n  grid-row: span 2;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-2-xxl {\n    grid-row: span 2 !important;\n  }\n}\n.is-row-3 {\n  grid-row: span 3;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-3-xxl {\n    grid-row: span 3 !important;\n  }\n}\n.is-row-4 {\n  grid-row: span 4;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-4-xxl {\n    grid-row: span 4 !important;\n  }\n}\n.is-row-5 {\n  grid-row: span 5;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-5-xxl {\n    grid-row: span 5 !important;\n  }\n}\n.is-row-6 {\n  grid-row: span 6;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-6-xxl {\n    grid-row: span 6 !important;\n  }\n}\n.is-row-7 {\n  grid-row: span 7;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-7-xxl {\n    grid-row: span 7 !important;\n  }\n}\n.is-row-8 {\n  grid-row: span 8;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-8-xxl {\n    grid-row: span 8 !important;\n  }\n}\n.is-row-9 {\n  grid-row: span 9;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-9-xxl {\n    grid-row: span 9 !important;\n  }\n}\n.is-row-10 {\n  grid-row: span 10;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-10-xxl {\n    grid-row: span 10 !important;\n  }\n}\n.is-row-11 {\n  grid-row: span 11;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-11-xxl {\n    grid-row: span 11 !important;\n  }\n}\n.is-row-12 {\n  grid-row: span 12;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-row-12-xxl {\n    grid-row: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-1-xs {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-2-xs {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-3-xs {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-4-xs {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-5-xs {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-6-xs {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-7-xs {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-8-xs {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-9-xs {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-10-xs {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-11-xs {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-col-12-xs {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-1-sm {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-2-sm {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-3-sm {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-4-sm {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-5-sm {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-6-sm {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-7-sm {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-8-sm {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-9-sm {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-10-sm {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-11-sm {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 576px) {\n  .is-col-12-sm {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-1-md {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-2-md {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-3-md {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-4-md {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-5-md {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-6-md {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-7-md {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-8-md {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-9-md {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-10-md {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-11-md {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 768px) {\n  .is-col-12-md {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-1-lg {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-2-lg {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-3-lg {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-4-lg {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-5-lg {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-6-lg {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-7-lg {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-8-lg {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-9-lg {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-10-lg {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-11-lg {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 992px) {\n  .is-col-12-lg {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-1-xl {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-2-xl {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-3-xl {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-4-xl {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-5-xl {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-6-xl {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-7-xl {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-8-xl {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-9-xl {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-10-xl {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-11-xl {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-col-12-xl {\n    grid-column: span 12 !important;\n  }\n}\n.is-col-1 {\n  grid-column: span 1;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-1-xxl {\n    grid-column: span 1 !important;\n  }\n}\n.is-col-2 {\n  grid-column: span 2;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-2-xxl {\n    grid-column: span 2 !important;\n  }\n}\n.is-col-3 {\n  grid-column: span 3;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-3-xxl {\n    grid-column: span 3 !important;\n  }\n}\n.is-col-4 {\n  grid-column: span 4;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-4-xxl {\n    grid-column: span 4 !important;\n  }\n}\n.is-col-5 {\n  grid-column: span 5;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-5-xxl {\n    grid-column: span 5 !important;\n  }\n}\n.is-col-6 {\n  grid-column: span 6;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-6-xxl {\n    grid-column: span 6 !important;\n  }\n}\n.is-col-7 {\n  grid-column: span 7;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-7-xxl {\n    grid-column: span 7 !important;\n  }\n}\n.is-col-8 {\n  grid-column: span 8;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-8-xxl {\n    grid-column: span 8 !important;\n  }\n}\n.is-col-9 {\n  grid-column: span 9;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-9-xxl {\n    grid-column: span 9 !important;\n  }\n}\n.is-col-10 {\n  grid-column: span 10;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-10-xxl {\n    grid-column: span 10 !important;\n  }\n}\n.is-col-11 {\n  grid-column: span 11;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-11-xxl {\n    grid-column: span 11 !important;\n  }\n}\n.is-col-12 {\n  grid-column: span 12;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-col-12-xxl {\n    grid-column: span 12 !important;\n  }\n}\n/* Class Generation\n------------------------- */\n.has-row-gap {\n  grid-row-gap: var(--spacing);\n}\n\n.has-row-gap-md {\n  grid-row-gap: var(--spacing-md);\n}\n\n.has-row-gap-lg {\n  grid-row-gap: var(--spacing-lg);\n}\n\n.has-no-row-gap {\n  grid-row-gap: 0;\n}\n\n.has-col-gap {\n  grid-column-gap: var(--spacing);\n}\n\n.has-col-gap-md {\n  grid-column-gap: var(--spacing-md);\n}\n\n.has-col-gap-lg {\n  grid-column-gap: var(--spacing-lg);\n}\n\n.has-no-col-gap {\n  grid-column-gap: 0;\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-ltr-xs {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 576px) {\n  .is-ltr-sm {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 768px) {\n  .is-ltr-md {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 992px) {\n  .is-ltr-lg {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-ltr-xl {\n    direction: ltr;\n  }\n}\n\n.is-ltr {\n  direction: ltr;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-ltr-xxl {\n    direction: ltr;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-rtl-xs {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 576px) {\n  .is-rtl-sm {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 768px) {\n  .is-rtl-md {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 992px) {\n  .is-rtl-lg {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 1200px) {\n  .is-rtl-xl {\n    direction: rtl;\n  }\n}\n\n.is-rtl {\n  direction: rtl;\n}\n\n@media screen and (min-width: 1440px) {\n  .is-rtl-xxl {\n    direction: rtl;\n  }\n}\n\n.is-placed-left {\n  place-self: left;\n}\n\n.is-placed-right {\n  place-self: right;\n}\n\n.is-placed-center {\n  place-self: center;\n}\n\n.is-placed-start {\n  place-self: start;\n}\n\n.is-placed-normal {\n  place-self: normal;\n}\n\n.is-order-1 {\n  order: 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-1-xs {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-1-sm {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-1-md {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-1-lg {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-1-xl {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-1-xxl {\n    order: 1;\n  }\n}\n\n.is-order-2 {\n  order: 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-2-xs {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-2-sm {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-2-md {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-2-lg {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-2-xl {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-2-xxl {\n    order: 2;\n  }\n}\n\n.is-order-3 {\n  order: 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-3-xs {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-3-sm {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-3-md {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-3-lg {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-3-xl {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-3-xxl {\n    order: 3;\n  }\n}\n\n.is-order-4 {\n  order: 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-4-xs {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-4-sm {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-4-md {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-4-lg {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-4-xl {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-4-xxl {\n    order: 4;\n  }\n}\n\n.is-order-5 {\n  order: 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-5-xs {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-5-sm {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-5-md {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-5-lg {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-5-xl {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-5-xxl {\n    order: 5;\n  }\n}\n\n.is-order-6 {\n  order: 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-6-xs {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-6-sm {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-6-md {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-6-lg {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-6-xl {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-6-xxl {\n    order: 6;\n  }\n}\n\n.is-order-7 {\n  order: 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-7-xs {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-7-sm {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-7-md {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-7-lg {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-7-xl {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-7-xxl {\n    order: 7;\n  }\n}\n\n.is-order-8 {\n  order: 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-8-xs {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-8-sm {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-8-md {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-8-lg {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-8-xl {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-8-xxl {\n    order: 8;\n  }\n}\n\n.is-order-9 {\n  order: 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-9-xs {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-9-sm {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-9-md {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-9-lg {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-9-xl {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-9-xxl {\n    order: 9;\n  }\n}\n\n.is-order-10 {\n  order: 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-10-xs {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-10-sm {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-10-md {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-10-lg {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-10-xl {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-10-xxl {\n    order: 10;\n  }\n}\n\n.is-order-11 {\n  order: 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-11-xs {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-11-sm {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-11-md {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-11-lg {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-11-xl {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-11-xxl {\n    order: 11;\n  }\n}\n\n.is-order-12 {\n  order: 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-12-xs {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-12-sm {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-12-md {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-12-lg {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-12-xl {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-12-xxl {\n    order: 12;\n  }\n}\n\n.is-order-1 {\n  order: 1;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-1-xs {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-1-sm {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-1-md {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-1-lg {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-1-xl {\n    order: 1;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-1-xxl {\n    order: 1;\n  }\n}\n\n.is-order-2 {\n  order: 2;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-2-xs {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-2-sm {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-2-md {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-2-lg {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-2-xl {\n    order: 2;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-2-xxl {\n    order: 2;\n  }\n}\n\n.is-order-3 {\n  order: 3;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-3-xs {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-3-sm {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-3-md {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-3-lg {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-3-xl {\n    order: 3;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-3-xxl {\n    order: 3;\n  }\n}\n\n.is-order-4 {\n  order: 4;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-4-xs {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-4-sm {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-4-md {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-4-lg {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-4-xl {\n    order: 4;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-4-xxl {\n    order: 4;\n  }\n}\n\n.is-order-5 {\n  order: 5;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-5-xs {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-5-sm {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-5-md {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-5-lg {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-5-xl {\n    order: 5;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-5-xxl {\n    order: 5;\n  }\n}\n\n.is-order-6 {\n  order: 6;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-6-xs {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-6-sm {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-6-md {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-6-lg {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-6-xl {\n    order: 6;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-6-xxl {\n    order: 6;\n  }\n}\n\n.is-order-7 {\n  order: 7;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-7-xs {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-7-sm {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-7-md {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-7-lg {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-7-xl {\n    order: 7;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-7-xxl {\n    order: 7;\n  }\n}\n\n.is-order-8 {\n  order: 8;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-8-xs {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-8-sm {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-8-md {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-8-lg {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-8-xl {\n    order: 8;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-8-xxl {\n    order: 8;\n  }\n}\n\n.is-order-9 {\n  order: 9;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-9-xs {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-9-sm {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-9-md {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-9-lg {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-9-xl {\n    order: 9;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-9-xxl {\n    order: 9;\n  }\n}\n\n.is-order-10 {\n  order: 10;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-10-xs {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-10-sm {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-10-md {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-10-lg {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-10-xl {\n    order: 10;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-10-xxl {\n    order: 10;\n  }\n}\n\n.is-order-11 {\n  order: 11;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-11-xs {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-11-sm {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-11-md {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-11-lg {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-11-xl {\n    order: 11;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-11-xxl {\n    order: 11;\n  }\n}\n\n.is-order-12 {\n  order: 12;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-order-12-xs {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 576px) {\n  .is-order-12-sm {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 768px) {\n  .is-order-12-md {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  .is-order-12-lg {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1200px) {\n  .is-order-12-xl {\n    order: 12;\n  }\n}\n\n@media screen and (min-width: 1440px) {\n  .is-order-12-xxl {\n    order: 12;\n  }\n}\n\n:root {\n  --col-gap-sm: 0.5rem;\n  --col-gap: 1rem;\n  --col-gap-md: 1.5rem;\n  --col-gap-lg: 2rem;\n  --col-gap-xl: 2.5rem;\n  --col-gap-xxl: 3rem;\n  --row-gap-sm: 0.5rem;\n  --row-gap: 1rem;\n  --row-gap-md: 1.5rem;\n  --row-gap-lg: 2rem;\n  --col-gap-xl: 2.5rem;\n  --col-gap-xxl: 3rem;\n  /* Misc */\n  --spacing-sm: 0.5rem;\n  --spacing-sml: 0.75rem;\n  --spacing: 1rem;\n  --spacing-md: 1.5rem;\n  --spacing-lg: 2rem;\n  --spacing-xl: 2.5rem;\n  --spacing-xxl: 3rem;\n}\n\n.has-col-gap-default {\n  grid-column-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 1200px) {\n  .has-col-gap-default {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .has-col-gap-default {\n    grid-column-gap: var(--spacing-xl);\n  }\n}\n\n.has-row-gap-default {\n  grid-row-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 1200px) {\n  .has-row-gap-default {\n    grid-row-gap: var(--spacing-lg);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .has-row-gap-default {\n    grid-row-gap: var(--spacing-xl);\n  }\n}\n\n.has-col-gap-sm {\n  grid-column-gap: var(--spacing-sm);\n}\n\n.has-row-gap-sm {\n  grid-row-gap: var(--spacing-sm);\n}\n\n.has-col-gap-sml {\n  grid-column-gap: var(--spacing-sml);\n}\n\n.has-row-gap-sml {\n  grid-row-gap: var(--spacing-sml);\n}\n\n.has-col-gap-lg {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-lg {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n\n.has-row-gap-lg {\n  grid-row-gap: var(--spacing-lg);\n}\n\n.has-col-gap-xl {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-xl {\n    grid-column-gap: var(--spacing-xl);\n  }\n}\n\n.has-row-gap-xl {\n  grid-row-gap: var(--spacing-xl);\n}\n\n.has-col-gap-xxl {\n  grid-column-gap: 0px;\n}\n@media only screen and (min-width: 768px) {\n  .has-col-gap-xxl {\n    grid-column-gap: var(--spacing-xxl);\n  }\n}\n\n.has-row-gap-xxl {\n  grid-row-gap: var(--spacing-xxl);\n}\n\n.has-no-row {\n  grid-row-gap: 0;\n}\n\n.has-m-sm {\n  margin: var(--spacing-sm);\n}\n\n.has-m-top-sm {\n  margin-top: var(--spacing-sm);\n}\n\n.has-m-right-sm {\n  margin-right: var(--spacing-sm);\n}\n\n.has-m-bottom-sm {\n  margin-bottom: var(--spacing-sm);\n}\n\n.has-m-left-sm {\n  margin-left: var(--spacing-sm);\n}\n\n.has-m {\n  margin: var(--spacing);\n}\n\n.has-m-top {\n  margin-top: var(--spacing);\n}\n\n.has-m-right {\n  margin-right: var(--spacing);\n}\n\n.has-m-bottom {\n  margin-bottom: var(--spacing);\n}\n\n.has-m-left {\n  margin-left: var(--spacing);\n}\n\n.has-m-md {\n  margin: var(--spacing-md);\n}\n\n.has-m-top-md {\n  margin-top: var(--spacing-md);\n}\n\n.has-m-right-md {\n  margin-right: var(--spacing-md);\n}\n\n.has-m-bottom-md {\n  margin-bottom: var(--spacing-md);\n}\n\n.has-m-left-md {\n  margin-left: var(--spacing-md);\n}\n\n.has-m-lg {\n  margin: var(--spacing-lg);\n}\n\n.has-m-top-lg {\n  margin-top: var(--spacing-lg);\n}\n\n.has-m-right-lg {\n  margin-right: var(--spacing-lg);\n}\n\n.has-m-bottom-lg {\n  margin-bottom: var(--spacing-lg);\n}\n\n.has-m-left-lg {\n  margin-left: var(--spacing-lg);\n}\n\n.has-m-xl {\n  margin: var(--spacing-xl);\n}\n\n.has-m-top-xl {\n  margin-top: var(--spacing-xl);\n}\n\n.has-m-right-xl {\n  margin-right: var(--spacing-xl);\n}\n\n.has-m-bottom-xl {\n  margin-bottom: var(--spacing-xl);\n}\n\n.has-m-left-xl {\n  margin-left: var(--spacing-xl);\n}\n\n.has-m-xxl {\n  margin: var(--spacing-xxl);\n}\n\n.has-m-top-xxl {\n  margin-top: var(--spacing-xxl);\n}\n\n.has-m-right-xxl {\n  margin-right: var(--spacing-xxl);\n}\n\n.has-m-bottom-xxl {\n  margin-bottom: var(--spacing-xxl);\n}\n\n.has-m-left-xxl {\n  margin-left: var(--spacing-xxl);\n}\n\n.has-no-m {\n  margin: 0;\n}\n\n.has-no-top-m {\n  margin-top: 0;\n}\n\n.has-no-right-m {\n  margin-right: 0;\n}\n\n.has-no-bottom-m {\n  margin-bottom: 0;\n}\n\n.has-no-left-m {\n  margin-left: 0;\n}\n\n.has-p-sm {\n  padding: var(--spacing-sm);\n}\n\n.has-p-top-sm {\n  padding-top: var(--spacing-sm);\n}\n\n.has-p-right-sm {\n  padding-right: var(--spacing-sm);\n}\n\n.has-p-bottom-sm {\n  padding-bottom: var(--spacing-sm);\n}\n\n.has-p-left-sm {\n  padding-left: var(--spacing-sm);\n}\n\n.has-p {\n  padding: var(--spacing);\n}\n\n.has-p-top {\n  padding-top: var(--spacing);\n}\n\n.has-p-right {\n  padding-right: var(--spacing);\n}\n\n.has-p-bottom {\n  padding-bottom: var(--spacing);\n}\n\n.has-p-left {\n  padding-left: var(--spacing);\n}\n\n.has-p-md {\n  padding: var(--spacing-md);\n}\n\n.has-p-top-md {\n  padding-top: var(--spacing-md);\n}\n\n.has-p-right-md {\n  padding-right: var(--spacing-md);\n}\n\n.has-p-bottom-md {\n  padding-bottom: var(--spacing-md);\n}\n\n.has-p-left-md {\n  padding-left: var(--spacing-md);\n}\n\n.has-p-lg {\n  padding: var(--spacing-lg);\n}\n\n.has-p-top-lg {\n  padding-top: var(--spacing-lg);\n}\n\n.has-p-right-lg {\n  padding-right: var(--spacing-lg);\n}\n\n.has-p-bottom-lg {\n  padding-bottom: var(--spacing-lg);\n}\n\n.has-p-left-lg {\n  padding-left: var(--spacing-lg);\n}\n\n.has-p-xl {\n  padding: var(--spacing-xl);\n}\n\n.has-p-top-xl {\n  padding-top: var(--spacing-xl);\n}\n\n.has-p-right-xl {\n  padding-right: var(--spacing-xl);\n}\n\n.has-p-bottom-xl {\n  padding-bottom: var(--spacing-xl);\n}\n\n.has-p-left-xl {\n  padding-left: var(--spacing-xl);\n}\n\n.has-p-xxl {\n  padding: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-xxl {\n    padding: var(--spacing-xxl);\n  }\n}\n\n.has-p-top-xxl {\n  padding-top: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-top-xxl {\n    padding-top: var(--spacing-xxl);\n  }\n}\n\n.has-p-right-xxl {\n  padding-right: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-right-xxl {\n    padding-right: var(--spacing-xxl);\n  }\n}\n\n.has-p-bottom-xxl {\n  padding-bottom: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-bottom-xxl {\n    padding-bottom: var(--spacing-xxl);\n  }\n}\n\n.has-p-left-xxl {\n  padding-left: var(--spacing-lg);\n}\n@media screen and (min-width: 769px) {\n  .has-p-left-xxl {\n    padding-left: var(--spacing-xxl);\n  }\n}\n\n.has-no-p {\n  margin: 0;\n}\n\n.has-no-top-p {\n  padding-top: 0;\n}\n\n.has-no-right-p {\n  padding-right: 0;\n}\n\n.has-no-bottom-p {\n  padding-bottom: 0;\n}\n\n.has-no-left-p {\n  padding-left: 0;\n}\n\n.is-centered {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.is-centered-horizontally {\n  display: flex;\n  justify-content: center;\n}\n\n.is-centered-vertically {\n  display: flex;\n  align-items: center;\n}\n\n.is-block {\n  display: block;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-block-xs {\n    display: block;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-block-sm {\n    display: block;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-block-md {\n    display: block;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-block-lg {\n    display: block;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-block-xl {\n    display: block;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-block-xxl {\n    display: block;\n  }\n}\n.is-inline-block {\n  display: inline-block;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-inline-block-xs {\n    display: inline-block;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-inline-block-sm {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-inline-block-md {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-inline-block-lg {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-inline-block-xl {\n    display: inline-block;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-inline-block-xxl {\n    display: inline-block;\n  }\n}\n.is-flex {\n  display: flex;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-flex-xs {\n    display: flex;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-flex-sm {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-flex-md {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-flex-lg {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-flex-xl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-flex-xxl {\n    display: flex;\n  }\n}\n.is-inline-flex {\n  display: inline-flex;\n}\n\n@media screen and (min-width: 575.5px) {\n  .is-inline-flex-xs {\n    display: inline-flex;\n  }\n}\n@media screen and (min-width: 576px) {\n  .is-inline-flex-sm {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .is-inline-flex-md {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-inline-flex-lg {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .is-inline-flex-xl {\n    display: inline-flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .is-inline-flex-xxl {\n    display: inline-flex;\n  }\n}\n.is-device {\n  display: none;\n}\n\n.is-screen {\n  display: block;\n}\n\n.is-medium {\n  display: block !important;\n}\n\n@media only screen and (min-device-width: 1px) and (-webkit-min-device-pixel-ratio: 2) {\n  .is-device {\n    display: block;\n  }\n  .is-screen {\n    display: none;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .is-medium {\n    display: none !important;\n  }\n}\n.is-flexBasis-half {\n  flex-basis: 50%;\n}\n\n.is-table {\n  display: table !important;\n}\n\n.is-tableCell {\n  display: table-cell !important;\n}\n\n.is-widthFull {\n  width: 100% !important;\n}\n\n@media only screen and (min-width: 2600px) {\n  .is-grid .is-col-1-xxxl {\n    grid-column: span 1 !important;\n  }\n  .is-grid .is-col-2-xxxl {\n    grid-column: span 2 !important;\n  }\n  .is-grid .is-col-3-xxxl {\n    grid-column: span 3 !important;\n  }\n  .is-grid .is-col-4-xxxl {\n    grid-column: span 4 !important;\n  }\n  .is-grid .is-col-5-xxxl {\n    grid-column: span 6 !important;\n  }\n  .is-grid .is-col-7-xxxl {\n    grid-column: span 7 !important;\n  }\n  .is-grid .is-col-8-xxxl {\n    grid-column: span 8 !important;\n  }\n  .is-grid .is-col-9-xxxl {\n    grid-column: span 9 !important;\n  }\n  .is-grid .is-col-10-xxxl {\n    grid-column: span 10 !important;\n  }\n  .is-grid .is-col-11-xxxl {\n    grid-column: span 11 !important;\n  }\n  .is-grid .is-col-12-xxxl {\n    grid-column: span 12 !important;\n  }\n}\n.media-gutter {\n  grid-column-gap: 10px;\n  grid-row-gap: 10px;\n}\n\n.bio-grid {\n  grid-row-gap: var(--ptc-layout-spacing-04);\n}\n@media only screen and (min-width: 768px) {\n  .bio-grid {\n    grid-column-gap: var(--ptc-layout-spacing-04);\n    grid-row-gap: var(--ptc-layout-spacing-04);\n  }\n}\n\n@media (max-width: 480px) {\n  .column-gap-mobile {\n    grid-column-gap: 1rem;\n  }\n}\n\n.hr-1 {\n  background-color: var(--color-gray-01);\n}\n\n.hr-2 {\n  background-color: var(--color-gray-02);\n}\n\n.hr-3 {\n  background-color: var(--color-gray-03);\n}\n\n.hr-4 {\n  background-color: var(--color-gray-04);\n}\n\n.hr-5 {\n  background-color: var(--color-gray-05);\n}\n\n.hr-6 {\n  background-color: var(--color-gray-06);\n}\n\n/*\n* Element and layout spacing\n*/\n:root {\n  --ptc-element-spacing-01: 0.25rem; /* 4px */\n  --ptc-element-spacing-02: 0.5rem; /* 8px */\n  --ptc-element-spacing-03: 0.75rem; /* 12px */\n  --ptc-element-spacing-04: 1rem; /* 16px */\n  --ptc-element-spacing-05: 1.25rem; /* 20px */\n  --ptc-element-spacing-06: 1.5rem; /* 24px */\n  --ptc-element-spacing-07: 2rem; /* 32px */\n  --ptc-element-spacing-08: 2.5rem; /* 40px */\n  --ptc-element-spacing-09: 3rem; /* 48px */\n  --ptc-layout-spacing-01: 0.5rem; /* 8px */\n  --ptc-layout-spacing-02: 1rem; /* 16px */\n  --ptc-layout-spacing-03: 1.5rem; /* 24px */\n  --ptc-layout-spacing-04: 2rem; /* 32px */\n  --ptc-layout-spacing-05: 4rem; /* 64px */\n  --ptc-layout-spacing-06: 5rem; /* 80px */\n  --ptc-layout-spacing-07: 6rem; /* 96px */\n}\n\n/**\n* transaction and ease\n**/\n:root {\n  --ptc-transition-x-fast: 100ms;\n  --ptc-transition-faster: 150ms;\n  --ptc-transition-fast: 200ms;\n  --ptc-transition-medium: 250ms;\n  --ptc-transition-slow: 300ms;\n  --ptc-transition-slower: 500ms;\n  --ptc-transition-x-slow: 600ms;\n  --ptc-transition-xx-slow: 1000ms;\n  --ptc-ease-in: cubic-bezier(0.42, 0, 1, 1);\n  --ptc-ease-out: cubic-bezier(0, 0, 0.58, 1);\n  --ptc-ease-inout: cubic-bezier(0.42, 0, 0.58, 1);\n  --ptc-delay-5: 50ms;\n  --ptc-delay-10: 100ms;\n  --ptc-delay-20: 200ms;\n  --ptc-delay-25: 250ms;\n  --ptc-delay-30: 300ms;\n  --ptc-delay-40: 400ms;\n  --ptc-delay-50: 500ms;\n  --ptc-delay-60: 600ms;\n  --ptc-delay-70: 700ms;\n  --ptc-delay-80: 800ms;\n  --ptc-delay-90: 900ms;\n}\n@keyframes move-up-small {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-01)));\n  }\n}\n@keyframes move-up-medium {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-02)));\n  }\n}\n@keyframes move-up-large {\n  from {\n    transform: translateY(0px);\n  }\n  to {\n    transform: translateY(calc(-1 * var(--ptc-element-spacing-03)));\n  }\n}\n@keyframes fade-in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes scale-up {\n  0% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes scale-x {\n  0% {\n    transform: scaleX(0);\n  }\n  100% {\n    transform: scaleX(1);\n  }\n}\n:root .ptc-anim-delay-5 {\n  animation-delay: var(--ptc-delay-5);\n}\n:root .ptc-anim-delay-10 {\n  animation-delay: var(--ptc-delay-10);\n}\n:root .ptc-anim-delay-20 {\n  animation-delay: var(--ptc-delay-20);\n}\n:root .ptc-anim-delay-25 {\n  animation-delay: var(--ptc-delay-25);\n}\n:root .ptc-anim-delay-30 {\n  animation-delay: var(--ptc-delay-30);\n}\n:root .ptc-anim-delay-40 {\n  animation-delay: var(--ptc-delay-40);\n}\n:root .ptc-anim-delay-50 {\n  animation-delay: var(--ptc-delay-50);\n}\n:root .ptc-anim-delay-60 {\n  animation-delay: var(--ptc-delay-60);\n}\n:root .ptc-anim-delay-70 {\n  animation-delay: var(--ptc-delay-70);\n}\n:root .ptc-anim-delay-80 {\n  animation-delay: var(--ptc-delay-80);\n}\n:root .ptc-anim-delay-90 {\n  animation-delay: var(--ptc-delay-90);\n}\n:root .ptc-fade-in {\n  animation-name: fade-in;\n  animation-duration: var(--ptc-transition-xx-slow);\n  animation-timing-function: var(--ptc-ease-inout);\n  animation-fill-mode: forwards;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.001ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.001ms !important;\n  }\n}\n.u-para-sm {\n  font-size: var(--ptc-font-size-small) !important;\n}\n\n.u-para-md {\n  font-size: var(--ptc-font-size-medium) !important;\n}\n\n.u-para-lg {\n  font-size: var(--ptc-font-size-large) !important;\n}\n\n.u-para-xl {\n  font-size: var(--ptc-font-size-x-large) !important;\n}\n\n.u-para-xxl {\n  font-size: var(--ptc-font-size-xx-large) !important;\n}\n\n.u-para-xxxl {\n  font-size: var(--ptc-font-size-xxx-large) !important;\n}\n\n@media only screen and (min-width: 768px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.05vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.05vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.05vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.05vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.05vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.05vw) !important;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.1vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.1vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.1vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.1vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.1vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.1vw) !important;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.15vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.15vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.15vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.15vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.15vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.15vw) !important;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.2vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.2vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.2vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.2vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.2vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.2vw) !important;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.25vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.25vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.25vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.25vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.25vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.25vw) !important;\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.3vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.3vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.3vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.3vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.3vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.3vw) !important;\n  }\n}\n@media only screen and (min-width: 2600px) {\n  .u-para-sm {\n    font-size: calc(var(--ptc-font-size-small) + 0.35vw) !important;\n  }\n  .u-para-md {\n    font-size: calc(var(--ptc-font-size-medium) + 0.35vw) !important;\n  }\n  .u-para-lg {\n    font-size: calc(var(--ptc-font-size-large) + 0.35vw) !important;\n  }\n  .u-para-xl {\n    font-size: calc(var(--ptc-font-size-x-large) + 0.35vw) !important;\n  }\n  .u-para-xxl {\n    font-size: calc(var(--ptc-font-size-xx-large) + 0.35vw) !important;\n  }\n  .u-para-xxxl {\n    font-size: calc(var(--ptc-font-size-xxx-large) + 0.35vw) !important;\n  }\n}\n.u-para-body {\n  font-size: var(--ptc-font-size-medium) !important;\n}\n\n.u-color-white {\n  color: var(--color-white) !important;\n}\n\n.u-uppercase {\n  text-transform: uppercase !important;\n}\n\n.u-margin-flush {\n  margin: 0 !important;\n}\n\n.u-marginTop-flush {\n  margin-top: 0 !important;\n}\n\n.u-marginLeft-flush {\n  margin-left: 0 !important;\n}\n\n.u-marginRight-flush {\n  margin-right: 0 !important;\n}\n\n.u-marginBottom-flush {\n  margin-bottom: 0 !important;\n}\n\n.u-padding-flush {\n  padding: 0 !important;\n}\n\n.u-paddingTop-flush {\n  padding-top: 0 !important;\n}\n\n.u-paddingLeft-flush {\n  padding-left: 0 !important;\n}\n\n.u-paddingRight-flush {\n  padding-right: 0 !important;\n}\n\n.u-paddingBottom-flush {\n  padding-bottom: 0 !important;\n}\n\n.u-margin-xs {\n  margin: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginTop-xs {\n  margin-top: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginLeft-xs {\n  margin-left: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginRight-xs {\n  margin-right: var(--ptc-element-spacing-01) !important;\n}\n\n.u-marginBottom-xs {\n  margin-bottom: var(--ptc-element-spacing-01) !important;\n}\n\n.u-margin-sm {\n  margin: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginTop-sm {\n  margin-top: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginLeft-sm {\n  margin-left: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginRight-sm {\n  margin-right: var(--ptc-element-spacing-02) !important;\n}\n\n.u-marginBottom-sm {\n  margin-bottom: var(--ptc-element-spacing-02) !important;\n}\n\n.u-margin-md {\n  margin: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginTop-md {\n  margin-top: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginLeft-md {\n  margin-left: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginRight-md {\n  margin-right: var(--ptc-element-spacing-03) !important;\n}\n\n.u-marginBottom-md {\n  margin-bottom: var(--ptc-element-spacing-03) !important;\n}\n\n.u-margin-lg {\n  margin: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginTop-lg {\n  margin-top: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginLeft-lg {\n  margin-left: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginRight-lg {\n  margin-right: var(--ptc-element-spacing-04) !important;\n}\n\n.u-marginBottom-lg {\n  margin-bottom: var(--ptc-element-spacing-04) !important;\n}\n\n.u-margin-xl {\n  margin: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginTop-xl {\n  margin-top: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginLeft-xl {\n  margin-left: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginRight-xl {\n  margin-right: var(--ptc-element-spacing-05) !important;\n}\n\n.u-marginBottom-xl {\n  margin-bottom: var(--ptc-element-spacing-05) !important;\n}\n\n.u-margin-xxl {\n  margin: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginTop-xxl {\n  margin-top: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginLeft-xxl {\n  margin-left: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginRight-xxl {\n  margin-right: var(--ptc-element-spacing-06) !important;\n}\n\n.u-marginBottom-xxl {\n  margin-bottom: var(--ptc-element-spacing-06) !important;\n}\n\n.u-margin-xxxl {\n  margin: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginTop-xxxl {\n  margin-top: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginLeft-xxxl {\n  margin-left: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginRight-xxxl {\n  margin-right: var(--ptc-element-spacing-07) !important;\n}\n\n.u-marginBottom-xxxl {\n  margin-bottom: var(--ptc-element-spacing-07) !important;\n}\n\n.u-margin-4xl {\n  margin: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginTop-4xl {\n  margin-top: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginLeft-4xl {\n  margin-left: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginRight-4xl {\n  margin-right: var(--ptc-element-spacing-08) !important;\n}\n\n.u-marginBottom-4xl {\n  margin-bottom: var(--ptc-element-spacing-08) !important;\n}\n\n.u-textAlign-ctr {\n  text-align: center !important;\n}\n\n.u-textAlign-right {\n  text-align: right !important;\n}\n\n.u-textAlign-left {\n  text-align: left !important;\n}\n\n.u-textWhite {\n  color: var(--color-white) !important;\n}\n\n.u-textGreen1 {\n  color: var(--color-green-07) !important;\n}\n\n.u-textGreen2 {\n  color: var(--color-green-06) !important;\n}\n\n.u-text-nowrap {\n  white-space: nowrap;\n}\n\n.u-text-medium {\n  font-weight: var(--ptc-font-weight-medium);\n}\n\n.u-text-semibold {\n  font-weight: var(--ptc-font-weight-semibold);\n}\n\n.u-text-bold {\n  font-weight: var(--ptc-font-weight-bold);\n}\n\n.u-text-thin {\n  font-weight: var(--ptc-font-weight-thin);\n}\n\n.u-textStyle-normal {\n  font-style: normal !important;\n}\n\n.u-no-scroll {\n  overflow: hidden;\n}\n\n.overflow-x-hidden {\n  overflow-x: hidden;\n}\n\n.u-background-white {\n  background-color: var(--color-white);\n}\n\n.u-background-reset {\n  background-color: transparent !important;\n}\n\n.u-white-overylay {\n  background: hsla(0, 0%, 94.9%, 0.9);\n}\n\n.u-cursor-pointer {\n  cursor: pointer;\n}\n\n.u-clear {\n  clear: both;\n}\n\n.u-border-radius-standard {\n  border-radius: var(--ptc-border-radius-standard);\n}\n\n.u-border-radius-large {\n  border-radius: var(--ptc-border-radius-large);\n}\n\n.u-border-radius-pill {\n  border-radius: var(--ptc-border-radius-pill);\n}\n\n.u-border-radius-circle {\n  border-radius: var(--ptc-border-radius-circle);\n}\n\n.u-border-none {\n  border: none;\n}\n\n.u-shadow-x-small {\n  box-shadow: var(--ptc-shadow-x-small);\n}\n\n.u-shadow-small {\n  box-shadow: var(--ptc-shadow-small);\n}\n\n.u-shadow-medium {\n  box-shadow: var(--ptc-shadow-medium);\n}\n\n.u-shadow-large {\n  box-shadow: var(--ptc-shadow-large);\n}\n\n.u-shadow-x-large {\n  box-shadow: var(--ptc-shadow-x-large);\n}\n\n@media only screen and (min-width: 768px) {\n  .u-hero-width {\n    width: 525px;\n  }\n  .u-margin-center {\n    margin: 0 auto;\n  }\n  .u-justify-self-end {\n    justify-self: flex-end;\n  }\n}\n.u-hero-pushup {\n  transform: translateY(-120px);\n}\n@media only screen and (min-width: 768px) {\n  .u-hero-pushup {\n    transform: translateY(-144px);\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .grid-order-1-md {\n    order: 1;\n  }\n  .grid-order-2-md {\n    order: 2;\n  }\n  .grid-order-3-md {\n    order: 3;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .grid-order-1-lg {\n    order: 1;\n  }\n  .grid-order-2-lg {\n    order: 2;\n  }\n  .grid-order-3-lg {\n    order: 3;\n  }\n}\n.standard-list {\n  list-style: none;\n  margin-left: 0;\n  margin-bottom: 20px;\n  padding: 0;\n}\n\n.is-spaced-between {\n  justify-content: space-between;\n}\n\n.h-100 {\n  height: 100%;\n}\n\n.w-100 {\n  width: 100%;\n}\n\n.grid-large-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-large-col-gap-md {\n    -moz-column-gap: 3rem;\n         column-gap: 3rem;\n  }\n}\n\n.grid-large-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-large-col-gap-sm {\n    -moz-column-gap: 3rem;\n         column-gap: 3rem;\n  }\n}\n\n.grid-x-large-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-x-large-col-gap-md {\n    -moz-column-gap: 4rem;\n         column-gap: 4rem;\n  }\n}\n\n.grid-x-large-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-x-large-col-gap-sm {\n    -moz-column-gap: 4rem;\n         column-gap: 4rem;\n  }\n}\n\n.grid-medium-col-gap-md {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 992px) {\n  .grid-medium-col-gap-md {\n    -moz-column-gap: 2rem;\n         column-gap: 2rem;\n  }\n}\n\n.grid-medium-col-gap-sm {\n  -moz-column-gap: 0;\n       column-gap: 0;\n}\n@media only screen and (min-width: 768px) {\n  .grid-medium-col-gap-sm {\n    -moz-column-gap: 2rem;\n         column-gap: 2rem;\n  }\n}\n\n/* Floating Content */\n.is-float-left {\n  float: left;\n}\n\n.is-float-right {\n  float: right;\n}\n\n/* Hiding Content by Breakpoint */\n.is-mobile {\n  display: block;\n}\n\n.is-desktop {\n  display: none;\n}\n\n@media only screen and (min-width: 992px) {\n  .is-mobile {\n    display: none;\n  }\n  .is-desktop {\n    display: block;\n  }\n}\n.ptc-section {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.ptc-section-standard {\n  padding-top: 3rem;\n  padding-bottom: 3rem;\n}\n\n.ptc-section-half {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n\n.ptc-section-large {\n  padding-top: 2.25rem;\n  padding-bottom: 2.25rem;\n}\n@media only screen and (min-width: 992px) {\n  .ptc-section-large {\n    padding-top: 3.5rem;\n    padding-bottom: 3.5rem;\n  }\n}\n\n.ptc-section-hp {\n  padding-bottom: calc(2.25rem - 32px);\n}\n@media only screen and (min-width: 992px) {\n  .ptc-section-hp {\n    padding-bottom: calc(3.5rem - 32px);\n  }\n}\n\n.u-flex {\n  display: flex;\n}\n\n@media only screen and (min-width: 480px) {\n  .u-flex-xs {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .u-flex-sm {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-flex-md {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .u-flex-lg {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .u-flex-xl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1600px) {\n  .u-flex-xxl {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 1980px) {\n  .u-flex-2k {\n    display: flex;\n  }\n}\n@media only screen and (min-width: 2600px) {\n  .u-flex-4k {\n    display: flex;\n  }\n}\n.u-align-center {\n  margin: auto;\n  align-self: center;\n}\n\n.u-align-left {\n  margin-right: auto;\n  align-self: center;\n}\n\n.u-align-right {\n  margin-left: auto;\n  align-self: center;\n}\n\n.u-align-x-center {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.u-align-x-left {\n  margin-right: auto;\n}\n\n.u-align-x-right {\n  margin-left: auto;\n}\n\n.u-align-y-center {\n  align-self: center;\n}\n\n.u-align-y-top {\n  align-self: flex-start;\n}\n\n.u-align-y-bottom {\n  align-self: flex-end;\n}\n\n.is-flex-column {\n  flex-direction: column;\n}\n\n.flex-align-items {\n  align-items: flex-end;\n}\n\n.flex-align-items-center {\n  align-items: center;\n}\n\n.u-flex-nowrap {\n  flex-wrap: nowrap;\n}\n\n.u-flex-wrap {\n  flex-wrap: wrap;\n}\n\n.u-align-self-start {\n  align-self: start;\n}\n\n.u-align-self-center {\n  align-self: center;\n}\n\n.u-align-self-stretch {\n  align-self: stretch;\n}\n\n.u-justify-self-start {\n  justify-self: start;\n}\n\n.u-justify-self-center {\n  justify-self: center;\n}\n\n.u-justify-self-stretch {\n  justify-self: stretch;\n}\n\n.u-flex-justify-center {\n  justify-content: center;\n}\n\n.u-flex-justify-flexend {\n  justify-content: flex-end;\n}\n\n.u-section-heading-wrapper {\n  max-width: 768px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.embed-responsive {\n  position: relative;\n  display: block;\n  height: 0;\n  padding: 0;\n  overflow: hidden;\n}\n\n.embed-responsive-16by9 {\n  padding-bottom: 56.25%;\n}\n\n.embed-responsive .embed-responsive-item,\n.embed-responsive embed,\n.embed-responsive iframe,\n.embed-responsive object,\n.embed-responsive video {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n@media only screen and (min-width: 768px) {\n  .is-grid.grid-large-col-gap-xs-0 {\n    row-gap: 0;\n  }\n}\n.max-content {\n  max-width: 90%;\n}\n@media only screen and (min-width: 480px) {\n  .max-content {\n    max-width: 80%;\n  }\n}\n.max-content {\n  margin: auto;\n}\n\n.u-justify-space-between {\n  justify-content: space-between;\n}\n\n.all-product-banner {\n  padding: 50px 0 44px 0px;\n}\n@media only screen and (min-width: 992px) {\n  .all-product-banner {\n    padding: 50px 0 72px 0px;\n    display: flex;\n    min-height: 300px;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.all-product-gradient {\n  background: linear-gradient(180deg, #f3f3f3 2.6%, rgba(225, 241, 226, 0.2) 40.63%, #f3f3f3 82.29%), linear-gradient(0deg, #f3f3f3, #f3f3f3);\n}\n\n.menu-right ptc-nav-submenu {\n  position: relative;\n}\n\n.media-thumb-feature {\n  display: block;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature {\n    display: flex;\n    justify-content: space-between;\n  }\n}\n.media-thumb-feature .media-thumb {\n  width: 100%;\n  margin-bottom: 2rem;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature .media-thumb {\n    width: 340px;\n    flex: 0 0 340px;\n  }\n}\n.media-thumb-feature .media-thumb > ptc-picture:not(:last-of-type),\n.media-thumb-feature .media-thumb > img:not(:last-of-type) {\n  margin-bottom: 1.5rem;\n}\n.media-thumb-feature .media-feature {\n  width: 100%;\n  margin-bottom: 2rem;\n}\n@media only screen and (min-width: 992px) {\n  .media-thumb-feature .media-feature {\n    width: auto;\n    flex: 1 1 auto;\n  }\n}\n\n.partner-card-desc h5.description {\n  font-family: var(--ptc-font-latin);\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-x-small);\n  font-weight: var(--ptc-font-weight-medium);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-medium);\n  margin: 0 0 10px 0;\n}\n.partner-card-desc .tags {\n  margin-bottom: 0.75rem;\n}\n.partner-card-desc .tags .tag:not(:first-child) {\n  border-left: 2px solid var(--color-green-07);\n  padding: 0 8px;\n}\n.partner-card-desc .tags .tag:first-child {\n  padding: 0 8px 0 0;\n}\n.partner-card-desc .tags .tag {\n  color: var(--color-gray-10);\n  display: inline;\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-bold);\n  letter-spacing: var(--ptc-letter-spacing-loose);\n  margin: 0 0 10px 0;\n  padding: 0 8px;\n}\n\n.u-3-col-grid {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  grid-row-gap: 1rem;\n  grid-column-gap: 1rem;\n}\n.u-3-col-grid .u-3-col {\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .u-3-col-grid .u-3-col {\n    width: calc(50% - 10.66666666px);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-3-col-grid .u-3-col {\n    width: calc(33.3333333333% - 10.66666666px);\n  }\n}\n.u-3-col-grid.u-col-space-lg {\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n}\n.u-3-col-grid.u-col-space-lg .u-3-col {\n  width: 100%;\n}\n@media only screen and (min-width: 768px) {\n  .u-3-col-grid.u-col-space-lg .u-3-col {\n    width: calc(50% - 21.3333333px);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .u-3-col-grid.u-col-space-lg .u-3-col {\n    width: calc(33.3333333333% - 21.3333333px);\n  }\n}\n\n.u-display-none {\n  display: none;\n}\n\nptc-preloader-section.min-height {\n  min-height: 150vh;\n}\n\n@media only screen and (min-width: 1200px) {\n  .ms-mobile-select {\n    display: none;\n  }\n}\n.ms-mobile-select.ms-show {\n  position: fixed;\n}\n\n.light-font {\n  color: var(--color-white);\n}\n.light-font * {\n  color: var(--color-white);\n}\n\nptc-nav-submenu {\n  margin-top: 6px;\n  border-left: 2px solid transparent;\n  border-right: 2px solid transparent;\n  border-bottom: 2px solid transparent;\n}\nptc-nav-submenu:focus-visible, ptc-nav-submenu:focus {\n  margin-top: 4px;\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n\nptc-nav-link {\n  margin-top: 6px;\n  border-left: 2px solid transparent;\n  border-right: 2px solid transparent;\n  border-bottom: 2px solid transparent;\n}\n\n.tooltip-box {\n  visibility: visible;\n  padding: 8px;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-weight: var(--ptc-font-weight-semibold);\n  background-color: var(--color-gray-09);\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n  border: none;\n  border-radius: var(--ptc-border-radius-standard);\n  width: auto;\n  height: auto;\n  text-align: left;\n  text-shadow: none;\n  white-space: normal;\n  position: absolute;\n  z-index: 999;\n  line-height: 1.5;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box {\n    width: 273px;\n  }\n}\n.tooltip-box.hide-tooltip-mobile {\n  display: none !important;\n}\n@media only screen and (min-width: 768px) {\n  .tooltip-box.hide-tooltip-mobile {\n    display: block !important;\n  }\n}\n.tooltip-box.full-width {\n  width: 100%;\n}\n.tooltip-box::after {\n  content: \"\";\n  position: absolute;\n}\n.tooltip-box.bottom {\n  bottom: -12px;\n  transform: translateY(100%);\n}\n.tooltip-box.bottom::after {\n  top: 1px;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.left {\n  bottom: -12px;\n  transform: translate(-80%, 100%);\n}\n.tooltip-box.left::after {\n  top: 1px;\n  right: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.right {\n  bottom: -12px;\n  transform: translateY(100%);\n  right: 0px;\n}\n@-moz-document url-prefix() {\n  .tooltip-box.right {\n    right: unset !important;\n    bottom: unset !important;\n    transform: translate(60%, 8px) !important;\n  }\n  @media screen and (min-width: 992px) {\n    .tooltip-box.right {\n      transform: translate(100%, 8px) !important;\n    }\n  }\n}\n.tooltip-box.right::after {\n  top: 1px;\n  left: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.top {\n  top: -8px;\n  transform: translateY(-100%);\n}\n.tooltip-box.top::after {\n  left: 50%;\n  bottom: 1px;\n  transform: translate(-50%, 100%);\n  border: 8px solid transparent;\n  border-top: 8px solid var(--color-gray-09);\n}\n.tooltip-box.bottom-right {\n  bottom: -12px;\n  transform: translate(100%, 100%);\n}\n.tooltip-box.bottom-right::after {\n  top: 1px;\n  left: 10%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.danger {\n  color: var(--color-red-07);\n  font-family: var(--ptc-font-latin);\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  border: 2px solid var(--color-red-07);\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-white);\n  padding: var(--ptc-element-spacing-06);\n}\n.tooltip-box.danger a {\n  color: var(--color-hyperlink);\n}\n\n@media (max-width: 768px) {\n  .hide-tooltip-on-mobile h1,\n  .hide-tooltip-on-mobile h2,\n  .hide-tooltip-on-mobile h3,\n  .hide-tooltip-on-mobile h4,\n  .hide-tooltip-on-mobile h5,\n  .hide-tooltip-on-mobile h6 {\n    -webkit-line-clamp: initial !important;\n  }\n}\n\ndynamic-box-bundle p {\n  margin: 0px !important;\n}\n\n.col-media-slot-text p {\n  font-size: var(--ptc-font-size-x-small);\n}\n\n.fef-two-column-two-media .has-col-gap-lg {\n  grid-column-gap: var(--spacing-md);\n}\n@media only screen and (min-width: 992px) {\n  .fef-two-column-two-media .has-col-gap-lg {\n    grid-column-gap: var(--spacing-lg);\n  }\n}\n.fef-two-column-two-media .is-col-6-md {\n  padding-bottom: 3rem;\n}\n.fef-two-column-two-media .is-col-6-md:last-child {\n  padding-bottom: 0rem;\n}\n@media only screen and (min-width: 768px) {\n  .fef-two-column-two-media .is-col-6-md {\n    padding-bottom: 0rem;\n  }\n}\n\n.product-tab ptc-title h3 {\n  font-size: 20px !important;\n  font-weight: 900;\n}\n@media only screen and (min-width: 1200px) {\n  .product-tab ptc-title h3 {\n    font-size: 15px !important;\n    font-weight: 800;\n  }\n}\n.product-tab .is-grid {\n  grid-column-gap: 20px;\n  grid-row-gap: 12px;\n}\n\nptc-bio-card .bio-modal-open-content {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-denser);\n}\nptc-bio-card .bio-modal-open-content h3 {\n  letter-spacing: 0.08rem;\n  margin-bottom: 2px;\n  font-size: var(--ptc-font-size-small);\n}\nptc-bio-card .bio-modal-open-content ul {\n  margin-top: 0;\n}\nptc-bio-card .bio-modal-open-content ul li {\n  line-height: var(--ptc-line-height-p);\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey {\n  background-color: var(--color-gray-10);\n  display: inline-block;\n  border-style: solid;\n  border-width: 1px;\n  white-space: normal;\n  position: relative;\n  text-decoration: none;\n  -moz-osx-font-smoothing: grayscale;\n  /*(For Firefox)*/\n  -webkit-font-smoothing: antialiased;\n  /*(For Chrome and Safari)*/\n  cursor: pointer;\n  padding: 14px 20px;\n  border: 2px solid var(--color-gray-08);\n  border-radius: var(--ptc-border-radius-standard);\n  color: var(--color-white);\n  font-weight: 700;\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey:hover {\n  background-color: var(--color-gray-09);\n  border-color: var(--color-gray-08);\n}\nptc-bio-card .bio-modal-open-content .btn-blackgrey svg {\n  display: none;\n}\nptc-bio-card .bio-modal-open-content hr {\n  margin-top: 20px;\n  margin-bottom: 20px;\n  border: 0;\n  border-top: 1px solid #eee;\n}\n\nptc-nav-submenu .dropdown-content {\n  display: none;\n}\nptc-nav-submenu .dropdown-content.open {\n  display: block;\n  border-top: 1px solid var(--color-gray-08);\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu .dropdown-content.open {\n    border-top: none;\n  }\n}\nptc-nav-submenu .dropdown-content.open ptc-nav-link {\n  padding-left: 24px;\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu .dropdown-content.open ptc-nav-link {\n    padding-left: 0;\n  }\n}\nptc-nav-submenu.short-dropdown .dropdown-content.open {\n  padding: var(--ptc-layout-spacing-04);\n}\n@media only screen and (min-width: 1200px) {\n  ptc-nav-submenu.short-dropdown .dropdown-content.open {\n    padding: var(--ptc-layout-spacing-03) var(--ptc-layout-spacing-04);\n  }\n}\n\n/* // All product page specific Css,  */\n.all-product-banner {\n  padding: 50px 0 44px 0px;\n}\n@media only screen and (min-width: 992px) {\n  .all-product-banner {\n    padding: 50px 0 72px 0px;\n    display: flex;\n    min-height: 300px;\n    justify-content: center;\n    align-items: center;\n  }\n}\n\n.all-product-gradient {\n  background: linear-gradient(180deg, var(--color-gray-01) 2.6%, rgba(225, 241, 226, 0.2) 40.63%, var(--color-gray-01) 82.29%), linear-gradient(0deg, var(--color-gray-01), var(--color-gray-01));\n}\n\n.flex-grid {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-row-gap: 12px;\n  grid-column-gap: 12px;\n}\n.flex-grid ptc-product-highlight-card {\n  margin: 0;\n  width: 100%;\n  height: auto;\n}\n@media only screen and (min-width: 992px) {\n  .flex-grid ptc-product-highlight-card {\n    width: calc(33.3333333333% - 8px);\n  }\n}\n\n.flex-grid-creo {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n  padding: 32px 0 44px 0;\n}\n.flex-grid-creo ptc-card {\n  margin: 0;\n  width: 100%;\n  height: auto;\n}\n@media only screen and (min-width: 768px) {\n  .flex-grid-creo ptc-card {\n    width: calc(33.3333333333% - 22px);\n  }\n}\n\n.min-height-300 {\n  min-height: 300px;\n}\n\n.social-share-slot ptc-social-share {\n  margin-left: var(--ptc-element-spacing-03);\n}\n\n.ic-header-margin {\n  margin-bottom: 48px;\n}\n@media only screen and (min-width: 768px) {\n  .ic-header-margin {\n    margin-bottom: 40px;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .ic-header-margin {\n    margin-bottom: 36px;\n  }\n}\n\n.blog-section {\n  color: var(--color-gray-10);\n}\n.blog-section h2 {\n  margin-block-start: 0px;\n  margin-block-end: 0px;\n  margin: 20px 0px;\n}\n.blog-section ul li,\n.blog-section ol li {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: var(--ptc-element-spacing-03);\n  color: var(--color-gray-10);\n}\n.blog-section ptc-tag {\n  color: var(--color-gray-10);\n}\n\n.top-section ptc-tag {\n  color: var(--color-gray-10);\n}\n\nptc-icon-component .icon-component ptc-title {\n  max-width: 85%;\n  margin: auto;\n  display: block;\n}\nptc-icon-component .icon-component:nth-child(odd) max-width-container {\n  margin-left: auto;\n  margin-right: 0;\n}\nptc-icon-component .icon-component:nth-child(even) max-width-container {\n  margin-right: auto;\n  margin-left: 0;\n}\nptc-icon-component .icon-component:last-child:not(ptc-icon-component .icon-component:nth-child(even)) max-width-container {\n  margin-right: auto;\n  margin-left: auto;\n}\n\n.podcast-cta-section {\n  margin-bottom: 0;\n}\n.podcast-cta-section .btn {\n  padding: var(--ptc-font-size-xx-small) var(--ptc-font-size-medium);\n  transition: background-color var(--ptc-ease-inout) var(--ptc-transition-medium);\n  background: var(--color-gray-12);\n  border: 2px solid var(--color-gray-08);\n  border-radius: var(--ptc-border-radius-standard);\n  display: inline-block;\n  margin: 0 20px 20px 0;\n  color: var(--color-white) !important;\n  text-decoration: none;\n}\n.podcast-cta-section .btn:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n}\n.podcast-cta-section .btn:hover, .podcast-cta-section .btn:visited:hover {\n  background-color: var(--color-gray-10);\n  color: var(--color-white);\n}\n.podcast-cta-section .btn:active {\n  transition: none;\n  background-color: var(--color-black);\n}\n\nptc-background-video .aspect-ratio-container {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%;\n  /* 9 / 16 * 100% */\n  max-height: 500px;\n}\nptc-background-video .content {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.max-width-768-tab {\n  max-width: 768px;\n  margin: auto;\n}\n@media only screen and (min-width: 992px) {\n  .max-width-768-tab {\n    max-width: none;\n  }\n}\n\n.creo-banner .c-banner-wrap {\n  width: 100%;\n  height: auto !important;\n  padding-top: 66.66%;\n  position: relative;\n}\n@media only screen and (min-width: 768px) {\n  .creo-banner ptc-picture {\n    margin-left: auto;\n  }\n}\n\n.creo-card-wrap .smart-img {\n  max-height: 340px;\n}\n\nptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h2.sc-ptc-title::before,\nptc-theater-video-modal .video-modal-description div.dotted.sc-ptc-title h3.sc-ptc-title::before {\n  content: none;\n}\nptc-theater-video-modal .video-modal-description p,\nptc-theater-video-modal .video-modal-description ul li,\nptc-theater-video-modal .video-modal-description ol li {\n  color: var(--color-white);\n}\nptc-theater-video-modal {\n  /*Adding anchor style on dark background for filter-level-theater comp*/\n}\nptc-theater-video-modal a {\n  font-family: \"Raleway\", sans-serif;\n  font-style: normal;\n  text-decoration-line: underline;\n  color: #89bbdf;\n  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);\n  font-weight: 700;\n}\nptc-theater-video-modal a:visited {\n  color: #4795cd;\n}\nptc-theater-video-modal a:active, ptc-theater-video-modal a:visited:active {\n  transition: none;\n  color: #197bc0;\n}\nptc-theater-video-modal a:hover, ptc-theater-video-modal a:visited:hover {\n  color: #6caad7;\n}\nptc-theater-video-modal a.disabled {\n  color: #aeb8bd !important;\n  cursor: not-allowed;\n}\n\nfilter-level-theater {\n  /*Adding anchor style on dark background for filter-level-theater comp*/\n}\nfilter-level-theater a {\n  font-family: \"Raleway\", sans-serif;\n  font-style: normal;\n  text-decoration-line: underline;\n  color: #89bbdf;\n  transition: color 250ms cubic-bezier(0, 0, 0.58, 1);\n  font-weight: 700;\n}\nfilter-level-theater a:visited {\n  color: #4795cd;\n}\nfilter-level-theater a:active, filter-level-theater a:visited:active {\n  transition: none;\n  color: #197bc0;\n}\nfilter-level-theater a:hover, filter-level-theater a:visited:hover {\n  color: #6caad7;\n}\nfilter-level-theater a.disabled {\n  color: #aeb8bd !important;\n  cursor: not-allowed;\n}\n\n.rich-text-content ul li,\n.rich-text-content ol li {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: var(--ptc-element-spacing-03);\n  color: var(--color-gray-10);\n}\n\nptc-value-led-content .vl-rich-content {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n}\nptc-value-led-content .vl-rich-content img {\n  max-width: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  margin-top: 48px;\n}\nptc-value-led-content .vl-rich-content h3 {\n  margin: 0 0 12px 0;\n  color: var(--color-gray-10);\n}\nptc-value-led-content .vl-rich-content p:last-child {\n  margin-bottom: 0;\n}\nptc-value-led-content ptc-picture {\n  margin-top: 48px;\n}\n\n.showcase-section-col-gap {\n  grid-column-gap: var(--ptc-element-spacing-06);\n}\n@media only screen and (min-width: 1200px) {\n  .showcase-section-col-gap {\n    grid-column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .showcase-section-col-gap {\n    grid-column-gap: var(--ptc-element-spacing-08);\n  }\n}\n\n@media only screen and (min-width: 768px) {\n  .desktop-8px-height {\n    height: 8px;\n  }\n}\n\n.cs-top-results .cs-count,\n.events-top-results .events-count {\n  font-size: var(--ptc-font-size-x-small);\n  font-weight: var(--ptc-font-weight-medium);\n  line-height: var(--ptc-line-height-densest);\n  letter-spacing: 0.53px;\n  text-align: right;\n  color: var(--color-gray-09);\n}\n\n.tooltip-box {\n  visibility: visible;\n  padding: 8px;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-weight: var(--ptc-font-weight-semibold);\n  background-color: var(--color-gray-09);\n  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);\n  border: none;\n  border-radius: var(--ptc-border-radius-standard);\n  width: auto;\n  height: auto;\n  text-align: left;\n  text-shadow: none;\n  white-space: normal;\n  position: absolute;\n  z-index: 999;\n  line-height: 1.5;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box {\n    width: 273px;\n  }\n}\n.tooltip-box.hide-tooltip-mobile {\n  display: none !important;\n}\n@media only screen and (min-width: 768px) {\n  .tooltip-box.hide-tooltip-mobile {\n    display: block !important;\n  }\n}\n.tooltip-box.full-width .tooltip {\n  width: 100%;\n}\n@media only screen and (min-width: 480px) {\n  .tooltip-box.full-width .tooltip {\n    width: 100%;\n  }\n}\n.tooltip-box::after {\n  content: \"\";\n  position: absolute;\n}\n.tooltip-box.bottom {\n  bottom: -12px;\n  transform: translateY(100%);\n}\n.tooltip-box.bottom::after {\n  top: 1px;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.left {\n  bottom: -12px;\n  transform: translate(-80%, 100%);\n}\n.tooltip-box.left::after {\n  top: 1px;\n  right: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.right {\n  bottom: -12px;\n  transform: translateY(100%);\n  right: 0px;\n}\n@-moz-document url-prefix() {\n  .tooltip-box.right {\n    right: unset !important;\n    bottom: unset !important;\n    transform: translate(60%, 8px) !important;\n  }\n  @media screen and (min-width: 992px) {\n    .tooltip-box.right {\n      transform: translate(100%, 8px) !important;\n    }\n  }\n}\n.tooltip-box.right::after {\n  top: 1px;\n  left: 8px;\n  transform: translateY(-100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.top {\n  top: -8px;\n  transform: translateY(-100%);\n}\n.tooltip-box.top::after {\n  left: 50%;\n  bottom: 1px;\n  transform: translate(-50%, 100%);\n  border: 8px solid transparent;\n  border-top: 8px solid var(--color-gray-09);\n}\n.tooltip-box.bottom-right {\n  bottom: -12px;\n  transform: translate(100%, 100%);\n}\n.tooltip-box.bottom-right::after {\n  top: 1px;\n  left: 10%;\n  transform: translate(-50%, -100%);\n  border: 8px solid transparent;\n  border-bottom: 8px solid var(--color-gray-09);\n}\n.tooltip-box.danger {\n  color: var(--color-red-07);\n  font-family: var(--ptc-font-latin);\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  border: 2px solid var(--color-red-07);\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-white);\n  padding: var(--ptc-element-spacing-06);\n}\n.tooltip-box.danger a {\n  color: var(--color-hyperlink);\n}\n\n@media (max-width: 768px) {\n  .hide-tooltip-on-mobile h1,\n  .hide-tooltip-on-mobile h2,\n  .hide-tooltip-on-mobile h3,\n  .hide-tooltip-on-mobile h4,\n  .hide-tooltip-on-mobile h5,\n  .hide-tooltip-on-mobile h6 {\n    -webkit-line-clamp: initial !important;\n  }\n}\n\n.news-title > div {\n  margin-bottom: 12px !important;\n}\n.news-title h1 {\n  margin: 0;\n}\n\n.news-secondary-title {\n  margin: 0 0 20px 0;\n  font-size: var(--ptc-font-size-medium);\n  color: var(--color-gray-10);\n}\n@media only screen and (min-width: 768px) {\n  .news-secondary-title {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\n.news-summary {\n  font-size: var(--ptc-font-size-medium);\n  color: var(--color-gray-10);\n  font-weight: var(--ptc-font-weight-medium);\n  line-height: var(--ptc-line-height-normal);\n  margin: 0 0 20px 0;\n}\n\nptc-icon-component .ptc-link {\n  line-height: var(--ptc-line-height-densest) !important;\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-extrabold) !important;\n}\n\n.min-foot-list-item {\n  display: inline-block;\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-regular);\n  font-style: normal;\n  font-stretch: normal;\n  line-height: var(--ptc-line-height-denser);\n  letter-spacing: normal;\n  color: var(--color-white);\n  margin: 0 0.5rem;\n}\n.min-foot-list-item a {\n  color: var(--color-white-grey);\n  font-weight: var(--ptc-font-weight-regular);\n  border-bottom: 1px solid transparent;\n  display: inline-block;\n  text-decoration: none;\n  padding: 1px 0;\n}\n.min-foot-list-item a:hover, .min-foot-list-item a:focus {\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-green-06);\n  color: var(--color-white-grey);\n  transition: border var(--ptc-ease-inout) var(--ptc-transition-medium);\n}\n.min-foot-list-item a:active {\n  text-decoration: none;\n  border-bottom: 1px solid var(--color-green-06);\n  color: var(--color-white-grey);\n}\n.min-foot-list-item a:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n  border-radius: var(--ptc-border-radius-standard);\n  text-decoration: none;\n  border-color: transparent !important;\n}\n.min-foot-list-item a:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none !important;\n  border-color: white !important;\n}\n\n.row-header-h4 {\n  text-align: left;\n  line-height: var(--ptc-line-height-p);\n  margin-top: 0px;\n  margin-bottom: 0px;\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-small) !important;\n  color: var(--color-gray-10);\n  -webkit-font-smoothing: antialiased;\n}\n\nptc-title h1 a,\nptc-title h2 a {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\nptc-title .w-8 h1 a,\nptc-title .w-8 h2 a,\nptc-title .w-8 h3 a,\nptc-title .w-8 h4 a,\nptc-title .w-8 h5 a,\nptc-title .w-8 h6 a {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\nptc-title .w-9 h1 a,\nptc-title .w-9 h2 a,\nptc-title .w-9 h3 a,\nptc-title .w-9 h4 a,\nptc-title .w-9 h5 a,\nptc-title .w-9 h6 a {\n  font-weight: var(--ptc-font-weight-black);\n}\n\n.email-sign-up-wrapper {\n  background: linear-gradient(91deg, var(--color-green-07) 0%, var(--color-green-08) 100%);\n  padding: 40px 0;\n}\n.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {\n  flex-direction: column;\n}\n.email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {\n  width: 100%;\n  padding-right: 48px;\n}\n@media only screen and (min-width: 992px) {\n  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md max-width-container {\n    padding-right: 0;\n  }\n}\n@media only screen and (min-width: 992px) {\n  .email-sign-up-wrapper .ptc-container.u-flex.has-col-gap-xxl.has-row-gap-md {\n    flex-direction: row;\n  }\n}\n.email-sign-up-wrapper .signup-form {\n  min-width: auto;\n}\n@media only screen and (min-width: 480px) {\n  .email-sign-up-wrapper .signup-form {\n    min-width: 373px;\n  }\n}\n.email-sign-up-wrapper .signup-form {\n  max-width: 100%;\n}\n\nptc-card-wrapper.card-video-intro.background-grey-10 ul li,\nptc-card-wrapper.card-video-intro.background-grey-10 ol li {\n  color: var(--color-white);\n}\n\n.three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n  -moz-column-gap: 24px;\n       column-gap: 24px;\n}\n@media only screen and (min-width: 1200px) {\n  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n    -moz-column-gap: 32px;\n         column-gap: 32px;\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .three-up-event-cards-wrapper .is-grid.has-col-gap-xl {\n    -moz-column-gap: 40px;\n         column-gap: 40px;\n  }\n}\n\n.html-quote-section-wrapper ptc-readmore-v3 .description {\n  line-height: var(--ptc-line-height-p);\n  margin-bottom: 0px;\n  font-weight: var(--ptc-font-weight-semibold);\n  font-size: var(--ptc-font-size-small);\n  color: var(--color-gray-10);\n}\n@media only screen and (min-width: 992px) {\n  .html-quote-section-wrapper ptc-readmore-v3 .description {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n\n.bulleted-list-section-v1 .bul-col-gap {\n  -moz-column-gap: var(--ptc-element-spacing-06);\n       column-gap: var(--ptc-element-spacing-06);\n  row-gap: 0;\n}\n@media only screen and (min-width: 1200px) {\n  .bulleted-list-section-v1 .bul-col-gap {\n    -moz-column-gap: var(--ptc-element-spacing-07);\n         column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .bulleted-list-section-v1 .bul-col-gap {\n    -moz-column-gap: var(--ptc-element-spacing-08);\n         column-gap: var(--ptc-element-spacing-08);\n  }\n}\n.bulleted-list-section-v1 ptc-icon-list {\n  padding-bottom: 40px;\n  width: 100%;\n}\n.bulleted-list-section-v1 ptc-icon-list p {\n  margin-bottom: 0;\n}\n.bulleted-list-section-v1 ptc-icon-list icon-asset {\n  transform: rotate(30deg);\n  margin-top: 8px;\n}\n.bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {\n  padding-bottom: 40px;\n}\n@media only screen and (min-width: 768px) {\n  .bulleted-list-section-v1 .bul-col ptc-icon-list:last-child {\n    padding-bottom: 0px;\n  }\n}\n.bulleted-list-section-v1 .bul-col:last-child ptc-icon-list:last-child {\n  padding-bottom: 0;\n}\n\n.large-bulleted-list-v2 .grid-container {\n  display: grid;\n  grid-template-columns: 1fr; /* Default: 1 column (mobile) */\n  row-gap: var(--ptc-element-spacing-08);\n  -moz-column-gap: var(--ptc-element-spacing-06);\n       column-gap: var(--ptc-element-spacing-06);\n}\n@media only screen and (min-width: 768px) {\n  .large-bulleted-list-v2 .grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n@media only screen and (min-width: 992px) {\n  .large-bulleted-list-v2 .grid-container {\n    grid-template-columns: repeat(3, 1fr);\n  }\n}\n@media only screen and (min-width: 1200px) {\n  .large-bulleted-list-v2 .grid-container {\n    -moz-column-gap: var(--ptc-element-spacing-07);\n         column-gap: var(--ptc-element-spacing-07);\n  }\n}\n@media only screen and (min-width: 1440px) {\n  .large-bulleted-list-v2 .grid-container {\n    -moz-column-gap: var(--ptc-element-spacing-08);\n         column-gap: var(--ptc-element-spacing-08);\n  }\n}\n.large-bulleted-list-v2 .grid-container .grid-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.large-bulleted-list-v2 .grid-container .grid-item ptc-icon-list {\n  padding-bottom: 0;\n  width: 100%;\n}\n.large-bulleted-list-v2 .grid-container .grid-item p {\n  margin-bottom: 0;\n}\n\n.text-copy-footer-cta {\n  padding-top: 48px;\n}\n\n.u-bg-black {\n  background-color: var(--color-black);\n}\n\n.u-bg-white {\n  background-color: var(--color-white);\n}\n\n.u-bg-white-grey {\n  background-color: var(--color-white-grey);\n}\n\n.u-bg-white-01 {\n  background-color: var(--color-white-01);\n}\n\n.u-bg-standard-gray {\n  background-color: var(--color-standard-gray);\n}\n\n.u-bg-green-01 {\n  background-color: var(--color-green-01);\n}\n\n.u-bg-green-02 {\n  background-color: var(--color-green-02);\n}\n\n.u-bg-green-03 {\n  background-color: var(--color-green-03);\n}\n\n.u-bg-green-04 {\n  background-color: var(--color-green-04);\n}\n\n.u-bg-green-05 {\n  background-color: var(--color-green-05);\n}\n\n.u-bg-green-06 {\n  background-color: var(--color-green-06);\n}\n\n.u-bg-green-07 {\n  background-color: var(--color-green-07);\n}\n\n.u-bg-green-08 {\n  background-color: var(--color-green-08);\n}\n\n.u-bg-green-09 {\n  background-color: var(--color-green-09);\n}\n\n.u-bg-green-10 {\n  background-color: var(--color-green-10);\n}\n\n.u-bg-green-11 {\n  background-color: var(--color-green-11);\n}\n\n.u-bg-green-12 {\n  background-color: var(--color-green-12);\n}\n\n.u-bg-green-13 {\n  background-color: var(--color-green-13);\n}\n\n.u-bg-green-14 {\n  background-color: var(--color-green-14);\n}\n\n.u-bg-blue-01 {\n  background-color: var(--color-blue-01);\n}\n\n.u-bg-blue-02 {\n  background-color: var(--color-blue-02);\n}\n\n.u-bg-blue-03 {\n  background-color: var(--color-blue-03);\n}\n\n.u-bg-blue-04 {\n  background-color: var(--color-blue-04);\n}\n\n.u-bg-blue-05 {\n  background-color: var(--color-blue-05);\n}\n\n.u-bg-blue-06 {\n  background-color: var(--color-blue-06);\n}\n\n.u-bg-blue-07 {\n  background-color: var(--color-blue-07);\n}\n\n.u-bg-blue-08 {\n  background-color: var(--color-blue-08);\n}\n\n.u-bg-blue-09 {\n  background-color: var(--color-blue-09);\n}\n\n.u-bg-blue-10 {\n  background-color: var(--color-blue-10);\n}\n\n.u-bg-blue-11 {\n  background-color: var(--color-blue-11);\n}\n\n.u-bg-blue-12 {\n  background-color: var(--color-blue-12);\n}\n\n.u-bg-orange-01 {\n  background-color: var(--color-orange-01);\n}\n\n.u-bg-orange-02 {\n  background-color: var(--color-orange-02);\n}\n\n.u-bg-orange-03 {\n  background-color: var(--color-orange-03);\n}\n\n.u-bg-orange-04 {\n  background-color: var(--color-orange-04);\n}\n\n.u-bg-orange-05 {\n  background-color: var(--color-orange-05);\n}\n\n.u-bg-orange-06 {\n  background-color: var(--color-orange-06);\n}\n\n.u-bg-orange-07 {\n  background-color: var(--color-orange-07);\n}\n\n.u-bg-orange-08 {\n  background-color: var(--color-orange-08);\n}\n\n.u-bg-orange-09 {\n  background-color: var(--color-orange-09);\n}\n\n.u-bg-orange-10 {\n  background-color: var(--color-orange-10);\n}\n\n.u-bg-orange-11 {\n  background-color: var(--color-orange-11);\n}\n\n.u-bg-orange-12 {\n  background-color: var(--color-orange-12);\n}\n\n.u-bg-red-01 {\n  background-color: var(--color-red-01);\n}\n\n.u-bg-red-02 {\n  background-color: var(--color-red-02);\n}\n\n.u-bg-red-03 {\n  background-color: var(--color-red-03);\n}\n\n.u-bg-red-04 {\n  background-color: var(--color-red-04);\n}\n\n.u-bg-red-05 {\n  background-color: var(--color-red-05);\n}\n\n.u-bg-red-06 {\n  background-color: var(--color-red-06);\n}\n\n.u-bg-red-07 {\n  background-color: var(--color-red-07);\n}\n\n.u-bg-red-08 {\n  background-color: var(--color-red-08);\n}\n\n.u-bg-red-09 {\n  background-color: var(--color-red-09);\n}\n\n.u-bg-red-10 {\n  background-color: var(--color-red-10);\n}\n\n.u-bg-red-11 {\n  background-color: var(--color-red-11);\n}\n\n.u-bg-red-12 {\n  background-color: var(--color-red-12);\n}\n\n.u-bg-gray-01 {\n  background-color: var(--color-gray-01);\n}\n\n.u-bg-gray-02 {\n  background-color: var(--color-gray-02);\n}\n\n.u-bg-gray-03 {\n  background-color: var(--color-gray-03);\n}\n\n.u-bg-gray-04 {\n  background-color: var(--color-gray-04);\n}\n\n.u-bg-gray-05 {\n  background-color: var(--color-gray-05);\n}\n\n.u-bg-gray-06 {\n  background-color: var(--color-gray-06);\n}\n\n.u-bg-gray-07 {\n  background-color: var(--color-gray-07);\n}\n\n.u-bg-gray-08 {\n  background-color: var(--color-gray-08);\n}\n\n.u-bg-gray-09 {\n  background-color: var(--color-gray-09);\n}\n\n.u-bg-gray-10 {\n  background-color: var(--color-gray-10);\n}\n\n.u-bg-gray-11 {\n  background-color: var(--color-gray-11);\n}\n\n.u-bg-gray-12 {\n  background-color: var(--color-gray-12);\n}\n\n.markdown-section .table-wrapper h1,\n.markdown-section .table-wrapper h2,\n.markdown-section .table-wrapper h3,\n.markdown-section .table-wrapper h4,\n.markdown-section .table-wrapper p {\n  font-family: var(--ptc-font-latin);\n  color: var(--color-gray-10);\n  border: none;\n}\n.markdown-section .table-wrapper h1 {\n  font-size: var(--ptc-font-size-xxx-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h1 {\n    font-size: var(--ptc-font-size-xxxx-large);\n  }\n}\n.markdown-section .table-wrapper .h1-special {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n.markdown-section .table-wrapper h2 {\n  font-size: var(--ptc-font-size-x-large);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-03);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h2 {\n    font-size: var(--ptc-font-size-xx-large);\n  }\n}\n.markdown-section .table-wrapper h3 {\n  font-size: var(--ptc-font-size-medium);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h3 {\n    font-size: var(--ptc-font-size-large);\n  }\n}\n.markdown-section .table-wrapper h4 {\n  font-size: var(--ptc-font-size-small);\n  font-weight: var(--ptc-font-weight-bold);\n  line-height: var(--ptc-line-height-densest);\n  margin-bottom: var(--ptc-element-spacing-01);\n}\n@media only screen and (min-width: 768px) {\n  .markdown-section .table-wrapper h4 {\n    font-size: var(--ptc-font-size-medium);\n  }\n}\n.markdown-section .table-wrapper p {\n  color: var(--color-gray-10);\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-top: 0;\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-large {\n  font-size: var(--ptc-font-size-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-small {\n  font-size: var(--ptc-font-size-x-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-regular);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n.markdown-section .table-wrapper .p-x-small {\n  font-size: var(--ptc-font-size-xx-small);\n  line-height: var(--ptc-line-height-p);\n  font-weight: var(--ptc-font-weight-semibold);\n  margin-bottom: var(--ptc-element-spacing-05);\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.ptc-background-wrapper {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -1;\n}\n\n.ptc-image-container {\n  height: 100%;\n  width: auto;\n  position: relative;\n  box-shadow: var(--ptc-shadow-medium);\n}\n\n:host {\n  display: block;\n}\n\n.disabled {\n  pointer-events: none;\n  cursor: default;\n  text-decoration: none;\n}\n\n.ptc-link {\n  display: inline-block;\n  color: var(--color-gray-10);\n  font-weight: var(--ptc-font-weight-extrabold);\n  position: relative;\n  line-height: var(--ptc-line-height-densest);\n  outline: none;\n  text-decoration: none;\n  transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);\n}\n.ptc-link.focus-state-dark-background {\n  border: 2px solid transparent;\n  margin: -2px;\n}\n.ptc-link:active {\n  transition: none;\n}\n.ptc-link:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n}\n.ptc-link:focus-visible .focus-state-dark-background:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.simple {\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple.focus-state-dark-background {\n  border: 2px solid transparent;\n  margin: -2px;\n}\n.simple:hover {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple:active {\n  transition: none;\n}\n.simple:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.simple:focus-visible.focus-state-dark-background {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.global {\n  font-style: var(--ptc-letter-spacing-normal);\n  font-weight: var(--ptc-font-weight-bold);\n  font-size: var(--ptc-font-size-x-small);\n  text-decoration-line: underline;\n  color: var(--color-hyperlink);\n  transition: color var(--ptc-transition-medium) var(--ptc-ease-out);\n}\n.global:visited {\n  color: var(--color-blue-10);\n}\n.global:active, .global:visited:active {\n  color: var(--color-blue-09);\n  transition: none;\n}\n.global:hover, .global:visited:hover {\n  color: var(--color-blue-08);\n}\n.global.disabled {\n  color: var(--color-gray-04) !important;\n  cursor: not-allowed;\n}\n\n.product-link {\n  font-weight: var(--ptc-font-weight-extrabold);\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.product-link:hover {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.product-link:active {\n  transition: none;\n}\n\n.underline {\n  border-bottom: 2px solid var(--color-green-06);\n}\n.underline:hover {\n  color: #00890b;\n  border-bottom: 2px solid #00890b;\n}\n.underline:active {\n  transition: none;\n}\n\n.small {\n  font-size: var(--ptc-font-size-xx-small);\n}\n\n.medium {\n  font-size: var(--ptc-font-size-x-small);\n}\n\n.medium-large {\n  font-size: var(--ptc-font-size-small);\n}\n\n.large {\n  font-size: var(--ptc-font-size-medium);\n}\n\n.nav-title:focus,\n.nav-title-link:focus,\n.nav-card-link:focus,\n.primary-nav-link:focus,\n.secondary-nav-link:focus,\n.footer-nav-link:focus,\n.copyright-link:focus {\n  outline: 3px solid var(--color-blue-07);\n  outline-offset: 2px;\n}\n.nav-title:active,\n.nav-title-link:active,\n.nav-card-link:active,\n.primary-nav-link:active,\n.secondary-nav-link:active,\n.footer-nav-link:active,\n.copyright-link:active {\n  transition: none;\n}\n\n.nav-title {\n  box-sizing: border-box;\n  color: var(--color-white);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-dense);\n  list-style: none;\n  margin-bottom: var(--ptc-element-spacing-02);\n  text-align: left;\n}\n\n.primary-nav-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-gray-01);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-dense);\n  list-style: none;\n  margin: var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);\n  padding: var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);\n  position: relative;\n  text-decoration: none;\n  transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.primary-nav-link:hover {\n  border-radius: var(--ptc-border-radius-standard);\n  background-color: var(--color-gray-12);\n  text-decoration: none;\n  outline: none;\n}\n.primary-nav-link:active {\n  transition: none;\n}\n\n.nav-title-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration-color: var(--color-white);\n  text-decoration: none;\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1.5px solid transparent;\n  display: inline-block;\n}\n.nav-title-link:hover {\n  color: var(--color-white);\n  border-bottom: 1.5px solid var(--color-green-06);\n}\n.nav-title-link:active {\n  transition: none;\n}\n\n.nav-card-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration: none;\n  text-decoration-color: var(--color-white);\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  display: inline-block;\n  font-size: var(--ptc-font-size-small);\n}\n@media only screen and (min-width: 1200px) {\n  .nav-card-link {\n    font-size: var(--ptc-font-size-xxx-small);\n  }\n}\n.nav-card-link:hover {\n  color: var(--color-white);\n  -webkit-text-decoration: underline var(--color-green-06) solid 1px;\n          text-decoration: underline var(--color-green-06) solid 1px;\n  text-underline-offset: 2px;\n}\n.nav-card-link:active {\n  transition: none;\n}\n\n.secondary-nav-link {\n  display: inline-block;\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xxx-small);\n  font-stretch: 100%;\n  font-style: normal;\n  font-weight: var(--ptc-font-weight-semibold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  margin-bottom: var(--ptc-element-spacing-03);\n  text-align: left;\n  text-decoration: none;\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1.5px solid transparent;\n  white-space: nowrap;\n}\n.secondary-nav-link:hover {\n  color: var(--color-white);\n  border-bottom: 1.5px solid var(--color-green-06);\n  border-radius: 0;\n  text-decoration: none;\n}\n.secondary-nav-link:active {\n  transition: none;\n}\n\n.footer-nav-link {\n  color: var(--color-white);\n  transition: border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  border-bottom: 1px solid transparent;\n  outline: none;\n  text-decoration: none;\n  font-weight: var(--ptc-font-weight-semibold);\n  letter-spacing: var(--ptc-letter-spacing-normal);\n  line-height: var(--ptc-line-height-densest);\n  text-align: left;\n  font-size: var(--ptc-font-size-x-small);\n}\n.footer-nav-link:hover {\n  outline: none;\n  text-decoration: none;\n  border-bottom: 0.1rem solid var(--color-green-06);\n  color: var(--color-green-06);\n}\n.footer-nav-link:active {\n  transition: none;\n}\n\n.copyright-link {\n  color: var(--color-white);\n  font-size: var(--ptc-font-size-xx-small);\n  font-weight: var(--ptc-font-weight-normal);\n  line-height: var(--ptc-line-height-loose);\n  display: inline-block;\n}\n\n.d-green-underline {\n  color: var(--color-white);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.d-green-underline:hover {\n  color: var(--color-green-06);\n}\n.d-green-underline:active {\n  transition: none;\n}\n.d-green-underline:focus-visible {\n  border-radius: var(--ptc-border-radius-standard);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.d-green-underline:focus-visible.focus-state-dark-background {\n  border-radius: var(--ptc-border-radius-standard);\n  border: 2px solid rgb(255, 255, 255);\n  outline: 5px solid var(--keyboard-nav-outline);\n  transition: none;\n  text-decoration-line: none;\n}\n\n.d-white-underline {\n  color: var(--color-white);\n  font-weight: var(--ptc-font-weight-extrabold);\n  line-height: var(--ptc-line-height-densest);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-white);\n  text-underline-offset: 5px;\n}\n\n.link-area-cover-parent {\n  position: static;\n}\n.link-area-cover-parent::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  z-index: 2;\n}\n\n.standard-link,\n.blog-link {\n  font-weight: 800;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n  color: var(--color-gray-10);\n  text-decoration: underline;\n  text-decoration-thickness: 2px;\n  text-decoration-color: var(--color-green-06);\n  text-underline-offset: 5px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.standard-link:hover,\n.blog-link:hover {\n  color: var(--color-green-06);\n}\n.standard-link:active,\n.blog-link:active {\n  transition: none;\n}\n\n.w-thin {\n  font-weight: var(--ptc-font-weight-thin);\n}\n\n.w-regular {\n  font-weight: var(--ptc-font-weight-regular);\n}\n\n.w-medium {\n  font-weight: var(--ptc-font-weight-medium);\n}\n\n.w-semibold {\n  font-weight: var(--ptc-font-weight-semibold);\n}\n\n.w-bold {\n  font-weight: var(--ptc-font-weight-bold);\n}\n\n.w-extrabold {\n  font-weight: var(--ptc-font-weight-extrabold);\n}\n\n.w-black {\n  font-weight: var(--ptc-font-weight-black);\n}\n\n.utility-nav-link {\n  background-color: transparent;\n  box-sizing: border-box;\n  color: var(--color-gray-13);\n  font-stretch: 100%;\n  font-weight: var(--ptc-font-weight-semibold);\n  line-height: var(--ptc-line-height-densest);\n  list-style: none;\n  text-align: left;\n  text-decoration: none;\n  text-decoration-color: var(--color-green-06);\n  transition: border-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n  display: inline-block;\n  font-size: var(--ptc-font-size-x-small);\n}\n.utility-nav-link:hover {\n  text-decoration: underline;\n  text-underline-offset: 5px;\n  text-decoration-color: var(--color-green-06);\n  text-decoration-thickness: 2px;\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}\n.utility-nav-link:active {\n  transition: none;\n}\n\n.tracker-div {\n  display: inline;\n}\n\n:host(.event-podcast) a {\n  color: var(--color-green-06);\n  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);\n}";
 
 const PtcLink = class {
     constructor(hostRef) {