npm - @ptcwebops/ptcw-design - Versions diffs - 7.0.7-upgrade → 7.0.9-upgrade - Mend

@ptcwebops/ptcw-design 7.0.7-upgrade → 7.0.9-upgrade

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1014) hide show

package/dist/ptcw-design/p-d91befec.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as n,a as r,h as i,H as a}from"./p-B8DAwq6t.js";import{C as e,f as o}from"./p-BQ-J1lHr.js";const t='@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:not(ptc-title 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 h1:not(ptc-title 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:not(ptc-title 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 h2:not(ptc-title h2) {\n font-size: var(--ptc-font-size-xx-large);\n }\n}\n\nh3:not(ptc-title 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 h3:not(ptc-title h3) {\n font-size: var(--ptc-font-size-large);\n }\n}\n\nh4:not(ptc-title 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 h4:not(ptc-title h4) {\n font-size: var(--ptc-font-size-medium);\n }\n}\n\np:not(ptc-para 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\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 d=class{constructor(r){n(this,r)}get el(){return r(this)}disabled=false;external=false;href;target="_self";linkTitle;theme="simple";fontSize="medium";fontWeight;linkArea;seoCompatibilityMode=false;styles;trackerId;tabNav=0;darkFocusState=false;componentWillLoad(){e(this,this.el)}seoCompRender(){const n=this.getCssClassMap();const[r,e]=o(this.el,"a");const t=e&&e.innerHTML;if(this.el==e){this.el.innerHTML=""}return i(a,null,this.styles&&i("style",null,this.styles),i("div",{id:this.trackerId,class:"tracker-div mf-listen"},i(r,{class:n,innerHTML:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,...!!this.tabNav?{tabindex:-1}:{tabindex:0}},i("slot",null))))}standardRender(){const n=this.getCssClassMap();return i(a,null,this.styles&&i("style",null,this.styles),i("div",{id:this.trackerId,class:"tracker-div mf-listen"},i("a",{class:n,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle,...!!this.tabNav?{tabindex:-1}:{tabindex:0}},i("slot",null))))}render(){if(this.seoCompatibilityMode){return this.seoCompRender()}else{return this.standardRender()}}getCssClassMap(){const n=["simple","underline","nav-title","primary-nav-link","nav-title-link","nav-card-link","secondary-nav-link","footer-nav-link","copyright-link","product-link","d-green-underline","d-white-underline","global","utility-nav-link"];let r=this.theme;if(n.indexOf(r)<0){r="simple"}return{["ptc-link"]:true,[r]:true,["disabled"]:this.disabled,[this.fontSize]:true,[this.linkArea]:this.linkArea?true:false,[this.fontWeight]:this.fontWeight?true:false,["focus-state-dark-background"]:this.darkFocusState}}};d.style=t;export{d as ptc_link};
2	- //# sourceMappingURL=p-d91befec.entry.js.map

