mblox 2.0.3 → 2.0.4

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 (4) hide show
  1. package/README.md +32 -12
  2. package/dist/mBloxM3E.css +1 -1
  3. package/dist/mBloxM3E.js +111 -92
  4. package/package.json +3 -3
package/README.md CHANGED
@@ -79,13 +79,13 @@ You can configure mBlox directly using `data-*` attributes on the block element.
79
79
  data-iFix="false"
80
80
  data-iBorder="true"
81
81
  data-corner="rounded"
82
- data-gutter="3"
82
+ data-space="3"
83
83
  data-textVAlign="bottom"
84
84
  data-textHAlign="left"
85
85
  data-ctaAlign="right"
86
86
  data-CTAText="Read More"
87
87
  data-moreText="View All"
88
- data-snippetSize="150"
88
+ data-snippetLines="3"
89
89
  data-overlay-items="vcasb"
90
90
  data-s="1"
91
91
  >
@@ -118,13 +118,13 @@ Alternatively, you can configure the block using an embedded JSON script. This a
118
118
  "iFix": false,
119
119
  "iBorder": true,
120
120
  "corner": "rounded",
121
- "gutter": 3,
121
+ "space": 3,
122
122
  "textVAlign": "bottom",
123
123
  "textHAlign": "left",
124
124
  "ctaAlign": "right",
125
125
  "CTAText": "Read More",
126
126
  "moreText": "View All",
127
- "snippetSize": 150,
127
+ "snippetLines": 3,
128
128
  "overlayItems": "vcasb",
129
129
  "s": 1
130
130
  }
@@ -173,7 +173,6 @@ For Tailwind v4 (CSS-based config):
173
173
  / Define your M3E theme variables here */
174
174
  @theme {
175
175
  --color-primary: #006699;
176
- --color-surface-variant: #e0e3e3;
177
176
  /* Add other necessary M3E colors */
178
177
  }
179
178
  `
@@ -186,7 +185,7 @@ For Tailwind v3 (Legacy tailwind.config.js):
186
185
  }
187
186
  ```
188
187
 
189
- Important Note: Because mBlox relies heavily on M3E semantic tokens (e.g., bg-surface-variant, text-on-primary), you must define these custom colors in your Tailwind theme. If you omit them, Tailwind won't output the corresponding styles, resulting in unstyled elements.
188
+ Important Note: Because mBlox relies heavily on M3E semantic tokens (e.g., bg-surface, text-on-primary), you must define these custom colors in your Tailwind theme. If you omit them, Tailwind won't output the corresponding styles, resulting in unstyled elements.
190
189
 
191
190
  ## Configuration
192
191
 
@@ -194,14 +193,35 @@ Customize mBlox using `data-*` attributes or embedded JSON. The core attributes
194
193
 
195
194
  | Attribute | JSON Key | Description | Default |
196
195
  |---|---|---|---|
196
+ | `data-label` | `label` | Label name to fetch posts for (when `contentType` is `label`). | `"Label Name missing"` |
197
+ | `data-contenttype` | `contentType` | Feed type to fetch: `recent`, `label`, or `comments`. | `recent` |
197
198
  | `data-feed` | `feed` | Source URL of the blog or feed. | `/` |
198
- | `data-contenttype` | `contentType` | `recent`, `label`, or `comments`. | `recent` |
199
+ | `data-title` | `title` | Optional title for the block section. | *(empty)* |
200
+ | `data-description`| `description` | Optional description for the block section. | *(empty)* |
199
201
  | `data-type` | `type` | Visual style and component layout (e.g., `v-ih`). | `v-ih` |
202
+ | `data-theme` | `theme` | Force theme: `light`, `dark`, or `auto`. | `auto` |
203
+ | `data-s` | `s` | Stage ID for coordinating multiple blocks. | `1` |
200
204
  | `data-posts` | `posts` | Number of posts to fetch/display. | `3` |
201
- | `data-cols` | `cols` | Number of columns in the grid. | Varies |
202
- | `data-theme` | `theme` | `light`, `dark`, or `auto`. | `auto` |
203
- | `data-palette` | `palette` | Color palette (e.g., `surface`, `colorful`). | `surface` |
204
- | `data-ar` | `ar` | Aspect ratio (e.g., `16x9`, `4x3`, `1x1`). | `1x1` |
205
- | `data-isCarousel` | `isCarousel` | Enables carousel navigation. | `false` |
205
+ | `data-palette` | `palette` | Color palette (e.g., `secondary`). | `primary` |
206
+ | `data-textVAlign` | `textVAlign` | Vertical alignment of text (`top`, `middle`, `bottom`, `overlay`). | Varies |
207
+ | `data-textHAlign` | `textHAlign` | Horizontal alignment of text (`left`, `center`, `right`). | Varies |
208
+ | `data-iBlur` | `iBlur` | Blur the background image (`true` or `false`). | Varies |
209
+ | `data-iFix` | `iFix` | Fixed background image attachment (`true` or `false`). | Varies |
210
+ | `data-cols` | `cols` | Number of columns in the grid layout. | Varies |
211
+ | `data-rows` | `rows` | Number of rows (useful with `isCarousel`). | `1` |
212
+ | `data-overlay-items`| `overlayItems`| Items to display in overlay (e.g., `vcasb`). | `vcasb` |
213
+ | `data-isCarousel` | `isCarousel` | Enables carousel navigation (`true` or `false`). | `false` |
214
+ | `data-iHeight` | `iHeight` | Height of the image or section (e.g., `100vh`, `70vh`, `m`). | Varies |
215
+ | `data-space` | `space` | Gap between grid items. | Varies |
216
+ | `data-corner` | `corner` | Corner style (`sharp` removes rounded corners). | *(rounded)* |
217
+ | `data-ar` | `ar` | Aspect ratio of images (e.g., `16x9`, `4x3`, `1x1`). | `1/1` |
218
+ | `data-size` | `size` | Typography size scale for Title, Snippet, CTA (`sm`, `md`, `lg`). | `md` |
219
+ | `data-chipSize`| `chipSize`| Size scale for Date and Label chips (`sm`, `md`, `lg`). | `md` |
220
+ | `data-filter` | `filter` | Tailwind CSS filter class applied to images (e.g. `grayscale`, `sepia`). | *(none)* |
221
+ | `data-iBorder` | `iBorder` | Enables rounded borders on images (`true` or `false`). | `false` |
222
+ | `data-snippetLines`| `snippetLines` | Maximum number of lines for post snippet. | `3` |
223
+ | `data-CTAText` | `CTAText` | Custom call-to-action button text. | *(empty)* |
224
+ | `data-ctaAlign` | `ctaAlign` | Alignment of the CTA button (`left`, `center`, `right`). | Varies |
225
+ | `data-moreText` | `moreText` | Text for the "Read more" link. | *(empty)* |
206
226
 
207
227
  *See [spec.md](spec.md) for the full technical breakdown.*
