@4alldigital/foundation-ui--gamma 1.81.3 → 3.0.0

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@4alldigital/foundation-ui--gamma",
-  "version": "1.81.3",
-  "description": "Foundation UI Component library with GAMMA theme. ",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "jsnext:main": "dist/index.es.js",
+  "version": "3.0.0",
+  "description": "Foundation UI Component library with GAMMA theme (source distribution)",
+  "main": "src/index.ts",
+  "types": "src/index.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tech-stuff-dev/foundation-ui.git",
@@ -12,27 +11,23 @@
   },
   "author": "Joe Mewes",
   "license": "MIT",
-  "source": "src/index.ts",
-  "types": "dist/types/packages/gamma/src/index.d.ts",
   "sideEffects": [
-    "*.css",
-    "dist/*.css"
+    "*.css"
   ],
   "files": [
-    "dist"
+    "src"
   ],
   "exports": {
     "./package.json": "./package.json",
-    ".": {
-      "types": "./dist/types/packages/gamma/src/index.d.ts",
-      "import": "./dist/index.esm.js",
-      "require": "./dist/index.js"
-    },
-    "./dist/foundation-ui.css": "./dist/foundation-ui.css",
-    "./foundation-ui.css": "./dist/foundation-ui.css"
+    ".": "./src/index.ts",
+    "./styles/*": "./src/styles/*",
+    "./theme": "./src/styles/theme.css",
+    "./base": "./src/styles/base.css"
   },
   "scripts": {
-    "build": "npx rollup -c ../../rollup.config.js --bundleConfigAsCjs && tsc-alias"
+    "build": "echo 'Source distribution - type checking skipped for build'",
+    "type-check": "tsc --noEmit",
+    "dev": "tsc --noEmit --watch"
   },
   "config": {
     "loglevel": "silent"
@@ -40,8 +35,9 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e16c484893ed8a9b67e3704edbf7f710c2d25fc9",
+  "gitHead": "fcd4701fb7f74aa4946349e73b6ad370b87cc73d",
   "dependencies": {
+    "@4alldigital/foundation-ui--core": "3.0.0",
     "@elastic/datemath": "^5.0.3",
     "@elastic/react-search-ui": "^1.24.2",
     "@elastic/react-search-ui-views": "^1.24.2",

package/src/index.ts

@@ -0,0 +1,2 @@
+// Re-export all components from core
+export * from '@4alldigital/foundation-ui--core';

package/src/styles/base.css

@@ -0,0 +1,60 @@
+@import "./theme.css";
+
+@layer base {
+  body {
+    @apply bg-body-bg font-body text-body-text dark:bg-body-bg-dark dark:text-body-text-dark;
+  }
+
+  .brand-font-offset {
+    @apply pt-px;
+  }
+
+  .link {
+    @apply visited:text-inherit hover:text-secondary hover:no-underline;
+  }
+
+  .form {
+    @apply flex flex-col rounded bg-[rgba(0,0,0,0.1)] dark:bg-[rgba(0,0,0,0.2)];
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  }
+
+  .form-item {
+    @apply appearance-none outline-none box-border border border-solid border-primary-300 dark:border-primary-400 bg-[rgba(255,255,255,0.1)] dark:bg-[rgba(0,0,0,0.1)];
+    @apply text-grey-600 dark:text-primary-300 focus:text-body-text dark:focus:text-body-text-dark;
+    @apply focus:ring-info focus:ring-2 dark:focus:ring-info dark:focus:ring-2;
+    @apply invalid:border-2 invalid:border-error dark:invalid:border-error;
+    @apply disabled:bg-primary-500 dark:disabled:bg-primary-500;
+  }
+
+  .text-input {
+    @apply rounded w-full p-3 focus:ring-info dark:focus:ring-info;
+  }
+
+  .checkbox {
+    @apply rounded focus:ring-info dark:focus:ring-info;
+  }
+
+  .radio {
+    @apply rounded-full focus:ring-info dark:focus:ring-info;
+  }
+
+  .switch {
+    @apply rounded-full peer-checked:bg-primary-300 peer-focus:ring-info dark:peer-checked:bg-primary-400 dark:border-primary-500;
+  }
+
+  .display-heading-wrapper {
+    @apply relative border-solid border-t border-body-text pt-2 mt-2 mb-8 w-full before:absolute before:content-[""] before:bg-body-text before:w-[100px] before:left-0 before:-top-2 before:h-2;
+  }
+
+  .display-heading {
+    @apply no-underline uppercase;
+  }
+
+  .display-heading--emphasis {
+    @apply hidden;
+  }
+
+  .display-heading--lastword {
+    @apply relative text-body-text no-underline px-4 uppercase;
+  }
+}

package/src/styles/theme.css

@@ -0,0 +1,74 @@
+@import "../../../default/theme/tokens.css";
+
+@theme {
+  /* Gamma Theme - Brand Colors */
+  --color-primary: #001E5A;
+  --color-primary-50: #e6e9ef;
+  --color-primary-100: #b0b9cc;
+  --color-primary-200: #8a98b3;
+  --color-primary-300: #546890;
+  --color-primary-400: #334b7b;
+  --color-primary-500: #001e5a;
+  --color-primary-600: #001b52;
+  --color-primary-700: #001540;
+  --color-primary-800: #001132;
+  --color-primary-900: #000d26;
+
+  --color-secondary: #0076ff;
+  --color-secondary-50: #f2f7ff;
+  --color-secondary-100: #e6f0ff;
+  --color-secondary-200: #d9e8ff;
+  --color-secondary-300: #cce0ff;
+  --color-secondary-400: #b3d1ff;
+  --color-secondary-500: #0076ff;
+  --color-secondary-600: #005ecf;
+  --color-secondary-700: #0046a0;
+  --color-secondary-800: #00307a;
+  --color-secondary-900: #001f5c;
+
+  --color-tertiary: #a3b0ca;
+  --color-tertiary-50: #f6f7fa;
+  --color-tertiary-100: #e2e7ef;
+  --color-tertiary-200: #d5dbe7;
+  --color-tertiary-300: #c1cadb;
+  --color-tertiary-400: #b5c0d5;
+  --color-tertiary-500: #a3b0ca;
+  --color-tertiary-600: #94a0b8;
+  --color-tertiary-700: #747d8f;
+  --color-tertiary-800: #5a616f;
+  --color-tertiary-900: #444a55;
+
+  --color-quaternary: #0f71b1;
+  --color-quaternary-50: #e7f1f7;
+  --color-quaternary-100: #b5d3e7;
+  --color-quaternary-200: #91bedb;
+  --color-quaternary-300: #5ea0cb;
+  --color-quaternary-400: #3f8dc1;
+  --color-quaternary-500: #0f71b1;
+  --color-quaternary-600: #0e67a1;
+  --color-quaternary-700: #0b507e;
+  --color-quaternary-800: #083e61;
+  --color-quaternary-900: #062f4a;
+
+  /* Semantic Color Mappings - Gamma Theme */
+  --color-body-text: #171717;
+  --color-body-text-dark: #eeeeee;
+  --color-body-bg: var(--color-white);
+  --color-body-bg-dark: var(--color-primary-900);
+  
+  --color-header-bg: var(--color-primary);
+  --color-header-bg-dark: var(--color-primary-900);
+  --color-header-text: var(--color-white);
+  --color-header-text-dark: var(--color-white);
+  
+  --color-footer-bg: var(--color-primary);
+  --color-footer-bg-dark: var(--color-primary-900);
+  --color-footer-text: var(--color-white);
+  --color-footer-text-dark: var(--color-white);
+  
+  --color-card-bg: var(--color-white);
+  --color-card-bg-dark: var(--color-primary-900);
+  --color-card-bg-hover: var(--color-primary-100);
+  --color-card-text: var(--color-primary-900);
+  --color-card-text-dark: var(--color-white);
+}

package/dist/foundation-ui.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif;--font-mono:ui-monospace,monospace;--color-purple-500:#4f1e94;--color-black:#000;--color-white:#fff;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.25rem;--color-primary:#001e5a;--color-primary-100:#b0b9cc;--color-primary-200:#8a98b3;--color-primary-300:#546890;--color-primary-400:#334b7b;--color-primary-500:#001e5a;--color-primary-600:#001b52;--color-primary-700:#001540;--color-primary-800:#001132;--color-primary-900:#000d26;--color-secondary:#0076ff;--color-tertiary:#a3b0ca;--color-info:#3abff8;--color-error:#f87272;--color-grey-50:#f8f8f8;--color-grey-100:#f1f1f1;--color-grey-300:#e3e3e3;--color-grey-600:#a9a9a9;--color-grey-700:#8c8c8c;--color-grey-800:#666;--color-body-text:#171717;--color-body-text-dark:#eee;--color-body-bg:var(--color-white);--color-body-bg-dark:var(--color-primary-900);--font-body:ui-sans-serif,system-ui,sans-serif;--font-heading:ui-sans-serif,system-ui,sans-serif;--spacing-px:1px;--spacing-0:0;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-8:2rem;--radius-full:9999px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-tap-highlight-color:"blue"}body{background-color:var(--color-body-bg);min-height:100vh;font-family:var(--font-body);color:var(--color-body-text)}.brand-font-offset{padding-top:var(--spacing-0)}.button{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);cursor:pointer;appearance:none;border-radius:var(--radius);border-style:var(--tw-border-style);--tw-border-style:solid;font-family:var(--font-body);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-outline-style:none;border-style:solid;border-width:1px;outline-style:none;justify-content:space-around;align-items:center;transition-duration:.2s;display:flex}.button:focus,.button:focus-visible{--tw-outline-style:none;outline-style:none}.button:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:480px){.video-js .vjs-control-bar{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:768px){.video-js .vjs-control-bar{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (hover:hover){.link:hover{text-decoration-line:underline}}.form-wrapper{width:100%}.form{border-radius:var(--radius);background-color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;display:flex}.form-item{box-sizing:border-box;appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-grey-600);background-color:var(--color-grey-50);--tw-outline-style:none;outline-style:none}.form-item:focus,.dark .form-item:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-info)}.dark .form-item:disabled{background-color:var(--color-primary-800)}.form-item::placeholder{color:var(--color-grey-600)}.text-input:focus,.dark .text-input:focus{--tw-ring-color:var(--color-info)}.text-area{border-radius:var(--radius);width:100%;padding:var(--spacing-3)}.text-area:focus,.dark .text-area:focus{--tw-ring-color:var(--color-info)}.checkbox{border-radius:var(--radius);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-primary)}.checkbox:focus,.dark .checkbox:focus{--tw-ring-color:var(--color-info)}.radio:focus,.dark .radio:focus{--tw-ring-color:var(--color-info)}.dark .form-icon{color:var(--color-primary-400)}.display-heading{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.dark .display-heading{-webkit-text-decoration-color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.display-heading--emphasis{--tw-skew-x:skewX(3deg);width:100%;height:100%;rotate:6deg;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);background-color:var(--color-secondary);position:absolute}.dark .display-heading--emphasis{background-color:var(--color-secondary)}.display-heading--lastword{padding-inline:var(--spacing-4);color:var(--color-white);text-decoration-line:none;position:relative}.accordion-trigger{margin-bottom:var(--spacing-2);border-radius:var(--radius);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-tertiary);padding:var(--spacing-2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:row;justify-content:space-between;align-items:center;display:flex}.accordion-trigger-open{background-color:var(--color-tertiary)}.collapsible-root{width:100%}.collapsible-trigger{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-grey-300);width:100%;padding:var(--spacing-3);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.dark .collapsible-trigger{border-color:var(--color-grey-700)}.collapsible-trigger{cursor:pointer;border-radius:var(--radius-lg);--tw-outline-style:none;outline-style:none}.collapsible-trigger:focus{--tw-outline-style:none;outline-style:none}.collapsible-trigger:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-primary)}@media (hover:hover){.collapsible-trigger:hover{background-color:var(--color-grey-100)}.dark .collapsible-trigger:hover{background-color:var(--color-grey-800)}}.collapsible-trigger[data-state=open]{background-color:var(--color-grey-100)}.dark .collapsible-trigger[data-state=open]{background-color:var(--color-grey-800)}.collapsible-trigger[data-state=open],.dark .collapsible-trigger[data-state=open]{border-color:var(--color-primary)}.collapsible-content{overflow:hidden}.has-content-date .rdp-day_button:after{content:"";background-color:#000;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}body{background-color:var(--color-body-bg);font-family:var(--font-body);color:var(--color-body-text)}.dark :is(body){background-color:var(--color-body-bg-dark);color:var(--color-body-text-dark)}.brand-font-offset{padding-top:1px;padding-top:var(--spacing-px)}.link:visited{color:inherit}@media (hover:hover){.link:hover{color:var(--color-secondary);text-decoration-line:none}}.form{border-radius:var(--radius);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000001a;flex-direction:column;display:flex}.dark .form{background-color:#0003}.form-item{box-sizing:border-box;appearance:none;border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--color-primary-300);--tw-outline-style:none;background-color:#ffffff1a;outline-style:none}.dark .form-item{border-color:var(--color-primary-400);background-color:#0000001a}.form-item{color:var(--color-grey-600)}.form-item:focus{color:var(--color-body-text)}.dark .form-item{color:var(--color-primary-300)}.dark .form-item:focus{color:var(--color-body-text-dark)}.form-item:focus,.dark .form-item:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-info)}.form-item:invalid{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-error)}.dark .form-item:invalid{border-color:var(--color-error)}.form-item:disabled,.dark .form-item:disabled{background-color:var(--color-primary-500)}.remove-arrow::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.remove-arrow::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remove-arrow{-moz-appearance:textfield}.label,.formfield-description{color:var(--color-body-text)}.dark :is(.label,.formfield-description){color:var(--color-primary-200)}.text-input{border-radius:var(--radius);width:100%;padding:var(--spacing-3)}.text-input:focus,.dark .text-input:focus{--tw-ring-color:var(--color-info)}.checkbox{border-radius:var(--radius)}.checkbox:focus,.dark .checkbox:focus{--tw-ring-color:var(--color-info)}.radio{border-radius:var(--radius-full)}.radio:focus,.dark .radio:focus{--tw-ring-color:var(--color-info)}.form-icon,.dark .form-icon{color:var(--color-primary-200)}.switch{border-radius:var(--radius-full)}.switch:is(:where(.peer):checked~*){background-color:var(--color-primary-300)}.switch:is(:where(.peer):focus~*){--tw-ring-color:var(--color-info)}.dark .switch{border-color:var(--color-primary-500)}.dark .switch:is(:where(.peer):checked~*){background-color:var(--color-primary-400)}.file-upload::file-selector-button{background-color:var(--color-primary-300)}.file-upload::file-selector-button{color:var(--color-body-text)}.dark .file-upload::file-selector-button{background-color:var(--color-primary-400)}.display-heading-wrapper{margin-top:var(--spacing-2);margin-bottom:var(--spacing-8);border-top-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-top-width:1px;border-color:var(--color-body-text);width:100%;padding-top:var(--spacing-2);position:relative}.display-heading-wrapper:before{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing-2)*-1);content:var(--tw-content);left:var(--spacing-0);content:var(--tw-content);height:var(--spacing-2);content:var(--tw-content);content:var(--tw-content);background-color:var(--color-body-text);--tw-content:"";content:var(--tw-content);width:100px;position:absolute}.display-heading{text-transform:uppercase;text-decoration-line:none}.display-heading--emphasis{display:none}.display-heading--lastword{padding-inline:var(--spacing-4);color:var(--color-body-text);text-transform:uppercase;text-decoration-line:none;position:relative}}@layer components;@layer utilities{.fixed{position:fixed}.inline{display:inline}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}}.slick-track{margin:0}.vjs-control-bar{font-size:130%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-content{syntax:"*";inherits:false;initial-value:""}