package/dist/ptcw-design/p-d9a46163.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as c,a as r,h as e,H as t}from"./p-B8DAwq6t.js";const a='.sc-ptc-breadcrumb-h{margin-top:var(--ptc-element-spacing-05);display:flex;align-items:flex-start}.sc-ptc-breadcrumb-h .visually-hidden.sc-ptc-breadcrumb{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb{position:relative;list-style:none;margin:0;padding:0 0 0 22px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{position:relative;display:inline;font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest);word-break:initial;color:var(--color-white)}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb::before{content:"/";margin:0 3px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb{position:absolute;left:0;margin-top:-3px}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb::before{display:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);color:var(--color-white)}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb:active{transition:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.breadcrumb-item-link.sc-ptc-breadcrumb:focus-visible{border-radius:var(--ptc-border-radius-standard);border:2px solid rgb(255, 255, 255);outline:5px solid var(--keyboard-nav-outline);display:inline-block}.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.breadcrumb-item-link.sc-ptc-breadcrumb:focus-visible.dark-mode-link:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}.white.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-white)}.white.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-white)}.black.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-black)}.black.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-black)}.ptc-green.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-green-07)}.ptc-green.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-green-07)}.gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-06)}.gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-06)}.light-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-05)}.light-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-05)}.primary-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{color:var(--color-gray-10)}.primary-gray.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb a.sc-ptc-breadcrumb{color:var(--color-gray-10)}.left.sc-ptc-breadcrumb-h{display:flex;justify-content:flex-start;align-items:flex-end}.center.sc-ptc-breadcrumb-h{display:flex;justify-content:center}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb{padding:0;text-align:center}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.sc-ptc-breadcrumb{display:inline-block}.center.sc-ptc-breadcrumb-h .ptc-breadcrumb-ol.sc-ptc-breadcrumb li.home-link.sc-ptc-breadcrumb{position:relative;left:auto;margin-top:0;vertical-align:text-bottom;margin-bottom:-1px}.right.sc-ptc-breadcrumb-h{display:flex;justify-content:flex-end}.remove-top-margin.sc-ptc-breadcrumb-h{margin-top:0px !important}';const b=class{constructor(r){c(this,r)}position;removeTopMargin=false;color="white";isDarkMode=false;styles;type;get hostElement(){return r(this)}listItems;componentWillLoad(){this.listItems=this.hostElement.querySelectorAll("list-item")}componentDidLoad(){if(this.listItems){this.hostElement.querySelectorAll("list-item").forEach((c=>{c.remove()}))}}render(){const c=this.getCssClassMap();const r=Array.from(this.listItems).filter((c=>c.getAttribute("list-type")==="home"&&this.listItems[0].getAttribute("link-href")!==""));const a=r.length>0;const b=a?Array.from(this.listItems).filter((c=>!r.includes(c))):Array.from(this.listItems);return e(t,{key:"da87f35659114784beba3f538f1de49bb9ac628a",class:c},this.styles&&e("style",{key:"8f5ce770536437a0d3adaf4d26b30887966bfcdb"},this.styles),e("nav",{key:"a90189f75b5276e90c75f0cbdbe185969935c65a","aria-label":"Breadcrumb"},e("ol",{key:"0eaefe11bac4a8e9fcff12685735f5175312c216",class:"ptc-breadcrumb-ol"},e("li",{key:"81544d92f55f624704dfa4d4a187e3b7dfe42b9f",class:"home-link mf-listen",id:"homeLinkID"},a?e("a",{href:r[0].getAttribute("link-href"),"aria-label":"Home Link",class:{["breadcrumb-item-link"]:true,["dark-mode-link"]:this.isDarkMode}},e("icon-asset",{type:"ptc",size:"medium",name:"icon-home",color:this.color})):e("a",{href:"/","aria-label":"Home Link",class:{["breadcrumb-item-link"]:true,["dark-mode-link"]:this.isDarkMode}},e("icon-asset",{type:"ptc",size:"medium",name:"icon-home",color:this.color}))),b.map(((c,r,t)=>{const a=c.textContent.trim();const b=c.getAttribute("link-href");return e("li",{key:r,class:"mf-listen",id:`breadcrumb`+r+`ID`},r<t.length-1?e("a",{href:b,target:"_self",class:{["breadcrumb-item-link"]:true,["dark-mode-link"]:this.isDarkMode}},a):a,e("span",{class:"visually-hidden"},"/"))})))))}getCssClassMap(){return{[this.position]:!!this.position&&this.position!==undefined?true:false,["remove-top-margin"]:this.removeTopMargin?true:false,[this.color]:true}}};b.style=a;export{b as ptc_breadcrumb};
2	- //# sourceMappingURL=p-d9a46163.entry.js.map