package/dist/mBloxM3E.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
- @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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-primary);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-3xl:1.5rem;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--aspect-video:16 / 9;--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);--color-primary:#069;--color-on-primary:#ddd;--color-primary-container:#cdf;--color-on-primary-container:#023;--color-secondary:#5c5c5c;--color-on-secondary:#fff;--color-secondary-container:#e6e6e6;--color-on-secondary-container:#333;--color-tertiary:#cc7000;--color-on-tertiary:#fff;--color-tertiary-container:#ec9;--color-on-tertiary-container:#320;--color-error:#c33;--color-on-error:#fff;--color-error-container:#ffedeb;--color-on-error-container:#c11;--color-surface:#fcf8f8;--color-on-surface:#1c1b1b;--color-surface-variant:#e0e3e3;--color-on-surface-variant:#444748;--color-surface-container:#f1edec;--color-primary-container-fixed:#00334d;--font-system:inherit;--font-primary:var(--font-system);--font-secondary:var(--font-system);--text-display-sm:clamp(1.75rem, 3.5vw, 2.28rem);--text-display-sm--line-height:clamp(2.25rem, 4vw, 2.75rem);--text-headline-lg:clamp(1.5rem, 3vw, 2rem);--text-headline-lg--line-height:clamp(2rem, 3.5vw, 2.5rem);--text-headline-sm:clamp(1.125rem, 2vw, 1.42rem);--text-headline-sm--line-height:clamp(1.5rem, 2.5vw, 2rem);--text-title-lg:1.28rem;--text-title-lg--line-height:1.75rem;--text-title-md:1rem;--text-title-md--line-height:1.5rem;--text-title-md--font-weight:500;--text-body-md:.85rem;--text-body-md--line-height:1.25rem;--text-label-lg:.85rem;--text-label-lg--line-height:1.25rem;--text-label-lg--font-weight:500;--text-label-md:.71rem;--text-label-md--line-height:1rem;--text-label-md--font-weight:500;--text-label-sm:.64rem;--text-label-sm--line-height:1rem;--text-label-sm--font-weight:500;--ease-m3-emphasized:cubic-bezier(.2, 0, 0, 1)}}@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}body{font-family:var(--font-primary);background-color:var(--color-surface);color:var(--color-on-surface)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start-50{inset-inline-start:calc(var(--spacing) * 50)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-8{top:calc(var(--spacing) * 8)}.top-50{top:calc(var(--spacing) * 50)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-12{bottom:calc(var(--spacing) * 12)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-4{grid-column:4}.col-8{grid-column:8}.col-span-1{grid-column:span 1/span 1}.float-end{float:inline-end}.float-left{float:left}.float-start{float:inline-start}.container{width:100%}@media (min-width:600px){.container{max-width:600px}}@media (min-width:840px){.container{max-width:840px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-2{margin:calc(var(--spacing) * 2)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.-my-4{margin-block:calc(var(--spacing) * -4)}.my-2{margin-block:calc(var(--spacing) * 2)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.me-3{margin-inline-end:calc(var(--spacing) * 3)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-6{margin-left:calc(var(--spacing) * 6)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[9\/21\]{aspect-ratio:9/21}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-100{height:calc(var(--spacing) * 100)}.h-auto{height:auto}.h-full{height:100%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-75{width:calc(var(--spacing) * 75)}.w-100{width:calc(var(--spacing) * 100)}.w-auto{width:auto}.w-full{width:100%}.max-w-0{max-width:calc(var(--spacing) * 0)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.auto-cols-\[50\%\]{grid-auto-columns:50%}.auto-cols-\[100\%\]{grid-auto-columns:100%}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-0{row-gap:calc(var(--spacing) * 0)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-3{border-style:var(--tw-border-style);border-width:3px}.bg-\[\#ccc\]{background-color:#ccc}.bg-\[\#ff0000\]{background-color:red}.bg-current{background-color:currentColor}.bg-error{background-color:var(--color-error)}.bg-error-container{background-color:var(--color-error-container)}.bg-error-container\/20{background-color:#ffedeb33}@supports (color:color-mix(in lab, red, red)){.bg-error-container\/20{background-color:color-mix(in oklab, var(--color-error-container) 20%, transparent)}}.bg-error\/20{background-color:#c333}@supports (color:color-mix(in lab, red, red)){.bg-error\/20{background-color:color-mix(in oklab, var(--color-error) 20%, transparent)}}.bg-on-primary\/8{background-color:#dddddd14}@supports (color:color-mix(in lab, red, red)){.bg-on-primary\/8{background-color:color-mix(in oklab, var(--color-on-primary) 8%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-primary-container-fixed{background-color:var(--color-primary-container-fixed)}.bg-primary-container\/20{background-color:#cdf3}@supports (color:color-mix(in lab, red, red)){.bg-primary-container\/20{background-color:color-mix(in oklab, var(--color-primary-container) 20%, transparent)}}.bg-primary\/20{background-color:#0693}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-secondary-container\/20{background-color:#e6e6e633}@supports (color:color-mix(in lab, red, red)){.bg-secondary-container\/20{background-color:color-mix(in oklab, var(--color-secondary-container) 20%, transparent)}}.bg-secondary\/20{background-color:#5c5c5c33}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/20{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container\/20{background-color:#f1edec33}@supports (color:color-mix(in lab, red, red)){.bg-surface-container\/20{background-color:color-mix(in oklab, var(--color-surface-container) 20%, transparent)}}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-surface\/20{background-color:#fcf8f833}@supports (color:color-mix(in lab, red, red)){.bg-surface\/20{background-color:color-mix(in oklab, var(--color-surface) 20%, transparent)}}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.bg-tertiary-container\/20{background-color:#ec93}@supports (color:color-mix(in lab, red, red)){.bg-tertiary-container\/20{background-color:color-mix(in oklab, var(--color-tertiary-container) 20%, transparent)}}.bg-tertiary\/20{background-color:#cc700033}@supports (color:color-mix(in lab, red, red)){.bg-tertiary\/20{background-color:color-mix(in oklab, var(--color-tertiary) 20%, transparent)}}.fill-primary-container{fill:var(--color-primary-container)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.ps-0{padding-inline-start:calc(var(--spacing) * 0)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-text-bottom{vertical-align:text-bottom}.text-label-lg{font-size:var(--text-label-lg);line-height:var(--tw-leading,var(--text-label-lg--line-height));font-weight:var(--tw-font-weight,var(--text-label-lg--font-weight))}.text-label-md{font-size:var(--text-label-md);line-height:var(--tw-leading,var(--text-label-md--line-height));font-weight:var(--tw-font-weight,var(--text-label-md--font-weight))}.text-label-sm{font-size:var(--text-label-sm);line-height:var(--tw-leading,var(--text-label-sm--line-height));font-weight:var(--tw-font-weight,var(--text-label-sm--font-weight))}.text-title-md{font-size:var(--text-title-md);line-height:var(--tw-leading,var(--text-title-md--line-height));font-weight:var(--tw-font-weight,var(--text-title-md--font-weight))}.text-body-md{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height))}.text-display-sm{font-size:var(--text-display-sm);line-height:var(--tw-leading,var(--text-display-sm--line-height))}.text-headline-lg{font-size:var(--text-headline-lg);line-height:var(--tw-leading,var(--text-headline-lg--line-height))}.text-headline-sm{font-size:var(--text-headline-sm);line-height:var(--tw-leading,var(--text-headline-sm--line-height))}.text-title-lg{font-size:var(--text-title-lg);line-height:var(--tw-leading,var(--text-title-lg--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[\#00aaff\]{color:#0af}.text-current{color:currentColor}.text-error{color:var(--color-error)}.text-on-error{color:var(--color-on-error)}.text-on-error-container{color:var(--color-on-error-container)}.text-on-primary{color:var(--color-on-primary)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-on-secondary{color:var(--color-on-secondary)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-on-tertiary{color:var(--color-on-tertiary)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-primary{color:var(--color-primary)}.text-primary-container{color:var(--color-primary-container)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.ring-current{--tw-ring-color:currentcolor}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));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,)}.filter{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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-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,);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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-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,);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,)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[--ease-m3-emphasized\]{--tw-ease:--ease-m3-emphasized;transition-timing-function:--ease-m3-emphasized}.ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\]{--tw-ease:cubic-bezier(.2,0,0,1);transition-timing-function:cubic-bezier(.2,0,0,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:max-w-\[60px\]:is(:where(.group):hover *){max-width:60px}.group-hover\:pl-2\.5:is(:where(.group):hover *){padding-left:calc(var(--spacing) * 2.5)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-\[\.added\]\:block:is(:where(.group).added *){display:block}.group-\[\.added\]\:hidden:is(:where(.group).added *){display:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-variant:hover{background-color:var(--color-surface-variant)}.hover\:bg-tertiary:hover{background-color:var(--color-tertiary)}.hover\:text-on-secondary:hover{color:var(--color-on-secondary)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}.hover\:text-on-tertiary:hover{color:var(--color-on-tertiary)}.hover\:text-tertiary:hover{color:var(--color-tertiary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:backdrop-blur-xl:hover{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-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,);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,)}}.focus-visible\:ring-2: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)}.aria-\[current\=\'true\'\]\:opacity-100[aria-current=true]{opacity:1}@media (min-width:840px){.md\:mx-10{margin-inline:calc(var(--spacing) * 10)}}@container (min-width:20rem){.\@xs\:p-4{padding:calc(var(--spacing) * 4)}.\@xs\:p-6{padding:calc(var(--spacing) * 6)}}@container (min-width:24rem){.\@sm\:col-span-1{grid-column:span 1/span 1}.\@sm\:col-span-2{grid-column:span 2/span 2}.\@sm\:col-span-3{grid-column:span 3/span 3}.\@sm\:p-6{padding:calc(var(--spacing) * 6)}.\@sm\:p-8{padding:calc(var(--spacing) * 8)}.\@sm\:px-12{padding-inline:calc(var(--spacing) * 12)}}@container (min-width:28rem){.\@md\:col-span-1{grid-column:span 1/span 1}.\@md\:col-span-2{grid-column:span 2/span 2}.\@md\:col-span-3{grid-column:span 3/span 3}.\@md\:mt-0{margin-top:calc(var(--spacing) * 0)}.\@md\:ml-6{margin-left:calc(var(--spacing) * 6)}.\@md\:w-auto{width:auto}.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:flex-row{flex-direction:row}.\@md\:items-center{align-items:center}.\@md\:p-12{padding:calc(var(--spacing) * 12)}}@container (min-width:32rem){.\@lg\:col-span-3{grid-column:span 3/span 3}.\@lg\:col-span-4{grid-column:span 4/span 4}.\@lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@container (min-width:36rem){.\@xl\:col-span-4{grid-column:span 4/span 4}.\@xl\:col-span-5{grid-column:span 5/span 5}.\@xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@xl\:auto-cols-\[50\%\]{grid-auto-columns:50%}.\@xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:48rem){.\@3xl\:mt-2{margin-top:calc(var(--spacing) * 2)}.\@3xl\:mt-3{margin-top:calc(var(--spacing) * 3)}.\@3xl\:mt-4{margin-top:calc(var(--spacing) * 4)}.\@3xl\:mt-6{margin-top:calc(var(--spacing) * 6)}.\@3xl\:mt-8{margin-top:calc(var(--spacing) * 8)}.\@3xl\:mt-10{margin-top:calc(var(--spacing) * 10)}.\@3xl\:mb-2{margin-bottom:calc(var(--spacing) * 2)}.\@3xl\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.\@3xl\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.\@3xl\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.\@3xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.\@3xl\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.\@3xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@3xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@3xl\:auto-cols-\[50\%\]{grid-auto-columns:50%}.\@3xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@3xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@3xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\@3xl\:gap-2{gap:calc(var(--spacing) * 2)}.\@3xl\:gap-3{gap:calc(var(--spacing) * 3)}.\@3xl\:gap-4{gap:calc(var(--spacing) * 4)}.\@3xl\:gap-6{gap:calc(var(--spacing) * 6)}.\@3xl\:gap-8{gap:calc(var(--spacing) * 8)}.\@3xl\:gap-10{gap:calc(var(--spacing) * 10)}.\@3xl\:px-2{padding-inline:calc(var(--spacing) * 2)}.\@3xl\:px-3{padding-inline:calc(var(--spacing) * 3)}.\@3xl\:px-4{padding-inline:calc(var(--spacing) * 4)}.\@3xl\:px-6{padding-inline:calc(var(--spacing) * 6)}.\@3xl\:px-8{padding-inline:calc(var(--spacing) * 8)}.\@3xl\:px-10{padding-inline:calc(var(--spacing) * 10)}}@container (min-width:64rem){.\@5xl\:mt-4{margin-top:calc(var(--spacing) * 4)}.\@5xl\:mt-6{margin-top:calc(var(--spacing) * 6)}.\@5xl\:mt-8{margin-top:calc(var(--spacing) * 8)}.\@5xl\:mt-10{margin-top:calc(var(--spacing) * 10)}.\@5xl\:mt-12{margin-top:calc(var(--spacing) * 12)}.\@5xl\:mb-4{margin-bottom:calc(var(--spacing) * 4)}.\@5xl\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.\@5xl\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.\@5xl\:mb-10{margin-bottom:calc(var(--spacing) * 10)}.\@5xl\:mb-12{margin-bottom:calc(var(--spacing) * 12)}.\@5xl\:auto-cols-\[20\%\]{grid-auto-columns:20%}.\@5xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@5xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@5xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@5xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\@5xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\@5xl\:gap-4{gap:calc(var(--spacing) * 4)}.\@5xl\:gap-6{gap:calc(var(--spacing) * 6)}.\@5xl\:gap-8{gap:calc(var(--spacing) * 8)}.\@5xl\:gap-10{gap:calc(var(--spacing) * 10)}.\@5xl\:gap-12{gap:calc(var(--spacing) * 12)}.\@5xl\:px-4{padding-inline:calc(var(--spacing) * 4)}.\@5xl\:px-6{padding-inline:calc(var(--spacing) * 6)}.\@5xl\:px-8{padding-inline:calc(var(--spacing) * 8)}.\@5xl\:px-10{padding-inline:calc(var(--spacing) * 10)}.\@5xl\:px-12{padding-inline:calc(var(--spacing) * 12)}}@container (min-width:80rem){.\@7xl\:auto-cols-\[16\.666667\%\]{grid-auto-columns:16.6667%}.\@7xl\:auto-cols-\[20\%\]{grid-auto-columns:20%}.\@7xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\@7xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}[data-scheme=light],[data-theme=light]{--color-primary:#069;--color-on-primary:#ddd;--color-primary-container:#cdf;--color-on-primary-container:#023;--color-inverse-primary:#a4cbeb;--color-secondary:#5c5c5c;--color-on-secondary:#fff;--color-secondary-container:#e6e6e6;--color-on-secondary-container:#333;--color-tertiary:#cc7000;--color-on-tertiary:#fff;--color-tertiary-container:#ec9;--color-on-tertiary-container:#320;--color-error:#c33;--color-on-error:#fff;--color-error-container:#ffedeb;--color-on-error-container:#c11;--color-background:#f9f9fb;--color-on-background:#1a1c1e;--color-surface:#fcf8f8;--color-on-surface:#1c1b1b;--color-surface-variant:#e0e3e3;--color-on-surface-variant:#444748;--color-surface-tint:#3b627e;--color-inverse-surface:#313030;--color-inverse-on-surface:#f4f0ef;--color-surface-dim:#ddd9d9;--color-surface-bright:#fcf8f8;--color-surface-container-lowest:#fff;--color-surface-container-low:#f7f3f2;--color-surface-container:#f1edec;--color-surface-container-high:#ebe7e7;--color-surface-container-highest:#e5e2e1;--color-primary-fixed:#069;--color-on-primary-fixed:#ddd;--color-primary-container-fixed:#00334d;--color-on-primary-container-fixed:#ddd;--color-primary-fixed-dim:#a4cbeb;--color-on-primary-fixed-variant:#214a66;--color-secondary-fixed:#e3e2e2;--color-on-secondary-fixed:#1b1c1c;--color-secondary-fixed-dim:#c7c6c6;--color-on-secondary-fixed-variant:#464747;--color-tertiary-fixed:#ffdcc2;--color-on-tertiary-fixed:#2e1500;--color-tertiary-fixed-dim:#ffb77c;--color-on-tertiary-fixed-variant:#6d3900;--color-outline:#747878;--color-outline-variant:#c4c7c7;--color-shadow:#000;--color-scrim:#000}[data-scheme=dark],[data-theme=dark]{--color-surface-tint:#a4cbeb;--color-inverse-primary:#3b627e;--color-secondary:#c7c6c6;--color-on-secondary:#303031;--color-secondary-container:#222;--color-on-secondary-container:#e6e6e6;--color-tertiary:#ffb77c;--color-on-tertiary:#4d2700;--color-tertiary-container:#640;--color-on-tertiary-container:#dc9;--color-error:#ffb3ad;--color-on-error:#680009;--color-error-container:#c33;--color-on-error-container:#ffedeb;--color-background:#121415;--color-on-background:#e2e2e5;--color-surface:#141313;--color-on-surface:#e5e2e1;--color-surface-variant:#444748;--color-on-surface-variant:#c4c7c7;--color-surface-dim:#141313;--color-surface-bright:#3a3939;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1c1b1b;--color-surface-container:#201f1f;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353434;--color-inverse-surface:#e5e2e1;--color-inverse-on-surface:#313030;--color-primary-fixed:#cae6ff;--color-on-primary-fixed:#001e2f;--color-primary-fixed-dim:#a4cbeb;--color-on-primary-fixed-variant:#214a66;--color-secondary-fixed:#e3e2e2;--color-on-secondary-fixed:#1b1c1c;--color-secondary-fixed-dim:#c7c6c6;--color-on-secondary-fixed-variant:#464747;--color-tertiary-fixed:#ffdcc2;--color-on-tertiary-fixed:#2e1500;--color-tertiary-fixed-dim:#ffb77c;--color-on-tertiary-fixed-variant:#6d3900;--color-outline:#8e9192;--color-outline-variant:#444748;--color-shadow:#000;--color-scrim:#000}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-theme=light]){--color-surface-tint:#a4cbeb;--color-inverse-primary:#3b627e;--color-secondary:#c7c6c6;--color-on-secondary:#303031;--color-secondary-container:#222;--color-on-secondary-container:#e6e6e6;--color-tertiary:#ffb77c;--color-on-tertiary:#4d2700;--color-tertiary-container:#640;--color-on-tertiary-container:#dc9;--color-error:#ffb3ad;--color-on-error:#680009;--color-error-container:#c33;--color-on-error-container:#ffedeb;--color-background:#121415;--color-on-background:#e2e2e5;--color-surface:#141313;--color-on-surface:#e5e2e1;--color-surface-variant:#444748;--color-on-surface-variant:#c4c7c7;--color-surface-dim:#141313;--color-surface-bright:#3a3939;--color-surface-container-lowest:#0e0e0e;--color-surface-container-low:#1c1b1b;--color-surface-container:#201f1f;--color-surface-container-high:#2a2a2a;--color-surface-container-highest:#353434;--color-inverse-surface:#e5e2e1;--color-inverse-on-surface:#313030;--color-primary-fixed:#cae6ff;--color-on-primary-fixed:#001e2f;--color-primary-fixed-dim:#a4cbeb;--color-on-primary-fixed-variant:#214a66;--color-secondary-fixed:#e3e2e2;--color-on-secondary-fixed:#1b1c1c;--color-secondary-fixed-dim:#c7c6c6;--color-on-secondary-fixed-variant:#464747;--color-tertiary-fixed:#ffdcc2;--color-on-tertiary-fixed:#2e1500;--color-tertiary-fixed-dim:#ffb77c;--color-on-tertiary-fixed-variant:#6d3900;--color-outline:#8e9192;--color-outline-variant:#444748;--color-shadow:#000;--color-scrim:#000}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
2
+ @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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-font-weight:initial;--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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:var(--font-primary);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-3xl:48rem;--font-weight-medium:500;--font-weight-bold:700;--radius-md:.375rem;--radius-3xl:1.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--aspect-video:16 / 9;--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);--color-background:#ddd;--color-on-background:#333;--color-surface:#0691;--color-on-surface:#00334d;--color-primary:#069;--color-on-primary:#ccc;--color-primary-container:#0692;--color-on-primary-container:#00334d;--color-secondary:#5c5c5c;--color-on-secondary:#fff;--color-secondary-container:#e6e6e6;--color-on-secondary-container:#333;--color-tertiary:#cc7000;--color-on-tertiary:#fff;--color-tertiary-container:#ec9;--color-on-tertiary-container:#320;--font-system:inherit;--font-primary:var(--font-system);--font-secondary:var(--font-system);--text-headline-lg:clamp(1.5rem, 3vw, 2rem);--text-headline-lg--line-height:clamp(2rem, 3.5vw, 2.5rem);--text-headline-md:clamp(1.25rem, 2.5vw, 1.71rem);--text-headline-md--line-height:clamp(1.75rem, 3vw, 2.25rem);--text-headline-sm:clamp(1.125rem, 2vw, 1.42rem);--text-headline-sm--line-height:clamp(1.5rem, 2.5vw, 2rem);--text-title-lg:1.28rem;--text-title-lg--line-height:1.75rem;--text-title-lg--font-weight:500;--text-title-md:1rem;--text-title-md--line-height:1.5rem;--text-title-md--font-weight:500;--text-title-sm:.85rem;--text-title-sm--line-height:1.25rem;--text-title-sm--font-weight:500;--text-body-lg:1rem;--text-body-lg--line-height:1.5rem;--text-body-md:.85rem;--text-body-md--line-height:1.25rem;--text-body-sm:.71rem;--text-body-sm--line-height:1rem;--text-label-lg:.85rem;--text-label-lg--line-height:1.25rem;--text-label-lg--font-weight:500;--text-label-md:.71rem;--text-label-md--line-height:1rem;--text-label-md--font-weight:500;--text-label-sm:.64rem;--text-label-sm--line-height:1rem;--text-label-sm--font-weight:500;--ease-m3-emphasized:cubic-bezier(.2, 0, 0, 1)}}@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}body{font-family:var(--font-primary);background-color:var(--color-background);font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height));color:var(--color-on-background)}a{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:.3s;--tw-ease:var(--ease-m3-emphasized);transition-duration:.3s;transition-timing-function:var(--ease-m3-emphasized)}@media (hover:hover){a:hover{color:var(--color-tertiary)}}[data-scheme=light],[data-theme=light]{--color-background:#ddd;--color-on-background:#333;--color-surface:#0691;--color-on-surface:#00334d;--color-primary:#069;--color-on-primary:#ccc;--color-primary-container:#0692;--color-on-primary-container:#00334d;--color-secondary:#5c5c5c;--color-on-secondary:#fff;--color-secondary-container:#e6e6e6;--color-on-secondary-container:#333;--color-tertiary:#cc7000;--color-on-tertiary:#fff;--color-tertiary-container:#ec9;--color-on-tertiary-container:#320}[data-scheme=dark],[data-theme=dark]{--color-background:#141313;--color-on-background:#ddd;--color-surface:#00334d66;--color-on-surface:#aaa;--color-primary:#069;--color-on-primary:#ccc;--color-primary-container:#00334d99;--color-on-primary-container:#aaa;--color-tertiary:#ffb77c;--color-on-tertiary:#4d2700;--color-tertiary-container:#640;--color-on-tertiary-container:#dc9;--color-error:#c33}@media (prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-theme=light]){--color-secondary:#c7c6c6;--color-on-secondary:#303031;--color-secondary-container:#222;--color-on-secondary-container:#e6e6e6;--color-tertiary:#ffb77c;--color-on-tertiary:#4d2700;--color-tertiary-container:#640;--color-on-tertiary-container:#dc9;--color-error:#ffb3ad;--color-on-error:#680009;--color-error-container:#c33;--color-on-error-container:#ffedeb;--color-background:#121415;--color-on-background:#e2e2e5;--color-surface:#141313;--color-on-surface:#e5e2e1}}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start-50{inset-inline-start:calc(var(--spacing) * 50)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-50{top:calc(var(--spacing) * 50)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.col-4{grid-column:4}.col-8{grid-column:8}.col-span-1{grid-column:span 1/span 1}.float-end{float:inline-end}.float-left{float:left}.float-start{float:inline-start}.container{width:100%}@media (min-width:600px){.container{max-width:600px}}@media (min-width:840px){.container{max-width:840px}}@media (min-width:1200px){.container{max-width:1200px}}@media (min-width:1600px){.container{max-width:1600px}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-2{margin:calc(var(--spacing) * 2)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.-my-4{margin-block:calc(var(--spacing) * -4)}.my-2{margin-block:calc(var(--spacing) * 2)}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.me-3{margin-inline-end:calc(var(--spacing) * 3)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-6{margin-left:calc(var(--spacing) * 6)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-5{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-6{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-\[9\/21\]{aspect-ratio:9/21}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-100{height:calc(var(--spacing) * 100)}.h-auto{height:auto}.h-full{height:100%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-75{width:calc(var(--spacing) * 75)}.w-100{width:calc(var(--spacing) * 100)}.w-auto{width:auto}.w-full{width:100%}.max-w-0{max-width:calc(var(--spacing) * 0)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.flex-grow-1{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.auto-cols-\[50\%\]{grid-auto-columns:50%}.auto-cols-\[100\%\]{grid-auto-columns:100%}.grid-flow-col{grid-auto-flow:column}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-x-1{column-gap:calc(var(--spacing) * 1)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-3{border-style:var(--tw-border-style);border-width:3px}.bg-\[\#ccc\]{background-color:#ccc}.bg-\[\#ff0000\]{background-color:red}.bg-background{background-color:var(--color-background)}.bg-current{background-color:currentColor}.bg-primary{background-color:var(--color-primary)}.bg-primary\/8{background-color:#00669914}@supports (color:color-mix(in lab, red, red)){.bg-primary\/8{background-color:color-mix(in oklab, var(--color-primary) 8%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-surface{background-color:var(--color-surface)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.fill-primary-container{fill:var(--color-primary-container)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.ps-0{padding-inline-start:calc(var(--spacing) * 0)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pe-5{padding-inline-end:calc(var(--spacing) * 5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-text-bottom{vertical-align:text-bottom}.align-top{vertical-align:top}.text-label-lg{font-size:var(--text-label-lg);line-height:var(--tw-leading,var(--text-label-lg--line-height));font-weight:var(--tw-font-weight,var(--text-label-lg--font-weight))}.text-label-md{font-size:var(--text-label-md);line-height:var(--tw-leading,var(--text-label-md--line-height));font-weight:var(--tw-font-weight,var(--text-label-md--font-weight))}.text-label-sm{font-size:var(--text-label-sm);line-height:var(--tw-leading,var(--text-label-sm--line-height));font-weight:var(--tw-font-weight,var(--text-label-sm--font-weight))}.text-title-lg{font-size:var(--text-title-lg);line-height:var(--tw-leading,var(--text-title-lg--line-height));font-weight:var(--tw-font-weight,var(--text-title-lg--font-weight))}.text-title-md{font-size:var(--text-title-md);line-height:var(--tw-leading,var(--text-title-md--line-height));font-weight:var(--tw-font-weight,var(--text-title-md--font-weight))}.text-title-sm{font-size:var(--text-title-sm);line-height:var(--tw-leading,var(--text-title-sm--line-height));font-weight:var(--tw-font-weight,var(--text-title-sm--font-weight))}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height))}.text-body-md{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height))}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--tw-leading,var(--text-body-sm--line-height))}.text-headline-lg{font-size:var(--text-headline-lg);line-height:var(--tw-leading,var(--text-headline-lg--line-height))}.text-headline-md{font-size:var(--text-headline-md);line-height:var(--tw-leading,var(--text-headline-md--line-height))}.text-headline-sm{font-size:var(--text-headline-sm);line-height:var(--tw-leading,var(--text-headline-sm--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[11px\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#00aaff\]{color:#0af}.text-on-primary{color:var(--color-on-primary)}.text-on-secondary{color:var(--color-on-secondary)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-tertiary{color:var(--color-on-tertiary)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-primary{color:var(--color-primary)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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)}.ring-current{--tw-ring-color:currentcolor}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.blur-sm{--tw-blur:blur(var(--blur-sm));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.filter{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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-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,);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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-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,);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,)}.transition{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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-m3-emphasized{--tw-ease:var(--ease-m3-emphasized);transition-timing-function:var(--ease-m3-emphasized)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:max-w-\[60px\]:is(:where(.group):hover *){max-width:60px}.group-hover\:pl-2\.5:is(:where(.group):hover *){padding-left:calc(var(--spacing) * 2.5)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-\[\.added\]\:block:is(:where(.group).added *){display:block}.group-\[\.added\]\:hidden:is(:where(.group).added *){display:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:bg-primary:hover{background-color:var(--color-primary)}.hover\:bg-primary-container:hover{background-color:var(--color-primary-container)}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-secondary-container:hover{background-color:var(--color-secondary-container)}.hover\:bg-tertiary:hover{background-color:var(--color-tertiary)}.hover\:text-on-primary:hover{color:var(--color-on-primary)}.hover\:text-on-primary-container:hover{color:var(--color-on-primary-container)}.hover\:text-on-secondary:hover{color:var(--color-on-secondary)}.hover\:text-on-secondary-container:hover{color:var(--color-on-secondary-container)}.hover\:text-on-tertiary:hover{color:var(--color-on-tertiary)}.hover\:text-tertiary:hover{color:var(--color-tertiary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus-visible\:ring-2: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)}.aria-\[current\=\'true\'\]\:opacity-100[aria-current=true]{opacity:1}@media (min-width:840px){.md\:mx-10{margin-inline:calc(var(--spacing) * 10)}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:w-8{width:calc(var(--spacing) * 8)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media (min-width:1200px){.lg\:gap-8{gap:calc(var(--spacing) * 8)}}@container (min-width:18rem){.\@2xs\:p-4{padding:calc(var(--spacing) * 4)}}@container (min-width:20rem){.\@xs\:p-4{padding:calc(var(--spacing) * 4)}.\@xs\:p-6{padding:calc(var(--spacing) * 6)}}@container (min-width:24rem){.\@sm\:col-span-1{grid-column:span 1/span 1}.\@sm\:col-span-2{grid-column:span 2/span 2}.\@sm\:col-span-3{grid-column:span 3/span 3}.\@sm\:p-6{padding:calc(var(--spacing) * 6)}.\@sm\:p-8{padding:calc(var(--spacing) * 8)}.\@sm\:px-12{padding-inline:calc(var(--spacing) * 12)}}@container (min-width:28rem){.\@md\:col-span-1{grid-column:span 1/span 1}.\@md\:col-span-2{grid-column:span 2/span 2}.\@md\:col-span-3{grid-column:span 3/span 3}.\@md\:w-auto{width:auto}.\@md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@md\:flex-row{flex-direction:row}.\@md\:items-center{align-items:center}.\@md\:gap-6{gap:calc(var(--spacing) * 6)}.\@md\:px-12{padding-inline:calc(var(--spacing) * 12)}}@container (min-width:32rem){.\@lg\:col-span-3{grid-column:span 3/span 3}.\@lg\:col-span-4{grid-column:span 4/span 4}.\@lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@container (min-width:36rem){.\@xl\:col-span-4{grid-column:span 4/span 4}.\@xl\:col-span-5{grid-column:span 5/span 5}.\@xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@xl\:auto-cols-\[50\%\]{grid-auto-columns:50%}.\@xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width:48rem){.\@3xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@3xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@3xl\:auto-cols-\[50\%\]{grid-auto-columns:50%}.\@3xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\@3xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@3xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\@3xl\:gap-2{gap:calc(var(--spacing) * 2)}.\@3xl\:gap-3{gap:calc(var(--spacing) * 3)}.\@3xl\:gap-4{gap:calc(var(--spacing) * 4)}.\@3xl\:gap-6{gap:calc(var(--spacing) * 6)}.\@3xl\:gap-8{gap:calc(var(--spacing) * 8)}.\@3xl\:gap-10{gap:calc(var(--spacing) * 10)}}@container (min-width:64rem){.\@5xl\:auto-cols-\[20\%\]{grid-auto-columns:20%}.\@5xl\:auto-cols-\[25\%\]{grid-auto-columns:25%}.\@5xl\:auto-cols-\[33\.333333\%\]{grid-auto-columns:33.3333%}.\@5xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\@5xl\:gap-4{gap:calc(var(--spacing) * 4)}.\@5xl\:gap-6{gap:calc(var(--spacing) * 6)}.\@5xl\:gap-8{gap:calc(var(--spacing) * 8)}.\@5xl\:gap-10{gap:calc(var(--spacing) * 10)}.\@5xl\:gap-12{gap:calc(var(--spacing) * 12)}}@container (min-width:80rem){.\@7xl\:auto-cols-\[16\.666667\%\]{grid-auto-columns:16.6667%}.\@7xl\:auto-cols-\[20\%\]{grid-auto-columns:20%}.\@7xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\@7xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\>a\]\:pointer-events-auto>a{pointer-events:auto}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
package/dist/mBloxM3E.js CHANGED
@@ -1,5 +1,5 @@
1
- /*! mBlox Unified JS | Generated: 2026-06-08T09:47:20.805Z */
2
- var wt=Object.defineProperty;var St=(e,t)=>()=>(e&&(t=e(e=0)),t);var k=(e,t)=>{for(var o in t)wt(e,o,{get:t[o],enumerable:!0})};var ke={};k(ke,{ASPECT_RATIO_CLASSES:()=>Be,BLOCK_CARD:()=>_,BLOCK_COMMENT:()=>C,BLOCK_COVER:()=>f,BLOCK_GALLERY:()=>R,BLOCK_LIST:()=>v,BLOCK_PANCAKE:()=>B,BLOCK_QUOTE:()=>y,BLOCK_SHOWCASE:()=>L,BLOCK_STACK:()=>T,BREAKPOINTS:()=>ue,DEFAULT_COLUMN_COUNTS:()=>Ae,LAYOUT_CLASSES:()=>xe,M3E_PALETTES:()=>fe,RESPONSIVE_CAROUSEL_CLASSES_M3E:()=>he,RESPONSIVE_COLUMN_MAP:()=>pe,RESPONSIVE_GRID_CLASSES_M3E:()=>U,getBreakpointIndex:()=>Ie,noImg:()=>O});function Ie(e){return e<ue.sm?0:e<ue.md?1:e<ue.lg?2:e<ue.xl?3:4}var f,L,v,_,R,B,T,y,C,O,Ae,ue,pe,he,U,fe,xe,Be,x=St(()=>{f="v",L="s",v="l",_="c",R="g",B="p",T="t",y="q",C="m",O=window.noImg||"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzljYTNhZiI+PHBhdGggZD0iTTIxIDE5VjVjMC0xLjEtLjktMi0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnpNOC41IDEzLjVsMi41IDMuMDFMMTQuNSAxMmw0LjUgNkg1bDMuNS00LjV6Ii8+PC9zdmc+",Ae={v:1,m:1,t:1,p:3,c:4,q:4,g:5,l:2,s:6},ue={sm:600,md:840,lg:1200,xl:1600},pe={1:[1,1,1,1,1],2:[1,1,2,2,2],3:[1,1,2,3,3],4:[1,2,3,4,4],5:[2,3,4,4,5],6:[3,4,4,5,6]};he={1:"auto-cols-[100%]",2:"auto-cols-[100%] @3xl:auto-cols-[50%]",3:"auto-cols-[100%] @3xl:auto-cols-[50%] @5xl:auto-cols-[33.333333%]",4:"auto-cols-[100%] @xl:auto-cols-[50%] @3xl:auto-cols-[33.333333%] @5xl:auto-cols-[25%]",5:"auto-cols-[50%] @xl:auto-cols-[33.333333%] @3xl:auto-cols-[25%] @7xl:auto-cols-[20%]",6:"auto-cols-[33.333333%] @xl:auto-cols-[25%] @5xl:auto-cols-[20%] @7xl:auto-cols-[16.666667%]"},U={1:"grid-cols-1",2:"grid-cols-1 @3xl:grid-cols-2",3:"grid-cols-1 @3xl:grid-cols-2 @5xl:grid-cols-3",4:"grid-cols-1 @xl:grid-cols-2 @3xl:grid-cols-3 @5xl:grid-cols-4",5:"grid-cols-1 @md:grid-cols-2 @xl:grid-cols-3 @3xl:grid-cols-4 @7xl:grid-cols-5",6:"grid-cols-3 @xl:grid-cols-4 @5xl:grid-cols-5 @7xl:grid-cols-6"},fe={surface:{bg:"bg-surface",text:"text-on-surface",glass:"bg-surface/20",hoverBg:"hover:bg-surface",hoverText:"hover:text-on-surface",containerBg:"bg-surface-container",containerText:"text-on-surface",containerGlass:"bg-surface-container/20"},primary:{bg:"bg-primary",text:"text-on-primary",glass:"bg-primary/20",hoverBg:"hover:bg-tertiary",hoverText:"hover:text-on-tertiary",containerBg:"bg-primary-container",containerText:"text-on-primary-container",containerGlass:"bg-primary-container/20"},secondary:{bg:"bg-secondary",text:"text-on-secondary",glass:"bg-secondary/20",hoverBg:"hover:bg-secondary",hoverText:"hover:text-on-secondary",containerBg:"bg-secondary-container",containerText:"text-on-secondary-container",containerGlass:"bg-secondary-container/20"},tertiary:{bg:"bg-tertiary",text:"text-on-tertiary",glass:"bg-tertiary/20",containerBg:"bg-tertiary-container",containerText:"text-on-tertiary-container",containerGlass:"bg-tertiary-container/20"},error:{bg:"bg-error",text:"text-on-error",glass:"bg-error/20",containerBg:"bg-error-container",containerText:"text-on-error-container",containerGlass:"bg-error-container/20"}},xe={0:{gap:"gap-0",mt:"mt-0",mb:"mb-0",px:"px-0"},2:{gap:"gap-1 @3xl:gap-2",mt:"mt-1 @3xl:mt-2",mb:"mb-1 @3xl:mb-2",px:"px-1 @3xl:px-2"},4:{gap:"gap-2 @3xl:gap-3 @5xl:gap-4",mt:"mt-2 @3xl:mt-3 @5xl:mt-4",mb:"mb-2 @3xl:mb-3 @5xl:mb-4",px:"px-2 @3xl:px-3 @5xl:px-4"},6:{gap:"gap-3 @3xl:gap-4 @5xl:gap-6",mt:"mt-3 @3xl:mt-4 @5xl:mt-6",mb:"mb-3 @3xl:mb-4 @5xl:mb-6",px:"px-3 @3xl:px-4 @5xl:px-6"},8:{gap:"gap-4 @3xl:gap-6 @5xl:gap-8",mt:"mt-4 @3xl:mt-6 @5xl:mt-8",mb:"mb-4 @3xl:mb-6 @5xl:mb-8",px:"px-4 @3xl:px-6 @5xl:px-8"},10:{gap:"gap-6 @3xl:gap-8 @5xl:gap-10",mt:"mt-6 @3xl:mt-8 @5xl:mt-10",mb:"mb-6 @3xl:mb-8 @5xl:mb-10",px:"px-6 @3xl:px-8 @5xl:px-10"},12:{gap:"gap-8 @3xl:gap-10 @5xl:gap-12",mt:"mt-8 @3xl:mt-10 @5xl:mt-12",mb:"mb-8 @3xl:mb-10 @5xl:mb-12",px:"px-8 @3xl:px-10 @5xl:px-12"}},Be={"1/1":"aspect-square","16/9":"aspect-video","4/3":"aspect-[4/3]","3/4":"aspect-[3/4]","9/16":"aspect-[9/16]","9/21":"aspect-[9/21]","21/9":"aspect-[21/9]"}});function Q(e){if(!e)return[];let t=/#([a-zA-Z0-9_]+)/g,o=e.match(t);return o?o.map(r=>r.toLowerCase()):[]}function K(e){return new Promise((t,o)=>{let r=`jsonp_callback_${Math.round(1e5*Math.random())}`,l=document.createElement("script");l.src=`${e}&callback=${r}`,window[r]=function(s){delete window[r],document.head.removeChild(l),t(s)},l.onerror=function(){delete window[r],document.head.removeChild(l);let s=`JSONP request to ${e} failed.`;console.error(s),o(new Error(s))},document.head.appendChild(l)})}function Ge(e,t){return Array.isArray(e)?{posts:e.map(r=>({title:r.title.rendered,content:r.content.rendered,authorName:r._embedded?.author[0]?.name||"Unknown",authorUri:r._embedded?.author[0]?.link||"",authorImage:r._embedded?.author[0]?.avatar_urls?.["96"]||"",publishedDate:r.date_gmt,url:r.link,thumbnailUrl:r._embedded?.["wp:featuredmedia"]?.[0]?.media_details?.sizes?.large?.source_url||r._embedded?.["wp:featuredmedia"]?.[0]?.source_url||"",labels:[...new Set([...r._embedded?.["wp:term"]?r._embedded?.["wp:term"].flat().map(l=>l.name):[],...Q(r.title.rendered+" "+r.content.rendered)])],commentCount:r.comment_count?parseInt(r.comment_count,10):r._embedded?.replies?.[0]?.length||0,commentsUrl:r.link?`${r.link}#comments`:"",viewCount:r.views||r.view_count||r.pageviews||0,updatedDate:r.modified_gmt||""})),totalResults:parseInt(t.get("X-WP-Total")||"0",10)}:{posts:[],totalResults:0}}function Ye(e){let t=e.querySelectorAll("item, entry");if(!t.length)return{posts:[],totalResults:0,feedUrl:""};let o=e.querySelector("yt\\:channelId")!==null,r=Array.from(t).map(s=>{let a=i=>{let n=s.querySelector(i);return n?n.textContent:""};if(o){let i=a("yt\\:videoId"),n=s.querySelector("media\\:group"),c=n&&n.querySelector("media\\:thumbnail[url]")?.getAttribute("url")||"";return{title:a("title"),content:a("media\\:description")||"",authorName:a("author > name")||e.querySelector("channel > title, feed > title")?.textContent||"Unknown",publishedDate:a("published"),url:s.querySelector('link[rel="alternate"]')?.getAttribute("href")||"",thumbnailUrl:c,videoId:i,authorUri:a("author > uri")||"",authorImage:"",labels:[...new Set([...Array.from(s.querySelectorAll("category")).map(d=>d.textContent),...Q(a("title")+" "+(a("media\\:description")||""))])],commentCount:0,commentsUrl:"",viewCount:a("media\\:statistics[views]")||0,updatedDate:a("updated")||""}}else{let i=s.querySelector("media\\:thumbnail[url], thumbnail[url]")?.getAttribute("url")||"";if(!i){let c=(a("description")||a("content")).match(/<img[^>]+src="([^">]+)"/);c&&(i=c[1])}return{title:a("title"),content:a("description")||a("content"),authorName:a("dc\\:creator, author > name")||e.querySelector("channel > title, feed > title")?.textContent||"Unknown",publishedDate:a("pubDate, published"),url:a("link")||s.querySelector("link[href]")?.getAttribute("href")||"",thumbnailUrl:i,authorUri:a("author > uri")||"",authorImage:"",labels:[...new Set([...Array.from(s.querySelectorAll("category")).map(n=>n.textContent),...Q(a("title")+" "+(a("description")||a("content")))])],commentCount:a("slash\\:comments")?parseInt(a("slash\\:comments"),10):0,commentsUrl:a("comments")||a("link")||s.querySelector("link[href]")?.getAttribute("href")||"",viewCount:0,updatedDate:a("updated")||""}}}),l=e.querySelector('channel > link, feed > link[rel="alternate"]')?.getAttribute("href")||e.querySelector('channel > link, feed > link[rel="alternate"]')?.textContent||"";return{posts:r,totalResults:t.length,feedUrl:l}}function ye(e){if(e.status!=="ok"||!e.items)return{posts:[],totalResults:0,feedUrl:""};let t=e.feed.url.includes("youtube.com");return{posts:e.items.map(r=>{let l="";if(t){let a=r.link.match(/v=([^&]+)/);l=a?a[1]:""}let s=r.thumbnail||"";if(!s&&r.enclosure&&r.enclosure.link&&r.enclosure.type&&r.enclosure.type.startsWith("image/")&&(s=r.enclosure.link),!s&&r.content){let a=r.content.match(/<img[^>]+src="([^">]+)"/);a&&(s=a[1])}return{title:r.title,content:r.description||r.content||"",authorName:r.author||"Unknown",publishedDate:r.pubDate,url:r.link,thumbnailUrl:s,videoId:l,authorUri:"",authorImage:"",labels:[...new Set([...r.categories||[],...Q((r.title||"")+" "+(r.description||r.content||""))])],commentCount:0,commentsUrl:"",viewCount:0,updatedDate:r.updated||""}}),totalResults:e.items.length,feedUrl:e.feed.link}}function Qe(e){if(!e||!e.data||!Array.isArray(e.data.children))return{posts:[],totalResults:0,feedUrl:""};let t=e.data.children.map(o=>{let r=o.data,l="";if(r.thumbnail&&r.thumbnail.startsWith("http"))l=r.thumbnail;else if(r.preview&&r.preview.images&&r.preview.images.length>0){let a=r.preview.images[0].source.url;l=a?a.replace(/&amp;/g,"&"):""}let s="";return r.selftext_html?s=r.selftext_html.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"'):r.selftext?s=r.selftext:r.url&&!r.url.includes("reddit.com")&&(s=`<a href="${r.url}" target="_blank">External Link: ${r.title}</a>`,r.url.match(/\.(jpeg|jpg|gif|png)$/i)&&(s+=`<br><img src="${r.url}" />`,l||(l=r.url))),{title:r.title,content:s,authorName:r.author||"Unknown",publishedDate:r.created_utc?new Date(r.created_utc*1e3).toISOString():"",url:`https://www.reddit.com${r.permalink}`,thumbnailUrl:l,videoId:"",authorUri:`https://www.reddit.com/user/${r.author}`,authorImage:"",labels:[...new Set([...r.link_flair_text?[r.link_flair_text]:[],...Q((r.title||"")+" "+s)])],commentCount:r.num_comments||0,commentsUrl:`https://www.reddit.com${r.permalink}`,viewCount:r.view_count||r.score||0,updatedDate:r.edited?new Date(r.edited*1e3).toISOString():""}});return{posts:t,totalResults:t.length,feedUrl:""}}function ce(e){if(!e.feed||!e.feed.entry)return{posts:[],totalResults:0,feedUrl:""};let t=e.feed.entry.map(r=>{let l="content"in r?r.content.$t:"summary"in r?r.summary.$t:"",s="";if(l){let i=new DOMParser().parseFromString(l,"text/html").querySelector("img");i&&(s=i.src)}return{title:r.title.$t,content:l,authorName:r.author[0].name.$t,authorUri:r.author[0].name.$t==="Anonymous"||r.author[0].name.$t==="Unknown"?"":r.author[0].uri.$t,authorImage:r.author[0].gd$image?r.author[0].gd$image.src:"",publishedDate:r.published.$t,url:(r.link.find(a=>a.rel==="alternate")||{}).href||"",thumbnailUrl:s,labels:[...new Set([...r.category?r.category.map(a=>a.term):[],...Q((r.title.$t||"")+" "+l)])],commentCount:r.thr$total?parseInt(r.thr$total.$t,10):0,commentsUrl:(r.link.find(a=>a.rel==="replies"&&a.type==="text/html")||{}).href||(r.link.find(a=>a.rel==="alternate")||{}).href||"",viewCount:0,updatedDate:r.updated?r.updated.$t:""}}),o=(e.feed.link.find(r=>r.rel==="alternate")||{}).href||"";return{posts:t,totalResults:e.feed.openSearch$totalResults.$t,feedUrl:o}}var V=900*1e3,$=new Map;async function Je(e){let t=[{url:`https://api.codetabs.com/v1/proxy?quest=${e}`,type:"raw"},{url:`https://corsproxy.io/?${encodeURIComponent(e)}`,type:"raw"},{url:`https://api.allorigins.win/get?url=${encodeURIComponent(e)}`,type:"json"}];for(let o of t)try{let r=new AbortController,l=setTimeout(()=>r.abort(),5e3),s=await fetch(o.url,{signal:r.signal});if(clearTimeout(l),s.ok){let a;if(o.type==="json"?a=(await s.json()).contents:a=await s.text(),a&&a.length>0){if(e.includes("/wp-json")){let i=a.trim();if(!i.startsWith("{")&&!i.startsWith("[")){console.warn(`mBlox: Proxy ${o.url} returned non-JSON HTML for WordPress: ${i.substring(0,100)}`);continue}}return{text:a,response:s}}}}catch(r){console.warn(`mBlox: Proxy attempt failed for ${e}: ${r.message}`)}throw new Error(`All CORS proxies failed for ${e}`)}var Ce=class{constructor(t){this.config=t}_buildFeedUrl(){let t=this.config.siteURL;t=t.endsWith("/")?t:t+"/",t.endsWith("/posts/")||(t+="wp/v2/posts/");let o=`${t}?_embed&per_page=${this.config.postsPerBlock}&page=${this.config.stageID}`;return this.config.contentType==="label"&&!isNaN(parseInt(this.config.labelName,10))&&(o+=`&categories=${this.config.labelName}`),o}async fetch(){let t=this._buildFeedUrl(),o=$.get(t);if(o&&Date.now()-o.timestamp<V)return o.data;let r,l;try{let s=await Je(t);r=s.text,l=s.response}catch(s){return console.error(`mBlox: Failed to fetch WordPress feed: ${s.message}`),{posts:[],totalResults:0}}try{let s=JSON.parse(r),a=Ge(s,l.headers);return $.set(t,{data:a,timestamp:Date.now()}),a}catch(s){throw console.error("mBlox: Failed to parse WordPress JSON.",s),new Error("Invalid JSON response from WordPress feed.")}}},J=class{constructor(t){this.config=t}_buildFeedUrl(){return this.config.siteURL}async fetch(){let t=this._buildFeedUrl(),o=$.get(t);if(o&&Date.now()-o.timestamp<V)return o.data;let r;try{r=(await Je(t)).text}catch(i){return console.error(`mBlox: Failed to fetch RSS feed: ${i.message}`),{posts:[],totalResults:0,feedUrl:""}}let s=new DOMParser().parseFromString(r,"text/xml");if(s.getElementsByTagName("parsererror").length)throw new Error("Failed to parse RSS feed.");let a=Ye(s);return $.set(t,{data:a,timestamp:Date.now()}),a}},$e=class{constructor(t){this.config=t}_buildFeedUrl(){return`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(this.config.siteURL)}`}async fetch(){let t=this._buildFeedUrl(),o=$.get(t);if(o&&Date.now()-o.timestamp<V)return o.data;let r;try{r=await K(t)}catch(s){return console.error(`mBlox: Failed to fetch YouTube JSONP: ${s.message}`),{posts:[],totalResults:0,feedUrl:""}}let l=ye(r);return $.set(t,{data:l,timestamp:Date.now()}),l}},de=class{constructor(t){this.config=t}_buildFeedUrl(t,o){let r=this.config.siteURL+"feeds/",l=this.config.contentType,s=t||this.config.labelName,a=o||this.config.postsPerBlock;switch(l){case"recent":r+="posts"+(this.config.showImage?"/default":"/summary");break;case"comments":r+="comments"+(this.config.showImage?"/default":"/summary");break;case"related":r+="posts"+(this.config.showImage?"/default":"/summary")+"/-/"+encodeURIComponent(s);break;default:r+="posts"+(this.config.showImage?"/default":"/summary")+"/-/"+encodeURIComponent(s)}return r+=`?alt=json-in-script&start-index=${(this.config.stageID-1)*this.config.postsPerBlock+1}&max-results=${a}`,r}async _fetchCurrentPostLabels(){try{let t=window.config?.bg?.psId,o=t&&window.config?.ps?.[t];if(o&&o.lab&&Array.isArray(o.lab)&&o.lab.length>0)return o.lab}catch{}try{let t=window.location.pathname,o=this.config.siteURL+`feeds/posts/default?alt=json-in-script&path=${t}`,r=await K(o),l=ce(r);if(l.posts&&l.posts.length>0)return l.posts[0].labels||[]}catch{console.warn("mBlox: Failed to fetch current post labels for related posts.")}return[]}async fetch(){if(this.config.contentType==="related"){let t=await this._fetchCurrentPostLabels(),o=[],r=window.location.href.split("#")[0].split("?")[0];if(t.length>0){let l=[...t];for(;o.length<this.config.postsPerBlock&&l.length>0;){let s=Math.floor(Math.random()*l.length),a=l.splice(s,1)[0],i=this.config.postsPerBlock+10,n=this._buildFeedUrl(a,i),c=$.get(n),d;if(c&&Date.now()-c.timestamp<V)d=c.data;else{let p;try{p=await K(n)}catch(u){console.error(`mBlox: Failed to fetch Blogger feed: ${u.message}`);break}d=ce(p),$.set(n,{data:d,timestamp:Date.now()})}let m=d.posts.filter(p=>p.url.split("#")[0].split("?")[0]!==r&&!o.some(h=>h.url===p.url));m.sort(()=>Math.random()-.5),o.push(...m)}}if(o.length===0){let l=this.config.siteURL+"feeds/posts"+(this.config.showImage?"/default":"/summary")+`?alt=json-in-script&max-results=${this.config.postsPerBlock+10}`,s=$.get(l),a;if(s&&Date.now()-s.timestamp<V)a=s.data;else{let n;try{n=await K(l)}catch(c){return console.error(`mBlox: Failed to fetch Blogger fallback feed: ${c.message}`),{posts:[],totalResults:0,feedUrl:""}}a=ce(n),$.set(l,{data:a,timestamp:Date.now()})}let i=a.posts.filter(n=>n.url.split("#")[0].split("?")[0]!==r);i.sort(()=>Math.random()-.5),o.push(...i)}return{posts:o.slice(0,this.config.postsPerBlock),totalResults:o.length,feedUrl:""}}else{let t=this._buildFeedUrl(),o=$.get(t);if(o&&Date.now()-o.timestamp<V)return o.data;let r;try{r=await K(t)}catch(s){return console.error(`mBlox: Failed to fetch Blogger feed: ${s.message}`),{posts:[],totalResults:0,feedUrl:""}}let l=ce(r);return $.set(t,{data:l,timestamp:Date.now()}),l}}},we=class{constructor(t){this.config=t}_buildFeedUrl(){let t=this.config.siteURL.replace(/\/$/,"");return t.endsWith(".json")||(t+=".json"),t}async fetch(){let t=this._buildFeedUrl(),o=$.get(t);if(o&&Date.now()-o.timestamp<V)return o.data;try{let r=await window.fetch(t);if(!r.ok)throw new Error("Native fetch failed");let l=await r.text(),s=JSON.parse(l),a=Qe(s);return $.set(t,{data:a,timestamp:Date.now()}),a}catch{console.warn("mBlox: Reddit native fetch failed (CORS/403). Falling back to rss2json...");let l=t.replace(".json",".rss"),s=`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(l)}`,a;try{a=await K(s)}catch(n){return console.error(`mBlox: Reddit fallback via RSS2JSON failed: ${n.message}`),{posts:[],totalResults:0,feedUrl:""}}let i=ye(a);return i.posts.forEach(n=>{n.authorName&&n.authorName.startsWith("/u/")&&(n.authorUri=`https://www.reddit.com${n.authorName}`)}),$.set(t,{data:i,timestamp:Date.now()}),i}}},Se=class extends J{_buildFeedUrl(){let t=this.config.siteURL.replace(/\/$/,"");return t.endsWith("/rss")||(t+="/rss"),t}},Te=class extends J{_buildFeedUrl(){let t=this.config.siteURL.replace(/\/$/,"");return t.endsWith(".rss")||(t+=".rss"),t}};function Ze(e){let t=e.siteURL.toLowerCase(),o=t.split("?")[0];return t.includes("reddit.com")?new we(e):t.includes("tumblr.com")?new Se(e):t.includes("mastodon.social")||t.includes("bsky.app")?new Te(e):t.includes("deviantart.com")?new J(e):t.includes("/wp-json")?new Ce(e):t.includes("youtube.com")?new $e(e):o.endsWith(".xml")||t.includes("/feed")||o.endsWith(".rss")||o.endsWith("/rss")?new J(e):new de(e)}x();function Xe(e,t){let o={...e};if((o.postsPerBlock<=1||o.blockType==="l")&&(o.isCarousel=!1),o.isCarousel){let r=Math.max(1,Math.min(6,o.columnCount)),l=Ie(window.innerWidth),s=pe[r]||pe[6];o.actualColumnCount=s[l],o.blockRows>Math.ceil(t/o.actualColumnCount)&&(o.blockRows=Math.ceil(t/o.actualColumnCount)),t<=o.actualColumnCount*o.blockRows&&(o.isCarousel=!1,o.containsNavigation=!0)}return o}function Tt(e){if(e.sectionHeight||(e.blockType==="v"?e.sectionHeight="100vh":e.blockType==="s"?e.sectionHeight="70vh":e.sectionHeight="m"),e.articleHeight=e.sectionHeight==="m"?"":`height:${e.sectionHeight}!important;`,e.isImageFixed===null&&(e.isImageFixed=e.blockType==="s"||e.blockType==="v"),e.blurImage===null){let t=["s","l","t","p","q"];e.blurImage=e.showHeader&&!t.includes(e.blockType)}return e.textVerticalAlign||(e.blockType==="v"?e.textVerticalAlign="middle":e.blockType==="l"?e.textVerticalAlign="bottom":e.textVerticalAlign="overlay"),e.ctaAlign||(e.ctaAlign=e.blockType==="v"?"center":"right"),e.textHAlign||(e.textHAlign=e.blockType==="v"?"center":"left"),e.columnCount===null||typeof e.columnCount>"u"?e.columnCount=Ae[e.blockType]||3:e.columnCount=parseInt(e.columnCount,10),e}function et(e){let t={},o=e.querySelector('script[type="application/json"]');if(o)try{let I=o.textContent||"";I=I.replace(/(?:\/\/\s*)?<!\[CDATA\[/g,"").replace(/(?:\/\/\s*)?\]\]>/g,"").trim(),t=JSON.parse(I)}catch(I){console.error("mBlox: Failed to parse embedded JSON configuration.",I)}let r=(I,q,ie)=>{if(t[q]!==void 0)return t[q];let E=e.getAttribute(`data-${I}`);return E!==null?E:ie},l=(I,q,ie)=>{if(t[q]!==void 0)return!!t[q];let E=e.getAttribute(`data-${I}`);return E!==null?E.toLowerCase()==="true":ie},s=(I,q,ie)=>{if(t[q]!==void 0)return parseInt(t[q],10);let E=e.getAttribute(`data-${I}`);return E!==null?parseInt(E,10):ie},a=r("label","label","Label Name missing"),i=String(r("contentType","contentType","recent")).toLowerCase(),n=r("feed","feed","/");!n||n==="/"?n=window.location.origin+"/":(/^https?:\/\//i.test(n)||(n.startsWith("/")?n=window.location.origin+n:n="https://"+n),!n.endsWith("/")&&!n.match(/\.(xml|rss|json)$/i)&&!n.includes("?")&&(n+="/"));let c=r("title","title",""),d=r("description","description",""),m=r("type","type","v-ih"),p=String(m).toLowerCase(),u=p.substring(0,1),h=p.substring(1),g=String(m).substring(1),b=String(r("theme","theme","auto")).toLowerCase(),w=h.includes("h"),S=h.includes("i"),j=h.includes("s"),le=h.includes("a"),P=h.includes("d"),z=h.includes("o"),F=h.includes("l"),W=g.includes("D")?"long":"short",G=s("s","s",1),ae=!e.hasAttribute("data-s")&&t.s===void 0,se=s("posts","posts",3),ge=["light","dark","auto"].includes(b)?b:"auto",Y=String(r("palette","palette","surface")).toLowerCase(),D=Y;fe[D]||(D="surface");let bt=fe[D],Lt=String(r("textVAlign","textVAlign","")).toLowerCase(),Ve=String(r("iBlur","iBlur","")).toLowerCase(),ze=String(r("iFix","iFix","")).toLowerCase(),Fe=e.closest(".widget"),gt=(Fe?Fe.getAttribute("ID"):c+p+a).replace(/[\s#.&?,[\]]/g,"-"),vt=W==="long"?{year:"numeric",month:"short",day:"numeric"}:{month:"short",day:"numeric"},yt=P?new Intl.DateTimeFormat("en-US",vt):null,We=r("cols","cols",null),Ct=r("rows","rows","1"),$t=String(r("overlay-items","overlayItems","vcasb")).toLowerCase().split(""),ve={labelName:a,contentType:i,siteURL:n,mBlockTitle:c,mBlockDescription:d,blockType:u,showHeader:w,showImage:S,showSnippet:j,showAuthor:le,showDate:P,showOverlay:z,showLabels:F,columnCount:We!==null?parseInt(We,10):null,blockRows:parseInt(Ct,10),isCarousel:l("isCarousel","isCarousel",!1),sectionHeight:r("iHeight","iHeight",null),articleHeight:"",blurImage:Ve==="true"||t.iBlur===!0?!0:Ve==="false"||t.iBlur===!1?!1:null,palette:bt,gutterSize:r("gutter","gutter",u=="v"?0:3),textVerticalAlign:Lt,cornerStyle:String(r("corner","corner","")).toLowerCase()=="sharp"?" rounded-none":" rounded-3xl",aspectRatio:` ${Be[String(r("ar","ar","1/1")).replace("x","/").toLowerCase()]||"aspect-square"}`,isImageFixed:ze==="true"||t.iFix===!0?!0:ze==="false"||t.iFix===!1?!1:null,hasRoundedBorder:l("iBorder","iBorder",!1),snippetSize:s("snippetSize","snippetSize",150),callToAction:r("CTAText","CTAText",""),ctaAlign:r("ctaAlign","ctaAlign",""),textHAlign:r("textHAlign","textHAlign",""),moreText:r("moreText","moreText",""),stageID:G,firstInstance:ae,postsPerBlock:se,mBlockID:gt,dateFormatter:yt,dateStyle:W,paletteName:Y,mBloxTheme:ge,interactionClasses:Y==="colorful"?`transition-all duration-300 ease-[cubic-bezier(0.2,0,0,1)] ${u==="p"||u==="q"?"":"hover:bg-tertiary hover:text-on-tertiary "}hover:scale-[1.02] hover:opacity-100 overflow-hidden no-underline font-bold`:`transition-all duration-300 ease-[cubic-bezier(0.2,0,0,1)] hover:scale-[1.02] ${u==="p"||u==="q"?"":"hover:bg-surface-variant "}overflow-hidden no-underline font-bold`,containsNavigation:!1,actualColumnCount:0,overlayItems:$t};return ve.layout=xe[ve.gutterSize*2]||xe[6],Tt(ve)}x();function tt(e){let t=Array.from(e.querySelectorAll(".m-blox-image-to-load"));if(!t.length)return;let o=new IntersectionObserver((r,l)=>{r.forEach(s=>{if(!s.isIntersecting)return;let a=s.target,i=a.tagName==="FIGURE",n=a.getAttribute("data-is-fixed")==="true",c=a.getAttribute("data-img-high"),d=c,m=window.devicePixelRatio||1,p;if(n?p=Math.max(window.innerWidth,window.innerHeight)*m:p=a.getBoundingClientRect().width*m,p>0&&c&&c.includes("/s1600")){let u=Math.min(1600,Math.max(100,Math.ceil(p/100)*100));d=c.replace("/s1600",`/s${u}`)}if(i){let u=new Image;u.onload=()=>{a.style.backgroundImage=`url("${d}")`,n&&(a.style.backgroundAttachment="fixed",a.style.backgroundPosition="center center",a.style.backgroundSize="cover")},u.onerror=()=>{Promise.resolve().then(()=>(x(),ke)).then(({noImg:h})=>{a.style.backgroundImage=`url("${h}")`,a.setAttribute("data-img-high",h)})},u.src=d}else a.onerror=()=>{Promise.resolve().then(()=>(x(),ke)).then(({noImg:u})=>{a.src=u,a.setAttribute("data-img-high",u),a.onerror=null})},a.src=d;l.unobserve(a)})},{rootMargin:"0px 0px 200px 0px"});t.forEach(r=>{o.observe(r)})}var At=`<svg xmlns="http://www.w3.org/2000/svg" style="display:none;" id="mblox-svg-sprite">
1
+ /*! mBlox Unified JS | Generated: 2026-06-21T19:10:43.355Z */
2
+ var _t=Object.defineProperty;var Ut=(e,r)=>()=>(e&&(r=e(e=0)),r);var E=(e,r)=>{for(var o in r)_t(e,o,{get:r[o],enumerable:!0})};var Ee={};E(Ee,{ASPECT_RATIO_CLASSES:()=>Me,BLOCK_CARD:()=>D,BLOCK_COMMENT:()=>$,BLOCK_COVER:()=>L,BLOCK_GALLERY:()=>N,BLOCK_LIST:()=>w,BLOCK_PANCAKE:()=>A,BLOCK_QUOTE:()=>C,BLOCK_SHOWCASE:()=>x,BLOCK_STACK:()=>T,BREAKPOINTS:()=>me,DEFAULT_COLUMN_COUNTS:()=>_e,LAYOUT_CLASSES:()=>ve,M3E_PALETTES:()=>be,RESPONSIVE_CAROUSEL_CLASSES_M3E:()=>xe,RESPONSIVE_COLUMN_MAP:()=>ge,RESPONSIVE_GRID_CLASSES_M3E:()=>q,SECTION_LAYOUT_CLASS:()=>Re,getBreakpointIndex:()=>Ue,noImg:()=>H});function Ue(e){return e<me.sm?0:e<me.md?1:e<me.lg?2:e<me.xl?3:4}var L,x,w,D,N,A,T,C,$,H,_e,me,ge,xe,q,be,ve,Re,Me,g=Ut(()=>{L="v",x="s",w="l",D="c",N="g",A="p",T="t",C="q",$="m",H=window.noImg||"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzljYTNhZiI+PHBhdGggZD0iTTIxIDE5VjVjMC0xLjEtLjktMi0yLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMnpNOC41IDEzLjVsMi41IDMuMDFMMTQuNSAxMmw0LjUgNkg1bDMuNS00LjV6Ii8+PC9zdmc+",_e={v:1,m:1,t:1,p:3,c:4,q:4,g:5,l:2,s:6},me={sm:600,md:840,lg:1200,xl:1600},ge={1:[1,1,1,1,1],2:[1,1,2,2,2],3:[1,1,2,3,3],4:[1,2,3,4,4],5:[2,3,4,4,5],6:[3,4,4,5,6]};xe={1:"auto-cols-[100%]",2:"auto-cols-[100%] @3xl:auto-cols-[50%]",3:"auto-cols-[100%] @3xl:auto-cols-[50%] @5xl:auto-cols-[33.333333%]",4:"auto-cols-[100%] @xl:auto-cols-[50%] @3xl:auto-cols-[33.333333%] @5xl:auto-cols-[25%]",5:"auto-cols-[50%] @xl:auto-cols-[33.333333%] @3xl:auto-cols-[25%] @7xl:auto-cols-[20%]",6:"auto-cols-[33.333333%] @xl:auto-cols-[25%] @5xl:auto-cols-[20%] @7xl:auto-cols-[16.666667%]"},q={1:"grid-cols-1",2:"grid-cols-1 @3xl:grid-cols-2",3:"grid-cols-1 @lg:grid-cols-2 @3xl:grid-cols-3",4:"grid-cols-1 @lg:grid-cols-2 @xl:grid-cols-3 @3xl:grid-cols-4",5:"grid-cols-1 @md:grid-cols-2 @lg:grid-cols-3 @3xl:grid-cols-4 @7xl:grid-cols-5",6:"grid-cols-3 @lg:grid-cols-4 @5xl:grid-cols-5 @7xl:grid-cols-6"},be={primary:{containerBg:"bg-surface",containerText:"text-on-surface",containerHoverBg:"hover:bg-primary-container",containerHoverText:"hover:text-on-primary-container",bg:"bg-primary",text:"text-on-primary",hoverBg:"hover:bg-tertiary",hoverText:"hover:text-on-tertiary"},secondary:{bg:"bg-secondary",text:"text-on-secondary",hoverBg:"hover:bg-secondary-container",hoverText:"hover:text-on-secondary-container",containerHoverBg:"hover:bg-secondary",containerHoverText:"hover:text-on-secondary",containerBg:"bg-secondary-container",containerText:"text-on-secondary-container"},tertiary:{bg:"bg-tertiary",text:"text-on-tertiary",hoverBg:"hover:bg-primary",hoverText:"hover:text-on-primary",containerHoverBg:"hover:bg-tertiary",containerHoverText:"hover:text-on-tertiary",containerBg:"bg-tertiary-container",containerText:"text-on-tertiary-container"}},ve={0:"gap-0",2:"gap-1 @3xl:gap-2",4:"gap-2 @3xl:gap-3 @5xl:gap-4",6:"gap-3 @3xl:gap-4 @5xl:gap-6",8:"gap-4 @3xl:gap-6 @5xl:gap-8",10:"gap-6 @3xl:gap-8 @5xl:gap-10",12:"gap-8 @3xl:gap-10 @5xl:gap-12"},Re="gap-4 md:gap-6 lg:gap-8",Me={"1/1":"aspect-square","16/9":"aspect-video","4/3":"aspect-[4/3]","3/4":"aspect-[3/4]","9/16":"aspect-[9/16]","9/21":"aspect-[9/21]","21/9":"aspect-[21/9]"}});function X(e){if(!e)return[];let r=/#([a-zA-Z0-9_]+)/g,o=e.match(r);return o?o.map(t=>t.toLowerCase()):[]}function G(e){return new Promise((r,o)=>{let t=`jsonp_callback_${Math.round(1e5*Math.random())}`,l=document.createElement("script");l.src=`${e}&callback=${t}`,window[t]=function(a){delete window[t],document.head.removeChild(l),r(a)},l.onerror=function(){delete window[t],document.head.removeChild(l);let a=`JSONP request to ${e} failed.`;console.error(a),o(new Error(a))},document.head.appendChild(l)})}function tt(e,r){return Array.isArray(e)?{posts:e.map(t=>({title:t.title.rendered,content:t.content.rendered,authorName:t._embedded?.author[0]?.name||"Unknown",authorUri:t._embedded?.author[0]?.link||"",authorImage:t._embedded?.author[0]?.avatar_urls?.["96"]||"",publishedDate:t.date_gmt,url:t.link,thumbnailUrl:t._embedded?.["wp:featuredmedia"]?.[0]?.media_details?.sizes?.large?.source_url||t._embedded?.["wp:featuredmedia"]?.[0]?.source_url||"",labels:[...new Set([...t._embedded?.["wp:term"]?t._embedded?.["wp:term"].flat().map(l=>l.name):[],...X(t.title.rendered+" "+t.content.rendered)])],commentCount:t.comment_count?parseInt(t.comment_count,10):t._embedded?.replies?.[0]?.length||0,commentsUrl:t.link?`${t.link}#comments`:"",viewCount:t.views||t.view_count||t.pageviews||0,updatedDate:t.modified_gmt||""})),totalResults:parseInt(r.get("X-WP-Total")||"0",10)}:{posts:[],totalResults:0}}function rt(e){let r=e.querySelectorAll("item, entry");if(!r.length)return{posts:[],totalResults:0,feedUrl:""};let o=e.querySelector("yt\\:channelId")!==null,t=Array.from(r).map(a=>{let s=c=>{let i=a.querySelector(c);return i?i.textContent:""};if(o){let c=s("yt\\:videoId"),i=a.querySelector("media\\:group"),n=i&&i.querySelector("media\\:thumbnail[url]")?.getAttribute("url")||"";return{title:s("title"),content:s("media\\:description")||"",authorName:s("author > name")||e.querySelector("channel > title, feed > title")?.textContent||"Unknown",publishedDate:s("published"),url:a.querySelector('link[rel="alternate"]')?.getAttribute("href")||"",thumbnailUrl:n,videoId:c,authorUri:s("author > uri")||"",authorImage:"",labels:[...new Set([...Array.from(a.querySelectorAll("category")).map(d=>d.textContent),...X(s("title")+" "+(s("media\\:description")||""))])],commentCount:0,commentsUrl:"",viewCount:s("media\\:statistics[views]")||0,updatedDate:s("updated")||""}}else{let c=a.querySelector("media\\:thumbnail[url], thumbnail[url]")?.getAttribute("url")||"";if(!c){let n=(s("description")||s("content")).match(/<img[^>]+src="([^">]+)"/);n&&(c=n[1])}return{title:s("title"),content:s("description")||s("content"),authorName:s("dc\\:creator, author > name")||e.querySelector("channel > title, feed > title")?.textContent||"Unknown",publishedDate:s("pubDate, published"),url:s("link")||a.querySelector("link[href]")?.getAttribute("href")||"",thumbnailUrl:c,authorUri:s("author > uri")||"",authorImage:"",labels:[...new Set([...Array.from(a.querySelectorAll("category")).map(i=>i.textContent),...X(s("title")+" "+(s("description")||s("content")))])],commentCount:s("slash\\:comments")?parseInt(s("slash\\:comments"),10):0,commentsUrl:s("comments")||s("link")||a.querySelector("link[href]")?.getAttribute("href")||"",viewCount:0,updatedDate:s("updated")||""}}}),l=e.querySelector('channel > link, feed > link[rel="alternate"]')?.getAttribute("href")||e.querySelector('channel > link, feed > link[rel="alternate"]')?.textContent||"";return{posts:t,totalResults:r.length,feedUrl:l}}function Ie(e){if(e.status!=="ok"||!e.items)return{posts:[],totalResults:0,feedUrl:""};let r=e.feed.url.includes("youtube.com");return{posts:e.items.map(t=>{let l="";if(r){let s=t.link.match(/v=([^&]+)/);l=s?s[1]:""}let a=t.thumbnail||"";if(!a&&t.enclosure&&t.enclosure.link&&t.enclosure.type&&t.enclosure.type.startsWith("image/")&&(a=t.enclosure.link),!a&&t.content){let s=t.content.match(/<img[^>]+src="([^">]+)"/);s&&(a=s[1])}return{title:t.title,content:t.description||t.content||"",authorName:t.author||"Unknown",publishedDate:t.pubDate,url:t.link,thumbnailUrl:a,videoId:l,authorUri:"",authorImage:"",labels:[...new Set([...t.categories||[],...X((t.title||"")+" "+(t.description||t.content||""))])],commentCount:0,commentsUrl:"",viewCount:0,updatedDate:t.updated||""}}),totalResults:e.items.length,feedUrl:e.feed.link}}function ot(e){if(!e||!e.data||!Array.isArray(e.data.children))return{posts:[],totalResults:0,feedUrl:""};let r=e.data.children.map(o=>{let t=o.data,l="";if(t.thumbnail&&t.thumbnail.startsWith("http"))l=t.thumbnail;else if(t.preview&&t.preview.images&&t.preview.images.length>0){let s=t.preview.images[0].source.url;l=s?s.replace(/&amp;/g,"&"):""}let a="";return t.selftext_html?a=t.selftext_html.replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&").replace(/&quot;/g,'"'):t.selftext?a=t.selftext:t.url&&!t.url.includes("reddit.com")&&(a=`<a href="${t.url}" target="_blank">External Link: ${t.title}</a>`,t.url.match(/\.(jpeg|jpg|gif|png)$/i)&&(a+=`<br><img src="${t.url}" />`,l||(l=t.url))),{title:t.title,content:a,authorName:t.author||"Unknown",publishedDate:t.created_utc?new Date(t.created_utc*1e3).toISOString():"",url:`https://www.reddit.com${t.permalink}`,thumbnailUrl:l,videoId:"",authorUri:`https://www.reddit.com/user/${t.author}`,authorImage:"",labels:[...new Set([...t.link_flair_text?[t.link_flair_text]:[],...X((t.title||"")+" "+a)])],commentCount:t.num_comments||0,commentsUrl:`https://www.reddit.com${t.permalink}`,viewCount:t.view_count||t.score||0,updatedDate:t.edited?new Date(t.edited*1e3).toISOString():""}});return{posts:r,totalResults:r.length,feedUrl:""}}function de(e){if(!e.feed||!e.feed.entry)return{posts:[],totalResults:0,feedUrl:""};let r=e.feed.entry.map(t=>{let l="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="";if(l){let c=new DOMParser().parseFromString(l,"text/html").querySelector("img");c&&(a=c.src)}return{title:t.title.$t,content:l,authorName:t.author[0].name.$t,authorUri:t.author[0].name.$t==="Anonymous"||t.author[0].name.$t==="Unknown"?"":t.author[0].uri.$t,authorImage:t.author[0].gd$image?t.author[0].gd$image.src:"",publishedDate:t.published.$t,url:(t.link.find(s=>s.rel==="alternate")||{}).href||"",thumbnailUrl:a,labels:[...new Set([...t.category?t.category.map(s=>s.term):[],...X((t.title.$t||"")+" "+l)])],commentCount:t.thr$total?parseInt(t.thr$total.$t,10):0,commentsUrl:(t.link.find(s=>s.rel==="replies"&&s.type==="text/html")||{}).href||(t.link.find(s=>s.rel==="alternate")||{}).href||"",viewCount:0,updatedDate:t.updated?t.updated.$t:""}}),o=(e.feed.link.find(t=>t.rel==="alternate")||{}).href||"";return{posts:r,totalResults:e.feed.openSearch$totalResults.$t,feedUrl:o}}var Y=900*1e3,I=new Map;async function lt(e){let r=[{url:`https://api.codetabs.com/v1/proxy?quest=${e}`,type:"raw"},{url:`https://corsproxy.io/?${encodeURIComponent(e)}`,type:"raw"},{url:`https://api.allorigins.win/get?url=${encodeURIComponent(e)}`,type:"json"}];for(let o of r)try{let t=new AbortController,l=setTimeout(()=>t.abort(),5e3),a=await fetch(o.url,{signal:t.signal});if(clearTimeout(l),a.ok){let s;if(o.type==="json"?s=(await a.json()).contents:s=await a.text(),s&&s.length>0){if(e.includes("/wp-json")){let c=s.trim();if(!c.startsWith("{")&&!c.startsWith("[")){console.warn(`mBlox: Proxy ${o.url} returned non-JSON HTML for WordPress: ${c.substring(0,100)}`);continue}}return{text:s,response:a}}}}catch(t){console.warn(`mBlox: Proxy attempt failed for ${e}: ${t.message}`)}throw new Error(`All CORS proxies failed for ${e}`)}var Ae=class{constructor(r){this.config=r}_buildFeedUrl(){let r=this.config.siteURL;r=r.endsWith("/")?r:r+"/",r.endsWith("/posts/")||(r+="wp/v2/posts/");let o=`${r}?_embed&per_page=${this.config.postsPerBlock}&page=${this.config.stageID}`;return this.config.contentType==="label"&&!isNaN(parseInt(this.config.labelName,10))&&(o+=`&categories=${this.config.labelName}`),o}async fetch(){let r=this._buildFeedUrl(),o=I.get(r);if(o&&Date.now()-o.timestamp<Y)return o.data;let t,l;try{let a=await lt(r);t=a.text,l=a.response}catch(a){return console.error(`mBlox: Failed to fetch WordPress feed: ${a.message}`),{posts:[],totalResults:0}}try{let a=JSON.parse(t),s=tt(a,l.headers);return I.set(r,{data:s,timestamp:Date.now()}),s}catch(a){throw console.error("mBlox: Failed to parse WordPress JSON.",a),new Error("Invalid JSON response from WordPress feed.")}}},ee=class{constructor(r){this.config=r}_buildFeedUrl(){return this.config.siteURL}async fetch(){let r=this._buildFeedUrl(),o=I.get(r);if(o&&Date.now()-o.timestamp<Y)return o.data;let t;try{t=(await lt(r)).text}catch(c){return console.error(`mBlox: Failed to fetch RSS feed: ${c.message}`),{posts:[],totalResults:0,feedUrl:""}}let a=new DOMParser().parseFromString(t,"text/xml");if(a.getElementsByTagName("parsererror").length)throw new Error("Failed to parse RSS feed.");let s=rt(a);return I.set(r,{data:s,timestamp:Date.now()}),s}},Te=class{constructor(r){this.config=r}_buildFeedUrl(){return`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(this.config.siteURL)}`}async fetch(){let r=this._buildFeedUrl(),o=I.get(r);if(o&&Date.now()-o.timestamp<Y)return o.data;let t;try{t=await G(r)}catch(a){return console.error(`mBlox: Failed to fetch YouTube JSONP: ${a.message}`),{posts:[],totalResults:0,feedUrl:""}}let l=Ie(t);return I.set(r,{data:l,timestamp:Date.now()}),l}},ue=class{constructor(r){this.config=r}_buildFeedUrl(r,o){let t=this.config.siteURL+"feeds/",l=this.config.contentType,a=r||this.config.labelName,s=o||this.config.postsPerBlock;switch(l){case"recent":t+="posts"+(this.config.showImage?"/default":"/summary");break;case"comments":t+="comments"+(this.config.showImage?"/default":"/summary");break;case"related":t+="posts"+(this.config.showImage?"/default":"/summary")+"/-/"+encodeURIComponent(a);break;default:t+="posts"+(this.config.showImage?"/default":"/summary")+"/-/"+encodeURIComponent(a)}return t+=`?alt=json-in-script&start-index=${(this.config.stageID-1)*this.config.postsPerBlock+1}&max-results=${s}`,t}async _fetchCurrentPostLabels(){try{let r=window.config?.bg?.psId,o=r&&window.config?.ps?.[r];if(o&&o.lab&&Array.isArray(o.lab)&&o.lab.length>0)return o.lab}catch{}try{let r=window.location.pathname,o=this.config.siteURL+`feeds/posts/default?alt=json-in-script&path=${r}`,t=await G(o),l=de(t);if(l.posts&&l.posts.length>0)return l.posts[0].labels||[]}catch{console.warn("mBlox: Failed to fetch current post labels for related posts.")}return[]}async fetch(){if(this.config.contentType==="related"){let r=await this._fetchCurrentPostLabels(),o=[],t=window.location.href.split("#")[0].split("?")[0];if(r.length>0){let l=[...r];for(;o.length<this.config.postsPerBlock&&l.length>0;){let a=Math.floor(Math.random()*l.length),s=l.splice(a,1)[0],c=this.config.postsPerBlock+10,i=this._buildFeedUrl(s,c),n=I.get(i),d;if(n&&Date.now()-n.timestamp<Y)d=n.data;else{let m;try{m=await G(i)}catch(p){console.error(`mBlox: Failed to fetch Blogger feed: ${p.message}`);break}d=de(m),I.set(i,{data:d,timestamp:Date.now()})}let u=d.posts.filter(m=>m.url.split("#")[0].split("?")[0]!==t&&!o.some(h=>h.url===m.url));u.sort(()=>Math.random()-.5),o.push(...u)}}if(o.length===0){let l=this.config.siteURL+"feeds/posts"+(this.config.showImage?"/default":"/summary")+`?alt=json-in-script&max-results=${this.config.postsPerBlock+10}`,a=I.get(l),s;if(a&&Date.now()-a.timestamp<Y)s=a.data;else{let i;try{i=await G(l)}catch(n){return console.error(`mBlox: Failed to fetch Blogger fallback feed: ${n.message}`),{posts:[],totalResults:0,feedUrl:""}}s=de(i),I.set(l,{data:s,timestamp:Date.now()})}let c=s.posts.filter(i=>i.url.split("#")[0].split("?")[0]!==t);c.sort(()=>Math.random()-.5),o.push(...c)}return{posts:o.slice(0,this.config.postsPerBlock),totalResults:o.length,feedUrl:""}}else{let r=this._buildFeedUrl(),o=I.get(r);if(o&&Date.now()-o.timestamp<Y)return o.data;let t;try{t=await G(r)}catch(a){return console.error(`mBlox: Failed to fetch Blogger feed: ${a.message}`),{posts:[],totalResults:0,feedUrl:""}}let l=de(t);return I.set(r,{data:l,timestamp:Date.now()}),l}}},Be=class{constructor(r){this.config=r}_buildFeedUrl(){let r=this.config.siteURL.replace(/\/$/,"");return r.endsWith(".json")||(r+=".json"),r}async fetch(){let r=this._buildFeedUrl(),o=I.get(r);if(o&&Date.now()-o.timestamp<Y)return o.data;try{let t=await window.fetch(r);if(!t.ok)throw new Error("Native fetch failed");let l=await t.text(),a=JSON.parse(l),s=ot(a);return I.set(r,{data:s,timestamp:Date.now()}),s}catch{console.warn("mBlox: Reddit native fetch failed (CORS/403). Falling back to rss2json...");let l=r.replace(".json",".rss"),a=`https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(l)}`,s;try{s=await G(a)}catch(i){return console.error(`mBlox: Reddit fallback via RSS2JSON failed: ${i.message}`),{posts:[],totalResults:0,feedUrl:""}}let c=Ie(s);return c.posts.forEach(i=>{i.authorName&&i.authorName.startsWith("/u/")&&(i.authorUri=`https://www.reddit.com${i.authorName}`)}),I.set(r,{data:c,timestamp:Date.now()}),c}}},ke=class extends ee{_buildFeedUrl(){let r=this.config.siteURL.replace(/\/$/,"");return r.endsWith("/rss")||(r+="/rss"),r}},Oe=class extends ee{_buildFeedUrl(){let r=this.config.siteURL.replace(/\/$/,"");return r.endsWith(".rss")||(r+=".rss"),r}};function st(e){let r=e.siteURL.toLowerCase(),o=r.split("?")[0];return r.includes("reddit.com")?new Be(e):r.includes("tumblr.com")?new ke(e):r.includes("mastodon.social")||r.includes("bsky.app")?new Oe(e):r.includes("deviantart.com")?new ee(e):r.includes("/wp-json")?new Ae(e):r.includes("youtube.com")?new Te(e):o.endsWith(".xml")||r.includes("/feed")||o.endsWith(".rss")||o.endsWith("/rss")?new ee(e):new ue(e)}g();function at(e,r){let o={...e};if(o.postsPerBlock<=1&&(o.isCarousel=!1),o.isCarousel){let t=Math.max(1,Math.min(6,o.columnCount)),l=Ue(window.innerWidth),a=ge[t]||ge[6];o.actualColumnCount=a[l],o.blockRows>Math.ceil(r/o.actualColumnCount)&&(o.blockRows=Math.ceil(r/o.actualColumnCount)),r<=o.actualColumnCount*o.blockRows&&(o.isCarousel=!1,o.containsNavigation=!0)}return o}function Rt(e){if(e.sectionHeight||(e.blockType==="v"?e.sectionHeight="100vh":e.blockType==="s"?e.sectionHeight="70vh":e.sectionHeight="m"),e.articleHeight=e.sectionHeight==="m"?"":`height:${e.sectionHeight}!important;`,e.isImageFixed===null&&(e.isImageFixed=e.blockType==="s"||e.blockType==="v"),e.blurImage===null){let r=["s","l","t","p","q"];e.blurImage=e.showHeader&&!r.includes(e.blockType)}return e.textVerticalAlign||(e.blockType==="v"?e.textVerticalAlign="middle":e.blockType==="l"?e.textVerticalAlign="bottom":e.textVerticalAlign="overlay"),e.ctaAlign||(e.ctaAlign=e.blockType==="v"?"center":"right"),e.textHAlign||(e.textHAlign=e.blockType==="v"?"center":"left"),e.columnCount===null||typeof e.columnCount>"u"?e.columnCount=_e[e.blockType]||3:e.columnCount=parseInt(e.columnCount,10),e}function nt(e){let r={},o=e.querySelector('script[type="application/json"]');if(o)try{let S=o.textContent||"";S=S.replace(/(?:\/\/\s*)?<!\[CDATA\[/g,"").replace(/(?:\/\/\s*)?\]\]>/g,"").trim(),r=JSON.parse(S)}catch(S){console.error("mBlox: Failed to parse embedded JSON configuration.",S)}let t={};for(let S in r)r.hasOwnProperty(S)&&(t[S.toLowerCase()]=r[S]);let l=(S,ie,ce)=>{let z=ie.toLowerCase();if(t[z]!==void 0)return String(t[z]);let V=e.getAttribute(`data-${S}`);return V!==null?V:ce},a=(S,ie,ce)=>{let z=ie.toLowerCase();if(t[z]!==void 0)return!!t[z];let V=e.getAttribute(`data-${S}`);return V!==null?V.toLowerCase()==="true":ce},s=(S,ie,ce)=>{let z=ie.toLowerCase();if(t[z]!==void 0)return parseInt(t[z],10);let V=e.getAttribute(`data-${S}`);return V!==null?parseInt(V,10):ce},c=l("label","label","Label Name missing"),i=String(l("contentType","contentType","recent")).toLowerCase(),n=l("feed","feed","/");!n||n==="/"?n=window.location.origin+"/":(/^https?:\/\//i.test(n)||(n.startsWith("/")?n=window.location.origin+n:n="https://"+n),!n.endsWith("/")&&!n.match(/\.(xml|rss|json)$/i)&&!n.includes("?")&&(n+="/"));let d=l("title","title",""),u=l("description","description",""),m=l("type","type","v-ih"),p=String(m).toLowerCase(),h=p.substring(0,1),f=p.substring(1),b=String(m).substring(1),y=String(l("theme","theme","auto")).toLowerCase(),v=f.includes("h"),R=f.includes("i"),B=f.includes("s"),_=f.includes("a"),M=f.includes("d"),U=f.includes("o"),P=f.includes("l"),J=b.includes("D")?"long":"short",Q=s("s","s",1),fe=!e.hasAttribute("data-s")&&r.s===void 0,Z=s("posts","posts",3),ne=["light","dark","auto"].includes(y)?y:"auto",K=String(l("palette","palette","primary")).toLowerCase(),$e=K;be[$e]||($e="primary");let k=be[$e],$t=String(l("textVAlign","textVAlign","")).toLowerCase(),Je=String(l("iBlur","iBlur","")).toLowerCase(),Qe=String(l("iFix","iFix","")).toLowerCase(),Ze=e.closest(".widget"),St=(Ze?Ze.getAttribute("ID"):d+p+c).replace(/[\s#.&?,[\]]/g,"-"),It=J==="long"?{year:"numeric",month:"short",day:"numeric"}:{month:"short",day:"numeric"},At=M?new Intl.DateTimeFormat("en-US",It):null,Xe=l("cols","cols",null),Tt=l("rows","rows","1"),Bt=String(l("overlay-items","overlayItems",h!=="c"&&i!=="comments"?"gvcasb":"vcasb")).toLowerCase().split(""),Se="transition-all duration-300 ease-m3-emphasized",et=`${Se} ${k.bg} ${k.text} ${k.hoverBg} ${k.hoverText} font-bold`,kt=`${Se} ${k.containerBg} ${k.containerText} ${k.containerHoverBg} ${k.containerHoverText}`,Ot=K==="primary"?`${Se} ${k.containerBg} ${k.containerText} ${k.hoverBg} ${k.hoverText}`:et,Le={labelName:c,contentType:i,siteURL:n,mBlockTitle:d,mBlockDescription:u,blockType:h,showHeader:v,showImage:R,showSnippet:B,showAuthor:_,showDate:M,showOverlay:U,showLabels:P,columnCount:Xe!==null?parseInt(Xe,10):null,blockRows:parseInt(Tt,10),isCarousel:a("isCarousel","isCarousel",!1),showNav:a("showNav","showNav",!0),navPosition:l("navPosition","navPosition","inside"),sectionHeight:l("iHeight","iHeight",null),articleHeight:"",blurImage:Je==="true"||r.iBlur===!0?!0:Je==="false"||r.iBlur===!1?!1:null,palette:k,spaceSize:l("space","space",h=="v"?0:3),textVerticalAlign:$t,cornerStyle:String(l("corner","corner","")).toLowerCase()=="sharp"?" rounded-none":" rounded-3xl",aspectRatio:` ${Me[String(l("ar","ar","1/1")).replace("x","/").toLowerCase()]||"aspect-square"}`,isImageFixed:Qe==="true"||r.iFix===!0?!0:Qe==="false"||r.iFix===!1?!1:null,hasRoundedBorder:a("iBorder","iBorder",!1),moreLink:l("moreLink","moreLink",""),snippetLines:s("snippetLines","snippetLines",2),callToAction:l("CTAText","CTAText",""),ctaAlign:l("ctaAlign","ctaAlign",""),textHAlign:l("textHAlign","textHAlign",""),moreText:l("moreText","moreText",""),stageID:Q,firstInstance:fe,postsPerBlock:Z,mBlockID:St,dateFormatter:At,dateStyle:J,paletteName:K,mBloxTheme:ne,controlUI:et,wrapperUI:kt,chipUI:Ot,containsNavigation:!1,actualColumnCount:0,overlayItems:Bt,size:String(l("size","size",R?"md":"lg")).toLowerCase(),chipSize:String(l("chipSize","chipSize","md")).toLowerCase(),imageFilter:String(l("filter","filter","")).toLowerCase()};return Le.layout=ve[Le.spaceSize*2]||ve[6],Le.sectionLayout=Re,Rt(Le)}g();function it(e){let r=Array.from(e.querySelectorAll(".m-blox-image-to-load"));if(!r.length)return;let o=new IntersectionObserver((t,l)=>{t.forEach(a=>{if(!a.isIntersecting)return;let s=a.target,c=s.tagName==="FIGURE",i=s.getAttribute("data-is-fixed")==="true",n=s.getAttribute("data-img-high"),d=n,u=window.devicePixelRatio||1,m;if(i?m=Math.max(window.innerWidth,window.innerHeight)*u:m=s.getBoundingClientRect().width*u,m>0&&n&&n.includes("/s1600")){let p=Math.min(1600,Math.max(100,Math.ceil(m/100)*100));d=n.replace("/s1600",`/s${p}`)}if(c){let p=new Image;p.onload=()=>{s.style.backgroundImage=`url("${d}")`,i&&(s.style.backgroundAttachment="fixed",s.style.backgroundPosition="center center",s.style.backgroundSize="cover")},p.onerror=()=>{Promise.resolve().then(()=>(g(),Ee)).then(({noImg:h})=>{s.style.backgroundImage=`url("${h}")`,s.setAttribute("data-img-high",h)})},p.src=d}else s.onerror=()=>{Promise.resolve().then(()=>(g(),Ee)).then(({noImg:p})=>{s.src=p,s.setAttribute("data-img-high",p),s.onerror=null})},s.src=d;s.classList.remove("m-blox-image-to-load"),l.unobserve(s)})},{rootMargin:"0px 0px 200px 0px"});r.forEach(t=>{o.observe(t)})}var Mt=`<svg xmlns="http://www.w3.org/2000/svg" style="display:none;" id="mblox-svg-sprite">
3
3
  <symbol id="icon-bookmark-add" viewBox="0 -960 960 960" fill="currentColor">
4
4
  <path d="M480-388q51-47 82.5-77.5T611-518t23-38.5 6-35.5q0-36-26-62t-62-26q-21 0-40.5 8.5T480-648q-12-15-31-23.5t-41-8.5q-36 0-62 26t-26 62q0 19 5.5 35t22.5 38 48 52.5 84 78.5M200-120v-640q0-33 23.5-56.5T280-840h400q33 0 56.5 23.5T760-760v640L480-240z"/>
5
5
  </symbol>
@@ -27,52 +27,56 @@ var wt=Object.defineProperty;var St=(e,t)=>()=>(e&&(t=e(e=0)),t);var k=(e,t)=>{f
27
27
  <symbol id="icon-share" viewBox="0 -960 960 960" fill="currentColor">
28
28
  <path d="M686-80q-47.5 0-80.75-33.25T572-194q0-8 5-34L278-403q-16.28 17.34-37.64 27.17T194-366q-47.5 0-80.75-33T80-480t33.25-81T194-594q24 0 45 9.3 21 9.29 37 25.7l301-173q-2-8-3.5-16.5T572-766q0-47.5 33.25-80.75T686-880t80.75 33.25T800-766t-33.25 80.75T686-652q-23.27 0-43.64-9Q622-670 606-685L302-516q3 8 4.5 17.5t1.5 18-1 16-3 15.5l303 173q16-15 36.09-23.5 20.1-8.5 43.07-8.5Q734-308 767-274.75T800-194t-33.25 80.75T686-80"/>
29
29
  </symbol>
30
+ <symbol id="icon-spinner" viewBox="0 0 24 24" fill="currentColor">
31
+ <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/><path fill="currentColor" d="M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12zm2 5.291A7.96 7.96 0 0 1 4 12H0c0 3.042 1.135 5.824 3 7.938z"/>
32
+ </symbol>
30
33
  <symbol id="icon-verified" viewBox="0 -960 960 960" fill="currentColor">
31
34
  <path d="m437-433-73-76q-9-10-22-10t-23 9q-10 10-10 23t10 23l97 96q9 9 21 9t21-9l183-182q9-9 9-22t-10-22q-9-8-21.5-7.5T598-593zM332-84l-62-106-124-25q-11-2-18.5-12t-5.5-21l14-120-79-92q-8-8-8-20t8-20l79-91-14-120q-2-11 5.5-21t18.5-12l124-25 62-107q6-10 17-14t22 1l109 51 109-51q11-5 22-1.5t17 13.5l63 108 123 25q11 2 18.5 12t5.5 21l-14 120 79 91q8 8 8 20t-8 20l-79 92 14 120q2 11-5.5 21T814-215l-123 25-63 107q-6 10-17 13.5T589-71l-109-51-109 51q-11 5-22 1t-17-14"/>
32
35
  </symbol>
33
36
  <symbol id="icon-youtube" viewBox="0 0 16 16" fill="currentColor">
34
37
  <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
35
38
  </symbol>
36
- </svg>`;function rt(){typeof document<"u"&&!document.getElementById("mblox-svg-sprite")&&document.body.insertAdjacentHTML("afterbegin",At)}x();function ot(e,t){if(!e||e.length===0)return"";let o=U[t.columnCount]||U[6];return`<div class="${t.layout.gap} grid ${o}">${e.join("")}</div>`}x();function lt(e,t){if(!e||e.length===0)return"";let o=he[t.columnCount]||he[6],l={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4"}[t.blockRows]||"grid-rows-1",s=t.blockType==="v"?"":" pb-8";return`<div class="grid grid-flow-col ${l} ${o} overflow-x-auto snap-x snap-mandatory scroll-smooth gap-4 py-4 -my-4 ${s} [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]">${e.join("")}</div>`}x();function at(e,t){if(!e||e.length===0)return"";let o={2:"@md:col-span-1",3:"@md:col-span-2",4:"@sm:col-span-1 @md:col-span-2 @lg:col-span-3",5:"@sm:col-span-2 @md:col-span-3 @xl:col-span-4",6:"@sm:col-span-3 @lg:col-span-4 @xl:col-span-5"},r=t.columnCount,l=U[r]||U[6],s="";if(e.length>1){t.showHeader&&r--;let a=U[r]||U[6],i=o[t.columnCount]||"col-span-1";s=`<div class="${t.layout.gap} ${i} px-0 grid ${a}">${e.slice(1).join("")}</div>`}return`<div class="${t.layout.gap} col flex-grow-1 grid ${l}">${e[0]}${s}</div>`}function st(e){return e.mBlockTitle?`<h4 class="text-headline-lg font-bold ${e.palette.text} m-0">${e.mBlockTitle}</h4>`:""}function nt(e){return e.mBlockDescription?`<p class="pb-3 ${e.palette.text} opacity-75 m-0">${e.mBlockDescription}</p>`:""}function it(e){return e.mBlockTitle?`<div class="p-8 @lg:px-12">${st(e)}${nt(e)}</div>`:""}x();function ct(e,t){if(e.moreText===""&&e.blockType==="v")return"";let o="";return e.moreText!==""&&t.feedUrl&&(o=`<a class="inline-block border-0 font-bold no-underline transition-opacity duration-300 opacity-75 hover:opacity-100 ${e.palette.text}" href="${e.siteURL}search?max-results=9" title="View all">
37
- ${e.moreText} <svg class="inline-block align-text-bottom" fill="currentColor" height="1.2em" viewBox="0 0 16 16" width="1.2em" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-right"></use></svg></a>`),`<div class="st${e.stageID} mblox-footer w-full p-8 @lg:px-12 text-right">${o}</div>`}function dt(e,t){let o=t.blockType==="v"?"":" px-8 @lg:px-12";return`<div id="carousel-${t.mBlockID}-st${t.stageID}" class="${t.blockType==="s"?"sFeature ":""}relative${o}">${e}</div>`}function ut(e,t,o){if(!t.isCarousel)return"";let r=e?e instanceof HTMLElement?e.outerHTML:e:"",l=o&&o.posts?o.posts.length:0,s=Math.ceil(l/(t.blockRows||1)),a="";if(s>1){let i=t.blockType==="v"?"bottom-12":"bottom-3",n=Array.from({length:s},(c,d)=>`<button type="button" class="carousel-dot pointer-events-auto w-2 h-2 rounded-full bg-current ${t.palette.text} opacity-30 hover:opacity-100 transition-opacity aria-[current='true']:opacity-100" data-index="${d}" aria-label="Slide ${d+1}"></button>`).join("");a=`<div class="carousel-indicators flex justify-center gap-2 mt-2 absolute ${i} left-0 right-0 z-10">${n}</div>`}return`${r}${a}`}function mt(e,t){if(!t.isCarousel)return;let o=e.querySelector(".overflow-x-auto"),r=e.querySelector(".js-carousel-prev"),l=e.querySelector(".js-carousel-next");if(!o)return;r&&r.addEventListener("click",()=>{o.scrollBy({left:-o.clientWidth,behavior:"smooth"})}),l&&l.addEventListener("click",()=>{o.scrollBy({left:o.clientWidth,behavior:"smooth"})});let s=e.querySelectorAll(".carousel-dot");if(s.length>0&&o){s[0]&&s[0].setAttribute("aria-current","true");let c=()=>{let d=o.scrollLeft,m=o.scrollWidth/s.length,p=Math.min(s.length-1,Math.round(d/m));s.forEach((u,h)=>{h===p?u.setAttribute("aria-current","true"):u.removeAttribute("aria-current")})};o.addEventListener("scroll",c,{passive:!0}),s.forEach(d=>{d.addEventListener("click",()=>{let m=parseInt(d.getAttribute("data-index"),10),p=o.scrollWidth/s.length;o.scrollTo({left:m*p,behavior:"smooth"})})})}let a,i=()=>{a=setInterval(()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth-5?o.scrollTo({left:0,behavior:"smooth"}):o.scrollBy({left:o.clientWidth,behavior:"smooth"})},4e3)},n=()=>{a&&clearInterval(a)};i(),e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",i)}x();function pt(e,t){let r=`absolute top-0 ${e.isCarousel&&e.blockType!=="v"?"bottom-8":"bottom-0"} z-10 flex items-center justify-center w-8 cursor-pointer opacity-70 hover:opacity-100 transition-opacity ${e.palette.text} hover:backdrop-blur-xl`,l=e.isCarousel,s=l?"js-carousel-prev":"nav-prev",a=l?"js-carousel-next":"nav-next",i=`<button class="${r} left-0 ${s}" type="button" title="Previous" aria-label="Previous">
38
- <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-left"></use></svg>
39
- </button>`,n=`<button class="${r} right-0 ${a}" title="Next" type="button" aria-label="Next">
40
- <svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-right"></use></svg>
41
- </button>`;if(l)return`${i}${n}`;let c=t?Math.ceil(t.totalResults/e.postsPerBlock):1;return[e.stageID>1?i:"",e.stageID<c?n:""].join("")}x();function H(e,t=160){if(!e)return;e.classList.remove("d-none","hidden"),e.style.display="";let o=e.animate([{opacity:0},{opacity:1}],{duration:t,easing:"ease-out",fill:"forwards"});o.onfinish=()=>{e.style.opacity="1"}}function M(e,t=160){if(!e)return;let o=e.animate([{opacity:1},{opacity:0}],{duration:t,easing:"ease-in",fill:"forwards"});o.onfinish=()=>{e.style.opacity="0",e.style.display="none"}}function _e(e){if(e.videoId)return e.videoId;if(e.thumbnailUrl&&(e.thumbnailUrl.includes("ytimg.com/vi/")||e.thumbnailUrl.includes("youtube.com/vi/"))){let t=e.thumbnailUrl.match(/\/vi\/([a-zA-Z0-9_-]{11})/);if(t&&t[1])return t[1]}if(e.content){let t=e.content.match(/(?:youtube\.com\/embed\/|youtu\.be\/|youtube\.com\/v\/)([a-zA-Z0-9_-]{11})/);if(t&&t[1])return t[1]}return"noVideo"}function be(e){return!e||e==="noVideo"?"":'<svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-12 h-12 text-on-error drop-shadow-md z-10 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-youtube"></use></svg>'}function ht(e){return!e||e==="noVideo"?"":'<svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 text-on-error drop-shadow-lg z-10 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-youtube"></use></svg>'}function Oe(e,t){return!e||e==="noVideo"?"":`<iframe class="w-full h-full" src="${`https://www.youtube-nocookie.com/embed/${e}?autoplay=1`}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" width="100%" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" style="${t.articleHeight}"></iframe>`}var Re={};k(Re,{render:()=>Bt});x();function ft(e,t){if(!t.showOverlay)return"";let o="";t.overlayItems.includes("v")&&e.viewCount&&e.viewCount>0&&(o=`
42
- <div class="flex items-center gap-1 px-2 h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} transition-colors font-semibold">
39
+ </svg>`;function ct(){typeof document<"u"&&!document.getElementById("mblox-svg-sprite")&&document.body.insertAdjacentHTML("afterbegin",Mt)}g();function dt(e,r){if(!e||e.length===0)return"";let o=q[r.columnCount]||q[6];return`<div class="${r.layout} grid ${o}">${e.join("")}</div>`}g();function ut(e,r){if(!e||e.length===0)return"";let o=xe[r.columnCount]||xe[6],l={1:"grid-rows-1",2:"grid-rows-2",3:"grid-rows-3",4:"grid-rows-4"}[r.blockRows]||"grid-rows-1",a=r.blockType==="v"?"":" pb-8";return`<div class="grid grid-flow-col ${l} ${o} overflow-x-auto snap-x snap-mandatory scroll-smooth gap-4 py-4 -my-4 ${a} h-full [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]">${e.join("")}</div>`}g();function mt(e,r){if(!e||e.length===0)return"";let o=r.columnCount;r.showHeader&&o--;let t=q[o]||q[6],l=r.postsPerBlock-1,a=Math.ceil(l/o),s=Math.ceil(e.length/o),i=`grid-template-rows: repeat(${Math.max(a,s)}, minmax(0, 1fr));`;return`<div class="${r.layout} px-0 grid ${t} w-full flex-grow h-full" style="${i}">${e.join("")}</div>`}function pt(e){return e.mBlockTitle?`<h4 class="text-title-lg font-bold">${e.mBlockTitle}</h4>`:""}function ht(e){return e.mBlockDescription?`<p class="opacity-50">${e.mBlockDescription}</p>`:""}function ft(e){return e.mBlockTitle?`<div>${pt(e)}${ht(e)}</div>`:""}g();function Lt(e,r){if(e.moreText===""&&e.blockType==="v")return"";let o="";if(e.moreText!==""&&r.feedUrl!==void 0){let t=e.siteURL;e.contentType==="label"||e.contentType==="labels"?t=`${e.siteURL}search/label/${encodeURIComponent(e.labelName)}?max-results=9`:e.contentType==="recent"?t=`${e.siteURL}search?max-results=9`:r.feedUrl&&(t=r.feedUrl),o=`<a class="inline-block text-label-lg transition-opacity duration-300 opacity-50 hover:opacity-100" href="${t}" title="View all">
40
+ ${e.moreText} <svg class="inline-block align-text-bottom" fill="currentColor" height="1.2em" viewBox="0 0 16 16" width="1.2em" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-right"></use></svg></a>`}return`<div class="st${e.stageID} mblox-footer w-full py-6 text-right">${o}</div>`}function gt(e,r){let t=r.navPosition==="outside"?"px-6 md:px-8":"";return`<div id="carousel-${r.mBlockID}-st${r.stageID}" class="${r.blockType==="s"?"sFeature ":""}relative h-full flex flex-col ${t}">${e}</div>`}function xt(e,r,o){if(!r.isCarousel)return"";let t=e?e instanceof HTMLElement?e.outerHTML:e:"",l=o&&o.posts?o.posts.length:0,a=Math.ceil(l/(r.blockRows||1)),s="";if(a>1){let c=r.blockType==="v"?"bottom-6":"bottom-0",i=Array.from({length:a},(n,d)=>`<button type="button" class="carousel-dot pointer-events-auto w-2 h-2 rounded-full bg-current ${r.palette.text} opacity-30 hover:opacity-100 transition-opacity aria-[current='true']:opacity-100" data-index="${d}" aria-label="Slide ${d+1}"></button>`).join("");s=`<div class="carousel-indicators flex justify-center gap-2 mt-2 absolute ${c} left-0 right-0 z-10">${i}</div>`}return`${t}${s}`}function bt(e,r){if(!r.isCarousel)return;let o=e.querySelector(".overflow-x-auto"),t=e.querySelector(".js-carousel-prev"),l=e.querySelector(".js-carousel-next");if(!o)return;t&&t.addEventListener("click",()=>{o.scrollBy({left:-o.clientWidth,behavior:"smooth"})}),l&&l.addEventListener("click",()=>{o.scrollBy({left:o.clientWidth,behavior:"smooth"})});let a=()=>{if(!o)return;let d=o.scrollLeft<=5,u=o.scrollLeft+o.clientWidth>=o.scrollWidth-5,m=o.scrollWidth<=o.clientWidth;t&&(t.style.visibility=d||m?"hidden":"visible",t.style.opacity=d||m?"0":"1"),l&&(l.style.visibility=u||m?"hidden":"visible",l.style.opacity=u||m?"0":"1")};o.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",a),requestAnimationFrame(a);let s=e.querySelectorAll(".carousel-dot");if(s.length>0&&o){s[0]&&s[0].setAttribute("aria-current","true");let d=()=>{let u=o.scrollLeft,m=o.scrollWidth/s.length,p=Math.min(s.length-1,Math.round(u/m));s.forEach((h,f)=>{f===p?h.setAttribute("aria-current","true"):h.removeAttribute("aria-current")})};o.addEventListener("scroll",d,{passive:!0}),s.forEach(u=>{u.addEventListener("click",()=>{let m=parseInt(u.getAttribute("data-index"),10),p=o.scrollWidth/s.length;o.scrollTo({left:m*p,behavior:"smooth"})})})}let c,i=()=>{c=setInterval(()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth-5?o.scrollTo({left:0,behavior:"smooth"}):o.scrollBy({left:o.clientWidth,behavior:"smooth"})},4e3)},n=()=>{c&&clearInterval(c)};i(),e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",i)}g();function vt(e,r){if(!e.showNav)return"";let t=`absolute top-1/2 -translate-y-1/2 ${e.isCarousel&&e.blockType!=="v"?"-mt-2":""} z-10 flex items-center justify-center w-6 h-6 md:w-8 md:h-8 rounded-full backdrop-blur-md cursor-pointer opacity-50 hover:opacity-100 ${e.chipUI}`,l=e.isCarousel,a=e.navPosition==="outside",s=l?"js-carousel-prev":"nav-prev",c=l?"js-carousel-next":"nav-next",i=a?"left-0":"left-2",n=a?"right-0":"right-2",d=`<button class="${t} ${i} ${s}" type="button" title="Previous" aria-label="Previous">
41
+ <svg class='w-4 h-4' viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-left"></use></svg>
42
+ </button>`,u=`<button class="${t} ${n} ${c}" title="Next" type="button" aria-label="Next">
43
+ <svg class='w-4 h-4' viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><use href="#icon-caret-right"></use></svg>
44
+ </button>`;if(l)return`${d}${u}`;let m=r?Math.ceil(r.totalResults/e.postsPerBlock):1;return[e.stageID>1?d:"",e.stageID<m?u:""].join("")}g();function F(e,r=160){if(!e)return;e.classList.remove("d-none","hidden"),e.style.display="";let o=e.animate([{opacity:0},{opacity:1}],{duration:r,easing:"ease-out",fill:"forwards"});o.onfinish=()=>{e.style.opacity="1"}}function j(e,r=160){if(!e)return;let o=e.animate([{opacity:1},{opacity:0}],{duration:r,easing:"ease-in",fill:"forwards"});o.onfinish=()=>{e.style.opacity="0",e.style.display="none"}}function De(e){if(e.videoId)return e.videoId;if(e.thumbnailUrl&&(e.thumbnailUrl.includes("ytimg.com/vi/")||e.thumbnailUrl.includes("youtube.com/vi/"))){let r=e.thumbnailUrl.match(/\/vi\/([a-zA-Z0-9_-]{11})/);if(r&&r[1])return r[1]}if(e.content){let r=e.content.match(/(?:youtube\.com\/embed\/|youtu\.be\/|youtube\.com\/v\/)([a-zA-Z0-9_-]{11})/);if(r&&r[1])return r[1]}return"noVideo"}function we(e){return!e||e==="noVideo"?"":'<svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-12 h-12 z-10 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-youtube"></use></svg>'}function wt(e){return!e||e==="noVideo"?"":'<svg class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-16 h-16 z-10 pointer-events-none" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-youtube"></use></svg>'}function He(e,r){return!e||e==="noVideo"?"":`<iframe class="w-full h-full" src="${`https://www.youtube-nocookie.com/embed/${e}?autoplay=1`}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture;" width="100%" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" style="${r.articleHeight}"></iframe>`}var qe={};E(qe,{render:()=>Et});g();function ye(e,r){if(!r.showOverlay&&!r.overlayItems.includes("g"))return"";let o="";if(r.overlayItems.includes("g")&&(o='<div class="absolute inset-0 pointer-events-none z-10" style="background: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.6) 120%);"></div>'),!r.showOverlay)return o;let t="";r.overlayItems.includes("v")&&e.viewCount&&e.viewCount>0&&(t=`
45
+ <div class="flex items-center gap-1 px-2 h-6 rounded-md ${r.chipUI}">
43
46
  <svg aria-hidden="true" class="w-4 h-4"><use href="#icon-eye"></use></svg>
