:root { --white: rgba(255, 255, 255, 1); --h1-52px-font-family: "Playfair Display", Helvetica; --h1-52px-font-weight: 400; --h1-52px-font-size: 54px; --h1-52px-letter-spacing: 0px; --h1-52px-line-height: 120.00000476837158%; --h1-52px-font-style: normal; --h2-36px-font-family: "Playfair Display", Helvetica; --h2-36px-font-weight: 400; --h2-36px-font-size: 36px; --h2-36px-letter-spacing: 0px; --h2-36px-line-height: 120.00000476837158%; --h2-36px-font-style: normal; --h3-24px-font-family: "Playfair Display", Helvetica; --h3-24px-font-weight: 500; --h3-24px-font-size: 24px; --h3-24px-letter-spacing: 0px; --h3-24px-line-height: 139.9999976158142%; --h3-24px-font-style: normal; --h4-16px-font-family: "Playfair Display", Helvetica; --h4-16px-font-weight: 400; --h4-16px-font-size: 16px; --h4-16px-letter-spacing: 0px; --h4-16px-line-height: 120.00000476837158%; --h4-16px-font-style: normal; --button-16px-font-family: "Helvetica", Helvetica; --button-16px-font-weight: 700; --button-16px-font-size: 16px; --button-16px-letter-spacing: 0px; --button-16px-line-height: normal; --button-16px-font-style: normal; --h1-40px-tablet-font-family: "Playfair Display", Helvetica; --h1-40px-tablet-font-weight: 400; --h1-40px-tablet-font-size: 40px; --h1-40px-tablet-letter-spacing: 0px; --h1-40px-tablet-line-height: 120.00000476837158%; --h1-40px-tablet-font-style: normal; --h3-20px-tablet-font-family: "Playfair Display", Helvetica; --h3-20px-tablet-font-weight: 700; --h3-20px-tablet-font-size: 20px; --h3-20px-tablet-letter-spacing: 0px; --h3-20px-tablet-line-height: 120.00000476837158%; --h3-20px-tablet-font-style: normal; --h1-28px-mob-font-family: "Playfair Display", Helvetica; --h1-28px-mob-font-weight: 400; --h1-28px-mob-font-size: 28px; --h1-28px-mob-letter-spacing: 0px; --h1-28px-mob-line-height: 120.00000476837158%; --h1-28px-mob-font-style: normal; --button-12px-font-family: "Helvetica", Helvetica; --button-12px-font-weight: 700; --button-12px-font-size: 12px; --button-12px-letter-spacing: 0px; --button-12px-line-height: normal; --button-12px-font-style: normal; --h3-20px-font-family: "Playfair Display", Helvetica; --h3-20px-font-weight: 400; --h3-20px-font-size: 24px; --h3-20px-letter-spacing: 0px; --h3-20px-line-height: 139.9999976158142%; --h3-20px-font-style: normal; --system-colors-miscellaneous-floating-tab-pill-fill: rgba(255, 255, 255, 1); } /* To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so: You can apply the theme on any DOM node, not just the `body` */ [data-system-colors-mode="light"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba(255, 255, 255, 1); } [data-system-colors-mode="dark"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba( 255, 255, 255, 0.07 ); } [data-system-colors-mode="dark-elevated"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba( 255, 255, 255, 0.07 ); } [data-system-colors-mode="IC-light"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba(255, 255, 255, 1); } [data-system-colors-mode="IC-dark"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba( 255, 255, 255, 0.22 ); } [data-system-colors-mode="IC-dark-elevated"] { --system-colors-miscellaneous-floating-tab-pill-fill: rgba( 255, 255, 255, 0.22 ); }