@functionalcms/svelte-components 4.0.0-pre-2.4 → 4.0.1

package/dist/components/form/Switch.svelte

@@ -0,0 +1,290 @@
+<script lang="ts">
+	import { cn } from '../../utils.js';
+
+	interface Props {
+		id: string;
+		label: string;
+		css: string;
+		labelPosition: string;
+		size: string;
+		isChecked: boolean;
+		isBordered: boolean;
+		isAction: boolean;
+		isDisabled: boolean;
+	}
+	let {
+		id = '',
+		label = '',
+		css = '',
+		labelPosition = 'left',
+		size = '',
+		isChecked = false,
+		isBordered = false,
+		isAction = false,
+		isDisabled = false
+	}: Partial<Props> = $props();
+
+	let switchContainer = $derived(
+		cn(
+			'switch-container',
+			labelPosition === 'right' ? 'switch-right' : '',
+			css ? css : '',
+			isDisabled ? 'disabled' : ''
+		)
+	);
+
+	const switchSpan = () => {
+		let klasses = [
+			'switch',
+			isBordered ? 'switch-border' : '',
+			isAction ? 'switch-action' : '',
+			size ? `switch-${size}` : ''
+		];
+		klasses = klasses.filter((klass) => klass.length);
+		return klasses.join(' ');
+	};
+	const handleClick = (evt: any) => {
+		const el = evt.target;
+		if (el.getAttribute('aria-checked') == 'true') {
+			el.setAttribute('aria-checked', 'false');
+		} else {
+			el.setAttribute('aria-checked', 'true');
+		}
+	};
+	const handleKeypress = (evt: any) => {
+		const keyCode = evt.keyCode || evt.which;
+		switch (keyCode) {
+			case 13:
+				evt.preventDefault();
+				evt.target.click();
+				break;
+		}
+	};
+</script>
+
+<label class={switchContainer} for={id}>
+	{#if labelPosition === 'left'}<span class="switch-label">{label}</span>{/if}
+	<input
+		type="checkbox"
+		class="switch-input"
+		{id}
+		bind:checked={isChecked}
+		disabled={isDisabled}
+		onclick={handleClick}
+		onkeypress={handleKeypress}
+		role="switch"
+	/>
+	<span class={switchSpan()} aria-hidden="true"></span>
+	{#if labelPosition === 'right'}<span class="switch-label">{label}</span>{/if}
+</label>
+
+<style>
+	/**
+     * Switch
+     *
+     * This switch is inspired by Scott Ohara's checkbox switch:
+     * https://scottaohara.github.io/a11y_styled_form_controls/src/checkbox--switch/
+     */
+	.switch-container {
+		display: block;
+
+		/* TODO: Hopefully this doesn't become a problem but since we use absolute
+      positioning extensively, we need some way to have adjacent spaced lines */
+		min-height: 2.25rem;
+		width: 100%;
+		padding: 0.5rem;
+		position: relative;
+	}
+
+	.switch-container:hover {
+		cursor: pointer;
+	}
+
+	/* using the before/after pseudo elements of the span to create the "switch" */
+	.switch::before,
+	.switch::after {
+		border: 1px solid var(--gray-mid-dark);
+		content: '';
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+
+	/* styling specific to the knob of the switch */
+	.switch::after {
+		background: #fff;
+		border-radius: 100%;
+		width: 1.4rem;
+		height: 1.4rem;
+		right: 1.4rem;
+		transition: right var(--timing-fast) ease-in-out;
+	}
+
+	/* styling specific to the knob "container" */
+	.switch::before {
+		background: #eee;
+		border-radius: 1.75rem;
+		width: 2.75rem;
+		height: 1.75rem;
+		right: 0.25rem;
+		transition: background var(--timing-medium) ease-in-out;
+	}
+
+	/* Sizes */
+	.switch-small::after {
+		width: 1.25rem;
+		height: 1.25rem;
+		right: 1.125rem;
+	}
+
+	.switch-small::before {
+		width: 2.25rem;
+		height: 1.5rem;
+	}
+
+	.switch-large::after {
+		width: 1.65rem;
+		height: 1.65rem;
+		right: 1.65rem;
+	}
+
+	.switch-large::before {
+		width: 3.25rem;
+		height: 2rem;
+	}
+
+	.switch-border::before {
+		border: 1px solid var(--primary);
+	}
+
+	.switch-action.switch-border::before {
+		border: 1px solid var(--action);
+	}
+
+	/* Switch label on right */
+
+	/* We have to flip the positioning when the label is on the right of switch */
+	.switch-right .switch::before {
+		right: initial;
+		left: 0.25rem;
+	}
+
+	.switch-right .switch::after {
+		right: initial;
+		left: 1.4rem;
+	}
+
+	/* Switch sizes w/label on right -- I expect SMACSS so .switch .switch-small
+    classes should both exist so the right: initial was taken care of above :) */
+	.switch-right .switch-small::after {
+		left: 1.125rem;
+	}
+
+	.switch-right .switch-large::after {
+		left: 1.65rem;
+	}
+
+	/* ---- CHECKED STATE ----- */
+
+	/* change the position of the knob to indicate it has been checked */
+
+	.switch-input:checked + .switch-small::after {
+		right: 0.425rem;
+	}
+
+	.switch-input:checked + .switch::after {
+		right: 0.5em;
+	}
+
+	.switch-right .switch-label {
+		position: absolute;
+		right: 0;
+
+		/* Flips transition target to left to preserve our smooth transitions */
+		transition: left var(--timing-fast) ease-in-out;
+	}
+
+	.switch-right .switch-input:checked + .switch::after {
+		right: initial;
+		left: 0.5em;
+	}
+
+	.switch-right .switch-input:checked + .switch-small::after {
+		right: initial;
+		left: 0.425rem;
+	}
+
+	/* From: https://scottaohara.github.io/a11y_styled_form_controls/src/checkbox--switch/
+      hide the actual checkbox from view, but not from keyboards or ATs.
+      Instead of standard visually hidden styling, instead set opacity to
+      almost 0 (not zero for ChomeVox legacy bug), pointer-events none, and
+      then set to full height/width of container element so that VO focus
+      ring outlines the component, instead of a tiny box within the component
+    */
+	.switch-input {
+		margin: 0;
+		opacity: 0.01%;
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		pointer-events: none;
+	}
+
+	.switch-input:focus + .switch::before {
+		box-shadow: 0 0 0 var(--focus-ring-outline-width) var(--focus-ring-color);
+	}
+
+	/* update the color of the "container" to further visually indicate state */
+	.switch-input:checked + .switch:not(.switch-border)::before {
+		background: var(--primary);
+	}
+
+	.switch-input:checked + .switch-action:not(.switch-border)::before {
+		background: var(--action);
+	}
+
+	/* Border switch on checked the thumb gets primary or action bg respectively */
+	.switch-input:checked + .switch-border::after {
+		background: var(--primary);
+	}
+
+	.switch-input:checked + .switch-action.switch-border::after {
+		background: var(--action);
+	}
+
+	/* Disabled aka :disabled is not actually supported for <label>
+    element so we use attribute selector for that:
+    https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled#:~:text=The%20disabled%20attribute%20is%20supported,control%20or%20its%20descendant%20controls.
+    */
+	.switch-input[disabled] + .switch,
+	.switch-input[disabled] + .switch-label,
+	.switch-container.disabled {
+		color: var(--input-disabled-color, var(--disabled-color)) !important;
+		appearance: none !important;
+		box-shadow: none !important;
+		cursor: not-allowed !important;
+		opacity: 80% !important;
+	}
+
+	@media screen and (-ms-high-contrast: active) {
+		.switch::after {
+			background-color: windowText;
+		}
+
+		/* High contrast mode outline hacks */
+		.switch-input[disabled] + .switch-label,
+		.switch-container.disabled {
+			outline: 2px solid transparent;
+			outline-offset: -2px;
+		}
+	}
+
+	@media (prefers-reduced-motion), (update: slow) {
+		.switch::after,
+		.switch::before {
+			transition-duration: 0.001ms !important;
+		}
+	}
+</style>

package/dist/components/form/Switch.svelte.d.ts

@@ -0,0 +1,13 @@
+declare const Switch: import("svelte").Component<Partial<{
+    id: string;
+    label: string;
+    css: string;
+    labelPosition: string;
+    size: string;
+    isChecked: boolean;
+    isBordered: boolean;
+    isAction: boolean;
+    isDisabled: boolean;
+}>, {}, "">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

package/dist/components/layouts/Meta.svelte

@@ -15,7 +15,7 @@
 		robots = 'index, follow',
 		charset = 'UTF-8',
 		viewport = 'width=device-width, initial-scale=1.0'
-	}: MetaProps = $props();
+	}: Partial<MetaProps> = $props();
 </script>
 
 <svelte:head>

package/dist/components/layouts/Meta.svelte.d.ts

@@ -1,11 +1,10 @@
-interface MetaProps {
+declare const Meta: import("svelte").Component<Partial<{
     title: string;
     description: string;
     keywords: string;
     robots: string;
     charset: string;
     viewport: string;
-}
-declare const Meta: import("svelte").Component<MetaProps, {}, "">;
+}>, {}, "">;
 type Meta = ReturnType<typeof Meta>;
 export default Meta;

package/dist/components/presentation/Carousel.svelte

@@ -46,7 +46,7 @@
 		</div>
 	</div>
 	<Button
-		type="link"
+		type="button"
 		css="carousel__prev"
 		style="order: -1 !important;width: 50px;height: 100%;background: none;border: none !important;align-self: center;"
 		onclick={() => embla.scrollPrev()}
@@ -69,7 +69,7 @@
 		{/if}
 	</Button>
 	<Button
-		type="link"
+		type="button"
 		css="carousel__next"
 		style="order: 1000 !important;width: 50px;height: 100%;background: none; border: none !important;align-self: center;"
 		onclick={() => embla.scrollNext()}

package/dist/components/presentation/Gallery.svelte

@@ -23,13 +23,13 @@
 		alignItems = AlignItmes.Center,
 		orientation = Orientation.DynamicRow,
 		...restProps
-	}: Props = $props();
+	}: Partial<Props> = $props();
 
 	let classes = cn('flex', css, `${orientation}`, `${justify}`, `${alignItems}`);
 </script>
 
 <Card css={classes} {...restProps}>
 	{#each items as entry}
-		{@render renderItem(entry)}
+		{@render renderItem?.(entry)}
 	{/each}
 </Card>

package/dist/components/presentation/Gallery.svelte.d.ts

@@ -1,7 +1,7 @@
 import type { ShowItem } from './ShowItem.ts';
 import { AlignItmes, Justify, Orientation } from '../Styling.js';
 import type { Snippet } from 'svelte';
-interface Props {
+declare const Gallery: import("svelte").Component<Partial<{
     items: Array<ShowItem>;
     renderItem: Snippet<[ShowItem]>;
     justify: Justify;
@@ -9,7 +9,6 @@ interface Props {
     orientation: Orientation;
     restProps: any;
     css: string;
-}
-declare const Gallery: import("svelte").Component<Props, {}, "">;
+}>, {}, "">;
 type Gallery = ReturnType<typeof Gallery>;
 export default Gallery;

package/dist/components/presentation/ImageCompare.svelte

@@ -64,6 +64,7 @@
 	on:resize={resize}
 />
 
+<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
 <div
 	class="container"
 	{style}

package/dist/components/presentation/ShowItem.d.ts

@@ -1,8 +1,3 @@
 export interface ShowItem {
-    name?: string;
-    image?: string;
     title?: string;
-    short?: string;
-    content?: string;
-    path?: string;
 }

package/dist/index.d.ts

@@ -20,5 +20,6 @@ export { default as DynamicMenu } from './components/menu/DynamicMenu.svelte';
 export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte';
 export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
-export { Type, Size } from './components/form/Input.js';
+export { default as Switch } from './components/form/Switch.svelte';
 export { default as Markdown } from './components/content/Markdown.svelte';
+export { type BlogPost, listAllPosts, importPost } from './components/blog/blog.js';

package/dist/index.js

@@ -37,11 +37,15 @@ export { default as HamburgerMenu } from './components/menu/HamburgerMenu.svelte
  */
 export { default as Button } from './components/form/Button.svelte';
 export { default as Input } from './components/form/Input.svelte';
-export { Type, Size } from './components/form/Input.js';
+export { default as Switch } from './components/form/Switch.svelte';
 /*
  * Content
  */
 export { default as Markdown } from './components/content/Markdown.svelte';
+/*
+ * Blog
+ */
+export { listAllPosts, importPost } from './components/blog/blog.js';
 /*
  *
  */ 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "4.0.0-pre-2.4",
+	"version": "4.0.1",
 	"watch": {
 		"build": {
 			"patterns": [

package/css/functional.css

@@ -1 +0,0 @@
-:where(html){--warning-border-accent-modelight: #ecd386;--warning-border-modelight: #f0e3b9;--warning-light-modelight: #fff5d4;--warning-dark-modelight: #634902;--secondary-hover-modelight: #bc583d;--secondary-modelight: #c94d2b;--primary-extra-light-modelight: #f1faff;--primary-light-modelight: #dcf1ff;--primary-dark-modelight: #063f69;--primary-border-modelight: #c1d9e9;--primary-hover-modelight: #2087d0;--primary-modelight: #077acb;--light-modelight: #fff;--dark-modelight: #333;--gray-dark-modelight: #717171;--gray-mid-dark-modelight: #ccc;--gray-mid-modelight: #d8d8d8;--gray-light-modelight: #e9e9e9;--gray-extra-light-modelight: #f8f8f8;--error-border-modelight: #eec8c8;--error-light-modelight: #ffe0e0;--error-dark-modelight: #771414;--error-modelight: #e02e2e;--action-border-modelight: #c7f0d1;--action-light-modelight: #e2ffe9;--action-dark-modelight: #0a3414;--action-hover-modelight: #3dd262;--action-modelight: #2fb751;--disabled-color-modelight: var(--gray-dark-modelight);--disabled-bg-modelight: var(--gray-light-modelight)}:where(html){--warning-border-accent-modedark: #433507;--warning-border-modedark: #fff5d4;--warning-light-modedark: #faecc0;--warning-dark-modedark: #221b01;--secondary-hover-modedark: #000;--secondary-modedark: #e89982;--primary-extra-light-modedark: #172c38;--primary-light-modedark: #90d0fd;--primary-dark-modedark: #021421;--primary-border-modedark: #63b9f7;--primary-hover-modedark: #63b9f7;--primary-modedark: #91d1ff;--light-modedark: #1a202c;--dark-modedark: #d0d0d0;--gray-dark-modedark: rgb(255 255 255 / 40%);--gray-mid-dark-modedark: rgba(255 255 255 / 32%);--gray-mid-modedark: rgba(255 255 255 / 8%);--gray-light-modedark: rgba(255 255 255 / 6%);--gray-extra-light-modedark: rgba(255 255 255 / 4%);--error-border-modedark: #ffe0e0;--error-light-modedark: #ffe0e0;--error-dark-modedark: #260202;--error-modedark: #fd9e9e;--action-border-modedark: #e7ffed;--action-light-modedark: #baf9ca;--action-dark-modedark: #011e08;--action-hover-modedark: #9fe0af;--action-modedark: #baf9ca;--disabled-color-modedark: var(--gray-dark-modedark);--disabled-bg-modedark: var(--gray-light-modedark) }:root{color-scheme:light;--warning-border-accent: var(--warning-border-accent-modelight);--warning-border: var(--warning-border-modelight);--warning-light: var(--warning-light-modelight);--warning-dark: var(--warning-dark-modelight);--secondary-hover: var(--secondary-hover-modelight);--secondary: var(--secondary-modelight);--primary-light: var(--primary-light-modelight);--primary-dark: var(--primary-dark-modelight);--primary-border: var(--primary-border-modelight);--primary-hover: var(--primary-hover-modelight);--primary: var(--primary-modelight);--light: var(--light-modelight);--dark: var(--dark-modelight);--gray-dark: var(--gray-dark-modelight);--gray-mid-dark: var(--gray-mid-dark-modelight);--gray-mid: var(--gray-mid-modelight);--gray-light: var(--gray-light-modelight);--gray-extra-light: var(--gray-extra-light-modelight);--error: var(--error-modelight);--error-light: var(--error-light-modelight);--error-dark: var(--error-dark-modelight);--error-border: var(--error-border-modelight);--disabled-color: var(--gray-dark-modelight);--disabled-bg: var(--gray-light-modelight);--action-border: var(--action-border-modelight);--action-light: var(--action-light-modelight);--action-dark: var(--action-dark-modelight);--action-hover: var(--action-hover-modelight);--action: var(--action-modelight) }@media(prefers-color-scheme: dark){:root{color-scheme:dark;--warning-border-accent: var(--warning-border-accent-modedark);--warning-border: var(--warning-border-modedark);--warning-light: var(--warning-light-modedark);--warning-dark: var(--warning-dark-modedark);--secondary-hover: var(--secondary-hover-modedark);--secondary: var(--secondary-modedark);--primary-light: var(--primary-light-modedark);--primary-dark: var(--primary-dark-modedark);--primary-border: var(--primary-border-modedark);--primary-hover: var(--primary-hover-modedark);--primary: var(--primary-modedark);--light: var(--light-modedark);--dark: var(--dark-modedark);--gray-dark: var(--gray-dark-modedark);--gray-mid-dark: var(--gray-mid-dark-modedark);--gray-mid: var(--gray-mid-modedark);--gray-light: var(--gray-light-modedark);--gray-extra-light: var(--gray-extra-light-modedark);--error: var(--error-modedark);--error-light: var(--error-light-modedark);--error-dark: var(--error-dark-modedark);--error-border: var(--error-border-modedark);--disabled-color: var(--gray-dark-modedark);--disabled-bg: var(--gray-light-modedark);--action-border: var(--action-border-modedark);--action-light: var(--action-light-modedark);--action-dark: var(--action-dark-modedark);--action-hover: var(--action-hover-modedark);--action: var(--action-modedark) }}[color-scheme=light]{color-scheme:light;--warning-border-accent: var(--warning-border-accent-modelight);--warning-border: var(--warning-border-modelight);--warning-light: var(--warning-light-modelight);--warning-dark: var(--warning-dark-modelight);--secondary-hover: var(--secondary-hover-modelight);--secondary: var(--secondary-modelight);--primary-light: var(--primary-light-modelight);--primary-dark: var(--primary-dark-modelight);--primary-border: var(--primary-border-modelight);--primary-hover: var(--primary-hover-modelight);--primary: var(--primary-modelight);--light: var(--light-modelight);--dark: var(--dark-modelight);--gray-dark: var(--gray-dark-modelight);--gray-mid-dark: var(--gray-mid-dark-modelight);--gray-mid: var(--gray-mid-modelight);--gray-light: var(--gray-light-modelight);--gray-extra-light: var(--gray-extra-light-modelight);--error: var(--error-modelight);--error-light: var(--error-light-modelight);--error-dark: var(--error-dark-modelight);--error-border: var(--error-border-modelight);--disabled-color: var(--gray-dark-modelight);--disabled-bg: var(--gray-light-modelight);--action-border: var(--action-border-modelight);--action-light: var(--action-light-modelight);--action-dark: var(--action-dark-modelight);--action-hover: var(--action-hover-modelight);--action: var(--action-modelight) }[color-scheme=dark]{color-scheme:dark;--warning-border-accent: var(--warning-border-accent-modedark);--warning-border: var(--warning-border-modedark);--warning-light: var(--warning-light-modedark);--warning-dark: var(--warning-dark-modedark);--secondary-hover: var(--secondary-hover-modedark);--secondary: var(--secondary-modedark);--primary-light: var(--primary-light-modedark);--primary-dark: var(--primary-dark-modedark);--primary-border: var(--primary-border-modedark);--primary-hover: var(--primary-hover-modedark);--primary: var(--primary-modedark);--light: var(--light-modedark);--dark: var(--dark-modedark);--gray-dark: var(--gray-dark-modedark);--gray-mid-dark: var(--gray-mid-dark-modedark);--gray-mid: var(--gray-mid-modedark);--gray-light: var(--gray-light-modedark);--gray-extra-light: var(--gray-extra-light-modedark);--error: var(--error-modedark);--error-light: var(--error-light-modedark);--error-dark: var(--error-dark-modedark);--error-border: var(--error-border-modedark);--disabled-color: var(--gray-dark-modedark);--disabled-bg: var(--gray-light-modedark);--action-border: var(--action-border-modedark);--action-light: var(--action-light-modedark);--action-dark: var(--action-dark-modedark);--action-hover: var(--action-hover-modedark);--action: var(--action-modedark) }:where(html){--focus-ring-outline-color: transparent;--focus-ring-outline-style: solid;--focus-ring-outline-width: 3px;--focus-ring-color: rgb(55 149 225 / 50%) }:where(html){--fluid-80: 5rem;--fluid-72: 4.5rem;--fluid-64: 4rem;--fluid-56: 3.5rem;--fluid-48: 3rem;--fluid-40: 2.5rem;--fluid-36: 2.25rem;--fluid-32: 2rem;--fluid-24: 1.5rem;--fluid-20: 1.25rem;--fluid-18: 1.125rem;--fluid-16: 1rem;--fluid-14: 0.875rem;--fluid-12: 0.75rem;--fluid-10: 0.625rem;--fluid-8: 0.5rem;--fluid-6: 0.375rem;--fluid-4: 0.25rem;--fluid-2: 0.125rem;--vertical-pad: var(--fluid-8);--line-height: var(--fluid-20);--side-padding: var(--fluid-12);--input-side-padding: var(--fluid-12) }:where(html){--small: 0.875rem;--body: 1rem;--h6: 0.75rem;--h5: 1.125rem;--h4: 1.5rem;--h3: 2.25rem;--h2: 3rem;--h1: 4rem;--font-color: var(--dark);--font-weight-bold: 600;--font-weight-light: 300;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-family-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif }:where(html){--timing-slow: 450ms;--timing-medium: 300ms;--timing-fast: 200ms }:where(html){--mobile-content-width: 95%;--content-width: 75%}:root{--radius: var(--fluid-4, 0.25rem);--radius-capsule: 9999px }html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:where(body){line-height:1.5}:where(ul){list-style:none}:where(button,[role=button]){cursor:pointer}:where(input,button,select,optgroup,textarea){margin:0;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit}:where(table){border-collapse:collapse}:where(th){text-align:-webkit-match-parent;text-align:match-parent;text-align:inherit}:where(thead,tbody,tfoot,tr,td,th){border-color:inherit;border-style:solid;border-width:0}:where(html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,button,pre,hr,h1,h2,h3,h4,h5,h6){margin:0;padding:0}a{--link-color: var(--primary, #077acb);color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}a:focus{box-shadow:0 0 0 var(--focus-ring-outline-width) var(--focus-ring-color);outline:var(--focus-ring-outline-width) var(--focus-ring-outline-style) var(--focus-ring-outline-color);transition:box-shadow var(--timing-fast) ease-out}@media(prefers-reduced-motion),(update: slow){a:focus{transition-duration:.001ms !important}}.screenreader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.w-100{width:100% !important}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.text-center{text-align:center !important}.h1{font-size:var(--h1) !important}.h2{font-size:var(--h2) !important}.h3{font-size:var(--h3) !important}.h4{font-size:var(--h4) !important}.h5{font-size:var(--h5) !important}.h6{font-size:var(--h6) !important}.top{top:0 !important}.bottom{bottom:0 !important}.start{left:var(--fluid-16) !important}.end{right:var(--fluid-16) !important}.center{left:50% !important;transform:translateX(-50%) !important}.flex{display:flex !important}.flex-inline{display:inline-flex !important}.flex-fill{flex:1 1 auto !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.items-start{align-items:flex-start !important}.items-end{align-items:flex-end !important}.items-center{align-items:center !important}.items-baseline{align-items:baseline !important}.items-stretch{align-items:stretch !important}.self-start{align-self:flex-start !important}.self-end{align-self:flex-end !important}.self-center{align-self:center !important}.self-baseline{align-self:baseline !important}.self-stretch{align-self:stretch !important}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.content-start{align-content:flex-start !important}.content-end{align-content:flex-end !important}.content-center{align-content:center !important}.content-between{align-content:space-between !important}.content-around{align-content:space-around !important}.content-stretch{align-content:stretch !important}.m0{margin:0 !important}.m2{margin:var(--fluid-2) !important}.m4{margin:var(--fluid-4) !important}.m6{margin:var(--fluid-6) !important}.m8{margin:var(--fluid-8) !important}.m10{margin:var(--fluid-10) !important}.m12{margin:var(--fluid-12) !important}.m14{margin:var(--fluid-14) !important}.m16{margin:var(--fluid-16) !important}.m18{margin:var(--fluid-18) !important}.m20{margin:var(--fluid-20) !important}.m24{margin:var(--fluid-24) !important}.m32{margin:var(--fluid-32) !important}.m36{margin:var(--fluid-36) !important}.m40{margin:var(--fluid-40) !important}.m48{margin:var(--fluid-48) !important}.m56{margin:var(--fluid-56) !important}.m64{margin:var(--fluid-64) !important}.mis0{-webkit-margin-start:0 !important;margin-inline-start:0 !important}.mis2{-webkit-margin-start:var(--fluid-2) !important;margin-inline-start:var(--fluid-2) !important}.mis4{-webkit-margin-start:var(--fluid-4) !important;margin-inline-start:var(--fluid-4) !important}.mis6{-webkit-margin-start:var(--fluid-6) !important;margin-inline-start:var(--fluid-6) !important}.mis8{-webkit-margin-start:var(--fluid-8) !important;margin-inline-start:var(--fluid-8) !important}.mis10{-webkit-margin-start:var(--fluid-10) !important;margin-inline-start:var(--fluid-10) !important}.mis12{-webkit-margin-start:var(--fluid-12) !important;margin-inline-start:var(--fluid-12) !important}.mis14{-webkit-margin-start:var(--fluid-14) !important;margin-inline-start:var(--fluid-14) !important}.mis16{-webkit-margin-start:var(--fluid-16) !important;margin-inline-start:var(--fluid-16) !important}.mis18{-webkit-margin-start:var(--fluid-18) !important;margin-inline-start:var(--fluid-18) !important}.mis20{-webkit-margin-start:var(--fluid-20) !important;margin-inline-start:var(--fluid-20) !important}.mis24{-webkit-margin-start:var(--fluid-24) !important;margin-inline-start:var(--fluid-24) !important}.mis32{-webkit-margin-start:var(--fluid-32) !important;margin-inline-start:var(--fluid-32) !important}.mis36{-webkit-margin-start:var(--fluid-36) !important;margin-inline-start:var(--fluid-36) !important}.mis40{-webkit-margin-start:var(--fluid-40) !important;margin-inline-start:var(--fluid-40) !important}.mis48{-webkit-margin-start:var(--fluid-48) !important;margin-inline-start:var(--fluid-48) !important}.mis56{-webkit-margin-start:var(--fluid-56) !important;margin-inline-start:var(--fluid-56) !important}.mis64{-webkit-margin-start:var(--fluid-64) !important;margin-inline-start:var(--fluid-64) !important}.mie0{-webkit-margin-end:0 !important;margin-inline-end:0 !important}.mie2{-webkit-margin-end:var(--fluid-2) !important;margin-inline-end:var(--fluid-2) !important}.mie4{-webkit-margin-end:var(--fluid-4) !important;margin-inline-end:var(--fluid-4) !important}.mie6{-webkit-margin-end:var(--fluid-6) !important;margin-inline-end:var(--fluid-6) !important}.mie8{-webkit-margin-end:var(--fluid-8) !important;margin-inline-end:var(--fluid-8) !important}.mie10{-webkit-margin-end:var(--fluid-10) !important;margin-inline-end:var(--fluid-10) !important}.mie12{-webkit-margin-end:var(--fluid-12) !important;margin-inline-end:var(--fluid-12) !important}.mie14{-webkit-margin-end:var(--fluid-14) !important;margin-inline-end:var(--fluid-14) !important}.mie16{-webkit-margin-end:var(--fluid-16) !important;margin-inline-end:var(--fluid-16) !important}.mie18{-webkit-margin-end:var(--fluid-18) !important;margin-inline-end:var(--fluid-18) !important}.mie20{-webkit-margin-end:var(--fluid-20) !important;margin-inline-end:var(--fluid-20) !important}.mie24{-webkit-margin-end:var(--fluid-24) !important;margin-inline-end:var(--fluid-24) !important}.mie32{-webkit-margin-end:var(--fluid-32) !important;margin-inline-end:var(--fluid-32) !important}.mie36{-webkit-margin-end:var(--fluid-36) !important;margin-inline-end:var(--fluid-36) !important}.mie40{-webkit-margin-end:var(--fluid-40) !important;margin-inline-end:var(--fluid-40) !important}.mie48{-webkit-margin-end:var(--fluid-48) !important;margin-inline-end:var(--fluid-48) !important}.mie56{-webkit-margin-end:var(--fluid-56) !important;margin-inline-end:var(--fluid-56) !important}.mie64{-webkit-margin-end:var(--fluid-64) !important;margin-inline-end:var(--fluid-64) !important}.mbs0{-webkit-margin-before:0 !important;margin-block-start:0 !important}.mbs2{-webkit-margin-before:var(--fluid-2) !important;margin-block-start:var(--fluid-2) !important}.mbs4{-webkit-margin-before:var(--fluid-4) !important;margin-block-start:var(--fluid-4) !important}.mbs6{-webkit-margin-before:var(--fluid-6) !important;margin-block-start:var(--fluid-6) !important}.mbs8{-webkit-margin-before:var(--fluid-8) !important;margin-block-start:var(--fluid-8) !important}.mbs10{-webkit-margin-before:var(--fluid-10) !important;margin-block-start:var(--fluid-10) !important}.mbs12{-webkit-margin-before:var(--fluid-12) !important;margin-block-start:var(--fluid-12) !important}.mbs14{-webkit-margin-before:var(--fluid-14) !important;margin-block-start:var(--fluid-14) !important}.mbs16{-webkit-margin-before:var(--fluid-16) !important;margin-block-start:var(--fluid-16) !important}.mbs18{-webkit-margin-before:var(--fluid-18) !important;margin-block-start:var(--fluid-18) !important}.mbs20{-webkit-margin-before:var(--fluid-20) !important;margin-block-start:var(--fluid-20) !important}.mbs24{-webkit-margin-before:var(--fluid-24) !important;margin-block-start:var(--fluid-24) !important}.mbs32{-webkit-margin-before:var(--fluid-32) !important;margin-block-start:var(--fluid-32) !important}.mbs36{-webkit-margin-before:var(--fluid-36) !important;margin-block-start:var(--fluid-36) !important}.mbs40{-webkit-margin-before:var(--fluid-40) !important;margin-block-start:var(--fluid-40) !important}.mbs48{-webkit-margin-before:var(--fluid-48) !important;margin-block-start:var(--fluid-48) !important}.mbs56{-webkit-margin-before:var(--fluid-56) !important;margin-block-start:var(--fluid-56) !important}.mbs64{-webkit-margin-before:var(--fluid-64) !important;margin-block-start:var(--fluid-64) !important}.mbe0{-webkit-margin-after:0 !important;margin-block-end:0 !important}.mbe2{-webkit-margin-after:var(--fluid-2) !important;margin-block-end:var(--fluid-2) !important}.mbe4{-webkit-margin-after:var(--fluid-4) !important;margin-block-end:var(--fluid-4) !important}.mbe6{-webkit-margin-after:var(--fluid-6) !important;margin-block-end:var(--fluid-6) !important}.mbe8{-webkit-margin-after:var(--fluid-8) !important;margin-block-end:var(--fluid-8) !important}.mbe10{-webkit-margin-after:var(--fluid-10) !important;margin-block-end:var(--fluid-10) !important}.mbe12{-webkit-margin-after:var(--fluid-12) !important;margin-block-end:var(--fluid-12) !important}.mbe14{-webkit-margin-after:var(--fluid-14) !important;margin-block-end:var(--fluid-14) !important}.mbe16{-webkit-margin-after:var(--fluid-16) !important;margin-block-end:var(--fluid-16) !important}.mbe18{-webkit-margin-after:var(--fluid-18) !important;margin-block-end:var(--fluid-18) !important}.mbe20{-webkit-margin-after:var(--fluid-20) !important;margin-block-end:var(--fluid-20) !important}.mbe24{-webkit-margin-after:var(--fluid-24) !important;margin-block-end:var(--fluid-24) !important}.mbe32{-webkit-margin-after:var(--fluid-32) !important;margin-block-end:var(--fluid-32) !important}.mbe36{-webkit-margin-after:var(--fluid-36) !important;margin-block-end:var(--fluid-36) !important}.mbe40{-webkit-margin-after:var(--fluid-40) !important;margin-block-end:var(--fluid-40) !important}.mbe48{-webkit-margin-after:var(--fluid-48) !important;margin-block-end:var(--fluid-48) !important}.mbe56{-webkit-margin-after:var(--fluid-56) !important;margin-block-end:var(--fluid-56) !important}.mbe64{-webkit-margin-after:var(--fluid-64) !important;margin-block-end:var(--fluid-64) !important}.p0{padding:0 !important}.p2{padding:var(--fluid-2) !important}.p4{padding:var(--fluid-4) !important}.p6{padding:var(--fluid-6) !important}.p8{padding:var(--fluid-8) !important}.p10{padding:var(--fluid-10) !important}.p12{padding:var(--fluid-12) !important}.p14{padding:var(--fluid-14) !important}.p16{padding:var(--fluid-16) !important}.p18{padding:var(--fluid-18) !important}.p20{padding:var(--fluid-20) !important}.p24{padding:var(--fluid-24) !important}.p32{padding:var(--fluid-32) !important}.p36{padding:var(--fluid-36) !important}.p40{padding:var(--fluid-40) !important}.p48{padding:var(--fluid-48) !important}.p56{padding:var(--fluid-56) !important}.p64{padding:var(--fluid-64) !important}.pis0{-webkit-padding-start:0 !important;padding-inline-start:0 !important}.pis2{-webkit-padding-start:var(--fluid-2) !important;padding-inline-start:var(--fluid-2) !important}.pis4{-webkit-padding-start:var(--fluid-4) !important;padding-inline-start:var(--fluid-4) !important}.pis6{-webkit-padding-start:var(--fluid-6) !important;padding-inline-start:var(--fluid-6) !important}.pis8{-webkit-padding-start:var(--fluid-8) !important;padding-inline-start:var(--fluid-8) !important}.pis10{-webkit-padding-start:var(--fluid-10) !important;padding-inline-start:var(--fluid-10) !important}.pis12{-webkit-padding-start:var(--fluid-12) !important;padding-inline-start:var(--fluid-12) !important}.pis14{-webkit-padding-start:var(--fluid-14) !important;padding-inline-start:var(--fluid-14) !important}.pis16{-webkit-padding-start:var(--fluid-16) !important;padding-inline-start:var(--fluid-16) !important}.pis18{-webkit-padding-start:var(--fluid-18) !important;padding-inline-start:var(--fluid-18) !important}.pis20{-webkit-padding-start:var(--fluid-20) !important;padding-inline-start:var(--fluid-20) !important}.pis24{-webkit-padding-start:var(--fluid-24) !important;padding-inline-start:var(--fluid-24) !important}.pis32{-webkit-padding-start:var(--fluid-32) !important;padding-inline-start:var(--fluid-32) !important}.pis36{-webkit-padding-start:var(--fluid-36) !important;padding-inline-start:var(--fluid-36) !important}.pis40{-webkit-padding-start:var(--fluid-40) !important;padding-inline-start:var(--fluid-40) !important}.pis48{-webkit-padding-start:var(--fluid-48) !important;padding-inline-start:var(--fluid-48) !important}.pis56{-webkit-padding-start:var(--fluid-56) !important;padding-inline-start:var(--fluid-56) !important}.pis64{-webkit-padding-start:var(--fluid-64) !important;padding-inline-start:var(--fluid-64) !important}.pie0{-webkit-padding-end:0 !important;padding-inline-end:0 !important}.pie2{-webkit-padding-end:var(--fluid-2) !important;padding-inline-end:var(--fluid-2) !important}.pie4{-webkit-padding-end:var(--fluid-4) !important;padding-inline-end:var(--fluid-4) !important}.pie6{-webkit-padding-end:var(--fluid-6) !important;padding-inline-end:var(--fluid-6) !important}.pie8{-webkit-padding-end:var(--fluid-8) !important;padding-inline-end:var(--fluid-8) !important}.pie10{-webkit-padding-end:var(--fluid-10) !important;padding-inline-end:var(--fluid-10) !important}.pie12{-webkit-padding-end:var(--fluid-12) !important;padding-inline-end:var(--fluid-12) !important}.pie14{-webkit-padding-end:var(--fluid-14) !important;padding-inline-end:var(--fluid-14) !important}.pie16{-webkit-padding-end:var(--fluid-16) !important;padding-inline-end:var(--fluid-16) !important}.pie18{-webkit-padding-end:var(--fluid-18) !important;padding-inline-end:var(--fluid-18) !important}.pie20{-webkit-padding-end:var(--fluid-20) !important;padding-inline-end:var(--fluid-20) !important}.pie24{-webkit-padding-end:var(--fluid-24) !important;padding-inline-end:var(--fluid-24) !important}.pie32{-webkit-padding-end:var(--fluid-32) !important;padding-inline-end:var(--fluid-32) !important}.pie36{-webkit-padding-end:var(--fluid-36) !important;padding-inline-end:var(--fluid-36) !important}.pie40{-webkit-padding-end:var(--fluid-40) !important;padding-inline-end:var(--fluid-40) !important}.pie48{-webkit-padding-end:var(--fluid-48) !important;padding-inline-end:var(--fluid-48) !important}.pie56{-webkit-padding-end:var(--fluid-56) !important;padding-inline-end:var(--fluid-56) !important}.pie64{-webkit-padding-end:var(--fluid-64) !important;padding-inline-end:var(--fluid-64) !important}.pbs0{-webkit-padding-before:0 !important;padding-block-start:0 !important}.pbs2{-webkit-padding-before:var(--fluid-2) !important;padding-block-start:var(--fluid-2) !important}.pbs4{-webkit-padding-before:var(--fluid-4) !important;padding-block-start:var(--fluid-4) !important}.pbs6{-webkit-padding-before:var(--fluid-6) !important;padding-block-start:var(--fluid-6) !important}.pbs8{-webkit-padding-before:var(--fluid-8) !important;padding-block-start:var(--fluid-8) !important}.pbs10{-webkit-padding-before:var(--fluid-10) !important;padding-block-start:var(--fluid-10) !important}.pbs12{-webkit-padding-before:var(--fluid-12) !important;padding-block-start:var(--fluid-12) !important}.pbs14{-webkit-padding-before:var(--fluid-14) !important;padding-block-start:var(--fluid-14) !important}.pbs16{-webkit-padding-before:var(--fluid-16) !important;padding-block-start:var(--fluid-16) !important}.pbs18{-webkit-padding-before:var(--fluid-18) !important;padding-block-start:var(--fluid-18) !important}.pbs20{-webkit-padding-before:var(--fluid-20) !important;padding-block-start:var(--fluid-20) !important}.pbs24{-webkit-padding-before:var(--fluid-24) !important;padding-block-start:var(--fluid-24) !important}.pbs32{-webkit-padding-before:var(--fluid-32) !important;padding-block-start:var(--fluid-32) !important}.pbs36{-webkit-padding-before:var(--fluid-36) !important;padding-block-start:var(--fluid-36) !important}.pbs40{-webkit-padding-before:var(--fluid-40) !important;padding-block-start:var(--fluid-40) !important}.pbs48{-webkit-padding-before:var(--fluid-48) !important;padding-block-start:var(--fluid-48) !important}.pbs56{-webkit-padding-before:var(--fluid-56) !important;padding-block-start:var(--fluid-56) !important}.pbs64{-webkit-padding-before:var(--fluid-64) !important;padding-block-start:var(--fluid-64) !important}.pbe0{-webkit-padding-after:0 !important;padding-block-end:0 !important}.pbe2{-webkit-padding-after:var(--fluid-2) !important;padding-block-end:var(--fluid-2) !important}.pbe4{-webkit-padding-after:var(--fluid-4) !important;padding-block-end:var(--fluid-4) !important}.pbe6{-webkit-padding-after:var(--fluid-6) !important;padding-block-end:var(--fluid-6) !important}.pbe8{-webkit-padding-after:var(--fluid-8) !important;padding-block-end:var(--fluid-8) !important}.pbe10{-webkit-padding-after:var(--fluid-10) !important;padding-block-end:var(--fluid-10) !important}.pbe12{-webkit-padding-after:var(--fluid-12) !important;padding-block-end:var(--fluid-12) !important}.pbe14{-webkit-padding-after:var(--fluid-14) !important;padding-block-end:var(--fluid-14) !important}.pbe16{-webkit-padding-after:var(--fluid-16) !important;padding-block-end:var(--fluid-16) !important}.pbe18{-webkit-padding-after:var(--fluid-18) !important;padding-block-end:var(--fluid-18) !important}.pbe20{-webkit-padding-after:var(--fluid-20) !important;padding-block-end:var(--fluid-20) !important}.pbe24{-webkit-padding-after:var(--fluid-24) !important;padding-block-end:var(--fluid-24) !important}.pbe32{-webkit-padding-after:var(--fluid-32) !important;padding-block-end:var(--fluid-32) !important}.pbe36{-webkit-padding-after:var(--fluid-36) !important;padding-block-end:var(--fluid-36) !important}.pbe40{-webkit-padding-after:var(--fluid-40) !important;padding-block-end:var(--fluid-40) !important}.pbe48{-webkit-padding-after:var(--fluid-48) !important;padding-block-end:var(--fluid-48) !important}.pbe56{-webkit-padding-after:var(--fluid-56) !important;padding-block-end:var(--fluid-56) !important}.pbe64{-webkit-padding-after:var(--fluid-64) !important;padding-block-end:var(--fluid-64) !important}:where(html){scrollbar-gutter:stable both-edges}:where(img,picture,canvas,video,iframe){max-inline-size:100%;block-size:auto;vertical-align:middle}:where(body){font-family:var(--font-family-body);font-size:var(--body);-webkit-font-smoothing:antialiased}:where(h1){font-size:var(--h1)}:where(h2){font-size:var(--h2)}:where(h3){font-size:var(--h3)}:where(h4){font-size:var(--h4)}:where(h5){font-size:var(--h5)}:where(h6){font-size:var(--h6)}:root{--menu-margin: 0px;--menu-padding: 0px;--menu-background: none;--menu-item-color: var(--primary);--menu-item-margin: 0px;--menu-item-padding: 0px;--menu-item-border-top: 0px;--menu-item-border-right: 0px;--menu-item-border-bottom: 0px;--menu-item-border-left: 0px;--menu-item-selected-radius: var(--radius, 0);--menu-item-hover-color: var(--menu-item-color);--menu-item-hover-background: var(--menu-item-background);--menu-item-hover-margin: var(--menu-item-margin);--menu-item-hover-padding: var(--menu-item-padding);--menu-item-hover-border-top: var(--menu-item-hover-border-top);--menu-item-hover-border-right: var(--menu-item-hover-border-right);--menu-item-hover-border-bottom: var(--menu-item-hover-border-bottom);--menu-item-hover-border-left: var(--menu-item-hover-border-left);--menu-item-hover-radius: var(--menu-item-radius);--menu-item-selected-color: var(--menu-item-color);--menu-item-selected-background: var(--menu-item-background);--menu-item-selected-margin: var(--menu-item-margin);--menu-item-selected-padding: var(--menu-item-padding);--menu-item-selected-border-top:var(--menu-item-border-top);--menu-item-selected-border-right:var(--menu-item-border-right);--menu-item-selected-border-bottom:var(--menu-item-border-bottom);--menu-item-selected-border-left:var(--menu-item-border-left);--menu-item-selected-radius: var(--menu-item-radius)}.sticky{position:sticky;top:0;z-index:10000}:root{--mobile-logo-margin: 0px;--mobile-logo-padding: 0px;--logo-margin: var(--mobile-logo-margin);--logo-padding: var(--mobile-logo-padding)}.display-block{display:block}.display-inline{display:inline}.display-inline-block{display:inline-block}.display-flex{display:flex}.display-inline-flex{display:inline-flex}.display-grid{display:grid}.display-inline-grid{display:inline-grid}.display-flow-root{display:flow-root}.display-none{display:none}.display-contents{display:contents}.display-block-flex{display:block flex}.display-block-flow{display:block flow}.display-block-flow-root{display:block flow-root}.display-block-grid{display:block grid}.display-inline-flex{display:inline flex}.display-inline-flow{display:inline flow}.display-inline-flow-root{display:inline flow-root}.display-inline-grid{display:inline grid}.display-table{display:table}.display-table-row{display:table-row}.display-list-item{display:list-item}.display-inherit{display:inherit}.display-initial{display:initial}.display-revert{display:revert}.display-revert-layer{display:revert-layer}.display-unset{display:unset}html,body,body>div{height:100%}body{display:flex;flex-direction:column}#defaultLayout{flex:1 0 auto}.fw{width:100% !important}.fh{height:100% !important}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-dynamic{flex-direction:column !important}.h0{height:0 !important}.h2{height:var(--fluid-2) !important}.h4{height:var(--fluid-4) !important}.h6{height:var(--fluid-6) !important}.h8{height:var(--fluid-8) !important}.h10{height:var(--fluid-10) !important}.h12{height:var(--fluid-12) !important}.h14{height:var(--fluid-14) !important}.h16{height:var(--fluid-16) !important}.h18{height:var(--fluid-18) !important}.h20{height:var(--fluid-20) !important}.h24{height:var(--fluid-24) !important}.h32{height:var(--fluid-32) !important}.h36{height:var(--fluid-36) !important}.h40{height:var(--fluid-40) !important}.h48{height:var(--fluid-48) !important}.h56{height:var(--fluid-56) !important}.h64{height:var(--fluid-64) !important}.h20p{height:20% !important}.h10p{height:10% !important}.h30p{height:30% !important}.h40p{height:40% !important}.h50p{height:50% !important}.h60p{height:60% !important}.h70p{height:70% !important}.h80p{height:80% !important}.h90p{height:90% !important}.h100p{height:100% !important}.h33p{height:33% !important}.h66p{height:66% !important}.h25p{height:25% !important}.h75p{height:75% !important}.h50p{height:50% !important}.w0{width:0 !important}.w2{width:var(--fluid-2) !important}.w4{width:var(--fluid-4) !important}.w6{width:var(--fluid-6) !important}.w8{width:var(--fluid-8) !important}.w10{width:var(--fluid-10) !important}.w12{width:var(--fluid-12) !important}.w14{width:var(--fluid-14) !important}.w16{width:var(--fluid-16) !important}.w18{width:var(--fluid-18) !important}.w20{width:var(--fluid-20) !important}.w24{width:var(--fluid-24) !important}.w32{width:var(--fluid-32) !important}.w36{width:var(--fluid-36) !important}.w40{width:var(--fluid-40) !important}.w48{width:var(--fluid-48) !important}.w56{width:var(--fluid-56) !important}.w64{width:var(--fluid-64) !important}.w10p{width:10% !important}.w20p{width:20% !important}.w30p{width:30% !important}.w40p{width:40% !important}.w50p{width:50% !important}.w60p{width:60% !important}.w70p{width:70% !important}.w80p{width:80% !important}.w90p{width:90% !important}.w100p{width:100% !important}.w33p{width:100% !important}.w66p{width:100% !important}.w25p{width:100% !important}.w45p{width:100% !important}.w75p{width:100% !important}.w50p{width:100% !important}@media(min-width: 960px){.flex-row-dynamic{flex-direction:row !important}.w33p{width:33% !important}.w66p{width:66% !important}.w25p{width:25% !important}.w75p{width:75% !important}.w50p{width:50% !important}.w10p{width:10% !important}.w20p{width:20% !important}.w30p{width:30% !important}.w40p{width:40% !important}.w50p{width:50% !important}.w60p{width:60% !important}.w70p{width:70% !important}.w80p{width:80% !important}.w90p{width:90% !important}.h33p{height:33% !important}.h66p{height:66% !important}.h25p{height:25% !important}.h75p{height:75% !important}.h50p{height:50% !important}}/*# sourceMappingURL=functional.css.map */

package/css/functional.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../src/lib/css/common.scss","../src/lib/css/opinions.scss","../src/lib/css/menu.scss","../src/lib/css/logo.scss","../src/lib/css/displays.scss","../src/lib/css/properties.scss"],"names":[],"mappings":"AAAA,aACI,2CACA,oCACA,mCACA,kCACA,qCACA,+BACA,yCACA,mCACA,kCACA,oCACA,mCACA,6BACA,wBACA,uBACA,+BACA,gCACA,8BACA,gCACA,sCACA,kCACA,iCACA,gCACA,2BACA,mCACA,kCACA,iCACA,kCACA,4BACA,uDACA,qDAGJ,aACI,0CACA,mCACA,kCACA,iCACA,iCACA,8BACA,wCACA,kCACA,iCACA,mCACA,kCACA,4BACA,0BACA,yBACA,6CACA,kDACA,4CACA,8CACA,oDACA,iCACA,gCACA,+BACA,0BACA,kCACA,iCACA,gCACA,iCACA,2BACA,qDACA,oDAGJ,MACI,mBACA,gEACA,kDACA,gDACA,8CACA,oDACA,wCACA,gDACA,8CACA,kDACA,gDACA,oCACA,gCACA,8BACA,wCACA,gDACA,sCACA,0CACA,sDACA,gCACA,4CACA,0CACA,8CACA,6CACA,2CACA,gDACA,8CACA,4CACA,8CACA,mCAGJ,mCACI,MACI,kBACA,+DACA,iDACA,+CACA,6CACA,mDACA,uCACA,+CACA,6CACA,iDACA,+CACA,mCACA,+BACA,6BACA,uCACA,+CACA,qCACA,yCACA,qDACA,+BACA,2CACA,yCACA,6CACA,4CACA,0CACA,+CACA,6CACA,2CACA,6CACA,mCAIR,qBACI,mBACA,gEACA,kDACA,gDACA,8CACA,oDACA,wCACA,gDACA,8CACA,kDACA,gDACA,oCACA,gCACA,8BACA,wCACA,gDACA,sCACA,0CACA,sDACA,gCACA,4CACA,0CACA,8CACA,6CACA,2CACA,gDACA,8CACA,4CACA,8CACA,mCAGJ,oBACI,kBACA,+DACA,iDACA,+CACA,6CACA,mDACA,uCACA,+CACA,6CACA,iDACA,+CACA,mCACA,+BACA,6BACA,uCACA,+CACA,qCACA,yCACA,qDACA,+BACA,2CACA,yCACA,6CACA,4CACA,0CACA,+CACA,6CACA,2CACA,6CACA,kCAGJ,aACI,wCACA,kCACA,gCACA,2CAGJ,aACI,iBACA,mBACA,iBACA,mBACA,iBACA,mBACA,oBACA,i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","file":"functional.css"}