44
47
  <span class="text-[0.625rem]">${e.viewCount}</span>
45
- </div>`);let r="";if(t.overlayItems.includes("c")){let i=e.commentsUrl||e.url,n=e.commentCount&&e.commentCount>0?`<span class="text-[0.625rem]">${e.commentCount}</span>`:"";r=`
46
- <a aria-label="Comments" class="relative px-2 h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md flex items-center justify-center gap-1 ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} transition-colors font-semibold pointer-events-auto" href="${i}">
48
+ </div>`);let l="";if(r.overlayItems.includes("c")){let i=e.commentsUrl||e.url,n=e.commentCount&&e.commentCount>0?`<span class="text-[0.625rem]">${e.commentCount}</span>`:"";l=`
49
+ <a aria-label="Comments" class="relative px-2 h-6 rounded-md flex items-center justify-center gap-1 ${r.chipUI} pointer-events-auto" href="${i}">
47
50
  <svg aria-hidden="true" class="w-4 h-4"><use href="#icon-comment-bubble"></use></svg>
48
51
  ${n}
49
- </a>`}let l="";t.overlayItems.includes("b")&&(l=`
50
- <button aria-label="Save" class="group bm-button relative h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md flex items-center justify-center ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} transition-all duration-300 ease-in-out pointer-events-auto" data-bm-title="${e.title.replace(/"/g,"&quot;")}" data-bm-url="${e.url}" data-bm-image="${e.thumbnailUrl||""}" type="button">
52
+ </a>`}let a="";r.overlayItems.includes("b")&&(a=`
53
+ <button aria-label="Save" class="group bm-button relative h-6 rounded-md flex items-center justify-center ${r.chipUI} pointer-events-auto" data-bm-title="${e.title.replace(/"/g,"&quot;")}" data-bm-url="${e.url}" data-bm-image="${e.thumbnailUrl||""}" type="button">
51
54
  <span class="bm-text overflow-hidden whitespace-nowrap text-[11px] font-medium transition-all duration-300 max-w-0 opacity-0 group-hover:max-w-[60px] group-hover:opacity-100 group-hover:pl-2.5">Save</span>