package/dist/ptcw-design/p-e695f4fe.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as o,h as e,H as a,c as t,a as r}from"./p-B8DAwq6t.js";import{c as i}from"./p-D00doGut.js";const s=":host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";const d=class{constructor(e){o(this,e)}render(){return e(a,{key:"11aba5312a30a758c92917a1b26fe975b442a5db"},e("div",{key:"c71bce81d2890a751f2dfc692dd8e6c5f6952855",class:"close-icon mf-listen",id:"modal-pop-up-close-icon"},e("svg",{key:"00e0c5ea2f335287e7092f5cf95228ec51b839ea",xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",tabindex:0},e("path",{key:"327f48b65a914c2712d6ae00e6dce0aae2e3df90","fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z",fill:"#20262A"}))))}};d.style=s;const l=':host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:500001;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:50020;transform:translateY(-100%)}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden;overflow-y:hidden;overflow-x:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar{width:6px}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-track{border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-03);border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:8px;right:8px;margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:50010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.enclose-modal) .modal-popup{max-height:calc(100vh - 180px)}:host(.enclose-modal) .modal-popup:not(.frame) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}@media only screen and (min-width: 768px){:host(.bio-modal) .wrapper.show{align-items:center}}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup .modal-body{height:auto}}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup{max-height:none;width:80%;margin-top:0px;height:auto}}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right:8px;top:8px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}:host(.no-container) .wrapper .modal-popup.xl{max-width:80rem !important;background:transparent;box-shadow:none}:host(.no-container) .wrapper .modal-popup .close{display:none}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}:host(.vh-center) .wrapper .modal-popup{top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px auto;position:absolute}:host(.thank-you) .wrapper .modal-popup{max-width:calc(100% - 48px);width:100%}@media only screen and (min-width: 480px){:host(.thank-you) .wrapper .modal-popup{max-width:640px;width:80%}}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}@media only screen and (min-width: 992px){:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 48px 48px 48px}}:host .wrapper .event-list-header{display:flex;position:absolute;width:100%;height:118px;left:0;transform:translateY(-100%);border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;align-items:center;padding:var(--ptc-element-spacing-06);box-sizing:border-box}:host .wrapper .event-list-header::before{content:"";position:absolute;left:0;width:100%;height:100%;border-radius:4px 4px 0px 0px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1}:host .wrapper .event-list-header+.close{margin-top:0px;margin-right:0px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}:host .wrapper .event-list-header .text-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:0.5em;column-gap:0.5em}:host .wrapper .event-list-header .text-wrapper span{display:inline-block;color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);position:relative;z-index:2}:host .wrapper .event-list-header .text-wrapper span:first-of-type{font-weight:var(--ptc-font-weight-extrabold)}:host .wrapper .event-mobile-modal{border-top-left-radius:0px;border-top-right-radius:0px}:host .wrapper .bottom-close{text-align:center;margin:0 auto 40px auto}:host .wrapper .bottom-close span{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .wrapper .bottom-close span:hover{color:var(--color-blue-08)}:host .wrapper .bottom-close:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}';const p=class{constructor(e){o(this,e);this.closed=t(this,"closed");this.opened=t(this,"opened")}get el(){return r(this)}iframeUrl;size="sm";customClass;show=false;overlay=true;fixed=false;keepInViewport=false;closeOnBlur=false;rounded=false;hideContainer=false;showHeaderFooter=false;hideHeader=false;modernScrollbar=false;overlayHeight;closed;opened;borderRadius="standard";isBioModal=false;styles;modalType="default-modal";vhCenter=false;headerOnlyBg;headerOnlyText1;headerOnlyText2;bottomCloseBtn;openedByKeyboard=false;focusBackElement;onShowChange(o){if(o){this.lastFocusElement=document.activeElement;this.fireOnOpened(this)}else{this.fireOnClosed(this)}}trap;modalPopUpRef;lastFocusElement;setReturnFocus=()=>{if(!this.lastFocusElement)return;if(this.lastFocusElement.tabIndex===0){this.lastFocusElement.focus();return}const o=this.lastFocusElement.shadowRoot;if(o){const e=o.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');if(e){let o=e[e.length-1];o.focus();return}}const e=this.lastFocusElement.querySelector?.('button, [tabindex]:not([tabindex="-1"])');if(e instanceof HTMLElement){e.focus()}};fireOnClosed(o){this.closed.emit(o);document.activeElement.blur()}fireOnOpened(o){this.opened.emit(o);setTimeout((()=>{const o=this.el.shadowRoot.querySelector(".wrapper");o&&o.focus();this.scrollToTopIfNeeded()}),100);setTimeout((()=>{this.trap=i(this.modalPopUpRef,{escapeDeactivates:true,clickOutsideDeactivates:true,returnFocusOnDeactivate:true,onActivate:()=>{if(!this.openedByKeyboard){this.trap.pause()}},onDeactivate:()=>{this.close();this.trap.deactivate();this.setReturnFocus()},tabbableOptions:{getShadowRoot:true}});if(this.openedByKeyboard){this.trap.activate()}}),200)}bodyOverflowSetting;scrollToTopIfNeeded(){if(this.el&&this.modalType==="event-listing"){const o=this.el.shadowRoot.querySelector(".modal-body").getBoundingClientRect();const e=o.top+window.scrollY;const a=160;window.scrollTo({top:e-a,behavior:"smooth"})}else{return}}connectedCallback(){document.addEventListener("keydown",this.handleKeyPress,true);document.addEventListener("mousedown",this.handleMouseDown,true)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeyPress,true);document.removeEventListener("mousedown",this.handleMouseDown,true)}componentWillLoad(){let o=document.querySelector("body");this.bodyOverflowSetting={overflowY:o.style["overflowY"],overflowX:o.style["overflowX"]}}componentWillRender(){let o=document.querySelector("body");if(o){if(this.show){if(this.fixed){o.style["overflowY"]="hidden";o.style["overflowX"]="hidden"}else{o.style["overflowY"]="scroll";o.style["overflowX"]="hidden"}}else{o.style["overflowY"]=this.bodyOverflowSetting.overflowY;o.style["overflowX"]=this.bodyOverflowSetting.overflowX}}}componentDidLoad(){if(this.show){this.lastFocusElement=document.activeElement;this.fireOnOpened(this)}if(this.showHeaderFooter){this.handleScroll()}}handleKeyPress=o=>{if(o.key==="Enter"\|\|o.key===" "\|\|o.key==="Tab"){this.openedByKeyboard=true}};handleMouseDown=()=>{this.openedByKeyboard=false};resizeIframe(o){let e=o.target;setTimeout((()=>{try{if(e.contentDocument){e.height=`${e.contentDocument.body.scrollHeight}px`}else{e.height="616px";e.removeAttribute("scrolling")}}catch(o){console.log(o);e.height="616px";e.removeAttribute("scrolling")}e.classList.add("ready")}),50)}handleScroll(){let o=this.el.shadowRoot.querySelector(".shadow-scroller");if(o){let i=o.querySelector(".modal-body");var e=i.clientHeight;var a=i.scrollHeight;var t=i.scrollTop;var r=i.offsetHeight;if(e<a){if(t>0){o.classList.add("scroll-top")}else{o.classList.remove("scroll-top")}if(r+t<a){o.classList.add("scroll-bottom")}else{o.classList.remove("scroll-bottom")}}}}close(){this.show=false;setTimeout((()=>{if(this.focusBackElement){this.focusBackElement?.focus();if(this.focusBackElement.tagName==="PTC-BUTTON"){this.focusBackElement.shadowRoot.querySelector("button")?.focus()}}}),100)}render(){let o;let t;let r=this.iframeUrl?"frame":"html";let i=e("div",{key:"3ea5e065c65bf47b09d759d4fe2fd2183f3dcc9d",class:"close",id:"modal-close"},e("ptc-close-icon",{key:"2b6daf31a4dc8574b3b36f76a9abbd06b9ac3a1e",onClick:o=>{o.preventDefault();this.close()},onKeyPress:o=>{o.preventDefault();this.close();this.setReturnFocus();if(this.trap){this.trap.deactivate()}}}));let s=e("div",{key:"19d8385b8c79c60439c57fba19dd41cc95b2227b",tabindex:"0",class:"bottom-close",id:"modal-bottom-close",onClick:o=>{o.preventDefault();this.close()},onKeyPress:o=>{o.preventDefault();this.close();this.setReturnFocus();if(this.trap){this.trap.deactivate()}}},e("span",{key:"c9a5ebf924afd679c05285f38bdba17c9b72d855"},this.bottomCloseBtn));if(this.iframeUrl){o=e("iframe",{key:"e9f6b72d0723ae887817572ddcb6014be8a678d0",src:this.iframeUrl,frameBorder:0,allowFullScreen:false,height:"100%",width:"100%",scrolling:"no",onLoad:this.resizeIframe})}else{if(this.showHeaderFooter){o=e("slot",{key:"ddce4684bdfe0f73e44cfbee26c1d25e451675b8",name:"body"})}else{o=e("slot",{key:"a27aa4555100bd1f6d5140fc19b0326e1ee7b1af"})}}if(this.overlay){if(this.closeOnBlur){t=e("div",{key:"51ed7bb78c8de27ce221848d182ad33da30a88ab",class:"overlay",onClick:o=>this.close()})}else{t=e("div",{key:"2d92503b292c88061e116b87b41f24b1529d6cbe",class:"overlay"})}}return e(a,{key:"8cdb758d20c0368b0bddf2a3c8971addd8cc4b58",class:this.getCssClassMap()},this.styles&&e("style",{key:"a133e0b93a1337299a3f796edbe087b05ec6cc03"},this.styles),e("div",{key:"559f283b4fc46fc27b5fea0217fd707b18774717",class:`wrapper ${this.show?"show":"hide"} ${this.fixed?"fixed":""} `},t,e("div",{key:"aa5d369460732324b58d38a399f4cc811b0bcb97",class:`modal-popup ${this.customClass?this.customClass:""} ${this.size} ${r} ${this.rounded?"rounded":""} ${this.showHeaderFooter?"shadow-scroller":""} `,ref:o=>this.modalPopUpRef=o},this.modalType==="event-listing"&&this.headerOnlyBg?[e("div",{class:"event-list-header"},e("ptc-img",{"img-url":this.headerOnlyBg,"image-type":"smart-img",styles:".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}"}),e("div",{class:"text-wrapper"},e("span",null,this.headerOnlyText1?this.headerOnlyText1:""),e("span",null,this.headerOnlyText2?this.headerOnlyText2:"")))]:null,this.showHeaderFooter?[!this.hideHeader&&e("div",{class:"modal-header"},e("slot",{name:"header"}),i),this.hideHeader&&i,e("div",{class:`modal-body ${this.modernScrollbar?"modern-scrollbar":""}`,onScroll:()=>this.handleScroll()},o),e("div",{class:"modal-footer"},e("slot",{name:"footer"}))]:[i,e("div",{class:`modal-body ${this.modernScrollbar?"modern-scrollbar":""}`},o)],this.modalType==="event-listing"&&this.bottomCloseBtn?[s]:null)))}getCssClassMap(){return{["no-container"]:this.hideContainer,["bio-modal"]:this.isBioModal,["enclose-modal"]:!this.isBioModal&&this.keepInViewport,[this.borderRadius]:true,[this.modalType]:true,["vh-center"]:this.vhCenter}}async showModal(){this.show=true}async hideModal(){this.show=false}async toggleModal(){this.show=!this.show}async reloadIframe(){if(this.iframeUrl){let o=this.el.shadowRoot.querySelector("iframe");if(o){o.src=o.src}}}static get watchers(){return{show:["onShowChange"]}}};p.style=l;export{d as ptc_close_icon,p as ptc_modal};
2	- //# sourceMappingURL=p-e695f4fe.entry.js.map