52
55
  <div class="w-6 h-6 flex items-center justify-center shrink-0">
53
56
  <svg aria-hidden="true" class="w-4 h-4 bm-add-icon group-[.added]:hidden"><use href="#icon-bookmark-add"></use></svg>
54
57
  <svg aria-hidden="true" class="w-4 h-4 bm-added-icon hidden group-[.added]:block"><use href="#icon-bookmark-added"></use></svg>
55
58
  </div>
56
- </button>`);let s="";if(t.overlayItems.includes("a")&&e.authorName&&e.authorName!=="Unknown"&&e.authorName!=="Anonymous"){let i='<svg aria-hidden="true" class="w-4 h-4 text-primary"><use href="#icon-verified"></use></svg>',n="";e.authorImage&&!e.authorImage.includes("blogblog.com")&&(n=`<img src="${e.authorImage.startsWith("//")?`https:${e.authorImage}`:e.authorImage}" alt="${e.authorName}" class="w-4 h-4 rounded-full object-cover">`);let c=`
59
+ </button>`);let s="";if(r.overlayItems.includes("a")&&e.authorName&&e.authorName!=="Unknown"&&e.authorName!=="Anonymous"){let i='<svg aria-hidden="true" class="w-4 h-4 text-primary"><use href="#icon-verified"></use></svg>',n="";e.authorImage&&!e.authorImage.includes("blogblog.com")&&(n=`<img src="${e.authorImage.startsWith("//")?`https:${e.authorImage}`:e.authorImage}" alt="${e.authorName}" class="w-4 h-4 rounded-full object-cover">`);let d=`
57
60
  ${n}
58
61
  <span>${e.authorName}</span>${i}
59
62
  `;e.authorUri?s=`
60
- <a href="${e.authorUri}" class="flex items-center gap-1 px-2 h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} text-[0.625rem] font-semibold transition-colors pointer-events-auto">
61
- ${c}
63
+ <a href="${e.authorUri}" class="flex items-center gap-1 px-2 h-6 rounded-md text-label-md ${r.chipUI} pointer-events-auto">
64
+ ${d}
62
65
  </a>`:s=`
63
- <div class="flex items-center gap-1 px-2 h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} text-[0.625rem] font-semibold transition-colors pointer-events-auto">
64
- ${c}
65
- </div>`}let a="";return t.overlayItems.includes("s")&&(a=`
66
- <button aria-label="Share" class="w-6 h-6 rounded-md ${t.palette.glass} ${t.palette.text} backdrop-blur-md flex items-center justify-center ${t.palette.hoverBg||"hover:bg-tertiary"} ${t.palette.hoverText||"hover:text-on-tertiary"} transition-colors pointer-events-auto" data-action="share-native" data-title="${e.title.replace(/"/g,"&quot;")}" data-url="${e.url}">
66
+ <div class="flex items-center gap-1 px-2 h-6 rounded-md text-[0.625rem] ${r.chipUI} pointer-events-auto">
67
+ ${d}
68
+ </div>`}let c="";return r.overlayItems.includes("s")&&(c=`
69
+ <button aria-label="Share" class="w-6 h-6 rounded-md flex items-center justify-center ${r.chipUI} pointer-events-auto" data-action="share-native" data-title="${e.title.replace(/"/g,"&quot;")}" data-url="${e.url}">
67
70
  <svg aria-hidden="true" class="w-4 h-4"><use href="#icon-share"></use></svg>
68
71
  </button>`),`
72
+ ${o}
69
73
  <div class="absolute top-0 left-0 right-0 p-3 flex items-start justify-between pointer-events-none z-20">
70
74
  <div class="flex items-center gap-2 pointer-events-auto">
71
- ${o}
75
+ ${t}
72
76
  </div>
73
77
  <div class="flex items-center gap-2 pointer-events-auto">
74
- ${r}
75
78
  ${l}
79
+ ${a}
76
80
  </div>
77
81
  </div>
78
82
  <div class="absolute bottom-0 left-0 right-0 p-3 flex items-end justify-between pointer-events-none z-20">
@@ -80,90 +84,98 @@ var wt=Object.defineProperty;var St=(e,t)=>()=>(e&&(t=e(e=0)),t);var k=(e,t)=>{f
80
84
  ${s}
81
85
  </div>
82
86
  <div class="flex items-center gap-2 pointer-events-auto">
83
- ${a}
87
+ ${c}
84
88
  </div>
85
- </div>`}function N(e,t,o,r){if(!o.showImage)return{imageCode:"",showcaseImageCode:"",videoThumbnailURL:"",highResImageURL:""};let{postSnippet:l,videoID:s,postTitle:a,thumbnailUrl:i,authorImage:n,post:c}=r,d=i||"",m=d||o.imageURL||O;if(!m)if(o.contentType=="comments")n&&!n.includes("blogblog.com")?m=n:m=O;else{let D=new DOMParser().parseFromString(l||"","text/html").querySelector("img");m=D?D.getAttribute("src"):O}d||(d=m);let p=m;s&&s!=="noVideo"?p=`https://i.ytimg.com/vi/${s}/maxresdefault.jpg`:o.isBloggerFeed&&(p=p.replace(/\/s\d+(-[a-z]\d+)*(-c)?/,"/s1600"));let h={s:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},p:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},m:{style:"object-fit:cover !important;height:3rem!important;width:3rem!important;",bs:["rounded-full","m-2"],figure:"shrink-0 flex items-center justify-center"},q:{style:"object-fit:cover !important;height:6rem!important;width:6rem;",bs:["rounded-full","mx-auto","mt-6"],figure:"w-full h-full flex"},t:{bs:["h-full","object-cover"],figure:"w-1/3 shrink-0 h-full flex items-center justify-center"},v:{bs:["w-full","h-full","object-cover"],figure:"w-full h-full flex"},l:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},c:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},g:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"}}[e]||{bs:[],figure:"w-full h-full flex"},g=h.style||"object-fit:cover !important;height:100% !important;",b=h.bs.length>0?[...h.bs]:["w-full","h-auto"];e!=="m"&&e!=="q"&&e!=="t"&&e!=="v"&&b.unshift("w-full","h-auto");let w=h.figure,S="",j="";if(e==="s"){S=`data-toggle="tooltip" data-vidid="${s}"`;let Y=ht(s),D=o.cornerStyle===" rounded"?" rounded-t-3xl":o.cornerStyle;t===0&&(j=`<figure class="m-0 ${b.join(" ")} ${o.aspectRatio} ${D} m-blox-image-to-load relative cursor-pointer" data-img-high="${p}" data-is-fixed="true" style="${o.articleHeight}" role="img" loading="lazy" title="${a}" aria-label="${a} image" ${S}>${Y}</figure>`)}o.blurImage&&o.contentType!=="comments"&&b.push("blur-sm");let le="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",z=o.blockType==="s"||o.blockType==="l"?t===0&&o.isImageFixed:o.isImageFixed,F=o.isBloggerFeed?" m-blox-image-to-load":"",W=o.isBloggerFeed?le:m,G=be(s),ae=`w-full ${b.join(" ")} ${F}`.replace(/\s+/g," "),se=`m-0 relative ${w} ${b.join(" ")} ${F}`.replace(/\s+/g," "),ne=c?ft(c,o):"";return{imageCode:z?`<figure class="${se} group" data-img-high="${p}" data-is-fixed="true" style="${o.articleHeight}" role="img" loading="lazy" aria-label="${a} image"${S}>${ne}${G}</figure>`:`<figure class="m-0 relative ${w} group"><img class="${ae}" style="${g}" src="${W}" data-img-high="${p}" alt="${a} image" loading="lazy" title="${a}" ${S}/>${ne}${G}</figure>`,showcaseImageCode:j,videoThumbnailURL:d,highResImageURL:p}}x();function Z(e,t,o,r){if(!t.callToAction||e==="g")return"";let l=t.ctaAlign||"right",s="";e==="t"||e==="c"||e==="m"||e==="p"||e==="q"?l==="left"?s="mt-auto self-start":l==="center"?s="mt-auto self-center":s="mt-auto self-end":e==="v"?l==="left"?s="mx-0 md:mx-10 mt-8 self-start":l==="center"?s="mx-0 md:mx-10 mt-8 self-center":s="mx-0 md:mx-10 mt-8 self-end":(e==="s"||e==="l")&&(s="");let a=t.cornerStyle===" rounded-none",n=`js-cta-link inline-block text-label-lg font-bold no-underline px-4 py-2 hover:opacity-100 transition-opacity opacity-75 ${`${t.palette.bg} ${t.palette.text} ${t.palette.hoverBg} ${t.palette.hoverText}`} ${a?"rounded-none":"rounded-full"}`;return`<a href="${r}" class="${n} ${s} after:absolute after:inset-0 z-10" aria-label="View ${o.replace(/"/g,"&quot;")}">${t.callToAction}</a>`}x();var xt={q:e=>`<figcaption class="text-label-md">- ${e}</figcaption>`,m:(e,t,o)=>`<span class="text-label-md ${o.containerText}" rel="author">${e}</span>`};function Le(e,t,o,r){if(!t.showAuthor)return"";let l=o==="Anonymous"||o==="Unknown"||!r?"":r;return xt[e]?xt[e](o,l,t.palette):l?`<span class="text-label-md hover:underline z-20 relative cursor-pointer" rel="author" data-href="${l}">${o}</span>`:`<span class="text-label-md" rel="author">${o}</span>`}x();function X(e,t,o,r){if(!t.showDate)return"";let l=new Date(o),s=t.dateFormatter.format(l);if(e==="m")return`<span class="text-label-md font-light">${t.showAuthor?" &#8226; ":""} ${s}</span>`;let a=!1;if(r&&new Date(r).getTime()-l.getTime()>1440*60*1e3&&(a=!0),a){let i=t.palette.bg||"bg-surface-variant",n=t.palette.text||"text-on-surface-variant";return`<div class="flex items-center gap-2"><span class="${i} ${n} px-2 py-0.5 rounded-sm text-label-sm font-bold uppercase tracking-wider">Updated</span><span class="text-label-md font-light">${s}</span></div>`}else return`<span class="text-label-md font-light">Published ${s}</span>`}x();var It={q:(e,t,o,r)=>`<svg class="float-left ${r.containerText}" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-quote"></use></svg><blockquote class="${r.containerText} text-left mt-2 ml-6 text-headline-sm italic">${o?e:`<a href="${t}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${e.replace(/"/g,"&quot;")}">${e}</a>`}</blockquote>`,v:(e,t,o)=>`<h3 class="line-clamp-2 text-display-sm font-bold mx-0 md:mx-10 opacity-75">${o?e:`<a href="${t}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${e.replace(/"/g,"&quot;")}">${e}</a>`}</h3>`,m:(e,t,o)=>`<span class="line-clamp-2 block my-2 text-title-md">"${o?e:`<a href="${t}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${e.replace(/"/g,"&quot;")}">${e}</a>`}"</span>`};function ee(e,t,o,r){if(!t.showHeader)return"";let l=!!t.callToAction;return(It[e]||((a,i,n)=>`<h5 class="line-clamp-2 text-title-lg font-bold mb-2">${n?a:`<a href="${i}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${a.replace(/"/g,"&quot;")}">${a}</a>`}</h5>`))(o,r,l,t.palette)}x();function te(e,t,o,r){if(!t.showSnippet||!o)return"";let s=new DOMParser().parseFromString(o,"text/html").body.textContent||"";return s.length>t.snippetSize&&(s=s.substring(0,t.snippetSize)+"..."),!t.showHeader&&!t.showImage&&!t.callToAction&&!t.showLabels&&!t.showDate?`<a href="${r}" class="after:absolute after:inset-0 z-10 block line-clamp-3 list-none text-body-md font-normal opacity-75 ${e==="v"?"py-6 mx-0 md:mx-10":""}" aria-label="Read more">${s}</a>`:`<div class="line-clamp-3 list-none text-body-md font-normal opacity-75 ${e==="v"?"py-6 block mx-0 md:mx-10":""}">${s}</div>`}function re(e,t,o){if(!e.showLabels||!t||t.length===0)return"";let r=[...t].sort(()=>.5-Math.random()).slice(0,2),l="/search/label/";if(o&&o!=="/")try{let a=new URL(o),i=o.toLowerCase();i.includes("youtube.com")?l="https://www.youtube.com/hashtag/":i.includes("/wp-json")?l=`${a.origin}/search/`:i.includes("tumblr.com")?l=`${a.origin}/tagged/`:i.includes("mastodon.social")?l=`${a.origin}/tags/`:i.includes("bsky.app")?l="https://bsky.app/search?q=":i.includes("deviantart.com")?l="https://www.deviantart.com/tag/":i.includes("reddit.com")?l="https://www.reddit.com/search/?q=":l=`${a.origin}/search/label/`}catch{l="/search/label/"}return`
86
- <div class="flex items-center gap-2 mb-3 relative z-50 pointer-events-auto">
87
- <div class="flex flex-wrap items-center gap-2">
88
- ${r.map(a=>{let i=encodeURIComponent(a),n=a.startsWith("#")?a.replace(/\s+/g,""):`#${a.replace(/\s+/g,"")}`;return`<a aria-label="${a.replace(/"/g,"&quot;")}" class="relative z-50 pointer-events-auto inline-flex items-center justify-center rounded-full transition-opacity duration-300 ease-[--ease-m3-emphasized] cursor-pointer ${e.palette.bg} ${e.palette.text} ${e.palette.hoverBg} ${e.palette.hoverText} opacity-75 hover:opacity-100 h-6 px-3 text-label-md no-underline" href="${l}${i}"><span>${n}</span></a>`}).join("")}
89
+ </div>`}function W(e,r,o,t){if(!o.showImage)return{imageCode:"",showcaseImageCode:"",videoThumbnailURL:"",highResImageURL:""};let{postSnippet:l,videoID:a,postTitle:s,thumbnailUrl:c,authorImage:i,post:n}=t,d=c||"",u=d||o.imageURL||H;if(!u)if(o.contentType=="comments")i&&!i.includes("blogblog.com")?u=i:u=H;else{let K=new DOMParser().parseFromString(l||"","text/html").querySelector("img");u=K?K.getAttribute("src"):H}d||(d=u);let m=u;a&&a!=="noVideo"?m=`https://i.ytimg.com/vi/${a}/maxresdefault.jpg`:o.isBloggerFeed&&(m=m.replace(/\/s\d+(-[a-z]\d+)*(-c)?/,"/s1600"));let h={s:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},p:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},m:{style:"object-fit:cover !important;height:3rem!important;width:3rem!important;",bs:["rounded-full","m-2"],figure:"shrink-0 flex items-center justify-center"},q:{style:"object-fit:cover !important;height:6rem!important;width:6rem;",bs:["rounded-full","mx-auto","mt-6"],figure:"w-full h-full flex"},t:{bs:["h-full","object-cover"],figure:"w-1/3 shrink-0 h-full flex items-center justify-center"},v:{bs:["w-full","h-full","object-cover"],figure:"w-full h-full flex"},l:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},c:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"},g:{bs:[o.aspectRatio.trim()],figure:"w-full h-full flex"}}[e]||{bs:[],figure:"w-full h-full flex"},f=h.style||"object-fit:cover !important;height:100% !important;",b=h.bs.length>0?[...h.bs]:["w-full","h-auto"];e!=="m"&&e!=="q"&&e!=="t"&&e!=="v"&&b.unshift("w-full","h-auto");let y=h.figure,v="",R="",B=n?ye(n,o):"";if(e==="s"){v=`data-toggle="tooltip" data-vidid="${a}"`;let ne=wt(a),K=o.cornerStyle===" rounded"?" rounded-t-3xl":o.cornerStyle;r===0&&(R=`<figure itemprop="image" class="${b.join(" ")} ${o.aspectRatio} ${K} m-blox-image-to-load relative cursor-pointer" data-img-high="${m}" data-is-fixed="true" style="${o.articleHeight}" role="img" loading="lazy" title="${s}" aria-label="${s}" ${v}>${B}${ne}</figure>`)}o.blurImage&&o.contentType!=="comments"&&b.push("blur-sm"),o.imageFilter&&b.push(o.imageFilter);let _="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",U=o.blockType==="s"||o.blockType==="l"?r===0&&o.isImageFixed:o.isImageFixed,P=o.isBloggerFeed?" m-blox-image-to-load":"",J=o.isBloggerFeed?_:u,Q=we(a),fe=`w-full ${b.join(" ")} ${P}`.replace(/\s+/g," "),Z=`relative ${y} ${b.join(" ")} ${P}`.replace(/\s+/g," ");return{imageCode:U?`<figure itemprop="image" class="${Z} group" data-img-high="${m}" data-is-fixed="true" style="${o.articleHeight}" role="img" loading="lazy" aria-label="${s}"${v}>${B}${Q}</figure>`:`<figure itemprop="image" class="relative ${y} group"><img class="${fe}" style="${f}" src="${J}" data-img-high="${m}" alt="${s}" loading="lazy" title="${s}" ${v}/>${B}${Q}</figure>`,showcaseImageCode:R,videoThumbnailURL:d,highResImageURL:m}}g();function te(e,r,o,t){if(!r.callToAction||e==="g")return"";let l=r.ctaAlign||"right",a="";e==="t"||e==="c"||e==="m"||e==="p"||e==="q"?l==="left"?a="mt-auto self-start":l==="center"?a="mt-auto self-center":a="mt-auto self-end":e==="v"?l==="left"?a="mx-0 md:mx-10 mt-8 self-start":l==="center"?a="mx-0 md:mx-10 mt-8 self-center":a="mx-0 md:mx-10 mt-8 self-end":(e==="s"||e==="l")&&(a="");let s=r.cornerStyle===" rounded-none",c=r.size||"md",i="px-2 py-1";c==="sm"?i="px-1":c==="lg"&&(i="px-4 py-2");let n=`js-cta-link inline-block text-label-${c} ${i} ${r.controlUI} ${s?"rounded-none":"rounded-full"}`;return`<a href="${t}" class="${n} ${a} ${e==="s"||e==="l"?"":"after:absolute after:inset-0"} z-10" aria-label="View ${o.replace(/"/g,"&quot;")}">${r.callToAction}</a>`}g();var yt={q:(e,r,o,t)=>`<figcaption class="text-body-${t?.size||"md"}" itemprop="author" itemscope itemtype="https://schema.org/Person">- <span itemprop="name">${e}</span></figcaption>`,m:(e,r,o)=>`<span class="text-label-md ${o.containerText}" rel="author" itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">${e}</span></span>`};function Ce(e,r,o,t){if(!r.showAuthor)return"";let l=o==="Anonymous"||o==="Unknown"||!t?"":t;return yt[e]?yt[e](o,l,r.palette,r):l?`<span class="text-label-md hover:underline z-20 relative cursor-pointer" rel="author" data-href="${l}" itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">${o}</span></span>`:`<span class="text-label-md" rel="author" itemprop="author" itemscope itemtype="https://schema.org/Person"><span itemprop="name">${o}</span></span>`}g();function re(e,r,o,t){if(!r.showDate)return"";let l=new Date(o),a=r.dateFormatter.format(l),s=l.toISOString();if(e==="m")return`<time datetime="${s}" itemprop="datePublished" class="text-label-${r.chipSize}">${r.showAuthor?" &#8226; ":""} ${a}</time>`;let c=!1,i=s;if(t){let m=new Date(t);m.getTime()-l.getTime()>1440*60*1e3&&(c=!0,i=m.toISOString())}let n=c?"Updated":"Posted",d=c?`${r.palette.bg} ${r.palette.text}`:"",u=c?"dateModified":"datePublished";return`<div class="flex items-center gap-1 text-label-${r.chipSize}"><span class="${d} px-2 py-1 rounded-full">${n}</span><time datetime="${i}" itemprop="${u}" class="opacity-50">${a}</time></div>`}g();function oe(e,r,o,t){if(!r.showHeader||!o||o.trim()==="")return"";let l=!!r.callToAction,a=r.size||"md",s="line-clamp-2",c=e==="p"&&r.showImage?` style="min-height: calc(var(--text-title-${a}--line-height) * 2);"`:"";return({q:(d,u,m)=>`<svg class="float-left" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 16 16"><use href="#icon-quote"></use></svg><blockquote itemprop="headline" class="text-left mt-2 ml-6 text-headline-${a} italic"${c}>${m?d:`<a href="${u}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${d.replace(/"/g,"&quot;")}">${d}</a>`}</blockquote>`,v:(d,u,m)=>`<h3 itemprop="headline" class="w-full ${s} text-headline-${a} font-bold px-0 md:px-10"${c}>${m?d:`<a href="${u}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${d.replace(/"/g,"&quot;")}">${d}</a>`}</h3>`,m:(d,u,m)=>`<span itemprop="headline" class="${s} block my-2 text-title-${a}"${c}>"${m?d:`<a href="${u}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${d.replace(/"/g,"&quot;")}">${d}</a>`}"</span>`}[e]||((d,u,m)=>`<h5 itemprop="headline" class="${s} text-title-${a} font-bold"${c}>${m?d:`<a href="${u}" class="after:absolute after:inset-0 z-10" aria-label="Read more about ${d.replace(/"/g,"&quot;")}">${d}</a>`}</h5>`))(o,t,l)}g();function le(e,r,o,t){if(!r.showSnippet||!o)return"";let a=new DOMParser().parseFromString(o,"text/html").body.textContent||"";if(a=a.trim(),!a)return"";let s=!r.showHeader&&!r.showImage&&!r.callToAction&&!r.showLabels&&!r.showDate,c=r.snippetLines||2,i=`line-clamp-${c}`,n=r.size||"md",d=e==="p"&&r.showImage?` style="min-height: calc(var(--text-body-${n}--line-height) * ${c});"`:"";return s?`<a href="${t}" itemprop="description" class="after:absolute after:inset-0 z-10 block ${i} w-full list-none text-body-${n} opacity-50 ${e==="v"?"px-0 md:px-10":""}" aria-label="Read more"${d}>${a}</a>`:`<div itemprop="description" class="${i} w-full list-none text-body-${n} opacity-50 ${e==="v"?"px-0 md:px-10":""}"${d}>${a}</div>`}function se(e,r,o){if(!e.showLabels||!r||r.length===0)return"";let t=[...r].sort(()=>.5-Math.random()).slice(0,3),l="/search/label/";if(o&&o!=="/")try{let i=new URL(o),n=o.toLowerCase();n.includes("youtube.com")?l="https://www.youtube.com/hashtag/":n.includes("/wp-json")?l=`${i.origin}/search/`:n.includes("tumblr.com")?l=`${i.origin}/tagged/`:n.includes("mastodon.social")?l=`${i.origin}/tags/`:n.includes("bsky.app")?l="https://bsky.app/search?q=":n.includes("deviantart.com")?l="https://www.deviantart.com/tag/":n.includes("reddit.com")?l="https://www.reddit.com/search/?q=":l=`${i.origin}/search/label/`}catch{l="/search/label/"}let a=e.chipSize,s={sm:"h-5",md:"h-6",lg:"h-8"}[a]||"h-6",c=t.map(i=>{let n=encodeURIComponent(i),d=i.startsWith("_")?i.substring(1):i;return`<a aria-label="${i.replace(/"/g,"&quot;")}" class="shrink-0 relative z-50 pointer-events-auto inline-flex items-center justify-center rounded-full cursor-pointer ${e.chipUI} ${s} px-3 text-label-${a} mr-2 mb-2 align-top" href="${l}${n}"><span>${d}</span></a>`}).join("");return`
90
+ <div class="relative z-50 pointer-events-auto max-w-full overflow-hidden">
91
+ <div class="block max-w-full ${s} overflow-hidden whitespace-normal">
92
+ ${c}
89
93
  </div>
90
- </div>`}x();function Bt(e,t,o){let r="v",l=Le(r,o,e.authorName,e.authorUri),s=X(r,o,e.publishedDate,e.updatedDate),a=ee(r,o,e.title,e.url),i=te(r,o,e.content,e.url),n=Z(r,o,e.title,e.url),c=re(o,e.labels,o.siteURL),{imageCode:d}=N(r,t,o,{postSnippet:e.content,videoID:e.videoId,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e}),p=!!(l||s||a||i||n||c)?`
91
- <div class="${o.palette.containerGlass} backdrop-blur-xl ${o.palette.containerText} p-2 @xs:p-4 @sm:p-8 @md:p-12 absolute z-10 flex flex-col justify-center items-center ${{top:`w-3/4 left-1/2 -translate-x-1/2 top-8 ${o.cornerStyle===" rounded-none"||o.textVerticalAlign==="overlay"?" rounded-none":" rounded-3xl"}`,middle:`w-3/4 left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 ${o.cornerStyle===" rounded-none"||o.textVerticalAlign==="overlay"?" rounded-none":" rounded-3xl"}`,bottom:`w-3/4 left-1/2 -translate-x-1/2 bottom-8 ${o.cornerStyle===" rounded-none"||o.textVerticalAlign==="overlay"?" rounded-none":" rounded-3xl"}`,overlay:"w-full h-full inset-0 rounded-none"}[o.textVerticalAlign]||`w-3/4 left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 ${o.cornerStyle===" rounded-none"||o.textVerticalAlign==="overlay"?" rounded-none":" rounded-3xl"}`}">
92
- ${l}
93
- <div class="flex flex-wrap items-center justify-center gap-2">${s?`<div class="mb-3">${s}</div>`:""}${c}</div>
94
- ${a}
95
- ${i}
96
- ${n}
94
+ </div>`}g();function Et(e,r,o){let t="v",l=Ce(t,o,e.authorName,e.authorUri),a=re(t,o,e.publishedDate,e.updatedDate),s=oe(t,o,e.title,e.url),c=le(t,o,e.content,e.url),i=te(t,o,e.title,e.url),n=se(o,e.labels,o.siteURL),{imageCode:d}=W(t,r,o,{postSnippet:e.content,videoID:e.videoId,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e}),u=!!(l||a||s||c||i||n),m=u&&o.textVerticalAlign!=="overlay"?`${o.wrapperUI} backdrop-blur-xl `:"",p=u?`
95
+ <div class="pointer-events-none flex flex-col items-center justify-center text-center w-full z-10 ${{top:"absolute top-0 left-0 right-0 p-4 @sm:p-8",middle:"absolute top-1/2 -translate-y-1/2 w-full p-4 @sm:p-8",bottom:"absolute bottom-0 left-0 right-0 p-4 @sm:p-8",overlay:"w-full h-full inset-0 rounded-none"}[o.textVerticalAlign]||"w-full absolute top-1/2 -translate-y-1/2 p-4 @sm:p-8"}">
96
+ <div class="${m}w-full max-w-3xl flex flex-col items-center gap-3 pointer-events-auto p-6 @sm:p-8 @md:px-12 ${o.textVerticalAlign==="overlay"?"rounded-none h-full justify-center":o.cornerStyle}">
97
+ ${l}
98
+ ${a&&n?`<div class="flex flex-wrap items-center justify-center gap-4 w-full min-w-0"><div class="shrink-0 pointer-events-auto">${a}</div><div class="min-w-0 max-w-full">${n}</div></div>`:a?`<div class="flex justify-center w-full pointer-events-auto">${a}</div>`:n?`<div class="flex justify-center w-full min-w-0">${n}</div>`:""}
99
+ ${s}
100
+ ${c}
101
+ ${i?`<div class="mt-4">${i}</div>`:""}
102
+ </div>
97
103
  </div>
98
- `:"",u=["relative","block","w-full","rounded-none","text-"+o.textHAlign,"h-full",o.interactionClasses].filter(Boolean).join(" "),h=o.articleHeight?` style="${o.articleHeight.replace(";","")}"`:"",g="@container col-span-1 inline-flex w-full relative",b=o.showImage?d:"";return!o.showHeader&&!o.callToAction&&(b=`<a href="${e.url}" class="absolute inset-0 z-10" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>${d}`),`<article class="${g}"${h} role="article"><div class="${u}">${b}${p}</div></article>`}var Ue={};k(Ue,{render:()=>kt,renderThumbnail:()=>_t});x();function kt(e,t,o){let r="s",l=_e(e),s=ee(r,o,e.title,e.url),a=te(r,o,e.content,e.url),i="";e.content&&(i=new DOMParser().parseFromString(e.content,"text/html").body.textContent||"",i.length>o.snippetSize&&(i=i.substring(0,o.snippetSize)+"..."),i=i.replace(/"/g,"&quot;"));let n=Z(r,o,e.title,e.url),{imageCode:c,showcaseImageCode:d}=N(r,t,o,{postSnippet:e.content,videoID:l,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e});if(t===0&&o.firstInstance){let w=o.cornerStyle===" rounded-none"?"rounded-none":"rounded-t-3xl",S=o.showImage||o.callToAction!==""?n:"",j="";if(o.showHeader||S||o.showLabels){let P=X(r,o,e.publishedDate,e.updatedDate),z=re(o,e.labels,o.siteURL),F=P||z?`<div class="flex flex-wrap items-center gap-x-4 gap-y-0 mb-2">${P?`<div class="mb-3 shrink-0">${P}</div>`:""}<div class="shrink-0">${z}</div></div>`:"",W=o.showHeader||o.showLabels?`<div class="flex-grow min-w-0 w-full @md:w-auto text-${o.textHAlign}">${F}${s} ${a}</div>`:"",G=o.ctaAlign==="left"?"justify-start":o.ctaAlign==="center"?"justify-center":"justify-end",ae=o.showHeader?"mt-4 @md:mt-0 @md:ml-6 ":"",se=o.showHeader?"w-full @md:w-auto":"w-full",ne=S?`<div class="flex-shrink-0 ${ae}flex items-center ${G} ${se}">${S}</div>`:"";j=`<div class="absolute inset-0 flex flex-col justify-end p-0 z-10 pointer-events-none w-full overflow-hidden"><div class="sContent w-full flex flex-col @md:flex-row items-start @md:items-center justify-between p-2 @xs:p-4 @sm:px-12 ${o.showHeader?`${o.palette.containerGlass} backdrop-blur-xl `:""}${o.palette.containerText} pointer-events-auto">${W}${ne}</div></div>`}let le=`<a href="${e.url}" class="absolute inset-0 z-30" title="${e.title.replace(/"/g,"&quot;")}" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>`;return`<div class="@container feature-image w-full ${o.aspectRatio.trim()} relative flex flex-col text-${o.textHAlign} overflow-hidden rounded-none mb-4" style="${o.articleHeight.replace(";","")}"><div class="sIframe hidden absolute inset-0 w-full h-full z-10"></div>${le}${d}<div class="${o.palette.text} block absolute inset-0 z-40 pointer-events-none">${j}</div></div>`}let m=l&&l!=="noVideo"?` data-vidid="${l}"`:"",p=t===0&&o.firstInstance?" ring-4 ring-current ring-inset":"",u=`@container col-span-1 inline-flex w-full sPost cursor-pointer relative ${o.interactionClasses}${p}`,h=O;l&&l!=="noVideo"?h=`https://i.ytimg.com/vi/${l}/maxresdefault.jpg`:e.thumbnailUrl&&(h=e.thumbnailUrl.replace(/\/s\d+(-[a-z]\d+)*(-c)?/,"/s1600"));let g=e.title.replace(/"/g,"&quot;"),b=`data-title="${g}" data-link="${e.url}" data-summary="${i}"${m} data-img-high="${h}" data-toggle="tooltip"`;return`<article class="${u}" ${b} role="article" title="${g}">${o.showImage?c:""}</article>`}function _t(e,t){let o=_e(e),r=e.thumbnailUrl||O,l=r;o&&o!=="noVideo"&&l.includes("ytimg.com")?l=l.replace(/\/([^\/]+)$/,"/maxresdefault.jpg"):l=l.replace(/\/s\d+(-c)?/,"/s1600").replace(/\/w\d+-h\d+(-c)?/,"/s1600");let s=(e.content||"").replace(/<[^>]*>/g,"").substring(0,t.snippetSize)+"...";(!r||r.includes("no-image.png"))&&(r=O),(!l||l.includes("no-image.png"))&&(l=O);let a=t.isBloggerFeed?" m-blox-image-to-load":"",i=o!=="noVideo"?` data-vidid="${o}"`:"",n=`data-title="${e.title}" data-link="${e.url}" data-summary="${s}"${i} data-toggle="tooltip"`,c=`<img class="w-full h-full object-cover${a}" src="${r}" data-img-high="${l}" alt="${e.title.replace(/"/g,"&quot;")} image" loading="lazy" title="${e.title.replace(/"/g,"&quot;")}" />`,d=be(o),m=`<figure class="m-0 w-full ${t.aspectRatio.trim()} overflow-hidden ${t.cornerStyle} relative">${c}${d}</figure>`;return`<article class="col-span-1 inline-flex w-full sPost cursor-pointer relative ${t.interactionClasses}" ${n} title="${e.title.replace(/"/g,"&quot;")}" role="article">${m}</article>`}var Me={};k(Me,{render:()=>Ot});x();function A(e,t,o,r,l){let s=Le(e,r,t.authorName,t.authorUri),a=X(e,r,t.publishedDate,t.updatedDate),i=ee(e,r,t.title,t.url),n=te(e,r,t.content,t.url),c=Z(e,r,t.title,t.url),d=re(r,t.labels,r.siteURL),{imageCode:m}=N(e,o,r,{postSnippet:t.content,videoID:t.videoId,postTitle:t.title,thumbnailUrl:t.thumbnailUrl,authorImage:t.authorImage,post:t}),u=r.mBloxTheme!=="surface"?` h-full bg-opacity-90 ${r.palette.containerBg} ${r.palette.containerText}`:` ${r.palette.containerText}`,h=!!(s||a||i||n||c||d),g=!!(s||a||i||n||d),b=r.showImage?m:"";!r.showHeader&&!r.callToAction&&r.showImage&&!r.showLabels&&(b=`<a href="${t.url}" class="absolute inset-0 z-10" aria-label="View ${t.title.replace(/"/g,"&quot;")}"></a>${m}`);let w=e!=="comment"&&(a||c)?`<div class="flex items-center justify-between mt-auto w-full pt-4">${a}${c}</div>`:c;return l({authorCode:s,dateCode:a,titleCode:i,snippetCode:n,ctaButtonCode:c,ctaRowCode:w,imageCode:m,finalImageCode:b,labelsCode:d,hasText:h,hasTextContent:g},r,u,t,o)}function Ot(e,t,o){return A("l",e,t,o,(r,l)=>{let s="",a=t===0?"p-4 @xs:p-6 @sm:p-8":"p-2 @xs:p-4 @sm:p-6";if(r.hasText){let p=r.ctaRowCode?`<div class="mt-4 w-full">${r.ctaRowCode}</div>`:"";l.showImage?s=`
99
- <div class="absolute inset-0 flex flex-col p-0 border-0 pointer-events-none ${{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]||""}">
100
- <div class="pointer-events-auto ${l.textVerticalAlign==="overlay"||!{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]?"h-full ":""}${r.hasTextContent?`${l.palette.containerGlass} backdrop-blur-xl `:""}${l.palette.containerText} rounded-none ${a} text-${l.textHAlign}">
101
- ${r.authorCode}
102
- ${r.labelsCode}
103
- ${r.titleCode}
104
- ${r.snippetCode}
105
- ${p}
104
+ `:"",h=["relative","block","w-full","rounded-none","text-"+o.textHAlign,"h-full",o.wrapperUI].filter(Boolean).join(" "),f=o.articleHeight?` style="${o.articleHeight.replace(";","")}"`:"",b=o.cornerStyle.includes("rounded-none")?"":"overflow-hidden",y=`@container col-span-1 flex min-w-0 w-full relative h-full ${o.cornerStyle} ${b}`,v=o.showImage?d:"";return!o.showHeader&&!o.callToAction&&(v=`<a href="${e.url}" itemprop="url" class="absolute inset-0 z-10" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>${d}`),`<article class="${y}"${f} role="article" itemscope itemtype="https://schema.org/Article"><div class="${h}">${v}${p}</div></article>`}var Pe={};E(Pe,{render:()=>Dt,renderThumbnail:()=>Ht});g();function Dt(e,r,o){let t="s",l=De(e),a=oe(t,o,e.title,e.url),s=le(t,o,e.content,e.url),c="";e.content&&(c=new DOMParser().parseFromString(e.content,"text/html").body.textContent||"",c.length>o.snippetLines*50&&(c=c.substring(0,o.snippetLines*50)+"..."),c=c.replace(/"/g,"&quot;"));let i=te(t,o,e.title,e.url),{imageCode:n,showcaseImageCode:d}=W(t,r,o,{postSnippet:e.content,videoID:l,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e});if(r===0&&o.firstInstance){let v=o.showImage||o.callToAction!==""?i:"",R="";if(o.showHeader||v||o.showLabels){let _=re(t,o,e.publishedDate,e.updatedDate),M=se(o,e.labels,o.siteURL),U="";_&&M?U=`<div class="flex items-center gap-4 w-full"><div class="shrink-0 pointer-events-auto">${_}</div><div class="min-w-0 flex-1">${M}</div></div>`:_?U=`<div class="w-full pointer-events-auto">${_}</div>`:M&&(U=`<div class="w-full min-w-0">${M}</div>`);let P=!!(U||a||s),J=P?`<div class="flex-grow min-w-0 w-full max-w-3xl flex flex-col gap-3 text-${o.textHAlign}">${U}${a} ${s}</div>`:"",Q=o.ctaAlign==="left"?"justify-start":o.ctaAlign==="center"?"justify-center":"justify-end",Z=v?`<div class="flex-shrink-0 flex items-center ${Q} ${P?"w-full @md:w-auto":"w-full"} pointer-events-none [&>a]:pointer-events-auto">${v}</div>`:"";R=`<div class="absolute inset-0 flex flex-col justify-end p-0 z-10 pointer-events-none w-full overflow-hidden"><div class="sContent w-full flex flex-col @md:flex-row items-start @md:items-center justify-between gap-4 @md:gap-6 p-2 @xs:p-4 @sm:px-12 ${!!(a||s||Z)&&(o.showHeader||o.showSnippet)?`${o.wrapperUI} backdrop-blur-xl pointer-events-auto `:""}pointer-events-none">${J}${Z}</div></div>`}let B=`<a href="${e.url}" itemprop="url" class="absolute inset-0 z-10" title="${e.title.replace(/"/g,"&quot;")}" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>`;return`<div class="@container feature-image w-full ${o.aspectRatio.trim()} relative flex flex-col text-${o.textHAlign} overflow-hidden ${o.cornerStyle}" style="${o.articleHeight.replace(";","")}" itemscope itemtype="https://schema.org/Article"><div class="sIframe hidden absolute inset-0 w-full h-full z-10"></div>${B}${d}<div class="${o.palette.text} block absolute inset-0 z-40 pointer-events-none">${R}</div></div>`}let u=l&&l!=="noVideo"?` data-vidid="${l}"`:"",m=r===0&&o.firstInstance?" ring-4 ring-inset":"",p=o.cornerStyle.includes("rounded-none")?"":"overflow-hidden",h=`@container col-span-1 flex min-w-0 w-full h-full sPost cursor-pointer relative ${m} ${o.cornerStyle} ${p}`,f=H;l&&l!=="noVideo"?f=`https://i.ytimg.com/vi/${l}/maxresdefault.jpg`:e.thumbnailUrl&&(f=e.thumbnailUrl.replace(/\/s\d+(-[a-z]\d+)*(-c)?/,"/s1600"));let b=e.title.replace(/"/g,"&quot;"),y=`data-title="${b}" data-link="${e.url}" data-summary="${c}"${u} data-img-high="${f}" data-toggle="tooltip"`;return`<article class="${h}" ${y} role="article" itemscope itemtype="https://schema.org/Article" title="${b}">${o.showImage?n:""}</article>`}function Ht(e,r){let o=De(e),t=e.thumbnailUrl||H,l=t;o&&o!=="noVideo"&&l.includes("ytimg.com")?l=l.replace(/\/([^\/]+)$/,"/maxresdefault.jpg"):l=l.replace(/\/s\d+(-c)?/,"/s1600").replace(/\/w\d+-h\d+(-c)?/,"/s1600");let a=(e.content||"").replace(/<[^>]*>/g,"").substring(0,r.snippetLines*50)+"...";(!t||t.includes("no-image.png"))&&(t=H),(!l||l.includes("no-image.png"))&&(l=H);let s=r.isBloggerFeed?" m-blox-image-to-load":"",c=o!=="noVideo"?` data-vidid="${o}"`:"",i=`data-title="${e.title}" data-link="${e.url}" data-summary="${a}"${c} data-toggle="tooltip"`,n=r.imageFilter?` ${r.imageFilter}`:"",d=`<img itemprop="image" class="w-full h-full object-cover${s}${n}" src="${t}" data-img-high="${l}" alt="${e.title.replace(/"/g,"&quot;")}" loading="lazy" title="${e.title.replace(/"/g,"&quot;")}" />`,u=we(o),m=ye(e,r),p=r.cornerStyle.includes("rounded-none")?"":"overflow-hidden",h=`<figure class="w-full ${r.aspectRatio.trim()} relative">${d}${m}${u}</figure>`;return`<article class="col-span-1 flex min-w-0 w-full h-full sPost cursor-pointer relative ${r.cornerStyle} ${p}" ${i} title="${e.title.replace(/"/g,"&quot;")}" role="article" itemscope itemtype="https://schema.org/Article">${h}</article>`}var Ne={};E(Ne,{render:()=>qt});g();function O(e,r,o,t,l){let a=Ce(e,t,r.authorName,r.authorUri),s=re(e,t,r.publishedDate,r.updatedDate),c=oe(e,t,r.title,r.url),i=le(e,t,r.content,r.url),n=te(e,t,r.title,r.url),d=se(t,r.labels,t.siteURL),{imageCode:u}=W(e,o,t,{postSnippet:r.content,videoID:r.videoId,postTitle:r.title,thumbnailUrl:r.thumbnailUrl,authorImage:r.authorImage,post:r}),m="h-full",p=!!(a||s||c||i||n||d),h=!!(a||s||c||i||d),f=t.showImage?u:"";!t.showHeader&&!t.callToAction&&t.showImage&&!t.showLabels&&(f=`<a href="${r.url}" itemprop="url" class="absolute inset-0 z-10" aria-label="View ${r.title.replace(/"/g,"&quot;")}"></a>${u}`);let b=e!=="comment"&&(s||n)?`<div class="flex items-center justify-between mt-auto w-full pt-2">${s}${n}</div>`:n;return l({authorCode:a,dateCode:s,titleCode:c,snippetCode:i,ctaButtonCode:n,ctaRowCode:b,imageCode:u,finalImageCode:f,labelsCode:d,hasText:p,hasTextContent:h},t,m,r,o)}function qt(e,r,o){return O("l",e,r,o,(t,l)=>{let a="",s=r===0?"p-4 @xs:p-6 @sm:p-8":"p-2 @xs:p-4 @sm:p-6";if(t.hasText){let h=t.ctaRowCode?`<div class="mt-auto pt-4 w-full">${t.ctaRowCode}</div>`:"";l.showImage?a=`
105
+ <div class="absolute inset-0 flex flex-col p-0 pointer-events-none ${{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]||""}">
106
+ <div class="pointer-events-auto flex flex-col min-w-0 w-full overflow-hidden ${l.textVerticalAlign==="overlay"||!{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]?"h-full ":""}${t.hasTextContent&&(l.showHeader||l.showSnippet)?`${l.wrapperUI} backdrop-blur-xl `:""}rounded-none ${s} text-${l.textHAlign}">
107
+ ${t.authorCode}
108
+ ${t.labelsCode}
109
+ ${t.titleCode}
110
+ ${t.snippetCode}
111
+ ${h}
106
112
  </div>
107
113
  </div>
108
- `:s=`
109
- <div class=" ${a} w-full text-${l.textHAlign}">
110
- ${r.authorCode}
111
- ${r.labelsCode}
112
- ${r.titleCode}
113
- ${r.snippetCode}
114
- ${p}
114
+ `:a=`
115
+ <div class=" ${s} flex flex-col min-w-0 overflow-hidden w-full text-${l.textHAlign}">
116
+ ${t.authorCode}
117
+ ${t.labelsCode}
118
+ ${t.titleCode}
119
+ ${t.snippetCode}
120
+ ${h}
121
+ </div>
122
+ `}let c=l.wrapperUI,i=l.showImage?[]:[],d=["relative",l.showImage?"block":"flex flex-col justify-center",l.aspectRatio.trim(),"w-full","h-full",c].filter(Boolean).join(" "),u=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden",m=`@container col-span-1 flex min-w-0 w-full h-full relative ${l.cornerStyle} ${u}`,p=r===0?`<div class="absolute top-0 left-0 z-20 pointer-events-none backdrop-blur-xl ${l.wrapperUI} px-6 py-3 text-label-lg font-bold w-full">Featured</div>`:"";return`<article class="${m}" role="article" itemscope itemtype="https://schema.org/Article"><div class="${d}">${t.finalImageCode}${p}${a}</div></article>`})}var je={};E(je,{render:()=>Pt});g();function Pt(e,r,o){return O("c",e,r,o,(t,l)=>{let a=t.hasText?`
123
+ <div class="absolute inset-0 flex flex-col p-0 pointer-events-none ${{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]||""}">
124
+ <div class="pointer-events-none flex flex-col min-w-0 w-full overflow-hidden ${l.textVerticalAlign==="overlay"||!{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]?"h-full ":""}${t.hasTextContent&&(l.showHeader||l.showSnippet)?`${l.wrapperUI} backdrop-blur-xl pointer-events-auto `:t.hasTextContent?"pointer-events-auto ":""}rounded-none p-2 @2xs:p-4 @sm:p-6 text-${l.textHAlign}">
125
+ <div class="flex flex-col gap-3 w-full flex-grow pointer-events-auto">
126
+ ${t.authorCode}
127
+ ${t.labelsCode}
128
+ ${t.titleCode}
129
+ ${t.snippetCode}
130
+ ${t.ctaRowCode}
115
131
  </div>
116
- `}let i=l.showImage?[]:[l.palette.containerBg,l.palette.containerText],c=["relative",l.showImage?"block":"flex flex-col justify-center",l.cornerStyle,l.aspectRatio.trim(),"w-full","h-full",...i,l.interactionClasses].filter(Boolean).join(" "),d=`@container col-span-1 inline-flex w-full h-full relative ${l.layout.mb}`,m=t===0?`<div class="absolute top-0 left-0 z-20 pointer-events-none backdrop-blur-xl ${l.palette.containerGlass} ${l.palette.containerText} px-6 py-3 text-label-lg font-bold w-full">Featured</div>`:"";return`<article class="${d}" role="article"><div class="${c}">${r.finalImageCode}${m}${s}</div></article>`})}var De={};k(De,{render:()=>Rt});x();function Rt(e,t,o){return A("c",e,t,o,(r,l)=>{let s=r.hasText?`
117
- <div class="absolute inset-0 flex flex-col p-0 border-0 pointer-events-none ${{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]||""}">
118
- <div class="pointer-events-auto ${l.textVerticalAlign==="overlay"||!{top:"justify-start",middle:"justify-center",bottom:"justify-end",overlay:""}[l.textVerticalAlign]?"h-full ":""}${r.hasTextContent?`${l.palette.containerGlass} backdrop-blur-xl `:""}${l.palette.containerText} rounded-none p-2 @xs:p-4 @sm:p-6 flex flex-col text-${l.textHAlign}">
119
- ${r.authorCode}
120
- ${r.labelsCode}
121
- ${r.titleCode}
122
- ${r.snippetCode}
123
- ${r.ctaRowCode}
124
132
  </div>
125
133
  </div>
126
- `:"";return`<article class="@container col-span-1 inline-flex w-full relative" role="article"><div class="${["relative","block","w-full",l.cornerStyle,l.aspectRatio.trim(),"h-full",l.interactionClasses].filter(Boolean).join(" ")}">${r.finalImageCode}${s}</div></article>`})}var qe={};k(qe,{render:()=>Ut});x();function Ut(e,t,o){let r="g",{imageCode:l}=N(r,t,o,{postSnippet:e.content,videoID:e.videoId,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e});return`<article class="@container col-span-1 inline-flex w-full" role="article"><div class="${["block","relative","w-full",o.cornerStyle,o.aspectRatio.trim(),o.interactionClasses].filter(Boolean).join(" ")}"><a href="${e.url}" class="absolute inset-0 z-10" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>${o.showImage?l:""}</div></article>`}var Ee={};k(Ee,{render:()=>Mt});x();function Mt(e,t,o){return A("p",e,t,o,(r,l)=>{let s=l.mBloxTheme!=="surface"?` h-full bg-opacity-90 ${l.palette.containerBg}`:"",a=r.hasText?`
127
- <div class="p-2 @xs:p-4 @sm:p-6 flex-grow flex flex-col${s} text-${l.textHAlign}">
128
- ${r.authorCode}
129
- ${r.labelsCode}
130
- ${r.titleCode}
131
- ${r.snippetCode}
132
- <div class="mt-auto pt-2">${r.ctaRowCode}</div>
134
+ `:"",s=["relative","block","w-full","overflow-hidden",l.aspectRatio.trim(),"h-full",l.wrapperUI].filter(Boolean).join(" "),c=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`<article class="${`@container col-span-1 flex min-w-0 w-full relative h-full ${l.cornerStyle} ${c}`}" role="article" itemscope itemtype="https://schema.org/Article"><div class="${s}">${t.finalImageCode}${a}</div></article>`})}var Ke={};E(Ke,{render:()=>Nt});g();function Nt(e,r,o){let t="g",{imageCode:l}=W(t,r,o,{postSnippet:e.content,videoID:e.videoId,postTitle:e.title,thumbnailUrl:e.thumbnailUrl,authorImage:e.authorImage,post:e}),a=["block","relative","w-full",o.aspectRatio.trim()].filter(Boolean).join(" "),s=o.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`<article class="${`@container col-span-1 flex min-w-0 w-full h-full ${o.cornerStyle} ${s}`}" role="article" itemscope itemtype="https://schema.org/Article"><div class="${a}"><a href="${e.url}" itemprop="url" class="absolute inset-0 z-10" aria-label="View ${e.title.replace(/"/g,"&quot;")}"></a>${o.showImage?l:""}</div></article>`}var ze={};E(ze,{render:()=>jt});g();function jt(e,r,o){return O("p",e,r,o,(t,l)=>{let a=t.hasText?`
135
+ <div class="p-2 @xs:p-4 @sm:p-6 flex-grow flex flex-col text-${l.textHAlign}">
136
+ <div class="flex flex-col gap-3 w-full flex-grow">
137
+ ${t.authorCode}
138
+ ${t.labelsCode}
139
+ ${t.titleCode}
140
+ ${t.snippetCode}
141
+ ${t.ctaRowCode}
142
+ </div>
133
143
  </div>
134
- `:"";return`<article class="@container col-span-1 inline-flex w-full relative" role="article"><div class="flex flex-col w-full ${l.palette.containerBg} ${l.palette.containerText} h-full ${l.cornerStyle} ${l.interactionClasses}">${r.finalImageCode}${a}</div></article>`})}var He={};k(He,{render:()=>Dt});x();function Dt(e,t,o){return A("t",e,t,o,(r,l,s)=>{let a=r.hasText?`
135
- <div class="p-2 @xs:p-4 @sm:p-6 flex-grow flex flex-col${s} text-${l.textHAlign}">
136
- ${r.authorCode}
137
- ${r.labelsCode}
138
- ${r.titleCode}
139
- ${r.snippetCode}
140
- ${r.ctaRowCode}
144
+ `:"",s=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`<article class="${`@container col-span-1 flex min-w-0 w-full relative h-full ${l.cornerStyle} ${s}`}" role="article" itemscope itemtype="https://schema.org/Article"><div class="flex flex-col w-full h-full overflow-hidden ${l.wrapperUI}">${t.finalImageCode}${a}</div></article>`})}var Ve={};E(Ve,{render:()=>Kt});g();function Kt(e,r,o){return O("t",e,r,o,(t,l,a)=>{let s=t.hasText?`
145
+ <div class="p-2 @xs:p-4 @sm:p-6 flex-grow flex flex-col min-w-0 ${a} text-${l.textHAlign}">
146
+ <div class="flex flex-col gap-3 w-full flex-grow">
147
+ ${t.authorCode}
148
+ ${t.labelsCode}
149
+ ${t.titleCode}
150
+ ${t.snippetCode}
151
+ ${t.ctaRowCode}
152
+ </div>
141
153
  </div>
142
- `:"",n=l.blockType==="t"?"w-3/4":"w-2/3",c=r.hasText?l.showImage?`<div class="${n} h-full flex flex-col">${a}</div>`:a:"",d=["flex","flex-row",l.palette.containerBg,l.cornerStyle,"w-full","h-full",l.interactionClasses].filter(Boolean).join(" ");return`<article class="${`@container col-span-1 inline-flex w-full relative h-full ${l.layout.mb}`}" role="article"><div class="${d}">${r.finalImageCode}${c}</div></article>`})}var Ne={};k(Ne,{render:()=>qt});x();function qt(e,t,o){return A("q",e,t,o,(r,l)=>{let s=r.hasText?`
154
+ `:"",i=l.blockType==="t"?"w-3/4":"w-2/3",n=t.hasText?l.showImage?`<div class="${i} min-w-0 h-full flex flex-col">${s}</div>`:s:"",d=["flex","flex-row","w-full","h-full",l.wrapperUI].filter(Boolean).join(" "),u=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`<article class="${`@container col-span-1 flex min-w-0 w-full relative h-full ${l.cornerStyle} ${u}`}" role="article" itemscope itemtype="https://schema.org/Article"><div class="${d}">${t.finalImageCode}${n}</div></article>`})}var Fe={};E(Fe,{render:()=>zt});g();function zt(e,r,o){return O("q",e,r,o,(t,l)=>{let a=t.hasText?`
143
155
  <div class="p-4 @xs:p-6 @sm:p-8 flex-grow flex flex-col">
144
- ${r.titleCode}
145
- ${r.snippetCode}
156
+ ${t.titleCode}
157
+ ${t.snippetCode}
146
158
  <span class="mt-4 text-right">
147
- ${r.authorCode}
159
+ ${t.authorCode}
148
160
  </span>
149
- <div class="mt-auto pt-2">${r.ctaRowCode}</div>
161
+ ${t.ctaRowCode}
150
162
  </div>
151
- `:"";return`<article class="@container col-span-1 inline-flex w-full relative" role="article"><div class="${["flex","flex-col","w-full",l.palette.containerBg,l.palette.containerText,l.cornerStyle,`text-${l.textHAlign}`,"h-full",l.interactionClasses].filter(Boolean).join(" ")}">${r.finalImageCode}${s}</div></article>`})}var je={};k(je,{render:()=>Et});x();function Et(e,t,o){return A("m",e,t,o,(r,l)=>{let s=`
152
- <div class="w-full p-2 flex flex-col h-full text-${l.textHAlign}">
153
- <div class="mb-1 opacity-75 flex flex-wrap items-center gap-x-1">${r.authorCode}${r.dateCode}</div>
154
- ${r.labelsCode}
155
- ${r.titleCode}
156
- ${r.snippetCode}
157
- ${r.ctaButtonCode}
163
+ `:"",s=["flex","flex-col","w-full",`text-${l.textHAlign}`,"h-full",l.wrapperUI].filter(Boolean).join(" "),c=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`<article class="${`@container col-span-1 flex min-w-0 w-full relative h-full ${l.cornerStyle} ${c}`}" role="article" itemscope itemtype="https://schema.org/Article"><div class="${s}">${t.finalImageCode}${a}</div></article>`})}var We={};E(We,{render:()=>Vt});g();function Vt(e,r,o){return O("m",e,r,o,(t,l)=>{let a=`
164
+ <div class="w-full p-2 flex flex-col flex-grow h-full text-${l.textHAlign}">
165
+ <div class="mb-1 opacity-50 flex flex-wrap items-center gap-x-1">${t.authorCode}${t.dateCode}</div>
166
+ ${t.labelsCode}
167
+ ${t.titleCode}
168
+ ${t.snippetCode}
169
+ ${t.ctaButtonCode}
158
170
  </div>
159
- `;return`
160
- <article class="col-span-1 inline-flex w-full relative" role="article">
161
- <div class="${`${l.cornerStyle} ${l.palette.containerBg} ${l.palette.containerText} flex flex-row p-4 w-full items-start ${l.interactionClasses}`}">
162
- ${r.finalImageCode}
163
- ${s}
171
+ `,s=` flex flex-row p-4 w-full h-full items-start ${l.wrapperUI}`,c=l.cornerStyle.includes("rounded-none")?"":"overflow-hidden";return`
172
+ <article class="${`col-span-1 flex min-w-0 w-full relative h-full ${l.cornerStyle} ${c}`}" role="article" itemscope itemtype="https://schema.org/Comment">
173
+ <div class="${s}">
174
+ ${t.finalImageCode}
175
+ ${a}
164
176
  </div>
165
177
  </article>
166
- `})}var Pe={v:Re,s:Ue,l:Me,c:De,g:qe,p:Ee,t:He,q:Ne,m:je},oe=class{async buildBlockBody(t,o){let r="",l="",s=null,a=t.posts.length,i=o.blockType==="l"||o.blockType==="s";if(o.isCarousel&&(s=null),o.blockType==="s"&&a>0){o.firstInstance&&(l=Pe["s"].render(t.posts[0],0,o));let c=[];for(let d=0;d<a;d++){let m=Pe["s"].renderThumbnail(t.posts[d],o);o.isCarousel&&(m=m.replace('<article class="','<article class="snap-start ')),c.push(m)}return{renderedBlocks:c,carouselIndicators:s,showcaseHTML:l}}let n=[];for(let c=0;c<a;c++){let d=t.posts[c],m=o.columnCount,p=o.blockType;o.blockType==="l"&&c>0&&(p=o.showHeader?"t":"c",c===1&&o.showHeader&&m--);let u=Pe[p].render(d,c,o);o.isCarousel&&(u=u.replace('<article class="','<article class="snap-start ')),n.push(u)}return{renderedBlocks:n,carouselIndicators:s,showcaseHTML:l}}createBlockHeader(t){return it(t)}createBlockFooter(t,o){return ct(t,o)}createStageWrapper(t,o,r,l){let s=r.isCarousel?ut(o,r,l):"",a=pt(r,l),i=`${s}${t}${a}`;return dt(i,r)}bindEvents(t,o){this._bindShowcaseEvents(t,o),this._bindPaginationEvents(t,o),this._bindShareEvents(t),mt(t,o)}_bindShareEvents(t){t.dataset.shareBound||(t.dataset.shareBound="true",t.addEventListener("click",async o=>{let r=o.target.closest('[data-action="share-native"]');if(!r)return;o.preventDefault(),o.stopPropagation();let l=r.getAttribute("data-title"),s=r.getAttribute("data-url");if(navigator.share)try{await navigator.share({title:l,url:s})}catch(a){console.log("Share failed",a)}else navigator.clipboard.writeText(s).then(()=>{alert("Link copied to clipboard!")})}))}_bindShowcaseEvents(t,o){if(t.dataset.showcaseBound)return;let r=t.closest(".mBlock, .mBlockL")?.querySelector(".feature-image");if(!r)return;t.dataset.showcaseBound="true";let l=r.querySelector("figure"),s=r.querySelector(".sIframe"),a=r.querySelector(".sContent");l&&l.addEventListener("click",function(){let n=this.getAttribute("data-vidid");if(n&&n!=="noVideo"){if(s){s.innerHTML=Oe(n,o),s.style.display="",s.style.opacity="1",s.classList.remove("hidden"),l.style.display="none",a&&(a.style.display="none");let c=r.querySelector("a");c&&(c.style.display="none")}}else{let c=r.querySelector("a");c&&c.href&&(window.location.href=c.href)}});let i=r.querySelector("a.z-30")||r.querySelector("a");i&&i.addEventListener("click",function(n){if(l){let c=l.getAttribute("data-vidid");c&&c!=="noVideo"&&(n.preventDefault(),l.click())}}),t.addEventListener("click",function(n){let c=n.target.closest(".sPost");if(!c||!c.closest(".sFeature"))return;let d={vidid:c.getAttribute("data-vidid"),title:c.getAttribute("data-title"),summary:c.getAttribute("data-summary"),link:c.getAttribute("data-link"),imgHigh:c.getAttribute("data-img-high")||c.querySelector("img")?.getAttribute("data-img-high")||""};if(c.classList.contains("ring-4")){window.location.href=d.link;return}if(t.querySelectorAll(".sFeature .sPost").forEach(u=>{u.classList.remove("ring-4","ring-current","ring-inset")}),c.classList.add("ring-4","ring-current","ring-inset"),d.vidid&&d.vidid!=="noVideo"){s&&(s.innerHTML=Oe(d.vidid,o),H(s)),M(l),M(a);let u=r.querySelector("a");u&&(u.style.display="none")}else{if(s&&(s.innerHTML="",M(s)),l){(d.vidid==="noVideo"||!d.vidid)&&l.removeAttribute("data-vidid");let g=l.querySelector("svg");g&&M(g),l.style.backgroundImage=`url("${d.imgHigh}")`,l.style.backgroundSize="cover",l.title=d.title,l.setAttribute("aria-label",d.title+" image"),H(l)}if(a){H(a);let g=a.querySelector("h5");if(g){g.textContent=d.title;let S=g.closest("a");S&&(S.href=d.link)}let b=a.querySelector(".js-cta-link");b&&(b.href=d.link,b.setAttribute("aria-label",`View ${d.title}`));let w=a.querySelector(".list-none")||a.querySelector("div.text-body-md");w&&(w.innerHTML=d.summary)}let u=r.querySelector("a.z-30")||r.querySelector("a");u&&(u.style.display="",u.href=d.link,u.title=d.title,u.hasAttribute("aria-label")&&u.setAttribute("aria-label",`View ${d.title}`));let h=r.querySelector("button");h&&(h.title=d.title)}})}_bindPaginationEvents(t,o){if(!o)return;let r=o.stageID,l=t.querySelectorAll(`.st${r} .nav-prev`),s=t.querySelectorAll(`.st${r} .nav-next`);l.forEach(a=>{a.dataset.bound||(a.dataset.bound="true",a.addEventListener("click",()=>{let i=parseInt(t.getAttribute("data-s"),10);if(i<=1)return;let n=i-1;t.setAttribute("data-s",n),t.style.minHeight=t.clientHeight+"px",M(t.querySelector(`div#m${o.mBlockID}-st${i}`)),M(t.querySelector(`div.mblox-footer.st${i}`)),setTimeout(()=>{H(t.querySelector(`div#m${o.mBlockID}-st${n}`)),H(t.querySelector(`div.mblox-footer.st${n}`)),t.style.minHeight=""},160)}))}),s.forEach(a=>{a.dataset.bound||(a.dataset.bound="true",a.addEventListener("click",()=>{let i=parseInt(t.getAttribute("data-s"),10),n=i+1;t.setAttribute("data-s",n),t.style.minHeight=t.clientHeight+"px",t.classList.add("relative"),M(t.querySelector(`div#m${o.mBlockID}-st${i}`));let c=t.querySelector(`div.mblox-footer.st${i}`);c&&M(c);let d=t.querySelector(`div#m${o.mBlockID}-st${n}`);if(d)setTimeout(()=>{H(d),H(t.querySelector(`div.mblox-footer.st${n}`)),t.style.minHeight=""},160);else{let m=`
178
+ `})}var pe={v:qe,s:Pe,l:Ne,c:je,g:Ke,p:ze,t:Ve,q:Fe,m:We},ae=class{async buildBlockBody(r,o){let t="",l="",a=null,s=r.posts.length,c=o.blockType==="l"||o.blockType==="s";if(o.isCarousel&&(a=null),o.blockType==="s"&&s>0){o.firstInstance&&(l=pe["s"].render(r.posts[0],0,o));let n=[],d=o.firstInstance?1:0;for(let u=d;u<s;u++){let m=pe["s"].renderThumbnail(r.posts[u],o);o.isCarousel&&(m=m.replace('<article class="','<article class="snap-start ')),n.push(m)}return{renderedBlocks:n,carouselIndicators:a,featureHTML:l}}if(o.blockType==="l"&&s>0){o.firstInstance&&(l=pe["l"].render(r.posts[0],0,o));let n=[],d=o.firstInstance?1:0;for(let u=d;u<s;u++){let m=r.posts[u],p=o.showHeader?"t":"c",h=pe[p].render(m,u,o);o.isCarousel&&(h=h.replace('<article class="','<article class="snap-start ')),n.push(h)}return{renderedBlocks:n,carouselIndicators:a,featureHTML:l}}let i=[];for(let n=0;n<s;n++){let d=r.posts[n],u=pe[o.blockType].render(d,n,o);o.isCarousel&&(u=u.replace('<article class="','<article class="snap-start ')),i.push(u)}return{renderedBlocks:i,carouselIndicators:a,featureHTML:l}}createBlockHeader(r){return ft(r)}createBlockFooter(r,o){return Lt(r,o)}createStageWrapper(r,o,t,l){let a=t.isCarousel?xt(o,t,l):"",s=vt(t,l),c=`${a}${r}${s}`;return gt(c,t)}bindEvents(r,o){this._bindShowcaseEvents(r,o),this._bindPaginationEvents(r,o),this._bindShareEvents(r),bt(r,o)}_bindShareEvents(r){r.dataset.shareBound||(r.dataset.shareBound="true",r.addEventListener("click",async o=>{let t=o.target.closest('[data-action="share-native"]');if(!t)return;o.preventDefault(),o.stopPropagation();let l=t.getAttribute("data-title"),a=t.getAttribute("data-url");if(navigator.share)try{await navigator.share({title:l,url:a})}catch(s){console.log("Share failed",s)}else navigator.clipboard.writeText(a).then(()=>{alert("Link copied to clipboard!")})}))}_bindShowcaseEvents(r,o){if(r.dataset.showcaseBound)return;let t=r.closest(".mBlock, .mBlockL")?.querySelector(".feature-image");if(!t)return;r.dataset.showcaseBound="true";let l=t.querySelector("figure"),a=t.querySelector(".sIframe"),s=t.querySelector(".sContent");l&&l.addEventListener("click",function(i){if(i.target.closest("button, a"))return;let n=this.getAttribute("data-vidid");if(n&&n!=="noVideo"){if(a){a.innerHTML=He(n,o),a.style.display="",a.style.opacity="1",a.classList.remove("hidden"),l.style.display="none",s&&(s.style.display="none");let d=t.querySelector("a");d&&(d.style.display="none")}}else{let d=t.querySelector("a");d&&d.href&&(window.location.href=d.href)}});let c=t.querySelector("a.z-30")||t.querySelector("a");c&&c.addEventListener("click",function(i){if(l){let n=l.getAttribute("data-vidid");n&&n!=="noVideo"&&(i.preventDefault(),l.click())}}),r.addEventListener("click",function(i){let n=i.target.closest(".sPost");if(!n||!n.closest(".sFeature")||i.target.closest("button, a"))return;let d={vidid:n.getAttribute("data-vidid"),title:n.getAttribute("data-title"),summary:n.getAttribute("data-summary"),link:n.getAttribute("data-link"),imgHigh:n.getAttribute("data-img-high")||n.querySelector("img")?.getAttribute("data-img-high")||""};if(n.classList.contains("ring-4")){window.location.href=d.link;return}if(r.querySelectorAll(".sFeature .sPost").forEach(p=>{p.classList.remove("ring-4","ring-current","ring-inset")}),n.classList.add("ring-4","ring-current","ring-inset"),d.vidid&&d.vidid!=="noVideo"){a&&(a.innerHTML=He(d.vidid,o),F(a)),j(l),j(s);let p=t.querySelector("a");p&&(p.style.display="none")}else{if(a&&(a.innerHTML="",j(a)),l){(d.vidid==="noVideo"||!d.vidid)&&l.removeAttribute("data-vidid");let f=l.querySelector("svg");f&&j(f),l.style.backgroundImage=`url("${d.imgHigh}")`,l.style.backgroundSize="cover",l.title=d.title,l.setAttribute("aria-label",d.title+" image"),F(l)}if(s){F(s);let f=s.querySelector("h5");if(f){f.textContent=d.title;let v=f.closest("a");v&&(v.href=d.link)}let b=s.querySelector(".js-cta-link");b&&(b.href=d.link,b.setAttribute("aria-label",`View ${d.title}`));let y=s.querySelector(".list-none")||s.querySelector("div.text-body-md");y&&(y.innerHTML=d.summary)}let p=t.querySelector("a.z-30")||t.querySelector("a");p&&(p.style.display="",p.href=d.link,p.title=d.title,p.hasAttribute("aria-label")&&p.setAttribute("aria-label",`View ${d.title}`));let h=t.querySelector("button");h&&(h.title=d.title)}})}_bindPaginationEvents(r,o){if(!o)return;let t=o.stageID,l=r.querySelectorAll(`.st${t} .nav-prev`),a=r.querySelectorAll(`.st${t} .nav-next`);l.forEach(s=>{s.dataset.bound||(s.dataset.bound="true",s.addEventListener("click",()=>{let c=parseInt(r.getAttribute("data-s"),10);if(c<=1)return;let i=c-1;r.setAttribute("data-s",i),r.style.minHeight=r.clientHeight+"px",j(r.querySelector(`div#m${o.mBlockID}-st${c}`)),j(r.querySelector(`div.mblox-footer.st${c}`)),setTimeout(()=>{F(r.querySelector(`div#m${o.mBlockID}-st${i}`)),F(r.querySelector(`div.mblox-footer.st${i}`))},160)}))}),a.forEach(s=>{s.dataset.bound||(s.dataset.bound="true",s.addEventListener("click",()=>{let c=parseInt(r.getAttribute("data-s"),10),i=c+1;r.setAttribute("data-s",i),r.style.minHeight=r.clientHeight+"px",r.classList.add("relative"),j(r.querySelector(`div#m${o.mBlockID}-st${c}`));let n=r.querySelector(`div.mblox-footer.st${c}`);n&&j(n);let d=r.querySelector(`div#m${o.mBlockID}-st${i}`);if(d)setTimeout(()=>{F(d),F(r.querySelector(`div.mblox-footer.st${i}`))},160);else{let u=`
167
179
  <style>
168
180
  @keyframes mblox-loader-anim {
169
181
  0% { transform: rotate(0deg) scale(0.8); }
@@ -171,6 +183,13 @@ var wt=Object.defineProperty;var St=(e,t)=>()=>(e&&(t=e(e=0)),t);var k=(e,t)=>{f
171
183
  100% { transform: rotate(360deg) scale(0.8); }
172
184
  }
173
185
  </style>
174
- <div id="m${o.mBlockID}-st${n}-loading" class="absolute inset-0 flex items-center justify-center z-10" style="min-height: 200px;">
175
- <svg class="w-12 h-12 text-current opacity-80" viewBox="0 0 56 56" style="--scroll-progress: 0; animation: mblox-loader-anim 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;"><use href="#icon-progress-m3e"></use></svg>
176
- </div>`;t.insertAdjacentHTML("beforeend",m);let p=new CustomEvent("mblox:loadNextPage",{detail:{element:t}});t.dispatchEvent(p)}}))})}};var me=null;async function Ht(){return me||(window.mBloxConfig&&window.mBloxConfig.designSystem==="m3e"?(window.mBlox=window.mBlox||{},window.mBlox.m3eRenderer=oe,me=new oe):me=new oe,me)}async function Ke(e){rt();let t=await Ht(),o=typeof e=="string"?document.querySelectorAll(e):[e];for(let r of o){r.classList.add("@container");let l=et(r);r.setAttribute("data-scheme",l.mBloxTheme),r.setAttribute("data-palette",l.paletteName),r._mbloxPaginateListener||(r.addEventListener("mblox:loadNextPage",s=>{Ke(s.target)}),r._mbloxPaginateListener=!0);try{let s=Ze(l),a=await s.fetch();if(l.isBloggerFeed=s instanceof de,a.posts&&a.posts.length>0){let i=a.posts.length;l.contentType==="comments"&&(l.moreText=""),l.firstInstance&&(r.setAttribute("data-s",l.stageID),r.insertAdjacentHTML("beforeend",t.createBlockHeader(l))),l=Xe(l,i);let{renderedBlocks:n,carouselIndicators:c,showcaseHTML:d}=await t.buildBlockBody(a,l);l.firstInstance&&l.blockType==="s"&&d&&r.insertAdjacentHTML("beforeend",d);let p=l.stageID===parseInt(r.getAttribute("data-s")||"1",10)?"":" d-none",u="";l.isCarousel?u=lt(n,l):l.blockType==="l"?u=at(n,l):u=ot(n,l);let h=t.createStageWrapper(u,c,l,a),g=t.createBlockFooter(l,a),b=`<div class="st${l.stageID}${p}" id="m${l.mBlockID}-st${l.stageID}">${h}${g}</div>`,w=r.querySelector(`#m${l.mBlockID}-st${l.stageID}-loading`);w&&w.remove(),r.insertAdjacentHTML("beforeend",b),r.style.minHeight="",t.bindEvents(r,l),tt(r)}}catch(s){console.error(s)}}}window.mBlocks=Ke;
186
+ <div id="m${o.mBlockID}-st${i}-loading" class="absolute inset-0 flex items-center justify-center z-10" style="min-height: 200px;">
187
+ <svg class="w-10 h-10" fill="currentColor" viewBox="0 0 56 56" style="--scroll-progress: 0; animation: mblox-loader-anim 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;"><use href="#icon-progress-m3e"></use></svg>
188
+ </div>`;r.insertAdjacentHTML("beforeend",u);let m=new CustomEvent("mblox:loadNextPage",{detail:{element:r}});r.dispatchEvent(m)}}))})}};var Ft={2:"@md:col-span-1",3:"@md:col-span-2",4:"@sm:col-span-1 @md:col-span-2 @lg:col-span-3",5:"@sm:col-span-2 @md:col-span-3 @xl:col-span-4",6:"@sm:col-span-3 @lg:col-span-4 @xl:col-span-5"},he=null;async function Wt(){return he||(window.mBloxConfig&&window.mBloxConfig.designSystem==="m3e"?(window.mBlox=window.mBlox||{},window.mBlox.m3eRenderer=ae,he=new ae):he=new ae,he)}var Ct=!1;async function Ge(e){Ct||(window.addEventListener("resize",()=>{document.querySelectorAll(".m-blox").forEach(t=>t.style.minHeight="")}),Ct=!0),ct();let r=await Wt(),o=typeof e=="string"?document.querySelectorAll(e):[e];for(let t of o){t.classList.add("@container");let l=nt(t);t.setAttribute("data-scheme",l.mBloxTheme),t.setAttribute("data-palette",l.paletteName),t._mbloxPaginateListener||(t.addEventListener("mblox:loadNextPage",a=>{Ge(a.target)}),t._mbloxPaginateListener=!0);try{let a=st(l),s=await a.fetch();if(l.isBloggerFeed=a instanceof ue,s.posts&&s.posts.length>0){let c=s.posts.length;l.contentType==="comments"&&(l.moreText=""),l.firstInstance&&(t.setAttribute("data-s",l.stageID),t.className+=` flex flex-col ${l.sectionLayout}`,t.insertAdjacentHTML("beforeend",r.createBlockHeader(l))),l=at(l,c);let{renderedBlocks:i,carouselIndicators:n,featureHTML:d}=await r.buildBlockBody(s,l),u=l.blockType==="s"||l.blockType==="l",p=l.stageID===parseInt(t.getAttribute("data-s")||"1",10)?"":" d-none",h="";l.isCarousel?h=ut(i,l):l.blockType==="l"?h=mt(i,l):h=dt(i,l);let f=r.createStageWrapper(h,n,l,s),b=r.createBlockFooter(l,s),y=`<div class="st${l.stageID}${p} h-full" id="m${l.mBlockID}-st${l.stageID}">${f}${b}</div>`,v=t.querySelector(`#m${l.mBlockID}-st${l.stageID}-loading`);if(v&&v.remove(),l.firstInstance&&u&&d){let B=`flex flex-col ${l.sectionLayout}`,_="w-full relative";if(l.blockType==="l"){let U=q[l.columnCount]||q[6],P=Ft[l.columnCount]||"col-span-1";B=`grid ${U} ${l.sectionLayout}`,_=`${P} relative`}let M=`
189
+ <div class="complexWrapper w-full h-full flex-grow ${B}">
190
+ ${d}
191
+ <div class="complexStage ${_}">
192
+ ${y}
193
+ </div>
194
+ </div>
195
+ `;t.insertAdjacentHTML("beforeend",M)}else if(u){let B=t.querySelector(".complexStage");B?B.insertAdjacentHTML("beforeend",y):t.insertAdjacentHTML("beforeend",y)}else t.insertAdjacentHTML("beforeend",y);r.bindEvents(t,l);let R=new CustomEvent("mblox:rendered",{detail:{element:t,config:l}});t.dispatchEvent(R),it(t)}}catch(a){console.error(a)}}}window.mBlocks=Ge;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mblox",
3
- "version": "2.0.3",
3
+ "version": "2.0.4",
4
4
  "description": "mBlox is a lightweight, dependency-free JavaScript library that enables dynamic, Elementor/Gutentor-like content blocks. It can fetch and display content from various sources like **Blogger**, **WordPress**, and any **RSS feed** (including YouTube) in a variety of customizable layouts.",
5
5
  "main": "mBloxCall.js",
6
6
  "unpkg": "dist/mBloxM3E.js",
@@ -10,7 +10,7 @@
10
10
  ],
11
11
  "scripts": {
12
12
  "build": "npm run build:css && npm run build:icons && npm run build:js",
13
- "build:css": "npx @tailwindcss/cli -i ./src/design/tailwind.css -o ./dist/mBloxM3E.css --minify",
13
+ "build:css": "node scripts/build-css.js",
14
14
  "build:icons": "node scripts/build-icons.js",
15
15
  "build:js": "node scripts/build-js.js",
16
16
  "dev": "npx -y serve .",
@@ -35,4 +35,4 @@
35
35
  "@tailwindcss/cli": "^4.3.0",
36
36
  "tailwindcss": "^4.3.0"
37
37
  }
38
- }
38
+ }